/*
Theme Name: CamasSD 2016 - CHS Version
Author: Orange Tie Dev
Description: Custom Wordpress theme for the Camas School District
Version: 0.2

Dark Blue - 013c5b
Orange - f36c21
Green - 77bd43
	links - 67A80B
Red - dc1e35
Light Blue - 43b4e3
	links - 059ACE


font-family: 'Montserrat', sans-serif;
font-family: 'Montserrat', serif;
font-family: 'Oswald', sans-serif;
font-family: 'Libre Franklin', sans-serif;
font-family: 'Special Elite', cursive;

*/



html, body {
	margin: 0;
	padding: 0;
	background: #000;
	color: #231f20;
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 300;
	font-size: 16px; /*Color1*/
	line-height: 24px;
	}

 h1 {
	font-family: 'Montserrat', serif;
	font-weight: 700;
	font-size: 36px;
	line-height: 47px;
	margin: 36px 0 0 0;
	}

h2 {
	font-family: 'Montserrat', serif;
	font-weight: 700;
	font-size: 36px;
	margin: 36px 0 0 0;
	line-height: 47px;
	}

h3 {
	font-family: 'Montserrat', serif;
	font-weight: 700;
	font-size: 29px;
	line-height: 38px;
	margin: 32px 0 0 0;
	}

h4 {
	font-family: 'Montserrat', serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 34px;
	margin: 28px 0 0 0;
	}

h5 {
	font-family: 'Montserrat', serif;
	font-weight: 700;
	font-size: 19px;
	margin: 23px 0 0 0;
	}

h6 {
	font-family: 'Montserrat', serif;
	font-weight: 700;
	font-size: 16px;
	margin: 29px 0 0 0;
	}

table { 
    border-spacing: 0px;
    border-collapse: collapse;
	}

td {
	border: 1px solid #5b5b5b;
	padding: 4px;
	}

u {
	text-decoration: underline;
	}

iframe {
	max-width: 100%;
	border: 0;
	}

.print_url {
	display: none;
	}

.wp-caption,
img {
	max-width: 100%;
	}

.wp-caption-text {
	text-align: center;
	}

blockquote {
	background: #f1efee;
	margin: 0;
	padding: 23px 27px;
	margin: 23px 0;
	}
blockquote p {
	margin: 0;
	}

strong {
	font-weight: 700;
	}

.alignright, .nav-next {
	float: right;
	margin: 0 0 15px 30px; 
	}

.alignleft, .nav-previous {
	float: left;
	margin: 0 30px 15px 0; 
	}

.aligncenter {
	display: block;
	margin: 0 auto 15px auto;
	}

hr {
	border: 0;
	height: 1px;
	margin: 35px 0;
	}

.orange hr {
	background: #000000; /*Color1*/
	}
.green hr {
	background: #A50010; /*Color2*/
	}
.red hr {
	background: #dc1e35; /*Color3*/
	}
.blue hr {
	background: #58595b; /*Color4*/
	}

input, textarea {
	padding: 5px;
	}

.post-thumb {
	max-height: 250px;
	width: auto;
	margin-top: 5px;
	}

.wp-caption {
	max-width: 100%;
	}
	
.post-thumb-single {
	max-width: 50% !important;
	}

p.date {
	font-size: 12px;
	margin: 0;
	font-weight: 700;
	}

#content ul, #content ol {
	font-size: 14px;
	}

#content img {
	max-width: 100%;
	height: auto;
	display: block;
	}

.wp-caption-text {
	text-align: center;
	display: block;
	margin-top: 0;
	padding: 6px 0;
	text-align: center;
	font-size: 14px;
	background: #ddd;
	}

.orange a {
	color: #000000; /*Color1*/
	}
.green a {
	color: #67A80B;
	}
.red a {
	color: #dc1e35; /*Color3*/
	}
.blue a {
	color: #059ACE;
	}

.headerImage h1 {
	color: #fff;
	position: absolute;
	margin: 11% 3.5% 0 3.5%;
	width: 93%;
	text-align: center;
	font-size: 70px;
	text-transform: uppercase;
	line-height: 84px;
	font-family: 'Special Elite', cursive;
	font-weight: 400;
	text-shadow: 0 0 6px #444;
	}

.headerImage.colorbar h1 {
	position: relative;
	margin: 0 3.5%;
	padding-top: 30px;
	text-shadow: 0 0 1px #444;;
	}

.width {
	max-width: 1200px;
	margin: 0 auto;
	}

.clear {
	clear: both;
	}

.chalk {
	background-image: url('images/chalk_repeat.jpg');
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #fff;
	padding-bottom: 35px;
	}

.removeSidebar .chalk {
	Background-image: none;
	}

.HeaderMenu {
	width: 100%;
	height: 39px;
	background: #dc1e35;
	}

a.skiplink {
	position: absolute;
	top: 0;
	left: 0;
	color: #dc1e35;
	font-size: 11px;
	}
.skiplink:focus, .skiplink:hover {
	color: #fff;
	}

.social img {
	float: right;
	background: #000;
	}

#menu-header-menu {
	float: right;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0;
	}

#menu-header-menu li {
	list-style: none;
	float: left;
	border-right: 1px solid #e86e65;
	height: 39px;
	line-height: 39px;
	}

#menu-header-menu li a {
	color: #fff;
	text-decoration: none;
	padding: 7px 33px;
	}


.Header_section {
	height: 128px;
	background-color: #fff;
	position: relative;
	display: block;
	z-index: 500;
	}

.logo {
	height: 100px;
	width: auto;
	padding: 15px 0 0 30px;
	}

.logo_footer {
	height: 55px;
	width: auto;
	}

.main_menu {
	float: right;
	padding: 0 34px 0 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
	margin-top:	58px;
	z-index: 500;
	display: block;
	/*white-space: nowrap;*/
	}

.main_menu li {	
	list-style: none;
	float:left;
	line-height: 28px;
	padding: 0 14px;
	margin: 0 25px;
	}

.main_menu li.menu_orange:hover {
	border-bottom: 2px solid #000000; /*Color1*/
	}
.main_menu li.menu_green:hover {
	border-bottom: 2px solid #A50010; /*Color2*/
	}
.main_menu li.menu_red:hover {
	border-bottom: 2px solid #dc1e35; /*Color3*/
	}
.main_menu li.menu_blue:hover {
	border-bottom: 2px solid #58595b; /*Color4*/
	}

.main_menu li.menu_orange.current_top_level {
	border-bottom: 2px solid #000000; /*Color1*/
	}
.main_menu li.menu_green.current_top_level {
	border-bottom: 2px solid #A50010; /*Color2*/
	}
.main_menu li.menu_red.current_top_level {
	border-bottom: 2px solid #dc1e35; /*Color3*/
	}
.main_menu li.menu_blue.current_top_level {
	border-bottom: 2px solid #58595b; /*Color4*/
	}

.main_menu li a {
	color: #58595b;
	text-decoration: none;
	padding: 53px 0;
	}

.main_menu li ul {
	display: none;
	}

/* Sub menus */
.main_menu li:hover ul {
	display: block;
	}

.main_menu li ul {
	position: absolute;
	top: 128px;
	background: #fff;
	width: 1200px;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
	left: 50%;
	margin-left: -600px;
	box-shadow: 0 1px 1px #888;
	text-align: right;
	}

.main_menu li ul li {
	float: none;
	display: inline-grid;
	padding: 0; 
	margin: 0;
	text-transform: uppercase;
	margin: 0 3% 0 0;
	min-width: 10%;
	line-height: 17px;
	text-align: left;
	}

.main_menu li ul li:last-child {
	//margin-right: 0;
	}
	
.main_menu li ul li a {
	color: #231f20;
	float: none;
	padding: 11px 0;
	margin-bottom: 3px;
	border-bottom: 1px solid #d1d4d6;	
	display: block;
	}

.main_menu li ul li ul {
	position: relative;
	display: block;
	float: none;
	top: 0;
	left: 0;
	width: auto;
	margin: 0;
	box-shadow: none;
	width: 100%;
	white-space: normal;
	}

.main_menu li ul li ul li {
	float: none;
	display: block;
	text-transform: none;
	margin-left: 0;
	width: 100% !important;
	padding: 9px 0;
	}

.main_menu li ul li ul li a {
	border-bottom: none;
	display: inline;
	}


.main_menu li.menu_orange ul li ul li a:hover {
	color: #000000; /*Color1*/
	}
.main_menu li.menu_green ul li ul li a:hover {
	color: #A50010; /*Color2*/
	}
.main_menu li.menu_red ul li ul li a:hover {
	color: #dc1e35; /*Color3*/
	}
.main_menu li.menu_blue ul li ul li a:hover {
	color: #58595b; /*Color4*/
	}
	


/* Edits specific for Contact > Departents */
.main_menu li ul li.menu-item-470 {
	width: 58%;
	}

.main_menu li ul li.menu-item-470 ul {
	float: left;
	width: 100%;
	}

.main_menu li ul li.menu-item-470 ul li {
	float: left;
	width: 33% !important;
	}

.main_menu li ul li.menu-item-384,
.main_menu li ul li.menu-item-388 {
	width: 15% !important;
	}
.main_menu li ul li.menu-item-386 {
	width: 19% !important;
	}
/* END */  


/* Width adjustments over 1200px */
.main_menu li.menu_orange ul li {
	width: 16%;
	}
.main_menu li.menu_green ul li {
	width: 16%;
	}
.main_menu li.menu_red ul li {
	min-width: 12%;
	}
.main_menu li.menu_blue ul li {
	min-width: 15%;
	}


.menu_orange .current-menu-item a {
	color: #000000 !important; /*Color1*/
	}
.menu_green .current-menu-item a {
	color: #A50010 !important; /*Color2*/
	}
.menu_red .current-menu-item a {
	color: #cccccc !important; /*Color3*/
	}
.menu_blue .current-menu-item a {
	color: #58595b !important; /*Color4*/
	}


.searchform {
	float: right;
	margin-top: 47px;
	}

.searchform .border {
	border: 2px solid #000;
	}

.searchform .search {
	width: 110px;
	height: 32px;
	padding: 5px 5px 0 5px;
	margin: 0;
	border-radius: 0;
	border: none;
	-webkit-appearance: none;
	}

.searchform .searchsubmit {
	height: 40px;
	padding: 5px 5px 0 5px;
	margin: 0;
	border: none;
	background: #fff;
	display: inline-block;
	float: right;
	cursor: pointer;
	}

.searchform img {
	width: 20px;
	height: auto;
	margin-top: 2px;
	}

.Header_section .searchIMG_mobile {
	display: none;
	}

.mobileSideMenu .searchIMG {
	display: none;
	}


.headerImage {
	position: relative;
	display: block;
	width: 100%;
	padding-bottom: 33.33333%;
	background-repeat: repeat, no-repeat;
	background-size: auto, cover;
	}

.headerImage.colorbar {
	padding-bottom: 0;
	}

.orange .headerImage {
	border-bottom: 11px solid #000000; /*Color1*/
	background-color: #000000; /*Color1*/
	}
.green .headerImage {
	border-bottom: 11px solid #A50010; /*Color2*/
	background-color: #A50010; /*Color2*/
	}
.red .headerImage {
	border-bottom: 11px solid #dc1e35; /*Color3*/
	background-color: #dc1e35; /*Color3*/
	}
.blue .headerImage {
	border-bottom: 11px solid #58595b; /*Color4*/
	background-color: #58595b; /*Color4*/
	}

#content {
	margin: 30px 4.7% 0 2.5%;
	float: left;
	width: 44.9%; 
	}

.removeSidebar #content {
	margin: 30px 0 0 2.5%;
	width: 72.7%;
	}

.calloutIMG {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 15px 5px 0;
	}

blockquote h3 {
	font-size: 28px;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #d1d4d6;
	margin: 0 0 4px 0;
	padding: 0 0 6px 0;
	}

.orange blockquote h3 {
	color: #000000; /*Color1*/
	}
.green blockquote h3 {
	color: #A50010; /*Color2*/
	}
.red blockquote h3 {
	color: #dc1e35; /*Color3*/
	}
.blue blockquote h3 {
	color: #58595b; /*Color4*/
	}

.side-menu {
	float: left;
	display: block;
	width: 19.6%;
	padding: 0 2.5%;
	border-right: 1px solid #d1d4d6; 
	min-height: 300px;
	margin-top: 43px;
	font-family: 'Montserrat', sans-serif;
	color: #d1d4d6;
	}

.side-menu ul {
	padding: 0;
	margin: 0;
	-webkit-transition 0.3s;
	transition: 0.3s;
	-moz-transition: 0.3s;
	overflow: hidden;
	transition-timing-function: ease-in;
	}

.side-menu ul li {
	list-style: none;
	font-size: 14px;
	padding: 6px 0;
	border-bottom: 1px solid #d1d4d6;
	}

/* Adds plus and minus */
.side-menu ul li:before {
	float: right;
	padding-top: 2px;
	content: '+';
	}
.side-menu ul li.expanded:before {
	padding-top:  0;
	content: '-';
	}

.side-menu ul.removeplus li:before {
	content: '';
	}

.side-menu ul li ul li:before {
	content: '';
	}

.side-menu ul li:first-child {
	border-top: 1px solid #d1d4d6;
	}

.side-menu ul li a {
	color: #808285;
	text-decoration: none;
	display: block;
	}



.side-menu ul li.expanded ul,
.side-menu ul li.current-menu-parent ul {
	margin-top: 6px;
	}

.side-menu ul li ul li {
	font-size: 12px;
	padding-left: 20px;
	}

.side-menu ul li ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	}

.side-menu ul li ul li a {
	color: #a7a9ac;
	}

.orange .side-menu ul li ul li a:hover {
	color: #000000; /*Color1*/
	}
.green .side-menu ul li ul li a:hover {
	color: #A50010; /*Color2*/
	}
.red .side-menu ul li ul li a:hover {
	color: #dc1e35; /*Color3*/
	}
.blue .side-menu ul li ul li a:hover {
	color: #58595b; /*Color4*/
	}

.side-menu  ul li ul li.current-menu-item:before {
	content: '\2022';
	display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -16px;
    top: -1px;
    font-size: 28px;
    float: none;
	}


.orange .side-menu ul li ul li.current-menu-item a,
.orange .side-menu ul li ul li.current-menu-item {
	color: #000000; /*Color1*/
	}
.green .side-menu ul li ul li.current-menu-item a,
.green .side-menu ul li ul li.current-menu-item {
	color: #A50010; /*Color2*/
	}
.red .side-menu ul li ul li.current-menu-item a,
.red .side-menu ul li ul li.current-menu-item {
	color: #dc1e35; /*Color3*/
	}
.blue .side-menu ul li ul li.current-menu-item a,
.blue .side-menu ul li ul li.current-menu-item {
	color: #58595b; /*Color4*/
	}



.side-menu ul li ul {
	max-height: 0px;
	}

.side-menu ul li.cur ul {
	max-height: 700px;
	}

.side-menu ul li.current-menu-ancestor ul {
	max-height: 700px;
	}
		
	

.sidebar {
	width: 23%;
	float: right;
	color: #fff;
	font-size: 12px;
	line-height: 17px;
	font-weight: 300;
	padding-top: 25px;
	}

.sidebar a {
	/*text-decoration: none;*/
	}

.sidebar .contact_section {
	padding-left: 19%;
	
	}

.sidebar .contact_block {
	padding-bottom: 20px;
	}

.sidebar h3 {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	font-size: 30px;
	line-height: 38px;
	margin: 10px 0 6px 0;
	letter-spacing: 1px;
	}

.orange .sidebar h3 {
	color: #fff; /*Color1*/
	}
.green .sidebar h3 {
	color: #fff; /*Color2*/
	}
.red .sidebar h3 {
	color: #fff; /*Color3*/
	}
.blue .sidebar h3 {
	color: #fff; /*Color4*/
	}

.sidebar .divider {
	max-width: 63.4%;
	height: 6px;
	display: block;
	margin: 20px auto;
	background: #fff;
	}

.sidebar .student_callout {
	text-align: center;
	padding-bottom: 5px;
	}

.sidebar .student_callout span {
	font-family: 'Montserrat', serif;
	font-weight: 700;
	font-size: 16px;
	}

.sidebar .student_callout img {
	max-width: 63.4%;
	display: block;
	margin: 0 auto 10px auto;
	padding: 23px 0 0 0;
	}

.orange .sidebar .student_callout img {
	border-bottom: 8px solid #000000; /*Color1*/
	}
.green .sidebar .student_callout img {
	border-bottom: 8px solid #A50010; /*Color2*/
	}
.red .sidebar .student_callout img {
	border-bottom: 8px solid #dc1e35; /*Color3*/
	}
.blue .sidebar .student_callout img {
	border-bottom: 8px solid #58595b; /*Color4*/
	}

.fun-fact {
	text-align: center;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 12px;
	line-height: 19px;
	font-weight: 400;
	margin-top: 53px;
	max-width: 75%;
	display: block;
	margin: 45px;px auto 0 auto;
	}

.fun-fact .number {
	font-size: 56px;
	line-height: 60px;
	margin: 15px 0 5px 0;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 2px;
	}
	
.fun-fact .info-i-color {
	width: 72px;
	height: 72px;
	display: block;
	margin: 0 auto;
	background-repeat: none;
	background-size: cover;
	}

.orange .fun-fact .info-i-color {
	background-image: url('images/info_orange.png');
	}
.green .fun-fact .info-i-color {
	background-image: url('images/info_green.png');
	}
.red .fun-fact .info-i-color {
	background-image: url('images/info_red.png');
	}
.blue .fun-fact .info-i-color {
	background-image: url('images/info_blue.png');
	}


.footer {
	width: 100%;
	background: #000;
	margin: 41px 0 0 0;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	}

.footer_address {
	margin: 35px 0 20px 0;
	line-height: 17px;
	}

.footer_social {
	float: left;
	}

.footcol {
	width: 19%;
	float: left;
	margin-right: 5%;
	margin-bottom: 51px;
	}

.footcol h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 13px;
	text-transform: uppercase;
	border-bottom: 2px solid #fff;
	padding-bottom: 20px;
	margin-top: 6px;
	}

.footcol .menu {
	padding: 6px 0 0 0;
	}

.footcol .menu li {
	list-style: none;
	padding: 0 0 24px 0;
	}

.footcol .menu li a {
	color: #fff;
	text-decoration: none;
	}

.footcol .menu-footer-how-container .menu li	{
	padding: 0 0 6px 0;
	}

.footcol.first {
	margin-left: 2.5%;
	}

.footcol.last {
	margin-right: 0;
	}
	

.contentWrap {
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 500;
	transition: 0.4s;
	-moz-transition: 0.4s;
	}

.contentWrap.activated {
	margin-left: -320px;
	opacity: 0.4;
	-moz-opacity: 0.4;
	}

.mobileMenu {
	width: 55px;
	height: 55px;
	background: #58595b; /*Color4*/
	display: block;
	float: right;
	margin: 39px 2.5% 0 0;
	display: none;
	}

.mobileMenu img {
	width: 100%;
	height: 100%;
	}

.mobileSideMenu {
	position: absolute;
	top: 0;
	right: 0;
	//background: #013c5b;
	z-index: 0; 
	display: block;
	width: 280px;
	transition: 0.4s;
	-moz-transition: 0.4s;
	color: #fff;
	padding: 20px 35px 35px 35px;
	max-width 100%;
	width: 250px;
	display: none;
	}

.mobileSideMenu.activated {
	display: block;
	}

.mobileSideMenu a {
	color: #fff;
	text-decoration: none;
	}

.mobileSideMenu .searchform {
	width: 100%;
	margin: 0 auto;
	display: block;
	background: #004b6b;
	padding: 0;
	}

.mobileSideMenu .searchform .border {
	border: 8px solid #004b6b;
	}

.mobileSideMenu .search {
	border: 0;
	width: 96%;
	display: block;
	}

.mobileSideMenu .searchsubmit {
	border: 0; 
	display: block;
	background: none;
	text-align: center; 
	width: 100%;
	}

.mobileSideMenu .searchsubmit:after {
	content: ' SEARCH';
	color: #fff;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	font-weight: 400;
	vertical-align: bottom;
	}

.mobileSideMenu .mobileMenuTop ul {
	margin: 30px 0 0 0;
	padding: 0;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 13px;
	}

.mobileSideMenu .mobileMenuTop li {
	display: block;
	list-style: none;
	text-align: center;
	border: 4px solid #004b6b;
	margin-top: 11px;
	}

.mobileSideMenu .mobileMenuTop li a {
	width: 100%;
	padding: 4px 0;
	display: block;
	text-transform: uppercase;
	}

.mobile_menu {
	margin: 20px 0 0 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	transition: 0.8s;
	-moz-transition: 0.8s;
	}

.mobile_menu li {
	list-style: none;
	padding: 0;
	border-top: 2px solid #004b6b;
	font-size: 15px;
	text-transform: uppercase;
	}

.mobile_menu li:last-child {
	border-bottom: 2px solid #004b6b;
	}

.mobile_menu li a {
	display: block;
	padding: 8px 0 8px 0;
	}

.mobile_menu li ul {
	margin: 0;
	padding: 0 0 0 20px;
	max-height: 0;
	overflow: hidden;
	transition: 0.4s;
	-moz-transition: 0.4s;
	opacity: 0;
	-moz-opacity: 0;
	}

.mobile_menu li.expanded ul {
	opacity: 1;
	-moz-opacity: 1;
	max-height: none;
	}
	
.mobile_menu li ul li {
	padding: 0;
	font-size: 13px;
	text-transform: none;
	}

.mobile_menu li ul li:last-child {
	border-bottom: 0;
	}

.mobile_menu li ul li ul {
	padding: 0 0 0 20px;
	max-height: 0;
	transition: 0.4s;
	-moz-transition: 0.4s;
	opacity: 0;
	-moz-opacity: 0;
	}

.mobile_menu li.expanded ul li ul {
	opacity: 0;
	-moz-opacity: 0;
	max-height: 0;
	}

.mobile_menu li ul li.expanded ul {
	opacity: 1;
	-moz-opacity: 1;
	max-height: none;
	}

.mobile_menu li ul li ul li {
	padding: 0;
	}


/* Adds plus and minus */
.mobile_menu  li.menu-item-has-children:before {
	float: right;
	padding-top: 9px;
	font-size: 20px;
	content: '+';
	}
.mobile_menu li.expanded:before {
	padding-top:  8px;
	content: '-';
	}

.mobile_menu li ul li ul li:before {
	content: '';
	}
	
.mobile_social {
	float:none;
	display: block;
	clear: both;
	text-align:center;
	margin-top: 100px;
	}

/* Home specific */

.home .chalk {
	background-image: none;
	padding-bottom: 0;
	}
.home #content {
	width: 100%;
	margin: 0;
	float: none;
	color: #fff;
	}

.homeColorOrange {
	background: #000000; /*Color1*/
	padding: 35px 0;
	position: relative;
	}
.homeColorGreen {
	background: #A50010; /*Color2*/
	padding: 35px 0;
	position: relative;
	}
.homeColorRed {
	background: #dc1e35; /*Color3*/
	padding: 35px 0;
	position: relative;
	}
.homeColorBlue {
	background: #58595b; /*Color4*/
	padding: 35px 0;
	position: relative;
	}
.homeColorBlueDark {
	background: #013c5b;
	padding: 35px 0;
	position: relative;
	}
.homeColorImage {
	background: #013c5b;
	padding: 35px 0;
	background-size: cover;
	background-position: center;
	position: relative;
	}


.homeInsta {
	text-align: center;
	padding: 10px 0 0 0;
	background: black;
	}

.homeSocial {
	text-align: center;
	padding: 25px 0 20px 0;
	}

#content .homeSocial img {
	display: inline;
	padding: 0 2px;
	}

.homeColorCal {
	background: #d1d3d4;
	padding: 35px 0;
	position: relative;
	}

.home .homeColorCal h3 {
	text-align: center;
	font-size: 46px;
	color: #000;
	}

.cal_event {
	background: #fff;
	width: 100%;
	margin: 0 0 40px 0;
	display: block;
	color: #000;
	min-height: 265px;
	display: inline-block;
	}

.cal_event .date {
	display: block;
	width: 45%;
	border-right: 5px solid #000;
	padding-right: 5%;
	color: #cf0a2c;
	font-size: 24px;
	font-weight: 700;
	font-family: 'Montserrat', serif;
	letter-spacing: 1px;
	line-height: 29px;
	text-align: right;
	float: left;
	margin-top: 30px;
	text-transform: uppercase;
	}

.cal_event .time {
	display: block;
	width: 45%;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	font-family: 'Montserrat', serif;
	letter-spacing: 1px;
	line-height: 29px;
	text-align: left;
	float: right;
	margin-top: 30px;
	}

.cal_event .viewmore {
	display: block;
	width: 45%;
	color: #000;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Montserrat', serif;
	line-height: 29px;
	text-align: left;
	float: right;
	}
.cal_event .viewmore a {
	color: #000;
	text-decoration: none;
	}
	
.cal_event .details {
	display: block;
	width: 85%;
	margin: 0 auto 15px auto;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	font-family: 'Montserrat', serif;
	line-height: 29px;
	}

.cal_event .details span {
	margin: 10px 0 10px 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	display: block;
	}

.home_icon {
	display: inline-block;
	max-width: 200px;
	text-align: center;
	margin: 0 1%;
	}

.home_icon img {
	max-width: 80% !important;
	margin: 0 10% 25px 10%;
	}

.home_icon a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	font-family: 'Montserrat', serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

.Col2, .Col1 {
	padding: 0px !important;
	}

.Col2 .half, .Col1 .half {
	padding-top: 35px;
	padding-bottom: 35px;
	}

.center {
	text-align: center;
	}

.single {
	width: 95%;
	padding: 0 2.5%;
	}

.half {
	width: 45%;
	padding: 0 2.5%;
	float: left;
	}

.third {
	width: 28.3%;
	padding: 0 2.5%;
	float: left;
	}

.quarter {
	width: 20%;
	padding: 0 2.5%;
	float: left;
	}

.last {
	padding-right: 0;
	}

.home hr {
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #000;
	width: 50%;
	margin: 0 auto;
	}

.home h4 {
	letter-spacing: 2px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	margin-top: 5px;
	}

.quote {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 24px;
	line-height: 36px;
	font-weight: 400;
	width: 70%;
	margin: 0 auto;
	text-align: justify;
	position: relative;
	padding: 10px 0;
	}

.quote:before {
	content: url('images/home-quote-before.png');
	position: absolute;
	margin: -23px 0 0 -19.5% ;
	}

.quote:after {
	content: url('images/home-quote-after.png');
	position: absolute;
	right: 0;
	margin: -44px -19.5% 0 0;
	}

.home h2 {
	text-align:center;
	font-size: 46px;
	line-height: 54px;
	font-family: 'Libre Franklin', sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	text-transform: uppercase;
	}

.home h3 {
	font-size: 46px;
	line-height: 54px;
	font-family: 'Montserrat', sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	text-transform: uppercase; 
	}

.full_size_image {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background-size: cover;
	}

.full_size_image.right {
	left: 50%;
	background-position: 0 0;
	}

.full_size_image.left {
	right: 50%;
	background-position: 100% 0;
	}


.homeVideo {
	width: 100%;
	height: 0;
	padding-bottom: 650px;
	height: auto;
	/*min-height: 680px;*/
	position: relative;
	display: block;
	overflow: hidden;
	background-position: 50% 50% !important;
	background-size: cover !important;
	}

video {
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
	position: absolute;
	}

.videoPattern {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-image: url('images/header_cover.png');
	background-repeat: repeat;
	background-color: rgba(0,0,0,0.5);
	}

.bx-viewport {
	overflow: inherit !important;
	min-height: 150px !important;
	}

.homeSliderDiv {
	position: absolute;
	display: block;
	top: 80px;
	left: 2.5%;
	width: 40%;
	min-height: 150px !important;
	height: auto;
	color: #fff;
	text-shadow: 0 0 3px #444;
	}
.home .homeSliderDiv h3 {
	font-family: 'Montserrat', serif;
	font-size: 32px;
	line-height: 39px;
	letter-spacing: 1px;
	}

.home .homeSliderDiv p {
	font-weight: 400;
	font-family: 'Montserrat', serif;
	letter-spacing: 1px;
	font-size: 16px;
	}

.homeSliderDiv a {
	color: #fff !important;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	}

.bxslider div {
	display: none;
	}

.homeCallout {
	width: 300px;
	position: absolute;
	display: block;
	right: 0;
	top: 80px;
	min-height: 100px;
	font-family: 'Montserrat', sans-serif;
	}

.homeCallout .calendar {
	background: rgba(255,255,255,1.0);
	padding: 25px 30px 5px 30px;
	color: #013c5b;
	font-size: 12px;
	line-height: 16px;
	}

.homeCallout .calendar h5 {
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	margin: 0;
	}

.homeCallout .calendar a {
	color: #013c5b;
	text-decoration: none;
	}

.homeCallout .calendar .item {
	margin-top: 12px;
	line-height: 20px;
	}

.homeCallout .calendar .date {
	/*background: #dc0031;*/
	background-image: url('images/calFlag.png');
	background-size: 100% 100%;
	color: #fff;
	display: inline-block;
	padding: 3px 12px 3px 4px;
	float: left;
	margin-right: 10px;
	font-size: 11px;
	}

.homeCallout .howdoi {
	//background: rgba(0,58,92,1.0);
	background: #dc1e35;
	padding: 25px 30px;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	}

.homeCallout .howdoi ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
	}

.homeCallout .howdoi ul li {
	padding: 3px 0;
	}

.homeCallout .howdoi a {
	color: #fff;
	text-decoration: none;
	}

.homeCallout .howdoi h5 {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	}

.mobileBackground {
	display: none;
	padding-bottom: 50%;
	background-size: cover !important;
	background-position: 50% 50% !important;
	}


@media (max-width: 1200px) {
	.chalk {
		background-image: url('images/chalk_repeat_small.jpg');
		background-size: contain;
		}	
	.main_menu li ul {
		width: 100%;
		left: 0;
		margin-left: 0;
		}
	.searchform {
		margin-right: 2.5%;
		}
	.removeSidebar #content {
		margin: 30px 2.5% 0 2.5%;
		width: 70.2%;
		}
	.homeCallout {
		right: 2.5%;
		}
	video {
		width: 1200px;
		left: 50%;
		margin-left: -600px;
		}
}
	
@media (max-width: 1130px) {
	.main_menu li {
		margin: 0 8px;
		}
	.main_menu {
		padding-right: 15px
		}
	.headerImage h1 {
		font-size: 60px;
		line-height: 73px;
		}
	.home_icon a {
		font-weight: 400;
		letter-spacing: 0px;
		}
}

@media (max-width: 1050px) {
	.quote {
		width: 60%;
		}
	.quote:before {
		margin: -23px 0 0 -29.5%;
		}
	.quote:after {
		margin: -44px -29.5% 0 0;
		}
}

@media (max-width: 950px) {
	.HeaderMenu {
		display: none;
		}
	.side-menu {
		display: none;
		}
	#content {
		width: 69.5%;
		}
	.removeSidebar #content {
		width: 95%;
		margin: 30px 2.5% 0 2.5%;
		}
	.main_menu {
		display: none;
		}
	.Header_section .searchform {
		display: none;
		}
	.mobileMenu {
		display: block;
		}
	.home_icon a {
		font-weight: 700;
		letter-spacing: 0px;
		}
	.home_icon {
		width: 18% !important;
		margin-bottom: 40px;
		}
}

@media (max-width: 850px) {
	.Header_section {
		height: 85px;
		}
	.logo {
		padding: 8px 0 0 2.5%;
		height: 75px;
		}
	.mobileMenu {
		margin: 17px 2.5% 0 0;
		}
	.headerImage h1 {
		font-size: 52px;
		line-height: 60px;
		}
	.chalk {
		background-image: none;
		}
	#content {
		width: 95%;
		margin: 30px 2.5% 0 2.5%;
		}
	.removeSidebar #content {
		width: 95%;
		margin: 30px 2.5% 0 2.5%;
		}
	.sidebar {
		width: 95%;
		margin: 30px 2.5% 0 2.5%;
		padding: 0;
		color: #231f20;
		}
	.sidebar .contact_section {
		padding-left: 0;
		}
	.sidebar .student_callout,
	.sidebar .divider,
	.sidebar .fun-fact {
		display: none;
		}
	
	.footcol {
		width: 27.5%;
		}
	.footcol.last {
		width: 95%;
		margin: 0 2.5%;
		}	
	.footer {
		font-size: 13px;
		line-height: 19px;
		}
	.footer h5 {
		font-size: 18px;
		}
	.footcol .menu li {
		line-height: 11px;
		}
	.footcol #menu-footer-how.menu li {
		padding: 0 0 10px 0;
		}
	.half, .quarter {
		width: 95%; 
		float: none; 
		}
	.full_size_image {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 50%;
		}
	.full_size_image.right {
		left: 0;
		}
	.full_size_image.left {
		right: 0;
		}
	
	.quote {
		width: 50%;
		}
	.quote:before {
		margin: -23px 0 0 -45.5%;
		}
	.quote:after {
		margin: -44px -45.5% 0 0;
		}
	
	.homeVideo video {
		display: none;
		}
	.homeVideo {
		padding-bottom: 0;
		background-image: none !important;
		}
	.videoPattern {
		background-color: rgba(0,0,0,0);
		}
	.mobileBackground {
		display: block;
		}
	.homeSliderDiv {
		position: relative;
		top: 0;
		left: 0;
		width: 95%;
		margin: 2.5% auto;
		min-height: 0;
		}
	.homeCallout {
		position: relative;
		width: 95%;
		right: 0;
		top: 0;
		margin: 2.5% auto;
		}
	
	
}

@media (max-width: 650px) {
	.footcol {
		width: 95%;
		margin: 20px 2.5%;
		}
	.footcol .menu li {
		padding: 0 0 13px 0;
		}
	.footcol h5 {
		padding-bottom: 9px;
		}
	.headerImage h1 {
		font-size: 40px;
		line-height: 45px;
		}
	h1, h2 {
		font-size: 30px;
		line-height: 40px; 
		}
	h3 {
		font-size: 25px;
		line-height: 31px;
		}
	h4 {
		font-size: 20px;
		line-height: 30px;
		}
	.Header_section {
		height: 59px;
		}
	.logo {
		height: 52px;
		padding: 5px 0 0 2.5%;
		}
	.mobileMenu {
		height: 59px;
		width: 59px;
		margin: 0 0 0 0;
		}
	.quote {
		text-align: initial;
		width: 80%;
		font-size: 20px;
		line-height: 31px;
		}
	.quote:before, .quote:after {
		/*display: none;*/
		}
		
	.quote:before, .quote:after {
		content: "\"";
		position: relative;
		right: 0;
		margin: 0;
		padding: 0;
		}
	
	.third {
		width: 95%; 
		float: none; 
		}
	.cal_event {
		min-height: 0px;
		}
	.home_icon {
		width: 31% !important;
		margin-bottom: 40px;
		}
}

@media (max-width: 500px) {
	.headerImage h1 {
		font-size: 30px;
		line-height: 35px;
		}
	.home .homeSliderDiv h3 {
		font-size: 25px;
		line-height: 34px;
		}
	.home .homeSliderDiv p {
		font-size: 14px;
		line-height: 22px;
		}
	.home h2 {
		font-size: 37px !important;
		line-height: 45px;
		}
	.home h3 {
		font-size: 32px;
		line-height: 40px;
		}
	.home p span {
		font-size: 16px !important;
		line-height: 24px !important;
		}
	
	.half, .third, .quarter {
		padding-bottom: 25px;
		}
	.half.last, .third.last, .quarter.last {
		padding-bottom: 0;
		}
}

@media (max-width: 400px) {
	.headerImage h1 {
		font-size: 24px;
		line-height: 27px;
		}
	.alignright, .alignleft {
		display: block;
		float: none;
		margin: 0 auto 15px auto;
		}
}