/**********clarity logo sizes**********
@media only all and (min-width: 51rem) and (max-width: 75.99rem){
    #g-navigation .g-logo img {
        min-width: 40%;}
    }
    @media only all and (min-width: 51rem) {
        #g-navigation .g-logo img {width: 400px;}
    }
    @media only all and (max-width: 50.99rem){
        #g-navigation .g-logo {max-width: 80%; margin: 0 auto;}
    }
    */
    
    /************ MENU  ************
    #g-navigation .g-content { margin: 0; padding: 0;}
    .g-main-nav .g-standard > .g-dropdown, .g-main-nav .g-fullwidth > .g-dropdown { margin-top: 0px;}
    .g-main-nav .g-toplevel > li:hover, .g-main-nav .g-toplevel > li.active {   background: rgba(0,0,0,.1); }
    .g-main-nav .g-sublevel > li:hover, .g-main-nav .g-sublevel > li.active {   background: rgba(0,0,0,.1); }
    #g-navigation { padding-bottom: 0px; }
    .g-main-nav .g-toplevel > li > .g-menu-item-container { text-align: center;  padding: 1.25rem 0.75rem;  }
    .g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {display: none; }
    .g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {font-size: 1rem; }
    
    .g-main-nav ul.g-toplevel {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
    } 
    .g-main-nav .g-standard .g-fade.g-dropdown, .g-dropdown, .g-main-nav:not(.g-menu-hastouch) .g-dropdown { z-index: 20;}
    .g-main-nav .g-dropdown { border-radius: 0 0 6px 6px; z-index: 20;}
    
    .g-main-nav .g-standard > .g-dropdown.g-dropdown-right, .g-main-nav .g-fullwidth > .g-dropdown.g-dropdown-right { left: 0; }
    */
    
    @media only screen and (max-width: 51rem) { 
        /*.g-logo img { width: 70%;} */
        #g-offcanvas {padding-left: 2rem;}
        .g-offcanvas-toggle {top: 20px; left: 20px;}
        #g-offcanvas #g-mobilemenu-container ul>li.g-menu-item-link-parent>.g-menu-item-container>.g-menu-parent-indicator:hover {
        background: transparent;}
        #g-offcanvas #g-mobilemenu-container ul>li.g-menu-item-link-parent>.g-menu-item-container>.g-menu-parent-indicator {
        border: 1px solid transparent;
        background: transparent;
        border-radius: 0.1875rem;
        margin: -0.3rem 0 -0.2rem 0.5rem;
        padding: 0.2rem;}
        /*mobile menu not on top of alert text*/
        #g-top {padding: 0 2% 0 10%;}
        .g-offcanvas-toggle  .fa-fw {text-shadow: 2px 2px #4e4e4e;}
    }
    
    
    
    /************ DEFAULT FONTS  ************/
    .page-header h2 { margin-top: 0.5rem;}
    h3.g-title {font-size: 2rem;}
    .g-title {padding-bottom: 0.25rem;}
    
    .sprocket-strips-nav {padding: 0;}
    
    /************ HERO IMAGES ***********/
    #g-showcase:not(.homelayout #g-showcase) {padding: 0 0; margin: 0 0;}
    #g-showcase .g-content:not(.homelayout #g-showcase .g-content) {padding: 0 0; margin: 0 0;}
    
    /************ SIDE MENU  ************/
    #g-aside .moduletable[class*="box"] { padding: 0; }
    #g-aside .g-content { padding-left: 0; padding-right: 0px;}
    .moduletable .nav.menu li a { width: 100%; border-radius: 0; padding: 10px 20px; color: white; font-weight: normal;}
    .moduletable .nav.menu li{ transition: all .2s ease-in; border-radius: 3px; width: 100%; padding: 0; margin: 0;}
    .moduletable .nav.menu, .moduletable .unstyled { border: none; padding: 0; margin: 0; display: block;  background: #333;  border-radius: 0; }
    .moduletable .nav.menu li:last-child {  padding-bottom: 0;  margin-bottom: 20px;}
    .moduletable .nav.menu .nav-child li:last-child {  margin-bottom: 0px;}
    .moduletable .nav .nav-child { margin-top: 0px;}
    .moduletable .nav.menu .nav-child li { border: none; margin-left: 20px; padding-right: 20px;}
    
    .moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover { 
        color: white;
        background: rgba(0,0,0,.5);
        font-weight: normal;
    }
    .moduletable .nav.menu li span {
        width: 100%;
        border-radius: 0;
        padding: 10px 20px;
        color: white;
        font-weight: normal;
        display: block;
    }
    
    /************ SIDE DOCUMENT MODULES ************
    #g-aside .g-title {padding: 0;}
    #g-aside h3.g-title {font-size: 1.75rem;}
    
    
    /************ SOCIAL MEDIA ICONS WHITE ************
    .g-social a { color: white; }
    .g-social a:hover { color: #108093; }
    
    /************ CENTER SOCIAL MEDIA VERTICALLY  ***********
    .g-block.size-5 { display: flex; justify-content: center; align-items: center; }
    
    /************ OFFCANVAS MENU  ************
    #g-offcanvas #g-mobilemenu-container .g-toplevel > li > .g-menu-item-container > .g-menu-item-content, #g-offcanvas #g-mobilemenu-container .g-sublevel > li > .g-menu-item-container > .g-menu-item-content {font-weight: normal; }
    #g-offcanvas .g-menu-item-title {color: white; }
    #g-offcanvas #g-mobilemenu-container ul > li > a.g-menu-item-container:hover {background: rgba(0,0,0,0.15); }
    #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {border: none; background: none; }
    #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {border: none; background: none; }
    
    #g-feature:before { border: none; }
    
    /************ ADMIN FOOTER  ************/
    #g-copyright .g-block {display: flex; align-items: center; justify-content: center;}
    #g-copyright .g-grid:last-child .g-block {justify-content: flex-end;}
    #g-copyright .g-content {margin: 0; padding: 0;}
    #g-copyright {margin: -25px 0 0 0; padding: 0; height: 40px;}
    #g-copyright a .fa.fa-lock {color: #e5e5e5;}
    #g-copyright a:hover .fa.fa-lock {color: #c71833;}
    #g-footer.notopline {border-top: none;}
    #g-copyright .g-block {justify-content: center;}
    #g-copyright {padding-bottom: 20px;}
    .adminfootericon {z-index: 100;}
    
    @media only screen and (max-width: 767px) {
        #g-copyright {display: none!important;}
        #g-copyright .g-block {justify-content: center;}
        #g-copyright .g-block:last-child {display: none;}
    }
    /*******ERROR PAGE EDIT********/
    .g-simplecontent .g-simplecontent-layout-header {width: 100%;}
    .g-error #g-container-main {padding: 0;}
    
    /************ SUB MENU INDICATOR  ************
    .g-toplevel .g-dropdown-column .g-parent > .g-menu-item-container:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        content: "\f054";
        position: absolute;
        right: 9px;
        top: 40%;
        opacity: .8;
    }
    
    
    
    /************ SECTION STYLES  ************
    .boxshadowaroundpositions .g-block { display: flex; }
    .boxshadowaroundpositions .g-block .g-content { 
        flex: 1;
        box-shadow: 0px 0px 10px rgba(0,0,0,.3);
        padding: 40px;
        margin: 10px 20px;
    }
    
    
    /*LOGIN FORM *
    #g-aside form div.userdata ul.unstyled {display: none;} 
    /* this hides the reset password in a password protected login page */
    
    /*************** MOBILE STAFF PAGES ***************/
            /*Staff Article Pages*
    .mstaff .teacherbox img {margin-bottom: 10px;}
    .teacherbox img:not(.mstaff .teacherbox img) {margin-bottom: 10px;}
    
    @media only screen and (max-width: 767px) {
        .mstaff .teacherbox {display: flex; flex-direction: row; margin-bottom: 5px; height: 110px; overflow: none; width: 100%; background: #f8f8f8;}
        .mstaff .teacherbox div:first-child {width: 129px; margin-right: 10px; display: flex; justify-content: left;}
        .mstaff .teacherbox img {margin: 0; height: 110px; width: auto; object-fit: cover; object-position: center;}
    
        .mstaff .teacherbox div:last-child {display: flex; justify-content: left; position: relative; width: 100%;}
        .mstaff .teacherbox div:last-child p {font-size: 1rem; text-align: left!important;}
        .mstaff .teacherbox div:last-child .button {position: absolute; bottom: 1px; right: 1px; width: 100%; background: none; color: #333; text-align: center; border-radius: 0;}
    }
    
            /*Staff Strips Modules*
    .mstaff .sprocket-strips-item {box-shadow: none;}	
    .mstaff .sprocket-strips-content {color: #333!important; height: 400px;}
    .mstaff .sprocket-strips-content {height: 400px;}
    
    @media only screen and (max-width: 767px) {
        .mstaff .sprocket-strips-content {height: 110px!important; padding: 0;}
        .mstaff .sprocket-strips-container li {height: 110px!important; width: 100%; margin: 10px 0;}
    }
    
    /****************************************************************************************************/