@charset "utf-8";

@media screen and (max-width: 1108px) {
    #menu-main-left, #menu-main-right {
        display: none;
    }

    #footer {
        width: 1060px;
        left: 0;
    }

    #footer-content {
        padding-left: 44px;
        padding-right: 44px;
    }

    #footer-left, #footer-right {
        display: none;
    }
}

@media screen and (max-width: 1076px) {
    .clear.responsive-1060 {
        display: block;
    }

    #menu-main li.responsive {
        display: none;
    }

    #menu-main-dropdown {
        display: block;
    }

    #container {
        width: 100%;
    }

    #home-top {
        margin: 0;
        padding: 34px 4% 0;
        background-color: transparent;
        background-image: none;
        border: none;
    }

    #home-top-slider-wrapper {
        float: none;
        width: 485px;
        max-width: 100%;
        margin: 0 auto;
    }

    #home-top-content {
        float: none;
        width: 100%;
    }

    #home-top-content p {
        padding-right: 0;
    }

    #nl-signup-button {
        display: none;
    }

    #content-main {
        padding: 30px 4% 45px;
    }

    #content-left, #content-right {
        float: none;
        width: 100%;
    }

    .page-content .alignleft {
        float: none;
        clear: both;
        display: block;
        margin: 30px auto;
        max-width: 90%;
    }

    .page-content .alignright {
        float: none;
        clear: both;
        display: block;
        margin: 30px auto;
        max-width: 90%;
    }

    #content-right .banner {
        float: left;
        width: 32%;
        margin-top: 30px;
        margin-left: 2%;
    }

    #content-right .banner:first-child {
        margin-top: 30px;
        margin-left: 0;
    }

    #content-right .widget .newsletter form {
        text-align: center;
    }

    #footer {
        width: 100%;
    }

    #footer-content {
        padding-left: 4%;
        padding-right: 4%;
        text-align: center;
    }

    .footer-menu {
        float: none;
        display: inline-block;
        text-align: left;
        margin-left: 8%;
        width: 44%;
    }

    .footer-menu li a {
        width: 100%;
    }

    #foothill-slam-footer {
        float: none;
        margin-top: 60px;
        max-width: 92%;
    }
}

@media screen and (max-width: 840px) {
    .clear.responsive-840 {
        display: block;
    }

    #foothill-slam {
        float: none;
        margin-top: 15px;
        max-width: 92%;
        display: none;
    }
    
    #header-banner {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .page-content .indent {
        margin-left: 0;
    }

    #uniforms-links {
        padding-left: 4%;
    }

    #uniforms-links a {
        margin-top: 15px;
    }

    #uniforms-links a:first-child {
        margin-top: 0;
    }
}

@media screen and (max-width: 800px) {
    .clear.responsive-800 {
        display: block;
    }

    #header-top {
        text-align: center;
        padding: 15px 4%;
    }

    #logo {
        float: none;
        display: inline-block;
        max-width: 92%;
        margin-top: 10px;
    }

    #foothill-slam {
        float: none;
        margin-top: 15px;
        max-width: 92%;
        display: none;
    }

    .page-content .indent {
        margin-left: 0;
    }

    .links td {
        padding-left: 4%;
        padding-right: 4%;
    }

    .links td.info h3 span {
        display: block;
        margin-left: 0;
    }

    .schedule th, .schedule td {
        padding-left: 4%;
        padding-right: 4%;
    }
}

@media screen and (max-width: 640px) {
    .clear.responsive-640 {
        display: block;
    }

    #logo {
        margin-top: 15px;
    }

    #menu-main li a {
        padding: 0 15px;
    }

    .copy-content {
        margin-top: 20px;
        width: 100%;
    }

    .schedule td.date span {
        display: block;
        margin-right: 0;
    }

    #footer-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-menu {
        margin-left: 0;
        margin-top: 30px;
        width: 100%;
    }

    .footer-menu:first-child {
        margin-top: 0;
    }

    #foothill-slam-footer {
        margin-top: 30px;
    }
}

@media screen and (max-width: 540px) {
    #menu-main {
        background-image: none;
    }

    #menu-main li {
        float: none;
        padding-left: 0;
        background-image: none;
    }

    #menu-main li a {
        background-image: url(../images/menu-main-bg.png);
        padding: 0 4%;
        font-size: 12px;
        color: #ffffff;
        line-height: 23px;
        text-decoration: none;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #000000;
    }

    #menu-main-dropdown {
        float: none;
        width: 100%;
        background-image: url(../images/menu-main-bg.png) !important;
        background-repeat: repeat-x !important;
    }

    #menu-main-dropdown-trigger {
        width: 92%;
        background-image: url(../images/menu-main-dropdown-arrow-responsive.png) !important;
    }

    #menu-main-dropdown-trigger:hover {
        background-image: url(../images/menu-main-dropdown-arrow-responsive.png) !important;
        background-position: center 100% !important;
    }

    #menu-main-dropdown ul {
        width: 100%;
    }

    #home-top-slider-wrapper {
        display: none;
    }

    #home-top-content h3 {
        margin-top: 0;
    }

    .news li {
        padding-left: 4%;
        padding-right: 4%;
    }

    .news li h3 {
        float: none;
    }

    .news li p.info {
        float: none;
        margin-left: 0;
    }

    .news-full li .feat-img {
        display: none;
    }

    .news-full li .content {
        margin-left: 0;
    }

    .title-header {
        padding-left: 4%;
        padding-right: 4%;
    }

    .page-content .alignleft {
        display: none;
    }

    .page-content .alignright {
        display: none;
    }

    .page-content .aligncenter {
        display: none;
    }

    #schedule-title {
        float: none;
    }

    #schedule-archive-link {
        float: none;
        margin: 15px 0 0 5px;
    }

    #content-right .banner {
        float: none;
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }

    #content-right .banner:first-child {
        margin-top: 30px;
        margin-left: 0;
    }

    #content-right .widget .newsletter form input[type="text"] {
        width: 90%;
        padding: 10px 5%;
    }
}

@media screen and (max-width: 600px) {
    #newsletter-button {
        visibility: hidden;
    }
}