/**
     * Bot: Raven CLI
     * Blueprint: Falkor 2.45
     * Date: Thu Jul 10 2025 20:24:14 GMT+0200 (South Africa Standard Time)
     */

    /*===================================================
    // FONTS
    /==================================================*/

    /* Body */
    @font-face {
        font-family: 'Kumbh Sans-regular';
        src:url('fonts/Kumbh Sans-regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'Kumbh Sans-700';
        src:url('fonts/Kumbh Sans-700.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    /* Heading */
    @font-face {
        font-family: 'Kumbh Sans-800';
        src:url('fonts/Kumbh Sans-800.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    


    /* Sub-Heading */
    @font-face {
        font-family: 'Kumbh Sans-600';
        src:url('fonts/Kumbh Sans-600.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'Kumbh Sans-700';
        src:url('fonts/Kumbh Sans-700.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    
    /*===================================================
    // CSS CUSTOM PROPERTIES
    /==================================================*/

    :root {
        --primary-color: #027185;
        --primary-light-color: #208fa3;
        --primary-dark-color: #005367;

        --secondary-color: #0093a4;
        --secondary-light-color: #1eb1c2;
        --secondary-dark-color: #007586;

        --accent-color: #ee6744;
        --accent-light-color: #ff8562;
        --accent-dark-color: #d04926;

        --dark-color: #162b41;
        --dark-light-color: #34495f;
        --dark-dark-color: #000d23;

        --body-font: Kumbh Sans-regular;
        --body-bold-font: Kumbh Sans-700;

        --h1-font: Kumbh Sans-800;
        --h1-bold-font: Kumbh Sans-800;

        --h2-font: Kumbh Sans-800;
        --h2-bold-font: Kumbh Sans-800;

        --h3-font: Kumbh Sans-600;
        --h3-bold-font: Kumbh Sans-600;

        --h4-font: Kumbh Sans-600;
        --h4-bold-font: Kumbh Sans-600;

        --font-fallback: sans-serif;

    }
                
	
    /*===================================================
    // CUSTOM THEME
    /==================================================*/	
    
    body{font:15px/1.5em var(--body-font),var(--font-fallback); color:#2d2d2d}
    h1{font-family:var(--h1-font),var(--font-fallback); font-weight:normal}
    
    .large-heading,
    .toolbar-huge > .toolbar-center{font-family:var(--h1-font),var(--font-fallback); font-size:240%;font-weight:normal;}
    
    h2{font-family:var(--h2-font),var(--font-fallback); font-weight:normal}
    p{font:15px/21px var(--body-font),var(--font-fallback); color:#2d2d2d}
    
    h3{ font-size:130%; font-family:var(--h3-font),var(--font-fallback); font-weight: normal}

    a{color:#2d2d2d;}

    .story-button,strong,b,form label,.fieldset-title,.toolbar-text,.footer-button,.button,.toolbar-center,.toolbar-huge.visible .toolbar-center,.story-title{font-weight:normal; font-family:var(--body-bold-font),var(--font-fallback);}
    .page-skip-icon strong{font-weight:normal; font-family:var(--body-bold-font),var(--font-fallback)!important;}
    

    .inputs:focus ~ .placeholder-label,
    .inputs:valid ~ .placeholder-label,
    .tiny-label{
        font-weight:normal; font-family:var(--body-bold-font),var(--font-fallback)!important;
    }
    

    /*===================================================
    // GRAPHIC ASSETS
    /==================================================*/	

    #background-stage{background:#fff url(images/app-start.png) center center no-repeat; background-size:auto 100%; background-position:top center; background-attachment:scroll;}

    .sign-in-graphic{position: fixed; right: 0; top: 0; bottom: 0; left: 0;}

    .menu-logo{background: url(images/ui-icon.png) center center no-repeat; background-size:100%}
    .bg-dark .menu-logo{background-image: url(images/ui-icon-white.png)}
    .signin-logo{background: url(images/ui-icon.png) center center no-repeat; background-size:100%; margin:30px auto}

    .icon-logo{background: url(images/ui-icon.png) center center no-repeat; background-size:100%;}
    .icon-logo.white{background: url(images/ui-icon-white.png) center center no-repeat; background-size:100%;}
    
    .app-icon{background: url(images/android-icon.png) center center no-repeat; background-size:100%;}