@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, 0.65) 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, 0.65) 0%, rgba(20,20,20, 1) 35%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: cover;
    
}

@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);
	}
}

.transp-bg-left {
  background-image: url(https://proserpiness.schoolzineplus.com/_image/media/13/1.png);
  background-repeat: repeat; 
}
.transp-bg-right {
 background-image: url(https://proserpiness.schoolzineplus.com/_image/media/28/2.png);
  background-repeat: repeat; 
}


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

/* 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/#008429+0,35b75c+100 */

background: rgb(0,132,41); /* Old browsers */

background: -moz-linear-gradient(45deg,  rgba(0,132,41,1) 0%, rgba(53,183,92,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,132,41,1)), color-stop(100%,rgba(53,183,92,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  rgba(0,132,41,1) 0%,rgba(53,183,92,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  rgba(0,132,41,1) 0%,rgba(53,183,92,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  rgba(0,132,41,1) 0%,rgba(53,183,92,1) 100%); /* IE10+ */

background: linear-gradient(45deg,  rgba(0,132,41,1) 0%,rgba(53,183,92,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008429', endColorstr='#35b75c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


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


/* Print Button Gradient */
.print-newsletter {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008429+0,35b75c+100 */

background: rgb(0,132,41); /* Old browsers */

background: -moz-linear-gradient(45deg,  rgba(0,132,41,1) 0%, rgba(53,183,92,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,132,41,1)), color-stop(100%,rgba(53,183,92,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  rgba(0,132,41,1) 0%,rgba(53,183,92,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  rgba(0,132,41,1) 0%,rgba(53,183,92,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  rgba(0,132,41,1) 0%,rgba(53,183,92,1) 100%); /* IE10+ */

background: linear-gradient(45deg,  rgba(0,132,41,1) 0%,rgba(53,183,92,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008429', endColorstr='#35b75c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

/* Print Button Hover Gradient */
.print-newsletter:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#35b75c+0,008429+100 */

background: rgb(53,183,92); /* Old browsers */

background: -moz-linear-gradient(45deg,  rgba(53,183,92,1) 0%, rgba(0,132,41,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(53,183,92,1)), color-stop(100%,rgba(0,132,41,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  rgba(53,183,92,1) 0%,rgba(0,132,41,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  rgba(53,183,92,1) 0%,rgba(0,132,41,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  rgba(53,183,92,1) 0%,rgba(0,132,41,1) 100%); /* IE10+ */

background: linear-gradient(45deg,  rgba(53,183,92,1) 0%,rgba(0,132,41,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35b75c', endColorstr='#008429',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}


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

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


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

}

