@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

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

/* #Site Variables
================================================== */
:root {
  --primary: #595844;
  --secondary: #AAA584;
  --tertiary: #243B77;
  --light: #F8F6F0;
  --other: #EAE7DF;
  --dark: #3C3A36;
  --white: #ffffff;
  --text: #3C3A36;
  --navigation: #3C3A36;
  
  --primary-font: 'Montserrat', 'Helvetica Nueu', 'Helvetica', Arial, sans-serif;
  --secondary-font: "larken", sans-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; background:var(--light); }

.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; }
.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; }

h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5 { font-family:var(--secondary-font); color:inherit; line-height:1em; font-weight:300; letter-spacing:2px; text-transform:uppercase; }

h1, .uk-h1		{ font-size:3.500em; }
h2, .uk-h2		{ font-size:2.750em; }
h3, .uk-h3		{ font-size:1.750em; }
h4, .uk-h4		{ font-size:1.500em; }
h5, .uk-h5		{ font-size:1.250em; }

p 				{ line-height:1.8em; }

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

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

em 				{ color:inherit; }

blockquote		{ color:inherit; padding:0 50px; quotes: "“" "”" "‘" "’"; position:relative; }
	blockquote cite { position:relative; display:block; text-align:center; font-family:var(--primary-font); font-size:.875rem; font-style:normal; font-weight:700; margin-top:15px; }
	blockquote:before { content:open-quote; font-family:'arial'; font-size:90px; font-weight:700; font-style:normal; line-height:90px;  color:var(--primary); display:block; position:absolute; top:-10px; left:-10px; }
	
.font-secondary { font-family:var(--secondary-font); }

.title { padding-bottom:20px; margin-bottom:25px; background:url('../images/title-dots.svg') bottom left no-repeat; }
	.uk-text-center .title, .title.uk-text-center { background-position:bottom center; }
	.title.alt { background-image:url('../images/title-dots-alt.svg'); }
	h2.title { background-size:55px; }
	
.sup-title { text-transform:uppercase; font-size:1em; font-weight:700; letter-spacing:1px; color:var(--secondary); opacity:.5; }
	.sup-title + h1, .sup-title + .uk-h1 { margin-top:5px; }
	.sup-title + h2, .sup-title + .uk-h2 { margin-top:5px; }

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

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

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

.uk-button { position:relative; font-size:.8em; font-weight:700; letter-spacing:.5px; line-height:1em; padding:3px 3px 3px 25px; border-radius:7px; text-transform:uppercase; background:var(--text); border:0; color:var(--white); }
.uk-button-primary, .uk-active>.uk-button, .uk-button-primary > a { background:var(--primary); color:var(--white); }
.uk-button-secondary, .uk-button-secondary > a { background:var(--secondary); color:var(--white); }
.uk-button-contrast { color:var(--text) !important; background:var(--white); }

.uk-button-primary:hover { background:var(--primary); opacity:0.85; text-decoration:none; }
.uk-button-secondary:hover { background:var(--secondary); opacity:0.85; text-decoration:none; }
.uk-button-dark:hover { color:var(--white); }

.uk-button::after { display:inline-block; background:var(--white); color:var(--text); margin-left:15px; border-radius:5px; padding:9px 9px 8px; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; font-size:.9em; font-weight: 900; content: "\f061"; }

.uk-button.uk-width-1-1 { line-height:28px; }
.uk-button.uk-width-1-1::after { float:right; line-height:1em; }

.uk-overlay-gradient { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0) 100%); }
.uk-overlay-gradient2 { background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); }
.uk-overlay-secondary { background: rgba(157, 6, 28, .7); }

.uk-card-border { padding:10px; border:1px solid #8D8D8D; background:var(--other); }
.uk-card-muted { background:var(--light); border-radius:15px; }
.uk-card-default { color:var(--text); }
.uk-card-default .uk-card-footer { border:0; }

.uk-card-media-top.uk-cover-container, .uk-card-media-top > .uk-cover-container { border-radius: 20px 20px 0 0; }

.uk-badge { border:1px solid var(--white); border-radius:5px; background:rgba(255,255,255,.8); color:var(--primary); font-weight:800; font-size:.8em; text-transform:inherit; }
	.uk-badge.red { border-color:#c72c2c; background:#c72c2c; color:var(--white); text-transform:uppercase; padding-left:10px; padding-right:10px; font-size:.725em; letter-spacing:.5px; }

.uk-heading-divider { position:relative; border:0; padding-bottom:25px; margin-bottom:25px; }
	.uk-heading-divider:after { content:''; display:block; position:absolute; height:10px; width:200px; max-width:90%; margin:0 auto; bottom:0; left:0; right:0; background:var(--secondary);  }

.uk-subnav-pill>*>:first-child { font-size:.875em; font-weight:800; line-height:1em; letter-spacing:.5px; border-radius:8px; text-transform:uppercase; background:var(--dark); border:2px solid #505050; color:var(--white); padding:10px 15px 10px 25px; }
	.uk-subnav-pill>.uk-active>a, .uk-subnav-pill>.uk-active>a:hover  { background:var(--secondary); border-color:#92b627; }
	.uk-subnav-pill>*>:first-child:hover { background:#505050; color:var(--white); }

	.uk-subnav-pill>*>:first-child::after { display:inline-block; width:9px; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; margin-left:10px; font-family:"Font Awesome 5 Pro"; font-weight:900; content:"\f105"; }
	.uk-subnav-pill>.uk-active>a::after { content:"\f107"; }
	
.uk-tab-left>*>a { font-weight:400; color:var(--dark); }
.uk-tab>.uk-active>a { background:var(--primary); color:var(--white); }

.uk-padding-xsmall { padding:10px; }

.uk-background-secondary .uk-heading-line>::after, .uk-background-secondary .uk-heading-line>::before { border-color:var(--dark); }

.uk-tooltip { background:var(--primary); color:var(--white); margin-top:-5px !important; }

.uk-input::-ms-input-placeholder { color:#666 !important }
.uk-input::placeholder { color:#666 }
.uk-textarea::-ms-input-placeholder { color:#666 !important }
.uk-textarea::placeholder { color:#666 }

.uk-grid-divider>:not(.uk-first-column)::before { border-color:var(--text); }

/* #Page Styles
================================================== */

/* Header */
.header { }
.header .logo { max-width:250px; }
/*.header .logo-sticky { display:none; }*/
.header nav { }
	.header .uk-navbar-nav { gap:15px; }
	.header .uk-navbar-nav>li { position:relative; }
	.header .uk-navbar-nav>li>a { 
		font-family:var(--primary-font); 
		height:40px; 
		min-height:40px; 
		text-transform:capitalize;
		font-weight:600; 
		color:var(--navigation); 
		font-size:1em; 
		padding:0 5px;
	}
	.header .uk-navbar-nav>li:hover>a, 
	.header .uk-navbar-nav>li.current-menu-item>a,
	.header .uk-navbar-nav>li.uk-active>a { 
		color:var(--white); 
		background:var(--secondary); 
	}
	.header .uk-navbar-nav>li:last-child:after { display:none; }
	.header .uk-navbar-toggle { min-height:40px; }
	
	.header .uk-navbar-dropdown { color:var(--dark); padding:10px; border-radius:10px; }
	.header .uk-navbar-dropdown .uk-nav { padding:10px; }
	.header .uk-navbar-dropdown .uk-nav>li>a { color:var(--text); font-weight:600; }
	.header .uk-navbar-dropdown .uk-nav-sub { padding:5px; }
	.header .uk-navbar-dropdown .uk-nav-sub a { color:var(--text); font-size:.875em; }

.header.uk-active { background:var(--light); box-shadow:0 0 20px rgba(0,0,0,0.3); padding:10px 0; z-index:99999; }
/*.header.uk-active .logo { display:none; } */
.header.uk-active .logo-sticky, .header.alt.uk-active .logo { display:block !important; max-width:150px; }
.header.uk-active .utl { display:none; }

	
.utl {}
	.utl p { margin-bottom:0; }
	.utl a { color:var(--white); text-decoration:underline; }
	.utl a:hover { text-decoration:none; }

.page-title { }
	.page-title #breadcrumbs { font-size:.75rem; margin:0; text-transform:uppercase; }
	.page-title #breadcrumbs a { color:inherit; }
	
	.page-title h1 { font-size:5em; }
	.page-title .sup-title { color:var(--light); }

.comm-box { position:relative; background:var(--primary); color:var(--white); padding:20px 0 40px; box-shadow:0 0 50px rgba(0,0,0,0.2); }
	.comm-box:after { content:''; display:block; position:absolute; bottom:15px; left:0; width:100%; height:4px; background:var(--white); }
	.comm-box a.link { display:block; padding:10px 20px; text-align:center; line-height:1em; transition: all 0.3s ease-in-out; }
	.comm-box a.link:hover { background:rgba(0,0,0,0.2); }

.shadow { position:absolute; width:100%; height:100%; top:0; left:0; }
	.shadow:before { content:''; position:absolute; top:0; left:0; background: rgb(0,0,0); background: linear-gradient(00deg, rgba(0,0,0,0) 00%, rgba(0,0,0,0.75) 100%); width:100%; height:50%; }
	.shadow:after { content:''; position:absolute; bottom:0; left:0; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 00%, rgba(0,0,0,0.50) 100%); width:100%; height:50%; }

.home-comm-toggles { background:var(--dark); position:absolute; bottom:90px; left:-127px; padding:10px 25px 10px 50px; border-radius:10px 0 0 10px; }

.quick-nav { background:var(--secondary); display:inline-block; }
	.quick-nav>* { margin-bottom:0; }
	.quick-nav .uk-subnav>*>:first-child { color:var(--white); text-transform:uppercase; font-size:.875em; font-weight:700; padding:10px 20px; }
	.quick-nav .uk-subnav>.uk-active>a { background:var(--primary) !important; color:var(--white); height:100%; box-sizing:border-box; display:flex; align-items:center; justify-content:center; }
	.quick-nav i { color:var(--primary); font-size:1.125rem; margin-right:5px; }
	.quick-nav .uk-subnav>.uk-active>a i { color:var(--white); }
	.quick-nav .uk-subnav>*>a:focus, .quick-nav .uk-subnav>*>a:hover { background:var(--light); color:var(--secondary); }

.filter-nav { border:1px solid #ddd; display:flex; align-items:center; justify-content:center; padding:0 10px; font-size:.875em; font-weight:700; text-transform:uppercase; }
	.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(--secondary); font-weight:300; text-transform:initial; font-size:.9rem; }
	.filter-nav .uk-subnav>.uk-active>a { background:var(--secondary); color:var(--white); }
	.filter-nav .uk-subnav>*>a:focus, .filter-nav .uk-subnav>*>a:hover { background:#ddd; }
	
.mobile-comm-nav { text-align:center; padding:5px 0; }
	.mobile-comm-nav > a { color:#fff; display:block; padding:10px 50px; }
	.mobile-comm-nav > a:hover { text-decoration:none; background:var(--white); color:var(--dark); }
	.mobile-comm-nav .mobile-comm-nav-dropdown { padding-top:10px; }
	.mobile-comm-nav .mobile-comm-nav-dropdown a { text-transform:uppercase; color:var(--black); }
	
.comm, .home { display:block !important; }
.filter-active .comm-title { display:none !important; }
.filter-active .plan-title { display:none !important; }

.uk-offcanvas-bar { padding:20px 0; background:var(--white); }
	.uk-offcanvas-bar .uk-nav-default>li>a { padding:10px 20px; color:var(--text) !important; font-size:1.125em; text-transform:uppercase; border-bottom:1px solid #eee; }
	.uk-offcanvas-bar ul.uk-nav-sub { background:#f2f2f2; }
	.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { padding:5px 20px; color:var(--text) !important; }
	
	.uk-offcanvas-bar .uk-nav-default>li>a:active, .uk-offcanvas-bar .uk-nav-default>li>a:focus, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:active, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus { color:var(--text) !important; }

#breadcrumbs { font-size:.875em; margin:0; }
	#breadcrumbs .breadcrumb_last { font-weight:600; }


/***** START *****/
.hero {}
	.hero a { color:var(--white); }

.border-radius { border-radius:20px; overflow:hidden; }
.border-radius-small { border-radius:10px; }

.expand-right { position: relative; overflow: visible; }
.expand-right .expanded-right-content {  position: absolute; top:-10px; right: 0; left:49%;  width: calc(100vw - ((100vw - 1200px) / 2)); }

.form-pull { margin-top:-65px; z-index:981; }
.submit-btn { background:none; font-family:inherit; font-weight:inherit; color:inherit; text-transform:inherit; border:0; }
.submit-btn:hover { cursor:pointer; }
.request-tour-form { background:var(--other); padding:25px; border-radius:25px; border:1px solid rgba(112,112,112,.35); text-align:center; }
.form-pull .request-tour-form { padding:20px; }

.comm-nav { }
	.comm-nav .uk-container { background:var(--other); border:1px solid rgba(112,112,112, 0.3); border-radius:15px; padding:10px 25px; box-shadow:0 0 10px rgba(0,0,0,0.2); box-sizing:border-box; }
	.comm-nav .uk-navbar-nav { gap:20px; }
	.comm-nav .uk-navbar-nav>li { position:relative; }
	.comm-nav .uk-navbar-nav>li>a { font-family:var(-primary-font); font-size:1em; font-weight:700; text-transform:inherit; color:var(--text); min-height:30px; padding:0; letter-spacing:1px; }


.wpcf7-spinner { display:none; }
.wpcf7-not-valid-tip { font-size:.75rem; }

.footer-nav { list-style:none; padding:0; }
	.footer-nav a { font-family:var(--secondary-font); color:var(--white); font-size:1.5em; }
	
.footer a { color:var(--white); }

.grecaptcha-badge { display:none !important; }
.embed-container { position:relative; padding-bottom:56.25%; overflow:hidden; max-width:100%; height:auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }

.agent-card{
  border:1px solid #707070;
  padding:10px;
}

.agent-photo{
  width:92px;          /* mobile friendly fixed size */
  height:115px;
  border-radius:4px;
  overflow:hidden;
}

.agent-email a{
  word-break: break-word;   /* prevents layout blowout on long emails */
}


/* #Media Queries
================================================== */
	@media only screen and (max-width: 1220px) {

		h1, .uk-h1		{ font-size:3.500em; }
		h2, .uk-h2		{ font-size:2.750em; }
		h3, .uk-h3		{ font-size:1.750em; }
		h4, .uk-h4		{ font-size:1.500em; }
		h5, .uk-h5		{ font-size:1.250em; }

	}
	
	.form-pull {
		z-index: 981;
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {		
		.form-pull {
			margin-top: 0;
		}
		.page-template-template-communities div.uk-background-light,
		.page-template-template-communities div.uk-cover-container {
			border-radius: 25px !important;	
		}
		.page-title h1 {
			font-size: 3em;
		}
	}

	/* 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) {
		html, body { font-size:14px; }
		
		h1, .uk-h1		{ font-size:2.500em; }
		h2, .uk-h2		{ font-size:2.00em; }
		h3, .uk-h3		{ font-size:1.50em; }
		h4, .uk-h4		{ font-size:1.300em; }
		h5, .uk-h5		{ font-size:1.000em; }
		
		.expand-right .expanded-right-content {  position: static; top:0; right: 0; left:0; width:100%; box-sizing:border-box; }
		.request-tour-form { margin-top:0; z-index:981; }
		.home-intro { padding-bottom:30px; }
		.home-comms { padding-bottom:50px; }
		.home-comm-toggles { position:static; bottom:0; left:0; text-align:center; margin-top:15px; }
		
		.callout { padding:25px 50px; }
		.callout:before { width:100%; }
		.callout .callout-photo { position:relative; right:0; top:0; }
		
		.testimonials { margin-bottom:100px; }
		
		.sub-title-pull { margin-bottom:-15px; font-size:1.2rem; }
		
		.home .font18 { font-size:2.2rem; }
	}
	

}

	/* 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) { }


/* #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: 'DoublePorter';
	src: url('../fonts/DoublePorter5.woff2') format('woff2'),
		 url('../fonts/DoublePorter5.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

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