﻿/*  -- -- --  -- -- --  -- -- --  -- -- -- -- -- -- -- */

/* HEALTH CSS
	
 -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
/* TOP GLOBAL HORIZONTAL NAVIGATION
 -- -- -- -- -- -- -- -- -- -- -- -- */
#top-horitonal-nav-container {
	background: #a95baa !important;
	border-top: 11px solid #8b4e8c !important;
	clear: both;
	float: left;
	width: 100%;
	margin-top: -1px;
}
.top-horizontal-nav {
	background: #a95baa !important;
	font-size: 1.2em;
	height: 40px;
	line-height: 24px;
	margin: 0px auto;
	padding-top: 5px;
	width: 1075px;
}
/* LEFT HAND NAV
 -- -- -- -- -- -- -- -- -- -- -- -- */

.col-drillleftnav ul li a:hover {
	text-decoration: none;
	color: #a95baa !important;
	background-color: #fff;
}
.col-drillleftnav ul li:first-child, .col-drillleftnav ul li:first-child a {
	vertical-align: middle;
	font-size: 1.3em;
	/* [ReplaceFont(themeFont:"navigation")] */ 
	font-family: 'Open Sans', sans-serif;
	display: block;
	color: #a95baa !important;
}
/* BREADCRUMB
 -- -- -- -- -- -- -- -- -- -- -- -- */

.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected {
	background-color: #fff;
	color: #a95baa !important;
}
.crumbcontainer a:hover {
	color: #a95baa !important;
}
/* HOMEPAGE LAYOUTS
 -- -- -- -- -- -- -- -- -- -- -- -- */

.greyhomepagetitle {
	color: #a95baa !important;
}
}
.redtext {
	color: #a95baa !important;
}
.pagetitle {
	color: #a95baa !important;
}
.schoolheader {
	color: #a95baa !important;
}
.schoolcol-left-infobox {
	background-color: #a95baa !important;
}
.schoolcol-left-infobox a {
	color: #01341f !important;
	text-decoration: underline !important;
}
.schoolcol-left-infobox a:hover {
	text-decoration: none !important;
}
.school-left-infobox {
	background-color: #a95baa !important;
}
.school-left-infobox p {
	line-height: 1.5em !important;
}
.school-left-infobox a {
	color: #01341f !important;
	text-decoration: underline !important;
}
.school-left-infobox a:hover {
	text-decoration: none !important;
}
.col-left-infobox p a {
	color: #851b0a !important;
	text-decoration: underline !important;
}
.col-left-infobox p a:hover {
	text-decoration: none !important;
}
.schoolherotext a {
	color: #a95baa;
}
.schoolherotext a:hover {
	color: #a95baa;
}
.schoolintro a {
	color: #a95baa !important;
}
.schoolfullwidth .schoolcontainer .unitright .unitcol-left-moreinfo-school.grey a {
	color: #333 !important;
}
.hero_overlay {
	background-image: url('../../SiteAssets/images/herotile.png');
	background-repeat: repeat;
	padding-left: 20px;
	padding-top: 14px;
	padding-bottom: 20px;
	color: #fff!important;
}
.hero_overlay a {
	color: #d36dd4 !important;
}

.schoolfullwidth {
margin-bottom:0px!important;
}


.col-left-infobox .red {
	
}

.schoolcontainer .unitleft {
	margin-bottom: 0px;
}


.unitleft .col-left-infobox p a {
	color: #e5e5e5!important;
}

.schoolheroimage {
	height: 360px;
	width: 1170px;
	margin-top: -20px;
	margin-right: auto;
	margin-left: -25px;
	background-image: url('../../SiteAssets/images/cshs-homepage.jpg');
	background-repeat:norepeat;
	}

.overview h3 {
    	color: #a95baa !important;
    }
    
 h1 {
	color: #a95baa !important;
 }   
    
.coursetitlecontainer h1 {
	color: #a95baa !important;
	font-family: 'Open Sans', sans-serif !important;
	line-height: 1.2em !important;
	font-size: 1.75em  !important;
	font-weight: 400 !important;
} 

.coursetitle {
	color: #a95baa !important;
	font-family: 'Open Sans', sans-serif !important;
	line-height: 1.2em !important;
	font-size: 1.75em  !important;
	font-weight: 400 !important;
	margin-bottom:10px;
}  


 h3 {
	color: #a95baa !important;
	font-family: 'Open Sans', sans-serif !important;
	line-height: 1.2em !important;
	font-size: 1.45em  !important;
	font-weight: 400 !important;
}   
 

.redtext {
	color: #a95baa !important;
}

/*  Course List Styling */

.courselist ul{
margin-top: -15px!important;
}

.courselist li{
	list-style-type: none !important;
margin-left: -18px!important;
line-height:1em;
}

.courselist li a
{
font-size: 0.9em;
	}

.courselist li a:visited {
font-size: 0.9em;
color:#0072c6;
	}
	
.coursebuttons {
background-color: #a95baa !important;
		}


/* Smartphones (portrait and landscape) ---------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){

.schoolheroimage {
 height: 400px!important;
 width: 1060px;
 margin-left: 20px;
 background-size: 1293px!important;
 background-position: -190px 0px!important;
 margin-top: -40px;
}

.hero_overlay {
	background-image: url('../../SiteAssets/images/herotile.png');
	background-repeat:repeat;
	padding-left:40px!important;
	padding-top:35px!important;
	padding-bottom:40px!important;
	color: #fff!important;
	font-size:0.83em!important;
	width: 650px!important;
	line-height:1.2em;
	}
	
.schoolherotext {
	top: 75px!important;
}

.schoolherotext a {
 color: #fff!important;
}

	

}



