/* 
	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-black .tile-internal {
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 55%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(55%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 55%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 55%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 55%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 55%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

#tile-id-42 .next-issue {color: #000 !important;}


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

@media screen and (max-width: 980px) and (min-width: 770px) {
    .school-logo {
        top: 60px;
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    
    body#tasDoe .main-nav li a {
        padding: 0 16px;
    }
}

@media screen and (max-width: 590px) and (min-width: 451px) {
#tile-id-42 .sz-tile .tile-1.right.tile-link-list {
    width: 241px;}
#tile-id-42 .tile-link-list {
    right: -23px;}}

.latest-news {
    background-color: rgb(14, 27, 106);
}

.news-bg-auto-sub {
    background: rgb(14, 27, 106);
    background: #0e1b6a;
    background: linear-gradient(to bottom, rgba(92,158,222,0) 0%,rgba(14, 27, 106,1) 49%);
}

body#tasDoe .main-nav li a:hover {
    color: #073d8a;
}

@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;}