@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Public+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');

/* GALE BRANDED COLOR PALETTE */
:root {
    --primary:#1085C2;
    --secondary:#43BBF3;
    --orange:#FA7408;
    --yellow:#F6BE47;
    --grey:#E7EFF1;
}

* {
	font-family:sans-serif;
	background-repeat:no-repeat;
	font-weight:300;
}

body {
	
}

header {
    font-family: 'Comfortaa', cursive;
}

a {
    color:var(--secondary) !important;
}

a:hover {
    cursor:pointer;
}

#welcome {
}

.first {
    color:var(--third); 
    font-size:120%;
}

.nav-link {
    color:#111 !important;
    font-size:16px;
    font-weight:500;
}

.nav-link.active {
    background-color:#f7f9fa !important;
    border-bottom-color: #f7f9fa !important;
}

/* GALE COLOR PALETTE */

.text-primary {
    color:var(--primary) !important;
}
.bg-primary {
    background-color:var(--primary) !important;
}
.border-primary {
    border-color:var(--primary) !important;
}
.btn-primary {
    background-color:var(--primary) !important;
    border-color:#113861 !important;
    color:#FFF !important;
}
.btn-outline-primary {
    border-color:var(--primary) !important;
    color:var(--primary) !important;
    background-color:#FFF;
}
.btn-outline-primary:hover  {
    color:#FFF !important;
    background-color:var(--primary) !important;
}

.text-secondary {
    color:var(--secondary) !important;
}
.bg-secondary {
    background-color:var(--secondary) !important;
}
.btn-secondary {
    background-color:var(--secondary) !important;
    border-color:var(--secondary) !important;
    color:#FFF !important;
}
.border-secondary {
    border-color:var(--secondary) !important;
}
.btn-outline-secondary {
    border-color:var(--secondary) !important;
    color:var(--secondary) !important;
    background-color:#FFF;
}
.btn-outline-secondary:hover  {
    color:#FFF !important;
    background-color:var(--secondary) !important;
}

.text-orange {
    color:var(--orange) !important;
}
.bg-orange {
    background-color:var(--orange) !important;
}
.border-orange {
    border-color:var(--orange) !important;
}
.btn-orange {
    background-color:var(--orange) !important;
    border-color:var(--orange) !important;
    color:#FFF !important;
}
.btn-outline-orange {
    border-color:var(--orange)!important;
    color:var(--orange) !important;
    background-color:#FFF;
}
.btn-outline-orange:hover  {
    color:#FFF !important;
    background-color:var(--orange) !important;
}

.text-yellow {
    color:var(--yellow) !important;
}
.bg-yellow {
    background-color:var(--yellow) !important;
}
.border-yellow {
    border-color:var(--yellow) !important;
    color:#FFF !important;
}
.btn-yellow {
    background-color:var(--yellow) !important;
    border-color:var(--yellow) !important;
    color:#111 !important;
}
.btn-yellow:hover {
    border-color:var(--primary) !important;
}
.btn-outline-yellow {
    border-color:var(--yellow)!important;
    color:var(--yellow) !important;
    background-color:#111;
}
.btn-outline-yellow:hover  {
    color:#111 !important;
    background-color:var(--yellow) !important;
}

.text-grey {
    color:var(--grey) !important;
}
.bg-grey {
    background-color:var(--grey) !important;
}
.border-grey {
    border-color:var(--grey) !important;
    color:#FFF !important;
}
.btn-grey {
    background-color:var(--grey) !important;
    border-color:var(--grey) !important;
    color:#111 !important;
}
.btn-outline-grey {
    border-color:var(--grey)!important;
    color:var(--grey) !important;
    background-color:#111;
}
.btn-outline-grey:hover  {
    color:#FFF !important;
    background-color:var(--grey) !important;
}

