/* 
Fonts Here
font-family: "bebas-neue", sans-serif;
font-weight: 400;
font-family: "highest-praise", sans-serif;
font-weight: 400;
font-family: "lato", sans-serif;
font-weight: 400;
font-weight: 900;
 */
/* Variables */

/* End Variables */
:root {
	--base: #000;
	--nav: #000;
	--navhover: #903C1D;
	--red: #903C1D;
	--blue: #246060;
	--darkergreen: #B3C068;
	--lightergreen: #CBDBC1;
	--yellow: #F9E6B4;
	--warmgreen: #0A4227;
}
/* Generic */
body {position: relative; margin: 0; font-family: 'Lato', sans-serif; font-size: 20px; line-height: 1.7; color: var(--base);}
#whole-body {overflow: hidden;}
a {text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-weight: 900; color: var(--blue);}
a:hover {color: var(--red);}
main a {border-bottom-style: solid; border-bottom-width: 1px; border-color: var(--blue);}
main a:hover {border: 0;}
p {margin: 0 0 40px 0;}
p.empty {margin: 0 !important;}
ul.empty {margin-bottom: 0 !important; margin-left: 20px !important;}
.clear {clear: both;}
img {max-width: 100%;}
.mobile-only {display: none;}
.full {position: absolute; width: 100% !important; height: 100% !important; z-index: 1; object-fit: cover; top: 0; left: 0;}

.holder {position: relative; z-index: 1;}
h1, h2, h3, h4 {text-transform: uppercase; line-height: 1.2; margin: 0 0 40px; font-weight: 400;}
h1 {margin: 0;}
h2 {font-size: 64px; font-family: "highest-praise", sans-serif; text-transform: inherit;}
h3 {font-size: 48px; font-family: "bebas-neue", sans-serif; text-transform: uppercase;}
h4 {font-size: 2.5rem;}

ul {margin: 0 0 40px 50px; padding: 0;}
li {margin: 0 0 20px; padding: 0;}
li:last-child {margin: 0;}
.container {margin: 0 auto;}

.readon {border-style: solid; border-width: 1px; border-color: var(--lightergreen); color: var(--base); text-transform: lowercase; font-weight: 400; display: inline-block;  line-height: 1; padding: 10px 20px; font-size: 24px; position: relative; font-family: "highest-praise", sans-serif;}
.readon:after {content: ''; position: absolute; border-style: solid; border-width: 1px; border-color: var(--red); width: calc(100% - 16px); top: -6px; left: 7px; height: calc(100% + 10px); bottom: -5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.readon:hover {background: var(--red); color: var(--lightergreen); border-style: solid; border-width: 1px; border-color: var(--lightergreen);}
.readon:hover:after {width: calc(100% - 2px); height: calc(100% - 2px); top: 1px; left: 1px;}

#hero, #home-teaser, .home-teaser-back-top, .home-teaser-img, .left-img, #footer, #int-hero, .con-img, .amenities, #int-teaser {position: relative;}
/* End Generic */
/* Nav */
#menuToggle {transform: rotate(0deg); transition: all .5s ease-in-out; background: var(--lightergreen); border: 0; cursor: pointer; height: 50px; padding: 0; position: absolute; left: 10px; top: 10px; width: 50px; z-index: 11000; }
#menuToggle .bar {transform: rotate(0deg); transition: all .5s ease-in-out; height: 4px; background-color: var(--blue); position: absolute; right: 5px; width: 40px;}
#menuToggle .bar:nth-child(1) {top: 16px;}
#menuToggle .bar:nth-child(2) {top: 24px; right: 5px;}
#menuToggle .bar:nth-child(3) {top: 32px;}
#menuToggle.open .bar:nth-child(1) {transform: rotate(45deg); top: 24px;}
#menuToggle.open .bar:nth-child(2) {right: 50%; width: 0%; }
#menuToggle.open .bar:nth-child(3) {transform: rotate(-45deg); top: 24px; }

.nav_main {position: fixed; background: #000; width: 100%; height: 100%; z-index: 0; text-align: center; opacity: 0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear; transition: all .5s linear; }
.nav_main.open {display: block; opacity: 1; z-index: 2000; overflow-y: auto; overflow-x: hidden; position: fixed;}
.nav_main ul {margin: 0 auto; width: 90%; color: #fff; font-size: 30px; line-height: 1;}
.nav_main ul li {list-style: none; margin: 40px 0;}
.nav_main ul li strong {font-family: "bebas-neue", sans-serif; font-weight: 400; text-transform: uppercase;}
.nav_main ul li a {color: #fff; font-family: "highest-praise", sans-serif; font-weight: 400;}
.nav_main ul li.active a {color: var(--darkergreen);}
.nav_main ul li:last-child {margin: 0;}
body.open {overflow: hidden;}

#navigation {background: #fff; color: #000; height: 115px;}
#navigation .container {position: relative; padding: 8px 20px 11px;}
#navigation .logo {position: absolute; top: 0; left: 20px; z-index: 20;}
#navigation .logo a {display: block;}
.nav-top-holder {padding: 0 0 0 190px; display: flex; align-items: flex-end; flex-direction: column; position: relative; z-index: 5;}
.nav-top {font-size: 20px; line-height: 1; font-family: "highest-praise", sans-serif; font-weight: 400; color: var(--warmgreen); padding-bottom: 14px;}
.nav-top strong, .nav-top a {font-size: 18px; font-family: "bebas-neue", sans-serif; text-transform: uppercase; font-weight: 400;}
.nav-top a {color: var(--red);}
.nav-top a:hover {color: var(--blue);}
ul.nav-btm {margin: 0;}
ul.nav-btm li.nav-item {list-style: none; margin: 0 25px; display: inline-block;}
ul.nav-btm li.nav-item:last-child {margin-right: 0;}
.nav-item a {color: var(--nav); text-transform: capitalize; font-weight: 400; font-family: "highest-praise", sans-serif; font-size: 36px; position: relative;}
.nav-item:hover a:before, .nav-item.active a:before {width: 100%;}
.nav-item a:before {content: ''; position: absolute; bottom: -11px; height: 3px; left: 0; right: 0; margin: 0 auto; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("../img/nav-red.svg"); width: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.nav-item a.readon {color: var(--warmgreen);}
.nav-item a.readon:after {border-color: var(--darkergreen);}
.nav-item a.readon:before {display: none;}
.nav-item a.readon:hover {background: var(--darkergreen); color: #fff;}
.nav-item a:hover, .nav-item.active a, #footer ul.nav-btm li.nav-item.active a, #footer ul.nav-btm li.nav-item a:hover {color: var(--navhover);}

.logo img {display: block; margin: 0 auto;}
/* End Nav */

/* Hero */
#hero .txt {position: relative; z-index: 5; width: 95%; text-align: center; padding: 475px 0 50px; margin: 0 auto;}
#hero h1 strong {color: var(--yellow); font-weight: 400; font-family: "bebas-neue", sans-serif; text-transform: uppercase;}
#hero h1 {font-weight: 400; color: #fff; line-height: 1; margin: 0; font-family: "highest-praise", sans-serif; text-transform: lowercase; font-size: 90px;}
#hero .gradient {width: 100%; height: 30%; z-index: 2; position: absolute; bottom: 0; left: 0; background: #0A4227;
background: linear-gradient(180deg,rgba(10, 66, 39, 0) 0%, rgba(10, 66, 39, 1) 100%);}
/* End Hero */
/* Teaser */
#home-teaser {z-index: 10; margin-bottom: 65px;}
.home-teaser-back-top, .int-teaser-back-top {position: absolute; height: 29px; width: 100%; top: -29px; left: 0; z-index: 3;}
#home-teaser .container {position: relative; z-index: 11; padding: 60px 0 0 0; margin: 0 auto; width: 90%; max-width: 1420px; display: flex; flex-direction: row; flex-wrap: wrap;}
#home-teaser .left, #home-teaser .right {width: 50%; text-align: center;}
#home-teaser .left {position: relative;}
#home-teaser .left:after {position: absolute; content: ''; right: -2px; top: 0; height: 453px; width: 5px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("../img/line-vertical.svg");}
#home-teaser h2 {font-size: 64px; margin-bottom: 5px;}
#home-teaser h3 {font-size: 40px; margin-bottom: 5px;}
#home-teaser p {margin-bottom: 20px;}
#home-teaser .btn-holder {margin-bottom: 25px;}
.home-teaser-img {width: 100%; height: 335px; border: 5px solid #fff; box-shadow: 0 4px 4px rgba(0,0,0,.25); position: relative; margin-left: -5px;}
#home-teaser .left .pad {margin-right: 105px;}
#home-teaser .right .pad {margin-left: 105px;}
.home-teaser-back-img .full {height: 90% !important;}
/* End Teaser */
/* Split */

/* End Split */

/* CTA */
#cta-footer {margin-bottom: 105px;}
#cta-footer .container {width: 90%; margin: 0 auto; max-width: 1260px; background-color: var(--lightergreen); color: var(--base); display: flex; flex-direction: row; flex-wrap: wrap; box-shadow: 0 4px 4px rgba(0,0,0,.25);}
#cta-footer .left-img, #cta-footer .right-txt {width: 50%;}
#cta-footer .right-txt {box-sizing: border-box; padding: 30px 40px 40px;}
#cta-footer .readon {border-color: var(--blue);}
#cta-footer h2 {margin: 0;}
#cta-footer h3 {margin-bottom: 20px;}
/* End CTA */
/* Footer */
#footer {padding: 75px 0;}
#footer .full {object-position: top;}
.footer-top {position: absolute; height: 29px; width: 100%; top: -29px; left: 0;}
#footer .container {position: relative; z-index: 5; width: 90%; text-align: center; color: #fff;}
#footer .logo a {display: inline-block; padding: 8px; margin-bottom: 30px; background: #fff;}
#footer h3 {margin-bottom: 5px; font-size: 32px;}
#footer .address {margin-bottom: 35px;}
#footer .address-split {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 600px; margin: 0 auto 45px;}
.address-split .left {position: relative;}
.address-split .left:after {position: absolute; content: ''; right: 0; top: 50%; margin-top: -57px; height: 114px; width: 3px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("../img/line-white.svg");}
.address-split .left, .address-split .right {width: 50%;}
.address-split a {color: #fff; font-weight: 400;}
.copyright a {color: var(--lightergreen); font-weight: 400;}
.copyright a:hover, .address-split a:hover {color: var(--darkergreen);}
/* End Footer */
/* Int */
#int-hero .txt {width: 90%; margin: 0 auto; padding: 155px 0 65px; position: relative; z-index: 5; position: relative; text-align: center;}
#int-hero h1 {font-weight: 400; color: #fff; line-height: .6; margin: 0; font-family: "highest-praise", sans-serif; text-transform: lowercase; font-size: 150px;}
#int-hero h1 strong {display: block; color: var(--yellow); font-weight: 400; font-family: "bebas-neue", sans-serif; text-transform: uppercase;}
#int-hero .gradient {width: 100%; height: 100%; z-index: 2; position: absolute; bottom: 0; left: 0; background: #0A4227;
background: linear-gradient(180deg,rgba(10, 66, 39, 0) 0%, rgba(10, 66, 39, 1) 100%);}

#int-teaser {margin: 0 0 75px;}
#int-teaser .container {position: relative; z-index: 5; width: 90%; max-width: 800px; text-align: center; margin: 0 auto; padding: 65px 0 10px;}
#int-teaser h2 {color: var(--blue);}
.int-teaser-line {position: absolute; z-index: 2; width: 100%; height: auto; left: 0; mix-blend-mode: 2;}
.attraction-line {top: 10%;}
.pricing-line {bottom: 10%;}
.camping-line {bottom: 5%;}
#int-teaser ul {margin-bottom: 0;}
#int-teaser ul li {list-style: none;}
#int-teaser ul li:last-child {margin-bottom: 20px;}

.con-split {position: relative; display: flex; flex-direction: row; flex-wrap: wrap; width: 90%; max-width: 1135px; margin: 75px auto;}
.con-split .con-img {width: 45%;}
.con-split .con-img img, .con-full .con-img img {border-width: 5px; border-style: solid; border-color: var(--yellow); width: calc(100% - 10px) !important; height: calc(100% - 10px) !important; box-shadow: 0 4px 4px rgba(0,0,0,.25);}
.con-split .con-txt p:last-of-type, .con-full .con-txt p:last-of-type {margin-bottom: 0;}
.con-full .con-txt p.has-margin {margin-bottom: 40px !important;}
.con-split .con-txt {width: 55%; box-sizing: border-box; padding: 40px 35px;}
.con-split.con-small .con-txt {padding-top: 85px; padding-bottom: 85px;}
.con-split h2 {margin-bottom: 5px;}
.con-split.con-left {flex-direction: row-reverse;}

.con-full {margin: 75px auto; width: 90%; max-width: 1215px;}
.con-full h2 {font-size: 85px; text-align: center;}
.con-full .con-img {height: 460px;}
.con-full .con-txt {width: 100%; max-width: 800px; margin: 40px auto 0;}

.con-img-split {display: flex; flex-direction: row; flex-wrap: wrap;}
.con-img-split .item {width: 50%;}
.con-img-split .item:first-of-type .pad {margin-right: 7px;}
.con-img-split .item:last-of-type .pad {margin-left: 7px;}
.con-img-split .item img {border-width: 5px; border-style: solid; border-color: var(--yellow); box-shadow: 0 4px 4px rgba(0,0,0,.25); width: calc(100% - 10px); height: auto;}

.btm-red {margin: 115px auto; text-align: center;}

.amenities {color: #fff; margin: 75px 0;}
.amenities .container {position: relative; z-index: 3; display: flex; justify-content: flex-end;}
.amenities.attractions {padding: 75px 105px 75px 0; color: #000;}
.amenities.attractions .full {object-position: top right;}
.amenities ul {margin-left: 20px; margin-bottom: 0;}
.amenities ul li {margin-bottom: 10px;}
.amenities h2 {margin: 0;}
.amenities h3 {margin-bottom: 30px;}
.amenities.camping {padding: 75px 65px 75px 0;}
.amenities.camping .pad {display: flex; flex-direction: row; flex-wrap: wrap;}
.amenities.camping .pad .item {width: 300px; margin-left: 50px;}
/* End Int */

@media only screen and (min-width: 1401px) and (max-width: 1600px) {
	.amenities.attractions {padding-right: 35px;}
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	#int-hero h1 {font-size: 130px;}
	#hero .txt {padding-top: 275px;}
	.amenities.attractions {padding: 25px 25px 105px 0;}
	.amenities.attractions .pad {width: 500px;}
	.btm-red {margin: 95px auto;}
	.amenities.camping {padding-right: 35px;}
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	#int-hero h1 {font-size: 110px;}
	#hero h1 {font-size: 80px;}
	#hero .txt {padding-top: 275px;}
	#home-teaser .left .pad {margin-right: 35px;}
	#home-teaser .right .pad {margin-left: 35px;}
	#home-teaser h2 {font-size: 55px;}
	#home-teaser h3 {font-size: 35px;}
	.home-teaser-img {height: 275px;}
	#cta-footer h2 {font-size: 50px;}
	#cta-footer h3 {font-size: 35px;}
	#cta-footer p {font-size: 18px; margin-bottom: 30px;}
	#cta-footer .right-txt {padding: 20px 20px 30px;}
	#footer {padding: 35px 0;}
	.con-full h2 {font-size: 64px;}
	.btm-red {margin: 75px auto;}
	.amenities.attractions {padding: 45px 25px 105px 0;}
	.amenities.attractions .pad {width: 500px;}
	.amenities.camping {padding-right: 35px;}
	.amenities.camping .pad .item {width: 275px; margin-left: 30px;}
}
@media only screen and (max-width: 1024px) {
	.nav-top-holder {display: none;}
	#menuToggle {display: block;}
	#navigation .logo {left: 0; right: 0; margin: 0 auto;}
	#cta-footer .container {flex-direction: column; text-align: center;}
	#cta-footer .left-img, #cta-footer .right-txt {width: 100%;}
	.con-split, .con-split.con-left {flex-direction: column; align-items: center;}
	.con-split .con-txt {width: 100%;}
	.con-split .con-txt {padding: 0;}
	.con-split .con-img, .con-full .con-img {width: 90%; max-width: 800px; margin-bottom: 40px;}
	.con-full .con-img {margin: 0 auto;}
	.con-split h2 {text-align: center;}
	.amenities .container {justify-content: center;}
	.con-split.con-small .con-txt {padding: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#int-hero h1 {font-size: 90px;}
	#hero h1 {font-size: 60px;}
	#hero .txt {padding-top: 250px;}
	#home-teaser .container {padding-top: 30px; width: 95%;}
	#home-teaser .left .pad {margin-right: 35px;}
	#home-teaser .right .pad {margin-left: 35px;}
	#home-teaser h2 {font-size: 45px;}
	#home-teaser h3 {font-size: 30px;}
	#home-teaser p {font-size: 15px;}
	.home-teaser-img {height: 200px;}
	#home-teaser .left:after {height: 300px; width: 3px;}
	#home-teaser {margin-bottom: 50px;}
	#cta-footer .left-img {height: 300px;}
	#cta-footer {margin-bottom: 75px;}
	#footer {padding: 30px 0;}
	#int-teaser .container {padding-top: 30px;}
	.con-split .con-img, .con-full .con-img {height: 300px;}
	.con-full h2 {font-size: 64px;}
	.btm-red {margin: 75px auto;}
	.amenities.attractions {padding: 60px 0 150px;}
	.amenities.attractions .pad {width: 450px;}
	.amenities.camping {padding: 50px 0;}
	.amenities.camping .pad .item {margin: 0 25px;}
	.amenities.camping:after {position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; content: ''; background: #000; opacity: .5;}
}
@media only screen and (max-width: 767px) {
	#int-hero h1 {font-size: 13vw;}
	#hero h1 {font-size: 10vw;}
	#hero .txt {padding: 225px 0 30px;}
	#home-teaser .left:after {display: none;}
	#cta-footer .left-img {height: 250px;}
	#cta-footer .right-txt {padding: 25px 25px 35px;}
	#cta-footer {margin-bottom: 65px;}
	#home-teaser .container {flex-direction: column;}
	#home-teaser .left, #home-teaser .right {width: 100%;}
	#home-teaser .container {padding-top: 25px;}
	#home-teaser .left .pad {margin-right: 0; margin-bottom: 25px;}
	#home-teaser .right .pad {margin-left: 0;}
	.home-teaser-img {height: 200px;}
	#home-teaser .home-teaser-back-img .full {object-position: left;}
	#cta-footer h2 {font-size: 50px;}
	#cta-footer h3 {font-size: 35px;}
	#cta-footer p {font-size: 18px;}
	#footer {padding: 20px 0 35px;}
	#footer .address-split {width: 100%; flex-direction: column;}
	.address-split .left, .address-split .right {width: 100%;}
	.address-split .left:after {display: none;}
	.address-split .left, #footer .address, #footer .address-split {margin-bottom: 25px;}
	#footer {font-size: 18px;}
	#footer .logo a {margin-bottom: 25px;}
	#footer h3 {font-size: 28px;}
	#int-teaser .container {padding-top: 25px;}
	#int-teaser h2, .con-full h2, .con-split h2, .amenities h2 {font-size: 45px;}
	.con-split h2 {margin-bottom: 40px;}
	.con-split, .con-full, .amenities, .btm-red {margin: 55px auto;}
	.con-split .con-img, .con-full .con-img {height: 250px;}
	.con-split .con-img, .con-full .con-img {width: 100%;}
	.amenities.attractions, .amenities.camping {padding: 0;}
	.amenities {display: flex; flex-direction: column-reverse;}
	.amenities .container, .amenities picture {width: 100%;}
	.amenities picture {position: relative; height: 250px; margin: 0 0 20px;}
	.amenities .pad {margin: 0 auto; width: 90%;}
	.amenities h3 {font-size: 40px;}
	.amenities.camping .pad {flex-direction: column; color: #000;}
	.amenities.camping .pad .item {width: 100%; margin-left: 0;}
	.amenities.camping .pad .item:first-of-type {margin-bottom: 20px;}
}