/**
     * Bot: Raven CLI
     * Blueprint: Falkor 2.44
     * Date: Mon Jan 20 2025 15:28:08 GMT+0200 (South Africa Standard Time)
     */

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

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

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


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

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

    :root {
        --primary-color: #3DA4C4;
        --primary-light-color: #5bc2e2;
        --primary-dark-color: #1f86a6;

        --secondary-color: #55B8E0;
        --secondary-light-color: #73d6fe;
        --secondary-dark-color: #379ac2;

        --accent-color: #434343;
        --accent-light-color: #616161;
        --accent-dark-color: #252525;

        --dark-color: #1D1E1E;
        --dark-light-color: #3b3c3c;
        --dark-dark-color: #000000;

        --body-font: Roboto-300;
        --body-bold-font: Roboto-700;

        --h1-font: Roboto-500;
        --h1-bold-font: Roboto-700;

        --h2-font: Roboto-500;
        --h2-bold-font: Roboto-700;

        --h3-font: Roboto-500;
        --h3-bold-font: Roboto-500;

        --h4-font: Roboto-500;
        --h4-bold-font: Roboto-500;

        --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%;}