/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> Site Content **/
.site-content {
	display: block !important;
}

/** General >> Site Content Link **/
.site-content a:not(.fl-button), 
.site-content :not(.pp-infobox)a {
	text-decoration: underline !important;
}

/** General >> Circle pp infobox **/
.circle .pp-infobox {
	width: 190px !important;
	height: 190px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	border-radius: 50% !important;
}

/** General >> Smaller Circle pp infobox **/
.smaller-circle .pp-infobox {
	width: 130px !important;
	height: 130px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	border-radius: 50% !important;
}

/** General >> Mobile Line Break **/
br.mobile-br {
	display: none !important;
}

/** General >> Content pp icon wrapper **/
.smaller-circle .pp-icon-wrapper {
	height: 32px !important;
}


/*= Header ==================== */

/** Header >> Scrolled Header Image **/
.fl-theme-builder-header-scrolled .fl-photo-content {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


/*= Main Menu ================= */

/** Main Menu >> Link **/
#menu-main-menu a {
	border: 1px solid rgb(255, 255, 255) !important;
}

/** Main Menu >> Menu main menu link (:hover) **/
#menu-main-menu a:hover {
	border-color: rgb(108, 177, 179) !important;
}

/** Main Menu >> Menu main menu link (:focus) **/
#menu-main-menu .current_page_item a {
	border-color: rgb(108, 177, 179) !important;
}


/*= Content =================== */

/** Content >> Body text link **/
.body-text a {
	text-decoration: underline !important;
}

/** Content >> Text link **/
.text a {
	color: rgb(32, 64, 70) !important;
	text-decoration: underline !important;
}

/** Content >> Entry-content FL Rich Text Link **/
.entry-content .fl-rich-text a {
	color: rgb(32, 64, 70) !important;
	text-decoration: underline !important;
}

/** Content >> Body text link (:hover) **/
.body-text a:hover {
	color: rgb(108, 177, 179) !important;
}


/*= Footer ==================== */

/** Footer >> Site footer link **/
.site-footer a {
	text-decoration: none !important;
}


/*= Homepage ================== */

/** Homepage >> .check-availability **/
.check-availability {
	margin-top: -60px !important;
	margin-bottom: 20px !important;
}

/** Homepage >> .check-availability h2 **/
.check-availability h2 {
	background-color: rgb(108, 177, 179) !important;
	border-top: 20px solid rgb(246, 245, 244) !important;
	border-right: 20px solid rgb(246, 245, 244) !important;
	border-bottom: 0 none rgb(246, 245, 244) !important;
	border-left: 20px solid rgb(246, 245, 244) !important;
	border-top-left-radius: 30px !important;
	border-top-right-radius: 30px !important;
}

/** Homepage >> .check-availability h2 span **/
.check-availability h2 span {
	padding: 10px !important;
	display: inline-block !important;
}

/** Homepage >> .check-availability h2 a span **/
.check-availability h2 a span {
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
}

/** Homepage >> .check-availability h2 a span:hover **/
.check-availability h2 a span:hover {
	color: rgb(32, 64, 70) !important;
}


/*= Hero images =============== */

/** Hero images >> Hero image (::after) **/
.hero-image::after {
	background-color: rgba(255, 255, 255, 0.7) !important;
	width: 100vw !important;
	height: 20px !important;
	position: absolute !important;
	bottom: 0 !important;
	display: block !important;
	content: "" !important;
}


/*= Homepage property grid ==== */

/** Homepage property grid >> #post-223 .homepage-property-container **/
#post-223 .homepage-property-container {
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
	background: rgb(255,255,255) !important;
	background: url("/wp-content/uploads/2021/12/elie-escapes-icon-white.svg") center center no-repeat, linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 2.2%, rgba(108,177,179,1) 2.2%, rgba(108,177,179,1) 100%) !important;
	background-size: 160px, cover !important;
}

/** Homepage property grid >> post 223 Pp content grid post image wp post image **/
#post-223 .pp-content-grid-post-image .wp-post-image {
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
}

/** Homepage property grid >> post 223 Homepage property container post title link (#2) **/
#post-223 .homepage-property-container-post-title a {
	font-family: "Playfair Display", serif !important;
	color: rgb(255, 255, 255) !important;
	font-size: 20px !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

/** Homepage property grid >> Homepage property container homepage property container post title **/
.homepage-property-container .homepage-property-container-post-title {
	text-align: center !important;
	padding-top: 8px !important;
	padding-bottom: 16px !important;
	margin-top: -8px !important;
	margin-bottom: 8px !important;
	/*padding-top: 8px;*/
}

/** Homepage property grid >> Pp content grid post image wp post image (:hover) **/
#post-223 .pp-content-grid-post-image .wp-post-image:hover {
	filter: opacity(0.7) !important;
}

/** Homepage property grid >> Homepage property container :hover post title **/
.homepage-property-container:hover .homepage-property-container-post-title {
	background-color: rgb(32, 64, 70) !important;
	padding-top: 7px !important;
	padding-bottom: 11px !important;
	margin-top: -7px !important;
	margin-bottom: -1px !important;
	position: relative !important;
}


/*= Single property =========== */

/** Single property >> Property glance **/
.property-glance {
	text-align: center !important;
}

/** Single property >> Property Glance fl html **/
.property-glance .fl-html {
	background-color: rgb(108, 177, 179) !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-top: 20px solid rgb(255, 255, 255) !important;
	border-right: 20px solid rgb(255, 255, 255) !important;
	border-left: 20px solid rgb(255, 255, 255) !important;
	border-top-left-radius: 30px !important;
	border-top-right-radius: 30px !important;
}

/** Single property >> Property Glance Fl html span **/
.property-glance .fl-html > span {
	font-weight: 600 !important;
	text-transform: uppercase !important;
}

/** Single property >> Pp overlay icon icon elie escapes icon (before) **/
.pp-overlay-icon .icon-elie-escapes-icon::before {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/** Single property >> Content title single **/
#content .title-single {
	font-family: "Playfair Display", serif !important;
	margin-bottom: 0 !important;
}

/** Single property >> Content sleeps single **/
#content .sleeps-single {
	font-family: Montserrat, sans-serif !important;
	color: rgb(108, 177, 179) !important;
	font-size: 15px !important;
	line-height: 50px !important;
	font-weight: 300 !important;
}


/*= Booking system ============ */

/** Booking system >> Stripe v3 div btn **/
.wpdevelop .stripe_v3_div a.btn {
	color: rgb(255, 255, 255) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	background-color: rgb(108, 177, 179) !important;
	margin-top: 15px !important;
}

/** Booking system >> Stripe v3 div btn (:hover) **/
.wpdevelop .stripe_v3_div a.btn:hover {
	background-color: rgb(32, 64, 70) !important;
}

/** Booking system >> Search results container booking search result title **/
.search_results_container .booking_search_result_title {
	font-family: "Playfair Display", serif !important;
	color: rgb(108, 177, 179) !important;
	font-size: 24px !important;
	line-height: 24px !important;
	font-weight: normal !important;
}

/** Booking system >> Search results a div (#1) **/
.search_results_a > div:nth-of-type(1) {
	height: 40px !important;
	position: relative !important;
	top: -20px !important;
}


/*= Testimonials ============== */

/** Testimonials >> Single pp testimonials heading **/
.single .pp-testimonials-heading {
	width: 320px !important;
	padding: 5px 10px 10px 10px !important;
	margin-right: calc(50% - 160px) !important;
	margin-bottom: 10px !important;
	margin-left: calc(50% - 160px) !important;
	border-width: 1px !important;
	border-style: solid !important;
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	display: inline-block !important;
}


/*= Properties page =========== */

/** Properties page >> Pp content grid post **/
.pp-content-grid-post {
	text-align: center !important;
	margin-bottom: 40px !important;
}

/** Properties page >> Pp content grid post title link **/
.pp-content-grid-post-title a {
	font-family: "Playfair Display", serif !important;
	color: rgb(32, 64, 70) !important;
	font-size: 24px !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	display: block !important;
}

/** Properties page >> pp content grid post title **/
.pp-content-grid-post-title {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

/** Properties page >> Pp content grid post meta **/
.pp-content-grid-post-meta {
	color: rgb(32, 64, 70) !important;
	font-size: 16px !important;
	margin-bottom: 15px !important;
}

/** Properties page >> Pp content grid post more link button **/
.pp-content-grid-post-more-link button {
	color: rgb(255, 255, 255) !important;
	font-weight: 400 !important;
	background-color: rgb(108, 177, 179) !important;
	padding: 5px 20px 5px 20px !important;
}

/** Properties page >> Pp content grid post more link link **/
.pp-content-grid-post-more-link a {
	color: rgb(255, 255, 255) !important;
	line-height: 1.5px !important;
	text-decoration: none !important;
}

/** Properties page >> Pp content grid post more link button (:hover) **/
.pp-content-grid-post-more-link button:hover {
	background-color: rgb(32, 64, 70) !important;
}

/** Properties page >> pp content grid post image **/
.pp-content-grid-post-image {
	padding: 0 !important;
	background: rgb(255,255,255) !important;
	background: url("/wp-content/uploads/2021/12/elie-escapes-icon-white.svg") center center no-repeat, linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 2.2%, rgba(108,177,179,1) 2.2%, rgba(108,177,179,1) 100%) !important;
	background-size: 160px, cover !important;
}

/** Properties page >> pp content grid post text **/
.pp-content-grid-post-text {
	padding: 0 !important;
}

/** Properties page >> Post 39 pp content post grid **/
#post-39 .pp-content-post-grid {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center !important;
	justify-content: center !important;
}

/** Properties page >> wp post image (:hover) **/
.wp-post-image:hover {
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
	opacity: 0.3 !important;
}

/** Properties page >> Pp content grid post image wp post image **/
.pp-content-grid-post-image .wp-post-image {
	-o-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	-webkit-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
}

/** Properties page >> td.season_unavailable **/
td.season_unavailable {
	color: rgb(255, 255, 255) !important;
	font-weight: 600 !important;
	background-color: rgb(32, 64, 70) !important;
}


/*= Booking calendar ========== */

/** Booking calendar >> Months num in row 3 **/
.months_num_in_row_3 {
	width: 100px !important;
}

/** Booking calendar >> Booking Calendar Frame **/
.bk_calendar_frame {
	width: 100% !important;
	max-width: 1200px !important;
}


/*= Booking Calendar Form ===== */

/** Booking Calendar Form >> Wpbc form columns **/
.wpbc_form_columns {
	width: 100% !important;
}

/** Booking Calendar Form >> Booking calendar label **/
#booking-calendar label {
	font-size: 13px !important;
	width: 100% !important;
}

/** Booking Calendar Form >> Booking calendar input **/
#booking-calendar input {
	font-size: 15px !important;
	font-weight: 600 !important;
}

/** Booking Calendar Form >> Booking calendar input checkbox **/
#booking-calendar input[type="checkbox"] {
	width: 20px !important;
	min-width: 13px !important;
	height: 20px !important;
	min-height: 13px !important;
	margin-right: 5px !important;
	border-top: 1px solid rgb(32, 64, 70) !important;
	border-width: 1px !important;
	border-style: solid !important;
}

/** Booking Calendar Form >> Booking calendar select **/
#booking-calendar select {
	font-size: 15px !important;
	font-weight: 600 !important;
}

/** Booking Calendar Form >> Booking Form Div [type="button"] **/
.booking_form_div [type="button"] {
	color: rgb(255, 255, 255) !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	background-color: rgb(108, 177, 179) !important;
	padding: 10px 20px 10px 20px !important;
	border-style: none !important;
	border-radius: 0 !important;
}

/** Booking Calendar Form >> Booking Form Div [type="button"] (:hover) **/
.booking_form_div [type="button"]:hover {
	background-color: rgb(32, 64, 70) !important;
}

/** Booking Calendar Form >> Wpbc form columns paragraph (#1) **/
.wpbc_form_columns p:nth-of-type(1) a {
	color: rgb(32, 64, 70) !important;
	font-size: 13px !important;
	text-decoration: underline !important;
}

/** Booking Calendar Form >> Booking form link (:hover) **/
.booking-form a:hover {
	color: rgb(108, 177, 179) !important;
}

/** Booking Calendar Form >> Paragraph wpdev list item **/
.booking-form p .wpdev-list-item {
	padding-right: 5px !important;
}

/** Booking Calendar Form >> Due wpbc cost amount **/
.due .wpbc-cost-amount {
	font-size: 20px !important;
}

/** Booking Calendar Form >> Paragraph (#1) link (:hover) **/
.wpbc_form_columns p:nth-of-type(1) a:hover {
	color: rgb(108, 177, 179) !important;
}

/** Booking Calendar Form >> .wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe **/
.wpbc_container .wpbc_button_light.wpbc_button_gw.wpbc_button_gw_stripe {
	color: rgb(32, 64, 70) !important;
	background-color: rgba(108, 177, 179, 0.2) !important;
}


/*= SuperControl overrides ==== */

/** SuperControl overrides >> #supercontrolCalendarWidget0 .theme-header-text **/
#supercontrolCalendarWidget0 .theme-header-text, 
#supercontrolCalendarWidget1 .theme-header-text {
	color: rgb(108, 177, 179) !important;
}


/*( < 1105 )*/
@media (max-width: 1104px) {
	/** Main Menu >> Fl col content fl menu responsive toggle medium mobile **/
	.fl-col-content .fl-menu-responsive-toggle-medium-mobile {
	float: right !important;
}

}


/*( < 768 )*/
@media (max-width: 767.98px) {
	/** Main Menu >> Fl col content fl menu responsive toggle medium mobile **/
	.fl-col-content .fl-menu-responsive-toggle-medium-mobile {
	float: none !important;
}

	/** Properties page >> pp content grid post image **/
	.pp-content-grid-post-image {
	width: 100% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

	/** Homepage property grid >> #post-223 .homepage-property-container **/
	#post-223 .homepage-property-container {
	width: 80% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

	/** Homepage property grid >> Homepage property container homepage property container post title **/
	.homepage-property-container .homepage-property-container-post-title {
	padding-bottom: 19px !important;
	margin-bottom: -3px !important;
}

}


/*( < 480 )*/
@media (max-width: 479.98px) {
	/** General >> Mobile Line Break **/
	br.mobile-br {
	display: block !important;
}

	/** Booking Calendar Form >> Booking calendar wpbc form field **/
	#booking-calendar .wpbc_form_field {
	width: 100% !important;
	min-width: 100% !important;
	padding-right: 0 !important;
}

	/** Single property >> #main .pp-carousel-navigation-outside **/
	#main .pp-carousel-navigation-outside {
	padding-bottom: 50px !important;
}

	/** Homepage property grid >> Homepage property container :hover post title **/
	.homepage-property-container:hover .homepage-property-container-post-title {
	padding-top: 7px !important;
	padding-bottom: 17px !important;
	margin-bottom: -4px !important;
}

}