/*
Theme Name: Boroteka
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: MysticNord
Author URI: https://mysticnord.com
Author Contact: kontakt@mysticnord.com
Requires PHP: 7.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boroteka
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
	--white: #fff;
	--black: #141B1E;
	--grey: #BCBCBC;
	--darkgrey: #7D8587;
	--lightgrey: #f7f7f7;
	--darkbluegrey : #27343A;
}

/* -------------------------------------- Structure */
body {
	font-family: "Inter", serif;
	background-color: var(--black);
}	
.container,
.entry-content {
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
}
header#site-header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;	
	width: 100%;
}
.section.main {
	max-width: 1400px;
	margin: 0 auto;
}
.flexed {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.entry-content {
	margin-top: 200px;
	margin-bottom: 200px;
}
body.has-featured-image .entry-content {
	margin-top: 60px;
	margin-bottom: 60px;
}
#section {
	background-repeat: no-repeat;
	background-size: cover;
}

/* -------------------------------------- Images */
img {
	max-width: 100%;
}
.custom-logo img {
	min-width: 150px;
	width: 100%;
	max-width: 200px;
	height: auto;
	max-height: 80px;
	object-fit: contain;
	filter: brightness(0) invert(1);
}
.scrolled .custom-logo img {
	min-width: 100px;
	max-width: 100px;
	max-height: 70px;
}

/* -------------------------------------- Typography */
a {
	text-decoration: none;
}
a:hover {
	opacity: .7;
}
p {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	font-weight: 200;
	color: var(--grey);
	margin-bottom: 15px;
}
.entry-content p:last-of-type {
	margin-bottom: 0;
}
footer p {
	font-size: 16px;
	line-height: 24px;
}
h1 {
	font-size: 42px;
	line-height: 60px;
}
h2 {
	font-size: 36px;
	line-height: 46px;
}
h3 {
	font-size: 30px;
	line-height: 40px;
}
#wrapper .section.main p {
	font-size: 20px;
	line-height: 34px;
	font-weight: 300;
	color: var(--grey);
	text-align: left;
	margin-bottom: 20px;
}	
#wrapper .section.main p.has-text-align-center {
	text-align: center;
	color: #fff;
}
#wrapper .section.main p:last-of-type {
	margin-bottom: 0;
}
footer p,
footer li,
footer a {
	line-height: 30px;
}
footer p,
footer a,
a[href^="tel"] {
	color: var(--white);
	font-weight: 300;
}
#hero .hero-content h3,
#hero .hero-content p {
	margin-bottom: 30px;
}
.item-content h3 {
	margin-bottom: 30px;
}
.item-content p {
	font-size: 18px;
	line-height: 26px;
	color: var(--grey);
	font-weight: 200;
	margin-bottom: 10px;
}
.item-content p:last-of-type {
	margin-bottom: 0;
}
.items .item:nth-child(even) .item-content p {
	color: var(--black);
}
.price-list .season_price {
	font-size: 50px;
	text-align: center;
}
#section.price-list .season-desc,
#section.price-list .price-term,
.additional-payments p {
	color: var(--darkgrey);
}
h3.season-title,
.additional-payments h3 {
	padding: 0;
}
.single-el p,
.single-el p a,
.single-el .single-el-txt {
	font-size: 16px;
	line-height: 22px;
	color: var(--black);
	font-weight: 400;
	margin-bottom: 0;
}
.single-el p a {
	text-decoration: underline;
}


/* -------------------------------------- Buttons */
#hero .hero-content a,
#section.cta a {
	line-height: 15px;
	letter-spacing: 1px;
	font-weight: 400;
	color: var(--white);
	border-radius: 50px;
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
	padding: 15px 25px;
	font-size: 12px;	
	background: transparent;
	border: 1px solid;
	border-color: var(--white);
}
#hero .hero-content a:hover,
#section.cta a:hover {
	background: var(--black);
}
#section.cta p a {
	display: table;
	margin: 0 auto;
	width: auto;	
}

	
	
/* -------------------------------------- Owl Carousel */
.single-slide {
	width: 100%;
	height: 100vh;
	background-size: cover;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 5% 5% 5% 5%;
}
.single-slide .slide-content {
	max-width: 30%;
	width: 30%;
	min-height: 150px;
	background-color: var(--white);
	padding: 15px 25px;
	border-radius: 8px;
	margin-top: 70vh;
}
.slide-content p {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: #BCBCBC;		
}
.owl-nav {
	position: absolute;
	left: 5%; 
	top: calc(70vh + 30px);
}
.slide-carousel.owl-carousel .owl-nav button.owl-next, 
.slide-carousel.owl-carousel .owl-nav button.owl-prev {
	width: 120px;
	height: 64px;
	color: var(--white);
	background-color: var(--black);
	border-radius: 8px;
	padding: 30px;
}
.slide-carousel.owl-carousel .owl-nav button.owl-next:hover, 
.slide-carousel.owl-carousel .owl-nav button.owl-prev:hover {
	background-color: var(--darkbluegrey);
}
.slide-carousel.owl-carousel .owl-nav button.owl-prev {
	margin-right: 4px;
}

/* -------------------------------------- Header */
header#site-header {
	position: fixed;
	background-color: transparent;
	width: 100%;
	top: 0;
	left: 0;
	padding: 80px 0;
	z-index: 99;
	transition-duration: .3s;
}
header#site-header.scrolled {
	padding: 10px 0;
	background-color: rgba(0, 0, 0, .9);
}
#socials {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}
#socials p {
	margin-bottom: 0;
}
#socials .widget-container.widget_block.widget_text {
	display: none;
	margin-left: 50px;
}
#socials .widget-container.widget_block.widget_text:nth-of-type(1),
#socials .widget-container.widget_block.widget_text:nth-of-type(2) {
	display: flex;
	align-items: center;
	position: relative;
}
#socials .widget-container.widget_block.widget_text p a:before {
	content: '';
	background-image: url('/wp-content/themes/boroteka/icons/ic_facebook.svg');
	background-size: contain;
	width: 25px;
	height: 25px;
	background-size: 25px 25px;
	margin-left: -30px;
	position: absolute;	
}
#socials .widget-container.widget_block.widget_text:nth-of-type(2) p a:before {
	background-image: url('/wp-content/themes/boroteka/icons/ic_instagram.svg');
}
.scrolled #socials .widget-container.widget_block.widget_text p a:before {
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
}
#socials a {
    text-indent: -9999px;  /* Moves text out of visible area */
    display: inline-block;  /* Ensures the link remains visible */
    position: relative;
}

#socials a:before {
    text-indent: 0;  /* Resets text-indent for pseudo-element */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* -------------------------------------- Footer */
footer {
	padding: 60px 0;
	color: var(--grey);
}
footer .container {
	max-width: 2200px;
	justify-content: space-between;
	border-top: solid 1px;
	border-color: rgba(255, 255, 255, .1);
	padding-top: 40px;
}
footer .container > * {
	width: 50%;
	max-width: 50%;
	flex: 1 1 50%;
}
footer .footer-widgets .container {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 40px 0;
}
footer .footer-widgets .container .col-1 {
	width: 20%;
	max-width: 20%;
	flex: 1 1 20%;
}
footer .footer-widgets .container .col-2 {
	width: 80%;
	max-width: 80%;
	flex: 1 1 80%;
}
footer .footer-widgets .container .col-2 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.footer-widget.col-2 .widget-container .widget_block.widget_text:last-of-type p {
	padding-left: 20px;
}
.footer-widget.col-2 .widget-container.widget_block.widget_text:last-of-type p a {
	position: relative;
	display: flex;
	align-items: center;
}
.footer-widget.col-2 .widget-container.widget_block.widget_text:last-of-type p a:before {
	content: '';
	background-image: url('/wp-content/themes/boroteka/icons/ic_marker.svg');
	background-size: contain;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	margin-left: -30px;
	position: absolute;
}
.footer-widget.col-2 .inside-column .widget-container p a {
	position: relative;
	display: flex;
	align-items: center;
}
.footer-widget.col-2 .inside-column .widget-container p a:before {
	content: '';
	background-image: url('/wp-content/themes/boroteka/icons/ic_facebook.svg');
	background-size: contain;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	margin-left: -30px;
	position: absolute;	
}
.footer-widget.col-2 .inside-column .widget-container:nth-of-type(2) p a:before {
	content: '';
	background-image: url('/wp-content/themes/boroteka/icons/ic_instagram.svg');
}
.footer-widget.col-2 .inside-column .widget-container:nth-of-type(3) p a:before {
	content: '';
	background-image: url('/wp-content/themes/boroteka/icons/ic_phone.svg');
}
.footer-widget.col-2 .inside-column .widget-container:last-of-type p a:before {
	content: '';
	background-image: url('/wp-content/themes/boroteka/icons/ic_mail.svg');
}

.site-info {
	font-size: 70%;
}
.created-by {
	display: block;
	text-align: right;
}
.created-by a {
	color: var(--grey);
}

/* -------------------------------------- Single Page */
body.page:not(.has-featured-image) article {
	max-width: 1200px;
	margin: 100px auto;
}
header .entry-title {
	font-style: normal;
	font-weight: normal;
	font-size: 80px;
	line-height: 80px;
	font-weight: 300;
	letter-spacing: -1px;
	text-align: center;	
	color: var(--white);
	max-width: 50%;
	margin: 0 auto 60px auto;
}

/* -------------------------------------- Page with Featured Image */
.has-featured-image:not(.home) main {
	display: flex;
	flex-wrap: wrap;
}
.has-featured-image:not(.home) main .main-content {
  padding-left: 2%;
  padding-right: 2%;
  padding-bottom: 2%;
}

/* -------------------------------------- Front Page */
#hero {
	width: 100%;
	min-height: 100vh;
	background-attachment: fixed;
	background-size: cover; 
	background-position: center;
	display: flex;
	align-items: stretch;
}
#hero .container {
	display: flex;
	align-items: flex-start; 
	justify-content: flex-end;
	flex-direction: column;
	min-height: 100%;
	color: var(--white);
	padding-bottom: 5%;
}
#hero .container .hero-content {
	max-width: 35%;
	z-index: 2;
}
#wrapper {
	background-color: #000;
	position: relative;
}
#wrapper:before {
	content: '';
	background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0) 79.18%);
	position: absolute;
	top: -150px;
	left: 0;
	width: 100%;
	height: 150px;
}
#wrapper .section.main {
	padding: 12rem 100px;
}


/* -------- Section - Main Content */
#section.main-content {
	align-items: stretch; 
	width: 100%;
	max-width: 2200px; 
	margin: 0 auto;
	padding: 160px 0;
}	
#section.main-content > *{
	width: 50%;
	max-width: 50%;
	flex: 1 1 50%;
}
#section.main-content .sidebar {
	width: 35%;
	max-width: 35%;
	flex: 1 1 40%;
}
#section.main-content .items {
	width: 55%;
	max-width: 55%;
	flex: 1 1 60%;
}		
.sidebar h2 {
	color: var(--white); 
	position: sticky; 
	top: 100px;
	font-size: 48px;
	line-height: 60px;
	padding: 40px 120px 40px 40px;
}	
.items .item {justify-content: space-between;}	
.items .item > * {border-radius: 8px;}	
.items .item .item-content {
	width: calc(58% - 20px); 
	max-width:	width: calc(58% - 20px); 
	flex: 1 1 58%; 
	color: var(--white); 
	padding: 40px;
	z-index: 1;
}	
.items .item img {
	width: calc(42% - 20px); 
	max-width: calc(42% - 20px); 
	flex: 1 1 42%;
	margin-left: -20px;
	z-index: 0;
	transform: scale(1.2);
}		
.items .item:nth-child(even) img {
	margin-right: -20px;
	margin-left: 0;
}
.items .item:nth-child(odd) .item-content {
	padding: 40px 120px 40px 40px;
}
.items .item:nth-child(even) {
	flex-direction: row-reverse;
}
.items .item:nth-child(even) .item-content {
	background-color: var(--white); 
	color: var(--black);
}	



/* -------- Section - PriceList */
#section.price-list {
	width: 100%;
	max-width: 2000px;
	margin: 0 auto;
	margin-bottom: -200px;
	background-color: var(--white);
	border: solid 1px;
	border-color: var(--grey);
	border-radius: 8px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
#section.price-list .top {
	align-items: stretch;
}
#section.price-list .top > * {
	padding: 20px 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	border-right: 1px solid #BCBCBC;	
}
#section.price-list .top > * > *,
#section.price-list .top .season-info > * {
	width: 100%;
	min-width: 100%;
	flex: 1 1 100%;
	display: flex;
	justify-content: center;
}
#section.price-list .season-info {
	display: block;
}
#section.price-list .season-desc {
	margin-bottom: 10px;
}
#section.price-list .low-season,
#section.price-list .additional-payments {
	width: 40%;
	max-width: 40%;
	flex: 1 1 40%;
}
#section.price-list .high-season {
	width: 20%;
	max-width: 20%;
	flex: 1 1 20%;
}
#section.price-list .additional-payments {
	border-right: 0;
	background-color: var(--lightgrey);
	align-items: flex-start;
}
#section.price-list .additional-payments h3 {
	display: block;
	width: 100%;
	text-align: center;
}


#section.price-list p {
	font-size: 16px;
	margin-bottom: 0;
}
.price-term {
	text-align: center;
	margin-top: 8px;
}
.price-per {
	margin: 15px 0 0 0;
	align-items: flex-end;
}
span.currency {
	font-size: 40%;
}
.additional-payments h4 {
	font-size: 16px;
	line-height: 24px;
	margin: 20px 0 0 0;
}
#section.price-list .additional-payments p {
	font-size: 16px;
	margin-top: 20px;
}

#section.price-list .cols {
	width: 100%;
}
#section.price-list .cols > * {
	width: 50%;
	max-width: 50%;
	flex: 1 1 50%;
	flex-wrap: wrap;
	align-items: center;
}
#section.price-list .cols > *,
.single-column {
	display: flex;
	flex-direction: column;
	padding: 20px 0;
}
#section.price-list .cols .col-2 {
	position: relative;
} 
#section.price-list .cols .col-2:before {
	content: '';
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--grey);
} 


#section.price-list .top .bottom {
	background-color: var(--grey); 
	display: grid; 
	grid-template-columns: repeat(4, 1fr); 
	padding: 25px 40px;
	width: 100%;
}
#section.price-list .top .bottom > * {
	padding: 10px 20px; 
	display: flex; 
	align-items: center; 
	justify-content: flex-start;
}
#section.price-list .top .bottom .single-el {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#section.price-list .top .bottom .single-el img {
	width: 35px;
	max-width: 35px;
	height: 35px;
	max-height: 35px;
	object-fit: contain;
	margin-right: 10px;
}


/* -------- Section - CTA */
#section.cta {
	text-align: center;
	color: var(--white);
	padding: 400px 0 180px 0;
	position: relative;
}
#section.cta:before {
	content: '';
	background-color: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#section.cta h1,
#section.cta p,
#section.cta a {
	width: 50%;
	max-width: 50%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#section.cta p {
	max-width: 40%;
}
#section.cta h1 {
	font-size: 80px;
	line-height: 80px;
	font-weight: 300;
	letter-spacing: -1px;
}
#section.cta p {
	font-weight: 400;
	font-size: 18px;
	line-height: 30px;
	margin: 0 auto;
	color: var(--white);
	margin-top: 2.0rem;
	margin-bottom: 2.0rem;	
}

/* -------------------------------------- Booking */
body.page-template-booking #content {
	display: flex;
	flex-wrap: wrap;
}
.booking-header {
	width: 75vw;
	height: 100vh;
	flex: 1 1 75%;
	position: relative;
	background-size: cover;
	background-position: center;
}
body.page .main-content {
	width: 25vw;
	min-height: 100vh;
	flex: 1 1 25%;
}
.form-hint {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 20px;
}
.booking-header-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
}
.booking-header-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
}
.block_hints .wpdev_hint_with_text .block_text {
	color: var(--white);
}
.wpbc_theme_dark_1 .wpbc_after_booking_thank_you_section .wpbc_ty__container {
	background: transparent;
}
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__header {
	border-left: solid 5px var(--white);
}

/* -------------------------------------- Calendar */
.wpbc_booking_form_simple .wpbc_wizard_step .wpbc_r_calendar.wpbc__field .block_hints {
	justify-content: flex-start;
}
h4.form-step,
h2.form-title {
	color: var(--grey);
}
.add-animal {
	font-size: 14px;
	line-height: 20px;
	margin-left: 16px;
	padding: 2px 4px;
	color: var(--black);
	background: var(--grey);
	border-radius: 8px;	
}
.add-animal-info {
	color: #FF6060;
	font-size: 12px;
}
.form-hints {
	color: var(--white);
	padding: 5px 0 10px 20px;
}
.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light,
.wpbc_theme_dark_1.wpbc_container.wpbc_form .wpbc_button_light:hover {
	margin-left: 20px;
}

/* -------------------------------------- RWD */
@media screen and (max-width: 2480px) {
	footer .container,
	#section.main-content {
		max-width: 2000px;
	}
}
@media screen and (max-width: 2080px) {
	.container,
	.entry-content,
	#section.price-list,
	footer .container {
		max-width: 1720px;
	}
	#section.main-content {
		max-width: 100%;
		padding-left: 2%;
		padding-right: 2%;
	}
	.single-slide {
		min-height: 850px;
		align-items: flex-end;
	}
	.single-slide .slide-content {
		height: 150px;
		margin-top: auto;
		margin-bottom: 25px;
	}
	.owl-nav {
		top: auto;
		bottom: 270px;
	}
}
@media screen and (max-width: 1800px) {
	.container,
	.entry-content,
	#section.price-list,
	footer .container {
		max-width: 1640px;
	}
}
@media screen and (max-width: 1680px) {
	.container,
	.entry-content,
	footer .container,
	footer .footer-widgets .container {
		max-width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	#section.price-list {
		max-width: 90%;
		margin: 0 5% -200px 5%;
	}
}
@media screen and (max-width: 1480px) {
	#section.price-list .low-season,
	#section.price-list .high-season, 
	#section.price-list .additional-payments,
	#section.price-list .top .bottom {
		width: 50%;
		max-width: 50%;
		flex: 1 1 50%;
		border: none;
	}
	#section.price-list:after {
		  content: "";
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  left: 50%;
		  width: 1px;
		  background-color: var(--grey);
		  transform: translateX(-50%); /* Ensures the line is centered */
	}
	#section.price-list .top .bottom {
		padding: 10px 10px 20px 10px;
		grid-template-columns: repeat(2, 1fr);
	}
	#section.price-list .top .bottom > * {
		padding: 10px;
	}
	.single-el p, .single-el p a, .single-el .single-el-txt,
	#section.price-list .single-el p, #section.price-list .single-el p a {
		font-size: 14px;
	}
	#section.cta h1, #section.cta p, #section.cta a {
		width: 60%;
		max-width: 60%;
	}
	.sidebar h2 {
		padding: 40px;
	}
	.items .item:nth-child(odd) .item-content {
		padding: 40px 60px 40px 40px;
	}	
	footer .footer-widgets .container {
		max-width: 100%;
		padding-left: 2%;
		padding-right: 2%;
		display: flex;
		flex-wrap: wrap;
	}
	footer .footer-widgets .container > * {
		width: 25%;
		max-width: 25%;
		flex: 1 1 25%;
	}
}
@media screen and (max-width: 1380px) {
	.items .item {
		margin-bottom: 150px;
	}
	.items .item:last-of-type {
		margin-bottom: 50px;
	}
	.items .item img {
		width: calc(52% - 20px);
		max-width: calc(52% - 20px);
		flex: 1 1 52%;
		transform: scale(1.1);
	}
	.items .item .item-content {
		width: calc(48% - 20px);
		max-width: width: calc(48% - 20px);
		flex: 1 1 48%;
	}	
	.booking-header {
		width: 65vw;
		height: 100vh;
		flex: 1 1 65%;
	}
	body.page .main-content {
		width: 35vw;
		min-height: 100vh;
		flex: 1 1 35%;
	}	
}
@media screen and (max-width: 1280px) {
	.single-slide .slide-content {
		max-width: 45%;
		height: auto;
	}
	.items .item {
		margin-bottom: 100px;
	}
	.items .item img {
		width: calc(42% - 20px);
		max-width: calc(42% - 20px);
		flex: 1 1 42%;
		transform: scale(1.3);
	}
	.items .item .item-content {
		width: calc(58% - 20px);
		max-width: width: calc(58% - 20px);
		flex: 1 1 58%;
	}	
	.items .item:nth-child(odd) .item-content {
		padding: 40px 80px 40px 40px;
	}	
}
@media screen and (max-width: 1180px) {
	#section.main-content {
		max-width: 100%;
		padding-left: 2%;
		padding-right: 2%;
	}
	#section.main-content .sidebar,
	#section.main-content .items {
		width: 100%;
		max-width: 100%;
		flex: 1 1 100%;
	}
	.sidebar h2 {
		position: relative;
		top: 0;
		text-align: center;
	}
	.items .item {
		margin-bottom: 0;
	}
	.items .item img {
		width: calc(42% - 20px);
		max-width: calc(42% - 20px);
		flex: 1 1 42%;
		transform: scale(1);
	}
	#section.price-list .top .bottom {
		grid-template-columns: 1fr;
	}
}
@media screen and (max-width: 1080px) {
	#hero .container .hero-content {
		max-width: 55%;
	}
	footer .footer-widgets .container {
		display: block;
	}
	footer .footer-widgets .container > * {
		width: 100%;
		max-width: 100%;
		flex: 1 1 100%;
		padding-left: 5%;
	}
	footer .footer-widgets .container .col-1 {
		margin-bottom: 30px;
	}
	#section.price-list .cols > * {
		width: 100%;
		max-width: 100%;
		flex: 1 1 100%;
	}
	footer .footer-widgets .container .col-2 {
		width: 100%;
		max-width: 100%;
		flex: 1 1 100%;
	}
	#section.price-list .cols .col-2:before {
		display: none;
	}
	.booking-header {
		width: 50vw;
		height: 100vh;
		flex: 1 1 50%;
	}
	body.page .main-content {
		width: 50vw;
		min-height: 100vh;
		flex: 1 1 50%;
	}	
}
@media screen and (max-width: 860px) {
	/* Typography */
	#section.cta h1 {
		font-size: 60px;
		line-height: 68px;
	}
	#section.cta h1, #section.cta p, #section.cta a {
		width: 80%;
		max-width: 80%;
	}
	
	/* Content */
	#hero .container .hero-content {
		max-width: 80%;
		text-align: center;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
		display: flex;
		flex-direction: column;
		z-index: 2;
	}
	.single-slide {
		min-height: 600px;
	}
	.single-slide .slide-content {
		max-width: 100%;
		width: 100%;
		height: 150px;
	}
	.items .item  {
		margin-bottom: 200px;
	}
	.items .item:first-of-type  {
		margin-top: 200px;
	}
	.items .item:last-of-type  {
		margin-bottom: 0;
	}
	.items .item img {
		width: 40%;
		max-width: 40%;
		flex: 1 1 40%;
		transform: scale(1.3);
		left: -10%;
		right: 0;
		position: relative;
	}
	.items .item:nth-child(even) img {
		margin-right: 0;
		left: 10%;
		right: 0;
	}
	.items .item .item-content {
		width: 60%;
		max-width: 60%;
		flex: 1 1 60%;
	}
	.items .item:nth-child(odd) .item-content {
		padding-right: 130px;
	}
	
	.booking-header {
		width: 35vw;
		height: 100vh;
		flex: 1 1 35%;
	}
	body.page .main-content {
		width: 65vw;
		min-height: 100vh;
		flex: 1 1 65%;
	}
}
@media screen and (max-width: 680px) {
	#wrapper .section.main {
		padding: 10%;
	}
	#wrapper .section.main p {
		font-size: 16px;
	}
	#section.cta h1 {
		font-size: 48px;
		line-height: 60px;
	}
	.booking-header {
		width: 25vw;
		height: 100vh;
		flex: 1 1 25%;
		display: none;
	}
	body.page .main-content {
		width: 100vw;
		min-height: 100vh;
		flex: 1 1 100%;
	}
	footer .footer-widgets .container > * {
		padding-left: 10%;
	}
	footer .footer-widgets .container .col-2 {
		display: block;
	}
	footer .container {
		display: block;
	}
	footer .container > * {
		width: 100%;
		max-width: 100%;
		flex: 1 1 100%;
	}
	.created-by {
		text-align: left;
	}
}




#booking-calendar {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    background: #000;
    padding: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    z-index: 100;
	text-align: center;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
  }
.show {
	display: block !important;
}
#booking-calendar h2 {
	color: #fff;
	margin-bottom: 20px;
	font-size: 20px;
}
.block_hints.datepick {display: none;}	
#approve-booking {
	cursor: pointer;	
	display: inline-block;
	border: solid 1px #fff;
	border-radius: 8px;
	padding: 12px 20px;
	text-align: center;
	background: transparent;
	text-transform: uppercase;
	color: #fff;
	transition-duration: .3s;
}	
#approve-booking:hover {
	background: #fff;
	color: #000;
}	
.wpbc_no_custom_width.bk_calendar_frame {margin: 30px auto;}	
	
.regulations p {
	padding: 0;
	margin-bottom: 0;
}
.regulations span.wpdev-list-item {
	line-height: 20px;
}

/* Buttons */
#show-booking {
	display: table;
	background-color: transparent;
	padding: 12px 20px;
	border: solid 1px #fff;
	border-radius: 8px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	transition-duration: .3s;
}
#show-booking:hover {
	background-color: #fff;
	color: #000;
}
#show-booking,
#approve-booking  {
	margin: 30px auto;
	font-size: 12px;
}
.wpbc_front_end__message.wpbc_fe_message.wpbc_fe_message_warning {
	font-size: 11px;
}






.wpbc_theme_dark_1 .wpbc_after_booking_thank_you_section .wpbc_ty__container {
	background-color: transparent;
}
.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__header {
	border-left: solid 5px #fff;
}