/*
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.3.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
*/


/*** >>> TABLE OF CONTENTS 

1.0 Global
    1.1 Typography
    1.2 Links
    1.3 Buttons
    1.4 Utility Classes

2.0 Header & Navigation
    2.1 Header
    2.2 Navigation

3.0 Hero Section & Banners

4.0 Main Content & Layout

5.0 Blog & Post Styles

6.0 Custom Post Types

7.0 Footer

8.0 Animations 'Cowbell'

9.0 3rd-Party Plugins

END <<< ***/


/*==============================
3.0 HERO SECTION & BANNERS
================================*/

/*==============================
4.0 MAIN CONTENT & LAYOUT
================================*/

/*==============================
5.0 BLOG & POST STYLES
================================*/

/*==============================
6.0 CUSTOM POST TYPES
================================*/

/*==============================
7.0 FOOTER
================================*/

/*==============================
8.0 ANIMATION 'COWBELL'
================================*/

/*==============================
9.0 3RD-PARTY PLUGINS
================================*/



.grecaptcha-badge { visibility: hidden;}




/*==============================
1.0 GLOBAL
================================*/

/*----------------
Typography
------------------*/
h1, .h1 {
    --kraken-framework-h1-margin: 1.5rem 0;
    --kraken-framework-h1-font-color: var(--kraken-framework-strong-text-color);
    --kraken-framework-h1-font-family: var(--kraken-framework-primary-font-family);
    --kraken-framework-h1-font-size: clamp(3rem, 8.0357vw + 1.5714rem, 8rem);
    --kraken-framework-h1-font-line-height: 1;
    --kraken-framework-h1-font-weight: 700;
}

h2, .h2 {
    --kraken-framework-h2-margin: 1.5rem 0;
    --kraken-framework-h2-font-color: var(--kraken-framework-strong-text-color);
    --kraken-framework-h2-font-family: var(--kraken-framework-primary-font-family);
    --kraken-framework-h2-font-size: clamp(2rem, 2.6116vw + 1.5357rem, 3.625rem);
    --kraken-framework-h2-font-line-height: 1.1;
    --kraken-framework-h2-font-weight: 700;
}

h3, .h3 {
    --kraken-framework-h3-margin: 1.25rem 0;
    --kraken-framework-h3-font-color: var(--kraken-framework-strong-text-color);
    --kraken-framework-h3-font-family: var(--kraken-framework-primary-font-family);
    --kraken-framework-h3-font-size: clamp(1.375rem, .5357vw + 1.2679rem, 1.75rem);
    --kraken-framework-h3-font-line-height: 1.1;
    --kraken-framework-h3-font-weight: 700;
}

h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
    margin-top:0;
}

p, ul, ol, pre, table, blockquote {
    margin: 1.75rem 0;
}



/* WordPress Preset Overrides */
.has-x-large-font-size {
    --wp--preset--font-size--x-large: clamp(3rem, 4.0179vw + 2.2857rem, 5.5rem);
    line-height: 1;
}

.has-large-font-size {
    --wp--preset--font-size--large: clamp(2rem, 2.6116vw + 1.5357rem, 3.625rem);
    line-height: 1;
}

.has-medium-font-size {
    --wp--preset--font-size--medium: clamp(1.125rem, .4018vw + 1.0536rem, 1.375rem);
}


/*---------------
Links
-----------------*/
a {
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }
}

/*----------------
Buttons
------------------*/

/*----------------
Utility Classes
------------------*/
strong, .strong {
    font-weight: 600;
}








/*==============================
2.0 HEADER
================================*/

.kraken-header {
    border-bottom: 1px solid #ccc;

    /* Standard Header */
    --kraken-framework-header-row-height-top: 0;
    --kraken-framework-header-row-height-main: 140px;
    
    /* Shrink Header Colors */
    --kraken-framework-header-row-shrink-height-top: 0;

    .kraken-phone-number__link {
        --kraken-framework-phone-number-font-size: 0.8rem;
        --kraken-framework-phone-number-color: #462d26;
        --kraken-framework-phone-number-font-line-height: 1.2;
        font-weight: 500;

        &:hover {
            --kraken-framework-phone-number-hover-color: var(--kraken-framework-accent-color);
        }
    }

    .kraken-navigation--secondary {
        --kraken-framework-nav-link-font-size: 0.8rem;
        --kraken-framework-nav-link-font-line-height: 1.2;
    }

    /* Header Col Inner Styles. */
    .kraken-col-inner__row {
        display: flex;
        justify-content: flex-end;
        gap: 1rem;

        &.kraken-col-inner__row--bottom {
            margin-top:.125rem;
        }
    }
}





.kraken-header__row-inner--main {
    /* min-height: var(--kraken-framework-header-row-height-main); */
    --kraken-framework-header-row-padding-main: 1rem var(--kraken-framework-site-padding-right) 0 var(--kraken-framework-site-padding-left);

    .kraken-header__col--end {
        align-items: flex-end;
    }
}


.kraken-header {

    .kraken-social-media {
        /* --kraken-framework-social-button-color: #462d26; */
        --kraken-framework-social-button-background-color: #393d42;
        --kraken-framework-social-button-hover-color: #fff;
        --kraken-framework-social-button-hover-background-color: var(--kraken-framework-accent-color);
        --kraken-framework-social-button-focus-color: var(--kraken-framework-accent-color);
        --kraken-framework-social-button-focus-background-color: transparent;
        --kraken-framework-social-button-border-color: transparent;
        --kraken-framework-social-button-border-hover-color: transparent;
        --kraken-framework-social-button-border-focus-color: transparent;
        --kraken-framework-social-button-border-radius: 50px;
        --kraken-framework-social-button-width: 25px;
        --kraken-framework-social-button-height: 25px;
        --kraken-framework-social-button-padding: 0.3rem;

        .kraken-social-media__link--Facebook svg > path:first-child {
            fill: #000;
        }

        .kraken-social-media__link--Facebook:hover svg > path:first-child {
            fill: #f04e2a;
        }
    
    }
}



.kraken-navigation--primary {
    --kraken-framework-nav-link-padding: 0.5rem 0.5rem 1.5rem 0.5rem;
    --kraken-framework-nav-link-font-weight: 500;
    --kraken-framework-nav-link-font-color: #462d26;
    --kraken-framework-nav-sub-link-font-color: #462d26;
}


/* First-level menu items indicator on hover */
.kraken-navigation__list.kraken-navigation__list--primary > li.menu-item::after {
    content: " ";
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0;
    height: 12px;
    background-color: var(--kraken-framework-accent-color);
    transform: scaleX(0);  /* Start with no width */
    transform-origin: left; /* Animate from left to right */
    transition: transform 0.3s ease-out; /* Animation effect */
}
/* Ensure the animation applies only to first-level items */
.kraken-navigation__list.kraken-navigation__list--primary > li.menu-item:hover::after,
.kraken-navigation__list.kraken-navigation__list--primary > li.menu-item:focus::after {
    transform: scaleX(1); /* Expand the bar to full width */
}

/* First-level menu item that's active gets the underline indicator */
.kraken-navigation__list.kraken-navigation__list--primary > li.menu-item.current-menu-ancestor.current-menu-parent::after {
    content: " ";
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0;
    height: 12px;
    background-color: var(--kraken-framework-accent-color);
    transform:none;  /* Start with no width */
}

.kraken-navigation__list.kraken-navigation__list--primary > li.menu-item.current-menu-item::after {
    content: " ";
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0;
    height: 12px;
    background-color: var(--kraken-framework-accent-color);
    transform:none;  /* Start with no width */
}


.kraken-navigation--secondary {
    --kraken-framework-nav-gap: 0;
    --kraken-framework-nav-link-font-color: #462d26;
    --kraken-framework-nav-sub-link-font-color: #462d26;
}


.kraken-navigation__list.kraken-navigation__list--secondary > li.menu-item::after {
    content: "";
    position: absolute;
    height: 15px;
    width: 1px;
    background-color: var(--kraken-framework-accent-color); /* Change color as needed */
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}




/************/
/*** MAIN ***/
/************/

main .kraken-address {
    --kraken-framework-address-font-weight: 400;
    --kraken-framework-address-heading-font-weight: 700;
    --kraken-framework-address-font-size: 1rem;
    --kraken-framework-address-line-height: 1.8;
}

main .kraken-email {
    --kraken-framework-email-link-font-size: 1rem;
    --kraken-framework-email-font-line-height: 1.3;
    font-weight: 700;
}

main .kraken-phone-number {
    --kraken-framework-phone-number-font-size: 1rem;
    --kraken-framework-phone-number-font-line-height: 1.3;
    font-weight: 700;
}




/**************/
/*** FOOTER ***/
/**************/

.kraken-footer {
    --kraken-framework-footer-background: #393c41;
    --kraken-framework-footer-color: #fff;
    background-image: url(https://chancespr.ca/wp-content/uploads/2025/03/footer-tile.svg);
    background-size: auto;
    background-repeat: repeat;

    .kraken-footer__row-inner--flex {
        display: block;

        @media (min-width: 991px) {
            display: flex;
        }
    }

    .kraken-footer__col--01 {
        flex: auto;
        width: 100%;
    }

    .kraken-footer__col--02 {
        flex: auto;
        width: 100%;
    }


    @media (min-width: 991px) {
        .kraken-footer__col--01 {
            flex: auto;
            width: 35%;
        }
    
        .kraken-footer__col--02 {
            flex: auto;
            width: 65%;
        }
    }

    .kraken-col-inner__row {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        margin-bottom: 1rem;

        &.kraken-col-inner__row--no-flex {
            display: block;
        }

        &.kraken-col-inner__row--align-end {
            justify-content: center;
        }
    }

    @media (min-width: 991px) {
        .kraken-col-inner__row {
            
            &.kraken-col-inner__row--align-end {
                justify-content: flex-end;
            }
        }
    }

    .kraken-social-media {
        --kraken-framework-social-button-color: var(--kraken-framework-offwhite-color);
        --kraken-framework-social-button-background-color: transparent;
        --kraken-framework-social-button-hover-color: var(--kraken-framework-offwhite-color);
        --kraken-framework-social-button-hover-background-color: transparent;
        --kraken-framework-social-button-focus-color: var(--kraken-framework-offwhite-color);
        --kraken-framework-social-button-focus-background-color: transparent;
        --kraken-framework-social-button-border-color: transparent;
        --kraken-framework-social-button-border-hover-color: transparent;
        --kraken-framework-social-button-border-focus-color: transparent;
        --kraken-framework-social-button-border-size: 0;
        --kraken-framework-social-button-border-radius: 50px;
        --kraken-framework-social-button-width: 40px;
        --kraken-framework-social-button-height: 40px;
        --kraken-framework-social-button-padding: 0.2rem;

        .kraken-social-media__link--Facebook svg {
            width: 28px!important;
            height: 28px!important;
        }

        .kraken-social-media__link--Instagram svg {
            width: 35px!important;
            height: 35px!important;
        }

        .kraken-social-media__link--LinkedIn svg {
            width: 35px!important;
            height: 35px!important;
        }
    }

    .custom-footer-content {
        border-bottom: 1px solid #be885a;

        > p {
            margin-top: 0;
            font-size: 1.125rem;
        }
        
    }

    h2, .h2 {
        display: block;
        width: 100%;
        --kraken-framework-h2-margin: 0;
        --kraken-framework-h2-font-color: #fff;
        --kraken-framework-h2-font-family: var(--kraken-framework-primary-font-family);
        --kraken-framework-h2-font-size: clamp(2rem, 4vw, 3.4rem);
        --kraken-framework-h2-font-line-height: 1.4;
        --kraken-framework-h2-font-weight: 400;
        font-style:italic;
    }

    p {
        display: block;
        width: 100%;
        
    }

    .kraken-navigation__list .menu-item a {
        --kraken-framework-nav-link-font-color: #fff;
    }


    /* Address */
    .kraken-address__list {
        --kraken-framework-address-font-size: 1rem;
        --kraken-framework-address-line-height: 1.6;
    }

    /* Phone Number */
    .kraken-phone-number__link {
        display: inline-block;
        width: 100%;
        padding: 0;
        --kraken-framework-phone-number-color: #fff;
        --kraken-framework-phone-number-font-size: 1rem;
        --kraken-framework-phone-number-font-line-height: 1.6;
        text-decoration: none;
        transition: color 200ms ease-in-out;

        &:hover {
            --kraken-framework-phone-number-hover-color: var(--kraken-framework-accent-color);
        }

        &:focus {
            color: var(--kraken-framework-accent-color);
        }

        &:focus-visible {
            outline: solid 2px var(--kraken-framework-accessability-color-color);
            outline-offset: 2px;
            visibility: visible;
            opacity: 1;
        }
    }

    /* Email */
    .kraken-email__link {
        display: inline-block;
        width: 100%;
        padding: 0;
        --kraken-framework-email-link-color: #fff;
        --kraken-framework-email-link-font-size: 1rem;
        --kraken-framework-email-font-line-height: 1.6;
        text-decoration: none;
        transition: color 200ms ease-in-out;

        &:hover {
            color: var(--kraken-framework-accent-color);
        }

        &:focus {
            color: var(--kraken-framework-accent-color);
        }

        &:focus-visible {
            outline: solid 2px var(--kraken-framework-accessability-color-color);
            outline-offset: 2px;
            visibility: visible;
            opacity: 1;
        }
    }



    .kraken-navigation--extra-01 {
        width: 100%;
        --kraken-framework-nav-link-padding: 0.2rem 0;
        --kraken-framework-nav-link-font-size: 1rem;
        --kraken-framework-nav-link-font-weight: 400;
        --kraken-framework-nav-link-font-line-height: 1.6;
        --kraken-framework-nav-link-font-color: #fff;
        --kraken-framework-nav-link-font-hover-color: var(--kraken-framework-accent-color);
        --kraken-framework-nav-link-font-active-color: var(--kraken-framework-accent-color);
         --kraken-framework-nav-link-font-focus-color: var(--kraken-framework-accent-color);
    }

    @media (min-width: 767px) {
        .kraken-navigation--extra-01 {
            width: calc((100% - 1rem) / 2);
        }
    }

    @media (min-width: 991px) {
        .kraken-navigation--extra-01 {
            width: calc((100% - 3rem) / 4);
        }
    }



    /* Logos */
    .custom-footer-logos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem;
        border-top: 1px solid #036cb7;
        border-bottom: 1px solid #036cb7;
        padding: 25px 0;

        .footer-logo {
            
            img {
                display: block;
                width: 100%;
                height: 50px;
            }
        }
    }




    @media (min-width: 991px) {
            .custom-footer-logos {
                flex-wrap: nowrap;
                justify-content: space-between;
            }
        }




    .kraken-footer__row-inner--bottom {

        .kraken-footer__col--align-start {
            flex-basis: 70%;
        }

        .kraken-footer__col--align-end {
            flex-basis: 30%;
        }

        .kraken-navigation__list .menu-item a {
            --kraken-framework-nav-link-font-size: .675rem;
        }

        .custom-copyright {
            font-size: .675rem;
            color: #fff;

            &:hover {
                color:#ee4e28;
            }
        }

        .kraken-splash-credit {
            margin-left: 1rem;
            gap: .5rem;
            --kraken-framework-credit-color: #ffffff;
            --kraken-framework-credit-hover-color: #ffffff;
            --kraken-framework-credit-logo-fill: #ffffff;

            .kraken-splash-credit__text {
                font-size: .675rem;
            }
        }

        
    }
}


@media only screen and (max-width: 990px) {
    .footer-address-container {margin: 0 auto !important;}
}




/****************/
/*** BCLC BAR ***/
/****************/
.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}

.footer__bclc-logo {
    height: 37px;
    width: 86px
}

.footer-rg {
    background: url(https://chancespr.ca/wp-content/themes/kraken-framework-child/assets/images/bclc-RGBar_bg.png) repeat-x;
    padding: 0;
    position: relative;
    /* width: 100%; */
    height: 52px
}

.footer-rg a {
    color: #fff;
    text-decoration: underline;
}

.footer-rg__bar {
    align-content: stretch;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    height: 52px
}

@media (max-width: 543px) {
    .footer-rg__bar {
        justify-content:space-between
    }
}

.footer-rg__logo {
    align-self: auto;
    display: block;
    flex: 0 1 auto;
    margin: 0 8px 0 18px;
    order: 1;
    width: 79px;
}

.footer-rg__logo svg {
    max-width:100%;
    height: auto;
    transform: translateY(4px)
}

.footer-rg__gamesense {
    align-self: auto;
    flex: 0 2 100%;
    order: 2;
    min-width: 150px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 543px) {
    .footer-rg__gamesense {
        flex-direction:column
    }
}

@media (min-width: 544px) {
    .footer-rg__gamesense__inner {
        display:flex;
        align-items: center
    }
}

.footer-rg__gamesense__text {
    color: #445760;
    font-size: 18px;
    font-weight: 700;
    margin: 0!important;
    transform: translateY(2px)
}

.footer-rg__gamesense__logo {
    height: 23px;
    margin-left: 5px;
    width: 103px
}

@media (max-width: 543px) {
    .footer-rg__gamesense__text {
        font-size:14px
    }

    .footer-rg__gamesense__logo {
        height: 20px;
        margin-left: 0;
        width: 85px
    }
}

.footer-rg__age {
    align-self: auto;
    background: center center/contain no-repeat;
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    order: 3;
    width: 68px;
    height: 100%
}

.footer-rg__age_19__logo {
    transform: translateY(2px)
}
    
    
    
    
















/*****************/
/***** POSTS *****/
/*****************/

/*** ARCHIVE ***/


/*** SINGLE ***/
.kraken-post {
    /* --kraken-framework-post-width: 100%; */
    --kraken-framework-post-background: transparent;
    /* --kraken-framework-post-margin:0 0 3.5rem 0;

    --kraken-framework-post-display: flex;
    --kraken-framework-post-col-01-width: 50%;
    --kraken-framework-post-col-01-padding: 0;
    --kraken-framework-post-col-01-padding-sm: 0;
    --kraken-framework-post-col-01-padding-md: 0;

    --kraken-framework-post-col-02-width: 50%;
    --kraken-framework-post-col-02-padding: 1rem 1rem;
    --kraken-framework-post-col-02-padding-sm: 1rem 2rem;
    --kraken-framework-post-col-02-padding-md: 3rem 3rem;

    --kraken-framework-post-title-margin: 1rem 0 1rem 0;
    --kraken-framework-post-title-font-size: clamp(1rem, 1.2rem + 1vw, 1.5rem);
    --kraken-framework-post-title-font-line-height: 1.2;
    --kraken-framework-post-title-font-color: var(--kraken-framework-strong-text-color);
    --kraken-framework-post-title-font-hover-color: var(--kraken-framework-accent-color);
    --kraken-framework-post-title-font-focus-color: var(--kraken-framework-accent-color);

    --kraken-framework-single-post-title-margin: 0;
    --kraken-framework-single-post-title-font-size: clamp(1rem, 1.2rem + 1vw, 2.5rem);
    --kraken-framework-single-post-title-font-line-height: 1.2;

    --kraken-framework-post-date-font-color: var(--kraken-framework-regular-text-color);
    --kraken-framework-post-date-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);

    --kraken-framework-post-reading-font-color: var(--kraken-framework-regular-text-color);
    --kraken-framework-post-reading-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);

    --kraken-framework-post-views-font-color: var(--kraken-framework-regular-text-color);
    --kraken-framework-post-views-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);

    --kraken-framework-post-comment-font-color: var(--kraken-framework-regular-text-color);
    --kraken-framework-post-comment-font-hover-color:var(--kraken-framework-accent-color);
    --kraken-framework-post-comment-font-focus-color:var(--kraken-framework-accent-color);
    --kraken-framework-post-comment-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);

    --kraken-framework-post-author-font-color: var(--kraken-framework-regular-text-color);
    --kraken-framework-post-author-font-hover-color:var(--kraken-framework-accent-color);
    --kraken-framework-post-author-font-focus-color:var(--kraken-framework-accent-color);
    --kraken-framework-post-author-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);

    --kraken-framework-post-excerpt-font-color: var(--kraken-framework-regular-text-color);
    --kraken-framework-post-excerpt-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 0.9rem);

    --kraken-framework-post-readmore-font-color: var(--kraken-framework-regular-text-color);
    --kraken-framework-post-readmore-font-hover-color:var(--kraken-framework-accent-color);
    --kraken-framework-post-readmore-font-focus-color:var(--kraken-framework-accent-color);
    --kraken-framework-post-readmore-font-size: clamp(0.9rem, 0.95rem + 0.5vw, 1rem); */
}

/** Single Post Styles **/
.kraken-title--single {
    margin: var(--kraken-framework-single-post-title-margin);
    font-size: var(--kraken-framework-single-post-title-font-size);
    line-height:var(--kraken-framework-single-post-title-font-line-height);
}












/**************/
/*** CUSTOM ***/
/**************/

/*** Page Specific ***/
/*********************/
/* Privacy Policy | Terms of Use | Accessibility | Site Map */
.page-id-12,
.page-id-13,
.page-id-14,
.page-id-15 {

    h1 {
        font-size: clamp(2rem, 2.6116vw + 1.5357rem, 3.625rem);
    }

    h2 {
        font-size: clamp(1.125rem, .4018vw + 1.0536rem, 1.375rem);
    }
}


/* Promo Feature boxes */
.promos-wrap .kb-section-has-link .wp-block-image {
    margin: 0;
    overflow: hidden;
}

.promos-wrap .kb-section-has-link .wp-block-image img {
    display: block;
    transition: transform 0.4s ease-in-out;
    will-change: transform;
    transform-origin: center center;
}

.promos-wrap .kb-section-has-link:hover img  {
    transform: scale(1.1);
}


.promos-wrap .wp-block-kadence-column {

    &:hover {

        .wp-block-button.button--outline.button--orange  {
            position: relative;
    
            &:before {
                transform-origin: left;
                transform: scaleX(1);
                z-index: 0;
            }

            .wp-block-button__link.wp-element-button {
                color: var(--btn-hover-font-color);
            }
    
        }
    }
}
    




/** Custom Classes **/
/********************/
.hero-subpage span {
    color :pink!important;
}

.block img {
    display:block;
}

.wp-block-image {
    margin:0;
}


/* Menu List */
.menu-list {
    display: inline-block;
    list-style-type: none;
    padding-inline-start: 0;

    li {
        padding-right: 2rem;
        border-bottom: 2px solid #f4f1f0;
        line-height: 2.25;
        font-weight: 500;
        text-transform: uppercase;

        a {

            &:hover {
                color: #fff;
            }
        }
    }
}






/*** WordPress Block Customizations ***/
/**************************************/

/** VARIABLES **/
/* 
Solid button 
*/
.wp-block-button {
    --btn-background: #32373c;
    --btn-border: 0;
    --btn-border-color: transparent;
    --btn-border-radius: 0;
    --btn-padding: calc(1.25em + 2px) calc(2em + 2px);
    --btn-font-size: .875rem;
    --btn-font-color: #ffffff;
    --btn-font-weight: 700;
    --btn-line-height: 1;
    
    --btn-hover-background: #000;
    --btn-hover-border-color: transparent;
    --btn-hover-font-color: #ffffff;

    &.button--yellow {
        --btn-background: #fcb838;
        --btn-border-color: #fcb838;
        --btn-font-color: #fff;
    
        --btn-hover-background: #c08c2b;
        --btn-hover-border-color: #c08c2b;
        --btn-hover-font-color: #ffffff;
    }

    &.button--orange {
        --btn-background: #f04e2a;
        --btn-border-color: #f04e2a;
        --btn-font-color: #fff;
    
        --btn-hover-background: #ad391f;
        --btn-hover-border-color: #ad391f;
        --btn-hover-font-color: #ffffff;
    }

    &.button--blue {
        --btn-background: #036cb7;
        --btn-border-color: #036cb7;
        --btn-font-color: #fff;
    
        --btn-hover-background: #024a7e;
        --btn-hover-border-color: #024a7e;
        --btn-hover-font-color: #ffffff;
    }

    &.button--purple {
        --btn-background: #371461;
        --btn-border-color: #371461;
        --btn-font-color: #fff;
    
        --btn-hover-background: #270f46;
        --btn-hover-border-color: #270f46;
        --btn-hover-font-color: #ffffff;
    }

    &.button--white {
        --btn-background: #fff;
        --btn-border-color: #fff;
        --btn-font-color: #32373c;
    
        --btn-hover-background: #f5f5f5;
        --btn-hover-border-color: #f5f5f5;
        --btn-hover-font-color: #32373c;
    }

    &.button-text-orange {
        --btn-font-color: #f04e2a;
    }

    &.button-hover-text-orange {
        --btn-hover-font-color: #f04e2a;
    }
}


/* 
Outline button 
*/
.wp-block-button.button--outline {
    --btn-background: transparent;
    --btn-border: 2px solid;
    --btn-border-color: #32373c;
    --btn-font-color: #32373c;

    --btn-hover-background: #000;
    --btn-hover-border-color: #32373c;
    --btn-hover-font-color: #fff;

    &.button--yellow {
        --btn-background: transparent;
        --btn-border-color: #fcb838;
        --btn-font-color: #fcb838;
    
        --btn-hover-background: #fcb838;
        --btn-hover-border-color: #fcb838;
        --btn-hover-font-color: #ffffff;
    }

    &.button--orange {
        --btn-background: transparent;
        --btn-border-color: #f04e2a;
        --btn-font-color: #f04e2a;
    
        --btn-hover-background: #f04e2a;
        --btn-hover-border-color: #f04e2a;
        --btn-hover-font-color: #ffffff;
    }

    &.button--blue {
        --btn-background: transparent;
        --btn-border-color: #036cb7;
        --btn-font-color: #036cb7;
    
        --btn-hover-background: #024e85;
        --btn-hover-border-color: #024e85;
        --btn-hover-font-color: #ffffff;
    }

    &.button--white {
        --btn-background: transparent;
        --btn-border-color: #fff;
        --btn-font-color: #fff;
    
        --btn-hover-background: #fff;
        --btn-hover-border-color: #fff;
        --btn-hover-font-color: #32373c;
    }

    &.button-text-orange {
        --btn-font-color: #f04e2a;
    }

    &.button-hover-text-orange {
        --btn-hover-font-color: #f04e2a;
    }
}







/* SOLID */
.wp-block-button  {
    position: relative;

    &:before {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        background: var(--btn-hover-background);
    }

    &:after {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        transform-origin: right;
        transform: scaleX(1);
        transition: transform 0.3s ease;
        background: var(--btn-background);
    }

    &:hover {
        
        &:after {
            transform-origin: right;
            transform: scaleX(0);
            z-index: 0;
        }
    }

    .wp-block-button__link.wp-element-button {
        background: transparent;
        border: var(--btn-border);
        border-radius: var(--btn-border-radius);
        padding: var(--btn-padding);
        color: var(--btn-font-color);
        font-family: inherit;
        font-size: var(--btn-font-size);
        font-style: normal;
        font-weight: var(--btn-font-weight);
        line-height: var(--btn-line-height);
        margin: 0;
        text-decoration: none;
        position: relative;
        z-index: 2;

        &:hover {
            border-color: var(--btn-hover-border-color);
            color: var(--btn-hover-font-color);
        }
    }

}





/* OUTLINE */
.wp-block-button.button--outline  {

    &:before {
        content: '';
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        transform-origin: left;
        transform: scaleX(0);
        transition: transform 0.3s ease;
        background: var(--btn-hover-background);
    }

    &:after {
        content: none;
    }

    &:hover {
        
        &:before {
            transform-origin: left;
            transform: scaleX(1);
            z-index: 0;
        }
    }

    .wp-block-button__link.wp-element-button {
        background: transparent;
        border: var(--btn-border);
        border-color: var(--btn-border-color);
        border-radius: var(--btn-border-radius);
        color: var(--btn-font-color);
        font-family: inherit;
        font-size: var(--btn-font-size);
        font-style: normal;
        font-weight: var(--btn-font-weight);
        line-height: var(--btn-line-height);
        padding: var(--btn-padding);
        margin: 0;
        text-decoration: none;
        position: relative;
        z-index: 2;
        
        &:hover {
            border-color: var(--btn-hover-border-color);
            color: var(--btn-hover-font-color);
        }
    }
}



/*** Plugins & 3rd-Party ***/
/***************************/


/** Kadence Blocks **/

@media (min-width: 1025px) and (max-width: 1474px) {
    .kb-row-layout-wrap.custom-breakout-left > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1) {
        margin-inline-start: calc((((var(--global-vw, 100vw) -(var(--kraken-framework-max-width) -(16px* 2))) / 2)* -1) + -1px);
    }
}

@media (min-width: 1025px) and (max-width: 1474px) {
    .kb-row-layout-wrap.custom-breakout-right > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
        margin-inline-end: calc((((var(--global-vw, 100vw) -(var(---kraken-framework-max-width) -(16px* 2))) / 2)* -1) + -1px);
    }
}


/** Gravity Forms **/

.gform-theme--framework {

    &.gform_wrapper {

        .gfield_label {
            /* color: #fff; */
            font-size: 1.125rem;
            font-weight: 700;;
        }
    }

}

#gform_submit_button_1 {
    background-color: transparent;
    border: 2px solid #db5d37;
    font-size: .875rem;
    font-weight: 700;
    color: #db5d37;
    padding: calc(1.25em + 2px) calc(2em + 2px);
    border-radius: 0;
    margin-top: 25px;
}

#gform_submit_button_1:hover {
    background-color: #db5d37;
    color: #fff;
}