/* 
	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(53,78,157,0) 0%, rgba(53,78,157,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(53,78,157,0) 0%,rgba(53,78,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(53,78,157,0) 0%,rgba(53,78,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00354e9d', endColorstr='#354e9d',GradientType=0 ); /* IE6-9 */
}

    
@media screen and (max-width: 769px) {
    .video-tile iframe {
        width:100%;
    }
}
/*#tickerWrap{height:50px;}*/
@media screen and (max-width: 500px) {
.swiper-wrapper {margin-bottom: -5px;}}

@media screen and (max-width: 769px) {
    .video-tile iframe {
        width:100%;
    }
    /*.latest-news {display:none !important;}*/
}
.blurb .tile-content p{text-align:left;}

@media screen and (max-width: 600px) {
.is-mobile #tile-id-51{height:auto;min-height:300px;}
}  

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

@media screen and (max-width: 380px) {
    #tile-id-52 h2 {font-size:14px !important;}
    }
    
.school-name a {
    text-transform: none;
}

.latest-news {
    background-color: rgb(42, 101, 69);
}

.news-bg-auto-sub {
background: linear-gradient(to bottom, rgba(42, 101, 69,0) 0%,rgb(42, 101, 69) 49%);
}


.swiper-container {
	overflow: initial;
}

.logo1 {
    height: 100px;
    width: 100px;
    background: url("https://stjudesps.schoolzineplus.com/_image/media/115/elc-logo-resized.png");
    right: -101px;
    position: absolute;
    top: 61px;
	background-size: cover;
	z-index: 100;
}

.logo2 {
	height: 100px;
    width: 100px;
    background: url("https://stjudesps.schoolzineplus.com/_image/media/116/st-judes-resized.png");
    left: -100px;
    position: absolute;
	background-size: cover;
	z-index: 100;
}

/*#tile-home {display: none;}*/

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

/* =============== slider responsiveness ============== */


#scrollAnnouncement .news-wrapper br { display:none; }

p.news-date {
    display: none;
}

/*.TickerNews {height:50px !important;width:100% !important;}*/


/*.ti_content .ti_clone {width:100% !important;}*/

/*.ti_wrapper {width:auto;}*/



/*.ti_wrapper {*/
/*    height:50px;*/
}

/*#tickerWrap {display:none !important;}*/

.latest-news {
    background-color: rgb(40, 95, 65);
}

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

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

@media screen and (max-width: 1185px) {
	.logo1 {right: 4px;}
	.logo2 {left: 4px;}
}

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

.search-bar input {
    width: 133px;}
}

@media screen and (min-width: 561px) and (max-width: 670px) {
.logo1, .logo2 {
    height: 80px;
    width: 80px;}
}

@media screen and (max-width: 560px) {
.logo1, .logo2 {
    height: 60px;
    width: 60px;}
}


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

#search-form button {
margin: 0;
}

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


/*---------------------------------- Home Banner ----------------------------------------*/

#tickerWrap .btn:hover {
    background-color: #fff;
    color: #000;
    font-weight: bold !important;
}

#tickerWrap {width: auto !important;}

#tickerWrap .btn {
    border: 2px solid #f6dd20;
    background-color: #f6dd20;
    margin: 1% 5%;
    transition: background-color: ease .5s;
    color: #000;
    font-weight: bold !important;
    float: right;
}

@media screen and (max-width: 700px) {
    #additonalbuttons .bannerText {
        float: none;
        text-align: center;
    }
}

@media screen and (min-width: 770px) {
    #additonalbuttons > div {padding-left: 15px;}
}

.testimonials {display: block; padding-bottom: 10px;}

/*-----------------------------CSO changes-------------------------*/

.is_internal .lote_form_page_fields {padding-top: 10px;}

#tile-home .tile-content {padding: 0 50px 20px 0;}

.is_internal .main-content {margin: 10px auto 0 auto;}

.is_home .main-content {padding-top: 0px !important; margin: 10px auto 0 auto;}

.is_home #tickerWrap {
    display: block;
    background-color: #3d3767;
    padding: 1%;
    
}
@media screen and (max-width: 930px){
   #tickerWrap .btn {
    margin: 1% 2%;
} 
}
@media screen and (max-width: 745px){
   #tickerWrap .btn {
    margin: 1% auto;
} 
}

#additonalbuttons {
    max-width: 980px;
    margin: 0 auto;
}

#additonalbuttons p {color: #fff !important; line-height: 30px !important;}

#additonalbuttons .bannerText {float: left;}

@media screen and (max-width: 769px) {
   #additonalbuttons p.bannerBtn {text-align: center;}
   #tickerWrap .btn {float: unset !important;}
}

#lote_form_35 .lote_form_page_fields {padding-top: 20px;}

/*----------------------------------Home message-------------------------------------------*/

@media screen and (min-width: 981px) {
    div#tile-home.tile.tile-3 {
        width: 980px;
    }
}

@media screen and (min-width: 770px) and (max-width: 980px) {
div#tile-home.tile.tile-3 {
        width: calc(100% + 240px);
    }
}

@media screen and (max-width: 769px) {
    div#tile-home.tile.tile-3 {
        width: 100%;
    }
}

/*p.bannerBtn a {margin-top: 25px !important;}*/

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

.latest-news {
        top: auto;
        max-height: 720px;
        height: 100%;
}



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

@media screen and (min-width: 770px) and (max-width: 980px) {
    .latest-news {
        max-height: 1201px;
        height: 100%;
    }
}

/*.latest-news .tile-link, #tile- .tile-padded {display: none;}*/

.blurb .tile-content table tr:nth-child(even) {
    background: #eaf3f5;
}


@media screen and (min-width: 700px) {
#additonalbuttons > .content_holder_wrapper {
display: flex;
align-items: center;
justify-content: space-evenly;
}

#additonalbuttons p {
white-space: nowrap;
}
} @media screen and (min-width: 770px) and (max-width: 980px) {
#additonalbuttons {
max-width: 730px;
}
}


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

#facebookFeed {
max-height: 50%;
}

/* 20/06/24 - SPARKS Changes */

/* Footer Changes */

.dark {
background: #2F6436 !important;
}

/* End */

h2, h3, h4 {
color: #2F6436 !important;
}

#tile- > div > div.tile-header h2 {
color: #fff !important;
}

#tile- > div > div.tile-content > div > div.news-item > h3 {
color: #fff !important;
}