/*
 * HTML5 Saint Thomas Academy
 *
 * A template created for STA using HTML5 and responsive design
 * 
 */

body {
     background: #fff;
}


/* ==========================================================================
   Header Elements
   ========================================================================== */

#page-body-wrap header #logo {
    text-align: left;
}
#page-body-wrap .main-nav {
    display: none;
}
#page-body-wrap .top-nav ul.nav,
#page-body-wrap .top-nav .searchform {
    display: none;
}

.sidr-class-searchform{
    margin: 15px;
}

#side-menu-wrap{
     display: block;
     text-align: right;
}

#sidr-main {
     padding-top: 30px;
     width: 275px;    
     background-color: #dfdfdf;
}
#sidr-main a.sidr-class-menu-close {
     position: absolute;
     top: 15px;
     right: 15px;
     display: block;
     width: 10px;
     height: 13px;
     background: url(../../images/icon_close.png) no-repeat right;
     text-indent: -9999px;
}
#side-menu-wrap a:hover {
    text-decoration: none;
}
#sidr-main ul {
    display: block;
    padding: 0;
    margin: 42px 0px;  
}
#sidr-main ul li{
     display: block;
     margin: 0;
     color: #363636;
     border-bottom: 1px solid #b7b7b7;
}
#sidr-main ul li.has-children.nav-selected,
#sidr-main ul li.has-children.nav-path-selected{
     border-bottom: none;
}
#sidr-main ul li a,
#sidr-main ul li a:link, 
#sidr-main ul li a:visited{
    font-size: 1.125em;
    font-weight: 700;
    line-height: 1.563em;
    color: #363636;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    margin: 0 15px;
}
#sidr-main ul li a:hover, 
#sidr-main ul li a:active{
    background-color: none;
}
#sidr-main ul li:hover > a, 
#sidr-main ul li.active > a,
#sidr-main ul li.sidr-class-nav-selected > a,
#sidr-main ul li.sidr-class-nav-path-selected > a {
    text-decoration: none;
}
#sidr-main ul li a.sidr-class-carat {
    background: url("../../images/carat.png") no-repeat right;
}

#sidr-main ul li.sidr-class-nav-selected a.sidr-class-carat {
    background: url("../../images/carat_on.png") no-repeat right;
}
#sidr-main ul li ul {
    padding: 0;
    margin: 0;
    display: none;
} 
#sidr-main ul li.sidr-class-nav-selected>ul,
#sidr-main ul li.sidr-class-nav-path-selected>ul{
    display: block;
}
#sidr-main ul ul li {
     border-bottom: none;
}
#sidr-main ul ul li a, 
#sidr-main ul ul li a:link, 
#sidr-main ul ul li a:visited{
     text-transform: none;
}
#sidr-main ul ul li a:hover, 
#sidr-main ul ul li a:active{
     background-color: none;
}
#sidr-main ul ul li:hover > a, 
#sidr-main ul ul li.active > a,
#sidr-main ul ul li.nav-selected > a,
#sidr-main ul ul li.nav-path-selected > a {
     color: #363636;
     text-decoration: none;
     background-color: none;
}
#sidr-main ul li ul li ul{
     display: block;
} 
#sidr-main ul li ul li ul li{
     margin-left: 1em;
} 
#sidr-main ul ul ul li a, 
#sidr-main ul ul ul li a:link, 
#sidr-main ul ul ul li a:visited{
     font-weight: 300;
} 


/* ==========================================================================
   In Page Nav Adjustments
   ========================================================================== */

#page-body-wrap #desktop-in-page-nav {
     display: none;
}
#page-body-wrap #mobile-in-page-nav {
     display: block;
     width: 100%;
     margin: 15px auto;
     background-color: #dfdfdf;
}
#page-body-wrap #mobile-in-page-nav h3 {
     margin: 0;
}
#page-body-wrap #mobile-in-page-nav h3 a {
     display: block;
     padding: 10px 13px;
     color: #363636;
     text-transform: uppercase;
     background: url("../../images/carat.png") no-repeat right 10px center;
}
#page-body-wrap #mobile-in-page-nav h3 a.active {
     border-bottom: 1px solid #c6c8c6;
     background: url("../../images/carat_on.png") no-repeat right 10px center;
}
#page-body-wrap #mobile-in-page-nav .in-page-nav {
     display: none;
     margin: 0;
     padding: 0;
}
#page-body-wrap #mobile-in-page-nav .in-page-nav ul.nav {
     height: auto;
     margin: 0;
     padding: 0;
     list-style: none;
}
#page-body-wrap #mobile-in-page-nav .in-page-nav ul.nav li{
     display: block;
     margin: 0;
     padding: 0;
     width: 100%;
     height: auto;
}
#page-body-wrap #mobile-in-page-nav .in-page-nav ul.nav li a{
     display: block;
     height: auto;
     font-size: 1em;
     font-weight: 300;
     line-height: 2em;
     color: #363636;
     text-align: left;
     padding: 0 13px;
     background-color: transparent;
     background: none;
     border-bottom: 1px solid #c6c8c6;
}
#page-body-wrap #mobile-in-page-nav .in-page-nav ul.nav li:last-child a{
     border-bottom: none;
}
#page-body-wrap #mobile-in-page-nav .in-page-nav ul.nav li a.nav-selected{    
     color: #363636;
     font-weight: 700;
}

/* ==========================================================================
   Footer
   ========================================================================== */
   
#page-body-wrap #footer .footer-nav ul { 
    float: left;
    width: 49%;
}
#page-body-wrap #footer .footer-nav ul:first-child { 
    margin-right: 2%;
}