/*Craft-driven CSS*/

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

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

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

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

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: #1f5137;
    border: solid 2px #1f5137;
    background: transparent;
    padding: 15px 22px;
    	}
.ctct-form-button { background-color: transparent !important; padding: 15px 22px !important }
.ctct-form-button:hover { background-color: #1f5137 !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 2px #1f5137;
    background: #1f5137;
	}
.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: transparent }
body.home #navMain { background-color: transparent }

#drawerNav, a.showSub { background-color: #872b2a }

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

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


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

#navMain #primary ul ul { background: #872b2a }
#navMain #primary ul li:hover a, #drawerNav ul li a:hover { color: #872b2a }
#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 #872b2a30 }
	#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;
		}
.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: 580px }
}

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

footer.main { background: transparent; padding: 80px 0 }
footer.main * { color: #274a5d }
footer.main img.logo { width: 120px }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: 'amatic-sc', sans-serif; font-weight: 400 }
h2,h2 a { font-family: 'amatic-sc', sans-serif; font-weight: 400 }
h3,h3 a { font-family: 'amatic-sc', 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 }