/*Craft-driven CSS*/

/* -----------------------------------------
   GLOBAL STYLING
----------------------------------------- */

/* BODY BACKGROUND */
body, html { background-color: #efefef }

/* CONTENT AREA BACKGROUND */
.row { background-color: #ffffff }

/* TEXT COLORS */
p, ul, ol, blockquote, label { color: #2a495b }
.blocks i { color: #2a495b }
a, a:active, a:focus { color: #739aaf }
.breadcrumbs a { color: #739aaf; text-decoration: none }
a:hover, .breadcrumbs a:hover { color: #4b773c }
.row.content p a { text-decoration: underline }
h1, h2, h2 a { color: #66a18d }
h3, h3 a { color: #2a495b }
.sidebar h2.ctct-form-header { color: #2a495b !important }
h4, h4 a { color: #ffffff }
.accordion-title * { color: #66a08d }
.accordion-title, :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #66a08d50 }
.flip-card-front { border: 1px solid #2a495b30 }

section.banner.darkText h3 { color: #2a495b }
section.banner.darkText p { color: #2a495b }

/* BUTTON STYLING */
.button, .button:focus, .p-button a, section.banner.darkText .p-button a, a.item .p-button, footer.main .p-button a, button[type=submit] {
	color: #ffffff;
    border: solid 0px #66a08d;
    background: #66a08d;
    padding: 11px 14px;
    	}
.ctct-form-button { background-color: #66a08d !important; padding: 11px 14px !important }
.ctct-form-button:hover { background-color: #518876 !important }
.button:hover, .p-button:hover a, section.banner.darkText .p-button:hover a, footer.main .p-button:hover a, button[type=submit]:hover {
    color: #ffffff;
    border: solid 0px #518876;
    background: #518876;
	}
.button.feature, .text-white .p-button a, section.banner .p-button a, a.item .text-white .p-button {
	color: #e1641f;
    border: solid 2px #e1641f;
    background: #ffffff;
    padding: 11px 14px;
    	}
.button.feature:hover, .text-white .p-button:hover a, section.banner .p-button:hover a {
    color: #ffffff;
    border: solid 2px #e1641f;
    background: #e1641f	}



/* -----------------------------------------
   HEADER/NAV
----------------------------------------- */

/* HEADER BG COLOR */
#navMain {
}
#navMain { background-color: #ffffff }
body.home #navMain { background-color: #ffffff }

#drawerNav, a.showSub { background-color: #6eaf9a }

/* HEADER LOGO SIZE */
#navMain img.logo { width: 160px }
	@media only screen and (max-width: 40.063em) {
		#navMain img.logo { width: 136px }
	}
/* HEADER HEIGHT */
#navMain .columns.logoBox { padding: 10px 0 }

/* LOGO TEXT COLOR */
.logotype { color: #ffffff }


/* MAIN NAV STYLING */
#navMain #primary ul li a, #drawerNav ul li a {
	text-transform: uppercase;	color: #2a495b
	}
.doubledouble .line { background-color: #2a495b }
body.drawer .doubledouble .line { background-color: #6eaf9a }

#navMain #primary ul ul { background: #6eaf9a }
#navMain #primary ul li:hover a, #drawerNav ul li a:hover { color: #6eaf9a }
#navMain #primary ul ul li a, #drawerNav ul ul li a, #drawerNav ul li a {
	color: #f8f8f8 !important;
	text-transform: none !important 	}
#navMain #primary ul ul li:hover a, #drawerNav ul ul li a:hover { color: #ffffff !important }


/* NAV HOVER/ACTIVE STYLE */
	#navMain #primary ul li { border-bottom: 2px solid transparent; margin: 0 8px }
	#navMain #primary ul li:hover, #navMain #primary ul li.active { border-bottom: 2px solid #6eaf9a30 }
	#navMain #primary ul a { padding: 0 5px }
	#navMain #primary ul ul { margin-top: 2px; left: -2px }


/* MOBILE ALWAYS OPTION */
.utility .row.column { text-align: right }
.utility {
	background: #fbb117;
		}
.utility ul {
	color: #0e263350;
		font-size: .7em;
		}
.utility ul li a {
	color: #0e2633;
		text-transform: uppercase;
		}
.utility ul li { border-right: 1px solid #0e263325 }
.utility ul li:hover { background: #6ba4b8 }

@media only screen and (min-width: 40.063em) {
.hero { height: 400px }
}

/* -----------------------------------------
   FOOTER
----------------------------------------- */

footer.main { background: #66a08d; padding: 80px 0 }
footer.main * { color: #ffffff }
footer.main img.logo { width: 180px }footer.main a:hover { color: #ffffff }


/* -----------------------------------------
   FONTS
----------------------------------------- */

* { font-family: 'Poppins', sans-serif; font-weight: 400 }
.button, .p-button a, a.item .p-button { font-family: 'Poppins', sans-serif; font-weight: 400 }
#navMain #primary ul a, #navMain #primary ul a, #drawerNav ul li a { font-family: 'Poppins', sans-serif; font-weight: 400 }
h1,h1 a { font-family: 'Poppins', sans-serif; font-weight: 800 }
h2,h2 a { font-family: 'Poppins', sans-serif; font-weight: 400 }
h3,h3 a { font-family: 'Poppins', sans-serif; font-weight: 400 }
h4,h4 a,h5,h5 a,h6,h6 a { font-family: 'Poppins', sans-serif; font-weight: 400 }
blockquote { font-family: 'Poppins', sans-serif; font-weight: 400 }