

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%;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-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}

:root{
    --white:white;
    --border-color:#f0f0f0;
    --border-dark:#dedede;
	--text-color: #464646;
	--dark-text: #2b2b2b;
    --main-color:#6dacb5;
	--alt-color:#62667f;
    --main-hover:#b69854;
    --main-dark:#e0ae3b;
	--link-color:rgb(27, 167, 221);
	--bg-gray:#f1f0ed;
	--black:#333;
    --xsmall:11px;
    --small:14px;
    --normal:15px;
    --medium:18px;
    --large:22px;
    --xlarge:26px;
    --xxlarge:30px;
    --xxxlarge:34px;
}

/*===general rules===*/
*, html, body{
    position:relative;
}
body{
    width: 100vw;
    overflow-x: hidden;
}

.wrapper{
    width:100%;
    max-width: 1400px;
    margin: auto;
    padding:0 20px;
}
.hidden{display: none;}

#wrapper {
	width: max-content;
	overflow-y: auto;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: flex-end;
	height: max-content;
	position: relative;
	left: 0;
	transition: left 0.4s;
}
    #wrapper.mobile{left: -260px;}

#container {
	min-width: 100vw;
	width: 100vw;
	height: max-content;
	overflow: hidden;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
#mobile-menu {
	min-width: 260px;
	width: 260px;
}

/*===general elements=====*/
#content{flex:1;}
/*---img---*/
img {
	max-width: 100%;
	height: auto;
}
/*----bnt-----*/
.btn {
	text-decoration: none;
    padding: 8px 16px;
	display: inline-block;
	background: var(--main-color);
	color: var(--white);
	border: none;
	font-weight: bold;
	transition: background 0.2s;
    cursor: pointer;
    letter-spacing: 0.05em;
}
    .btn:hover {background: var(--main-hover);}
	.btn.booknow-btn i {
		background: var(--main-dark);
		display: inline-block;
		padding: 8px;
		border-radius: 50pc;
		margin-right: 4px;
		color: inherit;
	}
	
	

.btn.wp-block-buttons.btn.is-layout-flex.wp-block-buttons-is-layout-flex {
	background: none;
	padding: 8px 0;
	font-size: var(--normal);
}
.wp-block-button.btn {
	background: none;
	padding: 0;
}
/*----arrow-----*/
.arrow {
	display: inline-block;
	padding: 15px 20px;
	position: absolute;
	right: 5px;
	top: 0;
	cursor: pointer;
	transition: transform 0.2s;
	color: var(--text-color);
}
.arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.arrow-up {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.post-header {
	background: var(--bg-gray);
	padding: 50px 0;
}
.post-header h1 {
	font-weight: normal;
	line-height: 38px;
}
/*====sidebar page====*/
.sidebar-page {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
  padding: 50px 20px;
}
.main-content {
	flex: 3;
	min-width: 600px;
}
.sidebar-page .sidebar {
	flex: 1;
	min-width: 300px;
	padding: 0 20px;
}

/*===page signle===*/
.page-single .header {
    padding: 30px 0;
	background: var(--bg-gray);
}
.page-single .header h1{font-size: var(--xlarge);}

.page-single .entry-content {
	padding: 50px 0;
}
#breadcrumbs {
	padding: 2px 0;
	margin: 0;
	word-spacing: 6px;
}
#breadcrumbs *{text-decoration: none;}


.bg-overlay {
	background-color: rgb(0, 0, 0,0.6);
	opacity: 0.4;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.full-height {
	height: 100%;
}

.mobile-hide{ display: none;}

@media only screen and (min-width:600px){
	.wrapper{width:95%;}	
	.mobile-hide{ display: initial;}
	.tablet-hide{display: none;}
}
