/* --------------------------------------
   Samson's Classroom CSS (Resources - Articles)
   Created: 1/6/2017
   Authors: Kelly Byrnes
 --------------------------------------- */

/** Active Navbar Icon **/

header .navbar-default #resources:hover {
    color: white;
}

header .navbar-default #resources {
    background: url(../website_assets/home_page_assets/00_nav_bar/resources_icon_white.svg) no-repeat center center;
    background-size: 35px 30px;
    background-position: 50% 25%;
    color: white;
}

@media only screen
and (max-width: 767px)
{   
    header .navbar-default #resources {
        background: url(../website_assets/home_page_assets/00_nav_bar/resources_icon_white.svg) no-repeat center center;
        background-size: 7%;
        background-position: 5% 90%;
        color: white;
    }
}

.login-section {
    margin-top: 90px;
}

.login-section h1 {
    margin-bottom: 0;
}

#signup.btn, #login.btn {
    margin-top: 20px;
}

.hero-link {
    margin-top: 50px;
}

.fa {
    position: absolute;
    top: 12px;
    left: -35px;
    font-size: 2.2em;
}

@media only screen
and (min-width: 1400px)
{
    footer {
        margin-top: 285px;
    }
}