/* global */
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #314913; font-family: 'Open Sans', sans-serif; background-color: #e2eefb;  }
.no-scroll { overflow: hidden }
.overlay { background-color: rgba(0, 0, 0, 0.7); display: none; height: 100vh; opacity: 0; position: fixed; transition: all 0.5s ease-in-out; width: 100vw; z-index: 998 }
	.overlay.active { display: block; opacity: 1 }
a { text-decoration: none !important; }
.white-background { background-color: #fff; }
header { /*background-color: #395D33;*/ background-color: #314913; border-bottom: 4px solid #FFF }
	header #header-logo { width: 480px }
	header #header-social { padding: 20px 10px 20px 0; text-align: right }
		header #header-social a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; color: rgba(255, 255, 255, .5); font-size: 18px; margin-left: 20px; transition: 0.3s }
		header #header-social a:hover { color: rgba(255, 255, 255, 1) }
	header .navbar { font-size: 16px; padding: 0 }
		header .navbar .nav-item .nav-link { -moz-border-top-left-radius: .25rem; -moz-border-top-right-radius: .25rem; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-border-top-left-radius: .25rem; -webkit-border-top-right-radius: .25rem; -webkit-transition: 0.3s; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #FFF; font-size: 16px; padding-bottom: .75rem; padding-left: .75rem; padding-right: .75rem; text-transform: uppercase; transition: 0.3s; margin-left: .2rem; }
		header .navbar .nav-item .nav-link:hover, header .navbar .nav-item .nav-link:focus, header .navbar .nav-item.active .nav-link { background-color: #FFF; color: #314913 }
#landscape { background: url('/img/layout/bg-landscape-6.jpg') no-repeat top center; background-size: cover; color: #FFF; height: 813px; position: relative; text-align: center; }
	#landscape #landscape-text { bottom: 200px; left: 0; margin: auto; position: absolute; right: 0; background-color: RGBA(0,0,0,0.60); padding: 30px 60px; font-weight: 300; }
	#landscape h3 { font-family: 'mencken-std'; font-size: 39px; font-style: italic; margin: 0 }
	#landscape p { font-size: 19px; margin: 0; padding: 30px 150px 0 150px }
#map { text-align: center; background-color: #fdf9f1; }
	#map #map-text { padding: 45px 0 50px 0 }
	#map #map-text img { width: 550px }
		#map #map-text h4 { font-family: 'mencken-std'; font-size: 30px; margin: 0; padding-top: 30px }
	#map iframe { border: none; height: 530px; width: 100% }
#share-this { padding: 55px 0 50px 0; text-align: center }
	#share-this h5 { font-size: 16px; margin: 0 0 5px 0 }
footer { background-color: #314913; color: #FFF }
	footer #footer-logo { display: block; margin: 30px 0 }
	footer address { font-size: 16px; margin: 0; padding-left: 30px }
	footer #footer-contact { font-size: 16px }
		footer #footer-contact a { color: #FFF; font-weight: 700 }
	footer #footer-right { text-align: right }
		footer #footer-right #footer-links { font-size: 16px }
			footer #footer-right #footer-links a { color: #FFF }
	footer #footer-social { padding-top: 10px }
		footer #footer-social a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; color: rgba(255, 255, 255, .5); font-size: 18px; margin-left: 20px; transition: 0.3s }
		footer #footer-social a:hover { color: rgba(255, 255, 255, 1) }
#footer-bottom { background-color: #2D2D2E; border-top: 1px solid #707070; color: #FFF; font-size: 14px; font-weight: 300; padding: 10px 0 }
	#footer-bottom #footer-bottom-copyright a { color: #FFF }
	#footer-bottom #footer-bottom-copyright br { display: none }
	#footer-bottom #footer-bottom-designed { text-align: right }
		#footer-bottom #footer-bottom-designed img { padding-left: 5px; position: relative; top: -1px; width: 220px }

.food-hygiene-rating { width: 75%; margin-top: 30px; }

.capacity { text-transform: uppercase; font-weight: 700; margin-bottom: 10px; }
.price { margin-bottom: 30px; }
.bedroom { border: solid 1px #2D2D2E; padding: 10px 20px; text-align: center; margin-bottom: 30px; }
	.bedroom .bedroom-icons { font-weight: 600; font-size: 22px; }
		.bedroom .bedroom-icons span { font-weight: 600; font-size: 18px; }
	.bedroom .bedroom-title { font-weight: 600; font-size: 16px; }
	.bedroom .bedroom-kit { font-weight: 400; text-transform: uppercase; font-size: 12px; }

/* sidebar */
#sidebar { background-color: #2D2D2E; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); color: #FFF; height: 100vh; left: -275px; overflow-y: scroll; position: fixed; top: 0; transition: all 0.3s; width: 275px; z-index: 999999 }
	#sidebar.active { left: 0 }
	#sidebar .sidebar-header { padding: 20px 10px 17px 10px }
		#sidebar .sidebar-header h3 { font-size: 28px }
	#sidebar #dismiss { background-color: #314913; color: #FFF; cursor: pointer; height: 35px; line-height: 35px; position: absolute; right: 10px; text-align: center; top: 20px; width: 35px }
	#sidebar ul { margin: 0 }
		#sidebar ul p { color: #FFF; padding: 10px }
		#sidebar ul li a { color: rgba(255,255,255, 0.6); display: block; font-size: 18px; padding: 10px; text-decoration: none !important }
		#sidebar ul li a:hover { color: #FFF }
		#sidebar ul li.active>a, #sidebar a[aria-expanded="true"] { color: #FFF !important }
		#sidebar ul ul a { background-color: #395D33; color: #FFF; font-size: 16px !important; padding-left: 30px !important }
	#sidebar a[data-toggle="collapse"] { position: relative }
	#sidebar .dropdown-toggle::after { display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) }

/* cookie bar */
#cookie-bar { background-color: #2D2D2E; bottom: 0; color: #FFF; height: auto; line-height: 24px; padding: 8px 0; position: fixed; text-align: center; width: 100%; z-index: 2000 }
	#cookie-bar p { font-size: 14px; margin: 0; padding: 0; text-shadow: none }
	#cookie-bar br { display: none }
	#cookie-bar a { border-radius: 4px; color: #FFF; display: inline-block; font-size: 14px; margin-left: 8px; padding: 0 6px; text-decoration: none }
	#cookie-bar .cb-enable { background-color: #314913 }
	#cookie-bar .cb-policy { background-color: rgba(255, 255, 255, .25) }

    .instagram-gallery-btn img { width: 360px!important; display: block; margin-left: auto; margin-right: auto; }

@media (max-width: 4200px) {
	/* global */
	.container { max-width: 1560px }
}

@media (max-width: 1589px) {
	/* global */
	.container { max-width: 1140px }
	header #header-social a { font-size: 16px }
	header .navbar { font-size: 13px }
		header .navbar .nav-item .nav-link { font-size: 15px; padding-left: .35rem; padding-right: .35rem }
	#landscape { height: 750px }
		#landscape #landscape-text { bottom: 200px; padding: 30px 0; }
		#landscape h3 { font-size: 32px }
		#landscape p { font-size: 17px; padding: 30px 100px 0 100px }
	#map #map-text img { width: 400px }
	#map #map-text h4 { font-size: 26px }
	#map iframe { height: 480px }
	footer address { font-size: 11px }
	footer #footer-contact { font-size: 11px }
	footer #footer-right #footer-links { font-size: 12px }
	footer #footer-social a { font-size: 16px }
}

@media (max-width: 1199px) {
	/* global */
	.container { max-width: 960px }
	header #header-social { padding: 15px 10px 15px 0 }

	header .navbar { font-size: 12px }
		header .navbar .nav-item .nav-link { font-size: 14px }

	#landscape { height: 650px }
		#landscape #landscape-text { bottom: 175px; padding: 30px 0;  }
		#landscape h3 { font-size: 28px }
		#landscape p { font-size: 15px; padding: 30px 100px 0 100px }
	#map iframe { height: 450px }
	footer address { font-size: 14px }
	footer #footer-contact { font-size: 14px }
	footer #footer-right { padding-top: 20px; text-align: center; width: 100% }
		footer #footer-right #footer-links { font-size: 14px }
	footer #footer-social { padding-bottom: 30px }
		footer #footer-social a { font-size: 18px; margin: 0 10px }
	#footer-bottom { font-size: 13px }
}

@media (max-width: 991px) {
	/* global */
	.container { max-width: 720px }
	header #header-social { padding-bottom: 10px }
	header .navbar-toggler { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #FFF; font-size: 16px; margin-bottom: 15px; outline: none; padding-right: 9px; text-align: right; text-transform: uppercase; width: 100% }
		header .navbar-toggler i { font-size: 18px }
	#landscape #landscape-text { bottom: 125px; }
	#landscape p { padding: 30px 50px 0 50px }
	#map iframe { height: 420px }
	footer #footer-logo { margin-bottom: 40px; text-align: center }
	footer address { padding: 0; text-align: center }
	footer #footer-contact { text-align: center }
	footer #footer-right { padding-top: 40px }
	#footer-bottom { font-size: 14px; padding-bottom: 13px; text-align: center }
		#footer-bottom #footer-bottom-designed { padding-top: 5px; text-align: center }
}
.instagram-gallery-btn img { margin-top: 30px; }

@media (max-width: 767px) {
	/* global */
	.container { max-width: 540px }
	#landscape #landscape-text {  padding: 30px; }
	#landscape p { padding: 30px 0 0 0 }
	#map #map-text img { width: 350px }
	#map #map-text h4 { font-size: 22px }
	#map iframe { height: 350px }
}

@media (max-width: 575px) {
	/* global */
	.container { max-width: 100% }
	header #header-logo { margin: 20px auto; width: 320px }
	header #header-social { display: none }
	header .navbar-toggler { text-align: center }
	#landscape { height: 813px }
		#landscape #landscape-text { bottom: 100px; width: 100% }
	#map #map-text img { width: 320px }
	#footer-bottom #footer-bottom-copyright span { display: none }
	#footer-bottom #footer-bottom-copyright br { display: inline }
	#footer-bottom #footer-bottom-designed { padding-top: 8px }

	/* cookie bar */
	#cookie-bar br { display: inline }
}

@media (max-width: 374px) {
	/* global */
	#landscape h3 { font-size: 24px }
	#landscape p { font-size: 14px }
	#map #map-text img { width: 100% }
}