/*
Theme Name: DMN WP STARTER
Description: DMN WP STARTER Child theme for customizations.
Author: DMN Creative
Author URI: mailto:dev@dmncreative.com
Template: oceanwp
Text Domain:  dmnwpstarter
Version: 2.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Importing fonts */
@import "assets/fonts/fonts.css";
/* Importing fonts end */

/* Helpers and Init Styles */
:root{
    --site-headings-font: "Montserrat";
    --site-body-font: "Gotham";
    --site-main-green: #20B5AC;
    --site-main-black: #272727;
    --site-main-white: #ffffff;
    --site-main-red: #FE2C23;

    --site-h1-size: clamp(25px, calc(-20.82px + 7.28vw), 100px);
    --site-h2-size: clamp(35px, calc(-17.41px + 6.18vw), 100px);
    --site-h3-size: clamp(25px, calc(-13.75px + 5.71vw), 80px);
    --site-h4-size: clamp(30px, calc(-13.75px + 5.71vw), 80px);
    --site-h5-size: clamp(25px, calc(-8.18px + 4.15vw), 60px);
    --site-h6-size: clamp(14px, calc(9.77px + 0.62vw), 20px);
    --site-span-size: clamp(16px, calc(11.77px + 0.62vw), 22px);
}


a:focus {
    outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0px;
}

.site-content p, .site-content span:not(.xpro-title-focus), .archive .site p, .archive .site span:not(.xpro-title-focus) {
    font-size: var(--site-span-size);
}

.site-content h1, .archive .site h1 {
    font-size: var(--site-h1-size);
}

.site-content h2, .archive .site h2 {
    font-size: var(--site-h2-size);
}

.site-content h3, .archive .site h3 {
    font-size: var(--site-h3-size);
}

.site-content h4, .archive .site h4 {
    font-size: var(--site-h4-size);
}

.site-content h5, .archive .site h5 {
    font-size: var(--site-h5-size);
}

.site-content .elementor-widget-button .elementor-button-wrapper .elementor-button-text, .site-content a {
    font-size: var(--site-span-size);
}

.oceanwp-pagination .page-numbers a.page-numbers, .oceanwp-pagination .page-numbers span.page-numbers {
    font-size: var(--site-span-size);
}

.cust-boxed-container-left > .e-con-inner {
    margin: 0px 0px 0px auto;
}

.cust-boxed-container-right > .e-con-inner {
    margin: 0px auto 0px 0px;
}
/* Helpers End */

/* Header */

    #site-header-inner {
        max-width: 1650px;
        width: 100%;
    }
    
/*Header End */

/* FORMS */

/* Global Changes */

.wpcf7 .wpcf7-form .wpcf7-response-output {
    margin: 0px;
}

.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    border-color: var(--site-main-white);
    color: var(--site-main-white);
}

/* Global Changes End */ 

/* Newsletter Form */

.cust-newsletter-form { 
    padding: 0px;
}

.cust-newsletter-form .row {
    --bs-gutter-y: 30px;
    --bs-gutter-x: 30px;
}

.cust-newsletter-form .row:not(:last-child) {
    margin-bottom: 30px;
}

.cust-newsletter-form .row input[type="text"], 
.cust-newsletter-form .row input[type="email"],  
.cust-newsletter-form .row input[type="tel"],
.cust-newsletter-form .row select, 
.cust-newsletter-form .row textarea { 
    font-size: var(--site-span-size);
}

.cust-newsletter-form .row input[type="text"]::placeholder, 
.cust-newsletter-form .row input[type="email"]::placeholder,  
.cust-newsletter-form .row input[type="tel"]::placeholder,
.cust-newsletter-form .row select::placeholder, 
.cust-newsletter-form .row textarea::placeholder { 
    color: var(--site-main-white);
    font-weight: 300;
}

.cust-newsletter-form .row .wpcf7-list-item {
  margin: 0px;
}

.cust-newsletter-form .row .wpcf7-list-item span,
.cust-newsletter-form .row .wpcf7-list-item span a {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2em;
}

.cust-newsletter-form .row .wpcf7-list-item label {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.cust-newsletter-form .row input[type="checkbox"] {
    background-color: transparent;
    border: 2px solid var(--site-main-white);
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 2px;
}

.cust-newsletter-form .row input[type="checkbox"]:checked::before {
    font-size: 12px;
    color: var(--site-main-white);
}

.cust-newsletter-form .row .cust-newsletter-submit-btn input[type="submit"] {
    font-size: var(--site-span-size);
    border-radius: 5PX;
}

.cust-newsletter-form .row .cust-newsletter-submit-btn input[type="submit"]:hover {
    color: var(--site-main-white);
    border: 1px solid var(--site-main-white);
}

.cust-newsletter-form .row:last-child .col-md-12:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.cust-newsletter-form .row .col-md-12:last-child .wpcf7-spinner {
    position: absolute;
    margin: 0px;
}

.cust-newsletter-form-container .wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    border-color: var(--site-main-white);
    color: var(--site-main-white);
    font-size: var(--site-span-size);
    text-align: center;
    margin-top: 10px;
    padding: 10px;
}

.cust-newsletter-form-container .wpcf7 .wpcf7-form.sent .cust-newsletter-form,
.cust-newsletter-form-container .wpcf7 .wpcf7-form.sent .wpcf7-response-output ~ .cust-newsletter-form {
    display: none !important;
}

.cust-newsletter-form-container .wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
    border-color: var(--site-main-red);
    color: var(--site-main-white);
    font-size: var(--site-span-size);
    text-align: center;
    margin-top: 10px;
    padding: 10px;
}

/* Newsletter Form End */

/* Sliders */

/* Pounder Mix Slider */

.pounder-mix-swiper {
    max-height: 1080px;
}

.pounder-mix-swiper .swiper-slide {
    width: 100%;
}

.pounder-mix-swiper .pounder-mix-slide {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

.pounder-mix-swiper .pounder-mix-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.pounder-mix-swiper .cust-pounder-mix-overlay {
    position: absolute;
    inset: 0;
    background: var(--site-main-red);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    overflow: auto;

    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
                opacity 0.35s ease;
    will-change: transform, opacity;
}

.pounder-mix-swiper .cust-pounder-mix-overlay-inner {
    width: 100%;
    max-width: 540px;
    color: var(--site-main-white);
    text-align: center;
    display: inline-flex;
    flex-direction: column;
}

.pounder-mix-swiper .cust-mixer-row {
    margin-bottom: 30px;
}

.pounder-mix-swiper .cust-mixer-row:last-child {
    margin-bottom: 0;
}

.pounder-mix-swiper .cust-mixer-divider {
    width: 60px;
    height: 2px;
    background: var(--site-main-white);
    margin: 10px auto;
}

.pounder-mix-swiper .cust-mixer-divider-row {
    margin-bottom: 30px;
}

.pounder-mix-swiper .cust-mixer-title {
    margin: 0;
    text-transform: uppercase;
    font-family: Baskerville;
    font-weight: normal;
    font-size: clamp(18px, calc(11.77px + 1vw), 30px) !important;
    line-height: 1em;
}

.pounder-mix-swiper .cust-mixer-subtitle {
    text-transform: uppercase;
    line-height: 1em;
    font-weight: 500;
}

.pounder-mix-swiper .cust-mixer-ingredients,
.pounder-mix-swiper .cust-mixer-method {
    margin: 0;
    line-height: 1em;
}

.pounder-mix-swiper .pounder-mix-slide:hover .cust-pounder-mix-overlay,
.pounder-mix-swiper .pounder-mix-slide.cust-overlay-active .cust-pounder-mix-overlay {
    opacity: 1;
    transform: translateY(0);
}

.retailer-pagination,
.home-pagination,
.pounder-mix-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    margin: 0;
    flex: 0 0 auto;
    z-index: 1;
}

.retailer-pagination .swiper-pagination-bullet,
.pounder-mix-pagination .swiper-pagination-bullet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 8px;
    height: 8px;
    min-width: 8px;
    min-height: 8px;
    background: #FE9591;
    opacity: 1;
    border-radius: 999px;
    transition: background 0.3s ease, transform 0.3s ease;
    padding: 0;
    line-height: 0;
    box-sizing: border-box;
}

.retailer-pagination .swiper-pagination-bullet-active,
.home-pagination .swiper-pagination-bullet-active,
.pounder-mix-pagination .swiper-pagination-bullet-active {
    background: var(--site-main-red);
}

/* Pounder Mix Slider End */

/* Home banner carousel */
.home-carousel-container {
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    z-index: 10;
    pointer-events: none; 
}

.home-carousel-wrapper {
    width: 100%;
    margin: 0 auto; 
    box-sizing: border-box; 
}

.home-pagination {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end; 
    pointer-events: auto;
    gap: 6px; 
}

.home-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #AEACAB;
    transition: all 0.3s ease;
    opacity: 1;
    margin: 0 !important; 
    cursor: pointer;
}

.home-pagination .swiper-pagination-bullet-active {
    background: var(--site-main-red);
}

/* Home banner carousel End*/

/* Retail Swiper */
.retailer-swiper {
    position: relative;
}

.retailer-slide-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 60px;
}

.retailer-logo-img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    height: 115px !important;
}

.retailer-swiper .retailer-slide-inner::before {
    content: "";
    position: absolute;
    left: 0; 
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 70%; 
    background-color: var(--site-main-red); 
}

.retailer-swiper .swiper-slide-active .retailer-slide-inner::before {
    display: none;
}

/* Retail Swiper End */

/* Sliders End */

/* FORMS END */

/* Desktop Styles Only */
@media screen and (min-width: 992px)  {

    /* Pounder Mix Slider */
    
    .pounder-mix-swiper .pounder-mix-slide {
        height: 600px;
    }
    /* Pounder Mix Slider End */

    /* Home banner carousel */

    .home-carousel-wrapper {
        padding: 0 130px; 
    }

    .home-carousel-container {
        bottom: 70px !important;
    }

    /* Home banner carousel End*/
   
}

/* Large Desktop only */
@media screen and (min-width: 1690px) {
    /* Header */

    #site-header-inner {
        max-width: 1650px;
        width: 100%;
    }

    /* Header End */
}

/* Laptop Styles Only */
@media screen and (min-width: 992px) and (max-width: 1690px) {

    /* Header */

    #site-header-inner {
        max-width: 1200px;
        width: 100%;
     }

    /* Header End */

    /* Pounder Mix Slider */
    
    .site-content h2, .archive .site h2 {
        font-size: clamp(60px, calc(45.79px + 1.43vw), 70px);
    }

    /* Pounder Mix Slider */

    .pounder-mix-swiper .pounder-mix-slide {
        height: 600px;
    }

    .pounder-mix-swiper .cust-pounder-mix-overlay {
        padding: 30px;
    }

    .pounder-mix-swiper .cust-mixer-title {
        font-size: 22px !important;
    }

    .pounder-mix-swiper .cust-mixer-subtitle,
    .pounder-mix-swiper .cust-mixer-ingredients,
    .pounder-mix-swiper .cust-mixer-method {
        font-size: 18px !important;
    }

    .pounder-mix-swiper .cust-mixer-row {
        margin-bottom: 25px;
    }
    /* Pounder Mix Slider End */

    /* Home banner carousel */

    .home-carousel-wrapper {
        padding: 0 100px; 
    }

    .home-carousel-container {
        bottom: 70px !important;
    }
    /* Home banner carousel End*/

}

/* Mobile Styles */
@media screen and (max-width: 767px) {

    /* Pounder Mix Slider */

    /* Forms */
    /* Newsletter Form */

    .cust-newsletter-form .row:not(:last-child) {
        margin-bottom: 20px;
    }

    /* Newsletter Form End */
    /* Forms End */

     /* Pounder Mix Slider */

    .pounder-mix-swiper .pounder-mix-slide {
        height: 600px;
    }

    .pounder-mix-swiper .cust-pounder-mix-overlay {
        padding: 30px;
    }

    .pounder-mix-swiper .cust-mixer-title {
        font-size: 22px !important;
    }

    .pounder-mix-swiper .cust-mixer-subtitle,
    .pounder-mix-swiper .cust-mixer-ingredients,
    .pounder-mix-swiper .cust-mixer-method {
        font-size: 18px !important;
    }

    .pounder-mix-swiper .cust-mixer-row {
        margin-bottom: 25px;
    }

    /* Pounder Mix Slider End */

    /* Home banner carousel */

    .home-carousel-wrapper {
        padding: 0 25px !important; 
    }

    .home-carousel-container {
        bottom: 20px !important;
    }

    /* Home banner carousel End*/

}

/* iPad Styles */
@media screen and (max-width: 850px) and (min-width: 780px)  {

         /* Header */

        #site-header-inner {
            max-width: 750px;
            width: 100%;
        }
    
    /* Pounder Mix Slider */

    .pounder-mix-swiper .pounder-mix-slide {
        height: 700px;
    }

    .pounder-mix-swiper .cust-pounder-mix-overlay {
        padding: 30px;
    }

    .pounder-mix-swiper .cust-mixer-title {
        font-size: 22px !important;
    }

    .pounder-mix-swiper .cust-mixer-subtitle,
    .pounder-mix-swiper .cust-mixer-ingredients,
    .pounder-mix-swiper .cust-mixer-method {
        font-size: 18px !important;
    }

    .pounder-mix-swiper .cust-mixer-row {
        margin-bottom: 25px;
    }
    /* Pounder Mix Slider End */

    /* Home banner carousel */

    .home-carousel-wrapper {
        padding: 0 35px !important; 
    }

    .home-carousel-container {
        bottom: 50px !important;
    }

    /* Home banner carousel End*/

}

/* ANIMATIONS */

.cust-legacy-bottle {
    animation: bottleFloat 3s ease-in-out infinite;
    will-change: transform;
}

@keyframes bottleFloat {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, -10px, 0);
    }
}

/* ANIMATIONS END */