/*
Theme Name: Sweet Joe's
Theme URI: http://sweetjoes.com/
Author: 1stFold
Author URI: https://1stfold.com/
Description: A lightweight WordPress theme built for Elementor.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-elementor-theme
*/

/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'fonnts_comBovine_MVB_Regular';
    src: url('fonts/fonnts_comBovine_MVB_Regular.eot');
    src: url('fonts/fonnts_comBovine_MVB_Regular.eot') format('embedded-opentype'),
         url('fonts/fonnts_comBovine_MVB_Regular.woff2') format('woff2'),
         url('fonts/fonnts_comBovine_MVB_Regular.woff') format('woff'),
         url('fonts/fonnts_comBovine_MVB_Regular.ttf') format('truetype'),
         url('fonts/fonnts_comBovine_MVB_Regular.svg#fonnts_comBovine_MVB_Regular') format('svg');
}
@font-face {
    font-family: 'AcuminProCondensed';
    src: url('fonts/AcuminProCondensed.eot');
    src: url('fonts/AcuminProCondensed.eot') format('embedded-opentype'),
         url('fonts/AcuminProCondensed.woff2') format('woff2'),
         url('fonts/AcuminProCondensed.woff') format('woff'),
         url('fonts/AcuminProCondensed.ttf') format('truetype'),
         url('fonts/AcuminProCondensed.svg#AcuminProCondensed') format('svg');
}
@font-face {
    font-family: 'fonnts_comPraterSansPro';
    src: url('fonts/fonnts_comPraterSansPro.eot');
    src: url('fonts/fonnts_comPraterSansPro.eot') format('embedded-opentype'),
         url('fonts/fonnts_comPraterSansPro.woff2') format('woff2'),
         url('fonts/fonnts_comPraterSansPro.woff') format('woff'),
         url('fonts/fonnts_comPraterSansPro.ttf') format('truetype'),
         url('fonts/fonnts_comPraterSansPro.svg#fonnts_comPraterSansPro') format('svg');
}
*/
body{font-family: "acumin-pro-extra-condensed", sans-serif!important; padding:0; margin:0; background:#F6F4F2;}
.container{ max-width:1200px; margin:0 auto;}
.site-header{ background:rgba(0,173,186,0.94); padding:10px 0;position: absolute;top: 0;z-index: 999;width: 100%;}
.site-header .container{ display:flex; justify-content:space-between;align-items: center;}
.site-header .logo img{ max-width:124px; height:auto;vertical-align: middle;}

/* Basic toggle button styling */
.menu-toggle {
  display: none;
  width: 40px;
  height: 40px;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1001; /* Ensure above menu */
}

.menu-toggle .bar {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #fff;
  margin: 5px 0;
  transition: 0.4s;
}

#primary-menu{ padding:0; margin:0;}
#primary-menu li{ display:inline-block; list-style:none; margin-right:25px;}
#primary-menu li:last-child{ margin-right:0;}
#primary-menu li a{font-size:26px; color:#F5F5F5;font-family: "ff-prater-sans-web", sans-serif; text-transform:uppercase; text-decoration:none;}
#primary-menu li a:hover,#primary-menu li.current-menu-item a{ color:#E30613;}
.main-banner-slider .elementor-image-carousel-caption{ font-size:60px; line-height:60px; color:#fff; position:absolute; top:50%; right:-245px; max-width:480px;font-family: "bovine-mvb", sans-serif; width:100%; z-index:999;}
.main-banner-slider .swiper {overflow: visible;}
.main-banner-slider .swiper-slide-image{ vertical-align:middle;}
.main-banner-slider .elementor-swiper-button {
    top: 95% !important;
    background: rgba(255, 255, 255, 0.60);
	    font-size: 16px !important;
    padding: 12px 17px;
}
.main-banner-slider.elementor-element .swiper .elementor-swiper-button-prev {left: 50.1%!important; margin-left: -50px;}
.main-banner-slider.elementor-element .swiper .elementor-swiper-button-next {right: 50.1%!important; margin-right: -50px;}
.main-banner-slider .elementor-swiper-button svg path{ fill:#000;}

.bovine-font h2,.bovine-font h1{font-family: "bovine-mvb", sans-serif!important;}
.acumin-font,.acumin-font .elementor-button{ font-family: "acumin-pro-extra-condensed", sans-serif!important;}
.pratersans-font h2,h3.pratersans-font{font-family: "ff-prater-sans-web", sans-serif!important;}

.found-us-box h2{font-size: 34px;padding: 0;margin: 0 0 18px;font-family: "ff-prater-sans-web", sans-serif!important; text-transform:uppercase;}
.found-us-box p{ padding:0; margin:0;}
p{ padding:0; margin:0 0 15px;}
p:last-child{margin:0;}

.time-to-steal-section {
    position: relative;
    background-image: url(/wp-content/uploads/2025/06/left-cup-img.svg), url(/wp-content/uploads/2025/06/right-cup-img.svg), url(/wp-content/uploads/2025/06/steal-joy-bg.jpg) !important;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: top left, top right, center center;
    background-size: auto, auto, cover !important;
}
.ribbon {
            --f: 26px;
            --r: 15px;
            position: absolute;
            top: 10px;
            padding: 0 27px 0 25px;
            background: #E30613;
            border-bottom: var(--f) solid #A20F14;
            color: #fff;
            line-height: 57px;
            font-family: "ff-prater-sans-web", sans-serif!important;
            font-size: 38px;
            text-transform: uppercase;
            font-weight: 400;
            width: auto;
        }

        .ribbon.left {
            left: 50%;
			transform: translateX(-50%);
            border-right: var(--r) solid #0000;
            clip-path: polygon(100% 0,0 0,0 calc(100% - var(--f)),var(--f) 100%, var(--f) calc(100% - var(--f)),100% calc(100% - var(--f)), calc(100% - var(--r)) calc(50% - var(--f)/2));
            width: auto;
        }

.meet-family-box:hover{ background:#5FC7CE!important}
footer h2{ text-align:center; font-size:48px; line-height:55px; color:#444; padding:0; margin:0 0 30px; letter-spacing:1px;}
footer .flex-box{ display:flex; justify-content:space-between;font-size:20px; color:#444; font-weight:400; letter-spacing:1px;}
footer .social-box a{ font-size:20px; color:#444; font-weight:400; text-decoration:none;}
footer .social-box a:hover{ color:#00ADBA;}
footer .social-box h3{ font-size:18px; font-weight:700; padding:0; margin:0 0 15px; color:#444;line-height:18px;}
footer .social-box img{vertical-align: middle;margin-right: 5px;}
.social-links{ text-align:center;}
.social-links a{ margin-right:10px;}
.social-links a:hover svg path{ fill:#444;}
.insta-feeds img{ width:100%; height:auto;}
.insta-feeds{ margin:40px 0;}
.footer-menu ul{ padding:0; margin:0; list-style:none; text-align:center;}
.footer-menu li{ display:inline-block;font-family: "acumin-pro-extra-condensed", sans-serif!important; margin-right:50px; padding-right:50px; border-right:1px solid #444;}
.footer-menu li:last-child{ padding-right:0; margin-right:0; border-right:none;}
.footer-menu li a{ font-size:26px; color:#444;font-family: "acumin-pro-extra-condensed", sans-serif!important;text-decoration: none;line-height: 21px;}
.footer-menu li a:hover{color:#E30613;}
.faq-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	font-family: "acumin-pro-extra-condensed", sans-serif;
	font-size:28px; color:#444;
	letter-spacing:1px;
}
.faq-box h3{ font-size:32px; font-weight:700; color:#444;font-family: "ff-prater-sans-web", sans-serif!important; padding:0; margin:0; letter-spacing:1px; text-transform:uppercase;}
.faq-box a{ text-decoration:none; color:#E30613;}
.faq-box a:hover{ color:#444;}
.faq-box a.btn{color:#fff; background:#591908;font-family: "acumin-pro-extra-condensed", sans-serif!important; padding: 0px 44.1px;text-transform: uppercase;}
.faq-box a.btn:hover{background:#333;}

.copy-right-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
	font-family: "acumin-pro-extra-condensed", sans-serif!important;
	font-size:18px; color:#444; margin-bottom:30px;
	letter-spacing:1px;
}
.copy-right-box a{ text-decoration:none; color:#444; margin: 0 10px;}
.copy-right-box a:hover{color:#E30613;}
.copy-right-box a.power-by{color:#E30613; margin:0;}
.copy-right-box a.power-by:hover{color:#444;}

.faqs-list .e-n-accordion-item-title-text{font-family: "ff-prater-sans-web", sans-serif!important;}
.faqs-list summary{position:relative;padding: 15px 40px !important;border-radius: 15px !important;justify-content: space-between !important; letter-spacing:1px;}
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title,.faqs-list summary:hover{background:#00ADBA;}
.faqs-list .e-n-accordion div{padding:0!important; border:none!important; text-transform:uppercase; letter-spacing:1px;}
.faqs-list .e-n-accordion-item .elementor-widget-container{margin: 32px 40px 50px!important; text-transform:none;}
.faqs-list .e-n-accordion-item .elementor-widget-container a{color:#E30613;}
.faqs-list .e-n-accordion-item .elementor-widget-container a:hover{color:rgba(0,173,186,0.94);}
.e-n-accordion-item{ background:#FFFFFF; border-radius:15px; margin-bottom:30px!important; box-shadow:0 4px 4px 0 rgba(0,0,0,0.5);}
.link-red a{color:#E30613;}
.link-red a:hover{color:#444;}
.wholesale-content-box  {
	/*background: url(/wp-content/uploads/2025/06/cup-img.png) no-repeat bottom left, url(https://sweetjoes.co.uk/wp-content/uploads/2025/06/steal-joy-bg.jpg)!important;*/
	position:relative;
}
.wholesale-content-box:after{ content:""; position:absolute; bottom:0; left:0; width:140px; height:140px; background:url(/wp-content/uploads/2025/06/cup-img.png)no-repeat; animation: MoverInRight1 8s ease-out infinite; background-size:contain;
}
 @keyframes MoverInRight1 {
    0% {
      left: 30px;
    }

    25% {
     left: 20px;
    }
    
    50% {
      left: 0;
    }

    75% {
      left: 18px;
    }

    100% {
     left: 30px;
    }
  }
.popular-coolie-list{ padding:0; margin:0; text-align:center;}
.popular-coolie-list li{
    display: inline-block;
    position: relative;
    font-size: 24px;
    line-height: 27px;
    background: rgba(237, 28, 36, 0.20);
    border: 10px solid #F6F4F2;
    outline: 2px dashed #ED1C24;
    border-radius: 500px;
    margin: 7.5px;
    width: 220px;
    height: 220px;
	font-family: "acumin-pro-extra-condensed", sans-serif!important;
}
.popular-coolie-list li.blue{background: rgba(95, 199, 206, 0.20);outline: 2px dashed #5FC7CE;}
.popular-coolie-list li.blue:hover{background: rgba(95, 199, 206, 1);}

.popular-coolie-list li.brown{background: rgba(154, 100, 74, 0.20);outline: 2px dashed #9A644A;}
.popular-coolie-list li.brown:hover{background: rgba(154, 100, 74, 1);}

.popular-coolie-list li.yellow{background: rgba(254, 207, 132, 0.35);outline: 2px dashed #FFCC00;}
.popular-coolie-list li.yellow:hover{background: rgba(254, 207, 132, 1);}

.popular-coolie-list li:hover{background: rgba(237, 28, 36, 1); color:#fff;}
.popular-coolie-list li span{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:165px;}

a.button.fancybox-inline{
    background-color: #9A644A;
    font-family: "acumin-pro-extra-condensed", sans-serif !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 39px;
    padding: 5px 25px 5px 25px; color:#fff;display: inline-block;
}
a.button.fancybox-inline:hover{background-color: #fff;color:#444;}
#primary-menu li {
    display: inline-block;
    list-style: none;
    position: relative;
}
#primary-menu li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 99999;
    background-color: #fff;
    border-radius: 0;
    width: 200px;
}
.brk{display:none;}
.dt-br{display:block;}
.cont-a a{color:#E30613;}
.cont-a a:hover{color:#444444;}
@media (min-width:767px) {
.sub-menu:hover, ul#primary-menu li:hover a+.sub-menu {
    display: block;
}
header.sticky{ position:fixed; top:0; width:100%;}
}
#primary-menu li ul a{ padding:8px 20px; font-size:20px; font-weight:400; color:#E30613; display:block;}
#primary-menu li ul a:hover{color:#000;}
#primary-menu li ul li{width: 100%;background: url(/wp-content/uploads/2025/06/arrow-right.png) no-repeat 92%;}
#primary-menu li a img{
    vertical-align: middle;
    margin-left: 10px;
}

#mc_embed_signup input.email{width: 100%;
    padding: 0 0 20px;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    outline: none;}
#mc_embed_signup{position:relative;}
#mc_embed_signup .optionalParent{ position:absolute; top:0; right:0;}
#mc_embed_signup #mc-embedded-subscribe{padding:0; border:none; font-size:0; background:url(/wp-content/uploads/2025/07/btn-arrow.png)no-repeat; width:41px; height:8px; cursor:pointer;}

.franchise-txt ol {
  list-style: none;
  counter-reset: item;
  padding: 0;
  margin: 0 0 0 -55px;
}

.franchise-txt ol li {
  counter-increment: item;
  position: relative;
  padding-left: 55px;
  margin-bottom: 20px;
}

.franchise-txt ol li::before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  color: #591908; /* dark red */
  font-size: 18px;
font-family: "bovine-mvb", sans-serif;
}

.franchise-txt ol li::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 10px;
  width: 30px;
  height: 2px;
  background-color: #8B1A1A;
}
#sb_instagram{position:relative;}
#sb_instagram #sbi_load {
    float: left;
    clear: both;
    width: auto!important;
    text-align: center;
    opacity: 1;
    transition: .5s ease-in;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#sb_instagram .sbi_follow_btn a svg{ display:none!important;}
#sb_instagram .sbi_follow_btn a {
    font-size: 32px !important;
    color: #444 !important;
    font-family: "acumin-pro-extra-condensed", sans-serif !important;
    line-height: 36px !important;
    padding: 0 23px 4px 23px !important;
    border-radius: 0 !important;
}
#sb_instagram .sbi_follow_btn a:hover{ color:#fff!important;}
.cafe-txt-box{background:url(/wp-content/uploads/2025/07/cafe-txt-left-img.png)no-repeat bottom left,url(/wp-content/uploads/2025/07/cafe-txt-right-img.png)no-repeat bottom right,url("https://sweetjoes.co.uk/wp-content/uploads/2025/06/found-us-main-bg.jpg")!important;}

.fancybox-wrap {
    border: 5px solid #6ec1e4!important;
}
#where-to-buy p{
    font-size: 38px;
    padding: 28px 0 0;
    text-align: center;
}

@-webkit-keyframes flow {
                0% {
                    left: -30px;
                    opacity: 0;
                }

                50% {
                    left: 150px;
                    opacity: 0.5;
                }

                100% {
                    left: 420px;
                    opacity: 0;
                }
            }

            @keyframes flow {
                0% {
                    left: -30px;
                    opacity: 0;
                }

                50% {
                    left: 150px;
                    opacity: 0.5;
                }

                100% {
                    left: 420px;
                    opacity: 0;
                }
            }

            .glow {
                background: rgb(255,255,255);
                width: 40px;
                height: 100%;
                z-index: 999;
                position: absolute;
                -webkit-animation: flow 2.5s linear infinite;
                -moz-animation: flow 2.5s linear infinite;
                -webkit-transform: skew(20deg);
                -moz-transform: skew(20deg);
                -o-transform: skew(20deg);
                background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%);
                /* FF3.6+ */
                background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
                /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
                /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
                /* Opera 11.10+ */
                background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
                /* IE10+ */
                background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
                /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
                /* IE6-9 */
                border-left: 1px solid #fff;
            }
.right-cup-animat img{
    position: relative;
    animation: MoverInLeft 5s linear infinite;
  }
 @keyframes MoverInLeft {
    0% {
      top: 20px;
    }

    25% {
      top: 10px;
    }
    
    50% {
      top: 0px;
    }

    75% {
      top: 10px;
    }

    100% {
      top: 20px;
    }
  }
.left-cup-animat img {
    position: relative;
    animation: MoverInRight 8s ease-out infinite;
}
 @keyframes MoverInRight {
    0% {
      top: 30px;
    }

    25% {
      top: 20px;
    }
    
    50% {
      top: 0;
    }

    75% {
      top: 20px;
    }

    100% {
      top: 30px;
    }
  }

.box-bot-right-animat{position:relative;}
.box-bot-right-animat:after{content:""; position:absolute; bottom:0; right:0; width:140px; height:160px; background-size:contain!important; background:url(/wp-content/uploads/2025/06/google-review-cup-img.png)no-repeat;animation: MoverInBottom 8s ease-out infinite;}
 @keyframes MoverInBottom {
    0% {
      bottom: 30px;
    }

    25% {
      bottom: 20px;
    }
    
    50% {
      bottom: 0;
    }

    75% {
      bottom: 20px;
    }

    100% {
      bottom: 30px;
    }
  }
.faq-animated-box:after{content:""; position:absolute; top:0; left:0; width:140px; height:140px; background:url(https://sweetjoes.co.uk/wp-content/uploads/2025/06/faq-cup-bg.png)no-repeat;animation: MoverInRight1 8s ease-out infinite;
    background-size: contain;}
.locations-boxes{ margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid rgba(0,0,0,0.5); display:flex; justify-content:space-between; gap:50px;}
.location-box {
    display: flex;
    border: 1px solid #00ADBA;
    border-radius: 10px;
    width: 100%;
    max-width: 575px;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    overflow: hidden;
    align-items: center;
    background: #00ADBA;
}
.loaction-detail{
    text-align: center;
    padding: 29px 37px;
	font-family: "acumin-pro-extra-condensed", sans-serif!important;
	position:relative;
}
.location-icon{
    position: absolute;
    top: 50%;
    left: -18px;
    transform: translateY(-50%);
}
.loaction-detail h4{ padding:0; margin:0 0 8px; font-size:26px; line-height:normal;font-family: "ff-prater-sans-web", sans-serif!important;border-bottom: 1px solid; padding-bottom: 10px;}
.location-box .map iframe{ vertical-align:middle;}
.location-box.red{border-color:#E30613;background: #E30613;}

@media (max-width:1550px) {
	.animation-imgs img{ max-width:150px!important;}
	.box-bot-right-animat:after {width: 120px;height: 143px; background-size:contain;}
}
@media (max-width:1400px) {
	.ribbon{ font-size:24px;}
	footer .flex-box{ font-size:16px;}
	.sweet-cookie-banner{padding-bottom:200px!important;}
}
@media (max-width:1200px) {
	footer .logo-box img{max-width:100px;}
	footer .social-box h3 {
    font-size: 14px;
    line-height: 10px;
}
.footer-menu li {
		margin-right: 40px;
		padding-right: 40px;}
.footer-menu li a {font-size: 18px;}
.faq-box {font-size: 16px;}
.faq-box h3 {font-size: 26px;}
.copy-right-box {font-size: 14px;}
footer h2 {font-size: 36px;}
#primary-menu li a {font-size: 22px;}
.main-banner-slider .elementor-swiper-button {top: 90% !important;}
.site-header .container {padding: 0 10px;}
footer .container{ margin:0 10px;}
	.wholesale-content-box p br{ display:none;}
}
@media (max-width:1024px) {
	.wholesale-content-box:after{ display:none;}
.sweet-cookie-banner{padding-bottom:100px!important;}
	.locations-boxes {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
#primary-menu li{margin-right:20px;}
}
@media (max-width:767px) {
	.sweet-cookie-banner{padding-bottom:0!important;}
.main-banner-slider .elementor-image-carousel-caption {
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    right: auto;
    max-width: 290px;
    font-family: "bovine-mvb", sans-serif;
    width: 100%;
    z-index: 999;
    transform: translate(-50%, -50%);
}
.site-header {position: relative;}
.main-banner-slider .elementor-swiper-button {top: 50% !important;bottom: auto !important; padding: 8px;}
.main-banner-slider.elementor-element .swiper .elementor-swiper-button-next {
    right: 10px !important;
    margin-right: 0;
}
.main-banner-slider.elementor-element .swiper .elementor-swiper-button-prev {
    left: 10px !important;
    margin-left: 0;
}
footer .flex-box {
    display: block;
    font-size: 16px;
    text-align: center;
}
footer .social-box h3 {margin: 15px 0;}
footer .logo-box img {height: auto;}
footer h2 {font-size: 28px;}
	.footer-menu li a {
        font-size: 18px;
		line-height:28px;
		vertical-align: bottom;
    }
.footer-menu li:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
.footer-menu li {
        margin-right: 0;
        padding-right: 0;
        line-height: 12px;
        width: 33%;
        text-align: left;
        border: none !important;
    }
.faq-box {font-size: 18px;}
.faq-box,.copy-right-box {display: block;text-align: center; font-size:18px; line-height:28px}
.faq-box h3 {margin-bottom: 5px;}
.insta-feeds {
    margin: 20px 0;
}
.footer-menu{ max-width:270px; margin:0 auto;}

.social-box{
    line-height: 28px;
	font-size:18px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E3061320;
}
.social-box:last-child{border:none; padding:0; margin:0}
	
span.legal-link{ display:block; margin:10px 0;}
	.ribbon.left {
    width: 100%;
    max-width: 200px;
    text-align: center;
		overflow:hidden;
}
	.ribbon {
        font-size: 16px;
        padding: 0 10px;
		line-height:45px;
		--f: 15px;
    }
.found-us-box h2 {
    font-size: 24px;
    margin: 0 0 5px;
}
	
	.menu-toggle {
        display: block;
    }
	.main-navigation .menu {
    display: none;
    flex-direction: column;
  }

  .main-navigation .menu.active {
    display: flex;
  }
	.menu-toggle {
    display: block;
  }

  .main-navigation .menu {
    display: none;
    flex-direction: column;
    background:#591908; /*rgba(0,173,186,1);  Optional: background for dropdown */
    position: absolute;
    top: 90px; /* adjust based on header height */
    right: 0;
    left: 0;
    z-index: 1000;
  }

  .main-navigation .menu.active {
    display: flex;
  }

  /* Transform hamburger to cross when active */
  .menu-toggle.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(7px, 6px);
  }

  .menu-toggle.active .bar:nth-child(2) {
    opacity: 0;
  }

  .menu-toggle.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
	
#primary-menu li {
    display: block;
    list-style: none;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ffffff50;
}
	#primary-menu li a {
        font-size: 20px;
        display: block;
        padding: 10px;
    }
	#primary-menu li ul {
    position: relative;
    top: auto;
    left: 0;
    width: 100%;
}
	.arrow-down{ float:right;}
	.sub-menu {
    display: none;
  }

  .sub-menu.open {
    display: block!important;
  }

  .arrow-down {
    cursor: pointer;
    display: inline-block;
  }
	.arrow-down.active img {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.faqs-list summary, .faqs-list .e-n-accordion div{font-size:18px; }
.faqs-list .e-n-accordion div{font-size:18px; line-height:normal; letter-spacing:0px;}
.faqs-list summary{padding: 15px 20px !important;}
.faqs-list .e-n-accordion-item .elementor-widget-container{font-size:22px; line-height:32px;}
.brk{display:block;}
	#primary-menu li ul{display:block;}
	#primary-menu li ul a{color:#000;}
	#where-to-buy p {
    font-size: 26px;
	padding: 5% 0;}
.copy-right-box{margin-bottom:20px;}
.faq-box{margin:20px 0;}
.faq-box a.btn{padding: 5px 44.1px; font-size: 30px;}
.insta-feeds{margin:0px;}
.dt-br{display:none;}
.popular-coolie-list li{width: 160px; height: 160px; font-size: 18px; line-height: 22px;}
.faqs-list .e-n-accordion-item .elementor-widget-container{margin:20px!important;}
.fancybox-inner {height: auto !important;}
.faq-animated-box:after {width: 85px;height: 85px;}
.main-banner-slider .swiper-slide-image {
    height: 650px;
    object-fit: cover;
}
	.location-box{ flex-wrap:wrap; max-width:300px; margin:0 auto;}
	.location-icon{
    position: absolute;
    left: 50%;
    top: -18px;
    transform: translateX(-50%);
}
}