/*
 Theme Name:   KCP Child
 Theme URI:    https://www.kingscreekplantation.com
 Description:  UnderStrap Child Theme
 Author:       Profecta Marketing
 Author URI:   
 Template:     understrap
 Version:      0.5.5
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: 
 GitHub Theme URI: 
*/

@import url("https://use.typekit.net/amt8gwr.css");
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:400,400i,500,500i,600,600i,700,700i&display=swap');

body {
	overflow-x: hidden;
}

/** Header **/

.navbar {
	background-color: none !important;
	background-image: url('img/navbg.jpg');
	background-size: cover;
	padding: 0px !important;
}
.navbar .container-fluid {
	height: 104px;
	padding: 0px !important;
}

.navbar .kcp-logo {
	text-align: center;
	padding: 15px 0 15px 0;
}
.navbar .kcp-reserve {
	text-align: right;
	padding-right: 0px !important;
}
.navbar .kcp-reserve a.reesrve-btn {
	background-color: #13264c;
	display: inline-block;
	line-height: 104px;
	color: #FFF;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 600;
	font-size: 28px;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding: 0 35px 0 35px;
}
.navbar .kcp-reserve a.owners-btn {
	color: #FFF;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 600;
	font-size: 21px;
	text-transform: uppercase;
	display: inline-block;
	line-height: 100%;
	text-align: left;
	padding-right: 15px;
}

.home-content-body {
	background: rgb(231,254,217);
	background: -moz-linear-gradient(0deg, rgba(231,254,217,1) 0%, rgba(188,241,214,1) 60%, rgba(37,193,202,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(231,254,217,1) 0%, rgba(188,241,214,1) 60%, rgba(37,193,202,1) 100%);
	background: linear-gradient(0deg, rgba(231,254,217,1) 0%, rgba(188,241,214,1) 60%, rgba(37,193,202,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e7fed9",endColorstr="#25c1ca",GradientType=1);

}

.callouts .callout-box {
	min-height: 415px;
	background-size: cover;
}

.body-copy {
	padding: 60px 0 60px 0;
}
.body-copy .the-content {
	color: #13264c;
	font-size: 21px;
	line-height: 32px;
	font-weight: 700;
	font-family: droid-serif, serif;
	font-style: normal;	
}
.body-copy .reservation-form {
	padding: 30px 15px 60px 15px;
}
.body-copy .reservation-form img {
	max-width: 100%;
	height: auto;
}

.callouts .callout-box.style1, .callouts .callout-box.style2 {
	position: relative;
}
.callouts .callout-box.style1 .callout-logo {
	padding: 25px;
}
.callouts .callout-box.style1 .callout-logo img {
	width: 100%;
	height: auto;
}
.callouts .callout-box.style1 a.callout-link {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #13264c;
	padding: 5px;
	font-family: droid-serif, serif;
	font-style: normal;	
	color: #fff;
	font-style: italic;
	font-size: 15px;
}

.callouts .callout-box.style2 .style2-content {
	position: absolute;
	bottom: 0;
	color: #FFF;
	padding: 40px;
}
.callouts .callout-box.style2 a {
	width: 80%;
	margin: auto;
	display: block;
	background: rgb(230,106,32);
	background: -moz-linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
	background: linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e66a20",endColorstr="#fdcc3e",GradientType=1);
	color: #FFF;
	font-size: 21px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px;
	text-align: center;
	margin-top: 10px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;	
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.container-fluid.home-gallery {
	padding: 0px;
}
.home-gallery .carousel-caption {
	background-color: rgba(19, 39, 78, 0.9);
	right: 0;
	bottom: 0;
	top: 0;
	left: initial;
	width: 28%;
	max-width: 450px;
	text-align: left;

}
.home-gallery .carousel-caption .center-caption {
	position: absolute;
	top: 45%;
	left: 45%;
	transform: translate(-45% , -45%);
	-webkit-transform: translate(-45%, -45%);
}
.home-gallery .carousel-caption h5 {
	color: #cdaa8a;
	font-size: 34px;
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
}
.home-gallery .carousel-caption p {
	font-family: droid-serif, serif;
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
}

.home-gallery .carousel-control-next, .home-gallery .carousel-control-prev {
	bottom: 30px;
	top: initial;
}
.home-gallery .carousel-control-prev {
	left: initial;
	right: 230px;
}
.home-gallery .carousel-caption .additional-thumbnails img {
	margin-bottom: 20px;
}

.social-proof {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,255,237,1) 25%, rgba(231,254,217,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,255,237,1) 25%, rgba(231,254,217,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,255,237,1) 25%, rgba(231,254,217,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7fed9",GradientType=1);
}
.social-proof .hashtag {
	color: #cba17b;
	font-size: 48px;
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
}
.social-proof .profile-icons {
	text-align: right;
}
.social-proof .profile-icons a {
	color: #cba17b;
	font-size: 48px;
	text-decoration: none;
	margin-left: 25px;
}
.social-proof .testimonial {
	padding: 40px 0 40px 0;
}
.wdi_feed_thumbnail_1 .wdi_photo_wrap_inner {
	border: 0px !important;
}

@media only screen and (min-width: 768px) {

	.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
		z-index: 0 !important;
	}
	.callouts {
		margin-top: -150px;
		z-index: 9999;
	}

}


/** Full Width Page Template **/

#full-width-page-wrapper {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,255,237,1) 25%, rgba(231,254,217,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,255,237,1) 25%, rgba(231,254,217,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,255,237,1) 25%, rgba(231,254,217,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e7fed9",GradientType=1);
	padding-top: 80px;
}
#full-width-page-wrapper {
	color: #13264c;
	font-size: 21px;
	line-height: 32px;
	font-weight: 700;
	font-family: droid-serif, serif;
	font-style: normal;	
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: 1rem;
	display: block;
}
p {
	display: block;
	margin-bottom: 1.5rem;
	margin-top: 0.5rem !important;
}
h2 {
	color: #13264c;
	font-size: 42px;
	line-height: 100%;
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
}
h3 {
	color: #2aab59;
	font-family: droid-serif, serif;
	font-size: 32px;
	line-height: 100%;
	font-style: italic;
}


/** Resort Landing **/

.resort-hero {
	background-size: cover;

}
.resort-hero .hero-details {
	padding-top: 15%;
	padding-bottom: 15%;
}
.resort-hero .hero-logo {
	text-align: center;
	padding-bottom: 60px;
}
.resort-hero .hero-description {
	font-family: droid-serif, serif;
	color: #FFF;
	font-weight: 600;
	font-size: 21px;
	padding-bottom: 40px;
}
.resort-hero .hero-link a {
	width: 175px;
	margin: auto;
	display: block;
	background: rgb(230,106,32);
	background: -moz-linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
	background: linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e66a20",endColorstr="#fdcc3e",GradientType=1);
	color: #FFF;
	font-size: 21px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px;
	text-align: center;
	margin-top: 10px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
}

.resort-body {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,254,217,1) 30%, rgba(231,254,217,1) 90%, rgba(33,204,213,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,254,217,1) 30%, rgba(231,254,217,1) 90%, rgba(33,204,213,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(231,254,217,1) 30%, rgba(231,254,217,1) 90%, rgba(33,204,213,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#21ccd5",GradientType=1);
}
.resort-body .check-avail {
	padding: 60px 0 60px 0;
}
.resort-body h4 {
	color: #2aab59;
	font-size: 42px;
	line-height: 100%;
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
	margin-top: 15px;
}
.resort-body p {
	font-family: droid-serif, serif;
	color: #13264c;
	font-weight: 600;
	font-size: 21px;
	padding-bottom: 40px;
}

/** Footer **/

.footer-bottom {
	margin-top: -90px;
}

#wrapper-footer {
	background-color: #1fcbd4;
	padding: 40px 0;
	text-align: center;
}
#wrapper-footer .site-info p {
	color: #13264c;
	font-size: 21px;
	font-weight: 600;
	line-height: 26px;
	text-transform: uppercase;
	margin-top: 20px;
	font-family: 'Barlow Semi Condensed', sans-serif;
}


/** / Footer **/ 

/** Homepage Changes - ZDR **/
.callouts .callout-box.style1 a.callout-link::after {
    content: "\f054";
    position: absolute;
    right: 0px;
    background-color: #2aab59;
    padding: 0px 7px;
    height: 100%;
    top: 0px;
    font-style: normal !important;
    font-family: "FontAwesome";
    font-size: 22px;
    line-height: 35px;
 }

a.callout-link {
    text-align: center;
    padding-right: 35px !important;
}

.callouts .callout-box.style2 a {
	padding-right: 10px !important;
}

.callout-description {
    font-family: droid-serif, serif;
    color: #fff;
    font-style: italic;
    font-size: 15px;
    padding: 10px 0px;
}

.home-gallery .carousel-caption p {
    line-height: 18px;
    font-size: 14px;
}

.home-gallery .carousel-caption h5 {
    line-height: 32px;
}

.profile-icons a i {
    color: white;
    background-color: #cba17b;
    border-radius: 524px;
    width: 50px;
    text-align: center;
    padding: 9px 0px;
    font-size: 32px;
    height: 50px;
}

.col-md-6.col-xs-12.profile-icons {
    margin-bottom: 15px;
}

/** Dropdown reservations **/
.reserveDropdown, 
 .reserveDropdown * {
    z-index: 1000;
}

.reserveDropdown {
    position: absolute;
    right: 0;
    width: 273px;
    padding: 40px 40px;
    padding-top: 20px;
    background-color: rgba(19,38,76, 0.75);
}

.reserveDropdown:not(.hidden) {
    display: block;
}



/** End Dropdown reservations **/

/* The sidebar menu */
.sidebar {
	height: 100%; /* 100% Full-height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 1; /* Stay on top */
	top: 0;
	left: 0;
	background-color: #111; /* Black*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */
  }
  
  /* The sidebar links */
  .sidebar a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.5s;
  }
  
  /* When you mouse over the navigation links, change their color */
  .sidebar a:hover {
	color: #f1f1f1;
  }
  
  /* Position and style the close button (top right corner) */
  .sidebar .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
  }
  
  /* The button used to open the sidebar */
  .openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #111;
	color: white;
	padding: 10px 15px;
	border: none;
  }
  
  .openbtn:hover {
	background-color: #444;
  }
  
  /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
  #main {
	transition: .5s; /* If you want a transition effect */
	padding: 20px;
  }
  
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
  @media screen and (max-height: 450px) {
	.sidebar {padding-top: 15px;}
	.sidebar a {font-size: 18px;}
  }

  body.logged-in div#main {
	  position: absolute;
	  z-index: 100;
	  top: 15px;
	  left: 0;
  }

  body:not(.logged-in) div#main {
	  position: absolute;
	  z-index: 100;
	  top: 0px;
	  left: 0;
	  padding: 0;
  }
  
  button.openbtn {
	  background-color: transparent;
	  font-size: 40px;
  }
  button.openbtn:hover {
	  background-color: transparent;
  }
  div#text {
	  color: white;
	  line-height: 0;
	  text-align: center;
	  top: -9px;
	  position: relative;
	  font-family: 'Barlow Semi Condensed', sans-serif;
	  font-size: 14px;
  }
  .sidebar a {
	  color: #FFF;
	  font-family: 'Barlow Semi Condensed', sans-serif;
	  font-weight: 600;
	  font-size: 21px;
	  text-transform: uppercase;
	  line-height: 100%;
	  text-align: left;
	  padding-right: 15px;
  }
  
  .sidebar a:hover {
	  color: #3ebe5d;
  }
  
  div#text {
	  font-weight: 500;
  }
  .sidebar {
	  background-color: #13264c;
  }
  button.openbtn:focus, div#main:focus {
	  outline: 0;
  }

  .backgroundOverlay {
    width: 100%;
}
.textOverlay {
    position: absolute;
	padding: 90px;
}

.textOverlay.pull-right {
	right:0;
}

.textOverlay.pull-left {
	left:0;
}

.sectionCarousel img {
    max-width: 150px;
}

.sectionCarousel .carousel-item {
    text-align: center;
}

a.carousel-control-prev {
    left: -50px;
}

a.carousel-control-next {
    right: -50px;
}

a.customButton.solid, input.btn-primary {
    padding-right: 10px !important;
    width: 80%;
    margin: auto;
    display: block;
    background: rgb(230,106,32);
    background: -moz-linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
    background: linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e66a20",endColorstr="#fdcc3e",GradientType=1);
    color: #FFF;
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}
input.btn-primary {
	width: 220px;
	margin: 0;
	border-radius: 0px;
}

a.customButton.translucent {
    padding-right: 10px !important;
    width: 80%;
    margin: auto;
    display: block;
    background: transparent;
    color: #2aab59;
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    margin-top: 0px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    border-color: #2aab59;
    border: 3px solid;
}

a.customButton {text-align: center;display: block;position: relative;margin-top: 10px !important;}

.buttons{
	margin-top:60px;
}

.backgroundOverlay {
    background-size: cover;
    background-position: center;
}

.headingAndExcerpt h5 {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 38px;
    font-weight: 600;
    color: #cdaa8a;
    line-height: 38px;
}

.headingAndExcerpt p {
    font-family: droid-serif, serif;
    font-size: 15px;
    line-height: 26px;
    color: #FFF;
    margin-top: 20px !important;
    margin-bottom: 45px !important;
}

@media(min-width:768px){
    .textOverlay {
        min-width: 430px;
        max-width: 500px;
    }
}

@media(max-width:1200px) and (min-width:883px){
    .col-md-4.h-100.kcp-menu {
        width: 20% !important;flex: 0 0 20%;
    }
    .col-md-4.h-100.kcp-reserve {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 45%;
    }
}

@media(max-width:882px){
    .col-md-4.h-100.kcp-menu {
        width: 10% !important;
        flex: 0 0 10%;
    }
    .col-md-4.h-100.kcp-reserve {
        width: 51% !important;
        flex: 0 0 51% !important;
        max-width: 51%;
    }
}

button.navbar-toggler {
    display: none;
}

.formContainer {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 100px;
    background-color: #f0fee7;
}

img.formImg {
    max-width: 945px;
    max-height: 81px;
}

@media(max-width:768px){
	img.formImg {
		display:none;
	}
}

.page-template-template-accommodations .footer-bottom {
    background-color: #f0fee7;
}

@media(max-width:768px){
	.callout-box.style1 {width: 100% !important;margin: 20px auto !important;min-height: 352px !important;background-position: center;background-size: cover;}

.row.no-gutters {
    display: block;
}

.container.callouts {
    padding: 30px 50px;
}

.container.body-copy {
    padding: 30px 50px;
}

.col-md-10.reservation-form {
    display: none;
}

.embed-container {
    margin-bottom: 20px;
}

img.alignnone.size-full.wp-image-67 {
    padding: 30px 50px;
}

.profile-icons a {
    margin-left: 5px !important;
}

.col.mr-2.ml-2.col-xs-12.callout-box.style2 {
    display: none;
}

.wdi_thumb_icon > div {
}

.wdi_feed_item {
    height: 170px;
    width: 50% !important;
}

div#wdi_feed_0 {
    padding-bottom: 161px;
    padding-top: 20px;
}

a.reesrve-btn {
    position: absolute;
    top: 0;
    padding: 0 10px !important;
    line-height: 59px !important;
    width: 100vw;
    left: 0;
    text-align: center;
}

.mainstage {
}

div#main {
    top: 28px;
}


.col-md-4.h-100.kcp-logo {
    width: 60vw;
    padding: 33px 0;
    left: -50px;
}

div#wrapper-navbar {
    margin-bottom: 59px;
}
.textOverlay {
    padding: 50px;
}
.navbar .kcp-logo img {
    position: relative;
    top: -10px;
}
}

div#mySidebar {
    z-index: 1000;
}

@media(min-width:769px){
	.page-template-template-amenities .textOverlay {
		min-width: unset !important;
		max-width: 50% !important;
		position: static;
	}
}

.page-template-template-amenities .headingAndExcerpt p {
    margin-bottom: 0 !important;
}

.imageGallery img {
    max-width: 24% !important;
    padding: 0 5px;
    margin-top: 25px;
}

.headingAndExcerpt h6 {
    font-family: droid-serif, serif;
    font-size: 22px;
    line-height: 26px;
    color: #FFF;
    font-style: italic;
}

.headingAndExcerpt strong {
    color: #cdaa8a !important;
    font-size: 18px;
}

.page-template-template-amenities .formContainer {
    background-color: transparent;
}

.container.mainContent {
    padding-top: 80px;
    padding-bottom: 70px;
}

.mainContent h1 {color: #13264c !important;font-family: 'Barlow Semi Condensed', sans-serif;font-weight: 600;line-height: 38px;}

.mainContent p {
    color: #13264c;
    font-family: droid-serif, serif;
    font-size: 15px;
    line-height: 26px;
    margin-top: 20px !important;
    font-weight: 600;
}

.page-template-template-default-page .mainContent p {
	font-weight: normal;
}

.mainWrapper {
    background: rgb(31,203,213);
    background: linear-gradient(180deg, rgba(31,203,213,1) 0%, rgba(231,254,217,1) 30%);
}

.page-template-template-large-header .formContainer, .page-template-template-default-page .formContainer, .page-template-template-owners-large-header .formContainer, .page-template-template-default-page .formContainer {
    background-color: transparent;
    padding-top: 0px !important;
}

.page-template-template-large-header .container.mainContent, .page-template-template-owners-large-header .container.mainContent {
    padding-top: 70px;
}

.page-template-template-large-header .mainWrapper, .page-template-template-owners-large-header .mainWrapper {
    background: rgb(31,203,213);
    background: linear-gradient(180deg, rgba(31,203,213,1) 0%, rgba(231,254,217,1) 7%) !important;
}

.page-template-template-large-header .mainContent p, .page-template-owners-template-large-header .mainContent p {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.page-template-template-large-header h2, .page-template-template-owners-large-header h2 {
    margin-bottom: 5px !important;
    color: #2aab59 !important;
}

.page-template-template-large-header .footer-bottom, .page-template-template-default-page .footer-bottom, .page-template-template-owners-large-header .footer-bottom {
    background-color: #e7fed9;
}

.page-template-template-large-header .largeHeaderWrapper, .page-template-template-owners-large-header .largeHeaderWrapper {
    padding: 225px 0;
}

.page-template-template-large-header .largeHeaderSection, .page-template-template-owners-large-header .largeHeaderSection {
    text-align: center;
}

.page-template-template-large-header .textSection, .page-template-template-owners-large-header .textSection {
    text-align: left;
    font-family: droid-serif, serif;
    font-size: 15px;
    line-height: 26px;
    color: #FFF;
    margin-top: 20px !important;
    margin-bottom: 45px !important;
}

.page-template-template-large-header .textSection, .page-template-template-owners-large-header .textSection {
    width: 80%;
    margin: 0 auto;
    font-weight: 600;
}

.page-template-template-large-header a.customButton.solid, .page-template-template-owners-large-header a.customButton.solid {
    max-width: 150px;
}

.site, #main {
	transition: margin-left .5s;
}

.sidebar a {
    white-space: nowrap;
}

.footer-bottom > img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.nav-open {
    left: 300px !important;
    transition: 0.5s;
}

.nav-close {
	left: 0px !important;
	transition: 0.5s;
}

.largeHeaderWrapper {
    background-size: cover !important;
    background-position: center;
}

@media(max-width:768px){
    body.logged-in div#main {
        top: 25px !important;
    }

    .navbar .kcp-logo img {
        top: 0 !important;
	}

	div#reserve {
		left: 0 !important;
		top: 59px !important;
	}
	div#page {
		margin-left: 0 !important;
	}
}

.page-template-template-owners-default .footer-bottom {background: rgba(231,254,217,1);}
.page-template-template-default .footer-bottom {background: rgba(231,254,217,1);}

div#mySidebar.hidden {
    width:0px;
}



div#wrapper-navbar, div#wrapper-navbar * {

}

body:not(.page-template-template-owners-large-header) div#mySidebar, body:not(.page-template-template-owners-default) div#mySidebar {
	background: rgba(49,159,86, 0.8);
    height: auto;
    padding-bottom: 20px;
}

body.page-template-template-owners-large-header div#mySidebar, body.page-template-template-owners-default div#mySidebar {
	background:rgba(19,38,76,0.8);
    height: auto;
    padding-bottom: 20px;
}

body.page-template-template-owners-large-header .sidebar a, body.page-template-template-owners-default .sidebar a {
    color: #1fcbd5;
}

body:not(.page-template-template-owners-large-header) .sidebar a, body:not(.page-template-template-owners-default) .sidebar a {
	color: white;
}

.sidebar a:hover {
    color: #13264c !important;
    background-color: white;
}

div#mySidebar {
    padding-top: 20px;
    padding-bottom: 20px;
}

div#reserve {
	transition: 0.5s;
	height:0;
}

#reserve ul {
    transition: 0.5s;
    position: relative;
}

div#reserve {

}

body:not(.page-template-template-owners-large-header) div#reserve, body:not(.page-template-template-owners-default) div#reserve {
    width: 272px !important;
}

body.page-template-template-owners-large-header div#reserve, body.page-template-template-owners-default div#reserve {
    width: 244px !important;
}

#reserve ul {
    padding: 0px 25px !important;
}

div#reserve {
    text-align: center;
}

#reserve:not(.extended) *:not(li):not(a) {
	padding-top: 20px;
	transition: 0.5s;
	opacity:0;
}

#reserve.extended *:not(li):not(a) {
	transition: 1s;
	padding-top: 20px;
	opacity:0;
}

#reserve ul {
    opacity: 0;
}

div#reserve {
    margin-top: 0 !important;
}
button.hamburger.hamburger--slider {
    height: 95px !important;
}

div#text {
    top: -25px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    background-color: white !important;
}

@media(max-width:768px){
    body.logged-in div#mySidebar {
        top: 150px !important;
    }
}

body.logged-in div#mySidebar {
	top: 135px;
}

body:not(.logged-in) div#mySidebar {
	top: 104px;
}

div#reserve {
	height: 0;
	padding: 0;
}

.carousel-control-next {
    width: 34px !important;

}

@media(max-width:768px){
	a.reesrve-btn {
		width: calc( 100vw - 0px );
	}
	
	.container-fluid {
		position: relative;
	}
	
	.col-md-4.h-100.kcp-menu, .col-md-4.h-100.kcp-logo {
		position: static !important;
	}

	.navbar .kcp-logo img {
		left: -50px !important;
		top: -10px !important;
	}
}

.row.sectionWithOverlay {
    max-width: calc( 100% - -15px );
}

body:not(.home) .footer-bottom {
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,255,237,1) 25%, rgba(231,254,217,1) 100%) !important;
}

body:not(.home ) div:not(.col-md-10) > .formContainer {
    background-color: rgba(231,254,217,1) !important;
}

body.home .container-fluid.home-gallery, .container-fluid.home-gallery * {
    max-height: 100vh !important;
}

body.home .carousel-inner img {
    object-fit: cover;
}

body.home a.carousel-control-next {
    right: 50px !important;
}

@media(min-width:768px){
	
	.largeHeaderWrapper {
		max-height: calc( 100vh - 136px ) !important;
		min-height: 750px;
	}
}

body.home.logged-in .carousel-inner img {
    max-height: calc( 100vh - 136px );
}

body.home:not(.logged-in) .carousel-inner img {
    max-height: calc( 100vh - 104px );
}

.mainstage video {
    height: calc( 100vh - 136px );
}

.page-template-template-large-header .sliderImage {
    height: 600px !important;
    background-size:cover !important;
    background-position:center !important;
}

@media(min-width:768px){
	.page-template-template-large-header li.lslide {
		height: 600px !important;
	}

	.page-template-template-large-header ul#lightSlider {
		height: 600px !important;
	}
}
@media(max-width:768px){
	.page-template-template-large-header .textSection {
		margin: 0 auto !important;
		width: 100% !important;
		padding: 0 10px;
	}
}
.page-template-template-large-header .lSSlideOuter {
    margin-bottom: 50px;
}

.page-template-template-large-header h2.videoTour {
    margin-top: 50px;
}

.page-template-template-large-header h2 {
    padding-bottom: 10px;
}

.su-tabs-pane, .su-tabs {
	background: transparent !important;
	border: 0px !important;
}
.su-tabs-nav span {
	background: rgba(24, 54, 31, 0.9) !important;
	color: #FFF !important;
}
.su-tabs-nav span.su-tabs-current {
	background: rgba(19, 38, 76, 0.9) !important;
	color: #FFF !important;
}
.mainstage video {
    width: calc( 100% + 150px );
    object-fit: cover;
    object-position: center !important;
    position: relative;
    left: -125px;
}

.home-gallery .carousel-caption .additional-thumbnails img {
    max-width: 250px;
    object-fit: cover;
    object-position: center;
}


.page-template-template-amenities .lightboxMe > img {
    max-width: 140px;
    max-height: 140px;
    object-fit: cover;
    object-position: center;
}

@media(max-width:768px){
	#reserve:not(.extended) *:not(li):not(a) {
		visibility: hidden;
	}
}

.tablepress {
    margin-bottom: 0;
}

@media(max-width:999px){
	div#tablepress-2_wrapper, div#tablepress-3_wrapper, div#tablepress-4_wrapper {
		width: 340px;
	}
	.tablepress tr.child {
		background-color: white;
	}
	th.column-1.sorting_disabled {
		width: 200px !important;
	}
	
	.tablepress img {
		width: 200px;
	}
}
.dataTables_paginate.paging_simple {
    display: none;
}
@media(min-width:768px){
	th.column-1.sorting_disabled {
		width: 200px !important;
	}
	
	.tablepress img {
		width: 200px;
	}
}
.unitTypeAndSize tr td strong {
    font-size: 12px;
    text-transform: uppercase;
}

#reserve.extended section#form-section, section#form-section * {
    opacity: 1 !important;
}

#form-section label {
    display: block;
    color: #cdaa8a;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
}


#form-section input, select {
    width: 100%;
}

#form-section .col-md-6 {
    padding-top: 0 !important;
}

#form-section .row {
    padding-top: 0 !important;
}

#form-section label {
    padding-top: 7px !important;
}

#form-section input.callout-link {
    width: 80%;
    margin: auto;
    display: block;
    background: rgb(230,106,32);
    background: -moz-linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
    background: linear-gradient(0deg, rgba(230,106,32,1) 0%, rgba(253,204,62,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e66a20",endColorstr="#fdcc3e",GradientType=1);
    color: #FFF;
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

#form-section input.callout-link {
    padding-top: 10px !important;
    width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    border: none;
}

#form-section form {
    padding-top: 0 !important;
}

#form-section {
    padding-top: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
}


#form-section select, input {
    padding-top: 0 !important;
    height: 45px;
}

#form-section .nightsColumn {
    padding-right: 5px;
}

#form-section .adultsColumn {
    padding-left: 5px;
}

#form-section .col-md-6.kidsColumn {
    padding-right: 0;
}

#form-section .col-md-6.kidsColumn {
    padding-left: 0 !important;
}

#form-section label {
    margin-bottom: 0;
}

#form-section input.callout-link {
    height: auto !important;
}

#form-section input.callout-link {
    cursor: pointer;
}

#form-section input, select {
    text-align: center;
    padding-left:0;
}

#form-section select, option {
    text-align: center;
    padding-left: 40%;
}

@media(min-width:768px){
	.reservation-form input#checkInDate {
		width: 20%;
	}
}

@media(min-width:768px){
.reservation-form select#nights, select#adults, select#nights, select#kids {
    width: 100px;
    padding-left: 0px;
    padding-right: 0;
}
}

@media(min-width:768px){
.reservation-form label {
    display: inline-block !important;
    position: absolute;
    top: 15px;
}
}

.reservation-form input.callout-link {
    width: 200px !important;
    display: inline-block !important;
}

.reservation-form h5 {
    display: inline-block;
    position: relative;
    top: 19px;
    font-size: 33px;
    text-transform: uppercase;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
}

.reservation-form section#form-section {
    display: inline-block;
}

.reservation-form h5, .reservation-form label {
	color:#2aab59 !important;
}

.col-md-10.reservation-form {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-width:768px){
	.reservation-form label[for="checkInDate"] {
		margin-left: 30px;
	}
}

@media(min-width:768px){
	.reservation-form label[for="nights"] {
		margin-left: 6px;
	}

	.reservation-form label[for="adults"] {
		margin-left: 4px;
	}

	.reservation-form label[for="kids"] {
		margin-left: 16px;
	}
}

@media(min-width:768px){
	.reservation-form select#nights, #adults, #kids {
		width: 75px !important;
	}
}
@media(max-width:768px){
	.reservation-form select#nights, #adults, #kids {
		width: 100%;
	}
}

@media(min-width:768px){
	select {
		padding-left: 25px !important;
	}
}


img.room-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    border-radius-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.room {
    box-shadow: 6px 2px 15px -7px gray;
    margin-bottom: 45px;
}
.room .row {
	position: relative;
}

.reserve-info {
    position: absolute;
	right: 30px;
    bottom: 30px;
}

p.sq-ft {
    display: inline-block;
    position: relative;
    left: 10px;
	top: -2px;
	font-style: italic;
	color: #13264c;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 19px;
    font-weight: 400;
}

.info-title {
	display: inline-block;
    color: #13264c;
    font-size: 32px;
    line-height: 100%;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    font-style: normal;
}

.image-section {
    padding-right: 0;
}

.info-section {
    border: 1px solid #27c8d2;
    border-left-width: 0;
    padding-right: 0;
    position: relative;
    background-color: white;
    border-radius: 5px;
    border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 10px 50px;
}

.features li {
    color: #13264c;
    line-height: 32px;
    font-weight: 500;
    font-family: droid-serif, serif;
}

ul.features {
    list-style-position: inside;
    padding-left: 0;
    width: 100%;
    max-width: 450px;
}

h3.info-title, .sq-ft {
    margin-bottom: 6px;
}

.available {
    text-transform: capitalize;
    font-size: 33px;
    margin-bottom: 40px;
    margin-top: 75px;
}

a.reserve-btn {
    color: white;
    font-size: 20px;
    line-height: 100%;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    font-style: normal;
    background-color: #2aab59;
    padding: 9px 27px;
    text-align: center;
    border-radius: 5px;
}

a#reserve-policy-link: {
	color: #13264c;
	font-weight: 700;
}

a#reserve-policy-link:hover {
        text-decoration: underline;
}

p.price {
    color: #2aab59;
    font-size: 30px;
    line-height: 100%;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    font-style: normal;
    text-align: center;
    position: relative;
	left: -7px;
}

.page-template-template-search-results .mainContent #form-section label {top: -3px;color: #13264c !important;}

.page-template-template-search-results .mainContent .reservation-form h5, .page-template-template-search-results .reservation-form h5 label {
    color: #13264c !important;
}

.page-template-template-search-results .mainContent .reservation-form h5 {
	max-width: 191px;
    top: 9px !important;
}

.page-template-template-search-results .mainContent .reservation-form form {
    display: inline !important;
}

.page-template-template-search-results .mainContent input.callout-link {
    margin-right: 0 !important;
}

.page-template-template-search-results .mainContent section#form-section {
    padding-right: 0;
}

.page-template-template-search-results .mainContent input.callout-link {
    background: transparent !important;
    border: 2px solid #2aab59 !important;
    color: #2aab59 !important;
    position: relative;
    top: -3px;
}

ul.features {
	list-style: none;
}

ul.features li:before {
	content: '✓';
	font-weight:600;
	padding-right:12px !important;
}

.features li {
    font-size: 14px;
    line-height: 24px;
}

ul.features {
    margin-top: 10px;
}




.page-template-template-complete-reservation .col-md-4.room-details {
    padding-right: 0;
}

.page-template-template-complete-reservation img.room-image {
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    height: 200px;
}

.page-template-template-complete-reservation .info-section {
    border-top-right-radius: 0;
    border-top-width: 0;
    border-left-width: 1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 30px;
}

.page-template-template-complete-reservation h3.info-title {
    font-size: 20px;
}

.page-template-template-complete-reservation p.sq-ft {
    font-size: 15px;
    top: 0;
}

.page-template-template-complete-reservation .mainContent p {
    font-weight: 500;
}

.page-template-template-complete-reservation p.billing-address {
    color: #4b4551;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 23px;
    font-weight: 600;
    display: inline-block;
}

.page-template-template-complete-reservation p.details {
    color: #4b4551;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 17px;
    font-weight: 500;
    display: inline-block;
}

.page-template-template-complete-reservation p.details, p.billing-address {
    margin-bottom: 5px;
}

.page-template-template-complete-reservation .col-md-8.reservation-info {
    padding-right: 50px;
}

.page-template-template-complete-reservation .arrivalDate, .page-template-template-complete-reservation .numNights, .page-template-template-complete-reservation .numAdults, .page-template-template-complete-reservation .numChildren {
    font-size: 14px !important;
    margin-bottom: 0;
    line-height: 8px !important;
}



p.roomCost, .timesNights, .taxes, .totalCost {
    position: absolute;
    left: 202px;
}

.room-cost, .room-cost-multi, .tax-cost, .total-charges {
    position: relative;
}

.room-cost p, .room-cost-multi p, .tax-cost p, .total-charges p {
    display: inline-block;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    line-height: 38px;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0 !important;
    line-height: 29px;
}

.room-cost p, .room-cost-multi p, .tax-cost p  {
    color: #13264c !important;
}

.page-template-template-complete-reservation .price-details {
    margin-top: 40px;
}

.page-template-template-complete-reservation p.txtCharges, .page-template-template-complete-reservation .totalCost {
    color: #2aab59 !important;
}

.page-template-template-complete-reservation .total-charges {
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    background-color: #e9f6ed;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-template-template-complete-reservation .price-details {
    margin-bottom: 70px;
    margin-top: 25px;
}

.page-template-template-complete-reservation .total {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 30px;
    padding-top: 15px;
    padding-bottom: 5px;
}

.page-template-template-complete-reservation .cancel {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 15px;
}

.page-template-template-complete-reservation p.txtCancel {  
    font-size: 13px; 
    line-height: 15px; 
}

.page-template-template-complete-reservation p.totalCost {    left: 232px;}

.page-template-template-complete-reservation .room {
    border-bottom-right-radius: 10px;
}

.payment-form label {
    min-width: 125px;
}

.payment-form label, .payment-form input {
    margin-bottom: 10px;
}

.payment-form input[type="text"] {
    width: 70%;
}

.payment-form input#usesPreviousInfo {
    display: inline-block;
}

.payment-form label[for="usesPreviousInfo"] {
    position: relative;
    top: -18px;
    left: 5px;
}

.payment-form input#agreeReservePolicy {
    display: inline-block;
}

.payment-form label[for="agreeReservePolicy"] {
    position: relative;
    top: -18px;
    left: 5px;
}

.payment-form select {
    display: inline-block;
    width: 100px;
    height: 45px;
    margin-bottom: 10px;
}

@media(max-width:768px){
    .col-md-4.room-details {
        order: -1;
        padding-left: 15px;
        padding-right: 15px !important;
        margin-bottom: 45px;
    }
    
    .payment-form input[type="text"] {
        width: 100%;
    }
    
    .payment-form label[for="usesPreviousInfo"] {
        width: 80%;
        top: 0;
        display: inline-block !important;
        margin-bottom:15px;
    }

    .payment-form label[for="agreeReservePolicy"] {
        width: 80%;
        top: 0;
        display: inline-block !important;
        margin-bottom:15px;
    }
    
    .payment-form label {
        display: block;
    }
}

.payment-form a.reserve-btn {line-height: 100px;}

.payment-form input.callout-link {
    width: 80%;
    margin: auto;
    display: block;
    color: #FFF;
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px;
    text-align: center;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    padding-top: 10px !important;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    border: none;
    background: #2aab59;
    text-align: center;
    padding-bottom: 42px;
    width: 196px;
    border-radius: 5px;
    margin: 0;
    margin-top: 30px;
}

.payment-form {
    margin-bottom: 50px;
}

.payment-form a.reserve-btn {
    text-transform: uppercase;
    text-decoration: none !important;
}

/** tour listing page  **/

.tour_rb, .tour_cb {
    vertical-align: middle;
    position: relative;
    botton: -1px;
}


.mainWrapper {
    min-height: calc( 100vh - 569px );
}

.error {
    color: red !important;
    font-weight: 700 !important;
}

@media(max-width:768px){
    .col-md-10.reservation-form {
        display: block;
    }

    section#form-section {
        padding-left: 0 !important;
    }

    #form-section input.callout-link {
        margin-left: 0;
        margin-top: 50px;
    }

    section#form-section {
        padding-bottom: 75px !important;
    }
    img.room-image {
        max-width: 100% !important;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
    }
    
    .col-md-3.image-section {
        padding-right: 15px;
    }
    
    .col-md-9.info-section {
        margin: 0 15px;
        padding-top: 50px;
        padding-bottom: 125px;
        border-bottom-left-radius: 5px;
        border-top-color: white;
        border-left-width: 1px;
    }

    .page-template-template-complete-reservation .info-section {
        padding-top: 30px !important;
    }
    img.room-image {
        max-height: 250px;
        object-position: center;
    }
    
    .reserve-info {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 100%;
        text-align: center;
        bottom: 41px;
    }
}


#SearchCover {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
    top: 0 !important;
    background: rgba(10,10,10,0.9) !important;
    color: white !important;
    text-align: center !important;
    z-index: 999;
}

#SearchCover img {
    margin: 0 auto !important;
    display: block !important;
    margin-top: 25px !important;
}

#SearchCover p {
    font-family: 'Barlow Semi Condensed', sans-serif !important;
    font-size: 19px !important;
}

#ProgressCover {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100vh !important;
    top: 0 !important;
    background: rgba(10,10,10,0.9) !important;
    color: white !important;
    text-align: center !important;
    z-index: 999;
}

#ProgressCover img {
    margin: 0 auto !important;
    display: block !important;
    margin-top: 25px !important;
}

#ProgressCover p {
    font-family: 'Barlow Semi Condensed', sans-serif !important;
    font-size: 19px !important;
}
.info-section {
    padding-bottom: 79px !important;
}

.page-template-template-complete-reservation .total-charges {
    bottom: 0;
}
.hiddenText {
	display: none !important;
}