#footer-sher{
    background-color: #003767;
    color: #fff;
    padding: 40px 0;
    font-size: 1em;
}
.footer-section{
    padding:0;
}
.footer-item{
    list-style-type: none;
    padding:0;
    margin:0;
    width: 100%;
    border-bottom:1px solid #386388;
    padding:40px 0;
}
.footer-item li{
    display: inline-block;
    width:24%;
    vertical-align: top;
    font-size: 1em;
    line-height: 1.3em;
}
.footer-item li a{
    color: #00a4c3;
}
.a11y-toolbar button{
    padding: 0;
    text-transform: none;
    letter-spacing: normal;
    border: none;
    color: #fff;
    cursor: pointer;
    background: none;
    font-size: 1em;
}
.a11y-toolbar img{
    margin-left: 16px;
    margin-top: -5px;
}
.footer-utility {
    color: #fff !important;
}
.footer-utility img{
    margin-left: 10px;
    margin-top: -5px;
}
#footer-logo{
    float: left;
}
#footer-logo img{
    width: 240px;
    height: 40px;
}
.footer-social{
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: right;
}
.footer-social li{
    display: inline-block;
    margin-left: 5px;
    padding: 5px 0;
    vertical-align: top;
}
.footer-social li a{
    width: 30px;
    height: 30px;
    background-size: 14px 14px;
    display: block;
    background-color: #00b1cd;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 51%;
}
.footer-social li a.fbook{
    background-image:url('../img/icon-facebook.svg');
}
.footer-social li a.twitter{
    background-image:url('../img/icon-twitter.svg');
}
.footer-social li a.ytube{
    background-image:url('../img/icon-youtube.svg');
    background-size: 20px 20px !important;
}
.footer-social li a.insta{
    background-image:url('../img/icon-instagram.svg');
}
.footer-bottom{
    padding:40px 0;
}
.sr-only{
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* SECTION FOOTER -------------------------------------- */     

@media screen and (max-width: 980px) {
    html {
        -webkit-text-size-adjust: none;
    }
}

@media screen and (max-width: 640px) {
    html {
        -webkit-text-size-adjust: none;
    }

    #mainnav a {
        font-size: 13px;
    }

}
@media screen and (max-width: 320px) {
    /* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }

    #mainnav a {
        font-size: 13px;
    }

    #pathways h2 {
        font-size:1.3em;
    }

    #pathways ul li a {
        font-size:0.9em;
    }
}
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
    html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
    body{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .content-block{
        padding:20px;
    }
    .content-block.blue{
        padding:6em 20px !important;
    }
     .content-block.blue.no-padding{
        padding:0 !important; 
     }
    .upper-nav-bar{
       display: none;
    }
    .navbar{
        
        display: none !important;
    }
    .navbar.small{
        padding: 0px 0 10px 0;
        display: block !important;
    }
    .navbar .btn-navbar{
        top:0;
    }
    .navbar .brand{
        padding: 0;
    }
    #mobile-logo{
        display: block;
    }
    #desktop-logo{
        display: none;
    }
    .navbar .brand img{
        max-width: 250px;
        min-width: 210px;
    }
    .main-navigation{
        max-width: 100% !important;
        width: 100%;
        padding: 40% 0px;
    }
    .main-navigation ul{
        padding: 0 20px;
    }
    .main-navigation li a{
        font-size: 1.5em;
    }
    .main-navigation li{
        padding: 20px 0px;
    }
    .main-navigation .close-nav{
        font-size: 2.5em;
        top: 20px;
    }
    .main-navigation-logo-mobile{
        display: block;
        position: absolute;
        top: 20px;
        left: 20px;
        width: 55%;
    }
    #mobile-logo-reverse{
        display: block;
        padding: 1em;
        position: absolute;
        top: 0;
        left: 1em;
    }
    #mobile-logo-reverse img{
        max-width: 60%;
    }
    .quiz-results-detail{
        width: 100%;
        display: block;
    }
    .graph{
        width: 100%;
        height: 175px;
        margin-left:0;
    }
    .graph li{
        width: 10px;
    }
    .quiz-result{
        
    }
    .quiz-results-detail.right{
        margin-top: 50px;
    }
    .program-list{
        margin: 0;

    }
    li.program-item .program-name{
        width: 55%;
        padding: 0 1em;
        font-size: 1em;
        line-height: 1.2em;
    }
    li.program-item a, .quiz-questions li, li.program-item.int-link{
        min-height: 50px;
        padding:1em 0;
        display: inline-block !important;
    }
    .quiz-questions li{
        padding: 1em;
    }

    input[type=checkbox].css-checkbox + label.css-label{
        padding-right: 1em;
    }
    .quiz-questions{
        columns:1;
        -webkit-columns:1;
        -moz-columns:1;
        padding: 0;
        margin: 0;
    }
    .quiz-result h4{
        width: 100%;
        text-align: center;
    }
    li.program-item .program-code{
        margin-left: 0px;
        margin-right:5px;
        font-size:0.8em;
    }
    .program-code.pc-details{
        display: block;
        margin:20px auto;
    }
    .quiz-results-detail input{
        width:85%;
    }
    .more-info li a{
        min-height: 0;

    }
    .featured-links{
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    a.orange-link.bottom-align{
        bottom: 10px;
    }
    #our-services ul{
        margin:0;
        padding: 0;
    }
    .footer-item{
        overflow: hidden;
    }
    .footer-item li{
        display: block;
        width: 45%;
        float: left;
        padding: 1em 0px 0 20px;
    }
    .footer-bottom{
        padding: 40px 20px !important;
    }
    #footer-sher{
        padding: 10px 0;
    }
    #footer-logo{
        float: none;
        padding: 1em;
    }
    .footer-social{
        float: none;
        padding: 0 1em;
    }
    h1.banner-title{
        max-width: 50%;
        width: 75%;
        font-size: 2.5em;
    }
    .banner-auto-scroll{
        bottom: 1em;
        left: 45%;
        width: 30px;
    }
    
    .navbar.small{
        display: none;
    }
    .navbar.small .navbar-inner{
        padding: 10px 20px 0px 20px;
    }
    .navbar.small{
        display: block;
    }
    .featured-list-block{
        width: 100% !important;
        display: block !important;
        margin: 20px 0px;

    }
    ul.featured-3-block li.featured-list-block .featured-list-block-container{
        padding: 0;
    }
    .featured-list-block-container{
        padding: 0 !important;
    }
    li.featured-list-block .description{
        padding: 20px !important;
    }
    .featured-links .featured-links-inner{
        margin: 0 0 0 0 !important;
    }
    .featured-links .featured-links-inner{
        padding: 20px !important;
    }
    .featured-links-inner{
        min-height: 250px;
    }
    a.orange-link.bottom-align{
        bottom: 30px !important;
    }
    .program-category{
        text-align: center;
        width: 100%;
        display: block;
    }
    .blocks{
        margin: 0;
        width: 95%;
    }
    .blocks li{
        float: left;
        display: block !important;
        width: 39%;
        font-size: 0.75em;
        padding: 0 !important;
        margin: 15px 10px !important;
    }
    .blocks li:nth-child(even){
         float: right;
    }
    .split-content{
        width: 100%;
        display: block;
        float: none;
    }
    .split-content .split-content-inner{
        float: none;
        padding: 20px 0;
        display: block;
        width: 100%;
    }
    .split-content .split-content-inner.padded{
        padding: 0 !important;
    }
    .container.medium{
        max-width: 100% !important;
    }
    .container.medium .split-content .split-content-inner{
        padding: 20px 0 !important;
    }
    #planning ul{
        max-width: 100% !important;
        padding: 0 20px;
    }
    #planning ul li{
        float: none;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
    .col3, .col3.wide{
        width: 100%;
        display: block;
    }
    .col3 .col3-inner{
        padding: 0;
    }
    .col3.rightfloat{
        text-align: left;
        display: block;
        margin-top: 25px;
    }
   .links-width{
    max-width: 100%;
    }
    .content-block.centered.col2 ul{
        columns:1;
        -webkit-columns:1;
        -moz-columns:1;
        width: 100%;
    }
    .content-block.centered.col2 p{
        width: 100%;
        float: none;
        display: block;
    }
    .content-block-inner{
        width: 100%;
    }
    .table-row .row-half{
        width: 100%;
        float: none;
        border-bottom: 1px solid #dcdcdc;
        min-height: 0;
    }
    #our-services, #how-to, .services-table{
        width: 90%;
        margin: 0 auto;
    }
    .services-table .row-notes{
        padding: 0;
    }
    #our-team li{
        width: 100%;
        display: block;
        float: none;
    }
    #our-team li:nth-child(even) .row-inner{
        padding: 1em 1em 1em 0;
    }
    .quiz-results-detail.left{
        width: 100%;
        text-align: center;
        display: block;
        float: none;
        margin-left: 0;
    }
    .quiz-results-detail.right{
        width: 100%;
        display: block;
        float: none;

    }
    .quiz-results-detail.right .quiz-result{
        
    }
    .graph li{
        width: 14px;
    }
    .graph li.none{
        height: 10px;
    }
    .graph li span{
        font-size: 0.75em;
        bottom: 10px;
    }
    #how-would a.help-quest{
        top:-20px;
    }
    .more-info{
        padding: 10px 20px 20px 20px;
    }
    .program-codes{
        margin-right: 10px;
    }
    .modal{
        min-height: 100vh !important;
        height: auto !important;
        top:0 !important;
        right:0 !important;
        left:0 !important;
    }
    .internal-modal ul{
        padding: 20px;
    }
    .modal-title p{
        max-width: 80%;
    }
    .blocker{
        overflow: hidden;
    }
    #steps h2, #planning h2{
        max-width: 100%;
    }
    .play-button{
        width: 35%;
        margin: 0 auto;
    }
    .help-content.desktop{
        display: none !important;
    }
    .help-content-mobile{
        position: fixed;
        top: 0;
        left:0;
        width: 100%;
        height: 100vh;
        z-index: 9999;
        display: none;
    } 
    .help-content-mobile .help-content-inner{
        height: 100%;
        padding: 30px;
    }
    .help-content-mobile .help-content-header{
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: right;
        background-color: #1092aa;

    }
    .help-content-mobile .close-nav{
        position: relative;
        top: 10px;
        right:20px;
        float: right;
    }
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
    html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
}
/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {
	/* disable webkit text size adjust (for iPhone) */
    html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

}
@media only screen and (min-width:975px) {
    .help-content-mobile{
        display: none !important;
    }
}
@media only screen and (min-width:975px) and (max-width: 1400px)  {
    .split-content .split-content-inner{
        padding: 0 2em;
    }
    .container.medium .split-content .split-content-inner{
        padding: 0 1em !important;
    }
    .split-content .split-content-inner.padded{
        padding: 0em 3em !important;
    }
    #planning ul li{
        width: 33%;
    }
   #our-team li{
        width: 48%;
    }
    li.featured-list-block .description{
        height: 230px;
    }
    .thumb-image-block{
        max-height: 165px;
    }
    .featured-links-inner{
        min-height: 200px;
    }
    
}
@media only screen and (min-width:975px) and (max-width: 1700px)  {
    .split-content .split-content-inner.padded{
        padding: 0 2em !important;
    }
}