:root {

    @import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
/* 
lightblue: #007cbo 
darkblue: 233675
grey1:  D8E1E6
grey 2  B7C2c8
grey 3 8c979D
grey 4 6e757b
green 22b573 
*/

    /* backgrounds */
    --color-darkblue-bg: #233675 !important;
    --color-lightblue-bg: #D8E1E6 !important;

    /* buttons */
    --color-red: #233675 !important;
    --color-red-btn: #1b2a5c !important;

    /*New colors*/
    --color-text-red: #A5122F !important;
    --color-text-blue: #233675 !important;
    --color-darkblue-fix: #233675 !important;
    --color-text-lightblue:#007CB0;
    --color-text-gray: #6e757b !important;
    --color-text-white: #FFFFFF !important;
    --color-text-black: #000000 !important;
    
    /* DCE Elements */
    --color-dce-intro:#007CB0;


    /* header styling for logo and shield */
    /* logo */    
    .site-logo a{
        text-decoration:none;
    }

    .vlef-logo{
        font-family:"Pacifico";
        font-size:2.5rem;
        font-weight:700;
        color: #007CB0;
        line-height:1.2em;
        text-decoration:none;
    }
    
    @media(max-width:768px){
        .vlef-logo{
            font-size:2rem;
            font-weight:700;
            color: #007CB0;
            line-height:1.2em;
            text-decoration:none;
        }
    }

    /* shield */
    @media(max-width:1200px){
        .vl-shield-img {
          height: 100%;
          display: flex;
          margin-top: 12px;
        }
    }
}