/* Table of Content
==================================================
	#Site Variables
	#Site Styles
	#UIKit Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	

/* #Site Variables
================================================== */
:root {
  --primary: #48032B;
  --secondary: #191919;
  --light: #F4F4F4;
  --dark: #191919;
  --white: #ffffff;
  --text: #191919;
  --navigation: #191919;
  
  --primary-font: 'Century Gothic', 'Arial', sans-serif;
  --secondary-font: 'Libre Baskerville', 'Times New Roman', serif;

}


/* #Site Styles
================================================== */
*				{ outline:none; }
html, body		{ color:var(--text); font-size:16px; font-weight:400; font-family:var(--primary-font); line-height:1.5rem; overflow-x:hidden; }

.aligncenter 	{ text-align:center; }
.alignleft		{ text-align:left; }
.alignright		{ text-align:right; }
	img.aligncenter { float:none; display:block; margin:0 auto 15px; }
	img.alignleft	{ float:left; margin-right:15px; }
	img.alignright	{ float:right; margin-left:15px; }

.w900 			{ font-weight:900; }
.w800			{ font-weight:800; }
.w700			{ font-weight:700; }
.w600			{ font-weight:600; }
.w500			{ font-weight:500; }
.w400			{ font-weight:400; }
.w300			{ font-weight:300; }
.w200			{ font-weight:200; }
.w100			{ font-weight:100; }

.font6			{ font-size:0.625em; }
.font7			{ font-size:0.750em; }
.font8			{ font-size:0.875em; }
.font10			{ font-size:1.0em; }
.font12			{ font-size:1.2em; }
.font13			{ font-size:1.3em; }
.font15			{ font-size:1.5em; }
.font18			{ font-size:1.8em; }
.font20			{ font-size:2.0em; }
.font25			{ font-size:2.5em; }
.font30			{ font-size:3.0em; }
.font35			{ font-size:3.5em; }
.font40			{ font-size:4.0em; }
.font45			{ font-size:4.5em; }

.s1				{ letter-spacing:.1em; }
.s2				{ letter-spacing:.2em; }
.s3				{ letter-spacing:.3em; }
.s4				{ letter-spacing:.4em; }
.s5				{ letter-spacing:.5em; }
.s6				{ letter-spacing:.6em; }
.s7				{ letter-spacing:.7em; }
.s8				{ letter-spacing:.8em; }

.lh0			{ line-height:1.0em; }
.lh1			{ line-height:1.1em; }
.lh2			{ line-height:1.2em; }
.lh3			{ line-height:1.3em; }
.lh4			{ line-height:1.4em; }
.lh5			{ line-height:1.5em; }
.lh8			{ line-height:1.8em; }
.lh20			{ line-height:2.0em; }
.lh25			{ line-height:2.5em; }

h1, h2, h3, h4, .uk-h1, .uk-h2, .uk-h3, .uk-h4	{ font-family:var(--secondary-font); font-weight:300; color:inherit; line-height:1.2em; text-transform:inherit; }

h1, .uk-h1 		{ font-size:5.000em; }
h2, .uk-h2 		{ font-size:4.750em; }
h3, .uk-h3 		{ font-size:2.750em; }
h4, .uk-h4 		{ font-size:2.000em; }

p				{ font-size:1.00em; }

b, strong, .uk-text-bold	{ font-weight:700; }

a, .uk-link	{ color:var(--primary); }
	a:hover, .uk-link:hover { color:inherit; text-decoration:underline; }

em 				{ color:inherit; }

blockquote	{ font-weight:300; color:inherit; line-height:1.8em; position:relative; }
	blockquote cite { font-style:normal; font-weight:800; font-size:.875rem; text-transform:uppercase; }
	blockquote::before { content:'“'; font-family:'Arial', sans-serif; font-size:3em; font-style:normal; display:block; position:absolute; top:0; left:0; }

.font-primary { font-family:var(--primary-font); }
.font-secondary { font-family:var(--secondary-font); }

/* #UIKit Styles
================================================== */
.uk-container-alt	{ padding:0 3%; }

.uk-height-1-1 { height:100%; }
.uk-height-1-2 { height:50%; }
.uk-height-1-3 { height:33%; }
.uk-height-1-4 { height:25%; }
.uk-height-xsmall { height:75px; }

.uk-text-contrast	{ color:var(--white) !important; }

.uk-text-link { color:inherit; text-decoration:none; position:relative; display:inline-block; }
	.uk-text-link:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:var(--white); transition: all 0.3s ease-in-out; }
	.uk-text-link:hover { text-decoration:none; }
	.uk-text-link:hover::after { width:0; }

.uk-background-muted, .uk-section-muted { background:var(--light); }
.uk-background-secondary, .uk-section-secondary { background:var(--secondary); color:var(--white); }
.uk-background-dark, .uk-section-dark { background-color:var(--dark); color:var(--white); }

.uk-overlay-primary { background: rgba(34,34,34,.8); }

.uk-button, .wp-block-button__link { font-family:var(--primary-font); font-size:.875em; font-weight:600; line-height:40px; text-transform:uppercase; padding:0 50px; background:none; border:1.5px solid var(--text); color:var(--text); }
	.uk-button-primary { border-color:var(--primary); color:var(--primary); }
	.uk-button-secondary { border-color:var(--primary); background:var(--primary); color:var(--white); }
	.uk-button-contrast { border-color:var(--white); color:var(--white); }
	.uk-button-small { font-size:.75em; line-height:30px; padding:0 15px; }
	
	.wp-block-button__link:hover { background:var(--dark); color:var(--white); text-decoration:none; }

.quick-connect .uk-input, .uk-quik-connect .uk-textarea { background:none; border:0; border-bottom:1.5px solid #707070; text-align:center; text-transform:uppercase; font-family:var(--primary-font); }
.wpcf7-spinner { display:block; }

.uk-card-default { color:inherit; box-shadow:0 3px 20px rgba(0,0,0,0.15); }
.uk-card-small .uk-card-body, .uk-card-small.uk-card-body { padding:15px; }
.uk-card-xsmall .uk-card-body, .uk-card-xsmall.uk-card-body { padding:8px; }

.uk-subnav>*>:first-child { font-weight:600; color:var(--text); }

/* #Page Styles
================================================== */
.alert { background:var(--secondary); color:var(--white); font-size:.8em; }
	.alert a { color:inherit; text-decoration:none; }
	.alert p { margin:0; }

.header { padding:0; position:relative; z-index:3; background:var(--secondary); }
	.header .logo { width:200px; margin:10px 0; }
	
	.header .uk-navbar-container { padding:0 25px; background:var(--white); }
	.header .uk-navbar-nav { gap:10px; }
	.header .uk-navbar-nav>li { position:relative; }
	.header .uk-navbar-nav>li:after { content:''; position:absolute; top:0; bottom:0; right:-5px; margin:auto 0; width:1px; height:20px; background:#ccc; }
	.header .uk-navbar-nav>li:last-child::after { display:none; }
	.header .uk-navbar-nav>li>a { font-family:var(--primary-font); font-size:1em; font-weight:600; color:var(--navigation); min-height:35px; padding:0 10px; }
	.header .uk-navbar-nav>li:hover>a { background:var(--primary); color:var(--white); }
	.header .uk-navbar-toggle { color:var(--navigation); min-height:40px; }
	
	.header .uk-navbar-dropdown { padding:10px 10px 0; }
	.header .uk-navbar-dropdown-nav>li { padding:0; }
	.header .uk-navbar-dropdown-nav>li>a { color:var(--navigation); font-weight:600; text-transform:uppercase; }
	
	.header .uk-navbar-dropdown-nav .uk-dropdown-nav { background:var(--light); padding:5px 10px; margin-bottom:10px; }
	.header .uk-navbar-dropdown-nav .uk-dropdown-nav>li>a { font-size:.875em; font-weight:400; color:var(--text); padding:2px 0; }

	.home .header { position:absolute; top:100px; background:none; width:100%; }
	.home .header .uk-navbar-container { background:rgba(255,255,255,.8); }
	
	.header.uk-active { background:none; }

.hero {}
	.hero .hero-overlay { position:absolute; bottom:0; left:0; width:100%; height:100%; background: rgb(0,0,0); background: linear-gradient(215deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,.6) 100%); }

.page-title { padding-top: 125px; }

.box-wrapper { padding:25px; border:1px solid #D6D6D6; }

.pattern01 { position:relative; overflow:hidden; }
	.pattern01:before { content:''; position:absolute; bottom:0; left:0; background:url('../images/pattern01.png') bottom left repeat; background-size:600px; width:50%; height:600px; }
	
.pattern02 { position:relative; overflow:hidden; }
	.pattern02:before { content:''; position:absolute; bottom:0; right:0; background:url('../images/pattern02.png') bottom left repeat; background-size:600px; width:50%; height:600px; }
	.pattern02.alt:before { top:0; right:0; width:100%; }
	.pattern02.alt2:before { top:0; right:0; }

.quick-nav { position:relative; margin-top:-50px; text-align:center; }
	.quick-nav>* { background:var(--white); border-radius:25px; box-shadow:0 0 50px rgba(0,0,0,.3); padding:15px; }
	.quick-nav .icon { height:55px; }

.collage { background:rgba(255,255,255,0.5); border-radius:50px; padding:10px; box-shadow:0 3px 50px rgba(0,0,0,0.15); }
	.collage .photo01 { border-radius:40px 40px 0 0; margin-bottom:5px; }
	.collage .photo02 { border-radius:0 0 0 40px; margin-right:2.5px; }
	.collage .photo03 { border-radius:0 0 40px 0; margin-left:2.5px; }

.photo { background:rgba(255,255,255,0.5); border-radius:25px; padding:10px; box-shadow:0 3px 50px rgba(0,0,0,0.15); display:inline-block; }
	.photo img  { border-radius:20px; }

.home-loop-details { padding:5px 25px; }

.home-details { border-top:1px solid var(--light); border-bottom:1px solid var(--light); padding:5px 0; margin:5px 0 10px; font-weight:600; font-size:.875em; }

.single-home-details { font-size:2.0em; line-height:1.5em; }
.home-price {  font-size:2.0em; font-weight:300; }

.title-bar { position:relative; padding-bottom:15px; }
	.title-bar:after { content:''; width:100%; height:10px; background:var(--white); position:absolute; bottom:0; left:15%;z-index:2; }

.btn-quickview { background:rgba(255,255,255,.3); color:var(--white); text-transform:uppercase; font-size:.875em; font-weight:600; border:1px solid var(--white); border-radius:15px; padding:3px 15px 2px; position:absolute; bottom:15px; left:15px; transition: all 0.3s ease-in-out; display:none; }
	.fp-hover:hover .btn-quickview { display:block; }
	.btn-quickview:hover { background:rgba(255,255,255,1); color:var(--primary); text-decoration:none; }

.extra { }

.comm-nav { background:var(--secondary); color:var(--white); padding:10px 0; margin:10px 0; }
	.comm-nav .uk-subnav>*>:first-child { color:var(--white); font-size:.75em; }
	.comm-nav .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before { border-color:rgba(255,255,255,0.2); }

.gm-style-iw-chr { position:absolute; top:0; right:0; }

.filter-nav { background:var(--primary); width:80%; max-width:500px; display:flex; align-items:center; justify-content:center; padding:0 10px; font-size:.875em; font-weight:700; text-transform:uppercase; color:var(--white); border-radius:0 5px 5px 0; }
	.filter-nav ul.uk-subnav { margin-bottom:0; margin-left:10px; }
	.filter-nav .uk-subnav>* { padding-left:0; }
	.filter-nav .uk-subnav>*>:first-child { padding:5px 10px; color:var(--white); font-weight:300; text-transform:initial; font-size:.9rem; }
	.filter-nav .uk-subnav>.uk-active>a { background:var(--dark); color:var(--white); }
	.filter-nav .uk-subnav>*>a:focus, .filter-nav .uk-subnav>*>a:hover { background:#ddd; color:var(--dark); }

.steps .items > div { position:relative; }
.steps .items > div::before { font-family: 'Font Awesome 5 Pro'; font-weight: 900; -webkit-font-smoothing: antialiased; content: '\f101'; font-size:24px; height:24px; position:absolute; top:0; bottom:0; right:-30px; margin:auto 0; color:var(--primary); }
.steps .items > div:last-child::before { display:none; }

.slideshow-photo { max-height:600px; max-width:700px; }

.pull-top35 { margin-top:-35px !important; }
.pull-top75 { margin-top:-75px !important; }
.pull-top100 { margin-top:-100px !important; }
.pull-top125 { margin-top:-125px !important; }
.pull-bottom125 { margin-bottom:-125px !important; }
.pull-open-house { margin:-25px 0 !important; }

.title-push { margin-right:350px; }

.filter-active .comm-title { display:none !important; }
.filter-active .plan-title { display:none !important; }

html :where(.wp-block) { max-width:1400px !important; }
.wp-block-post-title { font-size:1.5rem !important; }

#breadcrumbs { font-size:.875em; opacity:.8; }

/* #Media Queries
================================================== */
	@media only screen and (max-width: 1220px) {
		h1, .uk-h1 		{ font-size:4.000em; }
		h2, .uk-h2 		{ font-size:3.750em; }
		h3, .uk-h3 		{ font-size:2.500em; }
		h4, .uk-h4 		{ font-size:2.000em; }
		
		.home-loop-details { font-size:.85em; padding:5px; }
		
		.alert { font-size:.75em; line-height:1.3em; }
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		h1, .uk-h1 		{ font-size:4.000em; }
		h2, .uk-h2 		{ font-size:3.750em; }
		h3, .uk-h3 		{ font-size:2.500em; }
		h4, .uk-h4 		{ font-size:2.000em; }

		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		h1, .uk-h1 		{ font-size:3.000em; }
		h2, .uk-h2 		{ font-size:2.750em; }
		h3, .uk-h3 		{ font-size:2.000em; }
		h4, .uk-h4 		{ font-size:1.500em; }
		
		.header .logo { width:110px; }
		.home .header { top:25px; }

		.uk-text-large { font-size:1.2em; }

		.slide-box { padding:0 15px; }
		.slide-box .details { padding:10px 0px; }
		.slide-box .details h3 { font-size:.75em; }
		.slide-box .details .uk-button { padding:0 10px; font-size:.7em; }
		
		.quick-nav .icon { height:30px; }
		.quick-nav .s3 { font-size:.6em; letter-spacing:1px; }
		.quick-nav .uk-grid-divider { margin-left:-30px; }
		.quick-nav .uk-grid-divider>* { padding-left:30px; }
		.quick-nav .uk-grid-divider>:not(.uk-first-column)::before { left:15px; }
		
		.callout-text { letter-spacing:.6em; padding:10px 25px 5px; }
		
		.steps > * { padding-top:50px; }
		.steps .items > div::before { content:'\f103'; top:auto; bottom:-30px; right:0; left:30px; maring:0 auto; }
		
		.homes .home { text-align:center; }
		.home-loop-details { font-size:.7em; padding:5px; }
		
		.single-home-details { font-size:1.5em; line-height:1.5em; }
		.home-price {  font-size:1.5em; }
		
		.slideshow-photo { max-height:inhert; max-width:inherit; }
		
		.pull-top35 { margin-top:-15px !important; }
		.pull-top75 { margin-top:-35px !important; }
		.pull-top100 { margin-top:0px !important; }
		.pull-top125 { margin-top:-50px !important; }
		.pull-bottom125 { margin-bottom:-75px !important; }
		.pull-open-house { margin:25px 0 -25px !important; }
		
		.title-push { margin-right:0px; }
		
		.footer .uk-subnav { margin-top:50px; }
		.footer .uk-subnav>*>:first-child { font-size:.75rem; }
		.footer .text { font-size:.6em; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		h1, .uk-h1 		{ font-size:2.800em; }
		h2, .uk-h2 		{ font-size:2.400em; }
		h3, .uk-h3 		{ font-size:1.800em; }
		h4, .uk-h4 		{ font-size:1.300em; }
		
		.alert { font-size:.65em; }
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
		font-family: 'Century Gothic';
		src: url('../fonts/CenturyGothic.woff2') format('woff2'),
			 url('../fonts/CenturyGothic.woff') format('woff');
		font-weight: normal;
		font-style: normal; }
		
@font-face {
		font-family: 'Century Gothic';
		src: url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),
			 url('../fonts/CenturyGothic-Bold.woff') format('woff');
		font-weight: 600;
		font-style: normal; }