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

/* #Site Variables
================================================== */
:root {
  --primary: #163151;
  --secondary: #4E6F7F;
  --light: #EFEBE6;
  --gold: #B78656;
  --dark: #2a2a2a;
  --white: #ffffff;
  --text: #000000;
  --navigation: #ffffff;
  
  --primary-font: "Poppins", sans-serif;
  --secondary-font: "Cinzel", serif;
}


/* #Site Styles
================================================== */
*				{ outline:none; }
html, body		{ color:var(--text); font-size:16px; font-weight:300; 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.6em; }
.font7			{ font-size:0.7em; }
.font8			{ font-size:0.8em; }
.font9			{ font-size:0.9em; }
.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, h5, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5	{ font-family:var(--secondary-font); font-weight:400; color:inherit; line-height:1.1em; text-transform:inherit; }

h1, .uk-h1 		{ font-size:3.000em; }
h2, .uk-h2 		{ font-size:2.850em; }
h3, .uk-h3 		{ font-size:2.000em; font-family:var(--primary-font);  }
h4, .uk-h4 		{ font-size:2.000em; }
h5, .uk-h5 		{ font-size:1.125em; }

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; font-family:var(--secondary-font); font-size:2.5em; font-weight:500; }
	blockquote cite { font-style:normal; display:block; font-family:var(--primary-font); font-weight:700; text-transform:uppercase; font-size:.875rem; margin-top:15px; }

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

.sup-title { font-size:1.2em; font-weight:300; letter-spacing:.5px; text-transform:uppercase; }

.full-width-container {   width: 100vw; margin-left: calc(50% - 50vw); }
.fade-word { display:inline-block; }

/* #UIKit Styles
================================================== */
.uk-section-muted, .uk-background-muted { background:var(--light); }
.uk-section-dark, .uk-background-dark { background:var(--dark); color:var(--white); }

.uk-button { border-radius:0; background:var(--dark); color:var(--white); border:1px solid var(--dark); min-width:250px; padding:5px 25px; text-transform:uppercase; font-family:var(--primary-font); font-weight:600; font-size:.7rem; }
.uk-button.uk-button-primary { background:var(--primary); color:#EADDC7; border-color:var(--gold); }
.uk-button.uk-button-secondary { background:var(--secondary); color:#EADDC7; border-color:var(--gold); }

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

.uk-input, .uk-textarea, .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme textarea { background:none !important; border:1px solid var(--gold) !important; font-size:.7rem !important; font-weight:600 !important; height:40px; }

.uk-text-shadow { text-shadow: 0 4px 4px rgba(0, 0, 0, 0.32); }

.gform_button { 
	background: var(--secondary); 
	color: #EADDC7;
	border-radius: 0;
	border: 1px solid var(--gold);
	min-width: 250px;
	padding: 5px 25px;
	text-transform: uppercase;
	font-family: var(--primary-font);
	font-weight: 600;
	font-size: .7em; 
	line-height:38px; }

/* #Page Styles
================================================== */
.header { }
	.header .logo { width:200px; }
	.header .uk-navbar-item, .header .uk-navbar-nav>li>a, .header .uk-navbar-toggle { min-height:40px; color:var(--white) !important; font-family:var(--primary-font); }

.inline-title { display:flex; margin-bottom:100px; }
	.inline-title h2 { margin:0; }
	.inline-title h2 span { display:block; text-align:right;  margin-right:-100px; }
	.inline-title .sup-title { padding-top:10px; margin-right:25px; }

.stat-box { border:1px solid var(--dark); padding:50px 25px; margin-bottom:100px; color:var(--primary); text-align:center; }
	.stat-box .stat { font-family:var(--secondary-font); font-size:6em; font-weight:400; line-height:1em; }
	.stat-box .text { font-size:.875em; text-transform:uppercase; color:var(--secondary); }

.projects { padding:0 50px; border-left:1px solid var(--dark); }

.project { padding-bottom:100px; margin-bottom:100px; }
	.project .project-title { display:inline-block; padding:20px 50px; margin:0 0 -1px; border:1px solid var(--dark); }
	.project .project-details { display:block; padding:50px; border:1px solid var(--dark); color:var(--primary); }

	.project .project-collage { position:relative; padding-bottom:150px; }
	.project .project-collage > div:nth-child(2) { position:absolute; top:150px; left:30%; }

	.project.alt .project-title { margin-left:0; position:relative; right:-250px; }
	.project.alt .project-collage { text-align:right; }
	.project.alt .project-collage > div:nth-child(2) { left:15%; }

.map { position:relative; min-height:525px; }
	.map > * { position:relative; }
	.map:before { content:''; position:absolute; top:0; right:-100px; width:50%; height:100%; background:url('../images/map-new.png') top right no-repeat; background-size:100%; background-blend-mode: overlay; }

.footer-nav { list-style:none; padding:0; }
	.footer-nav li { padding-left:25px; position:relative; }
	.footer-nav li:before { position:absolute; top:0; left:0; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f105"; color:var(--gold); }
	.footer-nav a { color:var(--white); font-size:.75em; opacity:.7; transition: all 0.3s ease-in-out; }
	.footer-nav a:hover { opacity:1; text-decoration:none; }

.footer .address, .footer .phone, .footer .fax { position:relative; padding-left:25px; font-size:.75em; line-height:1.3em; margin-bottom:10px;  }
.footer .address:before { position:absolute; top:0; left:0; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f3c5"; color:var(--white); }
.footer .phone:before { position:absolute; top:0; left:0; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f879"; color:var(--white); }
.footer .fax:before { position:absolute; top:0; left:0; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f1ac"; color:var(--white); }

/* #Media Queries
================================================== */
	@media only screen and (max-width: 1220px) {		
		h1, .uk-h1 		{ font-size:3.000em; }
		h2, .uk-h2 		{ font-size:2.850em; }
		h3, .uk-h3 		{ font-size:2.000em; }
		h4, .uk-h4 		{ font-size:2.000em; }
		h5, .uk-h5 		{ font-size:1.125em; }


	}

	/* 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.850em; }
		h3, .uk-h3 		{ font-size:2.000em; }
		h4, .uk-h4 		{ font-size:2.000em; }
		h5, .uk-h5 		{ font-size:1.125em; }

		
	}

	/* 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.000em; }
		h2, .uk-h2 		{ font-size:1.850em; }
		h3, .uk-h3 		{ font-size:1.500em; }
		h4, .uk-h4 		{ font-size:1.500em; }
		h5, .uk-h5 		{ font-size:0.875em; }

		.font20, .font25 { font-size:1.5em; }

		.projects { border:0; padding:0; }

		.project { padding-bottom:0; margin-bottom:50px; }
		.project .project-title { margin-bottom:10px; margin-left:0; width:100%; text-align:center; box-sizing:border-box; }
		.project.alt .project-title { right:auto; }

		.project .project-details { display:block; text-align:center; }
		
		.project .project-collage { padding-bottom:0; text-align:center; }
		.project .project-collage > div { width:48%; }
		.project .project-collage > div:nth-child(2) { position:relative; top:0; left:0; }
		
		.project.alt .project-collage { text-align:center; }
		.project.alt .project-collage > div:nth-child(2) { left:0; }

		.inline-title { display:block; text-align:center; margin-bottom:50px; }
		.inline-title h2 span { margin-right:0; text-align:center; }
		.inline-title .sup-title { margin-right:0; }
		
		.uk-button { min-width:auto; }
		
		.map { padding-bottom:200px; }
		.map:before { width:100%; top:auto; bottom:0; right:0; background-position:bottom center; }
		
		.gform_wrapper.gravity-theme .gform_footer { 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) {
		.font20 { font-size:1.3em; }
	}


/* #Font-Face
================================================== */