/*** ==========================================================================
   KRAKEN FRAMEWORK CSS (CHILD THEME)
   ==========================================================================
    Theme Name:   Kraken Framework Child
    Theme URI:    https://www.splashmg.ca
    Description:  Kraken Framework is a foundational theme designed to help create WordPress websites with a strong focus on speed, efficiency, and optimization.
    Author:       Splash Media Group Inc.
    Author URI:   https://www.splashmg.ca
    Template:     kraken-framework
    Version:      3.4.0
    License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
    Copyright: (c) Splash Media Group
    Tags: blog,accessibility-ready,custom-menu,featured-images,footer-widgets,theme-options,translation-ready
    Text Domain: kraken-framework
*/

:root {

    /* -- Header Variables -- */
    --header-solid-background-color: var(--wp--preset--color--palette-01);
    --header-transparent-background-color: rgba(54,104,176,0);
    --header-transparent-background-color-scroll: rgba(54,104,176,0.9);
    --kraken-framework-social-button-hover-color: #ffffff;
    --kraken-framework-social-button-focus-color: #ffffff;

    /* - Nav Primary - */
    --navigation-primary-font-color: var(--kraken-framework-regular-text-color);
    --navigation-primary-font-hover-color: var(--kraken-framework-palette-09);
    --navigation-primary-font-focus-color: var(--kraken-framework-palette-09);
    --navigation-primary-font-active-color: var(--kraken-framework-palette-09);

    /* - Nav Extra 01 - */
    --navigation-extra-01-font-color: var(--kraken-framework-palette-09);
    --navigation-extra-01-font-hover-color: var(--kraken-framework-palette-04);
    --navigation-extra-01-font-focus-color: var(--kraken-framework-palette-04);
    --navigation-extra-01-font-active-color: var(--kraken-framework-palette-04);
    --navigation-extra-01-font-size: 1rem;

    /* - Transparent Primary - */  
    --navigation-primary-transparent-font-color: var(--kraken-framework-regular-text-color);
    --navigation-primary-transparent-font-hover-color: var(--kraken-framework-palette-09);
    --navigation-primary-transparent-font-focus-color: var(--kraken-framework-palette-09);
    --navigation-primary-transparent-font-active-color: var(--kraken-framework-palette-09);
    --navigation-primary-transparent-scroll-font-color: var(--kraken-framework-regular-text-color);
    --navigation-primary-transparent-scroll-font-hover-color: var(--kraken-framework-palette-09);
    --navigation-primary-transparent-scroll-font-focus-color: var(--kraken-framework-palette-09);
    --navigation-primary-transparent-scroll-font-active-color: var(--kraken-framework-palette-09);

    /* Header Parts */
    --kraken-framework-header-row-height-top: 0;
    --header-top-row-shrink-height: 0;

    /* -- Footer Variables -- */
    --footer-background: var(--kraken-framework-palette-01);
    --footer-color: var(--kraken-framework-palette-09);
    --kraken-framework-social-button-width: 40px;
    --kraken-framework-social-button-height: 40px;
    /* --kraken-framework-footer-text-align-mobile: left; */


}


/* Typography */

h2, .h2 {
    --kraken-framework-h2-font-weight: 400;
    --kraken-framework-h2-font-line-height: 1.1;
}





/* Header Styles */

.kraken-header .kraken-header__row .kraken-header__row-inner .kraken-header__col.kraken-header__col--end {flex: 3;}


/* Mobile Header Styles */
:where(.kraken-toggle-mobile) {
    :where(.kraken-toggle-mobile__bar) {
        background: #FFFFFF !important;
    }
}

:where(.kraken-toggle-mobile) {
    &.kraken-toggle-mobile--is-open {
        :where(.kraken-toggle-mobile__bar) {
            background: #000000 !important;
        }
    }
}





/* Default Wordpress Button Styles */

.wp-block-button__link {
    position: relative;
    background-color: transparent;
    border: 3px solid #fff;
    text-transform: uppercase;
    /* font-weight: 500; */
    padding: 1.25rem 3rem 1.25rem 2rem !important;
    font-size: 0.8rem !important;
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.wp-block-button__link:hover {
    color: #97e7e7;
    border: 3px solid #97e7e7;
}

.wp-block-button__link::after {
    position: absolute;
    top: 18px;
    right: 15px;
    content: "";
    background-image: url("https://www.dadziwellness.ca/wp-content/uploads/2026/01/btn-arrow.svg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    transition: background-image 0.3s ease, right 0.3s ease;
}

.wp-block-button__link:hover::after {
    background-image: url("https://www.dadziwellness.ca/wp-content/uploads/2026/01/btn-arrow-hover.svg");
    right: 12px;
}

@media only screen and (max-width: 768px) {
    .wp-block-button__link::after {
        top: 18px;
        right: 15px;
    }
}

/* Blue Version */
.btn-blue .wp-block-button__link {
    border: 3px solid var(--kraken-framework-palette-02);
    color: #000000;
    background-color: #ffffff;
    transition: background-color 0.3s ease;
}

.btn-blue .wp-block-button__link::after {
    background-image: url("https://www.dadziwellness.ca/wp-content/uploads/2026/01/btn-arrow-black.svg");
    background-size: cover;
    transition: right 0.3s ease;
}

.btn-blue .wp-block-button__link:hover {
    background-color: var(--kraken-framework-palette-02);
}




/* Global Content Padding Helpers */
.has-global-padding {
    padding-right: var(--kraken-framework-site-padding-right);
    padding-left: var(--kraken-framework-site-padding-left);
}

@media only screen and (max-width: 767px) {
    :root {
        --kraken-framework-site-padding-right: 1.5rem !important;
        --kraken-framework-site-padding-left: 1.5rem !important;
    }
}




/* Custom Inner Page Hero Styles */

.inner-hero-container {
    background-position: 49% 50% !important;
}

.inner-hero-container .kt-row-column-wrap {
    min-height: 450px;

    .kt-inside-inner-col {
        padding-left: 3rem;
        padding-right: 3rem;

        p {margin-top: 4rem !important;}
    }
}

@media only screen and (max-width: 991px) {
    .inner-hero-container .kt-row-column-wrap {
        min-height: 350px;
    }
    .inner-hero-image {
        max-height: 27vh;
    }
}


/* Custom Inner Page Background Watermark */

body:not(.home) .kraken-entry__content {
    background-image: url(https://www.dadziwellness.ca/wp-content/uploads/2026/04/lined-watermark-square.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
}



/* Custom Footer Styles */

.kraken-footer {
    background-image: url("https://www.dadziwellness.ca/wp-content/uploads/2026/01/footer-watermark.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 75% 0%;

    .menu-item-spacer {margin-top: 2rem !important;}

    .menu-item-x-spacer {margin-top: 3rem !important;}

    h2 {
        color: #ffffff;
        font-size: clamp(1.6rem, .6667vw + 1.4667rem, 2rem);
        font-weight: 600;
    }

    .kraken-footer__heading {margin-top: 1rem;}
    p.hours {margin: 0.5rem 0 0 0; font-size: 0.9rem;}
    a {color: #ffffff !important;}

    .kraken-address__heading, .kraken-footer__heading {
        font-size: 1.1rem;
        font-weight: 600;
        margin-bottom: 0;
    }

    .kraken-footer__row--top {
        border-bottom: 2px solid var(--kraken-framework-palette-04);
        margin-bottom: 3rem;

        .kraken-footer__col--01, .kraken-footer__col--02 {margin-bottom: 0;}

        .kraken-footer__col--02 {align-content: center;}
    }

    .kraken-footer__row-inner--main {
        .kraken-footer__col--02, .kraken-footer__col--03 {align-content: flex-end;}
    }

    .footer-socials svg {width: 40px; height: 40px;}

    .kraken-splash-credit {
    --kraken-framework-credit-logo-fill: #ffffff;
    }

}

/* @media only screen and (max-width: 991px) {

    .kraken-footer {

        a {justify-content: flex-start;}

    }

} */


@media (min-width: 991px) {
    .kraken-footer .kraken-social-media .kraken-social-media__list {
        justify-content: flex-end;
    }
}