@charset "utf-8";
body, * {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	line-height:20px;
	color:#7C7C7C;
}

/* --- COLUMN DIV LAYOUTS --- */
.column-layout .two-column {
	margin-bottom:20px;
}
@media only screen and (min-width: 600px) {
	.column-layout .two-column{
		float:left;
		width:48%;
		margin-right:4%;
	}
	.lte8 .column-layout .two-column{
		width: 47.5%;
	}
}
/* nested two columns still stay columns until 480*/
.column-layout .two-column .two-column{
	margin-bottom:20px;
}
@media only screen and (min-width: 480px) {
	.column-layout .two-column .two-column{
		float:left;
		width:48%;
		margin-right:4%;
		margin-bottom:0;
	}
	.lte8 .column-layout .two-column .two-column{
		width: 47.5%;
	}
}
@media only screen and (min-width: 600px) {
	.column-layout .three-column{
		float:left;
		width:30.66666666666666666666666666666%;
		margin-right:3%;
	}
	.lte8 .column-layout .three-column{
		width:30%;
	}
}
@media only screen and (min-width: 600px) {
	.column-layout .four-column{
		float:left;
		width:22%;
		margin-right:3%;
	}
	.lte8 .column-layout .four-column{
		width:21%;
	}
}
.column-layout .last-column {
	margin-right:0 !important;
}
.column-layout .one-third,
.column-layout .two-third {
	margin-bottom:20px;
}
@media only screen and (min-width: 600px) {
	.column-layout .one-third{
		float:left;
		width:32%;
		margin-right:4%;
	}
	.lte8 .column-layout .one-third {
		width:31.5%;
	}
	.column-layout .two-third{
		float:left;
		width:64%;
		margin-right:4%;
	}
	.lte8 .column-layout .two-third {
		width:63.5%;
	}
}
/* clearfix for columns */
.column-layout .two-column:before,
.column-layout .two-column:after,
.column-layout .three-column:before,
.column-layout .three-column:after,
.column-layout .four-column:before,
.column-layout .four-column:after,
.column-layout .one-third:before,
.column-layout .one-third:after,
.column-layout .two-third:before,
.column-layout .two-third:after {
	content: "\0020"; display: block; height: 0; overflow: hidden;
}
.column-layout .two-column:after,
.column-layout .three-column:after,
.column-layout .four-column:after,
.column-layout .one-third:after,
.column-layout .two-third:after {
	clear: both;
}
.column-layout .two-column,
.column-layout .three-column,
.column-layout .four-column,
.column-layout .one-third,
.column-layout .two-third {
	zoom: 1;
}
.column-layout .column-header {
	color:#FFF;
	font-family:'Arvo', Georgia, 'Times New Roman', Times, serif;
	position:relative;
	text-align:center;
	padding: 5px 0;
}
.blue {
	color:#279aca;
}
.orange {
	color:#db6733;
}
.callout { 
	font-family: 'Raleway', Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	line-height: 26px; 
	margin: 0 auto; 
	text-align: center;
}
@media only screen and (min-width: 480px) {
.callout {
	width: 80%; 
}
}
.float-right,
.float-left {
	margin:0 0 10px 0;
}
@media only screen and (min-width: 600px) {
	.float-right {
		float:right;
		margin: 0 0 30px 30px;
	}
	.float-left {
		float:left;
		margin: 0 30px 30px 0;
	}
}
img.float-right,
img.float-left  {
	display:block;
}
div.page-divider {
	height:4px;
	background-image:url(/assets/images/double-line.png);
	background-repeat:repeat-x;
	margin: 30px 0;
	clear:both;
}
/* --- RESPONSIVE VIDEO ---*/
.video-container-16x9 {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container-4x3 {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.video-container-16x9 iframe,  
.video-container-16x9 object,  
.video-container-16x9 embed,
.video-container-4x3 iframe,  
.video-container-4x3 object,  
.video-container-4x3 embed  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ---BUTTONS --- */
.button-primary {
	background-color:#db6733;
	color:#FFF;
	font-family:"Alegreya",Georgia, "Times New Roman", Times, serif;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
	padding: 4px 10px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display:inline-block;
	margin-bottom: 1.25em;
	-webkit-box-shadow:  -3px -3px 8px 0px rgba(0, 0, 0, .15);
    box-shadow:  -3px -3px 8px 0px rgba(0, 0, 0, .15);
	text-shadow: 2px 2px 0px #c04f26;
}
.button-primary:hover {
	text-decoration:none;
	background-color:#c85e2f;
}
.button-secondary {
	background-color:#9da2a5;
	color:#FFF;
	font-family:"Oswald",Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:24px;
	text-transform:uppercase;
	padding: 0 22px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	display:inline-block;
	border:none;
	cursor:pointer;
}
.button-secondary:hover {
	text-decoration:none;
	background-color:#8c9093;
}