/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* fonts */

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-BoldItalic.eot');
    src: local('Century Gothic Bold Italic'), local('CenturyGothic-BoldItalic'),
        url('../fonts/CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-BoldItalic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-BoldItalic.woff') format('woff'),
        url('../fonts/CenturyGothic-BoldItalic.ttf') format('truetype'),
        url('../fonts/CenturyGothic-BoldItalic.svg#CenturyGothic-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Italic.eot');
    src: local('Century Gothic Italic'), local('CenturyGothic-Italic'),
        url('../fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-Italic.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Italic.woff') format('woff'),
        url('../fonts/CenturyGothic-Italic.ttf') format('truetype'),
        url('../fonts/CenturyGothic-Italic.svg#CenturyGothic-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic-Bold.eot');
    src: local('Century Gothic Bold'), local('CenturyGothic-Bold'),
        url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
        url('../fonts/CenturyGothic-Bold.woff') format('woff'),
        url('../fonts/CenturyGothic-Bold.ttf') format('truetype'),
        url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.eot');
    src: local('Century Gothic'), local('CenturyGothic'),
        url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff'),
        url('../fonts/CenturyGothic.ttf') format('truetype'),
        url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe Script';
    src: url('../fonts/SegoeScript.eot');
    src: local('Segoe Script'), local('SegoeScript'),
        url('../fonts/SegoeScript.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeScript.woff2') format('woff2'),
        url('../fonts/SegoeScript.woff') format('woff'),
        url('../fonts/SegoeScript.ttf') format('truetype'),
        url('../fonts/SegoeScript.svg#SegoeScript') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe Script';
    src: url('../fonts/SegoeScript-Bold.eot');
    src: local('Segoe Script Bold'), local('SegoeScript-Bold'),
        url('../fonts/SegoeScript-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeScript-Bold.woff2') format('woff2'),
        url('../fonts/SegoeScript-Bold.woff') format('woff'),
        url('../fonts/SegoeScript-Bold.ttf') format('truetype'),
        url('../fonts/SegoeScript-Bold.svg#SegoeScript-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}



/* custom styles begin here */

html {
	font-size: medium;
}

body {
	font-family: "Century Gothic", sans-serif;
	background-color: #eaeaea;
}

p {
	line-height: 1.4;
	margin-bottom: 12px;
}

.container {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.hdr-image {
	background-image: url('../img/tigers-header-2.jpg');
	height: 440px;
	-webkit-box-shadow: 0px 14px 14px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 14px 14px 0px rgba(0,0,0,0.75);
box-shadow: 0px 14px 14px 0px rgba(0,0,0,0.75);
}

#contact .hdr-image {
	background-image: url('../img/contact-header.jpg');	
}

#ybr .hdr-image {
	background-image: url('../img/YBR-header.jpg');
}

#top-bar,
footer {
	background-color: black;
	color: white;
	padding: 1.6rem;
}

#top-bar a,
footer a {
	color: white;
	text-decoration: none;
}

.logo span {
	font-family: "Segoe Script", cursive;
}

#top-bar .logo {
	display: inline-block;
	font-size: 1.8rem;
}

#top-bar nav {
	float: right;
	font-size: 1.25rem;
}


nav ul li {
	display: inline-block;
	padding: 5px 10px 10px 10px;
}

nav ul li ul li {
	display: block;
	background-color: black;
	white-space: nowrap;
	padding: 20px;
	transition: all 2s ease-in-out;
	height: 0;
	visibility: hidden;
	box-sizing: border-box;
}

.has-drop-down {
	position: relative;
}

.has-drop-down ul {
	position: absolute;
	top: 50px;
	z-index: 100;
}

nav ul li.has-drop-down:hover ul li {
	height: 2em;
	visibility: visible;
}

.container.main-content {
	display: flex;
-webkit-box-shadow: 0px 14px 14px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 14px 14px 0px rgba(0,0,0,0.75);
box-shadow: 0px 14px 14px 0px rgba(0,0,0,0.75);
}

#contact .container.main-content {
	display: block;
	background-color: white;
}

.container.main-content > div {
	background-color: #fff;
	width: 33%;
	display: inline-block;
	vertical-align: top;
}

.container.main-content > div:last-child {
	width: 33%;
}

main,
aside {
	padding: 25px;
	box-sizing: border-box;
	background-color: #fff;
}

img {
	max-width: 100%;
}

main {
	width: 66%;
}

aside {
	width: 34%;
}

h1 {
	font-family: "Segoe Script", cursive;
	font-size: 2rem;
	font-weight: bold;
	background-image: url('../img/orange-swash.png');
	background-size: 298px 32px;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 40px;
	margin: 10px 0 20px;
	display: inline-block;
}

main h2 {
    background-image: url('../img/header-line.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-bottom: 8px;
    margin: 10px 0;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2rem;
	padding: .8em 0 .5em;
    padding-bottom: 0.5em;
	clear: both;
}

.align-left {
	float: left;
	padding: 10px 15px 10px 0;
}

.align-right {
	float: right;
	padding: 10px 0 10px 15px;
}

#home #top-bar nav {
	float: none;
	text-align: center;
}

#home h1 {
	font-family: "Century Gothic", sans-serif;
	background-image: none;
	margin-top: 35vh;
}

#home h1,
#home .slide p {
	color: #fff;
	background-color: rgba(0,0,0,0.7);
	padding: 30px;	
}

#home .slide p {
	font-family: "Segoe Script", cursive;
	font-size: 2.2rem;
	display: inline-block;
	margin-top: 35vh;
}

#home main {
	width: auto;
	float: none;
	padding: 0;
}

.slide {
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
}

#slide-1 {
	background-image: url('../img/home/east-coast-hiking-trails-header.jpg');
	text-align: center;
}

#slide-2 {
	background-image: url('../img/home/Rock-Climbing-Shoe.jpg');
}

#slide-3 {
	background-image: url('../img/home/canoeing.jpg');
}

#slide-4 {
	background-image: url('../img/home/vista-los-suenos-zip-line-1.jpg');
	background-position: bottom;
}

/*aside*/

aside > div {
	margin-bottom: 25px;
}

.adventures {
	background-color: #FD4902;
	color: #000;
	font-size: 1.2rem;
}

.adventures h2 {
	color: #fff;
	background-color: #000;
	padding: 15px;
	text-transform: uppercase;
	text-align: center;
}

.adventures a {
	color: #000;
	text-decoration: none;
}

.adventures ul {
	padding: 20px;
}

.adventures li {
	padding-left: 30px;
	padding-bottom: 15px;
	background-image: url("../img/bk-checkmark.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 20px;
}

.adventures li:last-child {
	padding-bottom: 0;
}

aside .mailchimp {
	border: 2px #aaa solid;
	padding: 15px;
}

input[type=submit] {
	background-color: pink;
}

input[type=submit]:hover {
	background-color: green;
}

input[type=submit]:focus {
	background-color: blue;
}

/*footer*/
footer {
	clear: both;
	text-align: center;
}

footer .logo {
	font-size: 1.4rem;
	margin-bottom: 10px;
}

.copyright {
	font-size: 0.9rem;
	margin: 10px auto;
}

.show-menu img {
	width: 30px;
}

.show-menu,
nav input[type=checkbox] {
	display: none;
}

.iframe-tamer {
	position: relative;
	overflow: hidden;
	padding-top: 96.25%;
}


.iframe-tamer iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	height: 100%;
	width: 100%;
}

@media only screen and (max-width: 1200px) {
	.container {
		width: 100%;
	}
	
	#top-bar nav {
		position: relative;
	}
	
	.show-menu {
		display: block;
		/*position: absolute;
		top: 0;
		right: 0;*/
	}
	
	#top-bar nav > ul {
		position: absolute;
		top: 40px;
		right: 0;
		display: none;
	}
	
	#top-bar nav input[type=checkbox]:checked ~ #menu,
	#top-bar nav input[type=checkbox]:checked ~ #menu ul {
		display: block;
	}
	
	#top-bar nav ul li {
		display: block;
		background-color: #000;
		white-space: nowrap;
	}
	
	.has-drop-down ul {
		position: static;
	}
	
	nav ul li ul li {
		visibility: visible;
	}
	
	.hdr-image {
		background-size: 100%;
		height: 0;
		padding-bottom: 36.667%;
	}
	
} /*end max-width 1200px */


@media only screen and (max-width: 992px) {
	main {
		width: 60%;
	}
	aside {
		width: 40%;
	}
	
	.adventures {
		font-size: 1.1rem;
	}
}

@media only screen and (max-width: 768px) {
	.container.main-content {
		display: block;
	}
	
	main {
		width: 100%;
	}
	aside {
		width: 100%;
	}
}


/* Retina background images */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
	h1 {
		background-image: url('../img/orange-swash-2x.png');
	}
}