/* 

    Colors 

    #0076C0  Primary
    #003459  Secondary
    #FF9600  Tertiary
    
    #505050  Dark Grey |Helper
    #9E9E9E  Light Grey |Depth
    
    #FFFFFF  White
    #000000  Black 

*/

* {
    font-family: 'Segoe UI', Roboto, sans-serif;
    text-decoration: none !important;
}


/* Background */
.bg-primary { background-color: #0076C0;}
.bg-secondary { background-color: #003459;}
.bg-tertiary { background-color: #FF9600;}
.bg-dgrey { background-color: #505050;}
.bg-lgrey { background-color: #9E9E9E;}
.bg-white { background-color: #FFFFFF;}
.bg-black { background-color: #000000;}


/* Text */
.text-link { color: #0076C0; text-decoration: none !important;}
.text-primary { color: #0076C0; text-decoration: none !important;}
.text-accent { color: #0076C0; text-decoration: none !important;}
.text-secondary { color: #003459; text-decoration: none !important;}
.text-tertiary { color: #FF9600; text-decoration: none !important;}
.text-dgrey { color: #505050; text-decoration: none !important;}
.text-lgrey { color: #9E9E9E; text-decoration: none !important;}
.text-white { color: #FFFFFF; text-decoration: none !important;}
.text-black, .text-black:hover { color: #000000; text-decoration: none !important;}


/* Font-sizing */
.font-75 { font-size: 75%; }
.font-100 { font-size: 100%; }
.font-125 { font-size: 125%; }
.font-150 { font-size: 150%; }
.font-175 { font-size: 175%; }
.font-200 { font-size: 200%; }
.font-225 { font-size: 225%; }
.font-250 { font-size: 250%; }
.font-300 { font-size: 300%; }
.font-400 { font-size: 400%; }
.font-500 { font-size: 500%; }


/* Font-Weight */
.bold400 { font-weight: 400; }
.bold500 { font-weight: 500; }
.bold600 { font-weight: 600; }
.bold700 { font-weight: 700; }
.bold800 { font-weight: 800; }
.bold900 { font-weight: 900; }

/* Badge */
.badge-primary {
    background-color: #0076C0;
    color: #ffffff; 
    text-decoration: none !important;
}

.badge-secondary {
    background-color: #003459;
    color: #ffffff; 
    text-decoration: none !important;
}

.badge-tertiary {
    background-color: #FF9600;
    color: #ffffff; 
    text-decoration: none !important;
}

/* Buttons */
.btn-rounded {
    border-radius: 15px;
}

.btn-primary,
.btn-primary:hover, 
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #0076C0 !important;
    color: #FFFFFF !important;
}

.btn-secondary,
.btn-secondary:hover, 
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
    background-color: #003459 !important;
    color: #FFFFFF !important;
}

.btn-tertiary,
.btn-tertiary:hover, 
.btn-tertiary:active,
.btn-tertiary:visited,
.btn-tertiary:focus {
    background-color: #FF9600 !important;
    color: #000000 !important;
}

.btn-dgrey,
.btn-dgrey:hover, 
.btn-dgrey:active,
.btn-dgrey:visited,
.btn-dgrey:focus {
    background-color: #505050 !important;
    color: #FFFFFF !important;
}

.btn-lgrey,
.btn-lgrey:hover, 
.btn-lgrey:active,
.btn-lgrey:visited,
.btn-lgrey:focus {
    background-color: #9E9E9E !important;
    color: #000000 !important;
}

.btn-white {
    background-color: #FFFFFF !important;
    color: #e0115f !important;
    transition: all 0.5s !important;
}
.btn-white:hover, 
.btn-white:active,
.btn-white:visited,
.btn-white:focus {
    background-color: #e0115f !important;
    color: #ffffff !important;
    transition: all 0.5s !important;
}

.btn-black,
.btn-black:hover, 
.btn-black:active,
.btn-black:visited,
.btn-black:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.btn-outline-green {
    border: 1px solid #e0115f !important;
    color: #e0115f !important;
}


@media only screen and (max-width: 767px) {
    .mobile-only {
        display: block;
    }
    .desktop-only {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .mobile-only {
        display: none;
    }
    .desktop-only {
        display: block;
    }
}