/* Author : KAPU DIGITAL */
body {
  position: relative;
  background-image: url("./images/layout/body-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; /* Optional: Fixes the background image in place */
  padding: 2em;
}

body::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: rgba(
    0,
    0,
    0,
    0.5
  ); /* Adjust the color and opacity as needed */
  z-index: -1;
}

.navbar {
  background: none !important;
}

.navlogo {
  /* height: 60.64px; */
  width: 200.88px;
}
.hamburger-btn {
  background: none;
  border: none;
  outline: none;
}
.hamburger-btn img {
  width: 40px;
}

.java-card {
  background: #004c6c;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: white;
}

.card-title {
  color: #fcb515;
}

.card-pattern {
  width: 100%;
  height: 115.01px;
}
.registration-card-pattern {
  height: 69.62px;
  width: 100%;
}
.home-dots {
  width: 76px;
  height: 32.23px;
}

/* DEV */

.black {
  background: black;
  height: 200px;
  width: 200px;
}

.red {
  background: red;
  height: 200px;
  width: 200px;
}
.green {
  background: green;
  height: 200px;
  width: 200px;
}

.blue {
  background: blue;
  height: 200px;
  width: 200px;
}

.page-imgs {
  width: 100%;
  height: 100%;
}

.special-offers {
  /* width: 320px; */
  height: 479px;
}
.our-stories {
  height: 200px;
}
.share-feedback {
  height: 200px;
}
.our-menu {
  height: 200px;
}
.our-loyalty {
  /* height: 200px; */
}

.java-btn-white {
  background-color: #004c6c;
  color: white;
  border: 1px solid white;
  outline: none;
  padding: 14px 38px 11px 38px;
  margin-bottom: -11px !important;
}

@font-face {
  font-family: "gotham";
  src: url("./fonts/gotham/GothamMedium.ttf") format("woff2");
}
@font-face {
  font-family: "gothamlight";
  src: url("./fonts/gotham/GothamLight.ttf") format("woff2");
}

@font-face {
  font-family: "crimson";
  src: url("./fonts/crimson/CrimsonText-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "semi-crimson";
  src: url("./fonts/crimson/CrimsonText-SemiBold.ttf") format("truetype");
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button {
  font-family: "gotham";
  letter-spacing: 1px;
}

label {
  font-family: 13px;
}

.icons {
  font-size: 20px;
}

.icon-link {
  text-decoration: none;
  color: white;
}
.icon-link img {
  width: 26px;
}
.google-btn {
  font-size: 15px;
}

.divider {
  display: flex;
  align-items: center;
}

.divider-line {
  flex-grow: 1;
  border-top: 1px solid white;
  opacity: 28%;
}

.divider-text {
  color: white;
  padding: 0 10px;
}

.form-control {
  background-color: #004c6c;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  color: white;
}
.form-control:focus {
  background-color: #004c6c;
  border: none;
  border-bottom: 1px solid white;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  color: white;
}

.form-control::placeholder {
  color: white;
  font-family: sans-serif;
  font-size: 15px;
}

.google-btn {
  color: black;
  text-decoration: none;
}
.google-btn-container {
  background: white;
  padding: 14px 20px 11px 20px;
}
.register-btn {
  width: 100%;
  justify-content: center;
}

.register-label {
  font-size: 14px;
}

.img-container {
  position: relative;
}

.img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* background: #00000045; */
  width: 100%;
}
.special-img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  /* padding: 20px; */
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* background: #00000045; */
  width: 100%;
}

.special-offer-btn {
  background-color: #da1a32;
  color: white;
  border: 1px solid white;
  outline: none;
  padding: 14px 38px 3px 38px;
  margin-bottom: -11px !important;
  width: 100%;
  outline: none;
  border: none;
  font-size: 14px;
  position: relative;
  height: 56px;
  justify-content: center;
}

.special-offer-btn img {
  position: absolute;
  height: 50px;
  top: 0;
  left: 0;
  margin-left: 3px;
  margin-top: 3px;
}

.block-btn {
  width: 100%;
  justify-content: center;
}

.our-loyalty-icon {
  width: 42px;
}

.share-feedback-icon {
  width: 34px;
}

.menu-item {
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ffffff87;
  text-align: left;
  font-family: "semi-crimson";
}

.menu-item::before {
  content: "";
  position: absolute;
  top: 12px;
  left: -13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 13px 11px;
  border-color: transparent transparent white transparent;
  transform: rotate(90deg);
}

.nodecoration {
  text-decoration: none;
  color: white;
}