/*
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.11.1
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Copyright: (c) Splash Media Group
Tags: blog,accessibility-ready,custom-menu,featured-images,footer-widgets,theme-options,translation-ready
Text Domain: kraken-framework
*/

:root {
    /* -- Header -- */
    --kf-header-max-width: 100%;
    --kf-header-padding: 0;
    --kf-header-inner-max-width: 100%;
    --kf-header-inner-padding: 0;
    --kf-header-row-max-width: 100%;

    /* -- Main -- */
    --kf-main-inner-padding-top: var(--kf-page-padding-top);
    --kf-main-inner-padding-bottom: var(--kf-page-padding-bottom);
    --kf-main-inner-padding-left: var(--kf-global-padding-left);
    --kf-main-inner-padding-right: var(--kf-global-padding-right);
    --kf-entry-header-max-width: var(--kf-max-width);
    --kf-entry-content-max-width: var(--kf-max-width);
    --kf-entry-footer-max-width: var(--kf-max-width);

    /* -- Footer -- */
    --kf-footer-max-width: 100%;
    --kf-footer-padding: 0;
    --kf-footer-inner-max-width: 100%;
    --kf-footer-inner-padding: 0;
    --kf-footer-row-max-width: 100%;

    /* -- Card -- */
    --kf-post-padding: 1.5rem;
    --kf-post-border-radius: 0.5rem;

    /* - Post Image - */
    --kf-post-image-border-radius: 0.3rem;
    --kf-post-image-margin: 0 0 1.5rem 0;
    --kf-post-image-padding: 0;

    /* - Excerpt - */
    --kf-post-excerpt-margin: 0 0 1rem 0;
    --kf-post-excerpt-padding: 0;

    /* - Tags - */
    --kf-tag-label-font-size: 0.8rem;
    --kf-tag-label-font-weight: 700;
    --kf-tag-padding: 0.2rem 0.5rem;

    /* - Categories - */
    --kf-categories-padding: 0.2rem 0.5rem;
    --kf-categories-border: 1px solid var(--kf-border);
    --kf-categories-border-radius: 0.5rem;
    --kf-categories-font-size: 0.7rem;
    --kf-categories-line-height: 1.1;

    /* - Single Image - */
    --kf-single-post-image-aspect-ratio: 900 / 506;
    --kf-single-post-image-margin: 1.5rem 0 1.5rem 0;
    --kf-single-post-image-padding: 0;
    --kf-single-post-image-border-radius: 0.3rem;

    /* Post Navigation */
    --kf-post-navigation-padding: 0.3rem 0.9rem;
    --kf-post-navigation-border-radius: 0.3rem;

    /* Address */
    --kf-address-padding: 0.3rem 0;

    /* Phone */
    --kf-phone-padding: 0;

    /* Email */
    --kf-email-padding: 0;

    /* Splash Credit */
    --kf-splash-credit-font-size: 0.8rem;
}

.kf-navigation--mobile {
    /* Navigation */
    --kf-navigation-display: flex;
    --kf-navigation-flex-direction: column;
    --kf-navigation-flex-gap: 1rem;
    --kf-navigation-flex-justify: flex-start;
    --kf-navigation-link-align: flex-start;
    --kf-navigation-link-padding: 0.5rem 0.5rem;
    --kf-navigation-link-margin: 0;

    /* Sub Navigation */
    --kf-navigation-subnav-flex-direction: column;
    --kf-navigation-subnav-flex-justify: flex-start;
    --kf-navigation-subnav-link-align: flex-start;
    --kf-navigation-subnav-flex-gap: 1rem;
    --kf-navigation-subnav-position: relative;
    --kf-navigation-subnav-top: unset;
    --kf-navigation-subnav-left: unset;
    --kf-navigation-subnav-subnav-top: unset;
    --kf-navigation-subnav-subnav-left: unset;
    --kf-navigation-subnav-width: 100%;
    --kf-navigation-subnav-margin: 1rem 0 0 0;
    --kf-navigation-subnav-link-padding: 0.3rem 0.5rem;
    --kf-navigation-subnav-link-margin: 0;
    --kf-navigation-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
    --kf-navigation-caret-width: 25px;
    --kf-navigation-caret-height: 25px;
    --kf-navigation-caret-margin: auto;
}

.kf-navigation--hamburger {
    /* Navigation */
    --kf-navigation-display: flex;
    --kf-navigation-flex-direction: column;
    --kf-navigation-flex-gap: 1rem;
    --kf-navigation-flex-justify: flex-start;
    --kf-navigation-link-align: flex-start;
    --kf-navigation-link-padding: 0.5rem 0.5rem;
    --kf-navigation-link-margin: 0;

    /* Sub Navigation */
    --kf-navigation-subnav-flex-direction: column;
    --kf-navigation-subnav-flex-justify: flex-start;
    --kf-navigation-subnav-link-align: flex-start;
    --kf-navigation-subnav-flex-gap: 1rem;
    --kf-navigation-subnav-position: relative;
    --kf-navigation-subnav-top: unset;
    --kf-navigation-subnav-left: unset;
    --kf-navigation-subnav-subnav-top: unset;
    --kf-navigation-subnav-subnav-left: unset;
    --kf-navigation-subnav-width: 100%;
    --kf-navigation-subnav-margin: 1rem 0 0 0;
    --kf-navigation-subnav-link-padding: 0.3rem 0.5rem;
    --kf-navigation-subnav-link-margin: 0;
    --kf-navigation-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
    --kf-navigation-caret-width: 25px;
    --kf-navigation-caret-height: 25px;
    --kf-navigation-caret-margin: auto;
}

.kf-navigation--primary {
    /* Navigation */
    --kf-navigation-display: flex;
    --kf-navigation-flex-direction: row;
    --kf-navigation-flex-gap: 1rem;
    --kf-navigation-flex-justify: flex-start;
    --kf-navigation-link-align: center;
    --kf-navigation-link-padding: 0.5rem 0.5rem;
    --kf-navigation-link-margin: 0;

    /* Sub Navigation */
    --kf-navigation-subnav-flex-direction: column;
    --kf-navigation-subnav-flex-justify: flex-start;
    --kf-navigation-subnav-link-align: flex-start;
    --kf-navigation-subnav-flex-gap: 0.5rem;
    --kf-navigation-subnav-position: absolute;
    --kf-navigation-subnav-top: 100%;
    --kf-navigation-subnav-left: 0;
    --kf-navigation-subnav-subnav-top: 0;
    --kf-navigation-subnav-subnav-left: 100%;
    --kf-navigation-subnav-width: 200px;
    --kf-navigation-subnav-margin: 0;
    --kf-navigation-subnav-link-padding: 0.3rem 0.5rem;
    --kf-navigation-subnav-link-margin: 0;
    --kf-navigation-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
    --kf-navigation-caret-width: 16px;
    --kf-navigation-caret-height: 16px;
    --kf-navigation-caret-margin: auto;
}

.kf-navigation--secondary {
    /* Navigation */
    --kf-navigation-display: flex;
    --kf-navigation-flex-direction: row;
    --kf-navigation-flex-gap: 1rem;
    --kf-navigation-flex-justify: flex-start;
    --kf-navigation-link-align: center;
    --kf-navigation-link-padding: 0.5rem 0.5rem;
    --kf-navigation-link-margin: 0;

    /* Sub Navigation */
    --kf-navigation-subnav-flex-direction: column;
    --kf-navigation-subnav-flex-justify: flex-start;
    --kf-navigation-subnav-link-align: flex-start;
    --kf-navigation-subnav-flex-gap: 0.5rem;
    --kf-navigation-subnav-position: absolute;
    --kf-navigation-subnav-top: 100%;
    --kf-navigation-subnav-left: 0;
    --kf-navigation-subnav-subnav-top: 0;
    --kf-navigation-subnav-subnav-left: 100%;
    --kf-navigation-subnav-width: 200px;
    --kf-navigation-subnav-margin: 0;
    --kf-navigation-subnav-link-padding: 0.3rem 0.5rem;
    --kf-navigation-subnav-link-margin: 0;
    --kf-navigation-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
    --kf-navigation-caret-width: 16px;
    --kf-navigation-caret-height: 16px;
    --kf-navigation-caret-margin: auto;
}

.kf-navigation--footer {
    /* Navigation */
    --kf-navigation-display: flex;
    --kf-navigation-flex-direction: column;
    --kf-navigation-flex-gap: 0.5rem;
    --kf-navigation-flex-justify: center;
    --kf-navigation-link-align: center;
    --kf-navigation-link-padding: 0.3rem 0;
    --kf-navigation-link-margin: 0;

    /* Sub Navigation */
    --kf-navigation-subnav-flex-direction: column;
    --kf-navigation-subnav-flex-justify: flex-start;
    --kf-navigation-subnav-link-align: flex-start;
    --kf-navigation-subnav-flex-gap: 0.5rem;
    --kf-navigation-subnav-position: absolute;
    --kf-navigation-subnav-top: 100%;
    --kf-navigation-subnav-left: 0;
    --kf-navigation-subnav-subnav-top: 0;
    --kf-navigation-subnav-subnav-left: 100%;
    --kf-navigation-subnav-width: 200px;
    --kf-navigation-subnav-margin: 0;
    --kf-navigation-subnav-link-padding: 0.3rem 0.5rem;
    --kf-navigation-subnav-link-margin: 0;
    --kf-navigation-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
    --kf-navigation-caret-width: 16px;
    --kf-navigation-caret-height: 16px;
    --kf-navigation-caret-margin: auto;
}

.kf-navigation--legal {
    /* Navigation */
    --kf-navigation-display: flex;
    --kf-navigation-flex-direction: column;
    --kf-navigation-flex-gap: 0.5rem;
    --kf-navigation-flex-justify: center;
    --kf-navigation-link-align: center;
    --kf-navigation-link-padding: 0.3rem 0.5rem;
    --kf-navigation-link-margin: 0;

    /* Sub Navigation */
    --kf-navigation-subnav-flex-direction: column;
    --kf-navigation-subnav-flex-justify: flex-start;
    --kf-navigation-subnav-link-align: flex-start;
    --kf-navigation-subnav-flex-gap: 0.5rem;
    --kf-navigation-subnav-position: absolute;
    --kf-navigation-subnav-top: 100%;
    --kf-navigation-subnav-left: 0;
    --kf-navigation-subnav-subnav-top: 0;
    --kf-navigation-subnav-subnav-left: 100%;
    --kf-navigation-subnav-width: 200px;
    --kf-navigation-subnav-margin: 0;
    --kf-navigation-subnav-link-padding: 0.3rem 0.5rem;
    --kf-navigation-subnav-link-margin: 0;
    --kf-navigation-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10l4 4l4-4'/%3E%3C/svg%3E");
    --kf-navigation-caret-width: 16px;
    --kf-navigation-caret-height: 16px;
    --kf-navigation-caret-margin: auto;
}

.kf-header {
    /* Phone */
    --kf-phone-padding: 0 0.3rem 0 0;

    /* Email */
    --kf-email-padding: 0 0 0 0.3rem;

}

.kf-footer {
    /* Address */
    --kf-address-padding: 0.3rem 0;

    /* Phone */
    --kf-phone-padding: 0.3rem 0;

    /* Email */
    --kf-email-padding: 0.3rem 0;
}

@media (min-width: 992px) {
    :root {
        /* Splash Credit */
        --kf-splash-credit-font-size: 0.8rem;
    }

    .kf-navigation--footer {
        /* Navigation */
        --kf-navigation-flex-justify: flex-start;
        --kf-navigation-flex-gap: 0;
    }

    .kf-navigation--legal {
        /* Navigation */
        --kf-navigation-display: flex;
        --kf-navigation-flex-direction: row;
        --kf-navigation-flex-justify: flex-start;
        --kf-navigation-flex-gap: 1rem;
        --kf-navigation-link-padding: 0.5rem 0.5rem;
    }
}


/*******************/
/* HEADER ADDRESS  */
/*******************/

/* MOBILE */
.mobile-address {
    color: #414042;
    font-weight: 600;
    line-height: 1.1;
    /* text-transform: uppercase; */
    font-size: 0.7rem;
    text-align: right;
    letter-spacing: 1px;
}

/* DESKTOP */
.desktop-address {
    color: #fff;
    font-weight: 600;
    line-height: 1.1;
    font-size: 0.9rem;
    margin-right: 1.5rem;
}

/***********************/
/* FOOTER SOCIAL LINKS */
/***********************/
.kf-social-media--footer .kf-social-media__list .kf-social-media__item .kf-social-media__link {
    width: inherit;
    height: inherit;
    padding: 0;
}



/******************/
/* LOGO CONTAINER */
/******************/
.logo-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3.5rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;

    figure {
        width: auto;
        height: 175px;
        margin: 0;
    }
}



/***********************************/
/* KADENCE BLOCKS BREAKOUT CONTENT */
/***********************************/

/* Custom breakout column adjustment for Kadence two-column layouts */
@media (min-width: 1025px) and (max-width: 1440px) {
   .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) - (0px * 2))) / 2)* -1) + -1px);
   }
}

@media (min-width: 1025px) and (max-width: 1440px) {
   .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) - (0px * 2))) / 2)* -1) + -1px);
   }
}




/* ////////////////////////////////////////// */
/*                                            */
/*              FADE-IN ANIMATIONS            */
/*                                            */
/* ////////////////////////////////////////// */

.animate {
    opacity: 0;
    transition:
        opacity 1s ease,
        transform 1s ease;
}

.animate.in-view {
    opacity: 1;
    transform: translate(0, 0);
}

.fade-left {
    transform: translateX(-60px);
}

.fade-right {
    transform: translateX(60px);
}

.fade-up {
    transform: translateY(60px);
}

.fade-down {
    transform: translateY(-60px);
}

.delay-1 {
    transition-delay: 0.1s;
}

.delay-2 {
    transition-delay: 0.2s;
}

.delay-3 {
    transition-delay: 0.3s;
}

.delay-4 {
    transition-delay: 0.4s;
}





/* Firefox / no scroll-driven animation fallback.
   CSS cannot track scroll position here, so transparent fixed headers use the
   final transparent-scroll colors immediately while hide/shrink motion stays off. */
@supports not (animation-timeline: scroll()) {
  @media (min-width: 992px) {
    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent {
      --kf-header-row-top-effective-background-color: var(--kf-header-row-top-background-transparent-scroll-color);
      --kf-header-row-main-effective-background-color: var(--kf-header-row-main-background-transparent-scroll-color);
      --kf-header-row-bottom-effective-background-color: var(--kf-header-row-bottom-background-transparent-scroll-color);
      --kf-header-row-top-effective-text-color: var(--kf-header-row-top-text-transparent-scroll-color);
      --kf-header-row-main-effective-text-color: var(--kf-header-row-main-text-transparent-scroll-color);
      --kf-header-row-bottom-effective-text-color: var(--kf-header-row-bottom-text-transparent-scroll-color);
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header,
    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header__row,
    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header__row-inner,
    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-logo {
      animation: none !important;
      transform: none !important;
      will-change: auto !important;
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-navigation--primary {
      --kf-navigation-link-font-color: var(--kf-primary-navigation-transparent-scroll-font-color);
      --kf-navigation-link-hover-font-color: var(--kf-primary-navigation-transparent-scroll-hover-font-color);
      --kf-navigation-link-focus-font-color: var(--kf-primary-navigation-transparent-scroll-focus-font-color);
      --kf-navigation-active-font-color: var(--kf-primary-navigation-transparent-scroll-active-font-color);
      --kf-navigation-submenu-toggle-font-color: var(--kf-primary-navigation-transparent-scroll-caret-font-color);
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-navigation--secondary {
      --kf-navigation-link-font-color: var(--kf-secondary-navigation-transparent-scroll-font-color);
      --kf-navigation-link-hover-font-color: var(--kf-secondary-navigation-transparent-scroll-hover-font-color);
      --kf-navigation-link-focus-font-color: var(--kf-secondary-navigation-transparent-scroll-focus-font-color);
      --kf-navigation-active-font-color: var(--kf-secondary-navigation-transparent-scroll-active-font-color);
      --kf-navigation-submenu-toggle-font-color: var(--kf-secondary-navigation-transparent-scroll-caret-font-color);
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-navigation--hamburger #kf-hamburger__toggle--open .kf-toggle-hamburger__bar {
      background: var(--kf-hamburger-navigation-toggle-transparent-scroll-bar-color);
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-navigation--hamburger #kf-hamburger__toggle--open:hover .kf-toggle-hamburger__bar {
      background: var(--kf-hamburger-navigation-toggle-transparent-scroll-bar-hover-color);
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-navigation--hamburger #kf-hamburger__toggle--open:focus .kf-toggle-hamburger__bar {
      background: var(--kf-hamburger-navigation-toggle-transparent-scroll-bar-focus-color);
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header .kf-phone-number__link {
      color: var(--kf-phone-header-transparent-scroll-font-color, var(--kf-phone-header-font-color));
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header .kf-phone-number__link:is(:hover, :focus) {
      color: var(--kf-phone-header-transparent-scroll-hover-font-color, var(--kf-phone-header-hover-font-color));
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header .kf-email__link {
      color: var(--kf-email-header-transparent-scroll-font-color, var(--kf-email-header-font-color));
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header .kf-email__link:is(:hover, :focus) {
      color: var(--kf-email-header-transparent-scroll-hover-font-color, var(--kf-email-header-hover-font-color));
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header .kf-address__item {
      color: var(--kf-address-header-transparent-scroll-font-color, var(--kf-address-header-font-color));
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-social-media--header {
      --kf-share-font-color: var(--kf-header-social-scroll-color);
      --kf-share-hover-font-color: var(--kf-header-social-scroll-hover-color);
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header__inner--desktop .kf-header__row--main .kf-header__column--start {
      display: grid;
      align-items: center;
      justify-items: start;
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header__inner--desktop .kf-logo {
      grid-area: 1 / 1;
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header__inner--desktop .kf-logo--default {
      display: block;
      opacity: 1;
      visibility: visible;
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header__inner--desktop .kf-logo--transparent,
    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header__inner--desktop .kf-logo--shrink,
    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header__inner--desktop .kf-logo--shrink-transparent {
      display: none;
      opacity: 0;
      visibility: hidden;
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header__inner--desktop .kf-logo--transparent-scroll {
      display: block;
      opacity: 1;
      visibility: visible;
    }

    body.kf-header-position-desktop-fixed.kf-header-type-desktop-transparent .kf-header__inner--desktop .kf-header__column--start:has(.kf-logo--transparent-scroll) .kf-logo--default {
      opacity: 0;
      visibility: hidden;
    }
  }

  @media (max-width: 992px) {
    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent {
      --kf-header-row-top-effective-background-color: var(--kf-header-row-top-background-transparent-scroll-color);
      --kf-header-row-main-effective-background-color: var(--kf-header-row-main-background-transparent-scroll-color);
      --kf-header-row-bottom-effective-background-color: var(--kf-header-row-bottom-background-transparent-scroll-color);
      --kf-header-row-top-effective-text-color: var(--kf-header-row-top-text-transparent-scroll-color);
      --kf-header-row-main-effective-text-color: var(--kf-header-row-main-text-transparent-scroll-color);
      --kf-header-row-bottom-effective-text-color: var(--kf-header-row-bottom-text-transparent-scroll-color);
    }

    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-header,
    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-header__row,
    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-header__row-inner,
    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-logo {
      animation: none !important;
      transform: none !important;
      will-change: auto !important;
    }

    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-navigation--primary {
      --kf-navigation-link-font-color: var(--kf-primary-navigation-transparent-scroll-font-color);
      --kf-navigation-link-hover-font-color: var(--kf-primary-navigation-transparent-scroll-hover-font-color);
      --kf-navigation-link-focus-font-color: var(--kf-primary-navigation-transparent-scroll-focus-font-color);
      --kf-navigation-active-font-color: var(--kf-primary-navigation-transparent-scroll-active-font-color);
      --kf-navigation-submenu-toggle-font-color: var(--kf-primary-navigation-transparent-scroll-caret-font-color);
    }

    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-navigation--secondary {
      --kf-navigation-link-font-color: var(--kf-secondary-navigation-transparent-scroll-font-color);
      --kf-navigation-link-hover-font-color: var(--kf-secondary-navigation-transparent-scroll-hover-font-color);
      --kf-navigation-link-focus-font-color: var(--kf-secondary-navigation-transparent-scroll-focus-font-color);
      --kf-navigation-active-font-color: var(--kf-secondary-navigation-transparent-scroll-active-font-color);
      --kf-navigation-submenu-toggle-font-color: var(--kf-secondary-navigation-transparent-scroll-caret-font-color);
    }

    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-navigation--hamburger #kf-hamburger__toggle--open .kf-toggle-hamburger__bar {
      background: var(--kf-hamburger-navigation-toggle-transparent-scroll-bar-color);
    }

    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-header .kf-phone-number__link {
      color: var(--kf-phone-header-transparent-scroll-font-color, var(--kf-phone-header-font-color));
    }

    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-header .kf-email__link {
      color: var(--kf-email-header-transparent-scroll-font-color, var(--kf-email-header-font-color));
    }

    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-header .kf-address__item {
      color: var(--kf-address-header-transparent-scroll-font-color, var(--kf-address-header-font-color));
    }

    body.kf-header-position-mobile-fixed.kf-header-type-mobile-transparent .kf-social-media--header {
      --kf-share-font-color: var(--kf-header-social-scroll-color);
      --kf-share-hover-font-color: var(--kf-header-social-scroll-hover-color);
    }
  }
}