@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,700italic,600,400italic,600italic,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);

@media only screen and (max-width : 920px)
{
 /********* ADDITIONAL SITE SPECIFIC styles START***********/

#topNav2_lblSlideShow{display:none !important;}

.newscomponent_thumbimage {
    border: 0px solid #d0d0d0;
    border-radius: 15px;
    float: left;
    margin-right: 18px;
    padding-left: 0;
    text-align: left;
}
      
     /********* ADDITIONAL SITE SPECIFIC styles END*************/
    

    *
    {
        box-sizing: border-box;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }
    
    
    /* max-width of site 100% of screen/NO SCROLL */    
.ContentDiv, html, .BodyDivStyle, body, #HeaderDiv, .HeaderDivTop, #MainDiv, #ContentPage1_pnlControls, #ContentPage1_pnlSingleWindow, #ContentPage1_pnlDualWindow, #ContentPage1_pnlLeftWindowControls, #ContentPage1_pnlRightWindowControls, #ArticleDiv, #ArticleViewMainDiv
    {
        width: auto !important;
        max-width: 100%;
        overflow-x: hidden;
        margin: 0 auto !important;
    }

    /* clear content under dynamic nav */
    .ContentDiv
    {
        clear: left !important;
        min-width: 250px;
    }

    /* gallery */
    .fotorama__nav-wrap
    {
        max-width: 250px;
    }

    /* SCHOOL CLOSING*/
    #closings1_tblClosing table
    {
        width: 290px;
    }

    /*MAKE BODY RELATIVE FOR FLYOUT MENU/PADDING*/
    body
    {
        position: relative !important;
        padding: 5px;
    }

    /*SCRIP WINDOW/EMBED CODE*/
    iframe, embed
    {
        width: 100%;
        height: auto !important;
    }


    /* Component sizing */
    #textwindow img, #lblNewsContent img, #gallery img
    {
        max-width: 100%;
        height: auto;
        width: 100%;
    }

    /*TABLES*/
    table
    {
        width: 100% !important;
    }

    /*win 2 images*/


    /*WINDOW 1 and WINDOW 2 STYLES*/
    #ContentPage1_pnlLeftWindowControls
    {
        margin-bottom: 10px;
        max-width: 100% !important;
        padding:20px !important;
    }

    #ContentPage1_pnlRightWindowControls
    {
        margin-bottom: 10px;
        max-width: 100% !important;
         padding:20px !important;
    }

    #ContentPage1_pnlControls
    {
        margin-bottom: 10px;
         padding:20px !important;
    }

    /* Hide certain desktop features */
    #desktopLeftNav, #desktopTouts, .FooterDiv, .FooterContainer, .HeaderContainer, .TopNavDiv, #HeaderDiv, .TopNavContainer, #jqDiv, #mobileTouts, #desktopNav, #news1, .hpDiv1, .hpDiv2, .hpDiv3, .hpDiv4, .hpDiv5, .hpDivLine, .slideshow, #dream, .quickEdit
    {
        display: none;
    }

    /* SHOW MOBILE DYNANIC NAV/MENU */



    #mobileLeftNav
    {
        display: block !important;
        margin: 0 auto !important;
        width: 100% !important;
    }


    #mobileMenu
    {
        display: block !important;
    }

    /*MOBILE LOGO */

    #mobileLogo, #imgHeaderPopUp
    {
        display: block !important;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }

    #mobileLogo img
    {
        width: 100%;
    }

    /*MOBILE FOOTER */


    .mobileFooter
    {
        display: block !important;
        text-align: center;
        display: block !important;
        background-color: #FFFFF;
    }

    /* Additional Styles */

    .archive, .filterContainer
    {
        width: 95% !important;
        padding: 5px !important;
    }

    #pnlPagingMenu
    {
        width: 95% !important;
    }

    #events table
    {
        background-color: #2C2C2C !important;
        padding: 5px;
        border: 3px solid #364BA3;
    }


    .archive, .filterContainer
    {
        width: 90% !important;
        padding: 5px !important;
    }

    #sthoverbuttons
    {
        display: none !important;
    }


    .socialIcons
    {
        margin-top: 8px;
    }

    .newscomponent_thumbimage img
    {
        max-width: 250px !important;
    }

    .newscomponent_thumbimage
    {
        width: 100%;
    }

    .dropdown:hover
    {
        text-shadow: none !important;
    }


    .LeftPanel
    {
        background-color: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }


    #ContentPage1_pnlLeftWindowControls .header, .textwindow_maintext
    {
        width: 100% !important;
    }


    /*MOBILE DYNAMIC NAV DROPDOWN MENU START*/
    /****************************************************************************************/

    .dynamicnav_smalllink
    {
        font-size: 23px;
        padding: 10px !important;
    }
    .DynamicNav > li > a
    {
        padding: 20px 5px 30px 5px !important;
    }
    .ac-container
    {
        width: 100% !important;
        margin-bottom: 20px;
        text-align: left;
        height: auto;
    }

    .ac-container ul, li, a
    {
        text-align: center;
        padding: 0;
    }

    .ac-container label
    {
        width: 500%;
        color: black;
        padding: 10px 13px;
        position: relative;
        z-index: 20;
        display: block;
        height: 45px;
        cursor: pointer;
        font-size: 14px;
        background-color: white;
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 0px 2px 2px rgba(0,0,0,0.1);
    }
    .ac-container label:hover
    {
    }
    .ac-container input:checked + label, .ac-container input:checked + label:hover
    {
        background: #c6e1ec;
        color: #3d7489;
        text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1);
    }

    .ac-container input
    {
        display: none;
    }
    .ac-container article
    {
        background: #ffffff;
        width: 100% !important;
        margin-top: -1px;
        overflow: hidden;
        height: 0px;
        position: relative;
        z-index: 10;
        -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
        transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    }
    .ac-container article p
    {
        font-style: italic;
        color: #777;
        line-height: 23px;
        font-size: 14px;
        padding: 20px;
        text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    }
    .ac-container input:checked ~ article
    {
        -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
        box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
    }
    .ac-container input:checked ~ article.ac-small
    {
        height: 240px;
    }
    .ac-container input:checked ~ article.ac-medium
    {
        height: 480px;
    }
    .ac-container input:checked ~ article.ac-large
    {
        height: auto;
        position: absolute;
        width: 98%;
        margin-top: -15px;
    }

    /*MOBILE DYNAMIC NAV DROPDOWN MENU END*/

    /****************************************************************************************/
    /* TOP NAV FLY OUT MENU START*/



    li [id*='lnkGroupTitle']
    {
        margin-left: 25px !important;
        font-weight: bold !important;
    }

    .menu
    {
        background-color: #F7D846;
        left: -285px; /* start off behind the scenes */
        height: 100%;
        position: fixed;
        width: 285px;
        z-index: 999999;
        overflow-y: scroll;
        top: 0;
    }

    .slider
    {
        background-color: #182766;
        height: 100%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border-radius: 10px 10px 0 0;
    }

    .menu ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .menu li
    {
        line-height: 25px;
        width: 100%;
        text-align: left;
        padding: 5px 0;
        margin-left: 0 !important;
    }

    .icon-close
    {
        cursor: pointer;
        padding-left: 10px;
        padding-top: 10px;
    }

    .icon-menu
    {
        color: white;
        cursor: pointer;
        font-family: soleil;
        font-size: 16px;
        padding-bottom: 15px;
        padding-left: 2px;
        padding-top: 15px;
        text-decoration: none;
        text-transform: uppercase;
        display: block !important;
        margin: 0 auto !important;
        width: 100% !important;
        border-top: 2px solid #1A1C1C;
        border-radius: 10px 10px 0 0;
    }

    .icon-menu i
    {
        margin-right: 5px;
    }
    /* TOP NAV FLY OUT MENU END*/

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

    /****TOP NAV DROPDOWNS****/

    .dropdown
    {
        font-family: "soleil" , "ff-tisa-sans-web-pro" , sans-serif;
        color: #382756;
    }

    .ddArrow
    {
        display: none;
    }

    .nav1
    {
        background-color: #F3F3F3;
        padding: 7px 0;
    }

    .nav1 li
    {
        border-bottom: .5px solid black;
    }

    .dropdown a
    {
        text-transform: capitalize !important;
        font-family: Roboto !important;
        margin-left: 40px;
        max-width: 200px;
        display: inline-block;
        text-align: left;
        margin-bottom: 5px;
        font-size: 14px !important;
    }

    .dropdown a:hover
    {
        color: #FFAE00;
    }

    nav ul li [id*='lnkGroupItem']
    {
        min-width: 259px;
        font-weight: 300 !important;
    }

    nav ul
    {
        padding: 0;
        list-style: none;
        background: #f2f2f2;
        text-decoration: none;
    }

    nav ul li a
    {
        padding: 7px;
        display: block;
        padding: 8px 25px;
        color: #333;
        text-decoration: none;
    }


    nav ul li a:hover
    {
        color: #fff;
        background: #3B2A63;
        -webkit-transition: all .1s ease;
        -moz-transition: all .1s ease;
        -ms-transition: all .1s ease;
        -o-transition: all .1s ease;
        transition: all .1s ease;
    }

}