@charset "UTF-8";
/* CSS Document */

.bg-main {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#134577+0,1b67ab+45,208ec9+98 */

background: rgb(19,69,119); /* Old browsers */

background: -moz-linear-gradient(45deg,  rgba(19,69,119,1) 0%, rgba(27,103,171,1) 45%, rgba(32,142,201,1) 98%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(19,69,119,1)), color-stop(45%,rgba(27,103,171,1)), color-stop(98%,rgba(32,142,201,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  rgba(19,69,119,1) 0%,rgba(27,103,171,1) 45%,rgba(32,142,201,1) 98%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  rgba(19,69,119,1) 0%,rgba(27,103,171,1) 45%,rgba(32,142,201,1) 98%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  rgba(19,69,119,1) 0%,rgba(27,103,171,1) 45%,rgba(32,142,201,1) 98%); /* IE10+ */

background: linear-gradient(45deg,  rgba(19,69,119,1) 0%,rgba(27,103,171,1) 45%,rgba(32,142,201,1) 98%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134577', endColorstr='#208ec9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.bg-sub {
	background: rgb(198,78,0); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(198,78,0,1) 0%, rgba(252,166,44,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(198,78,0,1)), color-stop(100%,rgba(252,166,44,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(198,78,0,1) 0%,rgba(252,166,44,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(198,78,0,1) 0%,rgba(252,166,44,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(198,78,0,1) 0%,rgba(252,166,44,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(198,78,0,1) 0%,rgba(252,166,44,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c64e00', endColorstr='#fca62c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bg-sub .news-bg {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(198,78,0, 0) 0%, rgba(198,78,0, 1) 49%) repeat scroll 0 0;
}

.grey-bg, .bg-grey {
	background: #d7d7d7; /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(215,215,215,1) 0%, rgba(242,242,242,1) 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(215,215,215,1)), color-stop(98%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(215,215,215,1) 0%,rgba(242,242,242,1) 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(215,215,215,1) 0%,rgba(242,242,242,1) 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(215,215,215,1) 0%,rgba(242,242,242,1) 98%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(215,215,215,1) 0%,rgba(242,242,242,1) 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.school-logo, .main-nav li > ul {
    border-bottom-color: #1b67ab;
}

.main-nav li > ul li a .fa.left-icon {
color: #D6680D;
}

.blogtile {
    background: #de7e03 url("https://centralianms.schoolzineplus.com/_image/media/63/principals-blog.jpg") no-repeat scroll center center;
    background-size: cover;
}
.gallerytile {
    background: #de7e03 url("https://centralianms.schoolzineplus.com/_image/media/231/gallery-bg.jpg") no-repeat scroll center center;
    background-size: cover;
}
.enrolmenttile {
    background: #3c7bba url("https://centralianms.schoolzineplus.com/_image/media/6/enrolments-bg.jpg") no-repeat scroll center center;
    background-size: cover;
}

.blogtile .tile-content, .enrolmenttile .tile-content, .calendartile .tile-content {
    display: none;
}

.blurb .blogtile, .blurb .calendartile, .blurb .enrolmenttile, .blurb .gallerytile {
background: #FFFFFF;	
}

.welcometile .tile-header {
    display: none;
}
.welcometile .tile-content > h2 {
    font-size: 27px;
    font-weight: 100;
    line-height: 1em;
    text-transform: uppercase;
}


.blurb .tile-content a.bluebtn {
	background: rgb(30,133,194); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(30,133,194,1) 0%, rgba(29,114,183,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,133,194,1)), color-stop(100%,rgba(29,114,183,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(30,133,194,1) 0%,rgba(29,114,183,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(30,133,194,1) 0%,rgba(29,114,183,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(30,133,194,1) 0%,rgba(29,114,183,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(30,133,194,1) 0%,rgba(29,114,183,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e85c2', endColorstr='#1d72b7',GradientType=0 ); /* IE6-9 */
    border-color:rgb(29,114,183);
	color: #ffffff !important;
}
    
.blurb .tile-content a.bluebtn:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d72b7+0,1e85c2+100 */
	background: rgb(29,114,183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(29,114,183,1) 0%, rgba(30,133,194,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(29,114,183,1)), color-stop(100%,rgba(30,133,194,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(29,114,183,1) 0%,rgba(30,133,194,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(29,114,183,1) 0%,rgba(30,133,194,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(29,114,183,1) 0%,rgba(30,133,194,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(29,114,183,1) 0%,rgba(30,133,194,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d72b7', endColorstr='#1e85c2',GradientType=0 ); /* IE6-9 */
	color: #ffffff !important;
}


.blurb .tile-content a.orangebtn {
	background: rgb(219,157,35); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(219,157,35,1) 0%, rgba(214,104,13,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,157,35,1)), color-stop(100%,rgba(214,104,13,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(219,157,35,1) 0%,rgba(214,104,13,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(219,157,35,1) 0%,rgba(214,104,13,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(219,157,35,1) 0%,rgba(214,104,13,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(219,157,35,1) 0%,rgba(214,104,13,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db9d23', endColorstr='#d6680d',GradientType=0 ); /* IE6-9 */
    border-color:rgb(214,104,13);
	color: #ffffff !important;
}
    


.blurb .tile-content a.orangebtn:hover {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6680d+0,db9d23+100 */
	background: rgb(214,104,13); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(214,104,13,1) 0%, rgba(219,157,35,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,104,13,1)), color-stop(100%,rgba(219,157,35,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(214,104,13,1) 0%,rgba(219,157,35,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(214,104,13,1) 0%,rgba(219,157,35,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(214,104,13,1) 0%,rgba(219,157,35,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(214,104,13,1) 0%,rgba(219,157,35,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6680d', endColorstr='#db9d23',GradientType=0 ); /* IE6-9 */
	color: #ffffff !important;
    }
	
	
::selection {background: #ffdeb7;}
::-moz-selection {background: #ffdeb7;}

table.stafftable td {
    border: none !important;
    text-align: center !important;
}
.stafftable p {
    font-size: 13px !important;
    text-align: center !important;
}
.stafftable img {
    border: 1px solid #ddd;
    margin-top: 15px;
    width: 59%;
}
table.stafftable {
    border: none;
}


.gallerytile a {
    color: white !important;
}
.gallerytile .tile-content {
    display: none;
}



.center.linkpagination a {
    background: red none repeat scroll 0 0;
    font-size: 12px;
    letter-spacing: 0.1em;
    padding: 10px 20px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}
.center.linkpagination > a:first-child {
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #12609e;
}
.center.linkpagination > a:last-child {
    border-left: 1px solid #12609e;
    border-radius: 0 5px 5px 0;
}
.center.linkpagination > a.active {
    background: #12609E;
    box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}



.news-date {
    display: none;
}

@media (max-width:980px) {
	.calendartile .desktop-only {
    display: none;
}	

	.calendartile .mobile-only {
    display: block;
}	

}
.main-nav li:hover > ul {
    display: block !important;
}

.contact-form-tile {
    background: url("https://centralianms.schoolzineplus.com/_image/media/449/contact.jpg") no-repeat scroll center center / cover ;
}
.blurb .tile-header{
	display: none;
}
.app-tile .tile-content{
	display: none;
	 background: #de7e03 url("https://centralianms.schoolzineplus.com/_image/media/231/gallery-bg.jpg") no-repeat scroll center center !important;
    background-size: cover !important;
}
