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


/* #Site Styles
================================================== */
#breadcrumbs { font-weight:400; font-size:.75em; text-transform:uppercase; }
#breadcrumbs a { color:#666; }	

.text-orange { color: #fb953a; }
.text-blue, .text-cornerstone { color:var(--blue); }
.text-light-blue { color:var(--light-blue); }
.text-medium-blue, .text-value { color:var(--medium-blue); }
.text-medium-blue2 { color:var(--medium-blue2); }
.text-gray-blue { color:var(--gray-blue); }
.text-green, .text-inspire { color:var(--green); }
.text-red { color:var(--red); }
.text-light-gray { color:var(--light-gray); }
.text-dark-gray { color:var(--dark-gray); }
.text-white { color:var(--white); }

.background-blue, .background-cornerstone { background:var(--blue); }
.background-light-blue { background:var(--light-blue); }
.background-medium-blue, .background-value { background:var(--medium-blue); }
.background-medium-blue2 { background:var(--medium-blue2); }
.background-gray-blue { background:var(--gray-blue); }
.background-green, .background-inspire { background:var(--green); }
.background-red { background:var(--red); }
.background-light-gray { background:var(--light-gray); }
.background-dark-gray { background:var(--dark-gray); }
.background-gray { background: #464340; }

.border-radius 	{ border-radius:40px; }
.border-radius2 { /* border-radius:25px; */ }
.border-radius3 { border-radius:15px; }

.text-shadow { text-shadow:0 0 30px rgba(0,0,0,0.5); }

.pull { margin:-50px 0; }

.dark-gradient { background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%); }
.dark-gradient2 { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%); }
.white-gradient { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
.white-gradient2 { background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
.dark-gray-gradient { background: rgb(70,67,64); background: linear-gradient(180deg, rgba(70,67,64,1) 0%, rgba(70,67,64,0) 100%); }

a.google-map-link:hover {text-decoration: none;	}
a.google-map-link:hover h2{color: black;}
a.google-map-link:hover h5{color: black;}


	
/* #UIKit Styles
================================================== */

.uk-button { color:var(--dark); font-family:var(--secondary-font); font-size:1.166rem; text-transform:inherit; border-radius:25px; background:#f2f2f2; padding:5px 40px; margin:5px 0; }

.uk-button-primary {
    background-color: var(--primary) !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}
.uk-button-primary:hover {
    background-color: var(--secondary) !important;
}
.uk-button-secondary {
    background-color: var(--secondary) !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}
.uk-button-secondary:hover {
    background-color: var(--primary) !important;
}


	.uk-button.blue { background:var(--blue); color:var(--white); }
	.uk-button.orange { background: #fb953a; color:var(--white); }	
	.uk-button.light-blue { background:var(--light-blue); color:var(--white); }
	.uk-button.gray-blue { background:var(--gray-blue); color:var(--blue); }
	.uk-button.white { background:var(--white); color:var(--blue); }
	.uk-button.green { background:var(--green); color:var(--white); }
	.uk-button.medium-blue { background:var(--medium-blue); color:var(--white); }	
	.uk-button:hover { background:var(--dark); color:var(--white); }
	
	.uk-button-text { background:none; border-radius:0; padding:3px 0; }
	.uk-button-text:hover { background:none; color:inherit; }
	
.uk-button-small { padding:3px 20px !important;}
.uk-button-medium { padding:4px 40px !important;font-size: 1.166rem !important; }
.uk-button-large {
    padding: 0 40px !important;
    line-height: 53px !important;
    font-size: 1.9rem !important;
}

.uk-height-xsmall { height:50px; }

.uk-subnav>*>:first-child { color:var(--blue); font-family:var(--secondary-font); }

.uk-offcanvas-bar { color:var(--white); background:var(--dark); }
.uk-offcanvas-bar .uk-nav-default>li>a { text-transform:uppercase; color:var(--white); }

em { color: #000 !important; }

.wp-caption-text { display: block; width: 100%; }

.uk-lightbox { background: rgb(0,0,0,0.8);}

.uk-lightbox .uk-slidenav {
    display: block !important;
    color: #fff !important;
    background: rgba(0,0,0,0.5) !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
}

.uk-lightbox .uk-slidenav-previous {
    left: 20px !important;
}

.uk-lightbox .uk-slidenav-next {
    right: 20px !important;
}

.uk-lightbox .uk-slidenav svg {
    fill: #fff !important;
}

.slideshow {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.slideshow .uk-slideshow-items li img {
	object-fit: cover;
	width: 100%;
	object-position: center center !important;
}

.slideshow .uk-slideshow-items li img.uk-cover {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.uk-cover {
  width: 100% !important;
}

/* #Content Styles
================================================== */

.hero img { width: 100%; height: auto; }

.utl { position:absolute; top:0; left:0; width:100%; font-size:.875rem; z-index:999; }
	.utl .background-gray-blue { border-radius:0 0 40px 40px; padding:3px 30px; }
	
	.utl .uk-subnav {
    white-space: nowrap;
    overflow-x: auto; /* Allow horizontal scrolling if needed */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.utl .uk-subnav li {
    white-space: nowrap;
}

.header { background:var(--dark-gray); border-radius:0 0 40px 40px; padding:35px 0 15px; }
	.header .uk-container-alt { max-width:100%; padding-right:0; }
	.header .logo { width:225px; }
	.header .uk-navbar-nav>li>a { font-family:var(--secondary-font); font-size:1.5rem; color:var(--white); text-transform:inherit; }
	.header .uk-navbar-nav>li:hover>a { background:var(--white); color:var(--blue); }
	.header [class*=uk-navbar-dropdown-bottom] { margin-top:0; }
	.header .uk-navbar-toggle { min-height:60px; }
	
	/* .home .header { position:absolute; top:0; left:0; width:100%; z-index:3; background:none; } */

    .home .header {
        background-color: #002949 !important;
		position: relative !important;
		width:100%; z-index:3;
    }

	.single-regions .header, .single-markets .header, .single-communities .header { position:absolute; top:0; left:0; width:100%; min-height:200px; z-index:3; background:none; }	
	
	
	
	.nav-questions-container { height:60px; width:275px; }
	.nav-questions { background:var(--white); padding:10px; border-radius:30px 0 0 30px; width:100%; position:absolute; top:0; left:0; box-sizing:border-box; }
		.nav-questions .icon { background:var(--blue); color:var(--white); padding:5px; border-radius:50%; width:30px; height:30px; margin-right:10px; text-align:center; line-height:30px; }
		.nav-questions h5 { margin:0; }
		.nav-questions h3 { font-size:1.75rem; margin:0 }
		
		
.coming-soon-small {
    position: relative;
    display: inline-block;
    padding-right: 6px; /* Adds spacing between the text and the line */
	color: var(--green);
	font-size: 18px;
}
.coming-soon-small::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 192px;
    transform: translateY(-50%);
    height: 2px;
    width: 110px; /* Length of the line */
    background-color: var(--green);
}

#wpcf7-f11591-o1 .uk-button { float: right; }	


#wpcf7-f11591-o1 .wpcf7-list-item-label, #wpcf7-f11591-o1 .wpcf7-list-item-label a	{ color: #fff; }

.title { position:relative; padding-top:25px; }
	.title:before { content:''; position:absolute; top:0; left:0; height:5px; width:75px; background:var(--medium-blue); }

.divider { height:1px; width:80%; max-width:400px; background:#ddd; margin:0 auto; }

.slider-pull { left:-25%; }

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

.page-nav { text-align:center; position:relative; z-index:2; margin:-40px 0 25px; }
	.page-nav ul { display:inline-block; background:var(--white); border-radius:25px; list-style:none; padding:5px; margin:0; }
	.page-nav ul li { display:inline-block; }
	.page-nav ul li a { display:flex; align-items: center; justify-content: center; font-family:var(--secondary-font); font-size:1.166rem; font-weight:300; background:var(--gray-blue); color:var(--blue); padding:8px 15px 8px 8px; border-radius:22px;}
	.page-nav ul>li.uk-active>a, .page-nav ul>li:hover>a, .page-nav ul>li.current_page_item a { background:var(--blue); color:var(--white); text-decoration:none; }
	
	.page-nav .icon { background:var(--blue); color:var(--white); padding:5px; margin-right:5px; border-radius:50%; font-size:.700em; height:25px; width:25px; text-align:center; line-height:1rem; display:inline-block; box-sizing:border-box; }
	.page-nav ul>li.uk-active>a .icon, .page-nav ul>li:hover>a .icon, .page-nav ul>li.current_page_item a .icon { background:var(--white); color:var(--blue); }

.signup-form { margin-top:50px; }
.signup-form input[type="text"], .signup-form input[type="email"] { border:0; border-bottom:1px solid var(--dark); padding:10px 10px; margin:0 10px; font-size:1.3em; font-weight:300; font-style:italic; font-family:var(--primary-font); }
 
.comm, .home { display:block !important; }
.filter-active .comm-title { display:none !important; }
.filter-active .plan-title { display:none !important; }

.listing-image-border { border:5px solid var(--white); }
.listing-content-box { position:relative; box-sizing:border-box; background:var(--white); padding:20px; border-radius:15px; margin-top:-15px; margin-left:10%; width:90%; }
.listing-collection-icon { position:absolute; top:-25px; right:25px; background:var(--white); border-radius:5px; padding:5px 10px; }
	.listing-collection-icon img { width:30px; }

.detail-icon { background:var(--white); height:50px; width:50px; border-radius:50%; font-size:1.2em; margin-right:10px; display:flex; align-items: center; justify-content: center; }

.region-item {}
	.region-item .dark-gradient2 { transition: all 0.3s ease-in-out; }
	.region-item .init { opacity:1; }
	.region-item .market-item-content { height:0; overflow:hidden; opacity:0; bottom:-5px; transition: all 0.3s ease-in-out; }
		.region-item:hover .market-item-content { height:auto; opacity:1; bottom:0; }
		.region-item:hover .market-list { opacity:1; }
		.region-item:hover .init { opacity:0; }
		.region-item:hover .dark-gradient2 { background: linear-gradient(0deg, rgba(0,0,0,.8) 50%, rgba(0,0,0,0) 100%); }
	

.market-list { list-style:none; margin:0 0 0 20px; padding:0; opacity:0; transition: all 0.3s ease-in-out; }
	.market-list li { position:relative; padding-left:25px; margin-bottom:10px; font-family:var(--secondary-font); font-size:1.5rem; }
	.market-list li:before { content:''; position:absolute; top:8px; left:0; height:10px; width:10px; background:var(--light-blue); }
	.market-list li a { color:var(--white); transition: all 0.3s ease-in-out; }
	.market-list li a:hover { color:var(--light-blue); text-decoration:none; }

.map-sales-center { bottom:10px; left:0; right:0;}

.graphic-40 { position:relative; margin:0px -15% -50px 0; max-width:80%; z-index:2; }
	
.blog-content-box { background:var(--white); padding:25px; border-radius:30px; position:relative; /* top:-25px; right:-25px; */ }	

.footer a { color:var(--dark); }

.gjs-row {	display: inline-block !important;}

.gjs-row .gjs-cell input {	background: var(--blue);color: var(--white);font-size: 1.166rem;text-transform: inherit; border-radius: 25px;padding: 9px 30px;margin: 0px 10px;border: none;top: 3px;position: relative;}

#stay-updated input {border-radius:15px;background:var(--light-gray);	width: 100%;max-width: 500px;min-width: 400px;border: none;font-size: 16px;top: 0;position: relative;margin: 0;}

.lh11 { line-height: 1.1; }

.single-wpm-testimonial p.uk-article-meta { display: none; }

#wpcf7-f11591-o1.wpcf7 form .wpcf7-response-output {
    color: #ffb900 !important;
}

/* #Media Queries
================================================== */
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* 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.50em; }
		h2, .uk-h2 { font-size:1.80em; }
		h3, .uk-h3 { font-size:1.325em; }
		h4, .uk-h4 { font-size:1.000em; }
		h5, .uk-h5 { font-size:0.675em; }
		
		h1 .font30, h2 .font30 { font-size:2em !important; }
		
		.border-radius 	{ border-radius:30px; }
		.border-radius2 { /* border-radius:20px; */ }
		.border-radius3 { border-radius:10px; }
		
		blockquote		{ font-size:1rem; }
			blockquote cite { font-size:.875rem; }
			
		.uk-button { padding:3px 25px; font-size:1rem; }
		
		.header .logo { max-width:150px; }

		.slideshow-text h2 { right:-40px; }
		.slideshow-text h1 { right:-125px; }
		
		.testimonial .uk-position-center-right { transform: translateY(-95%) translateY(-30px); } 
		
		.graphic-40 { margin:0px auto; max-width:80%; z-index:2; }
		.home-cta02 canvas { height:250px; }
		
		.quick-nav .uk-subnav>* { margin:0 0px; }
		.quick-nav .uk-subnav>*>a { font-size:.75em; }
		.quick-nav span { font-size:.75em; }
		
		.comm-nav .uk-navbar-nav { display:block; }
		.comm-nav .uk-navbar-nav>li>a { min-height:40px; }
		
		.page-nav .icon { width:20px; height:20px; line-height:20px; padding:0; }
		.page-nav ul li a { font-size:.825rem; padding:3px 10px 3px 5px; border-radius:20px; }
		
		.slider-pull { left:-8px; }
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}
	
	
	@media (max-width: 640px) {
		.utl .uk-width-expand.uk-text-right {
			flex: 0 0 auto; /* Don't expand, just fit content */
		}

		.utl .background-gray-blue { border-radius:0; padding:3px; }
		
		.utl .uk-grid {
			padding: 0 !important;
			margin: !important
		}

		.utl .uk-container-alt { padding: 0 !important;}

		.utl .uk-subnav {
			justify-content: center !important; /* Override uk-flex-right */
		}

		.utl .uk-text-right {
			text-align: center !important; /* Center the container */
		}
		.utl .uk-subnav li {
			padding-left: 10px;
		}
	}
	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) { 
	

	
	
	}


/* #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: 'Better Times';
	    src: url('../woff2/bettertimesalt.woff2') format('woff2'),
	        url('../woff/bettertimesalt.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
	}
	
	@font-face {
	    font-family: 'Swis721';
	    src: url('../woff2/swiss721bt-roman.woff2') format('woff2'),
	        url('../woff/swiss721bt-roman.woff') format('woff');
	    font-weight: normal;
	    font-style: normal;
	    font-display: swap;
	}
	
	@font-face {
	    font-family: 'TradeGothic';
	    src: url('../woff2/tradegothiclt-boldcondtwenty.woff2') format('woff2'),
	        url('../woff/tradegothiclt-boldcondtwenty.woff') format('woff');
	    font-weight: bold;
	    font-style: normal;
	    font-display: swap;
	}


/*	@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; }
*/