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

/* GALE BRANDED COLOR PALETTE */
:root {
    --primary:#415569;
    --secondary:#2E798F;
    --yellow:#f1e2ab;
    --grey:#F9F871;
    --green:#99E285;
    --light:#eaeaea;
    --teal:#009FA1;
}

* {
	font-family: "Public Sans", sans-serif;
	background-repeat:no-repeat;
	font-weight:300;
}

#home {
    background-image:url('../assets/home-bg.png');
    background-repeat:no-repeat;
    background-size:cover;
}

.border-15 {
    border-radius:15px;
}

.navbar-nav .nav-link {
    color:#FEFEFE !important;
}

.navbar-nav .nav-link.active {
    background:inherit !important;
    color:#FFF !important;
    border-bottom: 2px solid #FFF;
}

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

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

a:hover {
    cursor:pointer;
}

.bi-trash {
    transition:.5s ease all;
}
.bi-trash:hover {
    background-color:var(--yellow) !important;
}

#page-image {
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:right !important;
    height:100px;
}

.card-img  {
    max-height:100px;
    width:auto;
}
.dropdown-item.active {
    background-color:--var(primary) !important;
    color:#FFF !important;
}

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

/* COLOR PALETTE */

.btn {
    transition:.3s ease all;
}

.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-secondary:hover {
    background-color:var(--primary) !important;
    border-color:var(--primary) !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-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-outline-yellow {
    border-color:#999 !important;
    color:var(--yellow) !important;
    background-color:#111;
}
.btn-outline-yellow:hover  {
    color:#FFF !important;
    background-color:var(--yellow) !important;
}

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

.text-teal {
    color:var(--teal) !important;
}
.bg-teal {
    background-color:var(--teal) !important;
}
.border-teal {
    border-color:var(--teal) !important;
    color:#FFF !important;
}
.btn-teal {
    background-color:var(--teal) !important;
    border-color:var(--teal) !important;
    color:#FFF !important;
}
.btn-outline-teal {
    border-color:#999 !important;
    color:var(--teal) !important;
    background-color:#111;
}
.btn-outline-teal:hover  {
    color:#FFF !important;
    background-color:var(--teal) !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;
}

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

.btn-white {
    border-color:var(--light)!important;
    color:var(--primary) !important;
    background-color:#FFF;
}

.btn-home {
    transition:all .5s ease; 
}
.btn-home:hover {
    background-color:var(--orange) !important;
}

.td-sm {
    width:1%;
}

.table .btn:hover {
    font-weight:bold;
}

.check-lg {
    height:1.2em;
    width:1.2em;
}