/*
 Theme Name:   Luxury Theme
 Theme URI:    https://generatepress.com
 Description:  Luxury Real Estate Theme
 Author:       Jordan Kayle
 Template:     generatepress
 Version:      0.1
*/

/* Template Styling */
/* GeneratePress Site CSS */ /* navigation letter spacing */

#main .section-title {
	text-transform: uppercase;
	font-size: 34px;
	border-bottom: 1px solid var(--accent);
	max-width: fit-content;
	padding-bottom: 3px;
}

.slideout-overlay {
	z-index: 100000;
	position: fixed;
	width: 100%;
	/* height: 100%; */
	height: 100vh;
	min-height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.8);
	visibility: hidden;
	opacity: 0;
	cursor: pointer;
	transition: visibility .2s ease,opacity .2s ease;
	background-image: url('');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}


:root {
  --hero-bg-height: 880px;
}


.main-navigation a {
  letter-spacing: 2px;
}

/* Off Canvas Slideout Menu */


/* button class lift on hover */

.button, .gb-button {
    -webkit-transition: all 500ms ease-in-out !important;
	transition: all 500ms ease-in-out !important;
}

.button:hover, .gb-button:hover {
	-webkit-transform: translate3d(0, -4px, 0);
	transform: translate3d(0, -4px, 0);
}

/* drop cap styling */

.has-drop-cap:not(:focus):first-letter {
		color: var(--accent);
    font-size: 3.2em;
		font-weight: 600;
    line-height: .8em;
    margin: .1em .08em 0 0;
}

/* image block white frames */

.image-frame img {
	border: 12px solid #ffffff;
}

.image-frame-grey img {
	border: 12px solid #f2f5f7;
}

.image-frame-thin img {
	border: 4px solid #ffffff;
} /* End GeneratePress Site CSS */

/* BG Video */
.hero-section {
	position: relative;
}
.video-bg {
	height: var(--hero-bg-height);
	/* max-height: 700px; */
	width: 100%;
	object-fit: cover;
}

.video-overlay {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	top: 0;
	width: 100%;
	height: var(--hero-bg-height);
	background: rgba(0,0,0,0.65);
}

.video-overlay h1{
	color: var(--base-3);
}

.hero-content {
	color: var(--base-3);
	margin: 0 auto;
	text-align: center;
}

.hero-content h1{
	font-size: 3.4rem;
}

.hero-content p {
	font-size: 1.2rem;
	border-top: 2px solid var(--accent);
	padding-top: 25px;
}

/* Button Styles */

a.main-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	letter-spacing: 0.2em;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	padding: 16px 24px;
	background-color: var(--accent);
	color: var(--base-3);
	min-width: 240px;
	margin-bottom: 12px;
}

a.main-button:hover, a.main-button:active, a.main-button:focus {
	background-color: var(--accent);
	color: var(--base-3);
	transform: translate3d(0, -4px, 0);
	transition: all 500ms ease-in-out;
}

/* Featured Showcase on Home */

.home-featured .sidx-require-auth:nth-last-child(-n+2) {
	display: none;
}

.home-featured .sidx-search-result-grid-item {
	padding: 20px;
}

.home-featured .sidx-container .sidx-search-results .sidx-grid {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
}

.home-featured .sidx-actions {
	display: none !important;
}

.home-featured .sidx-container .sidx-search-result-grid-item .sidx-disclaimer {
	display: none;
}

.home-featured .sidx-widget-wrapper .showcase-home-btn {
	display: block;
	font-size: 15px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 14px 20px;
	background-color: var(--accent);
	color: var(--base-3);
	border-radius: 0;
	width: 100%;
	max-width: 240px;
	margin: 0 auto;
}

.home-featured .sidx-widget-wrapper .showcase-home-btn:hover{
	background-color: var(--accent);
	color: var(--base-3);
	transform: translate3d(0, -4px, 0);
	transition: all 500ms ease-in-out;
	color: var(--base-3) !important;
}

.home-featured .sidx-container .sidx-search-results .sidx-primary-details {
	padding: 10px 0;
}

.home-featured .sidx-container .sidx-search-results .sidx-primary-info {
	justify-content: center;
	margin: 5px 0 10px 0;
}

.home-featured .sidx-container .sidx-search-results .sidx-info-blocks {
	justify-content: center;
	margin: 5px 0 10px 0;
}

.home-featured .sidx-container .sidx-search-result-grid-item .sidx-listing-heading {
	width: 100%;
	text-align: center;
	/* display: none; */
}

.home-featured .sidx-container .sidx-search-results .sidx-mls-details {
	text-align: center;
	font-size: 1em;
	color: var(--accent);
	margin: 15px 0 0 0;
}

.home-featured  .sidx-container .sidx-search-result-grid-item, .sidx-container .sidx-search-result-list-item {
	border: 0px solid #ccd9df;
}

.home-featured .sidx-info-block::before {
	background-image: url('data:image/svg+xml,<svg aria-hidden="true" role="img" height="1.3em" width="1.3em" viewBox="0 0 256 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path></svg>');
	background-repeat: no-repeat;
	width: 1.3em;
	content: "";
	filter: invert(67%) sepia(34%) saturate(5889%) hue-rotate(14deg) brightness(93%) contrast(85%);
}

.home-featured .sidx-container .sidx-search-results .sidx-info-blocks .sidx-info-block {
	color: var(--accent-2);
	font-size: 17px;
	text-transform: lowercase;
}

#main .home-featured  .sidx-listing-heading {
	font-size: 16px;
	font-weight: 600;
	text-align: left;
}

#main .home-featured .sidx-listing-heading::before {
	background-image: url('data:image/svg+xml,<svg aria-hidden="true" role="img" height="1em" width="1em" viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path></svg>');
	background-repeat: no-repeat;
	content: "";
	filter: invert(67%) sepia(34%) saturate(5889%) hue-rotate(14deg) brightness(93%) contrast(85%);
	width: 22px;
	height: 18px;
	display: inline-block;
	background-position: left bottom;
}

.home-featured .sidx-thumbnail {
	margin-top: 25px;
}

.home-featured .sidx-container .sidx-search-results .sidx-mls-details .sidx-for-sale {
	color: var(--accent-2);
}

.home-featured .sidx-container .sidx-search-result-grid-item {
	margin-bottom: 0px;
}

.home-featured .gb-icon {
	top: 2px;
	position: relative;
}

/* Home Reviews Section */

.ButtonBase__Overlay-sc-p43e7i-4 {
	font-size: 16px;
	letter-spacing: 0.2em;
	font-weight: 600;
	text-transform: uppercase;
	padding: 16px 24px !important;
	background-color: var(--accent) !important;
	color: var(--base-3);
	border-radius: 0 !important;
}

.ButtonBase__ButtonContainer-sc-p43e7i-3{
	background-color: unset !important;
}

.HeaderContainer__Inner-sc-1532ffp-0.gybIiF {
	padding: 18px 0px 24px !important;
}

/* Footer Lead Capture Form */

#field_rnroj {
	margin-top: 22px;
	padding-top: 12px;
}

.with_frm_style .frm_inside_container > label {
	top: calc(5px + .5 * var(--field-height));
}

.frm_style_footer-lead-capture.with_frm_style .frm_submit button {
	text-transform: uppercase;
}

.frm_style_footer-lead-capture.with_frm_style .frm_submit button:hover {
	background: var(--accent);
}

.frm_label_float_top .frm_primary_label {
	color: var(--base-3);
}

.home #footer-cta-buttons {
	display: none;
}



.play-video{
	position: relative;
}

.play-video a::after {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 64 64" id="play"><path d="M26 21v22l1.809.786 14.191-11v-1.572l-14.191-11L26 21zm2 2.058L39.381 32 28 40.942V23.058z"></path><path d="M32 0C23.453 0 15.417 3.33 9.374 9.375 3.329 15.417 0 23.453 0 32s3.329 16.583 9.374 22.626C15.417 60.671 23.453 64 32 64s16.583-3.33 22.627-9.375C60.671 48.583 64 40.547 64 32s-3.329-16.583-9.374-22.626C48.583 3.329 40.547 0 32 0zm21.213 53.212C47.546 58.879 40.013 62 32 62c-8.013 0-15.546-3.121-21.212-8.789C5.121 47.546 2 40.013 2 32s3.121-15.546 8.788-21.212C16.454 5.121 23.987 2 32 2s15.546 3.122 21.213 8.789C58.88 16.454 62 23.987 62 32s-3.12 15.546-8.787 21.212z"></path></svg>');
	background-repeat: no-repeat;
	content: "";
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(209deg) brightness(107%) contrast(105%);
	width: 100px;
	height: 100px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}

.play-video a {
	height: auto;
	display: block;
}

/* Home review fix */
.es-review-background-container {
	min-height: 300px;
}

@media (max-width:992px) {
	#site-navigation {
	background: var(--accent);
}

@media (max-width:480px) {
	#site-navigation {
	background: var(--accent);
	}
		
   #home-hero {
	margin-top: 5px;
}
	
	.hero-content {
	margin-left: 0;
		text-align: center;
}

.hero-content h1{
	font-size: 2.4rem;
}
	
	.hero-content p {
		margin: 0 auto 20px auto;
}
	
	.hero-content p {
	max-width: 260px;
}

	
}