@charset "utf-8";
/* CSS Document */


/* montserrat-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('type/montserrat-v26-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('type/montserrat-v26-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('type/montserrat-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('type/montserrat-v26-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: "JennaSuePro";
  src: url('type/jenna-sue.woff2') format('woff2'), url('type/jenna-sue.woff') format('woff');
}


/*Type*/

.wrap body, .wrap p, .wrap ul, .wrap li, .wrap blockquote, .wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6, .wrap button, .wrap .button { font-family: 'Montserrat', sans-serif; }

.wrap a, .wrap a:hover {  transition: color .5s;  }

.wrap h4, .wrap h5, .wrap h6 { font-family: 'Montserrat', sans-serif; font-weight: 200; line-height: 1; }

.wrap h1, .wrap h2, .wrap h3 { font-family: 'JennaSuePro', sans-serif; font-weight: normal; }

html, .wrap, .wrap p, .wrap ul, .wrap li, .wrap blockquote { font-family: 'Montserrat', sans-serif; font-weight: 400; }

.wrap h1, .wrap h2, .wrap h5, .wrap h6 { color: #5c5f99; }

.wrap h1, .wrap h2 { font-weight: 200; font-size: 48px;  }
.wrap h3 { font-size: 42px; font-weight: 300; color: #5c5f99; }
.wrap .wrap h4 { font-size: 30px; font-weight: 300; color: #5c5f99; }
.wrap h5 { font-weight: 900; font-size: 24px; }
.wrap h6 { font-weight: 900; font-size: 24px;  }

.wrap ul, .wrap ol, .wrap dl { list-style-position: inside; margin-left: 15px; }

.wrap { background: #fff; }
.wrap p, .wrap ul, .wrap li { font-weight: 300; font-size: 1.24rem; color: #5c5f99;  }
.wrap a { color: #37a8ab; font-weight: 900; }
.wrap a:hover { color:  #5c5f99; }

hr { margin: 40px 0 40px 0; }

.collapse .columns { padding: 0 !important; }
.row.expand { width: 1260px; max-width: 100%;}


/*Pagination*/
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination>li>a, .pagination>li>span {  position: relative; float: left; padding: 6px 12px; line-height: 1.6; text-decoration: none; color: #37a8ab;  background-color: #fff; border: 1px solid #ddd; margin-left: -1px; }
div.row .pagination > li.next a { border-right: 1px solid #37a8ab; border-bottom-right-radius: 25px; border-top-right-radius: 25px; padding-right: 25px; }
div.row .pagination > li.prev a { border-left: 1px solid #37a8ab; border-bottom-left-radius: 25px; border-top-left-radius: 25px; padding-left: 25px; }
div.row main a:not(.fa):not(.btn), div.row footer a:not(.fa):not(.btn) { color: #37a8ab; }
div.row .pagination > li > a { font-size: 14px; border-left: 0; border-right: 0; padding-top: 12px; padding-bottom: 12px; border-color: #37a8ab; background: #fff;}
div.row .pagination > li.prev.disabled a, div.row .pagination > li.prev.disabled span { color: #b3beb8; }
div.row .pagination > li.prev span { border-left: 1px solid #37a8ab; border-bottom-left-radius: 25px; border-top-left-radius: 25px; padding-left: 25px; }
div.row .pagination > li.next span { border-right: 1px solid #37a8ab; border-bottom-right-radius: 25px; border-top-right-radius: 25px; padding-right: 25px; }
div.row .pagination > li > span { font-size: 14px; border-left: 0; border-right: 0; padding-top: 12px; padding-bottom: 12px; border-color: #37a8ab; }
ul.pagination li a, ul.pagination li button { border-radius: 0; }
ul.pagination li { margin-left: 0; }
.pagination>li>a, .pagination>li>span { line-height: 1.6 !important; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #37a8ab !important; border-color: #37a8ab; cursor: default; color: #fff; }
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #37a8ab; }


/*Top Bar Styles */
.contain-to-grid, .top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar.expanded .title-area { background: #f5f5f5; }
li.has-dropdown { background: #f5f5f5; background-color: #f5f5f5; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #fff; }
.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a, .top-bar-section ul li > a, .top-bar .toggle-topbar.menu-icon a, .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color: #5c5f99; }
.top-bar .toggle-topbar.menu-icon a span::after { box-shadow: 0 0 0 1px #5c5f99, 0 7px 0 1px #5c5f99, 0 14px 0 1px #5c5f99; }
.top-bar .name h2 { font-size:  50px; margin-top: 30px;}
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover { color: #5c5f99; }
.top-bar-section .has-dropdown > a:after { border-color: rgba(96, 96, 96, 1) transparent transparent transparent; }
.top-bar-section .dropdown li.title h5 { font-size: 13px; text-transform: uppercase; }
.title.back a:before { content: "← "; }
.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { background: rgba(255, 255, 255, 0); color: #37a8ab; }
.top-bar a.nav-selected { background: #f5f5f5; }
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { color: #5c5f99; }
.top-bar ul li a.has-dropdown { background: #f5f5f5 !important; color: #5c5f99!important;  }
.top-bar ul li a.has-dropdown:hover { background: #f5f5f5 !important; color: #5c5f99!important;  }
.top-bar img { max-height: 175px; width: auto; margin-top: 4px; }
.top-bar { height: 185px; }
.top-bar-section li:not(.has-form) a:not(.button) {  }
.top-bar .name { height: 96px; }
.top-bar ul.right { margin-top: 88px; }
.top-bar-section ul li > a { font-size: 19px !important; font-family: 'Montserrat', sans-serif; font-weight: 900 !important; text-transform: uppercase; color: #5c5f99; text-align: center; }
.top-bar-section ul.dropdown li > a { font-weight: 400 !important; }
.top-bar-section ul li > a span { font-weight: 300; text-transform: none; font-size: 15px; }
.top-bar-section ul li { background: rgba(255, 255, 255, 0); }
.nav { background: #f5f5f5; }

.top-bar ul.dropdown { margin-left: 0; padding: 15px 20px; background: #fff; box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); }
.top-bar ul.dropdown li, .top-bar ul.dropdown li a { text-transform: none;text-align: left; }
.wrap .top-bar ul.dropdown li a { padding: 5px; }

/*Section Styles*/

.section { padding-top: 4%; padding-bottom: 4.2%; }
.section.top-only, .section.to { padding-bottom: 0; }
.section.bottom-only, .section.bo { padding-top: 0; }

.home.section { padding-top: 55px; padding-bottom: 75px; }
.section.dark { background: #5c5f99; }
.section.light { background: #f5f5f5; }
.section.white { background: #fff; }
.section.blue { background: #37a8ab; }

.section.narrow .row { max-width: 900px; margin: 0 auto; }

.section button, .section .button { font-weight: 800; text-transform: uppercase; }

.section h1 { font-size: 78px; line-height: .8; margin-bottom: 20px; }
.section h2 { font-size: 72px; line-height: .9; margin-top: 30px; }
.section h3 { font-size: 60px; }
.section h4 { font-weight: 900; text-transform: uppercase; font-size: 23px; }
.section h5 { font-weight: 300; font-size:  2rem; }

.section p { font-weight: 300; font-size: 1.3rem; }
.section strong { font-weight: 800; }

.section p a { font-weight: 800; }

.section { padding-top: 4%; padding-bottom: 4%; }
.section.gray { background: #f5f5f5;  }
.section.blue { background: #37a8ab; }
.section.top { padding-top: 0%; padding-bottom: 0%; }
.section.home-top { background: url(images/bg-home-top.jpg) top right no-repeat; background-size: contain; }
.section.home-top h1 {  font-size: 70px; line-height: .8; margin-bottom: 20px; }
.section.white.toggle p { font-size: 1.55rem; }

.section.toggle h1 { font-size:  3rem;}

.section .hw-simple-testimonial-testimonial { line-height: 38px;}
.section .hw-simple-testimonial-author { text-align: right; font-weight: 900; font-size: 1.3em; margin-top: 30px; }
.section .hw-simple-testimonial-author::before { content: '- ';}
.section .hw-simple-testimonial-testimonial:before { font-size: 6em; }

.reverse .hw-simple-testimonial-testimonial { color: #fff; font-size: 1.2rem; }


.top-bar-section li:not(.has-form) a:not(.button) { line-height: 1.4rem; padding: 0 1.3rem; }

.border img { border: solid 2px #37a8ab; }
.gap img { margin-top: 30px; }


/*Forms and Buttons*/

.wrap .form-group input { border: 1px solid #37a8ab; font-size: 20px; color: #a3a3a3; padding-left: 18px; padding-right: 18px; height: 46px; box-shadow: none; width: 100%; }

.button, button, .btn, a.button, a.btn { background: #37a8ab; font-weight: 400; padding-top: 1rem; padding-right: 2rem;
    padding-bottom: 1.0625rem; padding-left: 2rem; color: #fff; text-transform: uppercase; }
.button:hover, button:hover, .btn:hover, .button:focus, button:focus, .btn:focus, .button:active, button:active, .btn:active { background: #6092ac;}
.btn.pull-right { background: #fff; color: #37a8ab; }
.ccm-input-button, .button, .actions input  { background: #37a8ab;  color: #fff; text-transform: uppercase; font-weight: bold; padding: 1rem 2rem; font-size: 18px;
 border: 0px solid; }
.button:hover, .button:focus { background: #6092ac; color: #fff; }
.wrap .button, .ccm-input-button  { background: #37a8ab; color: #fff; }
.wrap .button:hover, .ccm-input-button:hover, .wrap .button:active, .ccm-input-button:active { background: #6092ac; color: #fff; }

.wrap button.secondary, .wrap .button.secondary { background: #fff; color: #3a5170; }

/*Misc */
.image-border img { border: 8px solid #fff; moz-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); }

.reveal-modal .button { margin-bottom: 0px; margin-top: 4px; }
.reveal-modal input  { width: 100%; }

.events.reverse.blue { background: #37a8ab; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.events.reverse.blue p { margin-bottom: 0; font-size: 15px; text-transform: uppercase; }

.ineditmode .events.reverse.blue { display: block; }

/*Panels*/

.panel { background: #f5f5f5; border: 1px solid #e2dedc; }
.panel p { color: #5c5f99; }
.panel h1, .panel h2, .panel h3, .panel h5, .panel h6 { color: #5c5f99; }

/*Spacing*/

.gaptop20 { margin-top: 20px; }
.gaptop40 { margin-top: 40px; }




/*Footer */

.footer { padding: 4% 3% 3% 3%; text-align: center; background: #37a8ab; }
.footer p { margin-bottom: 20px; font-size: 14px; }
.footer img { width: 270px; max-width: 100%; height: auto; }
.wrap .footer input[type="email"] { border: 1px solid #37a8ab; color: #a3a3a3; font-style: normal; padding: 18px; height: 46px; box-shadow: none; font-size: 18px; }
.wrap .footer .button { height: 46px; }
.wrap .footer h4 { margin-bottom: 20px; font-size: 24px;  }

.footer .top-bar { background: none; }
.footer .top-bar a { color: #fff; text-decoration: none; background: none; }
.footer .top-bar-section li:not(.has-form) a:not(.button) { background: none; }
.footer .top-bar-section li:not(.has-form) a:not(.button):hover:hover { color: #5c5f99; }
.footer .top-bar a.nav-selected { background: none; }

/*RESPONSIVE*/

/*rules for top bar break point*/
@media only screen and (min-width: 70.0625em) {

.top-bar-section .dropdown { min-width: 200px; left: 0 !important; right: auto !important; }


}
/*rules for anything smaller than a tablet*/
@media only screen and (max-width: 767px) {

	h3 {  font-size: 36px;}
	.wrap .left-nav { margin-top: 0; }
}

/*rules for desktops and laptops */
@media only screen and (min-width: 900px) {
	
	.narrow.headline h1 { margin-left: 15%; margin-right: 15%; }

	
}

/*rules for anything other than huge*/
@media only screen and (max-width: 1500px) {
	
	.section.home-top { background: url(images/bg-home-top-med.jpg) top right no-repeat; background-size: contain; }
	.footer .top-bar { display:  none; }
	.footer img { margin-bottom: 15px; }
	
}


/*rules for smaller than large*/
@media only screen and (max-width: 1030px) {
	
	.section.home-top { background: none; }
	
}


@media only screen and (min-width: 1031px) {
	
	.section.home-top img { display: none; }
	
}

/*rules for phones only*/
@media only screen and (max-width: 400px)  {
	
	h1, h2 { font-size: 50px; }
	.top-bar { height: 156px; }
	.top-bar .toggle-topbar a {  }
	.top-bar .toggle-topbar.menu-icon a span::after {  right: 40%; }
	.top-bar .toggle-topbar.menu-icon { margin-top: 0; top: 15px; display: block; width: 100%;      text-align: center; }
	.top-bar img { max-height: none; height: auto; width: 100%; margin-top: 0px; padding: 10px 20px; }
	.top-bar .toggle-topbar { position: relative; display:  block; }
}

/*Last*/

ul.ccm-error { margin-left: 0; }
.ccm-error li { padding: 8px 35px 8px 14px; margin-bottom: 18px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #f2dede; border-color: #eed3d7; color: #b94a48; list-style: none; }
div.ccm-notification-help-launcher { display: none !important;}	

.reverse, .reverse p, .reverse  h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6, .reverse a  { color: #fff; }
.reverse a, a.reverse { color: #fff; text-decoration: underline; }
.reverse a:hover, a.reverse:hover { color: #fff; text-decoration: none; }



