/* 
	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 .tile-internal {
    background: -moz-linear-gradient(top, rgba(11,79,58,0) 0%, rgba(11,79,58,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(11,79,58,0) 0%,rgba(11,79,58,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(11,79,58,0) 0%,rgba(11,79,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b4f3a', endColorstr='#0b4f3a',GradientType=0 ); /* IE6-9 */
}

#tile-home {
    display:none;
}

@media screen and (max-width: 769px) {
    .video-tile iframe {
        width:100%;
    }
}

.gradient .tile-internal {background: -moz-linear-gradient(top, rgba(11,79,58,0) 0%, rgba(11,79,58,0.8) 55%, rgba(11,79,58,1) 100%);
background: -webkit-linear-gradient(top, rgba(11,79,58,0) 0%,rgba(11,79,58,0.8) 55%,rgba(11,79,58,1) 100%);
background: linear-gradient(to bottom, rgba(11,79,58,0) 0%,rgba(11,79,58,0.8) 55%,rgba(11,79,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000b4f3a', endColorstr='#0b4f3a',GradientType=0 );}


@media only screen and (min:width 770px) and (max-width: 980px) {
    .main-nav li a {
        font-size: 10px;
    }
}

@media screen and (max-width: 980px) and (min-width: 770px) {
.main-header {
height: 391px;}
}

@media screen and (max-width: 769px) and (min-width: 450px) {
.main-header {
    height: auto;}
}

@media screen and (max-width: 980px) and (min-width: 770px) {
    .school-logo {
        top: 60px;
        width: 100px;
        height: 100px;
        line-height: 100px;
    }

    
    .main-nav li a {
        font-size: 10px;
    }
}

.news-bg-auto-sub {
background: linear-gradient(rgba(2, 89, 66, 0) 0%,rgb(2, 89, 66) 49%);}

.latest-news {
    background-color: rgb(2, 89, 66);
}

.table-responsive {overflow-x: auto;}

@media screen and (max-width: 769px) {
    #tile-id-52 .tile-internal {
        padding: 25px 18px 10px 25px;
    }
}