/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url("https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap");

@font-face {
  font-family: "Abadi";
  src: url("../css/abadi.ttf") format("truetype");
}

@font-face {
  font-family: "Ayuthaya";
  src: url("../css/ayuthaya.ttf") format("truetype");
}

@font-face {
  font-family: "Constantia";
  src: url("../css/constan.ttf") format("truetype");
}

@font-face {
  font-family: "TheSeasons";
  src: url("../css/theseasons.otf") format("opentype");
}

body {
  font-family: "Constantia", "Abadi", "Ayuthaya", serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Ayuthaya", serif;
}

#_desktop_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#_desktop_logo h1 {
  margin-top: 0.9375rem;
  text-align: center;
}

.carousel .carousel-item img {
  width: 100vw;
  height: 75vh;
  object-fit: cover;
  display: block;
}

.carousel .carousel-inner {
  height: 75vh;
}

.carousel,
.carousel ul {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .carousel .carousel-item .caption {
    position: absolute;
    left: 10%;
  }

  .carousel .carousel-item .caption .display-1 {
    color: inherit;
  }
}

#header .header-nav {
  border-bottom: none;
}

#header .header-nav,
.dropdown-menu,
.product-flags li.product-flag,
.btn-primary {
  background-color: #5c694a;
}

.btn-primary {
  border-radius: 16px;
}

a,
.product-price,
.tabs .nav-tabs .nav-link.active {
  color: #5c694a;
}

#header,
#header .header-top,
#header .header-nav .cart-preview.active {
  background-color: #6d7b50;
}

#header .top-menu a[data-depth="0"]:hover,
a:hover,
.dropdown:hover .expand-more,
#header a:hover {
  color: #9faf8f;
}

.product-miniature .thumbnail-container,
.product-miniature .product-description,
.product-subscription {
  background: #efe7de;
}

.product-subscription {
  border-radius: 24px;
  border: 1px solid #7a7a7a;
  overflow: hidden;
}

#header .header-top a[data-depth="0"],
#header a,
.dropdown .expand-more {
  color: #ffffff;
}

#header form i {
  color: #9b9b9b;
}

#mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
  color: #5c694a;
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  border: 0;
  border-bottom: #5c694a 3px solid;
}

.product-images>li.thumb-container .thumb.selected,
.product-images>li.thumb-container .thumb:hover {
  border: #5c694a 3px solid;
}

.btn-primary:hover {
  background-color: #6d7b50;
}

.text-center {
  text-align: center;
}

.product-subscription .subscription-container img {
  width: 100%;
  max-width: 75vw;
}

#header .header-top a[data-depth="0"] {
  text-transform: none;
}

#wrapper {
  background: #f5f1eb;
}

.product-miniature .thumbnail-container .product-thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.featured-products .row img {
  object-fit: cover;
  width: 100%;
  height: 350px;
}

.featured-products .row .product-description a {
  text-transform: none;
}

.featured-product-even {
  background-color: #efe7de;
}

.logo-name {
  font-family: "TheSeasons", serif;
  color: #efe7de;
  letter-spacing: 0.15rem;
  font-weight: 400;
}

.featured-product-odd.reveal {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.featured-product-even.reveal {
  opacity: 0;
  transform: translateX(40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.active {
  opacity: 1;
  transform: translateX(0);
}

@media (max-width: 820px) {
  .featured-product-odd.reveal {
    opacity: 0;
    transform: translateX(0px);
    transition: opacity 1s ease, transform 1s ease;
  }

  .featured-product-even.reveal {
    opacity: 0;
    transform: translateX(0px);
    transition: opacity 1s ease, transform 1s ease;
  }

  .reveal.active {
    opacity: 1;
    transform: translateX(0);
  }
}

#header {
  color: #f8f8f8;
}

#header .header-nav .cart-preview span {
  color: #7a7a7a;
}

#header .header-nav .cart-preview.active span {
  color: #f8f8f8;
}

.badge {
  font-size: 0.875rem;
  border-radius: 8px;
}

.text-dark-olive-green,
.text-primary {
  color: #5c694a !important;
}

.carousel .carousel-item .caption .display-1 {
  font-family: "TheSeasons", serif;
}

.text-seasons {
  font-family: "TheSeasons", serif;
}

.text-ayuthaya {
  font-family: "Ayuthaya", serif;
}

.text-constantia {
  font-family: "Constantia", serif;
}

.text-abadi {
  font-family: "Abadi", serif;
}

.section .section-title {
  font-weight: 700;
  line-height: 2.2rem;
}

.label,
label {
  text-align: left;
}

.hide-on-mobile {
  display: none;
}

.hide-on-desktop {
  display: none;
}

@media (min-width: 768px) {
  .hide-on-mobile {
    display: block;
  }

  .hide-on-desktop {
    display: none;
  }
}

@media (max-width: 767px) {
  .hide-on-mobile {
    display: none;
  }

  .hide-on-desktop {
    display: block;
  }
}