/* 
Theme Name: BMI
Theme URI: https://allteams.co.nz
Description: BMIis a child theme of Hello Elementor, created by Elementor team
Author: AllTeams
Author URI: https://allteams.co.nz/
Template: hello-elementor
Version: 1.0.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

:root, :before, :after, body {

    --adbar:0px;
    --adbar:var(--wp-admin--admin-bar--height, 0px);
    --100vh:100vh;
    --100vh-minus-adbar:calc(100svh - var(--adbar));
    /* Colors: */
    --blue: #002561;
    --dark-blue: #002561;
    --yellow: #FFBF14;
    --white: #FFFFFF;
    --text: #000000;
    --pale-blue: #E0EAF1;
    --pale-yellow: #FEF6D9;
    --pale-grey:#F3F3F3;
    --text-grey: #2E2E2E;
    --outsideWidth:4vw;
    --dblOutsideWidth:calc( var(--outsideWidth) * 2 );
    --tripleOutsideWidth:calc( var(--outsideWidth) * 3 );
    --pageWidth-woContent:calc( var(--dblOutsideWidth) + 30vw );
    --contentWidth:calc( 100vw - var(--pageWidth-woContent) );
    --halfOutsideWidth:calc( var(--outsideWidth) / 2 );
    --quarterOutsideWidth:calc( var(--outsideWidth) / 4 );
    --headingFont:"Libre Baskerville", Sans-serif;
    --headingFontNoClamp:calc(2.5rem + calc(calc(1vw - 7.5px) * 3.5));
    --headingFontClamp:clamp(40px, calc(2.5rem + calc(calc(1vw - 7.5px) * 3.5)), 80px);
    --subheadingFontNoClamp:calc(0.625rem + calc(calc(1vw - 7.5px) * 1.65));
    --subheadingFontClamp:clamp(32px, calc(1.625rem + calc(calc(1vw - 7.68px) * 1.6493)), 45px);
    --libre:"Libre Baskerville";
    
    /* Fonts - Clamp */
    --h1FontClamp:clamp(2.625rem, 2.1726rem + 2.2619vw, 5rem);
    --h2FontClamp:clamp(2.125rem, 2.006rem + 0.5952vw, 2.75rem);
    --h2HomeClamp:clamp(2.75rem, 2.4405rem + 1.5476vw, 4.375rem);
    --h3FontClamp:clamp(1.375rem, 1.2045rem + 0.4545vw, 1.5rem);
    --h4FontClamp:clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem);
    --h5FontClamp:clamp(0.9375rem, 0.9091rem + 0.0758vw, 1rem);
    --h6FontClamp:clamp(1rem, 1.5227rem + 0vw, 1.125rem);
    --pFontClamp:clamp(1rem, 0.9432rem + 0.1515vw, 1.125rem);
    
    /* spacing */
    --verticalPad:clamp(0.625rem, 6.475vw - 2.475rem, 4rem);
    --outsidePad:clamp(0.625rem, 6.475vw - 2.475rem, 4rem);
    --dblOutsidePad:calc( 2 * var(--outsidePad) );
    --tripleOutsidePad:calc( 3 * var(--outsidePad) );
    --fullWidth:calc( 100vw - var(--dblOutsidePad) );
    --singlePad:clamp(0.5rem, 2.374vw - 0.636rem, 1.5rem);
    --gridGap:clamp(0.625rem, 3.264vw - 0.938rem, 2rem); 
    --sidebarPad:16px;
    --totalGap:calc( 23 * var(--gridGap) );
    --borderRad:10px;
    --boxShadow:0px 3px 6px #00000029;
    --zeroInset:0px 0px 0px 0px;
    }       
        
    @media (max-width: 768px) {
        :root {
            --outsidePad: 20px;
            --verticalPad: 40px;
        }
    }