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

/** Header Fix added December 23, 2025 **/
@media (min-width: 991px) {
    body.body-notice--is-disabled.body--overlay {
        padding-top: var(--kraken-framework-header-height);
    }
}

.kraken-header__inner--mobile .kraken-header__col--start {padding: 0.5rem 0;}



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














/*** =================================================================
   KRAKEN FRAMEWORK: Blog Grid with Large Sticky Post Layout 
   ===================================================================
   CSS to dispaly the blog in a grid layout with a full width (size of blog)
   sticky post at the top.
   -------------------------------------------------------------------
   Last Updated: 2026-01-07
   Maintained by: Kraken Framework Team
   Purpose: CSS to dispaly the blog in a grid layout with image at the top.
   Dependencies: Kraken Framework Version 3.47+
***/

/* Archive list container */
.archive__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;

  /* Layout variables */
  --cols: 1;
  --gap: 1.5rem;
}

/* Archive item (card wrapper) */
.archive__list > .archive__item:has(.sticky) {
  flex-basis: 100%;
}

.archive__list > .archive__item {
  flex: 0 0 auto; /* Don't grow or shrink; size determined by flex-basis below */

  /* Calculate width so the gap is accounted for:
     1 col: (100% - 0 gaps) / 1
     2 cols: (100% - 1 gap) / 2
     3 cols: (100% - 2 gaps) / 3
  */
  flex-basis: calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));

  /* Smooth resize when crossing breakpoints (mostly noticeable on window resize) */
  transition: flex-basis 250ms ease;
  will-change: flex-basis; /* Hint for smoother transitions */
}

/* Tablet / small desktop: 2 columns */
@media (min-width: 991px) {
  .archive__list {
    --cols: 2;
  }
}

/* Desktop: 3 columns */
@media (min-width: 1200px) {
  .archive__list {
    --cols: 3;
  }
}

/* Accessibility: respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  .archive__list > .archive__item {
    transition: none;
  }
}

.kraken-post {
  /* Uncomment if you want the post wrapper to stretch full height */
  /* height: 100%; */

  .kraken-post__inner {
    /* Remove default framework padding inside the post card */
    --kraken-framework-post-padding: 0;

    .kraken-post__col {
      /* Column 02 (typically the text/content side): add inner padding */
      &.kraken-post__col--02 {
        padding: 1rem;
      }
    }
  }
}

/* Post image. */
.kraken-post__image {
  &.kraken-post__image--post {
    width: 100%;
    height: 100%; 

    .kraken-post__image-link {
      overflow: hidden;

      /* Enforce a consistent thumbnail aspect ratio. */
      --kraken-framework-post-image-aspect-ratio: 4 / 3;

      /* Rounded top corners only (card-style image header) */
      --kraken-framework-post-image-border-radius: 0.3rem 0.3rem 0% 0% / 0.3rem 0.3rem 0% 0%;

      /* Remove default framework margin around the image. */
      --kraken-framework-post-image-margin: 0;
    }
  }
}

/* Post title. */
.kraken-post-title {
  --kraken-framework-post-title-font-size: 1.2rem;
  --kraken-framework-post-title-line-height: 1.2rem;
}

/* Post excerpt. */
.kraken-post-excerpt {
  --kraken-framework-post-excerpt-font-size: 0.9rem;
  --kraken-framework-post-excerpt-line-height: 1.3;
}


/* ADDITIONAL CUSTOMIZATIONS */

.kraken-post-title {
    --kraken-framework-post-title-font-size: 2rem;
    --kraken-framework-post-title-line-height: 1.2;
}
.kraken-post-title__link { word-break: unset !important; }

.sticky .kraken-post__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.sticky .kraken-post__inner .kraken-post__col--01 .kraken-post__image .kraken-post__image-link {
    border-top-left-radius: 30px !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 30px !important;
    border-bottom-right-radius: 0 !important;
}
.sticky .kraken-post__inner .kraken-post__col--02 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sticky .kraken-post-title {font-size: 3.5rem !important;} 

.blog article:not(.sticky) {
    background-color: #ffffff;
    background-image: url("https://chancespr.ca/wp-content/uploads/2025/12/blog-post-bg-lg.webp");
    background-repeat: no-repeat;
    background-size: 180% auto;
    background-position: bottom center;

    .kraken-post__col--01 {
        overflow: hidden;
        img {
            border-top-left-radius: 30px;
            border-top-right-radius: 30px;
        }
    }
}
.blog .kraken-post {
    img {
        transform: scale(1);
        transition: all 1s ease-in-out;
    }
} 
.blog .kraken-post:hover {
    img {
        transform: scale(1.05) !important;
    }
}

.kraken-post {
    /* --kraken-framework-post-title-font-size: 2rem; */
    --kraken-framework-post-title-margin: 0 0 1rem 0;
    --kraken-framework-post-date-font-size: clamp(0.8rem, 0.95rem + 0.5vw, 0.8rem);
    --kraken-framework-post-col-02-padding: 1rem 1rem 1rem 1rem;
    --kraken-framework-post-col-02-padding-sm: 1rem 2rem 1rem 2rem;
    --kraken-framework-post-col-02-padding-md: 2rem 2rem 1rem 2rem;

    border-radius: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

    .kraken-post-link__link {
        display: inline-block;
        padding: 0.5rem 1rem;
        background-color: white;
        border: 2px solid var(--kraken-framework-accent-color);
        color: var(--kraken-framework-accent-color);
        font-weight: 700;
        font-size: 0.9rem;
        margin-top: 0;
    }

    .kraken-post__col--01 {
        border-top-left-radius: 30px !important;
        border-bottom-left-radius: 0px !important;
        border-top-right-radius: 30px !important;
        border-bottom-right-radius: 0px !important;
    }
}

:root {
    --kraken-framework-single-post-title-font-size: clamp(2rem, 3.3333vw + 1.3333rem, 4rem);
}










/********************/
/** Code from GIST **/

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

/* -- Post Styles -- */
/* .kraken-post {
    --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-post__footer {display: none; visibility: hidden;}
} */

/* @media (min-width: 767px) {
    .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) {
    .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 -- */
/* .sticky {
    --kraken-framework-post-width: 100%;
    --kraken-framework-post-display: flex;
    --kraken-framework-post-col-01-width: 33.3%;
    --kraken-framework-post-col-02-width: 66.6%;

    background-color: #ffffff;
    background-image: url("https://chancespr.ca/wp-content/uploads/2025/12/blog-post-bg-lg.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 100% 5%;

    .kraken-post__title {
        font-size: clamp(2rem, 3.3333vw + 1.3333rem, 4rem);
    }

    .kraken-post__col--01 {
        overflow: hidden;
        border-top-left-radius: 30px !important;
        border-bottom-left-radius: 30px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;

        img {
            border-top-left-radius: 30px !important;
            border-bottom-left-radius: 30px !important;
            border-top-right-radius: 0px !important;
            border-bottom-right-radius: 0px !important;
        }
    }

    .kraken-post__col--02 {
        justify-content: center;
    }
} */

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

/* @media (max-width: 991px) {
    .sticky {
        background-position: 100% 100% !important;
    }
} */





/*==============================
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);
            text-decoration: none;
        }
    }

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

    .kraken-navigation--secondary .menu-item a:hover {
        text-decoration: none;
    }

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

        &.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;
}


.kraken-navigation__list.kraken-navigation__list--primary > li.menu-item a:hover {
    text-decoration: none;
}

/* 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: -1px;
    height: 8px;
    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: -1px;
    height: 8px;
    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 - 2026 ***/
/***********************/

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

.footer-bclc a {
    display: flex; 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center;
}

@media only screen and (max-width: 725px) {
    .footer-bclc img {height: 25px !important;}
}

@media only screen and (max-width: 550px) {
    .footer-bclc img {height: 15px !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 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, #gform_submit_button_2 {
    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, #gform_submit_button_2:hover {
    background-color: #db5d37;
    color: #fff;
} 



/* FIXES POST KRAKEN FRAMEWORK UPDATE - 02032026 */

.home-feature-boxes .kt-image-overlay-wrap img.kt-img-overlay, .alignwide .kt-image-overlay-wrap img.kt-img-overlay { height: 100%; }

.kb-google-maps-container iframe {height: 450px !important;}