/*--------------------------------------------------
FONTS
---------------------------------------------------*/


.serif {font-family: 'Noticia Text', serif;}

	
/*--------------------------------------------------
RESET
---------------------------------------------------*/

*, *:before, *:after {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, nav, section, summary {
	display: block;
	}

input[type="search"] {
   -moz-appearance:none;
   -webkit-appearance:none;
	}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
	}	

button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* show a hand cursor on hover; some argue that we
  should keep the default arrow cursor for buttons */
  cursor: pointer;
	}

	
/*--------------------------------------------------
IMG
---------------------------------------------------*/

img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	}

	
/*--------------------------------------------------
LINKS
---------------------------------------------------*/

a {
	color: #31333A;
	text-decoration: none;
	transition: color .3s, background .3s, border .3s;
	}
	a:hover { color: #888 }
	
	
.myvideo { 
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0; 
	margin:100px auto 0 auto; 
	}
	
.myvideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}	

	
	
/*--------------------------------------------------
SITE
---------------------------------------------------*/

html {
	height: 100%;
	font-family: "Open Sans", sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}

body {
	font-size: .9em;
	font-weight: 400;
	line-height: 1.8em;
	background: #f7f8f8;
	color: #323639;
	}

#wrapper {   
  margin: 0 auto;
  }

#wrapper.shop {
	min-height: 100vh;
	}

.content { 
	max-width: 900px;
	margin: 5em auto 7.5em auto;
	}
	.content p { 
		width: 90%;
		max-width: 650px;
		margin: 1em auto 1.5em auto;
		}


	
/*--------------------------------------------------
HEADER
---------------------------------------------------*/
 
.header { padding: .5em 0 2em 0; }
	
.header-cover { 
	position: absolute; 
	width: 100%;
	}
	
@media screen and (min-width: 35em) { .header .shop-header { padding-bottom: 3em; }}
	
.header-cover { padding-bottom: 2em; }

@media screen and (min-width: 50em) { 
		.header {
			z-index: 1000;
			width: 100%;
			}
		.shop-header { 
			padding-bottom: 3em; 
			}				
		}
		
  
.logo a {
	position: relative;
	width: 160px;
	height: 120px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	z-index:9;	
	transition: fill 0.25s ease-in-out;
 			-webkit-transition: fill 0.25s ease-in-out;
	 		-moz-transition: fill 0.25s ease-in-out;
	 		-ms-transition: fill 0.25s ease-in-out;
			-o-transition: fill 0.25s ease-in-out;
	}
	@media screen and (min-width: 50em) { .logo a { margin: 0 auto 0 auto; } }
	@media screen and (min-width: 35em) and (max-width: 49.999em) { .logo a { margin: 0 auto 0 auto; } }
	@media screen and (max-width: 34.999em) { .logo a { margin: 0 auto 0 auto; } }


path { 
	transition: 0.25s ease-in-out;
	-webkit-transition: fill 0.25s ease-in-out;
 	-moz-transition: fill 0.25s ease-in-out;
	-ms-transition: fill 0.25s ease-in-out;
	-o-transition: fill 0.25s ease-in-out; 
	}
	
.FF-fox { fill: #3A3E41; transition: 0.25s ease-in-out; }
a svg:hover .FF-fox { fill: #716558; transition: 0.25s ease-in-out; }

.FF-text { fill: #fff; transition: 0.25s ease-in-out; }

.FF-burst { fill: #e1e1e1; opacity: 0; transition: 0.25s ease-in; }
a svg:hover .FF-burst { fill: #E1E1E1; opacity:0.66; transition: 0.25s ease-in; }

.FF-shopburst { fill: #FFF; opacity: 0; transition: 0.25s ease-in; }
a svg:hover .FF-shopburst { fill: #FFF; opacity: 0.33; transition: 0.25s ease-in; }



.dismissible {
	color: #FFF;
	font-size: 0.9em;
	letter-spacing: 1px;
	position: relative;
	overflow: hidden;
	text-align: center;
	font-family: "Noticia Text";
	background-color: #3A3E41;
	padding: .8em 2.4em .8em 2.4em;
    line-height: 1.4em;
	}

 .dismissible span {
	background: #fff;
	border: none;
	display: block;
	margin: 0 auto 0 auto;
	position: relative;
	padding: .5em 3em .5em 3em;
	text-transform: uppercase;
 	}

.dismissible button {
	position: absolute;
	top: 0;
	right: 0;
	font-family: "Open Sans";
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	padding: .27em .4em .27em .45em;
	}

.dismissible button:focus {
	outline: none;
	}

.dismissible button:hover {
  background-color: #000;
  transition: 0.5s ease-in-out;
	}

.dismissible-error span {
	color: #fff;
	}

.dismissible-error button {
	background-color: #D50000;
	color: #FFF;
	}

.dismissible-info span {
	background-color: #3A3E41;
	color: #fff;
	}

.dismissible-info button {
	background-color: #1F2124;
	color: #FFF;
	}




	
/*--------------------------------------------------
NAVIGATION
---------------------------------------------------*/

.menu a {
	display: block;
	color: #999;
	text-transform: uppercase; 
	font-family: "brandon-grotesque", 'Open Sans', sans-serif;
   font-weight: 900;
   font-style: normal;
	letter-spacing: .0625em;
	font-size: 1em;
	}
	.header-cover .menu a { color: #FFF; }

.shop .menu a { color: #78776D; }



@media screen and (min-width: 50em) {
  
#navigation { 
	margin: -5em 0 0 3em;
	width: calc(100% - 6em);
	}
  
.menu > li {
	float: left;
	position: relative;
	}
	.menu > li > a {
    	padding: .15em .65em;
    	border: 0;
		}
	.menu > li:hover {
   	display: block;
		}
	
	.menu a:hover {
		color: #323639;
		text-decoration: none;
		}
	.menu .active { color: #555; }
	.shop .menu .active { color: #474742; }

	.menu li {
		list-style: none;
		margin: 0;
		}

  #menu-right {
		float: right;
		width: 175px;
		display: block;
		margin: -30px 0.75em 0 0;
		}

	.icon {
		float: left;
		width: 25px;
		height: 25px;
		display: block;
		}
	.icon-color { fill: #ababab; transition: 0.5s }
	.shop .icon-color { fill: #949596; transition: 0.5s }
	.header-cover .icon-color { fill: #FFF; transition: 0.5s }

	a svg:hover .icon-color { fill: #323639; transition: 0.5s }

	#twitter { margin-right: 6px }		
	#instagram { margin-right: 3px }		
	#facebook { margin-right: 3px }	
	#tumblr { margin-right: 3px	}	
	#email { margin-right: 10px }	
	#search { margin: 0 }	
	#shop { margin: 0 }	
	
}


@media screen and (max-width: 49.999em) {  
  
	#navigation { 
		margin: 0;
		width: 100% 
		} 
	.icon {
		float: left;
		width: 20%;
		display: block;
		}
	
	.icon-color { fill: #FFF; transition: 0.5s }
	.icon-color-cart-mobile { fill: #949596; transition: 0.5s }

	a svg:hover .icon-color, 
	a svg:hover .icon-color-cart-mobile {
		fill: #31393E;
		transition: 0.5s
		}

	.icon svg { 
		max-width: 30px;
		min-width:25px;
		margin-left: -20%;
		} 
}

@media screen and (min-width: 35em) and (max-width: 49.999em) { 
	.header { padding-bottom: 0; } 
	.header .shop-header { margin:-20px 0 20px 0 !important }
	}		
@media screen and (max-width: 34.999em) { 
	.header { padding-bottom: 10px; } 
	}		



#nav-mobile.toggle { 
	background-color: transparent;
	}

#nav-mobile {
  z-index:999;
  width: 24px;
  height: 24px;
  position: relative;
  float: right;
  margin: -4.5em 2em;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-mobile.open  {
  	position: fixed;
  	right:0;
	}

#nav-mobile span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #ababab;
	border-radius: 3px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	}

.header-cover #nav-mobile span, .header-cover #nav-mobile:hover span { background: #FFF; }
.header-cover #nav-mobile { opacity: 0.75; }
.header-cover #nav-mobile.open, .header-cover #nav-mobile:hover { opacity: 1; }

	
#nav-mobile:hover span, #nav-mobile.open span, .header-cover #nav-mobile.open:hover span {
  	background: #31393e;
	}

#nav-mobile span:nth-child(1) {
	top: 0px;
	}

#nav-mobile span:nth-child(2),#nav-mobile span:nth-child(3) {
	top: 8px;
	}

#nav-mobile span:nth-child(4) {
	top: 16px;
	}

#nav-mobile.open span:nth-child(1) {
	top: 8px;
	width: 0%;
	left: 50%;
	}

#nav-mobile.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	}

#nav-mobile.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}

#nav-mobile.open span:nth-child(4) {
	top: 8px;
	width: 0%;
	left: 50%;
	}

.overlay {
	position: fixed;
	background-color: rgba(173, 169, 155, .95);
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
	z-index:10;
	color: #FFF;
	}
.overlay.open {
	opacity: 1;
	visibility: visible;
	height: 100%;
	}
.overlay.open li {
	animation: fadeInTop .33s ease forwards;
	}

.overlay nav {
	position: relative;
	height: 70%;
	top: 60%;
	transform: translateY(-50%);
	font-size: 2em;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 900;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 0.125em;
	text-align: center;
	}

.dropmenu-info {
	font-family: 'Noticia Text', serif;
	font-size:.66em;
	letter-spacing: 0;
	text-transform: none;
	margin: -0.5em 0 1em 0;
	}
.dropmenu-info p {
	margin: .33em 0 1em 0;
	}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: 100%;
	}
.overlay ul li {
	display: block;
	height: 12/5%;
	height: calc(100% / 8);
	min-height: 40px;
	position: relative;
	opacity: 0;
	}
.overlay ul li a {
	display: block;
	position: relative;
	color: #FFF;
	text-decoration: none;
	}
.overlay ul li a:hover {
	color: #31393e;
	}


@keyframes fadeInTop {
	0% { opacity: 0; top: 0%; }
	100% { opacity: 1;  top: 0;  }
	}


			
/*--------------------------------------------------
MAIN
---------------------------------------------------*/

.main { margin: 20px}

@media screen and (max-width: 34.99em) { .main p,.main figure,.main ul,.main ol { margin-bottom: 20px; } }
@media screen and (min-width: 35em) { .main p,.main figure,.main ul,.main ol { margin-bottom: 1.5em; } }

.main a { border-bottom: 2px solid #ddd; }
.shop .main a { border-bottom: 2px solid #bbb; }
.shop .main a:hover { color: #666; }

.main a:hover {
	border-bottom: 0px;
	}



.cover { 
	overflow: hidden; 
	background-color: #31393E;
	 position: relative;
	}
.cover-img { object-fit: cover; width: 100%; opacity:.85; background-blend-mode: multiply; }

.cover h1 {
	color: #FFF; 
	padding: .5em 0 .5em 0; 	
	}
.cover .subtitle { 
	color: #FFF;
	font-family: "brandon-grotesque", sans-serif;
	font-style: normal; 
	font-weight: 500;
	line-height: 1.25em;
	text-transform: uppercase; 
	opacity: 0.66;
	}
	
.chevron {
	width: calc(40px + 2vw);
	height: auto;
	opacity: 0.5;
	}	
	
@media screen and (min-width: 50em) { 
	.cover,.cover-img { height: 100vh; } 
	.cover h1 { font-size: calc(24px + 3.5vw); }	
	.cover .subtitle { font-size: 28px; letter-spacing: 0.0625em; }
	}
@media screen and (min-width: 45em) and (max-width: 49.999em) { 
	.cover,.cover-img { height: 100vh; }
	.cover h1 { font-size: calc(18px + 5vw); }	
	.cover .subtitle { font-size: calc(12px + 2vw); letter-spacing: 0.0625em; }
	}
	
@media screen and (min-width: 35em) and (max-width: 44.999em) { 
	.cover,.cover-img { height: 100vh;margin-bottom: 40px; }
	.cover h1 { font-size: calc(18px + 5vw); }	
	.cover .subtitle { font-size: calc(11px + 2vw); }
	}
@media screen and (max-width: 34.999em) { 
	.cover,.cover-img { height: 90vh; margin-bottom: 40px; }
	.cover h1 { font-size: calc(18px + 5vw); }	
	.cover .subtitle { font-size: calc(10px + 2vw); }
	}	



@media screen and (min-width: 45em) { 
	#shop-preview-wrapper { margin: -20px -20px 20px -20px; }
	}
	
@media screen and (max-width: 44.999em) { 
	#shop-preview-wrapper { margin: -40px -20px 40px -20px; }
	}

#shop-preview {
	background-color: #DEDFD6;
	color: #404749;
	width:100%;
	padding: 40px;
	}


@media screen and (min-width: 75em) { 
	.shop-grid {
		margin: -20px auto -20px auto; 
		max-width: 1250px;
		}
	.shop-grid-item {
		width: calc((100% - 120px) / 3);
		margin: 20px;
		float: left;
		}
	}

@media screen and (min-width: 50em) and (max-width: 74.999em) { 
	.shop-grid {margin: -20px; }
	.shop-grid-item {
		width: calc((100% - 120px) / 3);
		margin: 20px;
		float: left;
		}
	}
	
@media screen and (min-width: 35em) and (max-width: 49.999em) { 
	.shop-grid {margin: -30px}
	.shop-grid-item {
		width: calc((100% - 60px) / 2);
		margin: 15px;
		float: left;
		}
	.two { display: none }
	}	

@media screen and (max-width: 34.999em) { 
	.shop-grid-item { width: 100%; }
	.two, .three { display: none }
	}

#shop-preview h2 { max-width: 400px; margin: 0 auto 40px auto }
#shop-preview .button { background-color: #5A7B7C; margin: 20px 0 20px 0 }
#shop-preview .button:hover { background-color: #404749 }
.shop-pennant { max-width:125px; opacity:1 }
h4.more-posts { padding-top:0; margin-bottom:20px }
.more-posts .button {background-color:#5A7B7C }
.more-posts .button:hover { background-color: #404749 }




.intro {
	background-color: #f2f3f2;
	padding: 0 20px 25px 20px;
	}
	.intro p { text-align: center; margin-bottom: 0 }
	.intro h2 { color: #6D8F95; padding: 1.25em 0 .5em 0 }
@media screen and (max-width: 49.99em) { 
	.intro { margin-bottom: 20px; } 
	.only-photo { margin: 3em 0 3em 0 !important; }
	.first-photo { margin-top: 3em; }
	.last-photo { margin-bottom: 3em !important; }
	}
@media screen and (min-width: 50em) { 
	.intro { margin-bottom: 40px; } 
	.only-photo { margin: 7.5em 0 5em 0 !important; }
	.first-photo { margin-top: 7.5em; }
	.last-photo { margin-bottom: 5em !important; }
	}

.partner { 
	text-align: center;
	background-color: #FFF;
	width: 75%;
	max-width: 350px;
	margin: auto;
	color: #688D8D;
	}
	.partner a { color: #6D8F95 }
	
@media screen and (max-width: 49.99em) { .partner {padding: 1.5em 2em 1em 2em; } }
@media screen and (min-width: 50em) { .partner {padding: 2em 3em 1em 3em; } }

.partner figure { margin-top: 2em; }

.img-small img { 
	max-width: 200px;
	margin: auto
	}
.img-xsmall img { 
	max-width: 150px;
	margin: auto
	}
	
.img-adventureclub img { 
	max-width: 125px;
	margin: -2em auto .5em auto;
	}

.columns {
	margin: 3em 0 0 0;
	text-align: center; 

	}
.column {
	display: inline-block;
	vertical-align: top;
	padding: 0 1rem 0 1rem;
	}
.column figure { 
	margin-bottom: 0 !important; 
	}	

@media only screen and (min-width: 50em) {
	.columns-1 .column { width: 100%; }
	.columns-2 .column {  width: 50%; }
	.columns-3 .column { width: 33.33%; }
	.columns-4 .column { width: 25%; }
	.columns-5 .column { width: 20%; }
	#shop-padding { margin: 40px 40px 0 40px }
	}

@media only screen and (max-width: 49.999em) {
	.columns-1 .column, 
	.columns-2 .column, 
	.columns-3 .column, 
	.columns-4 .column,
	.columns-5 .column { 
		width: 100%;
		max-width: 500px;
 		}
	.column figure img { 
		width: 75%;
		max-width: 350px; 
		}
	}

.endpost {
	margin: 5em auto 7.5em auto;
	height: 150px;
	width: 150px;
	}

@media only screen and (max-width: 49.999em) {
	.shop-top h1 {
		padding-top:0.5em;
		}
	}



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


#footer {
	color: #7C9499;
	text-align: center;
	line-height: 1.35em;
	font-family: "Noticia Text";
	}
.footer-links {
	padding: 10px 0 10px 0;
	text-transform: uppercase;
	font-size:0.9em;	
	}
	
.footer-links a {
	letter-spacing:1px;
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 900;
	font-style: normal;
	}

#footer.shop-footer { background-color:#D0D4CD; }
#dark-footer #footer { background-color: #272F34; }
#light-footer #footer { background-color: #eaeceb; }

#footer a {color: #7C9499; }
#dark-footer #footer a:hover {color:#FFF}
#light-footer #footer a:hover, #footer.shop-footer a:hover {color:#3c5254}

#footer .icon-color {fill:#7C9499}
	#dark-footer #footer a svg:hover .icon-color {fill: #FFF }
	#light-footer #footer a svg:hover .icon-color,  #footer.shop-footer  a svg:hover .icon-color {fill: #3c5254 }


@media only screen and (min-width: 50em) {
	#footer {
		margin: 20px 0 0 0;
		padding: 60px;
		font-size: 1em;
		height: 220px;
		}
	#footer.shop-footer { margin:0; }	
	#footer h3 {font-size:1.15em; padding: 0 0 .5em 0}
	#footer #menu-right {margin-top:-70px; width: 140px}
	#footer-images {
		margin-top: -100px;
		width: 210px;
		max-width: 25%;
		}

	.footer-links {padding: 10px 0 15px 0}

	}
@media only screen and (max-width: 49.999em) {
	#footer {
		padding: 60px;
		font-size:1.1em;
		}
	#footer.shop-footer { margin:0; }	
	#footer.shop-footer #footer-images { background-color: #C2C8C2 }
	#light-footer #footer { margin: 20px 0 0 0; }
	#dark-footer #footer { margin: 20px 0 0 0; }

	#footer h3 {font-size:1.25em; padding: 0 0 .5em 0}
	
	.footer-links {padding: 15px 0 20px 0}
	#footer #menu-right {
		margin: auto;
		width:175px;
		padding: 30px 0 20px 0; 
		}

	#footer .icon  {
		width:30px; 
		display: block;
		}
	#footer .icon svg {
		max-width:30px; 
		display: block;
		margin:0
		}
		
	#footer #instagram { margin-right: 5px }		
	#footer #facebook { margin-right: 5px }	
	#footer #tumblr { margin-right: 5px	}	
	#footer #twitter { margin-right: 7px }		
	#footer #shop { margin: 0 }	
	
	#footer-images { 
		margin: 60px -60px -60px -60px;
		padding: 40px;
		}
	#footer-images img { width: 200px }
	
	#dark-footer #footer-images { background-color: #22292e;	}
	#light-footer #footer-images { background-color: #dddfdc;	}

	}




			
/*--------------------------------------------------
TEXT BLOCKS
---------------------------------------------------*/
.text ul,
.text ol {
	margin-left: 1em;
	}

.centre-text { text-align: center; margin: auto}

	
/*--------------------------------------------------
TEXT
---------------------------------------------------*/

h1,h2,h3,h4 { 
	text-transform: uppercase; 
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 900;
	font-style: normal;
	text-align: center;
	letter-spacing: .0375em;
	line-height: 1.25em;
	padding: 1.5em 0 .5em 0;
	}

@media screen and (min-width: 35em) { 
  h1 { font-size: 2.25em }
  h2 { font-size: 1.5em }
  h3 { font-size: 1.25em }
  h4 { font-size: 1em }
  .title { font-size: 3em }
  .default-title { margin-top: 1em }
  }

@media screen and (max-width: 34.999em) { 
  h1 { font-size: 2em } 
  h2 { font-size: 1.5em } 
  h3 { font-size: 1.25em } 
  h4 { font-size: 1em } 
  .title { font-size: 2.25em }
  .default-title { margin-top: 1em }

  }

h1 a, h2 a, h3 a, h4 a {
	color: inherit;
	border: 0 !important;
	}

strong,b { font-weight: 800 }

.category { 
	text-align: center;
	text-transform: uppercase; 
	font-family: "brandon-grotesque", sans-serif;
	font-weight: 100;
	font-style: normal;
	letter-spacing: .0625em;
	color: #CCC;
	margin: 2em auto -1em auto !important;
	}
	
.adventure-subtitle { 
	text-align: center;
	font-family: 'Noticia Text', serif;
	color: #688d8d;
	margin: 1em auto 5em auto !important;
	font-size: 1.15em !important;
	}

::selection { background: #C4D7D9 }
::-moz-selection { background: #C4D7D9 }



	
/*--------------------------------------------------
EXPLORE
---------------------------------------------------*/


@media screen and (min-width: 50em) { 
	input[type="search"] { width: calc(100vw - 150px); }
	#map { overflow:hidden;height:calc(100vh - 305px);width:calc(100% - 80px);margin:40px auto 40px auto; }
	.searchbar { margin: 40px 40px 20px 40px; }
	input[type="search"] { padding: 20px; font: 20px/30px 'brandon-grotesque', 'Open Sans', sans-serif; font-weight:900; }
	input[type="submit"] { padding: 20px; font: 20px/30px 'brandon-grotesque', 'Open Sans', sans-serif; font-weight:900; width: 70px; }
	}
@media screen and (min-width: 35em) and (max-width: 49.999em) { 
	input[type="search"] { width: calc(100vw - 110px); }
	#map { overflow:hidden;height:calc(100vh - 235px); width:calc(100% - 40px);margin: 20px auto 20px auto}
	.searchbar { margin: 0 20px 0 20px }
	input[type="search"] { padding: 20px; font: 20px/30px 'brandon-grotesque', 'Open Sans', sans-serif; font-weight:800; }
	input[type="submit"] { padding: 20px; font: 20px/30px 'brandon-grotesque', 'Open Sans', sans-serif; font-weight:800; width: 70px; }
	}
@media screen and (max-width: 34.999em) { 
	input[type="search"] { width: calc(100vw - 95px); }
	#map { overflow:hidden;height:calc(100vh - 250px);width:calc(100% - 40px);margin: 20px auto 20px auto}
	.searchbar { margin: 0 20px 0 20px; }
	input[type="search"] { padding: 15px; font: 16px/24px 'brandon-grotesque', 'Open Sans', sans-serif; font-weight:900; }
	input[type="submit"] { padding: 15px; font: 16px/24px 'brandon-grotesque', 'Open Sans', sans-serif; font-weight:900; width: 55px; }
	}

input[type="search"] {
	border: none;
	border-radius: 0;
	letter-spacing: 0.0625em;
	text-transform: uppercase;
	background-color: #FFF;
	color: #323639;
	outline: none;
	}
	
input[type="submit"] {
	float: right;
	border: none;
	border-radius: 0;
	color: #FFF;
	text-decoration: none;
	background-color: #323639;
	background-image: url(/assets/images/search-white.svg);
		background-repeat: no-repeat;
    	background-position: center; 
    	background-size: 1.75em;
	transition: background-color 0.33s ease-in-out;
 			-webkit-transition: background-color 0.25s ease-in-out;
	 		-moz-transition: background-color 0.25s ease-in-out;
	 		-ms-transition: background-color 0.25s ease-in-out;
			-o-transition: background-color 0.25s ease-in-out;
	}

input[type="placeholder"] { color: #BBB; }
	::-webkit-input-placeholder { color: #BBB }
	::-moz-placeholder { color: #BBB }
	:-ms-input-placeholder { color: #BBB }
	:-moz-placeholder { color: #BBB }
	
	input[type="submit"]:hover { 
		background: #4A6567; 
		background-image: url(/assets/images/search-white.svg);
	   background-repeat: no-repeat;
    	background-position: center; 
    	background-size: 1.75em;
		}


	
/*--------------------------------------------------
MASONRY 
---------------------------------------------------*/

.grid { 
	position: relative; 
	}
@media screen and (min-width: 50em)  {
	.grid.explore { margin: 0 20px; }
	}
@media screen and (min-width:45em) and (max-width: 49.999em)  {
	.grid { margin: -10px; }
	.grid.explore { margin: 10px; }

	}
@media screen and (max-width: 44.999em)  {
	.grid.explore { margin: 20px; }
	}

.grid-item {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
	display: block;
	overflow: hidden;
	}

.grid-item a { 
	display: block;
	width: 100%;
	height: 100%;
	border-bottom: none; 
	}
 
.grid-item-wrapper { 
	position: absolute;
	text-align: center;
	height: 100%;
	width: 100%;
	}
    
.grid-item-wrapper:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
	}

.grid-item-wrapper:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}

.grid-item-title { 
	position: absolute;
	top: 50%; 
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-align: center;
	width: 100%;
	padding: 1em;
	z-index: 1;
	}
	
.grid-item-title h2 {
	color: #FFF; 
	font-weight: 800; 
	display: block;
	padding: 0 0 .5em 0;	
	}	
		
.grid-item img {
	background-color: #CCC;
		-webkit-transition: opacity .33s ease-in-out;
		-moz-transition: opacity .33s ease-in-out;
		-ms-transition: opacity .33s ease-in-out;
		-o-transition: opacity .33s ease-in-out;
		transition: opacity .33s ease-in-out;
	}
   
.grid-item-tag { 
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,.25);
  padding: 3px 10px 3px 10px; 
  color:#FFF;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .125em;
  }
  


  
@media screen and (min-width: 125em) {
	.grid-item {  width: calc(((100vw - (100vw - 100%)) - 200px)/5); margin: 20px; }
	.grid-item-title h2 { font-size: 1.5vw }
}

@media screen and (min-width: 100em) and (max-width: 124.999em){
	.grid-item {  width: calc(((100vw - (100vw - 100%)) - 160px)/4); margin: 20px; }
	.grid-item-title h2 { font-size: 2vw }
}

@media screen and (min-width: 70em) and (max-width: 99.999em){
	.grid-item {  width: calc(((100vw - (100vw - 100%)) - 120px)/3); margin: 20px; }
	.grid-item-title h2 { font-size: 2.5vw }
}
  
@media screen and (min-width: 50em) and (max-width: 69.999em) {
	.grid-item { width: calc(((100vw - (100vw - 100%)) - 80px)/2); margin: 20px; } 
	.grid-item-title h2 { font-size: 3.75vw }
}

@media screen and (min-width: 45em) and (max-width: 49.999em) {
	.grid-item { width: calc(((100vw - (100vw - 100%)) - 40px)/2); margin: 10px; } 
	.grid-item-title h2 { font-size: 4.5vw }
}

@media screen and (min-width: 35em) and (max-width: 44.999em) {
   .grid-item-title h2 { font-size: 8vw }
 
	/*.item img { opacity:.5 !important } */
	.grid-item .grid-item-title { opacity:1 !important; }
   .grid-item { margin-bottom: 20px; }   
}


@media screen and (max-width: 34.999em) {   
   .grid-item-title h2 { font-size: 8vw } 
	.grid-item .grid-item-title { opacity:1 !important; }
   .grid { margin: -20px 0 0 0; }
   .grid-item { margin-bottom: 20px; } 
   .more-adventures .grid-item { padding-top: 40px; }     
}  



@media screen and (max-width: 44.999em) {
	.grid-item-wrapper { 
		background-color: rgba(87, 104, 109, .25);
		opacity: 1; 
			filter: alpha(opacity=100); 
			-webkit-transition: background-color .2s ease-out;
			-moz-transition: background-color .2s ease-out;
			-o-transition: background-color .2s ease-out;
			transition: background-color .2s ease-out;
		}  
  .grid-item-wrapper:hover { background-color: rgba(124, 148, 153, .75) }
  .grid { margin-top:-20px }
  }

@media screen and (min-width: 45em) { 
	.grid-item-wrapper { 
		background-color: rgba(124, 148, 153, .75);
		opacity: 0;
			filter: alpha(opacity=0);
			-webkit-transition: opacity .2s ease-out;
			-moz-transition: opacity .2s ease-out;
			-o-transition: opacity .2s ease-out;
			transition: opacity .2s ease-out;
    	}
	.grid-item-wrapper:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		}
	/*.item:hover img { opacity:.65 !important } */
	.grid-item .grid-item-title { opacity:0; }
	.grid-item:hover .grid-item-title { opacity:1; } 
}



	
/*--------------------------------------------------
RELATED ARTICLES
---------------------------------------------------*/

.more-adventures {
	background-color: #31393E;
	color: #5B6771;
	}

@media screen and (min-width: 50em) { 
	.more-adventures { margin: 60px 0 -60px 0; padding: 60px 80px 80px 80px; } 
	.more-adventures .grid { margin: -0; }
	.more-adventures .grid-item-wrapper { background-color: rgba(49, 57, 62, .66) !important; }	
	h2.more-adv { padding: 0 0 40px 0; }
	}
@media screen and (min-width: 35em) and (max-width: 49.999em) { 
	.more-adventures {margin: 30px -0 -20px -0; padding: 40px; } 
	.more-adventures .grid-item-wrapper { background-color: rgba(49, 57, 62, .33) !important; }
	h2.more-adv { padding: 20px 0 40px 0; }
	}
	
	@media screen and (max-width: 34.999em) { 
	.more-adventures {margin: 30px 0 -20px 0; padding: 40px; } 
	.more-adventures .grid-item-wrapper { background-color: rgba(49, 57, 62, .33) !important; }
	h2.more-adv { padding: 25px 0 25px 0; }
	}
	

@media screen and (min-width: 125em) {
	.more-adventures .grid-item { width: calc(((100vw - (100vw - 100%)) - 200px)/5); margin: 20px; }
	.more-adventures .grid-item-title h2 { font-size: 1.5vw }
	}

@media screen and (min-width: 100em) and (max-width: 124.999em){
	.more-adventures .grid-item { width: calc(((100vw - (100vw - 100%)) - 160px)/4); margin: 20px; }
	.more-adventures .grid-item-title h2 { font-size: 2vw }
	}

@media screen and (min-width: 75em) and (max-width: 99.999em){
	.more-adventures .grid-item { width: calc(((100vw - (100vw - 100%)) - 120px)/3); margin: 20px; }
	.more-adventures .grid-item-title h2 { font-size: 2.5vw }
	}
  
@media screen and (min-width: 50em) and (max-width: 74.999em) {
	.more-adventures .grid-item { width: calc(((100vw - (100vw - 100%)) - 80px)/2); margin: 20px; } 
	.more-adventures .grid-item-title h2 { font-size: 3.5vw }
	}

@media screen and (min-width: 40em) and (max-width: 49.999em) {
	.more-adventures .grid { margin: -10px -10px 0 -10px; }
	.more-adventures .grid-item { width: calc(((100vw - (100vw - 100%)) - 80px)/2); margin: 20px; } 
	.more-adventures .grid-item-title h2 { font-size: 4vw }
	}

@media screen and (max-width: 39.999em) {
	.more-adventures .grid-item-title h2 { font-size: 7vw }
 	}		
		

	
/*--------------------------------------------------
MISCELLANEA
---------------------------------------------------*/		

@media only screen and (max-width:44.99em) { .nophone { display: none !important } .content { margin-top: 2em; } }
@media only screen and (min-width:50em) { .mobile { display: none !important } }
@media only screen and (max-width:49.999em) { .desktop { display: none !important } }

.button {
    display: inline-block;
    border: none;
    padding: .66rem 1rem;
    margin: 25px 0 10px 0;
    text-decoration: none;
    background: #b3c6c6;
    color: #FFF;
    text-align: center;
    transition: background 250ms ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-transform: none !important;
    font-family: 'Open Sans';
	}

.main .button a { border-bottom: none !important; }

.button:hover,
.button:focus {
    background: #4a6567;
    color: #FFF;
	}

.none{
  display: none;
}



	
/*--------------------------------------------------
SIGNUP
---------------------------------------------------*/

#light-footer #signup { background: #dddfdc; }	
#dark-footer #signup { background: #22292e; }	
.shop-footer #signup { background: #c2c8c1; }	


#mc_embed_signup { width: calc(100% - 4em); max-width: 600px; margin:auto;}
#mc-embedded-subscribe { background-image: none !important }


@media only screen and (min-width:50em) { 		
	#signup { margin: 4.3em -60px 0 -60px; }	
	#mc_embed_signup { 
		padding: .5em 0 1.5em 0;
		width: calc(100% - 4em);
		}
	#mc_embed_signup form { padding:2em }
	}
	 
@media only screen and (max-width:49.999em) { 	
	#signup { margin: 60px -60px -60px -60px; }	
	#mc_embed_signup { 
	 	padding: 0 0 3em 0;
	 	width: calc(100% - 6em);
	 	}
	 #mc_embed_signup_scroll {
	 	padding-top: 2em;
	 	border-top: solid 3px;
		}
	#light-footer #mc_embed_signup_scroll, 
	.shop-footer #mc_embed_signup_scroll {
		border-color: rgba(255,255,255,0.15);
		}
	#dark-footer #mc_embed_signup_scroll {
		border-color: rgba(255,255,255,0.05);
		}	
	#mc_embed_signup form {padding-bottom: 2em }
	}



/* MailChimp Form Embed Code - Slim - 12/15/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; }
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:none -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {
	clear:both; 
	background-color: rgba(109,143,149,0.33); 
	border: 0 none; 
	letter-spacing:.03em; 
	color: #FFFFFF; 
	cursor: pointer; 
	display: inline-block; 
	font-size:15px; 
	height: 32px; 
	line-height: 32px; 
	margin: 0 5px 10px 0; 
	padding:0; 
	text-align: center; 
	text-decoration: none; 
	vertical-align: top; 
	white-space: nowrap; 
	width: auto; 
	transition: all 0.23s ease-in-out 0s;
	}
	
#mc_embed_signup .button:hover { background-color: rgba(109,143,149,0.66); }
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {
	font-family:"Noticia Text"; 
	display:block; 
	font-size:16px; 
	padding-bottom:1em; 
	font-weight:bold; 
	text-align:center;
	color: #6B8084; 
	}
#mc_embed_signup input.email {
	font-family:"Roboto", "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; 
	font-size: 15px; 
	display:block; 
	padding:0 0.75em; 
	min-height:32px; 
	width:70%; 
	min-width:130px;
	float: left; 
	border-radius: 0;
	}
#mc_embed_signup input.button {
	width:30%; 
	margin:0; 
	min-width:90px;
	position:absolute;
	font-family:"Roboto", "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; 
	font-weight: bold;
	text-transform: uppercase !important;
	font-size: 0.85em;
	letter-spacing: 1px;
	border-radius: 0;
	}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}






	
/*--------------------------------------------------
CLEARFIX
---------------------------------------------------*/
.cf:after {  
  clear: both; 
  display:table;
  content: ""; 
  }