/* 
Style Sheet for the changes that have not yet been added to less

Periodically, these changes will be moved into the less script

-------------------------------------------------------
Copyright (c) 2015, Ranta Consulting

Last Updated: Todd Sarouhan
 */

/*////////////////////////////////////////////////////////////////////////////////*/

body {
    overflow-x: hidden;
}

.news-article {
    float: none;
    margin-bottom: 20px;
    display: inline-block;
}
.article-image img {
    text-align: right;
}

.article-images {
    float: right;
}

.col-md-9.col-md-push-3.inner-right-col .news-article:before {
    display: block;
    content: " ";
    margin-top: -204px;
    height: 200px;
    visibility: hidden;
}

.news-item-content .newIcon {
    padding: 0 0 0 10px;
}

.col-md-3.hs-events {
    padding-left: 5px;
    width: 275px;
    float: initial;
    padding-top: 20px;
}

    .col-md-3.hs-events time {
        font-style: italic;
        font-size: 14px;
    }

.col-md-3.col-md-pull-9.inner-left-col .pnlContent a:link, .col-md-3.col-md-pull-9.inner-left-col .pnlContent a:visited, .col-md-3.col-md-pull-9.inner-left-col .pnlContent a:active, .col-md-3.col-md-pull-9.inner-left-col .pnlContent a:hover {
    color: #000;
    text-decoration: underline;
}

.col-md-3.col-md-pull-9.inner-left-col .pnlContent a:hover {
    text-decoration: none;
}

.col-md-3.col-md-pull-9.inner-left-col .container {
    padding-left: 10px;
}

    .col-md-3.col-md-pull-9.inner-left-col .container h1 {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 28px;
        color: #000;
        font-weight: normal;
    }

    .col-md-3.col-md-pull-9.inner-left-col .container h2 {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        color: #000;
        font-weight: normal;
        padding-left: 2px;
    }

    .col-md-3.col-md-pull-9.inner-left-col .container a:link, .col-md-3.col-md-pull-9.inner-left-col .container a:active, .col-md-3.col-md-pull-9.inner-left-col .container a:visited, .col-md-3.col-md-pull-9.inner-left-col .container a:hover {
        color: #000;
        text-decoration: none;
        padding-left: 5px;
    }

    .col-md-3.col-md-pull-9.inner-left-col .container a:hover {
        text-decoration: underline;
    }

.col-md-3.hs-events a:link, .col-md-3.hs-events a:visited, .col-md-3.hs-events a:active, .col-md-3.hs-events a:hover {
    color: #000;
    text-decoration: underline !important;
    padding-left: 0px !important;
}

.col-md-3.hs-events a:hover {
    text-decoration: none !important;
}


/*#search {
    width: initial;
}*/

.template .main-container::after, .upcoming-events-wrap::after {
    border: none;
}

.col-md-3.col-md-pull-9.inner-left-col #linkList a, .col-md-3.col-md-pull-9.inner-left-col #linkList a:active, .col-md-3.col-md-pull-9.inner-left-col #linkList a:visited, .col-md-3.col-md-pull-9.inner-left-col #linkList a:hover {
    color: #fff;
}

.col-md-3.col-md-pull-9.inner-left-col #linkList h3 {
    margin-top: 10px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

#announcements .news-item {
    width: 33%;
    float: left;
}

.inner-right-col {
    background: transparent;
}

#AnnouncementList .itemHeader {
    color: #fff;
}

#announcements h1 {
    position: relative;
    bottom: 2px;
    display: inline-block;
    margin-left: 20px;
}

.announcements-wrap h1 {
    color: #fff;
    font-size: 40px;
    font-family: 'Adobe Garamond';
    float: left;
}

.AnnouncementSmallLetters {
    color: #fff;
    font-size: 34px;
    float: right;
    position: relative;
    top: 5px;
    font-family: 'Adobe Garamond';
}

.new-arrow-right {
    position: relative;
    bottom: 2px;
}

.news-item-content {
    display: block;
    color: #000;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
}

.news-item .body-copy {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
}

    footer .container.footer {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.syntaxMktg {
    display: block !important;
}

.carousel-wrapper .container {
    max-width: 100%;
}
    #carousel-custom .carousel-inner > .item > a > img {
        width: 100%;
    }

@media only screen and (max-width: 990px) {
    #carousel-custom .carousel-inner > .item > a > img {
        width: 100%;
    }
}

@media only screen and (max-width: 528px) {
    .news-article {
        overflow: hidden !important;
        width: 100%;
    }
    .news-items {
    padding: 0 5px;
}
    .news-item img {
        max-width: 345px;
    }
    div#slide.newsSlide {
        width: 300px !important;
        vertical-align: baseline !important;
        line-height: 16px !important;
    }

    #announcements .news-item {
        width: 100%;
    }

    li.news-item {
        min-height: 20px !important;
    }

    #upcoming-events .date {
        color: #000;
        min-height: 175px;
        padding: 10px 5px;
        width: 50%;
    }

    .navbar-nav {
        margin: 7.5px 10px;
    }

    #main-nav > .main-nav > #navbar > .navbar-nav > li > a {

        font-weight: normal;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        font-weight: normal;
    }

    .footer-wrap .container {
        padding: 20px 5px;
    }

        .footer-wrap .container .row .col-md-5.text-right {
            text-align: left;
            padding-top: 20px;
        }

    .carousel-wrapper .container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 768px) and (min-width: 376px) {
    .AnnouncementSmallLetters {
        font-size: 27px;
    }

    #google_translate_element {
        position: relative;
        left: 0px;
    }

    .lt-logo {
        position: relative;
        top: 200px;
        float: right;
        left: 0px;
    }

    .logo-search-language-wrap ul {
        left: 45px !important;
    }

    carousel-indicators {
        position: absolute;
        bottom: 11px;
        left: 30%;
        z-index: 15;
        width: 100%;
        margin-left: -30%;
        padding-left: 0;
        list-style: none;
        text-align: center;
    }

    .carousel {
        position: relative;
    }

    .inner-left-col, .inner-right-col, .one-col {
        padding-top: 70px;
    }

    .col-md-9.col-md-push-3.inner-right-col img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 375px) and (min-width: 361px) {
    .AnnouncementSmallLetters {
        font-size: 26px;
    }

    #google_translate_element {
        position: relative;
        float: left;
        left: 0;
    }

    .lt-logo {
        position: relative;
        top: 200px;
        float: right;
        left: 0;
    }

    .logo-search-language-wrap ul {
        left: 35px !important;
    }

    .item, .item.next, .item.active {
        width: 469px;
    }

    carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 100%;
        padding-left: 0;
        list-style: none;
        text-align: center;
    }

    .carousel {
        position: relative;
    }

    .carousel-wrapper .container {
        width: 375px;
    }

    .inner-left-col, .inner-right-col, .one-col {
        padding-top: 75px;
    }

    .col-md-9.col-md-push-3.inner-right-col img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 360px) and (min-width: 346px) {
    .AnnouncementSmallLetters {
        font-size: 25px;
    }

    #google_translate_element {
        position: relative;
        float: left;
        left: 0;
    }

    .lt-logo {
        position: relative;
        top: 200px;
        float: right;
        left: 0;
    }

    .logo-search-language-wrap ul {
        left: 22px !important;
    }

    carousel-indicators {
        position: absolute;
        bottom: 11px;
        left: 30%;
        z-index: 15;
        width: 100%;
        margin-left: -30%;
        padding-left: 0;
        list-style: none;
        text-align: center;
    }

    .carousel {
        position: relative;
    }

    .carousel-wrapper .container {
        width: 346px;
    }

    .inner-left-col, .inner-right-col, .one-col {
        padding-top: 75px;
    }

    .col-md-9.col-md-push-3.inner-right-col img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 345px) {
    .AnnouncementSmallLetters {
        font-size: 2.1rem;
    }

    #announcements h1 {
        font-size: 30px !important;
        font-size: 3.2rem;
        margin-right: 0;
    }

    #google_translate_element {
        position: relative;
        float: left;
    }

    .lt-logo {
        position: relative;
        top: 200px;
        float: right;
        left: 0;
    }

    .logo-search-language-wrap ul {
        left: 4px !important;
    }

    carousel-indicators {
        position: absolute;
        bottom: 11px;
        left: 30%;
        z-index: 15;
        width: 100%;
        margin-left: -30%;
        padding-left: 0;
        list-style: none;
        text-align: center;
    }

    .carousel {
        position: relative;
    }

    .carousel-wrapper .container {
        width: 100%;
        max-width: 320px;
    }

    .inner-left-col, .inner-right-col, .one-col {
        padding-top: 75px;
    }

    .col-md-9.col-md-push-3.inner-right-col img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 320px) {
    .carousel {
        position: relative;
    }
}


/*--------------------------------------------------------------------------
News Archives
---------------------------------------------------------------------------*/
#News-Archive-Container .News-Archive-Article-List {
    display: none;
}

#SchoolAlert {
z-index: 0;
}