/* Styling for html files in the directory */

#nottingham-logo img{
    height: 40px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 0;
}

nav{
    box-shadow: 0 5px 30px rgba(30,30,30,.1);
    background-color: #f9fbf9;
}

nav .active{
    font-weight: bolder;
}

.nav-link{
    color: #008F11; 
    font-family: 'Cascadia Code', sans-serif;
    margin-left: 20px;
    margin-top: 5px;
}

.nav-link:hover{
    text-decoration: none;
    color: #78C475; 
}

.navbar-brand img{
    width: 20px;
    margin-bottom: 5px;
    margin-left: 20px;
}

.navbar-toggler{
    color: #008F11; 
    font-size: 2em;
}

footer{
    background-color: #f9fbf9;
    box-shadow: 0 -15px 30px rgba(30,30,30,.15);
    width: 100%;
    z-index: 1;
    margin-top: 80px;
}

#footerLinks{
    padding: 3px;
}

#footerLinks a{
    font-family: 'Cascadia Code', sans-serif;
    color: #008F11; 
    font-size: 1.1em;
}

#footerLinks a:hover{
    color: #78C475; 
    text-decoration: none;
}

#footerLinks img{
    width: 20px;
    margin-bottom: 3px;
    margin-right: 5px;
}

@media screen and (max-width: 720px){
    #footerLinks span{
        display: none;
    }

    #footerLinks img{
        width: 28px;
    }
}

.card{
    margin-top: 60px;
    /*box-shadow: 0 8px 10px rgba(0, 143, 17,0.05);*/
    border: 1px #d9d9d9 solid;
}

#main_content .card{
    box-shadow: 5px 10px 25px rgba(0, 143, 17,0.07);
}

.card-header{
    font-family: 'Cascadia Code', sans-serif;
    color: #008F11; 
    font-size: 1.7em;
    text-align: center;
    background-color: #f9fbf9;
    font-weight: bolder;
    letter-spacing: 4.5px;
    border-bottom: 1px #d9d9d9 solid;
    padding: 15px;
    min-height: 50px;
}

.card-body{
    font-family: 'Georgia', sans-serif;
    font-size: 1.1em;
    background-color: #FBFBFB;
}