/*
Theme Name: Paspective Bespoke Theme
Theme URI: http://example.com/paspective/
Description: Twenty Twenty Child Theme
Author: Peter Andrease
Author URI: http://example.com
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-sixteen-child
*/
* {
	border: 0;
	outline: 0;
}
body {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-family: "Poppins", sans-serif;
	background: #0a0a0a;
}
@font-face {
    font-family: 'book_antiquaregular';
    src: url('fonts/book-antiqua-webfont.woff2') format('woff2'),
         url('fonts/book-antiqua-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.wrapper {
	width: 1280px;
	max-width: 90%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.narrow-content-wide {
	width: 900px;
	max-width: 80%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
.narrow-content {
	width: 750px;
	max-width: 80%;
	margin: 0 auto;
	padding-bottom:20px;
	text-align: center;
	position: relative;
}
	.top-header {
		padding: 10px 0 5px 0;
		border-bottom: 1px solid #c1af6d;
	}
	.head-email {
		position:absolute;
		right:-50px;
		bottom: 5px;
		color: #fff;
		font-size: 17px;
		text-decoration: none;
	}
	.head-email:hover {
		color: #c1af6d;
	}

	.top-header {
		padding: 15px 0 5px 0;
		border-bottom: 1px solid #c1af6d;
	}
	.top-header ul {
		margin: 10px 0 0 0;
		padding: 0;
		list-style:none;
	}
	.top-header ul li {
		color:#fff;
		display: inline-block;
		padding: 0 15px;
	}
	.top-header ul li a {
		font-size:15px;
		color:#fff;
		text-decoration:none;
		text-transform: uppercase;
	}
	.top-header ul li a:hover {
		color:#efd88a;
	}
	.main-header {
		background: url("images/luxury-escapes.webp") no-repeat center center;
		background-attachment: fixed;
		background-size: cover;
		padding: 220px 0;
		border-bottom: 1px solid #c1af6d;
	}
	h1 {
    	font-family: 'book_antiquaregular';
		font-size: 50px;
		line-height: 58px;
		color: #fff;
		margin: 0 auto;
		font-weight: normal;
		text-transform:uppercase;
	}
	h2 {
    	font-family: 'book_antiquaregular';
		font-size: 40px;
		line-height: 45px;
		color: #efd88a;
		margin: 0 auto 20px auto;
		font-weight: normal;
	}
	h3 {
    	font-family: 'book_antiquaregular';
		font-size: 35px;
		line-height: 36px;
		color: #efd88a;
		margin: 0 auto 20px auto;
		font-weight: normal;
	}
	p {
		color: #fff;
		font-size: 16px;
		line-height: 26px;
		font-weight: 500;
		margin-bottom: 25px;
	}
	h1.top-title {
		color: #fff;
		font-size: 32px;
		line-height: 34px;
		font-weight: 500;
		margin: 100px 0 30px 0;
		text-transform:uppercase;
	}
p.info-text {
		font-size: 26px;
		line-height: 30px;
		color: #efd88a;
}
p a {
	color:#efd88a;
	text-decoration:none;
}
p a:hover {
	text-decoration:underline;
}
	.main-but {
		border-radius: 5px;
		color: #000;
		text-align: center;
		background: #efd88a;
		border: 1px solid #efd88a;
		display: inline-block;
		padding: 12px 35px;
		text-decoration: none !important;
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
.hollow-but {
	background:000;
		color: #efd88a;
		padding: 12px 50px;
}
.available-but {
	margin: 25px auto;
}
#mobile-menu .main-but {
		padding: 10px 25px;
		font-size: 16px;
}
.top-img {
	border-bottom: 1px solid #e8bb62;
	width:100%;
	height:auto;
	margin-bottom: 100px;
}
.head-but {
	position:absolute;
	right:0;
	bottom: 60px;
	padding: 8px 20px;
	font-size: 15px;
	line-height: 15px;
}
	.main-but:hover {
		color: #fff;
		background: #000;
	}
	.hollow-but:hover {
		color: #000;
		background: #efd88a;
	}
	.content-area {
		padding: 50px 0;
	}
.gallery-area {
	padding-top:40px;
	padding-bottom:40px;
}
.main-gallery {
	margin-top:60px;
}
.post-meta-edit-link-wrapper {
	display:none !important;
}
.wide-img {
	height: auto;
	width:100%;
	margin-top: 50px;
}

.package-column {
	float:left;
	width:30.33333%;
	margin: 20px 1.5%;
}
.package-column img {
	max-width: 100%;
	height: auto;
	border: 1px solid #e8bb62;
	margin: 0 auto;
}
.package-column h3 {
	font-family: "Poppins", sans-serif;
	color:#fff;
	font-size:20px;
	line-height:24px;
	margin: 10px auto 3px auto;
}
.package-column p {
	margin: 0 auto;
}
img.border-img {
	border: 1px solid #e8bb62;
	margin: 30px auto;
	max-width:100%;
	height:auto;
}
img.hamper-img {
	margin-top: 60px;
}
.white-text {
	color:#fff !important;
}

#sb_instagram {
	margin:0!important;
	padding: 0 !important;
}

	.footer {
		padding: 30px 0 20px 0;
		text-align: center;
		position: relative;
		background: #111111;
		margin-top: 80px;
	}
	.footer p {
		margin: 0 auto;
		font-size: 15px;
		font-weight: 500;
	}
	.footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.footer ul li {
		display: inline-block;
		padding: 0 7px;
		font-size: 15px;
		font-weight: 500;
	}
	.footer ul li a {
		color: #fff;
		text-decoration: none;
	}
	.footer ul li a:hover {
		color: #efd88a;
	}
	.footer-line {
		width: 100%;
		height: 2px;
		background: #efd88a;
		margin: 40px auto;
	}
	.footer-logo {
		padding: 0 10px;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 45px;
		z-index: 2;
	}
	.footer-logo img {
		background: #111111;
		padding: 0 10px;
	}
	.property-area {
		padding-top: 30px;
	}
	.property-column {
		float: left;
		width: 31.3333%;
		padding: 0 1%;
	}
.property-column p {
	margin:0;
}
	.property-column img {
		max-width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	p.property-sub-title {
		font-size: 25px;
		border-bottom: 1px solid #fff;
		padding-bottom: 12px;
		max-width: 86%;
		margin: 0 auto;
	}
	p.tbc-text {
		font-size: 28px;
		line-height: 30px;
		margin: 77px auto;
	}
	.outline-but {
		border-radius: 5px;
		color: #efd88a;
		text-align: center;
		border: 1px solid #efd88a;
		display: inline-block;
		padding: 12px 35px;
		text-decoration: none !important;
		font-size: 18px;
		line-height: 20px;
		font-weight: 600;
	}
	.outline-but:hover {
		color: #000;
		background: #efd88a;
	}
	.coming-soon-text {
		position: relative;
	}
	.coming-soon-text:after {
		content: "Coming Soon";
		position: absolute;
		left: 0;
		right: 0;
		top: 45%;
		color: #fff;
		font-size: 25px;
		line-height: 27px;
	}
	.property-summary {
		padding: 35px 0;
		max-width: 380px;
		margin: 0 auto;
	}
	.property-summary ul {
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}
	.property-summary ul li {
		-webkit-box-sizing: border-box; 
		 -moz-box-sizing: border-box;    
		 box-sizing: border-box;
		padding-bottom: 15px;
		float: left;
		text-align: left;
		width: 50%;
		color: #fff;
		font-size: 15px;
		background: url("images/hot-tub.svg") no-repeat left top;
		background-size: 25px auto;
		padding-left: 28px;
	}
	.property-summary ul li.pool {
		background-image: url("images/pool.svg");
	}
	.property-summary ul li.bbq {
		background-image: url("images/bbq.svg");
	}
	.property-summary ul li.wifi {
		background-image: url("images/wifi.svg");
	}
	.property-summary ul li.games {
		background-image: url("images/games.svg");
	}
	.property-summary ul li.air-con {
		background-image: url("images/air-conditioning.svg");
	}
.property-summary p {
	font-size:14px;
	line-height:18px;
}
.property-summary p a {
	color:#fff;
}
	
	/* ---------------------------------------------- */



/* ------------------- Mobile Menu --------------------- */

#mobile-menu {
	display: none;
	position: absolute;
	top: 28px;
	right: 0;
	-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;
}
#navbar.smaller #mobile-menu {
	top: 28px;
}
#mobile-menu .sub-menu {
	display: none !important;
}
#navbar.smaller #mobile-menu {
	top: 20px;
}
input#burger {
	display: none;
}
#mobile-menu input + label {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  width: 32px;
  z-index: 99995;
}
#mobile-menu input + label span {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 9px;
  margin-top: -1px;
  left: 0;
  display: block;
  border-radius: 20px;
  background: #fff;
  transition: .5s;
}
#mobile-menu input + label:hover span {
  background: #efd88a;
}
#mobile-menu input + label span:first-child { top: 0; }
#mobile-menu input + label span:last-child { top: 18px; }
#mobile-menu label:hover { cursor: pointer; }
#mobile-menu input:checked + label span {
  opacity: 0;
  top: 50%;
  background: #ffffff;
}
#mobile-menu input:checked + label span:first-child {
  opacity: 1;
  transform: rotate(45deg);
}
#mobile-menu input:checked + label span:last-child {
  opacity: 1;
  transform: rotate(-45deg);
}
#mobile-menu input ~ nav {
	background: #000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 0;
  text-align: center;
  z-index: 99994;
  transition: .5s;
  transition-delay: .5s;
  overflow: hidden;
}
#mobile-menu input ~ nav .mobile-links {
  opacity: 0;
  transition: .5s;
  transition-delay: 0s;
}
#mobile-menu input:checked ~ nav .mobile-links {
  opacity: 1;
  transition-delay: .5s;
}
#mobile-menu input ~ nav ul#menu-main-1 {
  list-style: none;
  margin: 0 auto;
  padding: 50px 0 15px 0;
}
#mobile-menu input ~ nav ul#menu-main-1 li {
  opacity: 0;
  transition: .5s;
  transition-delay: 0s;
  display: block;
  padding: 0 0 12px 0;
	font-size: 15px;
	line-height: 18px;
	font-weight: 600;
	text-transform: uppercase;
}
#mobile-menu input ~ nav ul#menu-main-1 li a {
  text-decoration: none;
  color: #ffffff;
}

#mobile-menu input ~ nav ul#menu-main-1 li a:hover, #mobile-menu input ~ nav ul#menu-main-1 li.current-menu-item a, #mobile-menu input ~ nav ul#menu-main-1 li.current_page_parent a {
	color: #efd88a;
}
#mobile-menu input:checked ~ nav {
  height: 100%;
  transition-delay: 0s;
}
#mobile-menu input:checked ~ nav ul#menu-main-1 li {
  opacity: 1;
  transition-delay: .5s;
}


.float-right {
	float: right !important;
}
.no-padding {
	padding: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.no-padding-right {
	padding-right: 0 !important;
}
.no-padding-btm {
	padding-bottom: 0 !important;
}
.no-padding-left {
	padding-left: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-right {
	margin-right: 0 !important;
}
.no-margin-btm {
	margin-bottom: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.display-none {
	display: none !important;
}
.align-right {
	text-align: right !important;
}
.align-center {
	text-align: center !important;
}
.align-left {
	text-align: left !important;
}
.no-border {
	border: none !important;
}
.mobile-only {
    display: none;
}
	.clear {
		clear: both !important;
		height:1px;
		font-size:0;
	}
	.padding-area {
		height:60px;
		font-size:0;
	}
	
@media only screen and (max-width: 1300px) {
	.top-header ul li {
		padding: 0 10px;
	}
}

	
@media only screen and (max-width: 1200px) {
	.property-summary ul li {
		padding-bottom: 8px;
		float: none;
		width: 100%;
		font-size: 14px;
		margin: 0 auto;
		max-width: 160px;
	}
	p.tbc-text {
		margin: 107px auto;
	}
	
	#mobile-menu {
		display:block;
	}
	.non-mobile {
		display:none;
	}
}
	
@media only screen and (max-width: 800px) {
	
.package-column {
	float:none;
	width:100%;
	margin: 30px 0 0 0;
}
.package-column h3 {
	font-size:18px;
	line-height:22px;
	margin: 5px auto 0 auto;
}
img.border-img {
	margin: 20px auto;
}
img.hamper-img {
	margin: 60px auto 0 auto;
}
	
	
	h1.top-title {
		margin-top:50px;
	}
.top-img {
	margin-bottom: 50px;
}
	
	.head-email {
		position: static;
		font-size: 15px;
		line-height: 15px;
	}
	.top-header {
		padding: 10px 0;
	}
	.top-header img {
		width: 160px;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	.main-header {
		background-attachment: scroll;
		padding: 60px 0;
	}
	h1 {
		font-size: 40px;
		line-height: 45px;
	}
	h2 {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 25px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	p {
		font-size: 15px;
		line-height: 25px;
	}
	.main-but {
		padding: 10px 25px;
		font-size: 15px;
	}
	.coming-soon-text:after {
		font-size: 20px;
		line-height: 22px;
	}
#sb_instagram {
	margin:40px 0 0 0 !important;
}
	
}
@media only screen and (max-width: 580px) {
	
	.content-area {
		padding: 30px 0;
	}
	.property-area {
		padding-top: 10px;
	}
	.property-column {
		float: none;
		width: 100%;
		margin-bottom: 50px;
	}
	p.tbc-text {
		font-size: 22px;
		line-height: 26px;
		margin: 20px auto;
	}
	
	.property-summary {
		padding: 25px 0;
	}
	
	p.property-sub-title {
		font-size: 20px;
		padding-bottom: 10px;
	}
	.outline-but {
		border-radius: 5px;
		color: #efd88a;
		text-align: center;
		border: 1px solid #efd88a;
		display: inline-block;
		padding: 8px 25px;
		font-size: 16px;
	}
	.wide-img {
		margin-top: 30px;
	}
	.gallery-area {
    padding-bottom: 30px;
	}
	
	.wrapper {
		max-width: 84%;
	}
	h1 {
		font-size: 30px;
		line-height: 34px;
	}
	h2 {
		font-size: 30px;
		line-height: 34px;
	}
	h3 {
		font-size: 25px;
		line-height: 28px;
	}
	p {
		font-size: 14px;
		line-height: 24px;
	}
	
	.footer {
		padding: 25px 0 15px 0;
		margin-top: 30px;
	}
	.footer p {
		font-size: 14px;
	}
	.footer ul li {
		padding: 0 6px 4px 6px;
		font-size: 14px;
	}
	
	
}