@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/#52b453+0,3d943e+100 */
background: #52b453; /* Old browsers */
background: -moz-linear-gradient(left,  #52b453 0%, #3d943e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #52b453 0%,#3d943e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #52b453 0%,#3d943e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52b453', endColorstr='#3d943e',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/#52b453+0,3d943e+100 */
background: #52b453; /* Old browsers */
background: -moz-linear-gradient(left,  #52b453 0%, #3d943e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #52b453 0%,#3d943e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #52b453 0%,#3d943e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52b453', endColorstr='#3d943e',GradientType=1 ); /* IE6-9 */


}

/* Print Button Hover Gradient */
.print-newsletter:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d943e+0,52b453+100 */
background: #3d943e; /* Old browsers */
background: -moz-linear-gradient(left,  #3d943e 0%, #52b453 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #3d943e 0%,#52b453 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #3d943e 0%,#52b453 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d943e', endColorstr='#52b453',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 {

}

.main-header {
	background: url('https://musgravehss.schoolzineplus.com/_image/media/1/musgravehillss-mainheader.png') repeat-x !important;
	}

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

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

.header-img {
    background-color: rgba(255, 255, 255, 0) !important;
}