/* --------------------------------------
   Samson's Classroom CSS (Resources > Letters)
   Created: 1/18/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: 15px;
}

#signup.btn {
    background-color: #DF7018;
}

#login.btn {
    background-color: #075EAD;
    margin-right: 15px;
}

#signup.btn:hover {
    background-color: #C45D18;
}

#login.btn:hover {
    background-color: #075691;
}

.hero-buttons {
    margin-top: 20px;
    margin-bottom: 20px;
}

.printable-letters {
    margin-top: 20px;
    margin-bottom: 100px;
}

.pdf-files {
    margin-bottom: 50px;
}

.pdf-files a {
    text-align: right;
    width: 100px;
    text-align: left;
    font-size: 14px;
    margin-bottom:20px;
}

.pdf-files p {
    color: black;
    font-weight: bold;
}

.fa {
    position: relative;
    font-size: 4.9em;
    top: -10px;
}