﻿/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; } 
ol, ul { list-style: none; } 
table { border-collapse: collapse; width: 100%; } 
td { vertical-align: top; }
/* Make HTML 5 elements display block-level for consistent styling */ 
header, nav, article, footer, address { display: block; } 
/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; } 
::selection { background: #000; color: #fff; text-shadow: none; }
/* Clearfix */
.cf { *zoom: 1; }
.cf:before, .cf:after { content: " "; display: table; } 
.cf:after { clear: both; } 

/*-------- BODY STYLES --------*/
html { scroll-behavior: smooth; }

body {

}

a:link, a:visited, a:active, a:hover { text-decoration: none; }
hr { border: #000 1px solid; }
div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, i, ol, ul, li, form, label, input, :before, :after { box-sizing: border-box; }

/*--- HEADER STYLES ---------------------*/
header {  }

.aria-skip { position: relative; width: 0px; height: 0px; display: flex; font-size: 0px; opacity: 0; }

.sundance-header {
	position: relative; z-index: 1004; width: 100%; padding: 6px 5%; height: /* [.header-logo img height] + padtb */ 108px; 
	background: #f0f0f0; box-shadow: 0 0 6px rgba(0, 0, 0, .3); 
	display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; 
}
.header-logo { width: 96px; display: flex; justify-content: center; align-items: center; }
.header-logo img { object-fit: contain; object-position:center; max-width: min(87px, 60vw); height: 96px; }
.nav-div { position: relative; height: 50px; display: flex; justify-content: flex-start; align-items: center; }
.headersoc { position: relative; width: calc(100% - 120px); height: 42px; display: flex; justify-content: flex-end; align-items: center; column-gap: 8px; }
.divider-circle { color: #a04808; font-size: 7.5px!important; text-shadow: 0 0 0 #a04808; }
.headersoc a { height: 42px; padding: 0 12px; color: #a04808!important; }
.headersoc a:hover { color: #331600!important; }

.header-ieda { position: absolute; bottom: 4px; right: 5%; height: 50px; }
.header-ieda img { object-fit: contain; object-position: center; width: 170px; height: 50px; }
.footersocial img {width: 160px; }

/* Site Colors: 
								   --> Orange: #c2570a; <--
(hardly used) 	Med-Orange: #a04808; 
										Brown: #331600;
									Not-White: #f0f0f0;
*/
/*---BODY--------------------------------*/
.invisilink { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; display: inline; transition: .2s ease all; }
a.invisilink:hover, button.invisilink:hover { text-decoration: underline; color: #c2570a; }
a.invisilink.dark-bg:hover, button.invisilink.dark-bg:hover { color: #fff; opacity: .7; }
.bg-orange a.invisilink:hover { color: #331600!important; }

/* Text / Titles / Paragraphs / <h1><h2><h3><h4> / <p> */
.title, .subtitle, .content-sect p {
	font-family: 'Chonky', sans-serif; font-weight: 400; font-style: normal; color: #331600; 
}
.title.h1 { font-size: 44px; line-height: 52px; }
.title, .title.h2 { font-size: 42px; line-height: 50px; }
.title.h3 { font-size: 28px; line-height: 36px; }
.title.h4 { font-size: 22px; line-height: 30px; }
.subtitle { color: #331600; font-size: 24px; }
.h1 .subtitle { font-size: 24px; }
.h2 .subtitle { font-size: 24px; }
.h3 .subtitle { font-size: 18px; }

.txt-default, .content-sect p, 
form.sundance-form label, form.sundance-form select, form.sundance-form input[type="text"], form.sundance-form input[type="email"], form.sundance-form input[type="tel"], form.sundance-form input[type="date"], form.sundance-form textarea, .CaptchaMessagePanel {
	font-family: 'Be Vietnam Pro', sans-serif; font-size: 16px; font-weight: 400; color: #331600; 
}
.txt-default, .content-sect p { margin-bottom: 10px; }
.CaptchaWhatsThisPanel { font-family: 'Be Vietnam Pro', sans-serif; }

/* buttons / links / <a> / ctas */
.btnclass, .btn-orange, .btn-white, .btn-brown { /* shared by all */
	font-family: 'Be Vietnam Pro', sans-serif!important; font-size: 18px!important; font-weight: 400!important; 
	text-align: left!important; cursor: pointer; 
	display: flex!important; justify-content: center!important; align-items: center!important; 
	position: relative; padding: 14px 36px; 
	border-width: 1px; border-style: solid; border-radius: 30px; background: none; transition: .4s ease all; 
}
.btnclass:after, .btn-orange:after, .btn-white:after, .btn-brown:after { /* arrow shape */
	clip-path: polygon(0% calc(50% - 1px), calc(100% - 8px) calc(50% - 1px), calc(100% - 8px) 0%, 100% 50%, calc(100% - 8px) 100%, calc(100% - 8px) calc(50% + 1px), 0% calc(50% + 1px));
	position: relative; content: ""; display: inline; width: 30px; height: 8px; 
	margin: 0; margin-left: 32px; transition: .4s ease all; 
}
.btnclass:hover, .btn-orange:hover, .btn-white:hover, .btn-brown:hover { box-shadow: none!important; }

.btnclass { /* default btnclass is same as btn-orange */
	border: 2px solid #c2570a; color: #c2570a; background: none; 
}
.btnclass:after { background: #c2570a; }
.btnclass:hover { background: #c2570a; color: #fff; }
.btnclass:hover:after { background: #fff; }

.btn-orange, .btnclass.btn-orange { border-color: #c2570a!important; color: #c2570a; }
.btn-orange:after, .btnclass.btn-orange:after { background: #c2570a; }
.btn-orange:hover, .btnclass.btn-orange:hover { background: #c2570a; color: #fff; }
.btn-orange:hover:after, .btnclass.btn-orange:hover:after { background: #fff; }

.btn-white, .btnclass.btn-white { border-color: #fff; color: #fff; }
.btn-white:after, .btnclass.btn-white:after { background: #fff; }
.btn-white:hover, .btnclass.btn-white:hover { background: #fff; color: #c2570a; }
.btn-white:hover:after, .btnclass.btn-white:hover:after { background: #c2570a; }

.btn-brown, .btnclass.btn-brown { border-color: #331600; color: #331600; }
.btn-brown:after, .btnclass.btn-brown:after { background: #331600; }
.btn-brown:hover, .btnclass.btn-brown:hover { background: #331600; color: #fff; }
.btn-brown:hover:after, .btnclass.btn-brown:hover:after { background: #fff; }

.listed {
	display: flex!important; justify-content: center!important; align-items: center!important; color: #c2570a; 
	font-family: 'lorimer-no-2-condensed', sans-serif!important; font-size: 24px!important; font-weight: 400!important; 
	transition: .3s ease all; 
}
.listed span { display: inline; transition: .3s ease all; }
.listed i { width: 24px; font-size: 18px!important; text-align: center; margin-right: 14px; transition: .3s ease all; }
.listed.bold-text, .listed .bold-text, .listed.text-bold, .listed .text-bold, .listed.bold-txt, .listed .bold-txt, .listed.txt-bold, .listed .txt-bold { font-weight: 700!important; }

.listed .bold-text, .listed .text-bold, .listed .bold-txt, .listed .txt-bold { font-weight: 700!important; display: inline; }
.listed:hover { color: #331600; }
.listed-orange { color: #c2570a; }
.listed-orange:hover { color: #331600; }
.listed-white { color: #fff; }
.listed-white:hover, .txt-white a.listed:hover, .txt-white a.listed:hover i, .txt-white a.listed:hover span { color: #331600!important; }
.listed-brown { color: #331600; }
.listed-brown:hover { color: #c2570a; }

.icon-link { 
	min-width: 50px; min-height: 42px; text-align: center; 
	display: flex!important; justify-content: center!important; align-items: center!important; color: #c2570a; 
	font-size: 18px!important; transition: .3s ease all; 
}
.icon-link i { margin: 0!important; }

.fa-facebook-f:before { content: "\f39e"!important; }

/* sections */
.content-sect { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; row-gap: 16px;}
.content-sect.center-style { align-items: center; }

.horiz-sect { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; column-gap: 24px; row-gap: 16px; }
.horiz-sect.center-style, .content-sect.center-style .horiz-sect { justify-content: center; }

.mission {
	position: relative; width: 100%; padding: 80px 5%; 
	display: flex; justify-content: center; align-items: center; column-gap: 5vw; 
}
.mission > .content-sect { width: 50%; }
.missionimg { 
	position: relative; width: calc(50% - 5vw); height: 450px; 
	display: flex; flex-direction: column; flex-wrap: wrap; justify-content: stretch; column-gap: 10px; row-gap: 10px; 
}
.missionimg img {
	/*position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; */
	position: relative; width: calc(50% - 5px); max-width: unset; object-fit: cover; object-position: center; 
}
.missionimg img:first-of-type { height: 100%; border-top-left-radius: 80px; }
.missionimg img:nth-of-type(2) { height: calc(56% - 5px); border-top-right-radius: 80px; }
.missionimg img:last-of-type { height: calc(44% - 5px); border-bottom-right-radius: 80px; }
.mission .content-sect .title { color: #c2570a; }

img.img-contain { object-fit: contain; }

.contact-sect { position: relative; width: 100%; background: #c2570a; display: flex; justify-content: center; align-items: stretch; }
.contact-sect > .content-sect { width: 58%; padding: 60px 100px 60px 5vw; }
.contact-sect .map-div { position: relative; width: 42%; min-height: 400px; display: flex; justify-content: stretch; align-items: stretch; }
.map-div iframe { width: 100%; height: 100%; min-height: 400px; border: none; border-bottom: none; }

.listeds-holder { padding: 20px; display: flex; flex-direction: column; align-items: flex-start; row-gap: 28px; }

/* Homepage - default.htm */
.homepage, .subpage { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; }
.homepage {}

.hero, .subhero { position: relative; width: 100%; display: flex; justify-content: flex-start; }
.hero { height: 500px; align-items: center; }
.hero > img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.hero-slider {
	position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; 
	display: flex; justify-content: stretch; align-items: stretch; 
}
.hero-slider .carousel-cell { width: 100%; height: 100%; }
.hero-slider img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: brightness(.7); }
.hero .hero-overlay {
	position: relative; z-index: 3; width: 605px; padding: 28px 28px 28px 5vw; background: rgba(51, 22, 0, .82); 
	border-top-right-radius: 30px; border-bottom-right-radius: 30px; 
}

.inv-btns-sect {
	position: relative; width: 100%; 
	padding: 40px max(min(5%, 120px), calc(50% - 1050px)) 62px max(min(5%, 120px), calc(50% - 1050px)); 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; 
}
.inv-btns-sect > .title { margin-bottom: 12px; }

.inv-btn {
	position: relative; width: calc(20% - 1.6vw); margin: .8vw; height: min(calc(14.8vw), calc(270px - 1.6vw)); 
	display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; 
	background: #c2570a; box-shadow: 0 2px 6px rgba(0, 0, 0, .6); transition: .3s ease all; 
}
.inv-btn img {
	position: absolute; z-index: 1; top: 0; left: 8px; width: calc(100% - 8px); 
	height: /*min(*/calc(100% - 40px)/*, 210px)*/!important; min-height: 100px; 
	object-fit: cover; object-position: center; transition: .3s ease all; 
}
.inv-btn span {
	width: calc(100% - 8px); padding: 8px; min-height: 40px; background: #fff; color: #000; 
	font-family: 'lorimer-no-2-condensed', sans-serif; font-size: 20px; font-weight: 700; text-align: left; 
	display: flex; justify-content: flex-start; align-items: center; transition: .3s ease all; 
}

a.inv-btn:hover { box-shadow: 0 0 8px rgba(0, 0, 0, .9); }
a.inv-btn:hover img { opacity: .7; }
a.inv-btn:hover span { background: #c2570a; color: #fff; }

/* subpages */
.subpage {}

.subhero { height: 320px; align-items: flex-end; }
.subhero > img { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.subhero .hero-overlay { position: relative; z-index: 3; background: rgba(51, 22, 0, .82); padding: 28px; border-top-right-radius: 30px; }

/* contact-us.htm */
.contactpage {}

.team-sect {
	position: relative; width: 100%; padding: 50px 5%; 
	display: flex; flex-direction: column; align-items: center; row-gap: 20px; 
}

.team-holder {
	position: relative; width: 100%; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; 
}

.is-team {
	position: relative; width: 300px; margin: 10px; padding: 12px 16px; 
	background: #fff; box-shadow: 0 1px 8px rgba(0, 0, 0, .1); 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; transition: .25s ease all; 
}
.is-team * { color: #331600; }
.is-team .team-name, .is-team .team-title { font-family: 'Be Vietnam Pro', sans-serif; margin: 4px 0; }
.is-team .team-name { font-size: 20px; font-weight: 700; }
.is-team .team-title { font-size: 17px; font-weight: 400; }
.is-team .listed { margin: 6px 0 6px 2px; }
.is-team .listed i {}
.is-team a.listed:hover, .is-team a.listed:hover i, .is-team a.listed:hover span { color: #c2570a!important; }

.is-team:hover { box-shadow: 0 3px 12px rgba(0, 0, 0, .2)!important; }

/* thank-you.htm */
.thankyoupage {}

/* recommended styles */
.center-style, .center-style .title, .center-style p, 
.title.center-style, p.center-style { text-align: center; }

.txt-white:not(.btnclass), .txt-white *:not(.btnclass), .txt-white .title, .txt-white p { color: #fff; }

.bg-lgray { background: #f0f0f0; }

.bg-rocks, .bg-soil { position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; }

.bg-rocks { background: #f0f0f0; background-image: url('/siteart/bg-rocks.jpg'); }

.bg-soil { background: #331600; background-image: url('/siteart/bg-soil.jpg'); }

.width100 { width: 100%; }

/* forced styles */
.txt-bold { font-weight: 700!important; }

/*-------- FORM STYLES --------------------*/
.form-sect { 
	position: relative; width: 100%; padding: 50px 5%; 
	display: flex; flex-direction: column; align-items: center; 
}
form.sundance-form {
	position: relative; width: 100%; padding: 10px; 
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; 
	column-gap: 10px; 
}
form.sundance-form .col50 { 
	position: relative; width: calc(50% - 5px); 
	display: flex; flex-direction: column; 
}
form.sundance-form label { width: 100%; padding: 12px 0 10px; margin-top: 10px; font-weight: 700!important; }
form.sundance-form select, form.sundance-form input[type="text"], form.sundance-form input[type="email"], form.sundance-form input[type="tel"], form.sundance-form input[type="date"], form.sundance-form textarea { width: 100%; padding: 10px; box-sizing: border-box; }
form.sundance-form textarea { height: 100px; }

.formrow-captcha { width: 100%; flex-direction: column; align-items: center; }
.CaptchaMessagePanel { text-align: center; }

/*-------- FOOTER STYLES ----------------*/
footer {  }

.sundance-footer {
	position: relative; width: 100%; padding: 24px 5%; 
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; 
}
.footerleftgroup, .footersocial { 
	position: relative; width: 50%; 
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; 
}
.footerleftgroup {}
.foot-logo { position: relative; display: flex; justify-content: flex-start; align-items: center; }
.foot-logo img { width: 70px; max-width: 70vw; object-fit: contain; object-position: center; }

.foot-ieda { position: relative; margin-bottom: -50px; height: 50px; }
.foot-ieda img { object-fit: contain; object-position: center; width: 70px; height: 50px; }

.sundance-footer .title { color: #fff; margin: 24px; font-size: 22px; line-height: 30px; }
.footnav { margin-left: 94px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.footnav a { 
	position: relative; padding: 0 8px; min-width: 50px; min-height: 42px; 
	display: flex; justify-content: flex-start; align-items: center; 
	font-family: 'lorimer-no-2-condensed', sans-serif; font-size: 24px; font-weight: 400; color: #fff; transition: .3s ease all; 
}
.sundance-footer a:hover { color: #c2570a!important; }
.footersocial { row-gap: 8px; }
.footersocial a, .footersocial p { padding: 12px!important; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.invpage .sundance-footer { padding-bottom: 140px; }

/* AT styles */
.list.listing { display: flex!important; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 1501px) {	/* MIND THE MIN-WIDTH */
	form.sundance-form .col50 { width: calc(25% - 8px); }
}

@media only screen and (max-width: 1200px) {
	.inv-btns-sect { padding-left: min(5%, 40px); padding-right: min(5%, 40px); }
}

@media only screen and (max-width: 1150px) {
	.footersocial { align-items: flex-end; }
}

@media only screen and (max-width: 1080px) {
	.inv-btn { height: calc(20vw - 1.6vw); }
}

@media only screen and (max-width: 1024px) {
	.hero { height: 420px; }
	
	.inv-btn { width: calc(25% - 1.6vw); }
}

@media only screen and (max-width: 1000px) {
	
}

@media only screen and (max-width: 992px) {
	.hide992 { display: none!important; }
	
	.title, .h2 .title, .title.h2 { font-size: 36px; line-height: 44px; }
	
	.sundance-header { padding: 0; flex-direction: row; align-items: center; flex-wrap: nowrap; }
	.header-logo { margin-right: auto; margin-left: 20px; }
	.header-logo img { height: 86px; }
	.headersoc { width: unset; margin-bottom: 50px; }
	.nav-div { width: 80px; height: 100%; }
	.header-ieda { right: 94px; }
	
	.inv-btn { width: calc(33.333333% - 1.6vw); height: max(23vw, 200px); }
	
	.hero { height: unset; flex-direction: column; align-items: stretch; }
	.hero-slider { position: relative; top: 0; left: 0; width: 100%; height: 420px; }
	.hero .hero-overlay { width: 100%; padding: 40px 5%; background: #331600; border-top-right-radius: 0; border-bottom-right-radius: 0; }
	
	.subhero { height: 250px; align-items: stretch; }
	.subhero .hero-overlay { width: 100%; padding: 40px 5%; align-items: center; justify-content: center; border-top-right-radius: 0; }
	.subhero .hero-overlay .title, .subhero .hero-overlay p { text-align: center; }
	
	.mission { padding: 60px 5%; flex-direction: column-reverse; align-items: center; }
	.mission > .content-sect { width: 100%; }
	.missionimg { width: 80%; height: 380px; padding-right: 0; margin: 60px auto 0 auto; }
	
	.contact-sect { flex-direction: column; align-items: stretch; }
	.contact-sect .contactsectinf, .contact-sect .map-div { width: 100%; }
	.contact-sect .content-sect { padding: 60px 5%; }
	.contact-sect .map-div, .map-div iframe { min-height: 350px; height: unset; }
	
	.sundance-footer { flex-direction: column; align-items: flex-start; }
	.footerleftgroup, .footersocial { width: 100%; align-items: center; }
	.foot-logo { flex-wrap: wrap; justify-content: center; }
	.foot-logo .title { margin-bottom: 0; text-align: center; }
	.footnav { align-items: center; margin: 40px 0; width: 100%; }
	.footnav a { text-align: center; justify-content: center; }
}

@media only screen and (max-width: 800px) {
	
}

@media only screen and (min-width: 769px) {	/* MIND THE MIN-WIDTH */
	.headersoc .listed:not(.icon-link) i { display: none!important; }
}

@media only screen and (max-width: 768px) {
	.hide768 { display: none!important; }
	
	.headersoc { height: 50px; column-gap: 0; padding-right: 12px; }
	.headersoc a { min-width: 50px; }
	.headersoc a i { margin-right: 0; }
	.headersoc a span, .divider-circle { display: none!important; }
	
	.inv-btn { width: calc(50% - 1.6vw); }
	
	.is-team { width: 100%; }
	
	form.sundance-form .col50 { width: 100%; }
}

@media only screen and (max-width: 650px) {
	.inv-btns-sect { padding-left: max(5%, 12px); padding-right: max(5%, 12px); }
	.inv-btn { width: 100%; height: max(calc(40vw - 1.6vw), 180px); }
	
	.missionimg { height: 320px; }
}

@media only screen and (max-width: 480px) {
	.header-logo { margin-left: 12px; }
	
	.inv-btns-sect { padding-left: max(5%, 6px); padding-right: max(5%, 6px); }
	
	.missionimg { width: 100%; }
}

@media only screen and (max-width: 410px) {
	.headersoc { display: none!important; }
	
	.header-ieda { right: 10px; bottom: -54px; }
}






