/* 
	This CSS file contains the custom css styles for the Schoolzine Website template 
	When adding to this file use the following comment example:
*/

/* 
	Added by: Your Name
	Date: Date Added
	Descriptoin: A breif description of the change 
*/

.topTiles .tiles4 div:nth-child(odd) .htile .header-strip h3 a {
    font-weight: 600;
}

.bottomTiles .tiles4 div:nth-child(even) .htile .header-strip h3 a, .bottomTiles .tiles4 div:nth-child(even) .htile .header-strip h3 a span {
    font-weight: 600;
    color: #000;
}

.tiles4 .htile .header-strip h3 a {font-weight: 600;}

.sidebar #FacebookCol {display: none;}

#tag_website_top_menu {width: 100%;}

.is_home #content01 .content-wrap:last-of-type{
    padding: 0px;
}

@media screen and (max-width: 991px) {
    #tag_website_top_menu {display: none;}
}

.primary-menu-open #tag_website_top_menu {display: block;}

#tag_website_top_menu ul.open {display: block !important;}

#header.header5 #top-search {background: transparent !important;}

.topTiles > div > div:nth-child(even) .header-strip, .bottomTiles > div > div:nth-child(odd) .header-strip {background: rgba(0, 39, 123, 0.9) !important;}

.topTiles > div > div:nth-child(odd) .header-strip h3 a, .bottomTiles .tiles4 div:nth-child(even) .htile .header-strip h3 a span, .bottomTiles > div > div:nth-child(even) .header-strip h3 a {color: rgba(0, 39, 123, 0.9) !important;}

.is_internal .content-wrap {
    padding: 0px;
}

.is_home .read-more-button {display: none;}

#header-wrap h1 {
    display:inline-block;
    font-size: 30px;
    color: #2d2f76;
    text-transform: uppercase;
    margin-top: 35px;
}

#header.header5 #accessibilityBar {top: 90px;}

@media screen and (min-width: 992px) and (max-width: 1380px) {
    #header-wrap h1 {width: 510px;}
}

@media screen and (max-width: 991px) {
    #header-wrap h1 {
        text-align: center;
        margin: 12px auto;
        width: 100%;
        font-size: 3vw;
    }
    
    #tile-id-43 {height: 300px;}
}

@media screen and (min-width: 992px) and (max-width: 1087px) {
    #header-wrap h1 {
        width: 30vw;
        font-size: 30px;
        margin-top: 15px;
    }
}

.tiles4 .htile .content-area {max-height: 100%;}

#header.header5 #accessibilityBar {
    right: 87px;
    left: auto;
}

@media screen and (max-width: 1200px) {
    .tiles4 .htile {
        background-position: center !important;
}
    }
    
.is_home .header5 #primary-menu-trigger {
    /* display: none; */
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #header-wrap h1 {
        font-size: 18px !important;
        margin-top: 36px !important;
    }
}

.moduleNav ul li a > div i.fa {top: 0;}

.darkHeader h3.header a {color: #2d2f77;}

.is_home .content-wrap {padding: 0;}

ul.header-extras {display: none;}

h1.schoolName {
    font-size: 20px;
    padding-top: 30px;
}

@media screen and (max-width: 991px) {
    h1.schoolName {
        padding-top: 0;
        text-align: center;
    }
    
    .footer3 a.footer-logo svg {width: auto !important;}
}

#logo img {
    max-height: 130px;
    height: 130px;
}

h1.schoolName {
    font-size: 30px;
    color: #2D2F77;
}

@media screen and (min-width: 980px) and (max-width: 1400px) {
    .tiles_6 div.contentArea {background-position: center !important;}
    
}

@media screen and (min-width: 760px) and (max-width: 1200px) {
    #slider.swiper_wrapper {
        height: 32vw !important;
    }
    
    body .swiper_wrapper:not(.full-screen):not(.canvas-slider-grid) .swiper-slide {height: 100% !important;}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
#primary-menu ul > li > a {font-size: 11px !important;}
}

#header {border-bottom: none !important;}

div.content-wrap {padding: 10px !important;}

nav#primary-menu {background: #fff;}

.privacymargin div.content-wrap {
    margin-left: 100px !important;
    margin-right: 100px !important;
}

@media screen and (max-width: 770px) {
    div.content-wrap p a.sz-user-link.btn {
        width: 100%;
        white-space: normal;
        line-height: inherit;
    }
}

.enrolButton{
    position: absolute;
    right: 0;
    top: 20px;
    margin-top: 0px;
    display:none;
}
.enrolButton a.btn {
    font-size:16px;
}

.enrolButton a {background-color: rgb(162 37 37);}

#header .enrolButton{
    display:block;
}
#tiles22 {
    background: #99D1EE;
}
@media screen and (max-width: 991px) {
    #header .enrolButton {
        display: block;
        position: relative;
        margin: 0 auto;
        margin-top: -30px;
        margin-bottom: 50px;
        text-align: center;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    h1.schoolName {
        font-size: 25px;
        padding-top: 35px;
    }
}

/* 
    Added by: Luke O
    Date: Date 05/10/23
    Description: Underline on hyperlinks
*/

.sz-user-link {
    text-decoration: underline !important;
}