/* district_custom.css */


/* Last updated: 01-24-2017 (Bobby A.) */


/* general css resets that do not requre SW active blocks*/

.ui-widget.app a {
    font-weight: bold;
}

*:focus {
    outline: none;
}

/*:target:before {
    content: "";
    display: block;
    height: 155px;
    margin: -155px 0 0;
}*/


/* adjustments for MCPS Deaf/HoH Pages */

.ui-widget.app.navigation .ui-widget-detail li ul li a span.white,
.ui-widget.app.navigation .ui-widget-detail li ul li a.white,
.ui-widget.app.navigation .ui-widget-detail li.active>a span.white {
    color: white !important;
}

.ui-widget.app.navigation .ui-widget-detail li ul li a:hover span.yellow,
.ui-widget.app.navigation .ui-widget-detail li ul li a:hover.yellow {
    color: yellow !important;
}

.bullet.expandable,
.bullet.collapsible {
    cursor: pointer;
}

@media (max-width: 1023px) {
    #gb-header-right {
        float: left;
    }
    #gb-header-left {
        width: auto;
    }
}

@media (max-width: 1100) {
    #gb-header-left {
        width: auto;
    }
}


/*.ui-widget.app.navigation .ui-widget-detail li ul li a:hover span, .ui-widget.app.navigation .ui-widget-detail li ul li a:hover {
    font-weight: bold;
}*/


/* Modal Popup for sign in and registration */

#regHeader {
    position: relative;
    background-color: #0F4768;
    width: 100%;
    min-height: 100px;
    margin: 0;
    padding: 5px 5px 0px 5px;
    color: white;
    overflow: hidden;
}

.regPHeader {
    float: left;
    margin: 0;
    padding: 0;
    padding-right: 8px;
    padding-left: 5px;
}

.regImg {
    height: 100px;
}

.floater {
    float: left;
    padding-top: 25px;
}

.floater h3,
.floater h2 {
    margin: 0;
    padding: 0;
    text-align: left;
    font: 500 1.75em "Fira Sans", sans-serif;
    text-transform: uppercase;
    margin-bottom: 2px;
}

.floater h4 {
    font-style: italic;
    font-size: .75em;
    padding: 0;
    margin: 0;
}

.floater h2,
.floater h3,
.floater h4 {
    line-height: 1em;
    text-align: left;
}

@media (max-width: 459px) {
    #regHeader {
        padding-bottom: 5px;
    }
    .regPHeader,
    .floater {
        float: none;
    }
    .floater {
        padding-top: 5px;
    }
    .floater h2,
    .floater h3,
    .floater h4 {
        text-align: center;
    }
}

#\32 0>p:nth-child(5) {
    color: green;
}

#\32 0>p:nth-child(5):after {
    content: url(http://www.marionschools.net/cms/lib010/FL01903465/Centricity/Shared/spellCheck.png);
    display: block;
    /*margin-top: 5px;*/
}

#module-content-410>div {
    margin-top: 0;
}

#module-content-78982>div {
    margin-bottom: 0;
}

#module-content-78982>div,
#module-content-410>div {
    box-shadow: none;
}

#sw-forgotpassword>div.ui-widget-header a {
    color: white;
    text-decoration: underline;
}

#cs-schoolwires-footer .feedback {
    border: 1px solid #fff;
    margin: 2px 1px 0px;
}


/* reverses assignment order (most recent to oldest) on assignmetn apps -- global fix */

.ui-widget-assignment-container:nth-child(2).ui-widget-assignment-container>ul {
    transform: rotate(180deg);
}

.ui-widget-assignment-container:nth-child(2).ui-widget-assignment-container>ul>li,
.ui-widget.app.assignment.last-app div.ui-widget-detail>div:nth-child(2)>ul.ui-articles>div.ui-no-records-message>p {
    transform: rotate(-180deg);
}


/*fix for subscribe button text - centers better vertically*/

a.ui-btn-general span {
    padding-top: 8px;
}


/* fix for weather make-up days image on homepage  */


/*#sw-app-headlines-82957 > ul > li:nth-child(2) > div > a > span > img {
    width: 100%;
}*/


/* same as above but protects against issues if a new image or story is added. */

img[src='../..//cms/lib010/FL01903465/Centricity/Domain/4/weatherMakeUp2.jpg'] {
    width: 100%;
}

/*pushes text on shoolwires log off screen ...solves accessibility issue of missing link text in
combination with jquery script to push text into anchor tag
*/
a#schoolwires-logo {
    text-indent: -999px;
}


/* Updates contrast on "site map" button to comply with accessibility guidelines*/

#cs-schoolwires-footer #copyright, #cs-schoolwires-footer #slash, #cs-schoolwires-footer #rights {
    margin-top: 0;
}


#gb-social-footer .gb-twitter, #gb-social-footer .gb-facebook, #gb-social-footer .gb-youtube {
    margin-right: 15px;
}

#gb-social-footer .gb-sitemap {
    background: #000;
    border: 1px solid white;
    padding: 0 5px;
    width: auto;
    margin-right: 15px;
}

#gb-social-footer .gb-sitemap a{
    color: #fff;
    font-size: 12px;
    /*top: -webkit-calc(50% - 7px);
    top: -moz-calc(50% - 7px);*/
    top: calc(50% - 7px);
}






#gb-social-footer .mcps-accessibility {
        background: #000;
    border: 1px solid white;
    padding: 0 5px;
    width: auto;
    float: left;
    height: 33px;
    display: block;
    text-align: center;

}


#gb-social-footer .mcps-accessibility a {
    color: #fff;
        font: bold 14px "Fira Sans", sans-serif;
    font-size: 12px;
    /*top: -webkit-calc(50% - 7px);
    top: -moz-calc(50% - 7px);*/
    top: calc(50% - 7px);
    text-transform: uppercase;
    position: relative;
}


@media(max-width: 1023px) {

    #cs-schoolwires-footer #feedback, #cs-schoolwires-footer #terms, #cs-schoolwires-footer #policy {
        margin: 2px 1px 0;
    }

    #gb-social-footer .gb-sitemap {
        clear: none;
        float: left;
        margin-top: 0;
    }
    #cs-schoolwires-footer #copyright, #cs-schoolwires-footer #slash, #cs-schoolwires-footer #rights {
        clear: none;
        margin-top: 5px;
    }


}


@media(max-width: 479px) {

    #cs-schoolwires-footer {
        margin: auto;
    }

    #cs-schoolwires-footer #schoolwires-logo {
        left:0;
    }

    #gb-social-footer .gb-sitemap {
        left: 0
    }

    #gb-social-footer {
        left: 14%;
    }
}