﻿/* ------------------------------

	   CONSISTENT CSS STYLES

--------------------------------- */

html {
	font-size: 10px;
}

body {
    margin: 0;
	padding: 0;
    overflow-x: hidden;
	font: 2rem/2.8rem "Source Sans Pro", sans-serif;
    color: #574230;
	background-color: #e1ddda;
	-webkit-user-select: text;
	-webkit-text-size-adjust: none;
}

a {
	color: #407d24;
	outline: transparent;
}

a:hover {
	text-decoration: none;
}


a.anchor-link {
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
}
	
b,
strong {
	font-weight: normal;
	font-family: "Source Sans Pro Bold", sans-serif;
}

em {
	font-style: normal;
	font-family: "Source Sans Pro Italic", sans-serif;
}

h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
	font-family: "Source Sans Pro Black", sans-serif;
	font-weight: normal;
}

/* h1,
h2,
h4 {
	
} */

h1 {
	font-size: 9.5rem;
	line-height: 9.5rem;
	color: #fff;
	text-shadow: 0 2px 1px rgba(0, 0, 0, 0.9);
}

h2 {
	font-size: 6rem;
	line-height: 6rem;
}


	h2 a,
	h2 a:hover {
		color: #574230;
	}
	
	h2 a:hover {
		text-decoration: none;
	}


h3 {
	padding: 30px 0 0;
	font-size: 3rem;
	line-height: 3rem;
	text-transform: uppercase;
}

h4 {
	padding: 25px 0 0;
	font-size: 2.5rem;
	line-height: 2.5rem;
}

	h4 a,
	h4 a:hover {
		color: #574230;
	}
	
	h4 a:hover {
		text-decoration: none;
	}
	
hr {
	border: 0;
	height: 1px;
	background: #b2b2b2;
	margin: 20px 0;
}

img {
	max-width: 100% !important;
	border: 0;
}

#map img {
   	max-width: none !important;
}

input {
	-webkit-appearance: none;
}

ol,
ul {
	padding: 0 0 10px 45px;
	margin-bottom: 0;
}

	ol li,
	ul li {
		margin-bottom: 10px;
    	padding-left: 5px;
	}

		ol ul,
		ul ul {
			padding: 10px 0 0 4.6%;
		}

			ol ul li,
			ul ul li {
				margin-bottom: 5px;
			}
						
	
sup {
	position: relative;
	vertical-align: baseline;
	top: -2px;
}

table,
thead,
tbody,
tr,
th,
td {
	box-sizing: border-box;
	border-spacing: 0;
    border-collapse: separate;
}

	th {
		font-weight: normal;
	}

.non-cms-clear {
	display: block;
	content: "";
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

img.align-left,
img.align-right,
img.align-center {
	border-radius: 8px
}

img.align-left {
	float: left;
	margin: 5px 22px 10px 0;
}

img.align-center {
	display: block;
	margin: 25px auto;
}

img.align-right {
	float: right;
	margin: 5px 0 10px 22px;
}

/* EDUCATION ACTIVITIES & RESOURCES */
.flexbox-row {
	display: flex;
	flex-flow: row;
	width: 100%;
	justify-content: space-evenly;
}

.flexbox-row img.align-right {
	float: none;
	margin-left: 25px;
}

/* .accordion-container ul.nature-activities-list {
	column-count: 2;
	list-style-type: none;
	padding-left: 0;
} */

.accordion-container .nature-activities-list {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
	justify-content: space-between;
}

.nature-activities-list .nature-activities-list__activity {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
	flex: 0 0 45%;
}

.nature-activities-list .nature-activities-list__activity h4 {
	margin-bottom: 8px;
}

.nature-activities-list .nature-activities-list__activity a {
	display: inline-block;
	margin-bottom: 8px;
}

.zoom-downloads-list {
	list-style-type: none;
	padding-left: 0;
}

/* .youtube-embed {
	position: relative;
	padding-bottom: 56%;
	padding-top: 36px;
	height: 100%;
	overflow: hidden;
}

.youtube-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} */
/* END EDUCATION ACTIVITIES & RESOURCES */

img.style-kill {
	border-radius: 0;
}

.responsive-embed-container {
	position: relative;
	height: 0;
	margin-bottom: 1rem;
	padding-bottom: 56.25%;
	overflow: hidden; 
}
  
.responsive-embed-container iframe,
.responsive-embed-container object,
.responsive-embed-container embed,
.responsive-embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}

.btn-container {
	padding: 20px 0;
}

.btn {
	padding: 10px 20px;
	font: 1.6rem/1.6rem "Source Sans Pro Black", sans-serif;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	cursor: pointer;
	outline: 0;
}

	.btn i {
		display: inline-block;
		position: relative;
		margin-left: 10px;
		font-size: 1.3rem;
	}

.btn-brown {
	color: #fff;
	background-color: #6a523e;
	-webkit-transition: -webkit-box-shadow 0.2s;
	transition: background-color 0.2s, box-shadow 0.2s;
}

.btn-brown:hover {
	background-color: #574320;
	-webkit-box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 1);
	box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 1);
}

.btn-gold,
.btn-orange {
	color: #362618;
	background-color: #f2b235;
	transition: color 0.2s, background-color 0.2s;
}

.btn-orange {
	-webkit-transition: -webkit-box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.btn-gold:hover {
	color: #382a1e;
	background-color: #d79515;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange.active,
.btn-orange.active:hover,
.btn-orange.active:focus {
	background-color: #d79515;
	-webkit-box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.disclaimer {
	font-size: 1.4rem;
	line-height: 1.9rem;
}

.flexbox-content {
	display: flex;
	flex-flow: row wrap;
}

.flexbox-column.flexed-content {
	flex: 1 1;
}

.video {
	position: relative;
   	width: 100%;
	margin: 30px 0;
   	padding-top: 56.25%; /* 16:9 aspect ratio */;
}

	.video iframe {
		position: absolute;
	   	top: 0;
	   	left: 0;
	   	bottom: 0;
	   	right: 0;
	   	width: 100%;
	   	height: 100%;
	}
	

/* CONSISTENT CONTAINERS */

main {
	display: block;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
}

.one-column-content-container {
	width: 92.5%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 0 50px;
}


/* HEADER */

header {
	z-index: 6;
	position: fixed;
	width: 100%;
	max-width: 1920px;
}

body.EditMode header,
body.DesignMode header {
	position: relative;
}

		header > div {
			z-index: 10;
			position: absolute;
			left: 7.5%;
			margin-top: 10px;
			padding: 20px 40px;
			border-radius: 8px;
			background-color: #f6f1eb;
			-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
			box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.4);
		}
		
			header > div a img {
				display: block;
				margin: 0 auto 12px;
			}
			
			header > div span {
				display: block;
				font: 1.8rem/1.8rem "Source Sans Pro Italic", sans-serif;
				text-align: center;
				color: #302925;
			}
			
			header > section {
				line-height: 0;
			}
		
				.top-nav {
					justify-content: flex-end;
					align-items: center;
					padding: 5px 2.8% 0 0;
					background-color: #382a1e;
				}
				
					.top-nav a {
						text-decoration: none;
						color: #fff;
					}
					
					.top-nav a.icon-search {
						font-size: 2.2rem;
						line-height: 2.2rem;
						transition: color 0.4s;
					}
					
					.top-nav > div:first-of-type {
						margin: 0 10px;
						font-size: 0;
					}
					
						.top-nav > div:first-of-type a {
							display: inline-block;
							vertical-align: top;
							margin-bottom: 5px;
							padding: 0 15px;
							font-size: 1.6rem;
							line-height: 1.6rem;
							transition: color 0.4s;
						}
						
						.top-nav > div:first-of-type a:nth-child(2) {
							border-left: 1px solid #4f3f33;
							border-right: 1px solid #4f3f33;
							box-sizing: border-box;
						}
						
						.top-nav a.icon-search:hover,
						.top-nav > div:first-of-type a:hover {
							text-decoration: none;
							color: #f2b335;
						}
						
					.top-nav a.btn-alerts {
						display: -ms-flexbox;
						display: -webkit-flex;
						display: flex;
						padding: 5px 15px;
						color: #382a1e;
						border-radius: 5px 5px 0 0;
						background-color: #f2b335;
					}
					.top-nav a.btn-alerts__white {
						background-color: #ffffff;
						padding: 6px 15px 5px;
						margin-right: 10px;
					}
					
					.top-nav a.btn-alerts:hover {
						text-decoration: none;
						color: #fff;
					}

					.top-nav a.btn-alerts__white:hover {
						color: #382a1e;
						background-color: #f2b335;
					}
											
						.top-nav a.btn-alerts i {
							margin-right: 8px;
							font-size: 2.2rem;
							line-height: 1.5rem;
						}
						
						body.IE10 .top-nav a.btn-alerts i {
							display: none;
						}
						
						.top-nav a.btn-alerts span {
							font: 1.8rem/2.2rem "Source Sans Pro Black", sans-serif;
						}
						
			
/* NAVIGATION */

nav {
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	position: relative;
	padding-right: 5.6%;
	background-color: rgba(80, 59, 41, 0.95);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
}
	
	nav > ul {
		-ms-flex: 0 1 60%;
		-webkit-flex: 0 1 60%;
		flex: 0 1 60%;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-flow: row wrap;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		max-width: 850px;
	}
	
	nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
		nav > ul > li {
			margin: 0;
			padding: 0;
			font: 1.6rem/1.6rem "Source Sans Pro Black", sans-serif;
		}
		
		/* Change n+6 to n+7 to enable 5th menu button or vice versa */
		nav > ul > li:first-child,
		nav > ul > li:nth-child(n+7):nth-child(-n+10) {
			display: none;
		}
		
			nav > ul > li > span {
				display: block;
				position: relative;
				padding: 10px 0;
				text-decoration: none;
				color: #fff;
				cursor: pointer;
				transition: color 0.4s;
			}
				
			nav > ul > li:nth-child(n+2):nth-child(-n+5) > span::before {
				display: block;
				width: 52px;
				height: 52px;
				margin: 0 auto 7px;
				font-family: "Summit Metro Parks";
				text-align: center;
				color: #fff;
				border-radius: 50%;
				background-color: #f2b335;
				-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
				box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
				-webkit-transition: -webkit-box-shadow 0.2s;
				transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
			}

			nav > ul > li:nth-child(n+6) > a {
				color: #ffffff;
				text-decoration: none;
			}

			nav > ul > li:nth-child(n+6) > a::before {
				display: block;
				width: 52px;
				height: 52px;
				margin: 0 auto 7px;
				font-family: "Summit Metro Parks";
				text-align: center;
				color: #4d3a15;
				border-radius: 50%;
				background-color: #ffffff;
				-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
				box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
				-webkit-transition: -webkit-box-shadow 0.2s;
				transition: color 0.2s, background-color 0.2s, box-shadow 0.2s;
			}
			
			nav > ul > li:nth-child(2) > span::before {
				content: "l";
				font-size: 3rem;
				line-height: 5.5rem;
			}
			
			nav > ul > li:nth-child(3) > span::before {
				content: "h";
				font-size: 3.6rem;
				line-height: 5rem;
			}
			
			nav > ul > li:nth-child(4) > span::before {
				content: "g";
				font-size: 3.2rem;
				line-height: 5.5rem;
			}
			
			nav > ul > li:nth-child(5) > span::before {
				content: "n";
				font-size: 3.5rem;
				line-height: 5rem;
			}

			nav > ul > li:nth-child(6) > a::before {
				content: "w";
				font-size: 4rem;
				line-height: 5rem;
			}
			
			nav > ul > li > span:hover,
			nav > ul > li > .expanded {
				color: #e7e2d8;
			}
			
			nav > ul > li:nth-child(n+2):nth-child(-n+5) > span:hover::before {
				color: #382a1e !important;
				background-color: #e7e2d8 !important;
				-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35) !important;
				box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35) !important;
			}

			nav > ul > li:nth-child(n+6) > a:hover::before {
				color: #4d3a15 !important;
				background-color: #f2b335 !important;
				-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35) !important;
				box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35) !important;
			}
			
			nav > ul > li > span::after {
				z-index: 4;
				position: absolute;
				bottom: -25px;
				left: 50%;
				content: "";
				display: block;
				width: 18px; 
				height: 18px;
				-ms-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				margin-left: -9px;
				opacity: 0; 
				background-color: rgba(233, 228, 216, 0);
				-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
				box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
				-webkit-transition: -webkit-box-shadow 0.2s;
				transition: background-color 0.4s, box-shadow 0.4s;
			}
			
			nav > ul > li > .expanded::after {
				bottom: -15px;
				opacity: 1;
				background-color: rgba(233, 228, 216, 0.98);
				-webkit-box-shadow: -3px -3px 2px 0 rgba(0, 0, 0, 0.25);
				box-shadow: -3px -3px 2px 0 rgba(0, 0, 0, 0.25);
			}
			
			nav > ul ul {
				display: none;
			}
			
			nav .main-child-menu-container {
				z-index: 3;
				position: absolute;
				right: 2.8%;
				width: 866px;
				opacity: 0;
				border-radius: 0 0 8px 8px;
				background-color: rgba(233, 228, 216, 0.98);
				-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
				box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
				transition: opacity 0.2s;
			}
			
			nav .expanded + .main-child-menu-container {
				opacity: 1;
			}
			
				nav ul.main-child-menu {
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					-ms-flex-flow: row wrap;
					-webkit-flex-flow: row wrap;
					flex-flow: row wrap;
					-ms-flex-pack: distribute;
					-webkit-justify-content: space-around;
					justify-content: space-around;
					padding: 45px 0;
					-webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.25);
					box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.25);
				}
				
					nav ul.main-child-menu ul {
						display: block; 
					}
				
						nav ul.main-child-menu ul li {
							margin: 0;
							padding: 5px 0;
							text-align: left;
						}
					
							nav ul.main-child-menu ul li a {
								position: relative;
								display: block;
								font-size: 1.6rem;
								line-height: 2rem;
								text-decoration: none;
								outline: 0;
								color: #382a1e;
								transition: color 0.4s;
							}
							
							nav ul.main-child-menu ul li a:hover {
								color: #4d8930;
								text-decoration: underline;
							}
						
						nav ul.main-child-menu ul li.grandchild {
							padding-left: 5px;
						}
						
							nav ul.main-child-menu ul li.grandchild a {
								font-family: "Source Sans Pro", sans-serif;							
							}
							
							nav ul.main-child-menu ul li.grandchild a::before {
								content: "—";
								position: relative;
								left: 0;
								display: inline-block;
								margin-right: 10px;
								font: 1.6rem/2rem "Source Sans Pro", sans-serif;
								color: #a0978c;
								opacity: 1;
								transition: color 0.4s;
							}
							
							nav ul.main-child-menu ul li.grandchild a:hover::before {
								color: #4d8930;
							}


	/* MOBILE NAVIGATION ICON */
		
		.mobile-menu-btn {
			display: none;
			min-height: 45px;
			font: 1.4rem/1.4rem "Source Sans Pro Black", sans-serif;
			color: #fff;
			text-transform: uppercase;
			cursor: pointer;
		}
		
			.mobile-menu-btn span {
				display: inline-block;
				position: relative;
				width: 45px;
			}
		
			.mobile-menu-btn span::before, 
			.mobile-menu-btn span::after {
				content: "MENU";
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				display: block;
				width: 45px;
				margin: 0 auto;
				padding-top: 22px;
				text-align: center;
				opacity: 1;
				transition: opacity .5s ease-in-out;
				-moz-transition: opacity .5s ease-in-out;
				-webkit-transition: opacity .5s ease-in-out;
			}
			
			.mobile-menu-btn span::after {
				content: "CLOSE";
				opacity: 0;
			}
			
			.mobile-menu-btn.active span::before {
				opacity: 0;
			}
			
			.mobile-menu-btn.active span::after {
				opacity: 1;
			}
	
				.mobile-menu-btn i, 
				.mobile-menu-btn i::before, 
				.mobile-menu-btn i::after {
					content: "";
					display: block; 
					position: absolute;
					left: 0;
					right: 0;
					width: 35px;
					height: 4px;
					margin: 0 auto;		
					border-radius: 3px;
					background: #fff;
					transition: all 0.5s ease-in-out;
				}
				
				.mobile-menu-btn i::before {
					top: -9px;
				}
				
				.mobile-menu-btn i::after {
					bottom: -9px;
				} 
				
				.mobile-menu-btn.active i {
					background-color: transparent;
				}
				
				.mobile-menu-btn.active i::before, 
				.mobile-menu-btn.active i::after {
					top: 0;
				}
				
				.mobile-menu-btn.active i::before {
					-ms-transform: rotate(45deg);
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
				}
				
				.mobile-menu-btn.active i::after {
					-ms-transform: rotate(-45deg);
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				} 

				
/* MOBILE CTA */

.mobile-nav-cta {
	display: none;
	background-color: rgba(80, 59, 41, 0.95);
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
}

	.mobile-nav-cta .flexbox-content {
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 60%;
		margin: 0 auto;
	}
	
		.mobile-nav-cta .flexbox-content a {
			padding: 18px 0 15px;
			font: 1.5rem/1.5rem "Source Sans Pro Black", sans-serif;
			text-decoration: none;
			color: #fff;
		}
		
			.mobile-nav-cta .flexbox-content a::before {
				display: block;
				width: 48px;
				height: 48px;
				margin: 0 auto 7px;
				font-family: "Summit Metro Parks";
				text-align: center;
				color: #fff;
				border-radius: 50%;
				background-color: #f2b335;
			}
			
			.mobile-nav-cta .flexbox-content a:first-child::before {
				content: "l";
				font-size: 2.5rem;
				line-height: 5rem;
			}
			
			.mobile-nav-cta .flexbox-content a:nth-child(2)::before {
				content: "h";
				font-size: 3.2rem;
				line-height: 4.6rem;
			}
			
			.mobile-nav-cta .flexbox-content a:nth-child(3)::before {
				content: "g";
				font-size: 3rem;
				line-height: 5rem;
			}
			
			.mobile-nav-cta .flexbox-content a:last-child::before {
				content: "n";
				font-size: 3.2rem;
				line-height: 4.5rem;
			}

/* SMP 100 Mobile CTA */
.smp-100-cta {
	display: none;
	width: 100%;
	background-color: #ffffff;
}

.smp-100-cta-content {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.smp-100-cta-content a {
	display: -webkit-box;
    display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: "Source Sans Pro Black", sans-serif;
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #4d3a15;
	text-decoration: none;
}

.smp-100-cta-img {
	display: inline-block;
	width: 12%;
	height: auto;
	margin-right: 20px;
}

.smp-100-cta-content i {
	font-size: 1.75rem;
	margin-left: 15px;
}

/* SP - HERO */

.sp-hero {
	position: relative;
	overflow: hidden;
	height: 326px;
	background-color: #513c2a;
}

	.sp-hero img {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -960px;
		margin-right: auto;
		max-width: 1920px;
		min-width: 1920px;
		max-height: 326px;
		min-height: 326px;
	}

    body.IE .sp-hero img {
		width: 1920px;
	}
	
	.sp-hero h1 {
		z-index: 2;
		-ms-flex: 0 1 93.5%;
		-webkit-flex: 0 1 93.5%;
		flex: 0 1 93.5%;			
		-ms-flex-item-align: center;
		-webkit-align-self: center;
		align-self: center;
        position: relative;
		top: 60px;
		margin: 0 auto;
		text-align: center;
	}

/* ACCORDIONS */

.accordion-container {
	margin-top: 12px;
}

h3 + .accordion-container {
	margin-top: 20px;
}
	
	.accordion-container .expand {
		padding: 15px 1.5%;
		font-size: 0;
		color: #382a1e;
		cursor: pointer;
		background-color: transparent;
		border-top: 1px solid #e0e0e0;
		box-sizing: border-box;
		transition: color 0.2s, background-color 0.2s;
	}
	
	.accordion-container .expand:last-of-type,
	.accordion-container .expanded-content:last-of-type {
		border-bottom: 1px solid #e0e0e0;
	}
				
		.accordion-container .expand > span,
		.accordion-container .expand i {
			display: inline-block;
		}
	
		.accordion-container .expand i {
			vertical-align: top;
			position: relative;
			right: 0;
			margin-right: 12px;
			font-size: 2.7rem;
			line-height: 2.7rem;
			text-transform: none;
			color: #362618;
			-ms-transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transition: -webkit-transform 0.2s;
			transition: right 0.2s, color 0.2s, transform 0.2s;
		}
	
		.accordion-container .expand > span {
			vertical-align: top;
			width: 92.5%;
			padding-top: 2px;
			font: 2rem/2.2rem "Source Sans Pro Bold", sans-serif;
			text-transform: none;
		}
		
	.accordion-container .expand:hover {
		color: #362618;
		background-color: #f1e7d0;
		border-top: 1px solid #f1e7d0;
	}
	
	.accordion-container .expand.expanded {
		background-color: #f1e7d0;
		border-top: 1px solid #f1e7d0;
	}
	
	.accordion-container .expand.expanded:hover {
		color: #382a1e;
	}
	
	.accordion-container .expand:last-of-type:hover {
		border-bottom: 1px solid #f1e7d0;
	}
	
	.accordion-container .expand.expanded:last-of-type {
		border-bottom: 1px solid #f1e7d0;
	}
	
		.accordion-container .expand:hover i {
			color: #362618;
		}
	
		.accordion-container .expand.expanded i {
			right: 2px;
			color: #362618;
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}			
	
	.accordion-container .expanded-content {
		padding: 25px 50px 10px;
	}
	
		.accordion-container .expanded-content p:first-child {
			margin-top: 0;
		}


/* CTAs */

.sp-bottom {
	font-size: 0;
}

	.cta-container {
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	
		.cta {
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-content: center;	
			height: 273px;
			overflow-y: hidden;
			background-size: cover !important;
		}
	
		.cta-spree {
			background: url('../images/subpage/cta-images/bg-cta-spree.jpg') no-repeat center top;
		}
		
		.cta-blog {
			background: url('../images/subpage/cta-images/bg-cta-spree.jpg') no-repeat center top;
		}
		
			.cta > div {
				-ms-flex: 0 1 87.5%;
				-webkit-flex: 0 1 87.5%;
				flex: 0 1 87.5%;			
				-ms-flex-item-align: center;
				-webkit-align-self: center;
				align-self: center;
				margin: 0 auto;
				text-align: center;
			}
			
				.cta > div h3, 
				.cta > div h4 {
					padding: 0;
					color: #fff;
					text-shadow: 0 2px 1px rgba(0, 0, 0, 0.9);
				}
				
				.cta > div h3 {
					font-size: 6rem;
					line-height: 6rem;
					text-transform: none;
				}
				
				.cta > div h4 {
					padding-bottom: 15px;
					font: 2.4rem/2.7rem "Source Sans Pro Bold", sans-serif;
				}

/* FALL HIKING SPREE CTA */
.fhs-sign-up.fhs-sign-up__below-form {
    padding: 10px 0 0;
}

.fhs-sign-up.fhs-sign-up__below-form a {
    color: #574230;
    font-family: "Source Sans Pro Bold", sans-serif;
}

/* INSTAGRAM FEED */

.instagram-feed {
	/* margin-bottom: 20px; */
	padding: 60px 0;
	background-color: #f1e7d0;
}

	.instagram-feed-intro,
	.instagram-feed-photos {
		width: 92.5%;
		max-width: 1210px;
		margin: 0 auto;
	}	
	
	.instagram-feed-intro { 
		text-align: center;
	}
	
		.instagram-feed-intro p {
			margin: 15px 0 20px;
		}
		
		.instagram-feed-intro span {
			display: block;
			margin-bottom: 15px;
			font: 1.7rem/1.7rem "Source Sans Pro Bold", sans-serif;
			text-transform: uppercase;
			color: #362618;
		}
	
		.instagram-feed-intro div {
			font-size: 0;
		}
		
			.instagram-feed-intro div a {
				display: inline-block;
				vertical-align: top;
				margin-left: 12px;
				font-size: 4.6rem;
				text-decoration: none;
				color: #422914;
			}
			
			.instagram-feed-intro div a:first-child {
				margin-left: 0;
			}
	
	.instagram-feed-photos {
		margin-top: 40px;
	}
	
		.instagram-feed-photos > div {
			-ms-flex-pack: justify;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-ms-flex-align: start;
			-webkit-align-items: flex-start;
			align-items: flex-start;
		}
		
			.instagram-feed-photos a {
				-ms-flex: 0 1 24.5%;
				-webkit-flex: 0 1 24.5%;
				flex: 0 1 24.5%;
				position: relative;
				margin-bottom: 8px;
			}
			
			body.IE10 .instagram-feed-photos a {
				display: inline-block;
				width: 24.5%;
			}
				
			.instagram-feed-photos a::after {
				z-index: 1;
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				border-radius: 10px;
				background-color: rgba(56, 42, 80, 0);
				transition: background-color 0.2s;
			}
			
			.instagram-feed-photos a:hover::after {
				background-color: rgba(56, 42, 80, 0.25);
			}
			
				.instagram-feed-photos a img {
					display: block;
					width: 100%;
					border-radius: 10px;
				}

/* SMP 100 Cover CTA */
.smp-100-cover-cta {
	background-color: #ffffff;
	background-image: url('../images/homepage/smp-100-cta-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	position: relative;
	padding: 60px 0 0;
	overflow: hidden;
}

.smp-100-cover-logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 6%;
	margin-bottom: 30px;
	height: auto;
}

.smp-100-cover-article {
	text-align: center;
	width: 50%;
	max-width: 1210px;
	margin: 0 auto;
}

.smp-100-cover-article p {
	margin-top: 15px;
	margin-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
}

.smp-100-cover-article .btn-container {
	margin-bottom: 30px;
}

.smp-100-cover-article .btn {
	padding: 12px 45px;
	font-size: 2rem;
	line-height: 2rem;
}

.smp-100-polaroid-wrapper {
	width: 100%;
}

.smp-100-cover-polaroids {
	display: block;
	position: absolute;
}

.smp-100-cover-polaroids__left {
	left: 0;
	bottom: -15px;
	width: 25vw;
}

.smp-100-cover-polaroids__right {
	right: 0;
	bottom: -10px;
	width: 25vw;
}

/* FOOTER */

footer {
	padding: 65px 0 30px;
	background-color: #382a1e;
	color: #fff;
}

	footer a {
		color: #fff;
		text-decoration: none;
	}
	
	footer a:hover {
		text-decoration: underline;
	}

	footer section {
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 92.5%;
		max-width: 1160px;
		margin: 0 auto;
	}
	
		footer section article:first-of-type {
			-ms-flex-pack: justify;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-ms-flex: 0 1 48.7%;
			-webkit-flex: 0 1 48.7%;
			flex: 0 1 48.7%;
			font-size: 1.6rem;
			line-height: 2.2rem;
		}
			
			footer section article:first-of-type div .footer-social {
				font-size: 0;
			}
			
				footer section article:first-of-type div .footer-social a {
					display: inline-block;
					vertical-align: top;
					margin-left: 8px;
					font-size: 2.6rem;
					text-decoration: none;
					transition: color 0.4s;
				}
				
				footer section article:first-of-type div .footer-social a:hover {
					text-decoration: none;
					color: #f2b335;
				}
				
				footer section article:first-of-type div .footer-social a:first-child {
					margin-left: 0;
				}
			
			footer section article:first-of-type div p strong {
				display: block;
				margin-bottom: 5px;
				font-family: "Source Sans Pro Black", sans-serif;
			}
		
			footer section article:first-of-type div + div ul {
				padding: 0;
				margin: 0;
				list-style-type: none;
			}
			
				footer section article:first-of-type div + div ul li {
					margin-bottom: 0;
					padding-left: 0;
				}
				
				footer section article:first-of-type div + div ul li:nth-child(n+1):nth-child(-n+5) {
					font-family: "Source Sans Pro Bold", sans-serif;
				}
				
					footer section article:first-of-type div + div ul li a {
						color: #e9b64a;
						transition: color 0.4s;
					}	
					
					footer section article:first-of-type div + div ul li a:hover {
						color: #fff;
					}
		
		footer section article:first-of-type + article {
			-ms-flex-pack: justify;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
			-ms-flex: 0 1 44.8%;
			-webkit-flex: 0 1 44.8%;
			flex: 0 1 44.8%;
		}
		
			footer section article:first-of-type + article div:first-of-type {
				-ms-flex: 0 1 63%;
				-webkit-flex: 0 1 63%;
				flex: 0 1 63%;
			}
		
				footer section article:first-of-type + article div:first-of-type img {
					display: block;
					width: 100%;
				}
				
			footer section article:first-of-type + article div:first-of-type + div {
				-ms-flex: 0 1 34.6%;
				-webkit-flex: 0 1 34.6%;
				flex: 0 1 34.6%;
				text-align: center;
			}
			
				footer section article:first-of-type + article div:first-of-type + div h3 {
					padding: 0 0 8px;
					font: 2.6rem/2.8rem "Source Sans Pro", sans-serif;
					text-transform: none;
				}
				
				footer section article:first-of-type + article div:first-of-type + div p {
					margin: 0 0 5px;
					font: 2rem/2.6rem "Source Sans Pro Black", sans-serif;
				}
				
				footer section article:first-of-type + article div:first-of-type + div .btn {
					font-size: 1.8rem;
					line-height: 1.8rem;
				}
				
				footer section article:first-of-type + article div:first-of-type + div .btn:hover {
					text-decoration: none;
				}			










/*new finder initial view*/
.finder-result-initial
{
color:black !important;
}
.finder-result-initial a
{
color:black !important;
}
.finder-result-initial-leftcolumn
{
float:left;
}
.finder-result-initial-rightcolumn
{
float:left;
margin-left:100px;
}
.finder-result-initial-headertext
{
display:inline-block;
margin-bottom:15px;
margin-top:25px;
font-weight:bold;
}
.finder-result-initial-wrap-mobile
{
display:none;
}
.finder-result-initial-wrap
{
display:block;
}
