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

Break Points
    xs: 478px
    sm: 767px
    md: 991px
    lg: 1280px
    xl: 1440px
    xxl: 1920px

1.0 Global
    1.1 Typography
    1.2 Links
    1.3 Buttons
    1.4 Utility Classes

2.0 Header

3.0 Navigation

4.0 Hero Section & Banners

5.0 Main Content & Layout
    5.1 Global
    5.2 Page Specific

6.0 Blog & Post Styles

7.0 Custom Post Types

8.0 Footer

9.0 Social

11.0 Animations 'Cowbell'

12.0 3rd-Party Plugins

13.0 Custom

14.0 Web Fonts

END <<< ***/





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





/*----------------
Typography
------------------*/
/*
Headings
*/
h1, .h1 {
    --kraken-framework-h1-margin: 1.5rem 0;
    --kraken-framework-h1-font-size: clamp(2.25rem, 1.6667vw + 1.875rem, 3.375rem);
    --kraken-framework-h1-font-line-height: 1;
    --kraken-framework-h1-font-weight: 900;

    font-style:italic;
    letter-spacing: .125rem;
}

h2, .h2 {
    --kraken-framework-h2-margin: 1rem 0;
    /* --kraken-framework-h2-font-size: clamp(2rem, .7407vw + 1.8333rem, 2.5rem); */
    --kraken-framework-h2-font-size: clamp(2.5rem, 2.963vw + 1.8333rem, 4.5rem);
    --kraken-framework-h2-font-line-height: 1.1;
    --kraken-framework-h2-font-weight: 900;

    font-style:italic;
}

h3, .h3 {
    --kraken-framework-h3-margin: 1rem 0;
    --kraken-framework-h3-font-size: clamp(1.125rem, .1852vw + 1.0833rem, 1.25rem);
    --kraken-framework-h3-font-line-height: 1;
    --kraken-framework-h3-font-weight: 900;

    font-style:italic;
}

h4, .h4 {
    --kraken-framework-h4-margin: 1rem 0;
    --kraken-framework-h4-font-color: var(--kraken-framework-strong-text-color);
    --kraken-framework-h4-font-family: var(--kraken-framework-primary-font-family);
    --kraken-framework-h4-font-size: clamp(1rem, .1852vw + .9583rem, 1.125rem);
    --kraken-framework-h4-font-line-height: 1;
    --kraken-framework-h4-font-weight: 700;

    font-style:italic;
}

h5, .h5 {
    --kraken-framework-h5-margin: 1rem 0;
    --kraken-framework-h5-font-size: 1rem;
    --kraken-framework-h5-font-line-height: 1.1;
    --kraken-framework-h5-font-weight: 700;

    font-style:italic;
}

h6, .h6 {
    --kraken-framework-h6-margin: 1rem 0;
    --kraken-framework-h6-font-size: 0.9375rem;
    --kraken-framework-h6-font-line-height: 1;
    --kraken-framework-h6-font-weight: 700;

    font-style:italic;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}

/*
WP Font Presets
*/
.has-x-large-font-size {
    font-size: clamp(2.5rem, 2.963vw + 1.8333rem, 4.5rem) !important;
}

.has-large-font-size {
    font-size:  clamp(2rem, .7407vw + 1.8333rem, 2.5rem) !important;
}

.has-medium-font-size {
    font-size: clamp(1.125rem, .1852vw + 1.0833rem, 1.25rem) !important;
}

.has-small-font-size {
    font-size: 1rem !important;
}

/* 
Heading & Body Text Combos
*/
h2 + p {
    padding-top: 1rem;
}
h3 + p {
    padding-top: 0;
}

p + h2 {
    padding-top: 4rem;
}

p + h3 {
    padding-top: 2rem;
}


.privacy-policy h2, .page-template-tp-terms-of-use h2, .page-template-tp-accessibility-statement h2 {font-size: 2.8rem;}
.privacy-policy h1, .page-template-tp-terms-of-use h1, .page-template-tp-accessibility-statement h1 {margin-bottom: 3rem;}



/*---------------
Links
-----------------*/


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

.wp-block-button {
    --btn-border-color: #1e352b;
    --btn-color: #1e352b;
    
    --btn-border-hover-color: #1e352b;
    --btn-hover-color: #1e352b;
}


.wp-block-button {

    .wp-block-button__link {

        &.wp-element-button {
            background-size: 100% 100%;
            background-position: 0px 0px;
            background: linear-gradient(45deg, #84D096 13px, #1e352b00 13px), linear-gradient(45deg, #1e352b00 calc(100% - 13px), #84D096 calc(100% - 13px));
            background-color: transparent;
            border: 3px solid #84D096;
            border-radius: 0;
            clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% calc(0% + 20px), 100% 100%, calc(0% + 20px) 100%, 0% calc(100% - 20px));
            padding: calc(0.5em + 2px) calc(2.125em + 2px);

            color: #1e352b;
            font-weight:700;
            font-style: italic;

            &:hover {
                /* background: linear-gradient(45deg, #1e352b 13px, #84D09600 13px), linear-gradient(45deg, #84D09600 calc(100% - 13px), #1e352b calc(100% - 13px)); */
                background-color: #84D096;
                /* border: 3px solid #1e352b; */
                color: #1e352b;
            }
        }
    }
}

.wp-block-button {

    &.button_color--ltgreen-white {
        
        .wp-element-button {
            background: linear-gradient(45deg, #84D096 13px, #1e352b00 13px), linear-gradient(45deg, #1e352b00 calc(100% - 13px), #84D096 calc(100% - 13px));
            border: 3px solid #84D096;
            color: #fff;

            &:hover {
                color: #1e352b;
            }
        }
    }

    &.button_color--dgreen-lgreen {
        
        .wp-element-button {
            background: linear-gradient(45deg, #1e352b 13px, #84D09600 13px), linear-gradient(45deg, #84D09600 calc(100% - 13px), #1e352b calc(100% - 13px));
            border: 3px solid #1e352b;
            color: #1e352b;

            &:hover {
                background-color: #1e352b;
                color: #84D096;
            }
        }
    }
}




/* .wp-block-button {

    .wp-block-button__link {
        border-radius: 0;
        clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% calc(0% + 20px), 100% 100%, calc(0% + 20px) 100%, 0% calc(100% - 20px));
        padding: calc(0.5em + 2px) calc(2.125em + 2px);

        &.wp-element-button {
            background-color: #22372b;
            font-weight:700;
            font-style: italic;
        }
    }
}

.wp-block-button {

    &.button_color--light-green-white {
        
        .wp-element-button {
            background-color: #84d096;
            color:#1e352b;

            &:hover {
                background-color: #fff;
                color:#1e352b;
            }
        }
    }

    &.button_color--light-green-dark-green {
        
        .wp-element-button {
            background-color: #84d096;
            color:#1e352b;

            &:hover {
                background-color: #1e352b;
                color:#84D096;
            }
        }
    }

    &.button_color--white-light-green {
        
        .wp-element-button {
                background-color: #fff;
                color:#1e352b;

                &:hover {
                background-color: #84d096;
                color:#1e352b;
            }
            }
        }

    &.button_color--white-dark-green {
        
        .wp-element-button {
                background-color: #fff;
                color:#1e352b;

                &:hover {
                background-color: #1e352b;
                color:#fff;
            }
            }
        }

        &.button_color--dark-green-white {
        
        .wp-element-button {
                background-color: #1e352b;
                color:#fff;

                &:hover {
                background-color: #fff;
                color:#1e352b;
            }
        }
    }
} */







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

.heading-font {
    font-family: var(--kraken-framework-primary-font-family);
}






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

.kraken-header {
    --kraken-framework-header-row-height-top: 0;
    --kraken-framework-header-row-shrink-height-top: 0;
    --kraken-framework-header-transparent-main-background: rgba(34, 55, 43, 0.6);
    /* --kraken-framework-header-transparent-shrink-main-background: #ffffff;
    --kraken-framework-header-transparent-scroll-up-main-background: #ffffff; */
    --kraken-framework-header-transparent-scroll-down-main-background: #fff;
    
    --kraken-framework-header-row-padding-mobile: 0.5rem 2rem 0.5rem 2rem;
}

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







/*==============================
3.0 NAVIGATION
================================*/

.kraken-navigation.kraken-navigation--primary .kraken-navigation__list>.menu-item>a {
    text-transform: uppercase;
}

/* 
Default Menu 
*/
.kraken-navigation--primary {
    --kraken-framework-nav-link-font-size: 1rem;
    --kraken-framework-nav-link-font-weight: 600;
    --kraken-framework-nav-link-font-color: var(--kraken-framework-default-desktop-nav-font-color);
    --kraken-framework-nav-link-font-hover-color: #dd8a00;
    --kraken-framework-nav-link-font-active-color: #dd8a00;
    --kraken-framework-nav-link-font-focus-color: #dd8a00;
    --kraken-framework-nav-sub-link-background-color: var(--kraken-framework-offwhite-color);
    --kraken-framework-nav-sub-link-background-hover-color: #e8e8e8;
    --kraken-framework-nav-sub-link-background-active-color: #e8e8e8;
    --kraken-framework-nav-sub-link-background-focus-color: #e8e8e8;
    --kraken-framework-nav-sub-link-padding: 0.5rem 0.5rem;
}

.kraken-navigation--mobile {
    --kraken-framework-nav-link-background-hover-color: #e8e8e8;
    --kraken-framework-nav-link-background-active-color: #e8e8e8;
    --kraken-framework-nav-link-background-focus-color: #e8e8e8;
    --kraken-framework-nav-sub-link-font-size: 1rem;
    --kraken-framework-nav-sub-link-background-hover-color: #ececec;
    --kraken-framework-nav-sub-link-background-active-color: #ececec;
    --kraken-framework-nav-sub-link-background-focus-color: #ececec;
    --kraken-framework-nav-link-padding: 0.5rem;
    --kraken-framework-nav-sub-link-padding: 0.5rem;
    --kraken-framework-nav-drawer-width: 60%;
}

/* 
Transparent Menu 
*/
.body--transparent {
    .kraken-navigation--primary {
        --kraken-framework-nav-link-font-size: 1rem;
        --kraken-framework-nav-link-font-weight: 600;
        --kraken-framework-nav-link-font-color: var(--kraken-framework-offwhite-color);
        --kraken-framework-nav-link-font-hover-color: #dd8a00;
        --kraken-framework-nav-link-font-active-color: #dd8a00;
        --kraken-framework-nav-link-font-focus-color: #dd8a00;
    }
}

/* 
Transparent Menu Is Scrolling
*/
.is-scrolling {
    .body--transparent {
        .kraken-navigation--primary {
            --kraken-framework-nav-link-font-size: 1rem;
            --kraken-framework-nav-link-font-weight: 600;
            --kraken-framework-nav-link-font-color: var(--kraken-framework-accent-color);
            --kraken-framework-nav-link-font-hover-color: #dd8a00;
            --kraken-framework-nav-link-font-active-color: #dd8a00;
            --kraken-framework-nav-link-font-focus-color: #dd8a00;
        }
    }
 }






/*==============================
4.0 HERO SECTION & BANNERS
================================*/
.page-title-bar {
    /* background-size: 100% auto !important;
    background-repeat: no-repeat !important; */
    position: relative;
    /* padding-left: 0rem !important;
    padding-right: 0rem !important; */
    min-height: 180px;
    z-index: 1;

    /* @media (min-width: 991px) {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    } */
}

.page-title-bar__content {
    position: relative;
    /* padding-top: 2rem !important;
    padding-right: 4rem !important;
    padding-bottom: 2rem !important;
    padding-left: 4rem !important; */
    z-index: 1;
    
    @media (min-width: 991px) {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }

    .page-title__section-label {
        font-weight: 700;
        font-style: italic;
        text-transform: uppercase;

        /* adds the arrow before the section label */
        &::before {
            content: "<";
            margin-right: .25rem;
            color:#dd8a00;
        }

        &:empty {
            display: none;
        }
    }

    /* Breaks text within span tag onto a separate line */
    .page-title__title {
        font-style: italic;
        text-transform: uppercase;

        span {
            display:block;
        }
    }
}




.page-title-bar__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width:100%;
    height:100%;
    z-index: 0;
}

.page-title-bar__background--inner {
    margin: 0 auto;
    max-width: 1600px;
    height:100%;
}

.page-title-bar__background--inner-cols {
    height:100%;
}

.page-title-bg-col-bg {
    background-image: url(https://prdconstruction.ca/wp-content/uploads/2025/05/bg-page-title.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    opacity: .3;

    @media (min-width: 991px) {
        opacity: 1;
    }
}

@media only screen and (max-width: 767px) {
    .home-hero-left-col-mobile .kt-row-column-wrap {grid-auto-rows: auto !important;}
}






/*==============================
5.0 MAIN CONTENT & LAYOUT
================================*/








/*==============================
6.0 BLOG & POST STYLES
================================*/

.blog h1.kraken-title {
    /* font-size: clamp(2.5rem, 2.963vw + 1.8333rem, 4.5rem); */
    display: none;
    visibility: hidden;
}

.blog .sticky .kraken-post__title {font-size: 3rem;}

.single-post h2 {
    font-size: 2.2rem;
}

.blog .kraken-post__link {
    padding: 3px 10px;
    background-color: #22372b;
    border: 1px solid #22372b;
    border-radius: 5px;
    width: fit-content;
    transition: 
        background-color 0.3s ease, 
        color 0.3s ease, 
        border-color 0.3s ease
    ;
}

.blog .kraken-post__link:hover {
    background-color: #84D096;
    border: 1px solid #84D096;
}

.blog .kraken-main__inner {
    padding-top: 4rem;
    padding-bottom: 6rem;
    color: #f78da7;
    background-image: url(https://prdconstruction.ca/wp-content/uploads/2025/05/bg-logo-tile-light.png);
    background-size: auto;
    background-position: 50% 50%;
    background-attachment: scroll;
    background-repeat: repeat;
}

.blog .kraken-post {
    border: 1px solid #ececec;
}


/* --- 3 Column Blog Layout --- */
.blog .kraken-archive-content__loop {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* -- Post Styles -- */
.blog .kraken-post {
    --kraken-framework-post-width: 100%;
    --kraken-framework-post-background: var(--kraken-framework-offwhite-color);
    --kraken-framework-post-margin:0 0 0 0;
    --kraken-framework-post-display: block;
    --kraken-framework-post-col-01-width: 100%;
    --kraken-framework-post-col-02-width: 100%;
    --kraken-framework-post-col-02-padding: 1rem 1rem;
    --kraken-framework-post-col-02-padding-sm: 1rem 1rem;
    --kraken-framework-post-col-02-padding-md: 1rem 1rem;
}

@media (min-width: 767px) {
    .blog .kraken-post {
        --kraken-framework-post-width: calc(50% - 0.5rem); /* the 0.5rems is the amount you want to remove on the sides based on the 1rem Gap */

        &:nth-child(2n) {
            margin-right: 0; 
        }
    }
}

@media (min-width: 991px) {
    .blog .kraken-post {
        --kraken-framework-post-width: calc(33.333% - 0.67rem); /* the 0.67rems is the amount you want to remove on the sides based on the 1rem Gap */

        &:nth-child(3n) {
            margin-right: 0;
        }
    }
}

/* -- Sticky Post Styles -- */
.blog .sticky {
    --kraken-framework-post-width: 100%;
    --kraken-framework-post-display: flex;
    --kraken-framework-post-col-01-width: 50%;
    --kraken-framework-post-col-02-width: 50%;
}

/* -- Pagination Styles -- */
.blog .kraken-pagination {
    width: 100%;
}

.kraken-post {
    --kraken-framework-post-background: #ffffff;
    --kraken-framework-post-title-font-size: clamp(1rem, 1.2rem + 1vw, 1.8rem);
    --kraken-framework-post-title-font-hover-color: var(--kraken-framework-accent-alt-color);
    --kraken-framework-post-title-font-focus-color: var(--kraken-framework-accent-alt-color);
    --kraken-framework-single-post-title-font-size: clamp(1rem, 1.2rem + 1vw, 2.8rem);
    --kraken-framework-post-excerpt-font-size: clamp(0.8rem, 0.95rem + 0.5vw, 0.8rem);
    --kraken-framework-post-readmore-font-color: #ffffff;
    --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-title-margin: 1rem 0 0 0;
}

.kraken-post__image--single img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
}





/*==============================
7.0 CUSTOM POST TYPES
================================*/






/*==============================
8.0 FOOTER
================================*/

.kraken-footer {
    --kraken-framework-footer-background: #e1e3e3;

    background-image: url("https://prdconstruction.ca/wp-content/uploads/2025/05/prd-footer-watermark.png");
    background-size: auto;
    background-position: center left;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1600px) {
    .kraken-footer {
        background-position: 30% 50%;
        background-size: auto 100%;
    }

    .kraken-footer .kraken-phone-number__link {
        font-size: 2.6rem !important;
    }
}

.kraken-footer h2 {
    font-weight: 800; 
    font-size: 1.75rem;
    font-style: italic;
    text-transform: uppercase;
}
h2.footer-h2-small {
    font-size: 1.2rem;
    font-style: normal;
    margin-bottom: 0;
}

.kraken-footer .kraken-phone-number__link {
    font-size: 4rem;
    font-weight: 700;
    font-style: italic;
}


.kraken-footer .kraken-navigation__list .menu-item a {
    padding: .5rem 0;
}

.kraken-navigation--legal .kraken-navigation__list .menu-item a {
    color:#1e352b;
}

.kraken-navigation--legal .kraken-navigation__list .menu-item a:hover{color:#84d096;}

.footer-address-row {
    display: flex;
    gap: 4rem;
    margin-top: 20px;
    border-top: 1px solid #84d096;
    padding-top: 30px;
}

.footer-nav, .footer-address {width: 50%;}

.footer-nav a {
    font-weight: 600 !important;
    text-transform: uppercase;
}

.footer-nav a:hover {color: #84d096 !important;}

.kraken-splash-credit {
    --kraken-framework-credit-hover-color: #84d096;
    --kraken-framework-credit-logo-fill: #1e352b;
}

.kraken-footer__row--top {
    border-bottom: 1px solid #84d096;
    padding-top: 3rem;
    padding-bottom: 1rem;

    .kraken-footer__row-inner--top {
        align-items: center;

        .kraken-footer__col {
            margin-bottom: 0;
        }
    }
}
.kraken-footer__row--bottom {border-top: 1px solid #84d096;}

.kraken-footer__row--main {
    --kraken-framework-footer-row-padding-main: 3rem var(--kraken-framework-site-padding-right) 3rem var(--kraken-framework-site-padding-left);
}

.kraken-footer .kraken-social-media {
    --kraken-framework-social-button-background-color: transparent;
}

.button-footer {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    -ms-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);
}

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


@media only screen and (max-width: 991px) {
    .kraken-footer__col--01 h2 {
        margin-bottom: 50px;
    }
    .button-footer {
        margin-bottom: 50px;
    }

    .kraken-footer__row--top {min-height: 200px;}

}


.kraken-logo__image--footer {
    width: 100%;
    max-width: 360px;
}

.kraken-footer .land-acknowledgement {
    margin:2rem 0;
    font-size:.8rem;
}





/*==============================
9.0 SOCIAL MEDIA
================================*/

/*----------------
Default
------------------*/

.kraken-social-media.kraken-social-media {
    /* Button styling */
    --kraken-framework-social-button-color: var( --kraken-framework-accent-color);
    --kraken-framework-social-button-background-color: transparent;
    --kraken-framework-social-button-hover-color: var(--kraken-framework-accent-alt-color);
    --kraken-framework-social-button-hover-background-color: var(--kraken-framework-accent-alt-color);
    --kraken-framework-social-button-focus-color: var(--kraken-framework-offwhite-color);
    --kraken-framework-social-button-focus-background-color: var(--kraken-framework-accent-alt-color);
    --kraken-framework-social-button-border-color: var(--kraken-framework-accent-color);
    --kraken-framework-social-button-border-hover-color: var( --kraken-framework-accent-alt-color);
    --kraken-framework-social-button-border-focus-color: var( --kraken-framework-accent-alt-color);
    --kraken-framework-social-button-border-size: 0;
    --kraken-framework-social-button-border-radius: 100px;
    --kraken-framework-social-button-width: 30px;
    --kraken-framework-social-button-height: 30px;
    --kraken-framework-social-button-padding: 0;

    .kraken-social-media__list {

        .kraken-social-media__item {

            .kraken-social-media__link {

                &.kraken-social-media__link--LinkedIn {
                    --kraken-framework-social-button-hover-background-color: transparent;

                    svg {
                        width: 26px;
                        height: 26px;

                    }
                }
            }
        }
    }
}


/*----------------
Footer
------------------*/

.kraken-social-media--footer.kraken-social-media {
    /* Button styling */
    --kraken-framework-social-button-color: var( --kraken-framework-accent-color);
    --kraken-framework-social-button-background-color: transparent;
    --kraken-framework-social-button-hover-color: var(--kraken-framework-accent-alt-color);
    --kraken-framework-social-button-hover-background-color: var(--kraken-framework-accent-alt-color);
    --kraken-framework-social-button-focus-color: var(--kraken-framework-offwhite-color);
    --kraken-framework-social-button-focus-background-color: var(--kraken-framework-accent-alt-color);
    --kraken-framework-social-button-border-color: var(--kraken-framework-accent-color);
    --kraken-framework-social-button-border-hover-color: var( --kraken-framework-accent-alt-color);
    --kraken-framework-social-button-border-focus-color: var( --kraken-framework-accent-alt-color);
    --kraken-framework-social-button-border-size: 0;
    --kraken-framework-social-button-border-radius: 100px;
    --kraken-framework-social-button-width: 30px;
    --kraken-framework-social-button-height: 30px;
    --kraken-framework-social-button-padding: 0;

    .kraken-social-media__list {

        .kraken-social-media__item {

            .kraken-social-media__link {

                &.kraken-social-media__link--LinkedIn {
                    --kraken-framework-social-button-hover-background-color: transparent;

                    svg {
                        width: 26px;
                        height: 26px;

                    }
                }
            }
        }
    }
}







/*==============================
10.0 ANIMATION 'COWBELL'
================================*/






/*==============================
11.0 KRAKEN & 3RD-PARTY PLUGINS
================================*/

/*-----------------
Kraken Teams
-------------------*/


/*-----------------
Kraken Careers
-------------------*/


/*-----------------
Kraken Projects
-------------------*/


/*-----------------
Kraken Cowbell - Callouts
-------------------*/
.kraken-callouts-wrapper {
    .kraken-callouts {
        /* position: relative;
        display: flex;
        flex-wrap: wrap; */
        background: rgba(30, 53, 43, 0.7);
    }
}

.kraken-callouts__title {
    --kco-title-font-size: clamp(1.25rem, .7407vw + 1.0833rem, 1.75rem);
    --kco-title-line-height: 1.8rem;

    font-style: italic;
    text-transform: uppercase;
    text-align: center;
}

.kraken-callouts__title span {
    display:block;
}

                    /* .kraken-callouts__button {
                        clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% calc(0% + 20px), 100% 100%, calc(0% + 20px) 100%, 0% calc(100% - 20px));
                        color:#1e352b!important;
                        font-weight: 700!important;
                        font-style: italic;

                        &:hover {
                            background-color:#1e352b!important;
                            border: 1px solid #1e352b!important;
                            color: #84D096!important;
                        }
                    } */

.kraken-callouts__button {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background: linear-gradient(45deg, #84D096 13px, #1e352b00 13px), linear-gradient(45deg, #1e352b00 calc(100% - 13px), #84D096 calc(100% - 13px));
    background-color: transparent!important;
    border: 3px solid #84D096!important;
    border-radius: 0;
    clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% calc(0% + 20px), 100% 100%, calc(0% + 20px) 100%, 0% calc(100% - 20px));

    color:#fff!important;
    font-weight: 700!important;
    font-style: italic;

      &:hover {
        background-color: #84D096!important;
        color: #1e352b!important;
      }
}



















/*----------------
Kadence Blocks
------------------*/
/*
Row Block
*/
/* Breakout Content */
@media (min-width: 1025px) and (max-width: 1439px) {
    .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: 1439px) {
    .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);
    }
}

.kb-row-layout-wrap.custom-breakout-left > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1) figure,
.kb-row-layout-wrap.custom-breakout-right > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) figure {
    height: 100%;

    img {
        box-sizing: border-box;
        height: 100%;
        /* max-width: 100%; */
        vertical-align: bottom;
        object-fit: cover;
    }
}

:root {
    --global-content-edge-padding: var(--kraken-framework-site-padding-right);
}

/* .kb-row-layout-wrap.alignfull > .kt-row-column-wrap {
    padding-right: var(--kraken-framework-site-padding-right);
    padding-left: var(--kraken-framework-site-padding-left);
} */









/*----------------
Gravity Forms
------------------*/

.gform_button {
    background-color: #22372b !important;
}

.gform_button:hover {
    background-color: #84d096 !important;
}





/*==============================
12.0 CUSTOM
================================*/

.list-2-cols {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.number-circle {
    display: inline-flex;
    background: #22372b;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 1.5rem;
    color: #84d096;
    margin: .05rem 0 0 0;
}
/* .wp-block-columns {
    padding-left: 1rem;
    padding-right: 1rem;

    @media (min-width: 991px) {
        padding-left: 2rem;
        padding-right: 2rem;
    }
} */



.block img,
.wp-block-kadence-image img {
    display:block;
}

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




/*==============================
13.0 WEB FONTS
================================*/