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

/* #Site Variables
================================================== */
:root {
  --primary: #002E50;
  --secondary: #FC5404;
  --light: #F4F4F4;
  --dark: #000000;
  --white: #ffffff;
  --text: #000000;
  --navigation: #ffffff;
  
  --primary-font: "Open Sans", sans-serif;
  --secondary-font: "Krona One", sans-serif;
}

/* For the editor specifically */
.block-editor .wp-block,
.wp-block-post-content .wp-block {
    max-width: 96% !important;
}


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

.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:1px; }
.s2				{ letter-spacing:2px; }
.s3				{ letter-spacing:3px; }
.s4				{ letter-spacing:4px; }
.s5				{ letter-spacing:5px; }
.s6				{ letter-spacing:6px; }
.s7				{ letter-spacing:7px; }
.s8				{ letter-spacing:8px; }

.lh0			{ line-height:1em; }
.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:400; color:inherit; line-height:1.2em; text-transform:inherit; }

h1, .uk-h1 	{ font-size:3.500em; }
h2, .uk-h2 	{ font-size:2.500em; }
h3, .uk-h3 	{ font-size:1.650em; }
h4, .uk-h4 	{ font-size:1.000em; }

h3 > em { font-family:var(--secondary-font); font-weight:300; text-transform:none !important; }

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-style:normal; color:inherit; }
	blockquote cite { font-style:normal; }

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

.sub-title { text-transform:uppercase; font-weight:600; letter-spacing:1.5px; }

.overlay { background: #002E50; background: linear-gradient(220deg, rgba(0, 46, 80, 0) 50%, rgba(0, 46, 80, 1) 100%); }
.overlay2 { background: #002E50; background: linear-gradient(190deg, rgba(0, 46, 80, 0) 20%, rgba(0, 46, 80, 1) 100%); }

.hamburger-nav { background-color: var(--primary); }
.hamburger-nav .uk-navbar-container { position: relative; z-index: 980; background-color: var(--primary); }

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

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

.uk-background-secondary, .uk-section-secondary { color:var(--primary) !important; }
.uk-background-dark, .uk-section-dark { background-color:var(--dark); color:var(--white); }

.uk-button { border-radius:20px; background-color:var(--text); text-transform:inherit; text-align:left; color:var(--white); font-family:var(--tertiary-font); font-size:.875rem; font-weight:500; padding:0 5px 0 20px; line-height:36px; transition: all 0.3s ease-in-out; }
	.uk-button:after { display: inline-block; font-style: normal; font-size:.7em; font-variant: normal; text-align:center; text-rendering: auto; webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; font-weight:900; content: "\f061"; background:var(--dark); width:26px; height:26px; line-height:26px; border-radius:50%; margin-left:25px; border:1px solid var(--dark); }
	.uk-button:hover::after { border-color:transparent; }

	.uk-button-primary { background:var(--primary); }
	.uk-button-primary:after { background:#04365C; border-color:#0D3E64; }
	.uk-button-primary:hover { background:#04365C; }
	
	.uk-button-secondary { background:var(--secondary); }
	.uk-button-secondary:after { background:#BC4710; border-color:#DD6E3A; }
	.uk-button-contrast:hover { background:#BC4710; }
	
	.uk-button-contrast { background:var(--white); color:var(--primary); }
	.uk-button-contrast:after { background:#EFEFEF; border-color:#DBDBDB; }
	.uk-button-contrast:hover { background:#EFEFEF; color:var(--primary); }

.uk-card { color:inherit; }
.uk-card-xsmall { padding:10px; }
.uk-card-default { box-shadow:0 3px 25px rgba(0,0,0,0.15); border-radius:15px; }

.uk-navbar-dropdown-nav>li>a {
    color: #000;
}
.uk-input, .uk-select, .uk-textarea {
    color: #000 !important;
}
.wpcf7 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000;
}
.wpcf7 ::-moz-placeholder { /* Firefox 19+ */
    color: #000;
    opacity: 1;
}
.wpcf7 :-ms-input-placeholder { /* IE 10+ */
    color: #000;
}
.wpcf7 :-moz-placeholder { /* Firefox 18- */
    color: #000;
    opacity: 1;
}
/* #Page Styles
================================================== */

.header { position:absolute; z-index:2; padding:0; width:100%; }
	.header .logo { width:250px; }
	.header .block-nav { background:var(--primary); padding:10px 25px; box-shadow:0 3px 50px rgba(0,0,0,0.15); border-radius:20px; }
	.home .header .block-nav { background:var(--white); }

	.header .uk-navbar-nav>li>a { font-family:var(--primary-font); font-size:1rem; font-weight:700; color:var(--navigation); }
	.home .header .uk-navbar-nav>li>a { color:var(--primary); }
	
	.header .uk-navbar-nav>li.uk-parent>a::after { display:inline-block; margin-left:5px; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; font-weight:800; content: "\f107"; }

	.header .utl { font-size:.75rem; color:var(--white); padding:0 50px; }
	.header .utl a { color:var(--white); background:rgba(0,0,0,0.55); display:inline-block; padding:8px 15px; line-height:1em; transition: all 0.3s ease-in-out; }
	.header .utl a:hover { background:var(--primary); text-decoration:none; }
	
	.uk-nav-default>li>a, .uk-nav-default .uk-nav-sub a { color: #fff !important; }
	
	.admin-bar .uk-open>.uk-offcanvas-bar { padding-top: 100px;}

.hero {}

.page-title { padding-top:150px; padding-bottom:50px; }

.promo-box-wrapper { background:url('../images/promo-box.png') center center no-repeat; background-size:100%; box-sizing:border-box; margin:-70px 0 0 0;  width:520px; height:auto; color:var(--secondary); text-align:center; font-family:var(--secondary-font); }
	.promo-box { padding:10px 20px 10px 190px;  }
	.promo-box-wrapper span { display:block; font-size:2.0em; line-height:1.5em; color:var(--white); }
	.promo-box input[type="text"], .promo-box input[type="email"] { height: 30px; font-family:var(--primary-font); font-size:.875rem; text-align:center; }
	.promo-box p { margin-bottom: 0 !important; }
	.promo-box .uk-grid-margin { margin: 0; }
	.promo-box .uk-width-1-2 { margin: 0; height: 38px;}	
.step { position:relative; padding:25px 0 0 50px; }
	.step .number { position:absolute; top:0; left:0; width:65px; height:65px; background:url('../images/bg-number.png') center center no-repeat; background-size:cover; font-family:var(--secondary-font); color:var(--secondary); font-size:1.8em; line-height:70px; text-align:center; }

.featured-comm-title { background:var(--white); padding:15px 25px; position:relative; left:-100px; }
.community-stats { background:var(--light); padding:20px 10px; border-radius:20px; }

.block-process { margin-top:-25px; padding-bottom:150px; }
.block-featured-homes { margin-top:-100px; padding-top:0; }

.container-flush-right { position: relative; left: calc((100vw - 1400px) / 2);  margin-left: 0; margin-right: auto; padding-right: 0; }


.listing-scroll-container { padding-right:15px; }

.listing { padding:10px; position:relative; }
	.listing.alt { padding:25px; }
	.listing .listing-details { background:var(--light); padding:8px 15px; margin:5px 0 15px; font-size:.875em; font-weight:600; line-height:1em; }
	.listing .listing-status { position:absolute; top:20px; left:-10px; z-index:1; background:var(--secondary); color:var(--white); font-size:.65em; line-height:1em; text-transform:uppercase; padding:5px; }

.collage { display:flex; }
	.collage > * { display:inline-block; width:33%; }
	.collage > *:nth-child(2) { margin-top:50px; margin-left:-25px; }
	.collage div:nth-child(3) { margin-top:100px; margin-left:-25px; }

.featured-list { list-style:none; padding:0; }
	.featured-list li { position:relative; padding-left:40px; }
	.featured-list li:before { content:''; position:absolute; top:0; left:0; background:url('../images/list-icon.svg') center center no-repeat; background-size:cover; width:25px; height:25px; }

.comm-nav { margin:0; padding:15px 25px; list-style:none; display:flex; align-content:center; justify-content:center; gap:30px; background:var(--primary); border-radius:10px; }
	.comm-nav a { color:var(--white); text-transform:uppercase; font-weight:500; font-size:.875em; }

.markets {}
	.markets .stat-block { position:relative; padding-top:40px; padding-bottom:25px; }
	.markets .number { position:absolute; top:0; left:25px; width:50px; height:50px; background:url('../images/bg-number2.png') center center no-repeat; background-size:cover; font-family:var(--secondary-font); color:var(--secondary); font-size:1.5em; line-height:60px; text-align:center; }

.footer { position:relative; z-index:1; padding:25px 0 0; }
	.footer a { color:var(--white); }
	.footer .uk-subnav>*>:first-child { color:var(--white); }


.quick-nav-wrapper {margin-top:15px !important; margin-bottom: -90px !important; }

.quick-nav { padding:0; margin:0; display:flex; }
	.quick-nav .uk-subnav { padding:0 10px; margin:0; }
	.quick-nav .uk-subnav>* { padding:0; margin:0 2px; }
	.quick-nav .uk-subnav>*>a { padding:0 10px; font-size:.75em; font-weight:500; }
	.quick-nav .uk-subnav>li.uk-active a { background:var(--primary); color:var(--white); }
	.quick-nav span { display:inline-block; font-size:.875em; font-weight:500; padding-left:10px; text-transform:uppercase; }

.market-nav { background:var(--primary); display:flex; border-radius:25px; padding:15px 25px; color:var(--white); }
.custom-select-wrapper { position: relative; display: inline-block; margin-left:5px; }
.custom-select { appearance: none; -webkit-appearance: none;  -moz-appearance: none; background: transparent; padding:0 10px; width: 100%; font-family: var(--secondary-font); font-size: 1.3rem;font-weight:600; color: var(--white); cursor: pointer; border:0; min-width:325px; }
.custom-select option{ font-size: 1.1rem; font-weight:400; color: var(--primary); }
/* Custom down arrow */
.custom-select-wrapper::after { content: ""; position: absolute; top: 50%; right: 15px; width: 40px; height: 40px; pointer-events: none; background-image: url('data:image/svg+xml;utf8,<svg fill="%23fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5H7z"/></svg>'); background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); }

/* #Media Queries
================================================== */
	@media only screen and (max-width: 1400px) {
		.container-flush-right { left: calc((100vw - 1220px) / 2);  }
	}

	@media only screen and (max-width: 1220px) {
		h1, .uk-h1 	{ font-size:3.000em; }
		h2, .uk-h2 	{ font-size:2.500em; }
		h3, .uk-h3 	{ font-size:1.250em; }
		h4, .uk-h4 	{ font-size:1.000em; }

		.container-flush-right { left: calc((100vw - 960px) / 2);  }

	}

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

		.container-flush-right { left: calc((100vw - 768px) / 2);  }
		
		.homes, .plans {
			margin-left: 0px;
		}
		
		.featured-comm-title {
			left: 0px;
		}
		
		.block-signup .container-flush-right { left: auto; width: 96%; margin-left: auto; margin-right: auto;}
		
		.uk-slider .container-flush-right { left: auto;}

		.quick-nav-wrapper {margin-top:16px !important; margin-bottom: 20px !important; }

		.quick-nav {
			margin-left: auto;
			margin-right: auto;
			width: fit-content;
		}
		
		.market-nav-wrapper { margin: 12px 0; }
		.market-nav-wrapper .uk-width-expand { display: none !important; }
		.market-nav-wrapper .uk-width-auto { margin: 0 auto;}
		
		.promo-box-wrapper {
			margin: 0;
		}

	}

	/* 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:2.800em; }
		h2, .uk-h2 	{ font-size:2.000em; }
		h3, .uk-h3 	{ font-size:1.000em; }
		h4, .uk-h4 	{ font-size:1.000em; }
		
		.header .block-nav { padding:15px; border-radius:15px; }
		.header .logo { width: 180px; }
		.header .uk-navbar-item, .header .uk-navbar-nav > li > a, .header .uk-navbar-toggle { min-height:40px; }

	    .container-flush-right { left: calc((100vw - 480px) / 2);  }	
		
		.promo-box-wrapper { width: 100%; max-width:520px;}
		.promo-box { padding: 10px 10px 10px 100px; }

		#breadcrumbs { display:none; }
		
		.steps .uk-padding {
			padding: 60px 10px 10px !important;
		}
		
		.footer { padding: 10px 0 }
		.footer, .footer ul, .footer ul li, .footer .uk-text-right {text-align:center !important; }
		.footer .uk-text-right, .footer .uk-grid-margin, .footer .uk-margin-large-top {margin-top: 6px !important; }		
		.footer-image { display: none; }
		.footer ul {
			margin: 0 !important;
		}		
		.footer ul.uk-subnav {
			display: flex;
			justify-content: center;
		}
	
	}

	/* 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) {
		html, body { font-size:14px; }
		
		.market-nav { display:block; text-align:center; }
		.custom-select { min-width:250px; }
		.page-title { padding:100px 0 25px; }
	}

/* #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: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/