/* Import Fonts */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Rubik&display=swap');

/* Background Colours */

.bg-color-title {
    background-color: #F8FBFB;
}

.bg-color-footer {
    background-color: #247BA0;
}

.bg-color-main {
    background-color: #f8f8f8b0;
}

.bg-color-nav {
    background-color: #f8fbfb;
}

/* Special Formatting */

.uppercase {
    text-transform:uppercase;
}

h1,h2,h3,h4,h5 {
    margin:0;
    color: #74b3d8;
    font-family: 'Roboto-Condensed', sans-serif;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    
}

/* Title */

#title-heading {
    margin-top:75px; /* These margins change based on display size also, see "Media Queries" at end of file */
    margin-bottom: 20px;
    letter-spacing: 1.5px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 800;
    color: #1B98E0;
}

.header {
    margin:0;
}

/* Navigation */

/* SIDEBAR CONFIGURATION FOR LARGER RESOLUTIONS */

.sidebar {
    position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 padding:0;
 z-index: 1; /*ON TOP OF FOOTER & CONTENT*/
 box-shadow: inset -10px 0 0 rgba(0, 0, 0, .1);
}

.sidebar > ul > li > a {
    height:100%;
    text-decoration: none;
    color: #799db1;
}

.sidebar > ul > li a:hover {
    background-color: #FF8811;
    color: #F8FBFB;
}

.card {
    width:100%;
    word-wrap:inherit;
    }

#resources, #resources > div {
    height:100%;
    color: #799db1;
    padding-top:10px;    
}

#resources > div > ul {
    list-style-type: none;
    padding:0;
}

#resources > div > ul > li > a {
    text-decoration:none
}

/* 'BURGER' NAVIGATION CONFIGURATION FOR SMALLER RESOLUTIONS */

.burger-nav {
    height:100vh;
}

.burger-nav > ul > li > a {
    text-decoration: none;
    color: #FF8811;
    font-size:25px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.burger-nav > ul > li > .active {
background-color:#FF8811;
}

.burger-nav > ul > li > .active span {
    color: #F8FBFB;
}


/* Main Body */

/* CONSISTENT STYLE ON INFORMATION SECTIONS */

.info-section {
    border: solid #BBDEF0;
    border-width: 2px 0 2px 0;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    min-height: 100vh;
}

img {
    max-width:100%; 
    height:auto;
}


.bordered {
    border-style:solid;
    border-width:3px;
    border-color: #BBDEF0;
}

p {
    margin-top: 40px;
    margin-bottom: 40px;
}

#maintenance-section > .row {
    min-height:100vh;
}

#additional-resources-list {
    list-style-type: none;
}

#additional-resources-list > li {
    text-align: center;
}

/* Footer */

footer {
    color:#F8FBFB;
    font-family: 'Rubik', sans-serif;
}

#copyright {
    font-size:14px;
}

/* Media Queries */ 

/* MARGINS ADDED WHEN RESOLUTION IS INCREASED */

@media screen and (min-width: 768px) {
    
    #title-heading {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    p {
        margin-left: 40px;
        margin-right: 40px;
        }
    .info-section > .row > div > ul {
        margin-left: 40px;
        margin-right: 40px;
    }
    #copyright {
        margin-left: 50vw;
    }
    #share {
        margin-right:10px;
    }
    #additional-resources-section {
        display: none
    }
    html {
        scroll-behavior: smooth;
    }
  }