@charset "utf-8";  

/*
	Theme Name: Edenhope Lakeside Tourist Park.
	Theme URI: 
	Description: Custom responsive theme for Edenhope Lakeside Tourist Park.
	Version: 1.0
	Author: Studio 84 Design
	Author URI: https://studio84design.com.au/
	Tags: Responsive

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    EDITS
\*------------------------------------*/

:root {
	--main-color:hsl(206, 100%, 21%); /* dark blue */
	--main-color-lighter:hsla(206, 100%, 21%, 0.85); /* dark blue */
	--first-accent-color:hsl(201, 74%, 42%); /* blue */
	--second-accent-color:hsl(204, 100%, 28%); /* medium blue */
	/*--third-accent-color:hsl(201, 74%, 58%);  light blue */
	--third-accent-color:hsl(10, 96%, 60%); /* salmon */
	--text-color:hsl(0, 0%, 27%); /* default- dark grey */
}
::selection {
	background:hsl(186, 98%, 40%);
	color:white;
	text-shadow:none;
}
/* logo */
.logo {
	flex:0 0 auto;
}
.logo-img {
	width:16rem;
	height:4.3rem;
	margin:1.9rem 1rem 0 0;
}
.shrink .logo-img {
	width:13rem;
	height:auto;
    margin:1.2rem 0 0;
}
/* cta */
.nav-cta {
	display:none;
	margin:2.8rem 0 0 1rem;
	text-align:right;
}
@media only screen and (min-width:30em) { /* 480px */
	.logo-img {
		width:24rem;
		height:6.4rem;
		margin:1.7rem 1rem 0 0;
	}
	.shrink .logo-img {
		width:16rem;
		height:auto;
		margin-top:1rem;
	}
}


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

/* global box-sizing */
*,
*::after,
*::before {
	box-sizing:border-box;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	scroll-behavior:smooth;
}
body {
	font:400 1.6rem/1.4 'Lato', sans-serif;
	color:var(--text-color);
	background:hsl(30, 25%, 98%);
}

img {
	max-width:100%;
	vertical-align:bottom;
}
fieldset {
    border:0;
    margin:0;
    padding:0;
}
a {
	color:var(--first-accent-color);
	text-decoration:none;
}
a:hover {
	color:var(--third-accent-color);
}
a:focus,
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:.1rem solid hsl(192, 96%, 41%);
}
/* anchor link scroll fix for fixed header */
:target:before {
	content:"";
	display:block;
	height:13rem; /* fixed header height*/
	margin:-13rem 0 0; /* negative fixed header height */
}


/*------------------------------------*\
    EXTRAS
\*------------------------------------*/

.video {
	width:90%;
	max-width:76rem;
	margin:0 auto;
}
.video iframe {
	width:100%;
	height:auto;
	border-radius:1rem;
	aspect-ratio:16 / 9;
}


/*------------------------------------*\
    UNIVERSIAL
\*------------------------------------*/

.accent-color {
	/*color:hsl(198, 94%, 80%);*/
	color:var(--third-accent-color);
}
.about-header-holder {
	background:var(--main-color);
}
.button, 
.button-2, 
.button-3, 
.pip-nav ul li a {
	display:inline-block;
	padding:1rem 3rem 1.2rem;
	border-radius:3rem;
	font:700 1.7rem/1.4 'Lato', sans-serif;
	letter-spacing:.04rem;
	color:white;
	background:var(--third-accent-color);
}
.button-2 {
	background:var(--first-accent-color);
}
.button-3 {
	display:inline-block;
	background:var(--second-accent-color);
	margin-top:1.5rem;
}
.button:hover, 
.pip-nav ul li a:hover {
	color:white;
	background:var(--first-accent-color);
	cursor:pointer;
}
.button-2:hover {
	color:white;
	background:var(--third-accent-color);
}
.button-3:hover {
	color:white;
	background:var(--first-accent-color);
}
main .top-margin-minus-40 {
	margin-top:-4rem;
}
main .top-margin-minus-25 {
	margin-top:-2.5rem;
}
main .top-margin-minus-10 {
	margin-top:-1rem;
}
main .top-margin-plus-20 {
    margin-top:2rem;
}
.rotate-pic-plus-1 {
	transform:rotate(1deg);
}
.rotate-pic-plus-3 {
	transform:rotate(3deg);
}
.rotate-pic-minus-2 {
	transform:rotate(2deg);
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1 {
	font:700 3.6rem/1.2 'Lato', sans-serif;
	color:var(--text-color);
	max-width:80rem;
    margin:3rem auto;
}
h2 {
	font:700 2.8rem/1.2 'Lato', sans-serif;
	color:var(--first-accent-color);
}
h3 {
	font:700 2.2rem/1.2 'Lato', sans-serif;
	color:var(--second-accent-color);
	margin-top:1rem;
}
h4 {
	font:700 1.8rem/1.4 'Lato', sans-serif;
	color:var(--text-color);
}
h6 {
	font:400 1.6rem/1.4 'Lato', sans-serif;
	color:var(--text-color);
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	display:flex;
	flex-direction:column;
	width:100%;
	margin:0;
	position:relative;
	min-height:100vh;
}
/* header */
.header {
	width:100%;
}
.header-top {
	width:100%;
	height:8rem;
	background:white;
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.1);
	position:fixed;
	z-index:99;
}
.header-inner {
	width:100%;
	max-width:140rem;
	height:8rem;
	display:grid;
	padding:0 2rem;
	margin:0 auto;
}
/* header scroll shrink */
.header-top, 
.header-inner, 
.nav-cta, 
.logo, 
.logo-img, 
nav, 
.mega-toggle-block, 
.mobile-nav ul {
 	transition:all 0.3s ease;
}
.shrink .header-top, 
.shrink .header-inner {
 	height:6rem;
}
.shrink .mobile-nav label,
.shrink .mobile-nav input[type="checkbox"]:checked + label {
	top:1.8rem;
}
.shrink .mobile-nav ul {
	margin-top:6rem;
}
.shrink .nav {
	margin:.4rem 0 0;
}
.shrink .nav-cta {
	margin:1rem 0 0;
}
/* nav */
.nav {
	grid-column:2;
	margin:2.2rem 0 0;
	text-align:center;
	display:none;
}
.nav ul {
	padding:0;
	list-style:none;
}
.nav ul li {
	display:inline-block;
	margin:0 2.5rem 0 0;
}
.nav ul li:last-of-type {
	margin-right:0;
}
.nav ul li a {
	color:hsl(0, 0%, 40%);
	padding:.8rem 0;
	letter-spacing:.02rem;
    background-image:linear-gradient(var(--first-accent-color), var(--first-accent-color)), linear-gradient(transparent, transparent);
    background-size:0 .3rem, auto;
    background-repeat:no-repeat;
    background-position:center bottom;
    transition:all .2s ease-out;
}
.nav ul li a:hover {
	color:var(--first-accent-color);
	background-size:100% .3rem, auto;
}
.nav ul li.current_page_item a {
	color:var(--first-accent-color);
	fill:var(--first-accent-color);
}
.nav-home-btn {
	display:none;
	vertical-align:text-bottom;
}
/* nav drop down */
.nav ul li.menu-item-has-children:after {
	display:inline-block;
	content:'';
	background:url(img/icons/menu-arrow-icon.svg) center no-repeat;
	width:1.2rem;
	height:1.2rem;
	margin-left:.3rem;
	vertical-align:middle;
}
.nav ul li ul.sub-menu {
	position:absolute;
	display:none;
	min-width:18rem;
	background:white;
	border-radius:.5rem;
	box-shadow:0 .5rem 1rem hsla(0, 0%, 0%, .25);
	margin-top:1rem;
	overflow:hidden;
	visibility:hidden;
	z-index:99;
}
.nav ul li ul.sub-menu li {
	display:block;
	text-align:left;
	margin:0;
}
.nav ul li ul.sub-menu li a {
	display:block;
	text-align:left;
	padding:1rem 2rem;
}
.nav ul li ul.sub-menu li a:hover {
	color:var(--text-colour);
	background:hsl(0, 0%, 85%);
}
.nav ul li:hover {
	padding-bottom:1rem;
}
.nav ul li ul li:hover {
	padding-bottom:0;
}
.nav ul li:hover ul.sub-menu {
	display:block;
	visibility:visible;
}
/* mobile menu button */
.mobile-nav {
	width:100%;
	background:none;
	height:7rem;
	position:absolute;
	right:0;
}
.mobile-nav label {
	background:none transparent;
	border:.4rem solid var(--text-color);
	border-left:0 solid transparent;
	border-right:0 solid transparent;
	cursor:pointer;
	display:block;
	height:2.4rem;
	position:absolute;
	top:2.8rem;
	right:2.5rem;
	width:3rem;
	color:transparent;
	transition:all .3s ease;
}
.mobile-nav label::before {
	background:var(--text-color);
	content:'';
	height:.4rem;
	left:0;
	position:absolute;
	top:.6rem;
	width:3rem;
	transition:all .3s ease;
}
.mobile-nav label::after {
	background:var(--text-color);
	content:'';
	height:.4rem;
	left:0;
	position:absolute;
	top:.5rem;
	opacity:0;
	visibility:hidden;
	width:100%;
	transform:rotate(90deg);
	transition:all .3s ease;
}
.mobile-nav input[type="checkbox"] {
	position:absolute;
	opacity:0;
	visibility:hidden;
}
.mobile-nav input[type="checkbox"]:checked + label {
	border:.1rem solid white;
	border-radius:50%;
	height:3rem;
	top:2.8rem;
	right:2.5rem;
	width:3rem;
	transform:rotate(-135deg);
}
.mobile-nav input[type="checkbox"]:checked + label::before {
	background:var(--text-color);
	top:1.6rem;
	left:.2rem;
	width:3rem;
}
.mobile-nav input[type="checkbox"]:checked + label::after {
	background:var(--text-color);
	opacity:1;
	top:1.6rem;
	left:.2rem;
	visibility:visible;
	width:3rem;
}
.mobile-nav input[type="checkbox"]:checked + label:hover {
	border-color:white;
}
.mobile-nav input[type="checkbox"]:checked + label:hover::before,
input[type="checkbox"]:checked + label:hover::after {
	background:var(--text-color);
}
/* mobile menu */
.mobile-nav ul {
	position:absolute;
    width:100%;
	opacity:0;
	visibility:hidden;
	height:100vh;
	background:var(--main-color-lighter);
	backdrop-filter:blur(1rem);
	list-style:none;
    text-align:center;
	padding:1rem 5% 0;
	margin-top:8rem;
}
.mobile-nav ul li a {
	display:block;
	max-width:40rem;
	padding:.8rem 2rem 1.2rem;
	font-size:2rem;
	color:white;
	text-shadow:.1rem .1rem .5rem var(--text-color);
	border-radius:3rem;
	transition:all 0.0s;
	margin:.8rem auto;
}
.mobile-nav ul li.current_page_item a {
	background:var(--second-accent-color);
}
.mobile-nav ul li a:hover {
	display:block;
	background:var(--first-accent-color);
}
.mobile-nav input[type="checkbox"]:checked ~ ul {
	opacity:1;
	visibility:visible;
}
.mobile-nav input[type="checkbox"]:checked ~ ul li {
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
/* content */
main {
	flex:1;
}
/* sidebar */
.sidebar {
	display:none;
}
/* footer */
.footer {
	width:100%;
	background:var(--second-accent-color);
	color:white;
	padding-top:2rem;
}
.footer a {
	color:white;
}
.footer a:hover {
	text-decoration:underline;
}
.footer-inner {
	width:90%;
	max-width:110rem;
	margin:0 auto;
	padding:1.5rem 0;
}
.footer-inner strong.park-name {
	display:block;
	font:700 1.8rem/1.4 'Lato', sans-serif;
	color:white;
	text-align:center;
	margin:0 0 4rem;
}
.footer-inner ul {
	width:90%;
	max-width:36.4rem;
	padding:0 1.5rem;
	display:inline-block;
	margin:0 auto 2rem;
	vertical-align:top;
}
.footer-inner ul li {
	list-style:none;
	margin-bottom:.4rem;
}
.footer-bottom {
	width:100%;
	background:var(--main-color);
	text-align:center;
	text-shadow:.1rem .1rem .2rem hsla(0, 0%, 19%, 0.2);
	margin-top:2rem;
}
.footer-bottom .copyright a {
	display:block;
	width:18rem;
	color:hsl(0, 100%, 100%);
    background:var(--first-accent-color);
    padding:.5rem 2rem .7rem;
    border-radius:2rem;
    margin:1rem auto 0;
}
.footer-bottom .copyright a:hover {
	color:hsl(0, 100%, 100%);
    background:var(--second-accent-color);
}
.footer-bottom .copyright a.kui {
    background:hsl(358, 70%, 40%);
}
.footer-bottom .copyright a.kui:hover {
    background:hsl(358, 70%, 30%);
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.page-title {
	display:none;
}
.body-text {
	max-width:90%;
	width:80rem;
	margin:0 auto;
}
.body-picture, 
.body-picture-2 {
	text-align:center;
}

/* home */
.home-slider,
.home-slider-holder .fl-builder-shape-wavy{
	margin-top:6rem;
}
.home-slider {
	height:auto;
	margin-bottom:2rem;
	overflow:hidden;
}
.home-slider ul {
	padding:0;
}
.home-slider img {
	width:100%;
}
.home-slider h1 {
	font-size:4rem !important;
	line-height:1em !important;
    margin-bottom:1rem !important;
}
.home-slider h2 {
	font-size:2rem !important;
    margin:-1rem 0 0 !important;
}
.home-description {
	max-width:90%;
	width:80rem;
	font:400 1.8rem/1.4 'Lato', sans-serif;
	margin:-2rem auto;
}
.home-description h1 {
	color:var(--second-accent-color);
}
.box-holder {
	margin:3rem auto;
}
.box-holder .fl-col-content {
    display:block;
}
.home-page-btn-holder ul {
	display:grid;
	column-gap:1rem;
	row-gap:1rem;
	width:90%;
	padding:0;
	margin:0 auto;
}
.home-page-btn-holder ul li {
    list-style:none;
}
.home-page-btn {
	display:block;
	width:100%;
	height:13.6rem;
	background:hsl(360, 100%, 100%);
	text-align:center;
	padding-top:2rem;
	border-radius:1.5rem;
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.1);
	background:hsl(360, 100%, 100%);
	transition:box-shadow 0.4s ease;
}
.home-page-btn:hover {
	border-bottom:.3rem solid var(--third-accent-color);
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.25);
}
.home-page-btn h3 {
	color:var(--first-accent-color);
	font-size:2.2rem;
}
.box-3-row {
	max-width:34.5rem;
	width:90%;
	position:relative;
	border-radius:1.5rem;
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.1);
	background:hsl(360, 100%, 100%);
	margin:0 auto 1rem;
	transition:box-shadow 0.4s ease;
}
.box-3-row > div {
    background-size:auto 22.9rem !important;
}
.box-3-row:hover {
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.25);
}
.box-3-row img {
	height:auto;
	margin:-1.6rem 0 0;
	border-radius:1.5rem 1.5rem 0 0;
}
.box-3-row h3 {
	margin:0 2rem;
	font-size:2.2rem;
}
.box-3-row h4 {
	display:inline-block;
	height:auto;
	font:400 1.6rem/1.4 'Lato', sans-serif;
	margin:1rem 2rem -1rem;
	overflow:hidden;
}
.box-3-row .button, 
.box-3-row .button-2 {
	display:block;
	width:16rem;
	text-align:center;
	margin:2.5rem auto 0;
}
.box-3-row-inner {
	margin-top:24rem;
}
.box-3-row.ext h3 {
	line-height:2.8rem;
    margin-top:-0.3rem;
}
.box-3-row.ext h4 {
	height:auto;
}
.box-3-row.ext h4:after {
	bottom:3.8rem;
}
.box-3-row.ext a.button-2 {
	margin-top:-.2rem;
}
.logo-holder {
	text-align:center;
}
.logo-holder img {
	max-width:90%;
    height:auto;
	margin:0 5% 2rem;
}

/* reviews */
.home-reviews {
	font-size:1.8rem;
	text-align:center;
}
.home-reviews .glsr-minimal .glsr-review-date {
    display:none !important;
}
.home-reviews .glsr-minimal .glsr-review-author span {
	margin-left:0;
}
.home-reviews img {
	width:8rem;
	height:8rem;
	display:block;
	border-radius:4rem;
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.1);
}
.home-reviews h3 {
	margin:0;
	font:700 1.8rem/1.2 'Lato', sans-serif;
	color:var(--text-color);
}
.home-reviews .glsr-minimal .glsr-review-author {
    font-style:italic;
    font-size:1.5rem;
    color:hsl(0, 0%, 45%);
}
.home-reviews .glsr-minimal .glsr-review-rating, 
.home-reviews .glsr-review-author {
    margin:0 auto;
}
.home-reviews .glsr-minimal .glsr-review-author span {
	margin-left:0;
}
.home-reviews .glsr-review-response {
    grid-column:2;
    margin-bottom:1rem;
}
form.glsr-form [type=submit] {
	border:none;
	background:var(--second-accent-color);
    font-weight:bold;
    padding:1rem 3rem 1.2rem;
}
form.glsr-form input, 
form.glsr-form textarea {
	padding:1rem 1.5rem !important;
	font-size:1.8rem !important;
	color:var(--text-color);
	border:.1rem solid hsl(0, 0%, 85%) !important;
	border-radius:.8rem !important;
	background:hsl(0, 0%, 100%);
	margin-bottom:.5rem !important;
}
form.glsr-form label {
	margin-bottom:1rem;
    font-weight:700;
    font-size:1.6rem;
    color:hsl(0, 0%, 50%);
    margin-bottom:.5rem !important;
}
form.glsr-form .glsr-required label span::after {
	font-size:3rem;
    line-height:1.2rem;
    vertical-align:bottom;
	margin-left:.5rem;
}
form.glsr-form .glsr-field-choice label {
	margin-left:2rem !important;
}
form.glsr-form input[type="checkbox"] {
	width:3.5rem !important;
    height:2rem !important;
}
.glsr-minimal form.glsr-form .glsr-recaptcha-holder {
    margin-top:0 !important;
}
.glsr-minimal form.glsr-form .glsr-field-toggle .glsr-toggle-switch {
    width:4rem;
    height:4rem;
	margin-bottom:1rem;
}
.glsr-minimal form.glsr-form .glsr-field-toggle input[type=checkbox]+.glsr-toggle-track {
    transform:scale(1.5);
    margin:0 0 0 1.1rem;
}
.glsr-minimal form.glsr-form .glsr-form-success {
	display:block;
    position:absolute;
    width:calc(100% + 5rem);
    height:calc(100% + 5rem);
    top:-2.5rem;
    left:-2.5rem;
    padding:50% 2rem;
    font-size:2.2rem;
    text-align:center;
    color:hsl(151, 100%, 26%);
    background:hsl(150, 29%, 91%);
    border:.2rem solid hsl(151, 100%, 26%);
    border-radius:2rem;
}

/* social banner */
.social-banner {
	text-align:center;
	color:white;
	background:var(--main-color);
	text-shadow:.1rem .1rem .2rem hsla(0, 0%, 19%, 0.2);
}
.social-banner .fl-col-content {
    display:block;
}
.social-banner h2 {
	padding:0 5%;
}
.social-banner-icon {
	width:6rem;
	display:inline-block;
}
.social-banner-icon img {
	transition:transform 0.2s ease;
}
.social-banner-icon img:hover {
	transform:scale(1.15);
}

/* kui banner */
.kui-banner-holder {
	background:hsl(360, 100%, 100%);
	border-top:.3rem solid hsl(358, 70%, 40%);
	border-bottom:.3rem solid hsl(358, 70%, 40%);
}
.kui-banner {
	max-width:80rem;
	padding:0 5%;
	margin:0 auto;
	font-size:1.6rem;
	text-align:center;
}
.kui-banner img {
    margin:0 auto;
}
.kui-banner h2 {
    color:hsl(358, 70%, 40%);
	margin:0 auto 2rem;
}
.kui-cta-button {
	display:inline-block;
	background:hsl(358, 70%, 40%);
	color:hsl(360, 100%, 100%);;
	margin-top:1rem;
}
.kui-cta-button:hover {
	background:hsl(105, 46%, 51%);
	color:hsl(360, 100%, 100%);;
}

/* header */
.about-header-holder {
	width:100%;
    padding-top:6rem;
	font:400 1.8rem/1.4 'Lato', sans-serif;
}
.header-text, 
.about-header-text {
	width:90%;
	margin:0 auto;
	text-shadow:.1rem .1rem .2rem hsla(0, 0%, 19%, 0.4);
}
.header-text {
	max-width:78rem;
	margin:-2rem auto 2rem;
}
.about-header-text {
	max-width:110rem;
	margin:-5rem auto 4rem;
}
.about-header-img img {
	display:block;
	height:auto;
	border-radius:10rem;
	box-shadow:0 0 .5rem hsla(0, 0%, 0%, 0.1);
	margin:0 auto;
}
.header-text, 
.header-text h1, 
.about-header-text, 
.about-header-text h1 {
	color:white;
	text-align:center;
}
.home-slider-holder .fl-builder-shape-layer.fl-builder-bottom-edge-layer svg {
	height:3rem;
}
.fl-builder-shape-layer.fl-builder-bottom-edge-layer {
	z-index:99;
}
.fl-builder-shape-layer.fl-builder-bottom-edge-layer svg {
	width:200%;
    margin:0 0 0 -25%;
}
.park-info-header h1::before, 
.things-to-do-header h1::before, 
.accommodation-header h1::before, 
.rates-header h1::before, 
.about-us-header h1::before, 
.contact-header h1::before, 
.faq-header h1::before {
	content:'';
	display:inline-block;
	width:4rem;
	height:4.5rem;
	vertical-align:text-bottom;
	margin-right:1.2rem;
}
.park-info-header h1::before {
	background:url(img/icons/icon-home-park-info.svg) center no-repeat;
	background-size:3.5rem;
}
.things-to-do-header h1::before {
	background:url(img/icons/icon-home-things-to-do.svg) center no-repeat;
	background-size:5rem;
	width:5rem;
}
.accommodation-header h1::before {
	background:url(img/icons/icon-home-accommodation.svg) center no-repeat;
	background-size:5rem;
	width:5rem;
}
.rates-header h1::before {
	background:url(img/icons/icon-home-rates.svg) center no-repeat;
	background-size:3.5rem;
}
.about-us-header h1::before {
	background:url(img/icons/icon-home-about-us.svg) center no-repeat;
	background-size:3.5rem;
}
.contact-header h1::before {
	background:url(img/icons/icon-home-contact.svg) center no-repeat;
	background-size:3.5rem;
}
.faq-header h1::before {
	background:url(img/icons/icon-home-faq.svg) center no-repeat;
	background-size:3.5rem;
}
.fl-builder-shape-layer.fl-builder-bottom-edge-layer {
	z-index:9;
}

/* park info + things to do */
.in-page-btn-holder {
	width:90%;
	max-width:120rem;
	margin:2rem auto;
}
.in-page-btn-holder ul {
	padding:0;
	margin:0;
}
.in-page-btn-holder ul li {
    display:block;
}
.in-page-btn {
	display:block;
	width:100%;
	height:9rem;
	border-radius:1.5rem;
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.1);
	background:hsl(360, 100%, 100%);
	margin-bottom:1rem;
	transition:box-shadow 0.4s ease;
	text-align:center;
	padding-top:1.5rem;
}
.in-page-btn:hover {
	border-bottom:.3rem solid var(--third-accent-color);
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.25);
}
.in-page-btn p {
	font:700 2.2rem/1.2 'Lato', sans-serif;
	color:hsl(0, 0%, 40%);
	font-size:1.8rem;
	margin-top:1rem;
}
.park-info-holder, 
.things-holder {
	width:90%;
	max-width:80rem;
	margin:0 auto;
}
.park-info-title, 
.things-title {
    margin-bottom:2rem;
}
.things-title svg {
	fill:var(--first-accent-color);
	margin-right:1rem;
}
.park-info-title h3, 
.things-title h3 {
	margin-bottom:0;
}
.park-info-item {
	padding:0 1rem 0 4.6rem;
	margin:-6rem 0 3rem;
}
.things-item {
	padding:0 1rem;
	text-align:left;
	margin:-4rem 0 3rem;
}
.park-info-item h4, 
.things-item h4 {
	margin:3rem 0 -1rem;
    font-size:1.8rem;
	color:var(--first-accent-color);
}
.park-info-item ul, 
.park-info-item ol, 
.things-item ul, 
.things-item ol {
	padding-left:2rem;
}
.park-info-item ol, 
.things-item ol {
	padding-left:3rem;
}
.park-info-item li, 
.things-item li {
	margin-top:.7rem;
}
.park-info-item .button {
	margin-top:4rem;
}
.things-item .button {
	margin-top:0;
}

/* accommodation */
.accommodation-icon-list, 
.facilities-icon-list, 
.things-to-do-icon-list {
	max-width:90%;
	width:80rem;
	margin:0 auto;
	text-align:center;
}
.accommodation-icon-list {
	width:108rem;
}
.accommodation-icon-list p {
	display:inline-block;
	width:11rem;
	margin:0 .5rem;
	vertical-align:top;
}
.accommodation-icon-list svg {
	width:6.5rem;
	fill:var(--first-accent-color);
}
.accommodation-icon {
	display:block;
	width:100%;
	border-radius:1.5rem;
	border-bottom:.3rem solid hsl(30, 20%, 98%);
	transition:box-shadow 0.4s ease;
	padding:.8rem 1rem 1rem;
}
.accommodation-icon:hover {
	background:white;
	border-bottom:.3rem solid var(--third-accent-color);
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.25);
}
.accommodation-box {
	width:90%;
	margin:0 auto;
}
.accommodation-box ul {
	padding-left:2rem;
	column-count:1;
}
.accommodation-box ul li {
	list-style-type:none;
	padding:.4rem 2rem .4rem 3rem;
	background:url(img/list-icon-circle-tick.svg) left .7rem no-repeat;
	background-size:1.6rem 1.6rem;
}

/* rates */
.rates-table {
	width:90%;
	max-width:60rem;
	margin:0 auto;
}
.rates-table .fl-col-content {
	display:grid;
	grid-template-columns:1fr 40%;
}
.rates-acc-col {
	grid-column:1;
	padding:0 1rem;
}
.rates-price-col {
	grid-column:2;
	padding:0 1rem;
}
.rates-labels {
	padding:.5rem 0;
	font-weight:700;
	font-size:1.4rem;
	text-transform:uppercase;
	background:hsl(0, 0%, 97%);
	border-top:.1rem solid hsl(0, 0%, 90%);
	border-bottom:.1rem solid hsl(0, 0%, 90%);
}
.rates-row {
	border-bottom:.1rem solid hsl(0, 0%, 90%);
	padding:0;
}
.rates-row:hover {
	background:hsl(218, 67%, 98%);
}
.terms-box {
	padding:0.5rem 1.5rem 1rem;
	background:hsl(53, 90%, 95%);
	border:.2rem solid hsl(53, 90%, 79%);
	border-radius:2rem;
}
.terms-box h4 {
	margin:0;
}
.terms-box ul {
	padding-left:.5rem;
}
.terms-box li {
	margin-bottom:.8rem;
}
.specials-box {
	font-size:1.8rem;
	color:var(--second-accent-color);
	font-weight:700;
	text-align:center;
}
.specials-box h2::before {
	display:inline-block;
	content:' ';
	background:url(img/icons/icon-specials.svg) center no-repeat;
	background-size:3.5rem;
	width:3.5rem;
	height:3.5rem;
	margin-right:1rem;
	vertical-align:bottom;
}

/* features list */
.features-list-holder {
	width:90%;
	max-width:120rem;
	margin:0 auto;
}
.features-list-item p {
	display:block;
	width:90%;
	min-height:2.8rem;
	float:left;
	margin:0 10% 1rem;
	text-align:left;
	text-indent:-3.5rem;
    padding-left:3.5rem;
}
.features-list-item svg {
	fill:var(--first-accent-color);
	width:2.4rem;
    margin-right:.8rem;
	vertical-align:bottom;
}
/* contact */
.contact-form {
	width:90%;
	max-width:60rem;
	margin:0 auto;
}
.contact-form label {
	width:100%;
	font-weight:700;
	margin:1rem 0 3rem;
}
.contact-form label span.required {
	color:var(--first-accent-color);
    font-size:2.6rem;
	line-height:1rem;
    vertical-align:middle;
}
.contact-form input[type=text], 
.contact-form input[type=tel], 
.contact-form input[type=email], 
.contact-form input[type=date],
.contact-form select, 
.contact-form textarea {
	grid-column:2;
	width:100%;
	height:5rem;
	padding:1rem 1.5rem 1.2rem;
	color:var(--text-color);
	border:.2rem solid hsl(360, 100%, 100%);
	border-radius:1.5rem;
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.1);
	background:hsl(360, 100%, 100%);
	transition:box-shadow 0.4s ease;
	margin:1rem 0;
}
.contact-form input[type=text]:hover, 
.contact-form input[type=tel]:hover, 
.contact-form input[type=email]:hover, 
.contact-form select:hover, 
.contact-form textarea:hover, 
.contact-form input[type=date]:hover {
	box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.25);
}
.contact-form .radios {
	font-weight:700;
}
.contact-form .radios p {
	display:flex;
}
.contact-form .radios label {
	font-weight:400;
}
.contact-form input[type=radio] {
	transform:scale(1.3);
    margin:0 1rem;
}
.contact-form .section-2 > span {
	display:block;
	margin:1rem 0 2.5rem;
}
.contact-form .section-2 label span {
	font-weight:400;
	margin-right:3rem;
}
.contact-form label.va {
    align-items:center;
}
.contact-form textarea {
    min-height:24rem;
}
.contact-form hr {
    margin:1rem 0 2rem;
}
.contact-form .section-5 span {
	font-weight:400;
}
.contact-form .section-5 .wpcf7-list-item {
	display:block;
	margin:1rem 1rem 0;
}
.contact-form input[type=submit] {
	width:100%;
	padding:1rem 3rem 1.2rem;
	font:700 1.7rem/1.4 'Lato', sans-serif;
	letter-spacing:.04rem;
	color:white;
	background:var(--first-accent-color);
	border:none;
	border-radius:3rem;
	margin:2rem 0 1rem;
}
.contact-form input[type=submit]:hover {
	color:hsl(360, 100%, 100%);
	background:var(--third-accent-color);
	border:none;
}
.wpcf7-not-valid-tip {
    font-size:1.4rem;
    font-weight:700;
    text-align:right;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
    border-radius:1.5rem;
    padding:1rem 2rem;
    font-weight:700;
	background:white;
	margin:1rem 0 3rem;
}
.wpcf7 form.invalid .wpcf7-response-output {
    border-color:hsl(0, 71%, 53%);
    color:hsl(0, 71%, 53%);
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color:hsl(125, 44%, 49%);
    color:hsl(125, 44%, 49%);
}
.wpcf7 form .wpcf7-response-output {
	border-color:hsl(194, 100%, 41%);
    color:hsl(194, 100%, 41%);
}
.contact-map iframe {
	height:40rem;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.body-picture img, 
.body-picture-2 img,
article.post img {
	border:1.5rem solid hsl(0, 100%, 100%);
	box-shadow:0 .2rem .5rem hsla(13, 21%, 25%, 0.1);
}
.body-picture img.alignnone,
.body-picture-2 img.alignnone {
	margin:0;
    height:auto;
}
article.post img {
	margin:1rem auto;
}
.body-picture img:nth-of-type(1) {
	transform:rotate(2deg);
}
.body-picture img:nth-of-type(2) {
	transform:rotate(-3deg);
}
.body-picture img:nth-of-type(3) {
	transform:rotate(-2deg);
}
.body-picture img:nth-of-type(5) {
	transform:rotate(-2deg);
}
.body-picture img:nth-of-type(6) {
	transform:rotate(1deg);
}
.body-picture-2 img:nth-of-type(1) {
	transform:rotate(-2deg);
}
.body-picture-2 img:nth-of-type(2) {
	transform:rotate(3deg);
}
.body-picture-2 img:nth-of-type(3) {
	transform:rotate(2deg);
}
.body-picture-2 img:nth-of-type(4) {
	transform:rotate(1deg);
}
.body-picture-2 img:nth-of-type(6) {
	transform:rotate(-1deg);
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:25.625em) { /* 410px */
	.box-3-row {
		height:39rem;
		margin-bottom:5rem;
	}
	.box-3-row h4 {
		height:7.2rem;
		margin:1rem 2rem -1.5rem;
	}
	.box-3-row h4:after {
		content:"";
		text-align:right;
		position:absolute;
		bottom:4.2rem;
		right:0;
		width:20%;
		height:2rem;
		background:linear-gradient(to right, hsla(360, 100%, 100%, 0), hsla(360, 100%, 100%, 1) 50%);
	}
	.box-3-row.ext h4 {
		height:5.2rem;
	}
}
@media only screen and (min-width:30em) { /* 480px */
	.header-top, 
	.header-inner {
		height:10rem;
	}
	.shrink .header-top, 
	.shrink .header-inner {
		height:6.5rem;
	}
	.shrink .mobile-nav label,
	.shrink .mobile-nav input[type="checkbox"]:checked + label {
		top:2.1rem;
	}
	.shrink .mobile-nav ul {
		margin-top:6.5rem;
	}
	.mobile-nav label,
	.mobile-nav input[type="checkbox"]:checked + label {
		top:3.8rem;
	}
	.mobile-nav ul {
		margin-top:10rem;
	}
	.home-slider-holder .fl-builder-shape-wavy,
	.home-slider {
		margin-top:8rem !important;
	}
	.home-page-btn-holder ul {
		grid-template-columns:repeat(2, 1fr);
	}
	.about-header-holder {
		padding-top:10rem;
	}
	.accommodation-box ul {
		column-count:2;
	}
	.in-page-btn-holder ul {
		display:grid;
		grid-template-columns:repeat(2, 1fr);
		column-gap:1rem;
	}
	.rates-labels {
		padding:.5rem 1rem;
	}
	.rates-row {
		padding:0 1rem;
	}
	.contact-form label.section-3 {
		display:inline-block;
		float:left;
    	width:45%;
		margin:1rem 0 2rem;
	}
	.contact-form label.section-3.left {
		margin-right:10%;
	}
	.body-picture img.alignnone,
	.body-picture-2 img.alignnone {
		box-sizing:content-box;
	}
}
@media only screen and (min-width:40em) { /* 640px */
	main .top-margin-minus-40, 
	main .top-margin-minus-25, 
	main .top-margin-minus-10 {
		margin-top:0;
	}
	.header-inner {
		grid-template-columns:26rem 1fr;
	}
	.mobile-nav {
		right:16rem;
	}
	.mobile-nav ul {
		right:-16rem;
	}
	.nav-cta {
		display:inline-block;
		grid-column:3;
	}
	nav ul li.nav-cta-mobile {
		display:none;
	}
	.home-description {
		margin:0 auto;
	}
	.facilities-icon-list p, 
	.facilities-icon-list-wide p, 
	.things-to-do-icon-list p, 
	.things-to-do-icon-list-wide p {
		width:44%;
		margin:0 3% 1rem;
	}
	.terms-box {
		padding:2.5rem 4rem 3rem;
	}
	.terms-box ul {
		padding-left:4rem;
	}
	.fl-builder-shape-layer.fl-builder-bottom-edge-layer {
		width:100%;
		margin:0;
	}
	.fl-builder-shape-layer.fl-builder-bottom-edge-layer svg {
		width:150%;
	}
	.social-banner-icon {
		width:7rem;
		display:inline-block;
	}
	.blog-box {
		grid-template-rows:1fr;
		grid-template-columns:25rem 1fr;
		grid-column-gap:2rem;
		padding-bottom:0;
	}
	.blog-box span {
		grid-row:1;
		grid-column:2;
		margin:0 2rem 1.5rem 0;
	}
}
@media only screen and (min-width:45.625em) { /* 730px */
	.home-slider {
		aspect-ratio:1 / 0.347;
		margin-top:8rem !important;
	}
	.home-slider-holder .fl-builder-shape-wavy {
		aspect-ratio:1 / 0.348;
		margin-top:8rem !important;
	}
}
@media only screen and (max-width:48em) { /* 768px */
	.things-title {
		text-align:center;
	}
	.things-holder img.alignright,
	.things-holder img.alignleft,
	.things-holder img.alignnone {
		display:block;
		float:none;
		margin:0 auto 2rem;
	}
	.things-item p:last-child[style] {
		text-align:center !important;
	}
	.things-item .button {
		margin:0 auto;
	}
}
@media only screen and (min-width:48em) { /* 768px */
	.header-inner {
		grid-template-columns:26rem 1fr 26rem;
	}
	.home-slider h1 {
		font-size:6rem !important;
	}
	.home-slider h2 {
		font-size:3.5rem !important;
	}
	.park-info-title, 
	.park-info-item, 
	.things-title, 
	.things-item {
		margin:0;
	}
	.park-info-item .button, 
	.things-item .button {
		margin-top:2rem;
	}
	.things-item {
		padding:0 3rem;
	}
	.about-header-text, 
	.about-header-text h1 {
		text-align:left;
		max-width:100%;
	}
	.about-header-text {
		margin:0 auto;
	}
}
@media only screen and (min-width:50em) { /* 800px */
	.home-reviews {
		text-align:left;
	}
	.home-reviews .glsr-minimal .glsr-review {
		display:grid;
		grid-template-columns:11rem calc(100% - 11rem);
		align-items:flex-start;
	}
	.home-reviews .glsr-review-title {
		position:relative;
	}
	.home-reviews .glsr-review-title::before {
		display:block;
		position:absolute;
		left:-12rem;
		content:'';
		width:8rem;
		height:8rem;
		background:url(../../../wp-content/uploads/gravatar.png) center no-repeat;
		background-size:8rem;
		box-shadow:0 .2rem 1rem hsla(0, 0%, 0%, 0.1);
		border-radius:50%;
	}
	.home-reviews .glsr-review-title, .home-reviews .glsr-review-rating, .home-reviews .glsr-review-content, .home-reviews .glsr-review-author {
		grid-column:2;
	}
	.home-reviews .glsr-minimal .glsr-review-rating, .home-reviews .glsr-review-author {
		margin:0;
	}
	.home-reviews .glsr-review-avatar {
		display:flex !important;
	}
	.home-reviews .glsr-review-rating {
 	  	justify-content:left !important;
	}
	.in-page-btn-holder ul {
		grid-template-columns:repeat(3, 1fr);
	}
	.footer-bottom .copyright a {
		display:inline-block;
		width:auto;
		margin:0 0 0 .5rem;
	}
	.contact-form label {
		display:grid;
		grid-template-columns:15rem 1fr;
		align-items:baseline;
		margin:-2rem 0 2rem;
	}
	.contact-form label.section-1 {
		grid-template-rows:1fr 0;
	}
	.contact-form label.section-1 .wpcf7-form-control-wrap {
		grid-column:2;
		grid-row:1;
	}
	.contact-form .section-2 {
		margin:-1rem 0 3rem;
	}
	.contact-form .section-2 label {
		display:inline;
	}
	.contact-form .wrap {
		margin-bottom:20rem;
	}
	.contact-form label.section-3.left,
	.contact-form label.section-3.right {
		display:grid;
		grid-template-columns:8.8rem 1fr;
		align-items:center;
		width:25.2rem;
		margin:0 3.2rem 0 6.4rem;
	}
	.contact-form label.section-3.right {
		margin:0;
	}
	.contact-form label.section-3 input[type=date] {
		width:95%;
	}
	.contact-form .section-4 {
		margin-top:1rem;
	}
	.contact-form .section-4 textarea {
		margin-top:-1rem;
	}
	.contact-form hr {
		margin:2rem 0 3rem;
	}
	.contact-form input[type=submit] {
		width:15rem;
    	margin-left:15rem;
	}
	.contact-form .radios  {
		display:grid;
		grid-template-columns:15rem 1fr;
		margin:0 0 4rem;
	}
	.contact-form .radios legend  {
		width:15rem;
	}
	.contact-form .radios label {
		display:block;
		margin:0;
	}
	.contact-form .radios p {
		grid-column:2;
		margin-top:-4.4rem;
	}
	.wpcf7 form.invalid .wpcf7-response-output,
	.wpcf7 form.sent .wpcf7-response-output,
	.wpcf7 form .wpcf7-response-output {
		margin:0 0 5rem;
	}
	.contact-map iframe {
		height:65rem;
	}
}
@media only screen and (min-width:50.625em) { /* 810px */
	h1 {
		font:700 4rem/1 'Lato', sans-serif;
	}
	h2 {
		font:700 3.2rem/1 'Lato', sans-serif;
	}
	h3 {
		font:700 2.6rem/1 'Lato', sans-serif;
	}
	h4 {
		font:700 2.2rem/1.4 'Lato', sans-serif;
	}
	.body-picture img, 
	.body-picture-2 img {
		border:2rem solid hsl(0, 100%, 100%);
	}
	.home-description {
		margin:2rem auto 0;
	}
	.home-page-btn-holder ul {
		width:100%;
		grid-template-columns:repeat(3, 1fr);
	}
	.box-holder {
		max-width:72rem;
		margin:4rem auto;
	}
	.box-3-row {
		margin-right:3rem;
		margin-bottom:6rem;
		float:left;
	}
	.box-3-row:nth-child(even) {
		margin-right:0;
	}
	.box-3-row h4 {
		margin-bottom:-1.2rem;
	}
	.box-3-row h4:after {
		bottom:4.6rem;
	}
	.kui-banner {
		font-size:2rem;
		text-align:left;
	}
	.kui-banner img {
		float:left;
		margin:0 1rem 3rem 0;
	}
	.kui-banner h2 {
		margin:2rem auto;
	}
	.header-text {
		margin:0 auto;
	}
	.footer-inner strong.park-name {
		font-size:2.2rem;
	}
}
@media only screen and (min-width:71.25em) { /* 1140px */
	.home-page-btn-holder ul {
		column-gap:3rem;
		row-gap:2rem;
	}
	.accommodation-box ul {
		column-count:3;
	}
	.logo-holder img {
		margin:0 4rem 2rem;
	}
}
@media only screen and (min-width:75em) { /* 1200px */
	.nav {
		display:block;
	}
	.mobile-nav {
		display:none;
	}
	.nav-home-btn {
		display:inline-block;
	}
	.nav-home-label {
		display:none;
	}
	.home-slider h1 {
		font-size:9rem !important;
		margin-bottom:2rem !important;
	}
	.home-slider h2 {
		font-size:5rem !important;
		margin:-2rem 0 0 !important;
	}
	.box-holder {
		max-width:109.5rem;
		margin:5rem auto;
	}
	.box-3-row:nth-child(even) {
		margin-right:3rem;
	}
	.box-3-row:nth-child(3n+3) {
		margin-right:0;
	}
	.facilities-icon-list-wide p, 
	.things-to-do-icon-list-wide p {
		width:29.2%;
		margin:0 2% 1rem;
	}
	.in-page-btn-holder ul {
		grid-template-columns:repeat(8, 1fr);
	}
	.in-page-btn {
		background:none;
		box-shadow:none;
	}
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

#wpadminbar li#wp-admin-bar-popup-maker {
	display:none;
}
.alignnone {
	margin:.5rem 2rem 2rem 0;
}
.aligncenter,
.aligncenter img,
div.aligncenter {
	display:block;
	margin:.5rem auto .5rem auto;
}
.alignright,
.alignright img {
	float:right;
	margin:.5rem 0 2rem 2rem;
}
.alignleft,
.alignleft img {
	float:left;
	margin:.5rem 2rem 2rem 0;
}
a img.alignright {
	float:right;
	margin:.5rem 0 2rem 2rem;
}
a img.alignnone {
	margin:.5rem 2rem 2rem 0;
}
a img.alignleft {
	float:left;
	margin:.5rem 2rem 2rem 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:hsl(0, 100%, 100%);
	border:.1rem solid hsl(0, 0%, 94%);
	max-width:96%;
	padding:.5rem .3rem 1rem;
	text-align:center;
}
.wp-caption.alignnone {
	margin:.5rem 2rem 2rem 0;
}
.wp-caption.alignleft {
	margin:.5rem 2rem 2rem 0;
}
.wp-caption.alignright {
	margin:.5rem 0 2rem 2rem;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:1.1rem;
	line-height:1.7rem;
	margin:0;
	padding:0 .4rem .5rem;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:.1rem solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
}