/* 
	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 
*/

.gradient-maroon .tile-internal {
background: -moz-linear-gradient(top,  rgba(73,18,23,0) 0%, rgba(73,18,23,0.8) 55%, rgba(73,18,23,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,18,23,0)), color-stop(55%,rgba(73,18,23,0.8)), color-stop(100%,rgba(73,18,23,1)));
background: -webkit-linear-gradient(top,  rgba(73,18,23,0) 0%,rgba(73,18,23,0.8) 55%,rgba(73,18,23,1) 100%);
background: -o-linear-gradient(top,  rgba(73,18,23,0) 0%,rgba(73,18,23,0.8) 55%,rgba(73,18,23,1) 100%);
background: -ms-linear-gradient(top,  rgba(73,18,23,0) 0%,rgba(73,18,23,0.8) 55%,rgba(73,18,23,1) 100%);
background: linear-gradient(to bottom,  rgba(73,18,23,0) 0%,rgba(73,18,23,0.8) 55%,rgba(73,18,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00491217', endColorstr='#491217',GradientType=0 );}

.gradient-maroon a {color: #fff;}

#tile- h2, .news-item, .latest-news .txt-light a.fill, .latest-news .txt-light a {color:black !important;}

.school-logo {
    border-bottom: none;
    background: none;
}

@media screen and (min-width: 770px) and (max-width: 980px) {
    .main-nav li a {
        font-size: 11px;
    }
    .school-logo {padding-top: 35px;}
    .main-header {
        height: 391px;
    }
}

@media screen and (max-width: 769px) {
    .swiper-container {
        padding-top: 40px;
    }
    .main-header {
        height: auto;
    }
}

.blurb .tile-content img {
    max-width: 100%;
    height: auto;
}

/*---------------------------------- Facebook feed ---------------------------------------*/

.latest-news {
        
}



@media screen and (min-width: 981px) {
    .latest-news {
       
    }
}

@media screen and (min-width: 770px) and (max-width: 980px) {
    .latest-news {
       
    }
}
.latest-news .tile {
    display:none;
}
.latest-news{background:none;}