/*Craft-driven CSS*/

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

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

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

/* TEXT COLORS */
p, ul, ol, blockquote, label { color: #0e2633 }
.blocks i { color: #0e2633 }
a, a:active, a:focus { color: #274a5d }
.breadcrumbs a { color: #274a5d; text-decoration: none }
a:hover, .breadcrumbs a:hover { color: #4b773c }
.row.content p a { text-decoration: underline }
h1, h2, h2 a { color: #6ba4b8 }
h3, h3 a { color: #274a5d }
.sidebar h2.ctct-form-header { color: #274a5d !important }
h4, h4 a { color: #74aa4e }
.accordion-title * { color: #df422d }
.accordion-title, :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #df422d50 }
.flip-card-front { border: 1px solid #0e263330 }

section.banner.darkText h3 { color: #333333 }
section.banner.darkText p { color: #555555 }

/* 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: #000000;
    border: solid 0px #e1641f;
    background: #000000;
    padding: 15px 22px;
    	}
.ctct-form-button { background-color: #000000 !important; padding: 15px 22px !important }
.ctct-form-button:hover { background-color: #e1641f !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: #e1641f;
    border: solid 0px #e1641f;
    background: #e1641f;
	}
.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: #274a5d50 }
body.home #navMain { background-color: #274a5d50 }

#drawerNav, a.showSub { background-color: #274a5d }

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

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


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

#navMain #primary ul ul { background: #274a5d }
#navMain #primary ul li:hover a, #drawerNav ul li a:hover { color: #fbb117 }
#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:hover, #navMain #primary ul li.active { background: #274a5d }
	#navMain #primary ul li.active a { color: #f8f8f8 }


/* MOBILE ALWAYS OPTION */
	/* min-width 641px */
	@media only screen and (min-width: 40.063em) {
		#navMain #primary, .row.stack > div.columns#navMain #primary { display: none !important }
		a#menuBtn { display: block }
	}
.utility .row.column { text-align: right }
.utility {
	background: #fbb117;
		}
.utility ul {
	color: #0e263350;
		}
.utility ul li a {
	color: #0e2633;
		}
.utility ul li { border-right: 1px solid #0e263325 }
.utility ul li:hover { background: #6ba4b8 }

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

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

footer.main { background: #ffffff; padding: 80px 0 }
footer.main * { color: #274a5d }
footer.main img.logo { width: px }footer.main a:hover { color: #333333 }


/* -----------------------------------------
   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: 400 }
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 }