

html:lang(en) .fr {
  display: none;
}

html:lang(fr) .en {
  display: none;
}

@font-face {
  font-family: 'Raleway';
  src: url('/themes/tastytheme/src/fonts/Raleway/Raleway-Bold.woff2') format('woff2'),
  url('/themes/tastytheme/src/fonts/Raleway/Raleway-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('/themes/tastytheme/src/fonts/Raleway/Raleway-ExtraBold.woff2') format('woff2'),
  url('/themes/tastytheme/src/fonts/Raleway/Raleway-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


#lunar-body{
  background-color: #BC2227;
  background-image: url('/themes/tastytheme/src/images/lunar/background-pattern.webp') ;
  background-repeat: repeat;
}

/*==== BANNER SECTION ======*/

.lunar-banner-container{
  position: relative;
}

.lunar-buy-now-btn{
  display: block;
  /*width: 220px;*/
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5%;
  margin: auto;
  line-height: 1.2;
}

/*==== END BANNER SECTION ======*/


#lunar-body h2, #lunar-body p{
  font-family: 'Raleway', 'GTWalsheimBold', 'sans-serif';
  text-align: center;
}

.gradient-text-lunar{
  background-image: linear-gradient(45deg, #F1AC34, #F7EB61);
  background-size: 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-filter: drop-shadow(-2px 2px #6E1B22);
  filter: drop-shadow(-2px 2px #6E1B22);
}

.lunar-header{
  padding: 40px 20px;
}

.lunar-header span{
  display: block;
}

.lunar-header h2, .lunar-hungry-for-more h2{
  color: #FFFFFF;
  font-size: 50px !important;
  padding: 0 15px;
  -webkit-filter: drop-shadow(-2px 2px #6E1B22);
  filter: drop-shadow(-2px 2px #6E1B22);
}

.header-paragraph, .lunar-hungry-for-more p{
  color: #ffffff;
  font-size: 30px;
  padding: 0 15px;
  margin: 15px auto 0 auto;
  max-width: 845px;
  -webkit-filter: drop-shadow(-2px 2px #6E1B22);
  filter: drop-shadow(-2px 2px #6E1B22);
}

.lunar-products{
  max-width: 700px;
  margin: 60px auto 60px auto;
}

.lunar-products img{
  width: 100%;
}

.video-image-placeholder:focus{
  outline: #FCBC00 2px auto;
}


/*=========COUPON =========*/

.lunar-coupon-background{
  background-image:url('/themes/tastytheme/src/images/lunar/Coupon-Banner.webp');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat ;
}
.lunar-coupon-con{
  padding: 140px 20px;
  max-width: 460px;
  margin: auto;
}

.coupon-image-con {
  max-width: 430px;
}

img.coupon-image {
  width: 100%;
  display: block;
}

.coupon-body{
  background: #ffffff;
  padding: 1px;
  width: 100%;
  max-width: 530px;
}

.coupon-body p{
  font-size: 35px;
  color: #C92027;
  margin-top: 35px;
}

.lunar-red-button{
  display: block;
  width: 200px;
  margin: 40px auto;
  color: #FEED35;
  background-color: #C92027;
  text-align: center;
  border-radius: 8px;
  padding: 15px;
  font-family: 'Raleway', 'GtWalsheimBold', 'sans-serif' ;
  transition: all .2s ease-in;
}

.lunar-red-button:hover{
  transform: scale(1.01);
  text-decoration: none;
  color: #FFFFFF;
}

.small-text{
  font-size: 16px !important;
  color: #000000 !important;
  font-family: 'newAkzidenz', 'sans-serif' !important;
  margin-bottom: 20px !important;
}

/*======= PRODUCTS SECTION=======*/

.lunar-hungry-for-more{
  padding: 40px 10px;
}

.lunar-header-sup {
  top: -35px !important;
}
/*======= CAROUSEL ========*/

.carousel-con{
  margin: 100px auto 0 auto;
  max-width: 1200px;
  padding: 0 35px;
}

.lunar-product-img-con{
  max-width: 200px;
  margin: auto;
}

.lunar-product-img{
  max-height: 250px;
  margin: auto;
}

.lunar-product-name{
  font-size: 23px !important;
}

.lunar-product-name sup{
  top: -12px!important;
}

.lunar-yellow-button{
  display: block;
  width: 220px;
  margin: 20px auto;
  color: #C92027;
  text-align: center;
  background-color: #F1AC34;
  background-image: linear-gradient(45deg, #F1AC34, #F7EB61);
  background-size: 100%;
  padding: 18px 0;
  font-family: 'Raleway','GtWalsheimBold', 'sans-serif';
  transition: all .2s ease-in;
  font-size: 25px;
  border-radius: 8px;
  border-bottom: solid 4px #D8A731;
}

.lunar-yellow-button:hover{
  transform: scale(1.01);
  text-decoration: none;
  color: #f50714;
}

.lunar-yellow-large-button{
  width: 300px;
}

.lunar-next{
  width: 38px !important;
  height: 62px !important;
  background-image: url('/themes/tastytheme/src/images/lunar/arrow-right.png') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  transition: all .2s ease-in;
}

.lunar-prev{
  width: 38px !important;
  height: 62px !important;
  background-image: url('/themes/tastytheme/src/images/lunar/arrow-left.png') !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  transition: all .2s ease-in;
}

.lunar-next:hover , .lunar-prev:hover{
  filter: brightness(1.2);
}

.lunar-next:focus, .lunar-prev:focus
{
  outline: #FCBC00 2px auto !important;
}

.lunar-next:before, .lunar-prev:before {
  content: none !important;
}

/* ==== MEDIA QUERIES ====*/

@media only screen and (min-width: 400px){
  .lunar-header h2, .lunar-hungry-for-more h2 {
    font-size: 70px !important;
  }
}


@media only screen and (min-width: 900px){
  .lunar-header{
    background-image: url('/themes/tastytheme/src/images/lunar/background-left-lunar.png'),
    url('/themes/tastytheme/src/images/lunar/background-right-lunar.png');
    background-position: -5%, 115%;
    background-size: contain !important;
    background-repeat: no-repeat;
  }

}

@media only screen and (min-width: 1060px){
  .lunar-header{
    background-position: 0, 100%;
  }

  .lunar-coupon-con {
    display: flex;
    flex-direction: row;
    padding: 160px 20px;
    max-width: 1000px;
    margin: auto;
  }

}

