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

body#tasDoe .swiper-container {max-width: 980px;}

body#tasDoe .main-nav li a {padding: 0 15px;}

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


#tile- {padding: 10px;}

#tile- .tile-header h2 {margin-top: 0; color: #fff;}

#tile- .tile-content p, #tile- .tile-content p strong, #tile- .tile-content h1, #tile- .tile-content h2, #tile- .tile-content h3, #tile- .tile-content p span, #tile- .tile-content div span, #tile- .tile-content a  {color: #fff !important;} 

body#tasDoe .latest-news {height: 450px; padding: 10px;}

.latest-news .tile-link {margin-bottom: 15px;}

.latest-news #tile- .tile-link a {color: #fff !important;}

.is_internal .result-row {margin-bottom: 80px;}

@media screen and (min-width: 770px) and (max-width: 980px) {
    body#tasDoe .main-nav li a {
    font-size: 11.5px;
    padding: 0px 5px;
}
}

@media screen and (max-width: 980px) {
    #tile-id-40.txt-main.type-holder.tile.tile-2,
    #tile-id-41.txt-main.type-holder.tile.tile-2,
    #tile-id-47.txt-main.type-holder.tile.tile-2,
    #tile-id-70.txt-main.type-holder.tile.tile-2 {
        width: 50%;
    }
}

@media screen and (max-width: 605px) {
    #tile-id-40.txt-main.type-holder.tile.tile-2,
    #tile-id-41.txt-main.type-holder.tile.tile-2,
    #tile-id-47.txt-main.type-holder.tile.tile-2,
    #tile-id-70.txt-main.type-holder.tile.tile-2 {
        width: 100%;
    }
}