@charset "utf-8";
/* CSS Document */

/* CSS Style Explanations */
/* -row is used to specify site width
   -wrap is used to specify full browser width

*/

:root {
  --body-color: #053969;
  --bg-color: #053969;
  --accent-color: #fdfd01;
  --dark-color: #053969;
  --lt-color: #4bf6b0;
  --shade-color: #edf5e0;
  --shade-text-color: #ffffff;
  --link-color: #389583;
  --hover-color: #4bf6b0;
  --heading-color: #4bf6b0;
}

@font-face {
    font-family: 'zenith';
    src: url('/_assets/fonts/zenith-regular-webfont.woff2') format('woff2'),
         url('/_assets/fonts/zenith-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ====================
   Body
==================== */
* {outline:none !important;}
body, html {font-family: Lato, Sans-Serif; font-size: 16px; line-height: 1.1em; color: var(--body-color); margin: 0 !important; background-color: var(--bg-color); font-weight:400; letter-spacing:.5px; }
.grid-container {max-width: 1660px; margin:0 auto;}
a {color:var(--link-color)}
a:hover {color:var(--hover-color)}

/* Content Background */
footer, body > div {background-color:#ffffff}

/* ====================
   Headings
==================== */
h1, h3, h4, h5, h6 {font-family: Lato, Sans-Serif; color:var(--dark-color); line-height:1.2; margin:.5em 0 .5em 0; font-weight:800; }
h1 {color:var(--heading-color)}
h2 {font-family:zenith; text-transform:none}
h3 {font-size:20px; text-transform:uppercase; letter-spacing:.1em}
.home h1 span {color:#ffffff}
.subtitle {font-size:.8em}
.script {font-family:zenith; Georgia}
.default h1 {font-size:40px; text-transform:uppercase; letter-spacing:.2em; font-weight:bold}
.default h2 {}

/* ====================
   Buttons
==================== */
.button {background-color:transparent; border:1px solid var(--lt-color); padding:.5em 1.2em; color:var(--lt-color); outline:0; font-size:16px; line-height:1.2em; font-weight:bold; text-transform:uppercase; letter-spacing:1.2px; border-radius:0;}
.button.alt {background-color:var(--dark-color); border:none; padding:.5em 1.2em; color:#ffffff !important; outline:0; font-size:16px; line-height:1.2em; font-weight:bold; text-transform:uppercase; letter-spacing:1.2px; border-radius:0;}

.button:focus, .button-light:hover, .button:hover, .button:focus a, input:hover[type="submit"]{background-color: var(--hover-color); color:#ffffff; transition: .3s ease-in-out;}
.button.circle {border-radius:50%}
/* Font Awesome Icon Button */
.bg-circle {border:.5em solid #e2ca32; border-radius:50%; color:#ffffff; background-color:#e2ca32; height:2.2em; width: 2.2em; text-align:center; padding-top:.1em}
.book-btn {background-color:var(--dark-color);}
.book-btn:hover, .main_menu .dropdown.menu  li.book-btn a:hover {background-color:#ffffff; color:var(--dark-color)}

.show-for-small-only .book-btn {position:relative; margin:auto; z-index:999; display:flex; justify-content:center; align-items:center; width: 50%; margin-bottom:140px; font-size:18px;}

/* ====================
   Utilities
==================== */
.color-white, .white {color:#ffffff}
.color-lt, .color-light {color:var(--lt-color)}
.color-dark {color:var(--dark-color)}
.bg-lt, .bg-light {background-color:var(--lt-color)}
.bg-dark {background-color:var(--dark-color)}
.bg-white {background-color:#ffffff}
.shade {background-color:var(--shade-color)}
.shade-dark {background-color:var(--body-color)}
.hidden {display:none !important;}
.width-1000 {max-width:1000px;margin-left:auto; margin-right:auto}
.width-800 {max-width:800px;margin-left:auto; margin-right:auto}
.bg-white-to-light {background: linear-gradient(to right, #ffffff 0%, #ffffff 66.666%, var(--lt-color) 66.666%, var(--lt-color) 100%);}
.bg-white-to-dark {background: linear-gradient(to right, #ffffff 0%, #ffffff 66.666%, var(--dark-color) 66.666%, var(--dark-color) 100%);}
.bg-dark-to-light {background: linear-gradient(to right, var(--dark-color) 0%, var(--dark-color) 66.666%, var(--lt-color) 66.666%, var(--lt-color) 100%);}
.bg-dark-gradient {background: linear-gradient(to bottom, var(--dark-color) 0% , var(--dark-color)30%, var(--lt-color) 100%);}
.text-tranform-none {text-transform:none}
.fontsize-30 {font-size:30px}
.fontsize-40 {font-size:40px}

/* ===================
Header
==================== */
h1 {font-size:66px;}
h1 span {color: var(--lt-color);}
h2 {font-size:50px;}
p {font-size:19px;}
header a i {color:var(--bg-color);}
.default header {background-color:var(--bg-color);}

/* ===================
Page Content 
==================== */
.content-wrap {padding:60px 20px 50px; }
.lowercase {text-transform:lowercase !important;}

/* ====================
   HOME
==================== */
.landing {height:100vh; min-height:740px; overflow:hidden;}
.landing h1 {margin-top: 180px; margin-left:.9375rem; margin-right:.9375rem;}
.landing header, .landing h1 {z-index:999; position:relative;}
.cm-landing-slider {position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background:black;}
.cm-landing-slider img {opacity: .7;}
.cm-landing-slider .orbit-bullets {position:absolute; bottom:0; right:150px;}
.header-photo-wrap .orbit {position:absolute; z-index:1; width:100%; opacity:.8}
.header-photo-wrap .landing {}
.header-photo {height:100vh; background-position:center; background-attachment:fixed; background-size:cover; }
.amenities-right {background:url('/_assets/img/RVPark_In_Washington_LA.jpg'); background-size:cover; background-position:center center}
#about {background-color:var(--dark-color); }
.about-right {background: url('/_assets/img/Washington-Louisiana-Campground.jpg'); background-size:cover; background-color:var(--dark-color); position:relative;}
.about-right:after {content:""; position:absolute; background-color:var(--lt-color); top:0; right:-330px; height:100%; width:60%;}
.attractions {position:relative; }
.attractions h2 {font-size:80px; position:absolute; bottom:0; left:0; right:0; bottom:-38px; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:0; z-index:31;letter-spacing:0}


/* Map */
#contactmap {border:0; mix-blend-mode: luminosity; width:100% !important; height: 100% !important;}
#contactmap-pg {border:0; mix-blend-mode: luminosity; width:100% !important; }
#map {height: 100%;}
.gm-style .gm-style-iw-c {background-color:var(--bg-color);}
.gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece {background:none;}
.gm-style .gm-style-iw-t::after {background: linear-gradient(45deg,rgba(6, 46, 121 ,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%);}
.gm-ui-hover-effect img {color:white !important; display:none;}
.mapWindow {max-width:200px; font-weight:lighter !important;}
.mapWindow p {color:var(--link-color);}
.mapWindow .h5 a {text-transform:uppercase; letter-spacing:0.3px; margin-bottom:0; font-size:16px; font-style:normal !important; font-weight:bold;}
.mapWindow a {font-style:italic; font-size:12px;}
.map {background-color:var(--bg-color);}

/* =======================
Menus
======================= */
/* MAIN MENU */
.main_menu ul {align-items:center;}
.main_menu i:hover {color:var(--hover-color) !important;}
.main_menu a {width:100%}
.main_menu .submenu a:hover {background:rgba(0,0,0,.03)}
/* Padding & Spacing & Width */
.main_menu .dropdown.menu > li.opens-right > .is-dropdown-submenu, .main_menu .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {padding:8px}
.main_menu > .dropdown.menu > li > a {color:#ffffff;}
.main_menu .dropdown.menu a {padding: .4rem .8rem; font-weight:bold; text-transform: uppercase; font-size:20px; }
.main_menu .dropdown.menu a:hover {color:var(--hover-color)}
.main_menu .dropdown.menu ul a {padding: .4rem 1rem; text-transform:capitalize; text-align:left;}
.main_menu .is-dropdown-submenu {min-width: 230px;}
/* Dropdown - Arrow after menu item */
.main_menu .dropdown.menu > li.is-dropdown-submenu-parent > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0;transform: rotate(-135deg); top:.5em; right: 0.55em;}
.main_menu .dropdown.menu.align-right .is-dropdown-submenu.first-sub {left:0;}
.main_menu .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after  {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
.main_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0; border-bottom-style:solid; border-bottom-width:0; transform: rotate(135deg); top:1em; right: 0.55em;}
.main_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
/* Dropdown - Menu slide up */
.main_menu .dropdown.menu > li > ul.is-dropdown-submenu { margin-top:10px;  transform: translateY(30px); display:block; visibility: hidden; opacity:0; transition: all 0.2s ease 0s; }
.main_menu .dropdown.menu > li > ul.is-dropdown-submenu.js-dropdown-active {transform: translateY(0); opacity:100; visibility: visible;}
/* Use .top-align-right to only align the top level right */
.top-align-right {-ms-flex-pack: end; justify-content: flex-end;}
.top-align-right.menu li {display: -ms-flexbox;	display: flex;	-ms-flex-pack: end;	justify-content: flex-end;}


/* SMALL MENU */
.small_menu {padding:30px 0 0 20px;}
.small_menu > ul > li {margin-bottom:12px}
.small_menu > ul > li > a {background-color: var(--lt-color); padding:3px 8px; display:block; text-transform:uppercase; font-size:18px; color:var(--dark-color); font-weight:bold;}

.small_menu > ul > li > ul > li > a {text-decoration:underline; color:var(--lt-color); fontsize:18px; padding:3px 8px}


/* ======================
Foundation Overrides
======================= */
/* Accordion styling */
.accordion-title {font-size: 18px; font-weight:bold; letter-spacing:2px; color:#c8d7e2}
.off-canvas {background:var(--bg-color);}
.orbit-bullets button {width:20px; height:20px; padding:0.8em 0.8em; margin:0.5rem 0.8rem; background-color:var(--heading-color);}
.orbit-bullets button.is-active {background-color:var(--hover-color);}

/* =======================
Footer
======================= */
.copyright-div p {font-size:13px;}
.copyright-wrap {background-color:var(--bg-color);}
.copyright-div {color:#ffffff; letter-spacing:3px; text-transform:uppercase; font-weight:bold; background-color:var(--bg-color);}
.copyright-div a {color:#ffffff; }
.copyright-div a:hover {color:var(--lt-color);}

/* ======================
Forms
====================== */
form > h2 {margin-top:0; padding-top:1em;}
form input[type="submit"] {margin-top:.7em}
table tbody {background-color:#aaaaaa; border:0px solid transparent;}

/* ======================
Lists
====================== */
.no-bullets {margin:0 !important;}
.no-bullets li {list-style:none; text-transform:capitalize;}

/* =======================f
Positioning
======================= */
.relative {position:relative}
.absolute {position:absolute}
.block {display:block}
.inline-block {display:inline-block}
.left {float:left;}
.right {float:right}

/* Bullets */
ul.fa-bullets, ul.fa-bullet {margin-left:1.7rem; }
ul.fa-bullet li, ul.fa-bullets li {text-indent:-1.7em; list-style:none;width:100%; line-height:1.2; margin-bottom:.6em; margin-top:.2em}
ul.checkmarks li::before { font-family:"Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; padding-right:.7em; color:#c8d7e2}
ul.playcircle li::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f144'; padding-right:.7em; color:#c8d7e2}

/* =======================
Spacing & Borders
======================= */
hr {border-color: var(--shade-color); border-image: none; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; width:100%;}

.padding{padding:30px}.padding-top{padding-top:30px}.padding-right{padding-right:30px}.padding-bottom{padding-bottom:30px}.padding-left{padding-left:30px}.padding-top-bottom{padding-top:30px;padding-bottom:30px}.padding-left-right{padding-left:30px;padding-right:30px}.padding-none{padding:0}.padding-tiny{padding:6px}.padding-top-tiny{padding-top:6px}.padding-right-tiny{padding-right:6px}.padding-bottom-tiny{padding-bottom:6px}.padding-left-tiny{padding-left:6px}.padding-top-bottom-tiny{padding-top:6px;padding-bottom:6px}.padding-left-right-tiny{padding-left:6px;padding-right:6px}.padding-small{padding:15px}.padding-top-small{padding-top:15px}.padding-right-small{padding-right:15px}.padding-bottom-small{padding-bottom:15px}.padding-left-small{padding-left:15px}.padding-top-bottom-small{padding-top:15px;padding-bottom:15px}.padding-left-right-small{padding-left:15px;padding-right:15px}.padding-large{padding:60px}.padding-top-large{padding-top:60px}.padding-right-large{padding-right:60px}.padding-bottom-large{padding-bottom:60px}.padding-left-large{padding-left:60px}.padding-top-bottom-large{padding-top:60px;padding-bottom:60px}.padding-left-right-large{padding-left:60px;padding-right:60px}.padding-mini{margin:3px}.padding-top-mini{margin-top:3px}.padding-right-mini{margin-right:3px}.padding-bottom-mini{margin-bottom:3px}.padding-left-mini{margin-left:3px}.padding-top-bottom-mini{margin-top:3px;margin-bottom:3px}.padding-left-right-mini{margin-left:3px;margin-right:3px}.padding-none{margin:0}.padding-top-none{padding-top:0}.padding-right-none{margin-right:0}.padding-bottom-none{margin-bottom:0}.padding-left-none{padding-left:0}.padding-top-bottom-none{margin-top:0;margin-bottom:0}.padding-left-right-none{margin-left:0;margin-right:0}.margin{margin:30px}.margin-top{margin-top:30px}.margin-right{margin-right:30px}.margin-bottom{margin-bottom:30px}.margin-left{margin-left:30px}.margin-top-bottom{margin-top:30px;margin-bottom:30px}.margin-left-right{margin-left:30px;margin-right:30px}.margin-tiny{margin:3px}.margin-top-tiny{margin-top:3px}.margin-right-tiny{margin-right:3px}.margin-bottom-tiny{margin-bottom:3px}.margin-left-tiny{margin-left:3px}.margin-top-bottom-tiny{margin-top:3px;margin-bottom:3px}.margin-left-right-tiny{margin-left:3px;margin-right:3px}.margin-small{margin:15px}.margin-top-small{margin-top:15px}.margin-right-small{margin-right:15px}.margin-bottom-small{margin-bottom:15px}.margin-left-small{margin-left:15px}.margin-top-bottom-small{margin-top:15px;margin-bottom:15px}.margin-left-right-small{margin-left:15px;margin-right:15px}.margin-large{margin:60px}.margin-top-large{margin-top:60px}.margin-right-large{margin-right:60px}.margin-bottom-large{margin-bottom:60px}.margin-left-large{margin-left:60px}.margin-top-bottom-large{margin-top:60px;margin-bottom:60px}.margin-left-right-large{margin-left:60px;margin-right:60px}.margin-mini{margin:3px}.margin-top-mini{margin-top:3px}.margin-right-mini{margin-right:3px}.margin-bottom-mini{margin-bottom:3px}.margin-left-mini{margin-left:3px}.margin-top-bottom-mini{margin-top:3px;margin-bottom:3px}.margin-left-right-mini{margin-left:3px;margin-right:3px}.margin-none{margin:0}.margin-top-none{margin-top:0}.margin-right-none{margin-right:0}.margin-bottom-none{margin-bottom:0}.margin-left-none{margin-left:0}.margin-top-bottom-none{margin-top:0;margin-bottom:0}.margin-left-right-none{margin-left:0;margin-right:0}.border{border:1px solid var(--lt-color)}.border-top{border-top:1px solid var(--lt-color)}.border-left{border-left:1px solid var(--lt-color)}.border-right{border-right:1px solid var(--lt-color)}.border-bottom{border-bottom:1px solid var(--lt-color)}.border-none{border:none}


/* =======================
Preventing FUOC
======================== */
.hide-on-load{
  display:none;
}
/* =======================
Small Screens
======================== */

@media only screen and (max-width: 1488px) {
    
}

@media only screen and (max-width: 1140px) {
    #orbit-container {height:auto !important;}

}

@media only screen and (max-width: 1024px) {
    .small-margin-top {margin-top:30px}
    .small-margin-bottom {margin-bottom:30px}
    .small-margin-left {margin-left:30px}
    .small-margin-right {margin-right:30px}
    .small-margin {margin:30px;}
    .small-padding {padding:30px;}
    .small-padding-top {padding-top:30px;}
    .small-padding-top-small {padding-top:15px;}
    .small-padding-right {padding-right:30px;}
    .small-padding-bottom {padding-bottom:30px;}
    .small-padding-left {padding-left:30px;}
    .small-text-center {text-align:center}
    .small-padding-small {padding:15px}
    .small-padding-none {padding:0;}
    h1 {font-size:40px}
    .landing h1 {margin-top: 100px; text-align:center}
    .small-bg-white {background:#ffffff}
    .fontsize-60 {font-size:40px}
    .attractions h2 {position:relative; font-size:40px; color: var(--color-dark); bottom:0; margin:30px 20px 20px}
    .default h1 {font-size: 30px;}
    .default h2 {font-size:30px}
}

@media only screen and (max-width: 640px) {

}