@charset "UTF-8";

/*** 
Left Header Gradient: 		10,10,10
Right Header Gradient:		20,20,20
***/

.transp-bg-left {
background: rgb(10,10,10); /* Old browsers */
    background: linear-gradient(to right, rgba(10,10,10, 1) 0%, rgba(10,10,10, 1) 35%, rgba(10,10,10, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.transp-bg-right {
background: rgb(20,20,20); /* Old browsers */
    background: linear-gradient(to left, rgba(20,20,20, 1) 0%, rgba(20,20,20, 1) 35%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

@media only screen and (min-width: 1100px) and (max-width: 1500px) {
	.transp-bg-left {
		background: linear-gradient(to right, rgba(10,10,10, 0.9) 0%, rgba(10,10,10, 1) 10%, rgba(10,10,10, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.transp-bg-right {
		background: linear-gradient(to left, rgba(20,20,20, 0.9) 0%, rgba(20,20,20, 1) 10%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}

@media only screen and (min-width: 800px) and (max-width: 1099px) {
	.transp-bg-left {
		background: linear-gradient(to right, rgba(10,10,10, 0.95) 0%, rgba(10,10,10, 1) 5%, rgba(10,10,10, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.transp-bg-right {
		background: linear-gradient(to left, rgba(20,20,20, 0.95) 0%, rgba(20,20,20, 1) 5%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
}


/* Header Bottom Border */
.main-header {
	border-bottom: 2px solid #FFFFFF;	
}

/* Heading1Section Gradient */
#Offline .Heading1Section, #Offline #header, #Offline .PageHeading, .mobile-sponsors .Heading1Section, .mobile-content-holders .item-header, .bg-gradient {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c85a05+0,ffbc62+100 */
background: #c85a05; /* Old browsers */
background: -moz-linear-gradient(left,  #c85a05 0%, #ffbc62 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c85a05 0%,#ffbc62 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c85a05 0%,#ffbc62 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c85a05', endColorstr='#ffbc62',GradientType=1 ); /* IE6-9 */


color: #ffffff  /* Text colour change - optional*/
}


/* Print Button Gradient */
.print-newsletter {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c85a05+0,ffbc62+100 */
background: #c85a05; /* Old browsers */
background: -moz-linear-gradient(left,  #c85a05 0%, #ff9b4d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c85a05 0%,#ff9b4d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c85a05 0%,#ff9b4d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c85a05', endColorstr='##ff9b4d',GradientType=1 ); /* IE6-9 */


}

/* Print Button Hover Gradient */
.print-newsletter:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c85a05+0,f8991a+100 */
background: #c85a05; /* Old browsers */
background: -moz-linear-gradient(left,  #ff9b4d 0%, #c85a05 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #ff9b4d 0%,#c85a05 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #ff9b4d 0%,#c85a05 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c85a05', endColorstr='#f8991a',GradientType=1 ); /* IE6-9 */



}


/* Top Icon Colour */
.top-menu.wrapper li a, .top-menu.wrapper li i, .mobile-menu-title, .mobile-menu-toggle {
    color: #ffffff;
}

/* Top Icon Hover Colour */
.top-menu.wrapper li:hover a, .top-menu.wrapper li:hover i {
    color: #d6d6d6;
}


/* Print Button Text Colour */
.fixed-menu .print-newsletter span, .fixed-menu .print-newsletter i {
    color: #ffffff;
    text-shadow: none !important;
}

.sidepanel.left p.ImageCenter img {
    background: -moz-linear-gradient(center top , #fff, #dfdfdf 50%, #cecece) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
    padding: 5px;
}

.main-nav li {
    text-shadow: none !important;
}
.main-nav li:hover, .main-nav li.active {

}

/* Square Up */

.school-info {
border-radius: 0 0 0 0 !important; 
padding: 0 0 0px 0;
}

.nav-gradient {
    display: none;
}

.transp-bg-left {
    display: none;
}

.transp-bg-right {
    display: none;
}

.main-header {
    border-bottom: none;
}

ul.top-menu.wrapper {
    background-color: #c85a05;
}

.main-nav a {
    opacity: 1;
}

/* No Logo */

.school-info img {
    display:none;
}

.school-info {
    border-radius: 0 0 0 0;
    padding: 0 0 0 0;
}

.search-form label {
    display:none;
}

.fixed-menu .search input {
    width: 216px;
}

.fixed-menu .search {
    margin: 0px 0 0 13px;
}

.details-push {
    display:none;
}

#Offline div#1337 .Heading1Section {
    padding-bottom: 50px;
    background-position: bottom;
}

@media screen {

#Offline .Heading1Section {
background: none;
background-repeat: no-repeat;
}

#Offline .articleAnchors {
    border: 2px solid #3883c7;
}

#Offline .Heading1Section {
	color:#285f91;
}

}



.embed_form_name {
    display: none;
}

#Offline .articleAnchors {
    padding: 26px 48px 10px;
    border: 4px solid #F59A01;
}

@media screen {

#Offline .Heading1Section {
    border: 0;
}

#Offline .Heading1Section {
background: none;
    border-bottom: none;
    background-image: url(https://ccsp.schoolzineplus.com/_image/media/7/article-border1.png?width=700);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100%;
    padding-bottom: 20px !important;
    padding-top: 16px !important;
    margin-top: 15px;
}

#Offline .Heading1Section {
	color:#1F7AC3;
}

.Heading1Section, #Offline .Heading1Section, .mobile-sponsors .Heading1Section, .mobile-content-holders .item-header {
    padding: 7px 52px 7px 10px;

}

.top-menu.wrapper {
border-top: 3px solid #923797;
}

.fb-fixed-height {
    min-height: 530px;
}

.twitter-share{
    width: 100px;
    
}
}