/* 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 */ /* 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 0.0 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 & 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 10.0 Custom 11.0 Web Fonts END <<< ***/ /*============================== 1.0 GLOBAL ================================*/ /*---------------- Typography ------------------*/ h1, .h1 { --kraken-framework-h1-font-weight: 900; } h2, .h2 { /* --kraken-framework-h2-font-size: clamp(2rem, 4vw, 4rem); */ --kraken-framework-h2-font-weight: 900; --kraken-framework-h2-margin: 2rem 0 1rem 0; } h3, .h3 { --kraken-framework-h3-font-weight: 900; --kraken-framework-h3-margin: 1.25rem 0 1rem 0; } a {font-weight: 700;} /*--------------- Links -----------------*/ /*---------------- Buttons ------------------*/ /*---------------- Utility Classes ------------------*/ strong, .strong { font-weight: 700; } :root { --wp--preset--font-size--medium: 1.6rem; } .wp-block-image { margin: 0; } /*============================== 2.0 HEADER & NAVIGATION ================================*/ /*--------------- Header -----------------*/ .kraken-header { /* Top Bar */ --kraken-framework-header-row-height-top: 0; --kraken-framework-header-row-shrink-height-top: 0; /* Default Header */ --kraken-framework-header-default-mobile-background: var(--kraken-framework-strong-text-color); --kraken-framework-header-default-solid-background: var(--kraken-framework-strong-text-color); --kraken-framework-header-main-background: var(--kraken-framework-strong-text-color); --kraken-framework-header-mobile-background: var(--kraken-framework-strong-text-color); } .kraken-toggle-mobile__bar { background: #ffffff; } /*--------------- Navigation -----------------*/ .kraken-navigation { --kraken-framework-default-desktop-nav-font-weight: 400; } .kraken-navigation--primary { --kraken-framework-nav-link-padding: 8px 25px; --kraken-framework-nav-link-font-size: 1rem; --kraken-framework-nav-link-font-weight: 700; --kraken-framework-nav-link-font-color: #ffffff; --kraken-framework-nav-link-font-hover-color: #ffffff; --kraken-framework-nav-link-font-active-color: #ffffff; --kraken-framework-nav-link-font-focus-color: #ffffff; --kraken-framework-nav-link-background-color: var(--kraken-framework-accent-alt-color); --kraken-framework-nav-link-background-hover-color: var(--kraken-framework-accent-color); --kraken-framework-nav-link-background-active-color: var(--kraken-framework-accent-alt-color); --kraken-framework-nav-link-background-focus-color: var(--kraken-framework-accent-color); a {border: 3px solid var(--kraken-framework-accent-alt-color); transition: border-color 0.1s;} a:hover {border: 3px solid var(--kraken-framework-accent-color);} } .mobile-tel-btn { padding: 5px 15px; color:#ffffff; font-size: 0.8rem; font-weight: 700; background-color: var(--kraken-framework-accent-alt-color); /* border: 3px solid #7dae41; */ text-decoration: none; } .mobile-tel-btn:hover { background-color: var(--kraken-framework-accent-color); } /*============================== 3.0 HERO SECTION & BANNERS ================================*/ .home-hero-container > .kt-row-column-wrap { background-image: url('https://www.colbex.ca/wp-content/uploads/2025/05/colbex-hero-graphic.svg'); background-repeat: no-repeat; background-position: 0% 50%; background-size: auto 100%; background-attachment: scroll; } /* @media only screen and (min-width: 1350px) { .home-hero-container > .kt-row-column-wrap { background-image: url('https://www.colbex.ca/wp-content/uploads/2025/05/colbex-hero-graphic.svg'), url('https://www.colbex.ca/wp-content/uploads/2025/06/colbex-hero-graphic-right.svg'), url('https://www.colbex.ca/wp-content/uploads/2025/06/colbex-hero-graphic-right-bg.svg'); background-repeat: no-repeat, no-repeat, no-repeat; background-position: 0% 50%, 100% 50%, 100% 50%; background-size: auto 100%, auto 100%, auto 125%; background-attachment: scroll, scroll, scroll; } } @media (min-width: 1024px) and (max-width: 1349px) { .home-hero-container {border-right: 130px solid #7DAE41 !important;} .home-hero-container > .kt-row-column-wrap {background-position: 20% 50% !important;} } */ /*============================== 4.0 MAIN CONTENT & LAYOUT ================================*/ /*---------------- Kadence Blocks ------------------*/ /*============================== 5.0 BLOG & POST STYLES ================================*/ /*============================== 6.0 CUSTOM POST TYPES ================================*/ /*============================== 7.0 FOOTER ================================*/ .kraken-footer { --kraken-framework-footer-background: var(--kraken-framework-strong-text-color); --kraken-framework-footer-row-padding-bottom: 1.5rem var(--kraken-framework-site-padding-right) 0.5rem var(--kraken-framework-site-padding-left); --kraken-framework-footer-color: #ffffff; border-top: 5px solid #7dae41; background-image: url(https://www.colbex.ca/wp-content/uploads/2025/05/colbex-hero-graphic.svg); background-size: auto 100%; background-position: center left; background-repeat: no-repeat; .kraken-footer__row--bottom { border-top: 1px solid rgba(255, 255, 255, 0.5) !important; margin-top: 25px; } .kraken-phone-number { --kraken-framework-phone-number-color: var(--kraken-framework-accent-alt-color); --kraken-framework-phone-number-hover-color: var(--kraken-framework-accent-color); --kraken-framework-phone-number-focus-color: var(--kraken-framework-accent-color); } .kraken-email { --kraken-framework-email-link-color: var(--kraken-framework-accent-alt-color); --kraken-framework-email-link-hover-color: var(--kraken-framework-accent-color); --kraken-framework-email-link-focus-color: var(--kraken-framework-accent-color); } } .kraken-navigation--legal { --kraken-framework-nav-link-font-color: #ffffff; } /* .kraken-footer__row--bottom .kraken-footer__col--align-start {flex-grow: 2;} */ .kraken-splash-credit { --kraken-framework-credit-color: #ffffff; --kraken-framework-credit-hover-color: var(--kraken-framework-accent-alt-color);; --kraken-framework-credit-logo-fill: #ffffff; } a.kraken-splash-credit:hover { .kraken-splash-credit__logo-color { fill: var(--kraken-framework-accent-alt-color); } } @media only screen and (max-width: 991px) { .kraken-footer .kraken-logo .kraken-logo__image {margin: 0 auto;} .red-seal img {max-width: 175px !important; margin-top: 2rem;} } /*============================== 8.0 ANIMATION 'COWBELL' ================================*/ /*============================== 9.0 3RD-PARTY PLUGINS ================================*/ /*---------------- Kadence Blocks ------------------*/ /*---------------- Gravity Forms ------------------*/ .grecaptcha-badge { visibility: hidden; } /*============================== 10.0 CUSTOM ================================*/