@charset "UTF-8";

.gray-grad{
		background: linear-gradient(to bottom right, #262626, #3c3b3b); /* Standard syntax */
}

.purple-grad{
		background: linear-gradient(to bottom right, #453234, #735658); /* Standard syntax */

}

.green-grad{
		background: linear-gradient(to bottom right, #2e5e50, #19b77e); /* Standard syntax */

}

.orange-grad{
		background: linear-gradient(to bottom right, #b66622, #ce8342); /* Standard syntax */

}

.shadow-on{
		box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
}

.shadow-off{
		box-shadow: 0 0 0 0;	
}


body{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 100%;
	line-height: 1.4em;
	background: linear-gradient(to bottom right, #2c3e50, #bdc3c7);

	
}
a{
		text-decoration: none;

}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.scaling-img{
	max-width:100%;
	height: auto;
}

.align-center{
	text-align: center;
}

.page-wrap{
	max-width: 1100px;
	margin: 0 auto;
}

.page-wrap-small{
	max-width: 1000px;
	background-color: #e8e8e8;
	margin: 0 auto;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);

}

.page-header{
	text-align: center;
	padding:.5em 0;
	background: linear-gradient(to bottom right, #2e5e50, #19b77e);
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);


}
nav-social {
	display: none;
}
nav-social a{
	color: white;
}

footer a, .contact-footer a, footer h1, footer h2 {
	color:#D9D9D9;
	text-decoration: none;
}

.footer-explore a:hover, .footer-promos a:hover{
	text-decoration: underline;
}

/* ////    NAV NAV NAV NAV    /////*/


.main-nav {
/*	background-color: #925664;*/
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
	background: linear-gradient(to bottom right, #b66622, #ce8342); 

}

.main-nav ul	{
	padding: 0;
	margin: 0;
	list-style-type: none;
   }

.main-nav ul li{
	text-align: center;
	float:left;
	width:33.12%;
	border-right:white solid 1px;
	
}

.main-nav ul li:last-child{
	border-right:none;
	
}

.main-nav ul li a:link, .main-nav ul li a:visited {
	color:white;
	font-weight: 400;
	text-decoration: none;
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
	letter-spacing: 1px
   }

.main-nav ul li a:hover	{
	color: #b66622;
	background-color:white;
   }

#current{
	color: #b66622;
	background-color:white;
}

/* ////    Title    /////*/


.title{
	text-align: center;
}

.title-main{
	text-align: center;
	margin: .5em 0 2em 0;
	padding: 2em;
	background: linear-gradient(to bottom right, #667eea, #764ba2);
	color: white;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
}

.title-main h1{
	font-family: 'Gloria Hallelujah', cursive;
	font-size: 250%;
	letter-spacing: 5px;
	line-height: 1em;
	margin: 0;
	text-shadow: 0px 0px 10px black;
}

.title-small{
	font-size: 75%;
}

.intro{
	padding: 2em;
}

.intro a:link, .intro a:visited{
	color:#b66622;
	text-decoration: none;
}
.intro h2{
	margin-bottom: .3em;
	font-size: 2em;
}
.intro p{
	margin-top: 0;
	font-size: 1.3em;
	line-height: 1.3em;
}

/* ////    CTA BOX    /////*/




.cta-container{
	margin: 0 auto;
	max-width:450px;
	text-align: center;
	padding:10px;
	background: linear-gradient(to bottom right, #2e5e50, #19b77e); /* Standard syntax */
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
	margin-bottom: 2em;
	margin-top: 2em;
}


.cta-inner{
	background-color: #e8e8e8;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
}

.cta-text{
	text-align: center;
}

.cta-text h1{
	color:#2D5D50;
	text-align: center;
	font-size:1.5em;


} 


.cta-btn{
	background: linear-gradient(to bottom right, #b66622, #ce8342); /* Standard syntax */
	padding: 15px;
	color: white;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
	max-width: 40%;
	display:inline-block;
	margin-bottom: 20px;
}


.col-container{
	margin: 0 auto;
	max-width:450px;
	padding:10px;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
	margin-bottom: 2em;
}

.col{
	background-color:rgba(255,255,255,0.1);
	padding: 0;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
	margin-top: -4px;
}

.col h1{
	margin:.75em;
	float: left;
	color:white;
	text-shadow: 2px 2px 2px black;
	letter-spacing: 2px;
	font-family: 'Gloria Hallelujah', cursive;

}

.col-btn{
	background: linear-gradient(to bottom right, #b66622, #ce8342); /* Standard syntax */
	padding: 10px 30px;
	margin:10px;
	color: white;
	float: right;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
}

.col-inner{
	background-color: #e8e8e8;
	padding: 1em;
}

.col-inner p{
	margin:0;
}

.col-inner a:link, .col-inner a:visited{
	color: darkgoldenrod;
	border-bottom: solid gray 1px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-decoration: none;
	display: block;
	margin:0;
}

.col-inner a:hover{
	color: olive;
}


.col-btn-packages{
	background: linear-gradient(to bottom right, #b66622, #ce8342); /* Standard syntax */
	padding: 10px 30px;
	margin:10px;
	color: white;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
}

.outfit{
		background: linear-gradient(to bottom right, #667eea, #764ba2);
}

.lodge{
		background: linear-gradient(to bottom right, #753a88, #cc2b5e);
}

.explore {
		background: linear-gradient(to bottom right, #13547a, #80d0c7);
}

.packages{
			background: linear-gradient(to bottom right, #2e5e50, #19b77e); /* Standard syntax */
		
}


.packages h1{
	margin: .75em;
	font-family: 'Gloria Hallelujah', cursive;
	line-height: 1em;
	letter-spacing: 2px;
	color:white;
	text-align: center;
	text-shadow:0px 0px 10px black;
}

.packages h2{
	margin-bottom: .2em;
}

.packages a{
	font-size: 1.5em;
	text-decoration: none;
	text-align: center;
}

.packages-picture-holder{
	margin:0;
}


/* ////    Testimonial    /////*/

.test-container{
	margin: 4em auto 0 auto;
	max-width:450px;
	background: linear-gradient(to bottom right, red, purple); /* Standard syntax */
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
	margin-bottom: 2em;
}


.test-inner{
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
	padding:.75em 1.7em;
	background-color: rgba(255,255,255,0.60);
}

.test-text p{
	 font-family: 'Gloria Hallelujah', cursive;
	font-size: 1.1em;
	line-height: 1.5em;

}

.test-text h1{
	color:white;
	text-align: center;
	font-size:1.5em;
} 

.test-cta{
	text-align: center;
}

.test-cta h1{
	color:white;
	text-align: center;
	font-size:1.5em;
	margin-left: 0;
	font-weight:400;
	line-height: 1.25em;
	letter-spacing: 1px;
} 

.test-img{
	margin-top: -50px;
	text-align: left;
	margin-bottom: 0;
	float: left;
}

.test-name{
	text-align: right;
	font-size: 1em;
}



.explore-links .col-container:hover{
		box-shadow: 0 0px 20px 0 rgba(0,0,0,.6), 0 1px 10px 0 rgba(0,0,0,.7), 0 3px 10px -10px rgba(0,0,0,.8);
	
}


	.explore-container .col-container{
		background: linear-gradient(to bottom right, #4a2356, #195f59);
		text-align: center;
		

	}

.explore-links h2{
	color:#b66622;
	line-height: 30px;
}




/* //////// FOOTER STUFF  /////*/

footer h1, footer h2, footer h3, footer p{
	margin: 0;
}

footer h1{
	font-size: 1.5em;
	margin-top: 1em;
	line-height: 1.5em;
}

footer h2{
	font-size: 1.25em;
	margin-top: 1.2em;
	margin-bottom: .4em;
}
.contact-footer h2{
	margin-top:0;
}



.footer-wrap{
	color:white;
	clear:both;
	background: linear-gradient(to bottom right, #262626, #3c3b3b); /* Standard syntax */
	text-align: center;
	margin-top: 1em;
	
}
.top-footer{
	height:30px;
	background: linear-gradient(to bottom right, #453234, #735658); /* Standard syntax */
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
}

.bottom-footer{
	text-align: center;
	background: linear-gradient(to bottom right, #453234, #735658); /* Standard syntax */
	padding: 1.5em 0;
	margin-top: 2em;
}

.bottom-footer a{
	color: white;
	text-decoration: none;
}

.bottom-footer i{
	width:50px;
}

.bottom-footer p{
		font-size: 1.1em;
	}
.fa-left-margin{
	margin-bottom:10px;
	margin-left: 10px;
}



.logo-footer{
	box-shadow: 0 3px 3px 0 rgba(0,0,0,.14), 0 1px 7px 0 rgba(0,0,0,.12), 0 3px 1px -1px rgba(0,0,0,.2);
	height: 80px;
	width:200px;
	text-align: center;
	margin: -30px auto 0 auto;
	background: linear-gradient(to bottom right, #2e5e50, #19b77e);
}




@media (min-width: 40em){	
		
	
	
	header-logo img{
		width:250px;
		float:left;
		margin-left: 1em;
}
	
	nav-social {
		display: block;
		float:right;
		margin-right: 12px;
		color:white;
		padding:1em 0;
}
	
	nav-social i{
		margin-right: 7px;
		
	}
	
	nav-social i:hover{
		color:#ce8342;
		
	}
	
	
	.cta-container{
		max-width: 650px;
		margin-top:4em;
		margin-bottom: 4em;
	}
	
	
	.cta-picture-holder{
		float: left;
		margin-bottom:-5px;

	}
	.cta-text h1{
		padding-top:1.75em;
		margin-top:0;
	}
	
    .intro{
		width:80%;
		margin: 0 auto;
	}	
	
	.test-container{
		max-width: 650px;
		margin-top: 6em;
	}
	.test-img{
		margin-bottom: 0px;
	}
	
	.test-inner{
		padding-bottom: .3em;
		padding-top: 1.5em;
		padding-left: 15em;
	}
	
	.test-text p{
		margin-bottom: 0;
		margin-top: 0;
	}
	
	.bottom-footer p{
		font-size: 1.5em;
	}
	
		footer h1{
	font-size: 1.9em;
}
	
	.explore-container{
		clear: both;
	}
	.explore-container .col-container{
		width:38%;
		float: left;
		margin: 0 2.5% 6% 5.5%;
	}
	

	.explore-container .cta-picture-holder{
		margin-bottom: 2em;
	}
	
	
	
}



@media (min-width: 62.5em){
	

	.main-nav{
		margin-top: -70px;
		float: left;
		margin-left: 33%;
		background: none;
		box-shadow: none;
		width:40%;
	}
	
	
	#current{
		color: white;
		background-color: transparent;
		border: white solid 1px;
	}
	
	.main-nav ul li{
		border: none;
	}
	
	.main-nav ul li a:link{
		padding:.75em;
		font-size:150%;
		font-weight: normal;
	}
	
	.main-nav ul li a:hover{
		background: none;
		color: #ce8342;
	}
	
	
	.col-container{
		width:29%;
	}
	
	.outfit, .minimal{
		float:left;
		margin-left:1.5%;
		margin-right: 2%;
	}
	
	.lodge, .leave-no{
		float:left;
	}
	.explore,.wilderness{
		float:right;
		margin-right:1.5%;
	}
	
	.col-inner{
		min-height:575px;
	}
	.home-container .col-inner{
		min-height:325px;
	}
	.explore-container .col-inner{
		min-height:200px;
	}

	.lodge-container .col-inner{
		min-height:375px;
	}
	

	.explore-container .cta-picture-holder{
		margin-bottom: 2em;
	}
	
	.explore-container .col-container{
		
		width:25%;
		float: left;
		text-align: center;
		margin: 0 1.5% 6% 4%;
	}
	
	.test-container{
		clear: both;
		margin-top: 6em;
		margin-bottom: 6em;
	}
	
	.small-top{
		margin-top: 6em;

	}
	
		.packages h1{
	font-size: 150%;
}


	.foot-info-container{
	display: flex;
}
	.footer-explore{
		order: 1;
		width:33.333%;
		margin-top: -1.5em;

	}
	.contact-footer{
		order: 2;
		width:33.333%;
		margin-top: 1.6em;
	}
	.footer-promos{
		order: 3;
		width:33.333%;
		margin-top: -1.5em;
	}
	.home{
		height:575px;
	}
	

}