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

.tile-content .form_h2_name {display: none;}

.bg-app { 
    background: url(https://piawrcs.schoolzineplus.com/_image/media/368/190712012640290/szapp_template.jpg);
    opacity: 1 !important;
    background-size:cover;
}

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

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



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

.tile-wrapper.latest-news .school-logo {
    position: relative;
    width: auto;
}

@media screen and (max-width: 980px) {
    .tile-wrapper.latest-news .school-logo {
        top: 0;
    }
}

div.tile-padded {padding-bottom: 50px !important;}

.blurb h2.school-slogan {margin: 10px 0 20px 0;}


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

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

/*.latest-news .tile {*/
/*    height: 100%;*/
/*    max-height: 86%;*/
/*}*/

#accessibility-bar {
    width: 100%;
}

.latest-news .tile {
    height: calc(100% - 211px);
}