/*----- CSS Import -----*/

@import url('foundation.css');
@import url('foundation-icons.css');


/*----- Custom Fonts -----*/

@font-face {
    font-family: 'open_sanslight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff2') format('woff2'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'open_sansregular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff2') format('woff2'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'open_sansbold';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Bold-webfont.woff2') format('woff2'),
         url('OpenSans-Bold-webfont.woff') format('woff'),
         url('OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;}
	

/*----- Utility Styles -----*/

html, body {
	height: 100%;}
	
body {
    font-family: 'open_sansregular';}

h1, h2, h3, h4, h5, h6 {
    font-family: 'open_sansbold';
	text-transform: uppercase;}

h1, h2, h3, h4 {
	margin-bottom: 1.5rem;}
	
h5 span {
	display: block;
	font-size: 80%;}
	
h2 {}
	
h3 {}
	
h4 {}
	
p {}
	
a {
	color: #68b5e4;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
a:hover,
a:active,
a:focus {
	color: #db6498;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
a.button {
	background: #5da0c9;
	font-family: 'open_sansbold';
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}

a.button:hover,
a.button:active,
a.button:focus {
	background: #db6498;
	border: 0;
	outline: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
input[type=text],
textarea {
	box-shadow: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
input[type=text]:focus,
textarea:focus {
	box-shadow: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
input[type=submit] {
	background: #5da0c9;
	border: 0;
	margin-top: 1em;
	padding-top: 1rem;
	padding-right: 2rem;
	padding-bottom: 1.0625rem;
	padding-left: 2rem;
	font-size: 1rem;
	font-family: 'open_sansbold';
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
	background: #db6498;
	border: 0;
	outline: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
button.disabled, button[disabled], .button.disabled, .button[disabled],
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	background: #ccc;}
	
fieldset {
	border: 0;
	margin: 0;
	padding: 0;}
	
fieldset legend,
label {
	display: none;}
	
	
table {
	overflow: scroll;
	background: #e0e0e0;
	border: 0;
	width: 100%;}

table tr th, table tr td {}
	
table tr th {}
	
table tr td {}
	
table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background: #f0f0f0;}

.fullWidth {
	max-width: 100%!important;}

.fullHeight {
	min-height: 100%!important;}
	
img.fullWidthImg {
	width: 100%;}
	
.margin-y {
	margin: 2em 0;}
	
.margin-top {
	margin-top: 2em;}
	
.margin-bottom {
	margin-bottom: 2em;}
	
.no-margin {
	margin: 0!important;}
	
.padding-y {
	padding: 5em 0;}
	
.less-padding-y {
	padding: 3em 0;}
	
.padding-banner {
	padding: 7em 0 3em 0;}
	
.padding-top {
	padding-top: 1em;}
	
.border-top {
	border-top: 2px solid #f0f0f0;}

	
ul.noBullets {
	margin: 0 auto 1em auto;
	padding: 0}
	
ul.noBullets li {
	display: block;
	margin: 0;
	padding: 0}
	
ul.inline li {
	display: inline-block;
	*display: inline;
	zoom: 1;}
	
img.headerIcon {
	width: 100px;
	margin: 0 0 1em 0;}
	
.bold {
    font-family: 'open_sansbold';}
	
.quote {
	display: block;
	background: #e0e0e0 url('../img/quote.png') 10px 0 no-repeat;
	min-height: 100px;
	margin: 1em 0;
	padding: 1em 1em 1em 6em;
	font-size: 1.4em;
	font-style: italic;}
	
.fb_iframe_widget {
  line-height: 0.8em;}
  
.footnote {
	margin: 0;
	font-size: 80%;}


.blog-grid [class*="block-grid-"] img {
	height: 12em;
	margin: 0 0 1em 0;}
	
.blog-grid [class*="block-grid-"] a {
	color: #68b5e4;}
	
.blog-grid [class*="block-grid-"] a:hover,
.blog-grid [class*="block-grid-"] a:active,
.blog-grid [class*="block-grid-"] a:focus {
	color: #db6498;}
	
	
/*----- Nav Styles -----*/

body,
body.f-topbar-fixed {
	padding-top: 0!important;}
	
.contain-to-grid {
	background: none;
	border-color: #f0f0f0;}
	
.smaller {
	background: #fff;
	border-bottom: 2px solid #f0f0f0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}

.smaller .top-bar {
	top: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
.top-bar {
	top: -100px;
	background: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;}
	
.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
	line-height: 2.5rem;}
	
.title-area img {
	width: 140px;}
	
.top-bar-section ul li > a {
	color: #222;
    font-family: 'open_sanssemibold';
	font-size: 0.7em;
	text-transform: uppercase;}
	
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button) {
	background: none;}

.top-bar .toggle-topbar a {
    font-family: 'open_sanssemibold';
	font-weight: normal;}
	
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section ul li a.active,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover  {
	background: none;
	color: #68b5e4;}
	
.top-bar .toggle-topbar.menu-icon a,
.top-bar.expanded .toggle-topbar a {
	color: #222;}
	
.top-bar .toggle-topbar.menu-icon a span::after,
.top-bar.expanded .toggle-topbar a span::after {
	box-shadow: 0 0 0 1px #222, 0 7px 0 1px #222, 0 14px 0 1px #222;}
	
.top-bar.expanded .title-area {
	background: none;}

.showHeader .contain-to-grid {
	background: #fff;
	border-bottom: 2px solid #f0f0f0;}

.showHeader .top-bar {
	top: 0;}

	
/*----- Banner Styles -----*/

.banner {
	background: url('../img/banner.jpg') 0 bottom no-repeat fixed;
	height: 100%;
	padding-top: 12.5%;
	color: #222;}
	
.banner img {
	width: 30em;}

.orbit-container  {
	margin: 3em 0;}
	
.orbit-container .orbit-slides-container > * .orbit-caption {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	float: none;
	background: none;
	text-align: center;
	color: #fff;
	width: 100%;
	min-height: 2em;
    font-family: 'open_sansregular';
	font-size: 1.4em;
/* 	text-transform: uppercase; */}
	
.orbit-container .orbit-slides-container > * .orbit-caption  p {
	display: inline-block;
	width: 50%;
	font-size: 100%;}
	
.orbit-timer {
	display: none;}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
	background: #5da0c9;}

.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
	background: #db6498;}
	
		
.grey {
	background: #f0f0f0 url('../img/banner-grey.png') 0 0 no-repeat fixed;}
	
.green {
	background: #7ebb42 url('../img/banner-green.png') 0 0 no-repeat fixed;}
	
.pink {
	background: #dc5f95 url('../img/banner-pink.png') 0 0 no-repeat fixed;}
	
.blue {
	background: #68b5e4 url('../img/banner-blue.png') 0 0 no-repeat fixed;}

.green h4,
.pink h4,
.blue h4 {
	color: #fff;}

.green p,
.pink p,
.blue p {
	color: #fff;}
	
.grey a {
    font-family: 'open_sansbold';}
	
.grey label {
	display: block;
	color: #222;}
	
.grey input[type=text], .grey input[type="email"], .grey textarea {
	background: #fff;
	border: 2px solid #68b5e4;
	margin: 0;
	color: #222;}
	
.grey input[type=text]:focus, .grey input[type="email"]:focus, .grey textarea:focus {
	border: 2px solid #db6498;
	box-shadow: none;}
	
.pink a.button {
	background: none;
	border: 2px solid #fff;
	color: #fff;}
	
.pink a.button:hover,
.pink a.button:active,
.pink a.button:focus {
	background: #fff;
	border: 2px solid transparent;
	color: #222;}
	
.icon img,
.icon svg {
	width: 50%;
	margin: 2em 0 1em 0;}
	
[class*="block-grid-"] a {
	color: #222;}
	
	
/*----- Icon Animations -----*/

@-webkit-keyframes shake {
	0%  {transform:rotate(0deg);}
	10%  {transform:rotate(10deg);}
	20%  {transform:rotate(0deg);}
	30%  {transform:rotate(-10deg);}
	40%  {transform:rotate(0deg);}
	50%  {transform:rotate(5deg);}
	60%  {transform:rotate(0deg);}
	70%  {transform:rotate(-5deg);}
	80%  {transform:rotate(0deg);}
	90%  {transform:rotate(2.5deg);}
	100%  {transform:rotate(0deg);}
}

@-webkit-keyframes scale {
	0%  {transform:scale(1.0,1.0);}
	50%  {transform:scale(1.2,1.2);}
	100%  {transform:scale(1.0,1.0);}
}

[class*="block-grid-"] a:hover img {
	-webkit-animation: scale 0.5s;}

	
/*----- Footer Styles -----*/

footer {
	background: #fff;
	width: 100%;
	padding: 3em 0;
	color: #222;}
	
footer h4 {
	color: #999;}
	
footer h5 span {
	display: block;
	font-family: 'open_sansregular';
	font-size: 80%;
	text-transform: none;}
	
footer p {
	font-size: 13px;}
	
footer .form p {
	margin: 0!important;}
	
footer a {
	color: #68b5e4;}

footer ul {
	margin: 0;}
	
footer li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 0.5em;}
	
	
footer input[type=text],
footer textarea {
	background: none;
	border: 2px solid #68b5e4;
	margin: 0;
	color: #222;}
	
footer input[type=text]:focus,
footer textarea:focus {
	background: none;
	border: 2px solid #db6498;}
	
	
.footerCopyright {
	background: #fff;
	width: 100%;
	padding: 1em 0;}

.footerCopyright p {
	margin: 0;
	font-size: 80%;}
	
.footerCopyright a {
	color: #68b5e4;}
	
.footerCopyright a:hover,
.footerCopyright a:active,
.footerCopyright a:focus {
	color: #db6498;}


/*----- Media Styles -----*/	
	
@media only screen and (max-width: 40em) {

.contain-to-grid {
	background: #fff;
	border-bottom: 2px solid #f0f0f0;}
	
.top-bar {
	top: 0;}
	
.orbit-container .orbit-slides-container > * .orbit-caption p {
	display: inline-block;
	width: 100%;}
	
.banner img {
	display: none;}
	
}