.wrapper{max-width: 1080px;width:100%;}

.school-name.bg-main{background:none !important; color:rgb(9, 57, 112);}
	.school-name.bg-main a{color:rgb(9, 57, 112); padding-top: 46px; font-weight:normal; letter-spacing: normal; }
	
.school-info{position: relative; top:auto; right: auto; left: auto; height:auto; line-height: auto; height: 110px; line-height: normal;background:#fff;}
.school-logo{position: relative; top: auto; right: auto; width: auto; height: auto; max-width: 100px; max-height: 100px; background:transparent; border-bottom: none; float: left; line-height: normal; margin-top:4px;}
.search-bar{float:right;}
	.search-bar form{margin-top: 25px;}
	.search-bar input{width: 200px;}

.swiper-container{padding-top:0px;}

.main-header{height: auto;}

nav.main-nav{background-color: #1b3075; box-shadow: none; border-top: none;position: relative;}
	nav.main-nav a {color:#fff;}
		nav.main-nav a:hover{color:#fff;}

.swiper-container{width: 100%; max-width:none; height:auto; line-height:0;}

#tile-home.blurb .tile-header{display: none;}

#tile-home.blurb .tile-header {padding:0;}
#tile-home.blurb .tile-content{padding:0 0 0 0;}

#homeContent{width: 60%; margin: 70px auto 40px; text-align: center;}
#homeContent h2{text-transform: uppercase; font-size:30px;}
	.blurb  .tile-content #homeContent  p{text-align: center;}


/*.blurb a.content-holder-edit{display:none;}*/
/*.emspace.floatc{display: none;}*/


.main-nav li a:hover, .main-nav li.expanded  > a{color:#fff;}

.main-nav li > ul li a{color:#1b3075;}
	.main-nav li > ul li a:hover{color:#1b3075;}
	
	
	
.tile-internal, .tile-padded{position:relative; padding:0;}
.tile.tile-1{width:31%; height:auto; margin:0 1% 25px;}
#tile-id-45{margin-left:18%;}
#tile-id-46{margin-right:18%;}
div#tile-id-47 {margin-left: 18%;}
div#tile-id-48 {margin-right: 18%;}
div#tile-id-49 {margin-left: 18%;}
div#tile-id-50 {margin-right: 18%;}

#tile-id-45 h3 {text-align:center;}
#tile-id-46 h3 {text-align:center;}
div#tile-id-47 h3 {text-align:center;}
div#tile-id-48 h3, div#tile-id-49 h3, div#tile-id-50 h3, div#tile-id-91 h3 {text-align:center;}

@media screen and (min-width: 650px) and (max-width: 865px) {
    #tile-id-45{margin-left:4%;}
    #tile-id-46{margin-right:4%;}
    div#tile-id-47 {margin-left: 4%;}
    div#tile-id-48 {margin-right: 4%;}
    div#tile-id-49 {margin-left: 4%;}
    div#tile-id-50 {margin-right: 4%;}
    
    .tile.tile-1 {
        width: 45%;
    }
}

@media screen and (max-width: 650px) {
    .tile.tile-1 {
        margin: 10px 4%;
    }
    #tile-id-45{margin: 10px 4%;}
    #tile-id-46{margin: 10px 4%;}
    div#tile-id-47 {margin: 10px 4%;}
    div#tile-id-48 {margin: 10px 4%;}
    div#tile-id-49 {margin: 10px 4%;}
    div#tile-id-50 {margin: 10px 4%;}
    
    .tile.tile-1 {
        width: 90%;
    }
    
    .is_home .tile.tile-1 img {
        width: 100%;
    }
}

.bg-layer-sec, .bg-layer-main{height:auto;}
.bg-layer-main{}

/*.tile-content{text-align:center;}*/
     .whiteHeading .tile-content h3{font-weight:bold; font-size:24px; line-height:normal; padding: 10px 0 0; text-transform: uppercase;}
    .whiteHeading .tile-content h3, .tile-content h3 a{color:#fff;}
    .whiteHeading .tile-content p, .whiteHeading > .tile-content > a {color: #fff;text-align: center; padding: 10px 0 20px; margin:0;}
    
.is_home .tile img{/*width:100%;*/ height:auto;}

#bottomHolder{clear:both;}
#bottomHolder .tile.tile-1{width:100%; margin:0 0 10px;}
    #latestHolder, #contentHolders{width:48%; float:left; margin:0 1%;}
    #latestHolder .latest-news .tile-link{position:relative; bottom:auto; right:auto; left:auto; padding:0;}
     #latestHolder .latest-news{position:relative; top:auto; bottom:auto; right:auto; text-align: left; background-color:#eae6ed;}
     #latestHolder .latest-news .tile-divider{width:auto;}
        #latestHolder .news-bg-auto-sub{background:#eae6ed;}
     #latestHolder .latest-news h2{background:#1b3075; color:#fff; padding:10px 20px; font-weight:bold; text-transform:uppercase; font-size:20px;}
     
     #latestHolder .txt-light a{color: #333!important;}
      #latestHolder .news-bg a{padding: 0 20px 5px;text-align: right;  box-sizing: border-box; width: auto;}
     #latestHolder .latest-news .tile-divider{background:#8c619c;}
     
     #latestHolder .latest-news h3{font-size:18px; font-weight:normal; text-transform:none; color:#333; text-align:left; margin-top: 0; padding-top: 0;}
     #latestHolder .news-item{padding:0 20px;}
        #latestHolder .news-item .news-date{color:#333;opacity:1; font-size:12px; margin-bottom:2px; padding:0;}
        #latestHolder .latest-news p{color:#333; text-align:left; padding:0;}
     #latestHolder .tile-content{height:515px;}
     #contentHolders h2{color:#fff; font-weight:bold; text-transform:uppercase; font-size:20px; text-align:left;}
       
        #contentHolders h2 a{display:block; color:#fff; padding:10px 20px; text-align:left;}
        
          #tile-id-41 h2, #tile-id-42 h2, #tile-id-64 h2{padding-top:130px;}
          #tile-id-42 h2 a {background:rgba(216, 45, 49, 0.9); color: #fff !important;}
          #tile-id-64 h2 a {background:rgba(27, 48, 116, 0.9); color: #fff !important;}
          #tile-id-43{background:url(https://stjwonthaggi.schoolzineplus.com/_image/media/20/home-app.jpg) no-repeat 0 0;}
          #tile-id-41 h2 a {background:rgba(216, 45, 49, 0.9)}
          #tile-id-43 h2{padding-top:10px;}

           #tile-id-43 p{text-align:left; padding:5px 20px;}
           #tile-id-43 p,#tile-id-42 h2 a, #tile-id-64 {color: #fff !important;}
           
        .main-footer{padding-top:0;margin-top:50px; background:#1b3075 !important;}
            .main-footer .txt-sub{color:#6f7089 !important;}
            
.is_internal .tile-4, .is_internal .tile.tile-4{width:1080px;}

.main-header nav.main-nav li {
    width:11%;
    /*padding: 0 15px;*/
}
.main-header nav.main-nav li > ul li{
    padding:0;
}
 /*.main-nav.width-7 li           */
/* Mobile Styles */

@media screen and (max-width: 769px){
    .main-nav {
        top: 0px;
    }
}

.is-mobile .fa.fa-bars{float: right; color: rgb(9, 57, 112); padding: 10px; margin-right: -10px; font-size: 24px;}
.is-mobile .swiper-slide{line-height:0;}
.is-mobile .main-header {height:auto;}
.is-mobile .show-children{color:#fff;}
.is-mobile #tile-id-37, .is-mobile #tile-id-41, .is-mobile #tile-id-39, .is-mobile #tile-id-36 {margin:0 auto 10px;}
.is-mobile .tile.tile-1{margin:0 auto 10px; width:95%; float:none;}
.is-mobile #homeContent{width:95%; margin:20px auto;}
.is-mobile #latestHolder, .is-mobile #contentHolders{width:95%;float:none; margin:0 auto 10px;}

.stafftab tr:nth-child(odd) {background:#c3e5ff;}
.timestab tr:nth-child(odd) {background:#C3E5FF;}

div#content_link_49 li {color: black;}
div#content_link_50 li {color: black;}

.blurb h2 {
    font-size: 22px;
}

#accessibility-bar {
    width: 100%;
}

#accessibility-bar a:hover {color:black !important;}

#tile-id-41, #tile-id-42, #tile-id-43 {
background-size: cover !important;
}

#tile-id-64 {background-size: contain !important;}

@media screen and (max-width: 769px){
#accessibility-bar {display:none !important;}
.is_internal .tile-4, .is_internal .tile.tile-4 {width: 100%;}
.school-name a {height: 0;}
.main-nav {top: 0px;}
.main-header nav.main-nav li {padding:0; width: 100%;}
}

#tile-id-47 .tile-content p {
    padding: 5px 0 0;}
    
#tile-id-46, #tile-id-47 {height: 202px;}

@media screen and (max-width: 770px) {
    #tile-id-46 .tile-link-list {
    right: 0px !important;
    }
}

@media screen and (min-width: 700px) and (max-width: 865px) {
    .is_home .whiteHeading img {
    width: 100%;
    height: 105px;
}
}

/*body {*/
/*    background-image: url(https://edenhillsps.a1.szine.net/_image/media/32/newsletter-background.jpg);*/
/*}*/

.boxed-tiles {
    position: relative;
    background: white;
}

.school-name a {
    font-size: 20px;
}

.school-name.bg-main a {
    padding-top: 42px;
}

.blurb h1, .blurb h2, .blurb h3, .blurb h1 span, .blurb h2 span, .blurb h3 span, .blurb h1 strong, .blurb h2 strong, .blurb h3 stong, .blurb h1 span strong, .blurb h2 span strong, .blurb h3 span strong {
    color: #ff0000 !important;
    font-weight: 600;
}

@media screen and (max-width: 600px) {
    #latestHolder, #contentHolders {
        width: 98%;
    }


    #contentHolders {padding-top: 10px;}
}

.mobile-menu-toggle .fa-bars {
    float: right;
    color: #1b3074;
    padding-top: 10px;
}

table.NoBorder td {border: none !important;}

@media screen and (min-width: 650px) {
    #tile-id-45, #tile-id-47, #tile-id-48, #tile-id-46, #tile-id-49, #tile-id-50 {height: 202px !important;}
}

@media screen and (min-width: 866px) and (max-width: 970px) {
    #tile-id-46 .tile-link-list {
        right: 6px !important;
    }
}


/*----------------- website background -----------------------*/
.szschool-website {background: url(https://stjwonthaggi.schoolzineplus.com/website_bg.jpg) fixed no-repeat rgb(0, 4, 14);
    background-position-y: center;}
    
.boxed-tiles {padding: 10px; background-position-y: center;}

.is_internal .tile-4 {width: 100% !important;}

/*-----------------------------------------------------------*/

/*--home tile changes --*/

div#tile-home {
    width: 100%;
    min-height: 0px;
}

.blurb .tile-content img {
    max-width: 100%;
    height: auto;
}

#latestHolder .news-item .news-date {
    display: none;
}

#aboveFoot{
    background: #16234d;
    color: #fff;
    padding: 20px 40px;
    display:block;
    margin-top:40px;
}
#aboveFoot .item-header{
    display:none;
}
.main-footer{
    margin-top: 0;
}