/* General */
::selection {
	color: inherit;
	background: #f0f0f0;
}	
	
input, textarea, button {
  font-family:inherit;
  font-size: inherit;
}

/* buttons */
.uHover {
	transition: all .1s;
}

.uHover:hover, .uSelected {
	padding-bottom:.25rem; 
	border-bottom: solid 3px white;
}

.hlsButton {
	padding:.5rem 1rem;
	font-weight:bold;
	min-width:150px;
}

.hlsButton2 {
	padding:.25rem 1rem;
	font-weight:normal;
	min-width:150px;
}

.hlsHeaderButton {
	padding:.25rem 1rem;
	font-weight:bold;
}

.hlsFooterButton {
	padding:.15rem;
	font-weight:bold;
}

/* goto */
.go-to {
	border-radius:2rem;
	
	color:#179f7c;
	background-color:rgba(255,255,255,.75);
	border:1px solid #179f7c;
	
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
}

.go-to:hover {
	background-color:#179f7c;
	border-color:white;
}

/* header nav */
.headerColor {
	background-image:url(./woodHeader.jpg);
}

.clearHeader {
	background-color:transparent;
}

.collapse.navbar-collapse {
	justify-content:flex-end;
}

.nav-item > a {
	color:white;
}

.navbar-expand-lg .navbar-collapse {
	background-color: transparent;
}

/* header anchor */
#anchor {
	width:36px;
}

@media (min-width:768px){
	#anchor {
		width:48px;
	}
}

/* socials */
#headerSocials img {
	max-width:72px;
}

#headerSocials a:hover {
	padding-bottom: .6rem;
	border-bottom: solid 3px white;
}

/* email submission */
#headerEmailGroup {
	line-height:1;
}

.headerEmail {
	font-size:1rem;
	width: 75%;
	border: 0;	
	border-bottom:2px solid white;
	border-radius:0;
	text-align:center;

	padding-left:.5rem;	
	padding-right:.5rem;
	background-color:transparent;
	color: white;
	transition: border-color .25s ease-in-out;
}

.headerEmail:focus,.footerEmail:focus{
	outline: 0;
}

.headerEmail::placeholder {
	color: white;
	font-size:.75rem;
}

.footerEmail.has-error,.headerEmail.has-error{
	border-bottom-color:red;
}

/* FOOTER */
.footerEmail::placeholder{color:white;font-size:.5rem;}
.footerSubmit:hover{background-color:white;color:#179f7c;border-color:#179f7c;}
.footer {color:white;font-size:.75rem;}
.footer a,.footer p, .footer i {color:white;}
.footer a {transition:all .1s;}

#choices,.footerCopyright {letter-spacing:calc(25em / 1000);line-height:1.5;}
#choices {font-size:14px;font-weight:500;}

.footerEmail{
	font-size:.75rem;
	border:0;
	border-bottom:white 1px solid;
	border-radius:0;	
	padding-left:.25rem;
	padding-right:.25rem;
	background-color:transparent;
	color:white;
	transition: border-color .25s ease-in-out;
	
	width:75%;
	max-width:19rem;
	text-align:center;
}

#footerEmailGroup .lsit{
	padding:0;margin:0;
	line-height:1;

	font-size:28px;
	margin-bottom:4px;
}
.footerSubheader{
	font-size:12px;
	line-height:1;
	padding:0;margin:0;
}
.footerSubmit {
	padding-left:1rem;
	padding-right:1rem;
	background-color:transparent;
	color:white;
	border:1px solid white;
	border-radius:10px;
	font-weight:normal;
	
	font-size:12px;
}
.footer a:hover {padding-bottom:1px;border-bottom:2px solid white;}
.footerSocialHeadline {font-family:"londrina Solid";font-size:28px;padding:0;margin:0;line-height:1;}
.footerCopyright {font-size:12px;font-weight:400;}

#footerSocial img {width:36px;}
#footerSocial a:hover {padding-bottom: 16px;border-bottom: 2px solid white;}

@media (max-width:320px){
	.footerSubheader{font-size:11px;}
	.footerCopyright{font-size:11px;}
}

@media (min-width:768px){
	#footerEmailGroup .lsit {font-size:21px;margin-bottom:3px;}
	.footerSubheader {font-size:10px;}
	.footerEmail {width:185px;text-align:left;}
	.footerSubmit {font-size:10px;}
	
	#choices,.footerCopyright {font-size:10px;font-weight:400;}
	
	.footerSocialHeadline{font-size:21px;}
	#footerSocial {position:absolute;bottom:0px; left:50%; transform:translateX(-50%);}
	
	#footerSocial img {width:28px;}
	#footerSocial a:hover {padding-bottom: 10px;}
	.footer a:hover {padding-bottom:0px;}
}

/* MOVE - Divider*/
.currentDots{
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='9'><circle cx='2' cy='2' r='2' fill='currentColor' /></svg>");
	background-repeat: round;
	height:5px;
}

.greenDots{
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='10'><circle cx='2' cy='2' r='2' fill='%231C9C7B' /></svg>");
	background-repeat: round;
	height:5px;
}

.orangeDots {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='10'><circle cx='2' cy='2' r='2' fill='%23fd591f' /></svg>");
	background-repeat: round;
	height:5px;
}

/* HLS COLORS */		
.whiteColor-hover:hover {color:white;}
.whiteColor {color:white;}

.orangeColor{color:#fd591f;}
.orangeBG {background-color:#fd591f;}
.orangeBorder{border-color:#fd591f;}
.orangeBorder-hover:hover {border-color:#fd591f;}
.orangeBG-hover:hover {background-color:#fd591f ! important;}
.btnOrange {
	color:#fd591f;
	background-color:white;
	border-color:#fd591f;
}
.btnOrange:hover {
	background-color:#fd591f ! important;
	color:white;
}

.blueColor{color:#0e6aa8;}
.blueBG {background-color:#0e6aa8;}
.blueBorder{border-color:#0e6aa8;}
.blueBorder-hover:hover {border-color:#0e6aa8;}
.blueBG-hover:hover {background-color:#0e6aa8 ! important;}
.btnBlue {
	color:#0e6aa8;
	background-color:white;
	border-color:#0e6aa8;
}
.btnBlue:hover {
	background-color:#0e6aa8 ! important;
	color:white;
}

.greenColor{color:#179f7c;}
.greenBG {background-color:#179f7c;}
.greenBorder{border-color:#179f7c;}
.greenBorder-hover:hover {border-color:#179f7c;}
.greenBG-hover:hover {background-color:#179f7c ! important;}
.btnGreen {
	color:#179f7c;
	background-color:white;
	border-color:#179f7c;
}
.btnGreen:hover {
	background-color:#179f7c;// ! important;
	color:white;
}

.purpleColor{color:#830b6a;}
.purpleBG {background-color:#830b6a;}
.purpleBorder{border-color:#830b6a;}
.purpleBorder-hover:hover {border-color:#830b6a;}
.purpleBG-hover:hover {background-color:#830b6a ! important;}
.btnPurple {
	color:#830b6a;
	background-color:white;
	border-color:#830b6a;
}
.btnPurple:hover {
	background-color:#830b6a ! important;
	color:white;
}

.noBorder {
	border:0;
}

/* FONTS */
.karla{font-family:'Karla';}
.londrinaSolid{font-family:'Londrina Solid';}

.lsit {font-family:"londrina Solid";color:white;}

/* Media Queries */
@media screen and (min-width: 992px) {
	/* only lg */	
	/* removes texture seam on larger screens */
	.headerColor {
		background-size:cover;
	}
	
	.navbar-nav > li {
		text-shadow: 2px 2px 4px rgba(0,0,0,.4);
	}
	
	#headerSocials img {
		width:1.1rem;
		filter: drop-shadow(2px 2px 4px rgba(0,0,0,.4));
		position:relative;
		top:-1px;
		vertical-align:middle;
	}
	
	#headerSocials a:hover {
		padding-bottom: .25rem;
	}
}

/* LARGE */
@media screen and (max-width: 991.98px) {
	/*smaller than lg*/
	.navbar-nav {
		text-align:center;
		min-height:100vmax;
	} 
	
	.navbar-nav > li {
		font-family:'Londrina Solid';
		font-size:3.5rem;
		padding-bottom:1vh;	
	}
	
	#headerSocials img {
		width:12vw;
		filter:none;

		position:static;
		vertical-align:bottom;			
	}
	
	#headerEmailGroup .lsit {		
		font-size:6vw;
	}
	
	#headerEmailGroup p {
		font-size:3vw;
	}
	
	#headerSocials a:hover {
		padding-bottom: 1rem;
	}

	.modalBG {
		height: 100%;
		width: 100%;
		position: fixed; /* Stay in place */
		z-index: 10; /* Sit on top */
		left: 0;
		top: 0;
		opacity:0;
		background-color: rgb(0,0,0); /* Black fallback color */
		background-color: rgba(0,0,0, 0.5); /* Black w/opacity */
		overflow: hidden;
		transition: 0.5s;
	}
}

/* Medium */
@media screen and (max-width: 766.5px){
	/* Kludge since 767.98px isn't working */	
	.navbar-nav > li {
		font-size:7vw;
		padding-bottom:.8vh;
	}
	
	#headerEmailGroup .lsit {		
		font-size:6.5vw;
	}
	
	#headerEmailGroup p {
		font-size:3.2vw;
	}
		
	.footerEmail::placeholder{
		text-align:center;
	}
}

/* Small */
@media screen and (max-width: 539px/* 413.98px 991.98px*/) {
	/*smaller than lg*/	
	.navbar-nav > li {
		font-size:8vw;
		padding-bottom:1vh;
	}
	
	#headerSocials a:hover {
		padding-bottom: .6rem;
	}
}

/* iPhone SE */
@media screen and (max-width: 374px) {
	.navbar-nav > li {
		font-size:7.5vw;
		padding-bottom:.6vh;
	}	
}

.navbar-brand-logo {
	max-width:110px;
}

main a {	
	color:#fd591f ! important;
	font-weight:500;
}

main a:hover {
	text-decoration:underline;
}

.noscroll {overflow: hidden;}

/* ================== EXPERIMENT ================== */
main {
	font-size: 16px; /* 21p 24l */
	line-height: 1.57;
	font-weight:500;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Londrina Solid";
	font-weight:400;
	padding:0;margin:0;
	line-height:1;
}

/* mobile */
h1 {
	font-size:36px;
	letter-spacing:calc(33em / 1000);/* 1.19px */
	margin-bottom:.5rem;
}

p.sh {
	font-size:18px;
	font-weight:500;
	line-height:1.4;
}
h2 {font-size:30px;line-height:1.1;}
h3,h4 {font-size:24px;}
h4 {margin-bottom:.5rem;}

.thanks {letter-spacing:calc(33em / 1000);}
 
/* tablet */
@media (min-width:768px){
	h1 {
		font-size:45px;
		letter-spacing:calc(33em / 1000);
		margin-bottom:.75rem;
	}

	p.sh {
		font-size:21px;
	}
}

/* desktop */
@media (min-width:991px){
	h1{
		font-size:50px; /* 48p 25t */
		letter-spacing:calc(25em / 1000);
		margin-bottom: .75rem;
	}
	
	h2 {font-size:38px;line-height:1.1;}
	h3,h4 {font-size:24px;}
	.thanks {letter-spacing:calc(25em / 1000);}
}

/* ================== MFD ================== */
.whiteDots {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='5' width='10'><circle cx='2' cy='2' r='2' fill='%23ffffff' /></svg>");
	background-repeat: round;
	height:5px;
}