@font-face {
  font-family: 'Spumante Bold';
  src: url('../fonts/Spumante-Bold.eot');
  src: url('../fonts/Spumante-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Spumante-Bold.woff2') format('woff2'),
    url('../fonts/Spumante-Bold.woff') format('woff'),
    url('../fonts/Spumante-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

.container {width: 100%;max-width: 1370px;margin: 0 auto;}
a.cta {background-color: #cf1014;color: #fff;height: 57px;line-height: 57px;font-size: 18px;border-radius: 38px;padding: 0 38px;display: inline-block;font-weight: bold;}
a.cta:hover {color: #fff;}

#custom-cookie-hero {background-color: #f9c6dc;position: relative;margin-bottom: 100px;padding-top: 30px;}
.page-id-305402 #custom-cookie-hero {background-color:#cfc2dc}
#custom-cookie-hero .hero-text {text-align: center;margin-bottom: 1rem;}
#custom-cookie-hero::after {content: '';position: absolute;left: 0;right: 0;bottom: -49px;height: 50px;background-image: url('../images/custom-cookies-wave.png');background-size: cover;background-position: center bottom;z-index: -1;}
.page-id-305402 #custom-cookie-hero::after {background-image: url('../images/photo-cookies-wave.png');}
#custom-cookie-hero h1,
#custom-cookie-hero .h1 {font-family: 'BasicSansSF-Bold';color: #fff;text-shadow: 0px 7px 1px rgba(0, 0, 0, 0.15);line-height: 1;margin-bottom: 1rem;font-size: 58px;}
#custom-cookie-hero h1 span,
#custom-cookie-hero .h1 span {font-family: 'Spumante Bold';color: #3c9def;display: block;}
.page-id-305402 #custom-cookie-hero h1 span,
.page-id-305402 #custom-cookie-hero .h1 span {padding-top:30px;font-size:120px}
#custom-cookie-hero p {font-family: 'BasicSansRegular';line-height: 1.3076;font-size: 18px;}
#custom-cookie-hero .hero-image img {position: relative;z-index: 2;}
#custom-cookie-hero .hero-image::before {content: '';position: absolute;background-image: url('../images/cookie-crumbles-1.png');background-repeat: no-repeat;background-position: center;background-size: cover;bottom: 52px;left: -6px;width: 180px;height: 117px;z-index: 1;}
#custom-cookie-hero .hero-image::after {content: '';position: absolute;background-image: url('../images/cookie-crumbles-2.png');background-repeat: no-repeat;background-position: center;background-size: cover;bottom: 0;right: -100px;width: 180px;height: 117px;z-index: 1;}
@media screen and (min-width: 360px ) {
  #custom-cookie-hero h1,
  #custom-cookie-hero .h1 {font-size: 50px;}
  #custom-cookie-hero .hero-image::before {bottom: 54px;left: -12px;width: 227px;height: 140px;}
}
@media screen and (min-width: 480px ) {
  #custom-cookie-hero h1,
  #custom-cookie-hero .h1 {font-size: 70px;}
  #custom-cookie-hero .hero-image::before {bottom: 94px;left: -22px;width: 282px;height: 170px;}
}
@media screen and (min-width: 600px ) {
  #custom-cookie-hero h1,
  #custom-cookie-hero .h1 {font-size: 100px;}
  #custom-cookie-hero .hero-image::before {bottom: 127px;left: -25px;width: 326px;height: 202px;}
}
@media screen and (min-width: 768px ) {
  #custom-cookie-hero {margin-top: 0;margin-bottom: 180px;}
  #custom-cookie-hero h1,
  #custom-cookie-hero .h1 {font-size: 78px;}
  .page-id-305402 #custom-cookie-hero h1,
  .page-id-305402 #custom-cookie-hero .h1 {font-size: 40px;}
  #custom-cookie-hero .container {display: flex;align-items: center;}
  #custom-cookie-hero .hero-text {margin-bottom: 0;text-align: left;flex: 1 0 50%;padding: 0 25px 0 0;max-width: 50%;margin-top:40px}
  .page-id-305402 #custom-cookie-hero .hero-text {max-width:60%}
  #custom-cookie-hero .hero-image {position: absolute;max-width: 370px;left: 50%;}
  .page-id-305402 #custom-cookie-hero .hero-image {left:54%}
  #custom-cookie-hero p {max-width: 611px;}
  .page-id-305402 #custom-cookie-hero p {max-width: 655px;}
  #custom-cookie-hero::after {height: 160px;bottom: -116px;}
  #custom-cookie-hero .hero-image::before {bottom: 95px;left: -29px;width: 195px;height: 117px;}
}
@media screen and (min-width: 992px ) {
  #custom-cookie-hero {margin-bottom: min(22vw, 320px);}
  #custom-cookie-hero h1,
  #custom-cookie-hero .h1 {margin-bottom: 25px;font-size: 100px;}
  .page-id-305402 #custom-cookie-hero h1,
  .page-id-305402 #custom-cookie-hero .h1 {font-size: 80px;margin-bottom:0}
  #custom-cookie-hero p {margin-bottom: 45px;font-size: 26px;}
  
  a.cta {height: 76px;line-height: 76px;font-size: 27px;}
  #custom-cookie-hero .hero-image {max-width: 50%;top: -43px;}
  #custom-cookie-hero .hero-image::before {bottom: 142px;left: -58px;width: 390px;height: 237px;}
  #custom-cookie-hero .hero-image::after {bottom: 66px;right: -171px;width: 270px;height: 219px;}
}

#cards {text-align: center;position: relative;}
.crumbles1 {position: absolute;content: '';background-image: url('../images/cookie-crumbles-3.png');background-repeat: no-repeat;background-position: center;background-size: cover;left: -28px;bottom: 50%;width: 298px;height: 558px;z-index: -1;}
.crumbles2 {position: absolute;content: '';background-image: url('../images/cookie-crumbles-4.png');background-repeat: no-repeat;background-position: center;background-size: cover;right: -179px;bottom: 6%;width: 476px;height: 631px;z-index: -1;}
#cards .title {color: #333333;font-family: 'BasicSansSF-Bold';line-height: 1;margin-bottom: 50px;}
#cards .cards-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 40px;margin-bottom: 40px;}
#cards .cards-container .card {border-radius:10px;background-color: #fff;box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.15);text-align: center;padding: 30px 15px 20px 15px;flex-basis: 280px;}
#cards .cards-container .card .img {height:180px}
#cards .cards-container .card img {margin-bottom: 15px;}
#cards .cards-container .card p {margin-bottom: 0;font-family: 'BasicSansRegular';font-size: 22px;line-height: 25px;}
#cards .cards-container .card strong {font-family: 'BasicSansSF-Bold';}
.page-id-305402 #cards .title {margin-bottom:20px}
#cards .desc {padding-bottom:30px;}
#cards .desc p {font-size:22px;color:#333;line-height:34px;font-family: 'BasicSansRegular';}


@media screen and (min-width: 768px){
  #cards .cards-container {margin-bottom: 64px;}
  #cards .title {font-size: 69px;}
}
@media screen and (min-width: 992px ) {
  .crumbles1 {left: -8%;bottom: 6%;}
  .crumbles2 {bottom: -12%;}
}
@media screen and (min-width: 1400px ) {
  .crumbles1 {left: 5%;bottom: 6%;}
  .crumbles2 {right: 5%;bottom: -3%;}
  
}

@media screen and (max-width: 1400px ) {
  .page-id-305402 #custom-cookie-hero h1,
  .page-id-305402 #custom-cookie-hero .h1 {font-size:63px}
  .page-id-305402 #custom-cookie-hero h1 span,
  .page-id-305402 #custom-cookie-hero .h1 span {font-size:100px}
  .page-id-305402 #custom-cookie-hero p {max-width:80%}

}

@media screen and (max-width: 767px ) {
  .page-id-305402 #custom-cookie-hero h1,
  .page-id-305402 #custom-cookie-hero .h1 {font-size:63px}
  .page-id-305402 #custom-cookie-hero h1 span,
  .page-id-305402 #custom-cookie-hero .h1 span {font-size:100px}
  .page-id-305402 #custom-cookie-hero p {max-width:100%}
}

@media screen and (max-width: 600px ) {
  .page-id-305402 #custom-cookie-hero h1,
  .page-id-305402 #custom-cookie-hero .h1 {font-size:50px}
  .page-id-305402 #custom-cookie-hero h1 span,
  .page-id-305402 #custom-cookie-hero .h1 span {padding-top:10px;font-size:60px}
}

@media screen and (max-width: 480px ) {
  #custom-cookie-hero .hero-text p br{display:none}
}

@media screen and (max-width: 360px ) {
  .page-id-305402 #custom-cookie-hero h1,
  .page-id-305402 #custom-cookie-hero .h1 {font-size:40px}
  .page-id-305402 #custom-cookie-hero h1 span,
  .page-id-305402 #custom-cookie-hero .h1 span {padding-top:5px;font-size:50px}
}

#contact {background-image: url('../images/custom-cookie-contact-bg.png');background-position: center top;background-size: contain;background-repeat: no-repeat;margin-top: 50px;text-align: center;margin-bottom: 50px;}
#contact .container {display: flex;flex-direction: column;justify-content: center;}
#contact h2 {margin-bottom:10px;color: #333333;font-family: 'BasicSansSF-Bold';line-height: 1.2;font-size: 36px;}
#contact p {font-family: 'BasicSansRegular';line-height: 1.3076;font-size: 18px;color: #333333;}
#contact .contact-text a:not(.cta) {color: #cf1014;text-decoration: underline;font-weight: bold;}
#contact .contact-text p {margin-bottom:12px}
#contact .contact-text {margin-bottom: 30px;}
#contact .cta {margin-top:15px}
@media screen and (min-width: 768px ) {
  #contact {padding: 50px 0;}
  #contact h2 {font-size: 42px;}
  #contact .contact-image {text-align: right;flex: 1 0 30%;}
  #contact .contact-text {text-align: left;flex: 1 0 50%;margin-bottom: 0;position: relative;order: 2;}
  #contact .contact-text p {max-width: 458px;font-size: 20px;}
  #contact .cta {padding: 0 50px;}
  #contact {background-position: center center;}
  #contact .container {flex-direction: row;gap: 0 55px;align-items: center;}
}
@media screen and (min-width: 992px ) {
  #contact {margin-bottom: 100px;}
  #contact h2 {font-size: 69px;}
  #contact p {font-size: 22px;}
  #contact {margin-top: 106px;padding: 100px 0;}
  #contact .cta {padding: 0 100px;}
}

#carousel {padding:100px 0 70px 0;overflow:hidden;text-align: center;margin-top: 25px;}
#carousel .container {position:relative}
#carousel .container:before {position:absolute;top:-95px;left:-100%;right:0;margin:auto;background:#e7f4fc;width:300%;height:300%;border-radius:50%;content:''}
#carousel .carousel-text {position: relative;top: -25px;}
#carousel h2 {color: #333333;font-family: 'BasicSansSF-Bold';line-height: 1;font-size: 36px;max-width: 800px;margin: 0 auto;margin-bottom: 20px;}
#carousel p {font-family: 'BasicSansRegular';line-height: 1.3;font-size: 18px;color: #000;max-width: 822px;margin: 0 auto;}
#carousel br {display: none;}
@media screen and (min-width: 768px ) {
  #carousel br {display: block;}
  #carousel h2 {font-size: 42px;margin-bottom: 20px;}
  #carousel .carousel-text p {font-size: 20px;}
}
@media screen and (min-width: 992px ) {
  #carousel h2 {padding-top:30px;font-size: 69px;}
  #carousel .carousel-text p {font-size: 22px;line-height:1.3}
}


.swiper-custom-cookies {position: relative;overflow: hidden;}
#carousel .swiper-button-prev {transform:rotate(-180deg)}
#carousel .swiper-button-prev,
#carousel .swiper-button-next {box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.18);width:54px;height:54px;background:#fff url(../images/arr.svg) no-repeat center;border-radius:27px;background-size: 12px 44px;}
.carousel-container {position: relative;padding: 0 92px;}
#carousel .swiper-wrapper h3,
#carousel .swiper-wrapper .h3 {padding-top:20px;line-height:1.2;color:#333333;font-size:16px;display:block;text-transform:uppercase;font-family: "Poppins";
  font-weight: 500;
  margin: 0.65em 0 0.5em;}
#carousel .swiper-wrapper .pricebox {color:#d50900;font-size:14px}
#carousel .swiper-wrapper .pimage {height:12vw;max-height:220px;}
#carousel .swiper-wrapper .pimage img {margin:auto;height:100%;width:auto}
#carousel .swiper-wrapper .shoptoday {margin-bottom:20px;border-radius: 20px;background:#d10900;color:#fff;font-size:16px;font-weight:700;display:inline-block;padding:7px 29px;/*transition:transform .3s;*/}
/* #carousel .swiper-wrapper .shoptoday:hover{transform: translateY(-10px)}*/
#carousel .swiper-wrapper .view {margin:62px auto 100px auto;-webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px;background:#d10900;color:#fff;font-size:20px;font-weight:700;display:inline-block;padding:7px 35px}
#carousel .swiper-wrapper a.prod {margin:5px;box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.12);background:#fff;position:relative;display:block;padding:10px;}
#carousel .swiper-wrapper .btm {height:110px}
.carousel-small-print {z-indeX: 1;  position: relative;padding-top:30px;font-size:14px;line-height:1.2;color:#7a7373}
.carousel-small-print a {color:#7a7373}

@media screen and (max-width: 767px ) {
  #carousel .container:before {width: 400%;    height: 400%;    left: -150%;}
}

@media screen and (max-width: 640px ) {
  #carousel .swiper-wrapper .pimage {height:45vw}
  .carousel-container {padding:0 50px}
  #carousel .swiper-button-prev {left:-5px}
  #carousel .swiper-button-next {right:-5px}
  #carousel .swiper-wrapper .btm {height:130px}
  #carousel {padding-bottom:30px}
}
div.addon-description p {
  margin-bottom: 0.5em;
  font-style: italic;
}
.single-product {padding-bottom:50px}
.single-product .woocommerce-breadcrumb,
.single-product .slick-arrow,
.single-product .shopby,
.single-product .related,
.single-product .yotpo-main-widget,
.single-product .p-video {display:none !important}

@media screen and (max-width: 480px ) {
  .single-product {padding-bottom:30px}
  #cards .desc p {    line-height: 1.3076;    font-size: 18px;}
  #cards .desc p br {display:none}
  .crumbles1 {display:none}
}