@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");

. {
    font-family: 'Roboto Slab', serif;
}

/* FEL BRANDED COLOR PALETTE */
:root {
    --primary:#273092;
    --secondary:#2275af;
    --third:#33c0fe;
    --green:#0e4a20;
    --red:#da111c;
    --orange:#de7521;
    --yellow:#ffc80c;
    --red:#f60813;
    --yellow-light:#fbecb9;
    --blue-light:#bcceda;
    --green-light:#c7e4d7;
    --orange-light:#fcf0e6;
}

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

.card-home:hover {
    box-shadow: 0 8px 8px #BBB !important;
}


#subjects .nav-link {
    color:var(--secondary) !important;
}

#subjects .nav-link:hover {
    background-color:#EEE !important;
}

#subjects .nav-link.active {
    background-color:var(--secondary) !important;
    border-color:var(--secondary) !important;
    color:#FFF !important;
}

#subjects .nav-link.hover {
    background-color:#EEE !important;
}

#nav .dropdown-menu {
    width:400px;
}

#nav .dropdown-item:active {
    background-color:#EEE !important;
}

#nav .nav-link {
    transition:.2s all ease;
}
#nav .nav-link:hover {
    border-bottom:2px solid var(--yellow) !important;
}

.nav-tabs .nav-link {
    color:var(--secondary) !important;
}
.nav-tabs .nav-link.active {
    color:var(--primary) !important;
}

#nav .dropdown:hover .dropdown-menu {
  display: block;
}

#home {
    background-repeat:no-repeat;
    background-position:right top;
}

#content {
    background-repeat:no-repeat;
    position:bottom
}

.card-topic-header {
    background-repeat:no-repeat;
    background-size: 100%;
    height:150px;
    transition:all .3s ease !important;
}
.card-topic-header:hover {
    background-size:120%;
}

#ebook-cards .card {
    transition:.3s ease all;
}
#ebook-cards .card:hover {
    background-color:var(--orange-light) !important;
}

.navbar-toggler {
    color:#FFF !important;
    border:none !important;
}

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

.btn-light {
    border:1px solid #AAA !important;
}

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

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

.btn-orange:hover {
    background-color:var(--yellow) !important;
    border-color:var(--yellow) !important;
    color:var(--primary) !important;
}

#page-bg {
    background-repeat:no-repeat;
    background-position:bottom right;
    background-size: contain;
}

#content {
    min-height:300px;
}

#nav-home:after {
    content: " |";
    padding-left:10px;
}

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

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

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

.bg-yellow-light {
    background-color:var(--yellow-light) !important;
}
.bg-blue-light {
    background-color:var(--blue-light) !important;
}
.bg-green-light {
    background-color:var(--green-light) !important;
}


a {
    cursor:pointer;
}

.alert {
    margin-top:10px !important;
}

.container {
    max-width:1320px;
}

a .resource:hover h3 {
    text-decoration:underline;
}

.card,.card-header {
    transition:.3s all;
}

#home-options a:hover .card-header {
    background-color:var(--primary) !important;
    color:var(--yellow-light) !important;
}

#home-options a:hover .card {
    border-color:var(--primary) !important;
    color:#FFF !important;
}

/* ===== CONTENT AREA ======= */

#status h5 {
    font-size:16px;
}

.resource img {
    max-width:180px;
}

#modal h2 {
    color:#9f1e40;
}

#header-top {
    font-size:13px;
}

#header-hero img {
    max-width:115px;
}

#header-logo,#header-logo a {
    padding-top:55px;
	font-family:impact;
	line-height:18px;
}

/* MEDIA QUERRIES (md) */
@media only screen and (max-width: 1000px) {
	#home {
		background-image:none !important;
	}
    
    #header-hero p {
        font-size:12px !important;
    }
    
    #header-logo,#header-logo a {
        padding-top:43px;
    }
});