/* --------------------------------------
   Samson's Classroom (Resources > Worksheets Page)
   Created: 1/18/2017
   Author: Kelly Byrnes
 --------------------------------------- */

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 **/

.hero {
    text-align: center;
}

.hero-btn-container a, .hero-btn-container h4 {
    vertical-align: middle;
}

.hero-btn-container .btn {
    color: white;
    background-color: gray;
    font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
    -moz-border-radius: 11px;
    -webkit-border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
}

.hero-btn-container {
    margin-left: 30px;
}

.level-btns {
    text-align: center;
}

.level-btns .btn:hover {
    background-color: lightgray;
}

.level-btns-row-1 {
    margin-bottom: 50px;
}

.level-btns-row-2 {
    margin-bottom: 50px;
}

.hero-btn-container .btn {
    margin-bottom: 5px;
}

.btn:hover {
    color: white;
}

.hero h1 {
    font-family: "Titan One", "Helvetica Neue", "Helvetica Black", "Helvetica Bold", "Arial Black", "Arial Bold";
    color: #DF7018;
    margin-top: 0px;
}

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

@media only screen
and (max-width: 768px)
{
    .login-section h1 {
        text-align: center;
    }
}

@media only screen
and (max-width: 536px)
{
    .level-btns {
        width: 300px;
    }
}

/** New CSS needed for page **/
.award-tile{
  padding: 20px;
}

.award-tile-content img{
  width: 100%;
}

.award-tile-content a{
  margin-bottom: 10px;
  font-size: 14px;
  background-color: lightgrey;
  color: black;
  font-weight: normal;
}

.award-tile-content a:hover{
  background-color: grey;
  color:white;
}