/* 
	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 
*/
#facebookFeed iframe, #facebookFeed .fb_iframe_widget, #facebookFeed .fb_iframe_widget span, ._10b4, ._2lqg
{
    height: 1300px !important;
}

div#u_0_3 { max-height: 1300px !important; }
._10b4 { max-height: 1300px !important; }



.bg-app {
    background: #1f4e79; opacity: 1;
}

#app-tile .tile-header a {color: #fff;}
    
.tile-link-item.bg-gray-trans-light {
    background: grey;
}

.tile-link-item.bg-gray-trans-dark {
    background: darkgrey;
}

#tile-id-49  i.fa.fa-arrow-circle-right.txt-gray-trans-light {
    color: white;
}

#tile-id-49  i.fa.fa-arrow-circle-right.txt-gray-trans-dark {
    color: white;
}


#tile-id-49 i.fa.fa-arrow-circle-right.txt-sub {
    color: white;
}

#tile-id-50 .tile-internal, .tile-padded {
    padding: 25px 25px 15px 7px;
}

.table-wrapper{
    width: 100%;
}

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

body#tasDoe #facebookFeed, body#tasDoe #latestNews, .latest-news {
    border-color: rgb(34, 42, 53);
    background-color: rgb(34, 42, 53);
}

.news-bg-auto-sub {
    background: rgb(34, 42, 53);
    background: #222a35;
    background: linear-gradient(to bottom, rgba(34, 42, 53, 0) 0%,rgb(34, 42, 53) 49%);
}

.tile .tile-internal {
    text-align: center;
    bottom: 75px;
}

.tile-internal .tile-link a, #app-tile .tile-header a{
    font-size: 27px !important;
    line-height: 1;
}

.tile-internal .tile-link a .fa, #app-tile .tile-header a .fa {display: none;}

#tile-id-49 .tile-internal {
    text-align: left;
    bottom: 0;
}

#app-tile .tile-internal {bottom: -7px;}

img.Border {
    border: 1px solid #FFF;
    padding: 5px;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3), 0px 1px 2px rgba(0,0,0,0.3);
    -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.3), 0px 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3), 0px 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3), 0px 1px 2px rgba(0,0,0,0.3);
    background-color: #DFDFDF;
    background: -moz-linear-gradient(top,#FFF,#DFDFDF 50%,#CECECE);
    background: -webkit-gradient(linear, left top, left bottom,from(#FFF),color-stop(0.5, #DFDFDF),to(#CECECE));
    background: linear-gradient(top,#FFF,#DFDFDF 50%,#CECECE);
}

img[style*="float: left;"]{
    margin: 15px 20px 10px 0;
    max-width: 75%;
}

img[style*="float: right;"]{
    margin: 15px 0px 10px 20px;
    max-width: 75%;
}

.school-logo {
    position: relative;
    z-index: 2;
    top: 0;
    right: 0;
    width: auto;
    height: 200px;
    line-height: 200px;
    background: #ffffff;
    border-bottom: 10px solid #cccccc;
    text-align: center;
}

body#tasDoe .school-logo {
    top: 0px;
}

body#tasDoe #facebookFeed, body#tasDoe #latestNews, .latest-news {
    border-color: white ;
    /*background-color: white;*/
}

.wrapper.rel .school-logo {display: none;}

@media screen and (min-width: 770px) and (max-width: 980px) {
body#tasDoe .latest-news, body#tasDoe .latest-news .tile.tile-1 {
    width: 480px;
}
body#tasDoe .latest-news .tile-divider {
    width: 430px;
}

}

body#tasDoe .tile-padded {
    padding: 25px 25px 15px 25px;
}