/*   
	Theme Name:        CSR Theme
	Theme URI:         https://www.csrengineers.com
	Description:       A custom WordPress theme designed and developed for CSR Engineers.
	Author:            Thrive Creative Group, LLC
	Author URI:        https://thinkthrive.com
	Version:           1.0
	Requires at least: 6.2.2
*/
@import url('https://csrengineerscom1f91f.zapwp.com/m:0/a:https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
@media screen {
	
	body { background-color: #fff; color: #353535; font-family: 'Lato', arial, sans-serif; font-weight: 400; font-size: 18px; line-height: 1.3em; margin: 0 0 0 0;}
	.wrap { box-sizing: border-box; max-width: 1550px; margin: 0 auto; position: relative; }
	.small-wrap {max-width: 1200px; margin: 0 auto ;}
	.extra-small-wrap {max-width: 960px; margin: 0 auto;}
	.clear {clear: both;}
	
	b,strong {font-weight: 700;}
	.align-center {text-align: center;}
	.button {}
	.button:hover {}
	.yellow-button {color: #fff; border-radius: 5px; background: #ec9600; text-transform: uppercase; display: block; padding: 20px 15px; letter-spacing: 0.06em; /*font-size: 21px;*/ /*width: 175px;*/}
	.yellow-button:hover {color: #fff; background: #003366; transition: 1s ease;}
		
	a {color: #ec9600; font-weight: 700; text-decoration: none;}
	a:hover {color: #003366; transition: 1s ease;} 
	header ul.contact-info .gv-tel-link {display: none !important; width: 0 !important; height: 0 !important;}
	hr {background: #003366; height: 2px; margin: 40px auto 0; border: none;}
	
	h1, h2, h3, h4, h5, h6 { font-weight: 900; color: #003366; margin: 1em 0 .5em 0;}
	h1 {font-size: 56px; line-height: 1.8;}
	h2 {font-size: 40px; line-height: 1.3;}
	h3 {font-size: 30px; line-height: 1.3;}
	h4 {font-size: 24px; line-height: 1.25;}
	h5 {font-size: 20px; line-height: 1.2;}
	h6 {font-size: 18px; line-height: 1.1;}
	
	p {padding: 0 0 0 0; margin: 0 0 1em 0;}
	p.center {text-align: center;}
	ul, ol { margin: 0 0 0 0;}
	ul li, ol li {margin: 1em 0 1em 1em;}
	.lightweight-accordion-body ul li, .lightweight-accordion-body ol li {margin: 0 0 1em 0;}
	.border-bottom {border-bottom: 1px solid #353535;}
	.page .entry .wp-block-button__link {margin-top: 20px;}
	
	.hthb-notification-content.ht-notification-text a {color: #003366 !important;}
	.hthb-notification-content.ht-notification-text a:hover {text-decoration: underline;}
	pre {}
	code, tt, var {}
	abbr, acronym {}
	blockquote { color: #003366; font-size: 24px; line-height: 1.35; margin: 0 0 0 1.5em; font-style: italic;}
	blockquote p {}
	
	.post {}
	.entry {overflow: hidden;}
	.entry a {}
	.entry a:hover {}
	.meta {}
	.postmetadata {}
	
	.page .entry .wp-block-gallery {padding-top: 10px;}
	form {}
	label { display: block; }
	input { display: block; }
	input[type=text] {}
	textarea {}
	input.gform_button[value="Submit"] {background: #003366; font-weight: 700; text-transform: uppercase; font-size: 16px;} 
	input.gform_button.button {display: block; background: #003366 !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 16px !important;} 
	.screen-reader-text { position: absolute; left: -9999em; }
	
	/* WP Default Styles */
	.wp-caption {background: #003366; padding: 30px 30px 30px 30px; }
	.wp-caption-text {font-size: 16px; color: #fff; font-weight: 400;}
	.phone {}
	
	/* Header */
	header {position: fixed; top: 0; width: 100%; text-shadow: 1px 1px 2px #565656; letter-spacing: 0.02em; z-index: 995; padding: 25px 0 0; height: 256px;  background: rgb(0,51,102); background: linear-gradient(180deg, rgba(0,51,102,0.85) 0%, rgba(0,51,102,0) 100%); }
	header .wrap {width: 1800px; margin: 0 auto;}
	.logo {filter: drop-shadow(2px 2px 3px rgb(0 0 0 / 0.2)); display: block; text-indent: -9999px; width: 225px; height: 124px; float: left; background: url('images/CSR-Engineering-Logo.svg') center center no-repeat; margin: 25px 0 0 0; }
	header ul.contact-info {list-style-type: none; float: right; margin: 0 0 0 0; letter-spacing: 0.08em;}
	header ul.contact-info li {float: left; color: #fff;}
	header ul.contact-info li a {color: #fff; display: block;}
	header ul.contact-info li a:hover {color: #003366; transition: 1s ease; text-shadow: none;}
	header .yellow-button {float: right; text-transform: uppercase; border: none; box-shadow: none;}
	header nav#desktop-nav {float: left; clear: right; width: 85%; min-width: 1300px; }
	header nav#desktop-nav ul {list-style-type: none; margin: 50px 0 0 60px; display: block; float: left; }
	header nav#desktop-nav ul li {display: block; float: left; margin: 0 50px 0 0; letter-spacing: 2px; position: relative;}
	header nav#desktop-nav ul li a {text-transform: uppercase; color: #fff; display: block; margin: 0 0 40px 0; font-weight: 400;}
	header nav#desktop-nav ul li a:hover {color: #ec9600;}
	header nav#desktop-nav ul ul {display: none; background: #003366; position: absolute; top: 40px; left: -15px; z-index: 99999; width: 245px; margin: 0 0 0 0; padding: 0 0 0 0; border-radius: 5px;}
	header nav#desktop-nav ul ul li a:hover {color: #e69000; transition: 1s ease;}
	header nav#desktop-nav ul li.menu-item-has-children:hover ul {display: block; }
	header nav#desktop-nav ul li:hover a {color: #003366; text-shadow: none;}
	header nav#desktop-nav ul li:hover ul li a {color: #fff;}
	header nav#desktop-nav ul li ul li {margin: 0 0 0 0; padding: 0 0 0 0;}
	header nav#desktop-nav ul li ul li a {margin: 0 0 0 0; display: block; padding: 10px 15px; width: 215px; color: #fff; border-bottom: 1px solid #dbe1ea; text-transform: none; letter-spacing: 0.03em;}
	header nav#desktop-nav ul li ul li:last-child a {border-bottom: none;}
	header nav#desktop-nav ul li ul li a {color: #fff; text-shadow: none;}
	header nav#desktop-nav ul li ul li a:hover {color: #e69000;}
	header a.yellow-button {text-shadow: none; letter-spacing: 0.15em; display: block; float: right; background: #e69000; color: #fff; text-transform: uppercase; padding: 20px 35px; border-radius: 5px; margin: 30px 0 0 0;}
	header a.yellow-button:hover {background: #003366; transition: 1s ease; cursor: pointer;}
	
	/* Header Style updates on scroll */
	header.darkHeader { background: #fff; border-bottom: 4px solid #dbe1ea; height: 185px; position: fixed; z-index: 999; width: 100%; top: 0;}
	header.darkHeader .logo {filter: none; background: url('images/CSR-Engineering-Logo-dark.svg'); }
	header.darkHeader ul.contact-info li a, header.darkHeader ul.contact-info li {color: #003366; text-shadow: none;}
	header.darkHeader ul.contact-info li a:hover {color: #e69000}
	header.darkHeader nav#desktop-nav ul li a {color: #003366; text-shadow: none;}
	header.darkHeader nav#desktop-nav ul li a:hover, header.darkHeader nav#desktop-nav ul li:hover a {color: #e69000;}
	header.darkHeader nav#desktop-nav ul li:hover ul li a {color: #fff;}
	header.darkHeader nav#desktop-nav ul li ul li a:hover {color: #e69000;}
	header.darkHeader nav#desktop-nav ul ul {box-shadow: 1px 1px 3px #303030;}
	
	/* Homepage */
	.home .blue {background: #003366;}
			
	/* Homepage Slider */		
	#homepage-slider {position: relative; border-bottom: 12px solid #fff; /* margin: -200px auto 0; z-index: -5;*/}
	section.home-caption {position: absolute; top: 275px; left: 50%; margin: 0 0 0 -650px; width: 900px; z-index: 1;}
	section.home-caption h2 {font-size: 70px; font-weight: 400; line-height: 1.15em; color: #fff; text-shadow: 3px 3px 6px #303030;}
	.yellow-button {text-align: center; width: 215px; font-size: 21px; box-shadow: 1px 1px 3px #303030;}
	
	/*Statistics Section*/
	.home .stats {padding: 80px 0 60px;}
	.home .stats h1 {font-size: 83px; font-weight: 900; margin: 0 0 0 0; line-height: 1em; }
	.home .stats h3 {font-weight: 400; margin: 0 0 0 0;}
	
	/*About Section*/
	.home .about {padding: 0 150px 50px 100px; margin: -20px 0 20px 0;}
	.home .about h2, .home .mission h2 {font-size: 50px; font-weight: 400; margin: 0 0 0 0; padding: 0 0 0 0;}
	.home .about p, .home .mission p {line-height: 1.8em;}
	.home #margin-up {margin-top: -86px; padding-bottom: 55px;}
	.home .mission {padding: 40px 150px 50px 100px;} 
	
	/* Call-Out Section*/
	.home .contact-us {border-top: 26px solid #D3DDE8; /*border-bottom: 26px solid #D3DDE8;*/ /*max-height: 450px;*/}
	.home .call-out h2 {font-size: 40px; font-weight: 400; line-height: 1.4; margin: 45px 100px 0 0;}
	.home .contact-us h2 {font-size: 40px; font-weight: 400; line-height: 1.4; margin: 0 auto 0 auto;}
	.home .contact-box .wp-block-button__link {margin-top: 0;}
	.home .contact-box {position: relative; padding: 150px 0 150px 0; margin: 0 0 0 -36px;}
	.home img.wp-image-86 {min-height: 353px; margin: 20px 0 0 0; display: block; position: relative;}
	.home .contact-box .wp-block-mission a:hover {opacity: 1s ease; transition: 1s ease;}	
	.home .wp-block-gallery.has-nested-images figure.wp-block-image {}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {overflow-y: hidden; display: none; font-size: 18px; background: rgba(58,61,71,0.7); max-height: 100%; padding: 30% 10% 20% 10%; min-height: 100%; line-height: 1.2em;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {font-size: 26px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {color: #e69000; font-weight: 700; font-size: 26px;}			
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a:hover {color: #fff;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption {display: block; cursor: pointer; }
	.home .wp-block-gallery-28 {position: relative;}
	.home .our-projects {position: relative;}	
	.home img.wp-image-76 {width: 100%; height: auto;}
	.home .our-projects {padding: 50px 0 50px;}
	.home .our-projects h2 {margin: 0 0 30px 0; padding: 0 0 0 0; font-size: 56px; font-weight: 400;}
	
	/* Homepage Portfolio Section */
	#portfolio-feed {padding: 0 0 70px; position: relative;}
	#portfolio-feed a {color: #fff; font-weight: 400;}
	.home-portfolio-moretag {display: block; clear: both; text-align: center; margin: 20px auto 0;}
	#portfolio-feed a.home-portfolio-moretag {color: #E69000;}
	#portfolio-feed h2 {font-weight: 700; padding: 10px 0 30px; }
	#portfolio-feed h3 {color: #fff; font-size: 26px; text-align: center; font-weight: 400; display: block; padding: 70px 0 20px;}
	#portfolio-feed .post {position: relative; width: 32%; float: left;/* height: auto;*/ overflow: hidden; margin: 0 1% 1% 0;}
	#portfolio-feed .post:hover .post-overlay {display: block;}
	#portfolio-feed .post-overlay {display: none; background: rgba(58,61,71, 0.7); width: 80%; height: 100%; padding: 0 10%; position: absolute; z-index: 1; text-align: center; top: 0; left: 0;}
	#portfolio-feed .entry {font-weight: 400;}
	.col-33 {width: 33.33%; float: left;} 	
	
	/* Footer */
	.footer-border {width: 100%; background: #d3dde8 url('images/footer-border.svg') top left no-repeat; height: 55px; margin-bottom: -2px;}
	.page .footer-border, .single .footer-border {background-color: #fff;}
	.page-id-22 .footer-border,.page-id-16 .footer-border {background-color: #dbe0e6; }
	.home.page .footer-border { background-color: #fff;}
	footer {background: #003366; color: #fff; padding: 75px 0 50px;}
	footer .wrap {max-width: 1100px;}
	footer p {text-align: center; margin: 0 0 1.5em 0; letter-spacing: 0.05em;}
	footer a {color: #fff;}
	footer a:hover {color: #ec9600;}
	footer .logo {float: right; margin: 0 40px 0 0;}
	footer ul {list-style: none;}
	footer ul.social {margin: 10px auto 0 auto; width: 45px; padding: 0 0 0 0;}
	footer ul.social li {display: block; float: left; margin: 0 0 0 0; padding: 0 0 0 0;}
	footer ul.social li a {display: block; width: 47px; height: 47px; text-indent: -9999px;}
	footer ul.social li a:hover {opacity: 0.8; }
	footer ul.social li a.facebook {background: url('images/facebook.svg') center center no-repeat; margin-right: 22px;}
	footer ul.social li a.instagram {background: url('images/instagram.svg') center center no-repeat}
	footer ul.social li a.linkedin {background: url('images/linkedin.svg') center center no-repeat}
	footer nav {text-transform: uppercase; margin: 0 0 0 20px;}
	footer nav ul {margin: 0 0 0 0;}
	footer nav ul li {margin: 0 0 17px 0; letter-spacing: 0.15em;}
	p.sub-footer {text-align: center; font-size: 14px; display: block; padding: 25px 0 15px;}
	p.sub-footer a {font-weight: 400; color: #003366;}
	p.sub-footer a:hover {color: #ec9600;}
	
	/* Interior Pages */
	.title-block {height: 425px; background: #D3DDE8; position: relative; overflow: hidden;}
	.title-block img {/*position: absolute; top: 0; left: 0; min-width: 100%; height: auto; min-height: 100%; z-index: 1;*/}
	.title-block img {position: relative; width: 100%; height: auto;}
	.page-content {padding: 40px 0 90px;}
	h1.page-title {/*margin: 0 auto 0 auto; z-index: 2; position: relative; padding: 275px 0 0 0;*/ color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 0.08em; position: absolute; bottom: 50px; width: 90%; z-index: 99; left: 5%;}
	.gradient-overlay {top: 0; left: 0; position: absolute; z-index: 1; background: rgb(1,51,102);background: linear-gradient(0deg, rgba(1,51,102,1) 0%, rgba(1,51,102,0) 56%); width: 100%; height: 100%;}
	.lock-scroll { overflow: hidden;}
	nav#mobile {display: none;}
	#mobileslide {width: 0;}
	
	/* Mobile Nav */
	.overlay {height: 100%;width: 0;position: fixed; z-index: 9999; left: 0;top: 0;background-color: rgb(0,51,102); background-color: rgba(0,51,102, 0.9); overflow-x: hidden; transition: 0.5s; }
	.overlay-content { position: relative; top: 10%; width: 100%;  text-align: center;  margin-top: 30px;}
	.overlay a {text-decoration: none; color: #fff; display: block; transition: 0.3s; }
			.overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px;}
	.overlay .closebtn:hover {color: #ec9600;}
	#mobileslide .mobile-menu-list ul {line-height: 1.5em; list-style: none; margin: 20px auto 40px auto; padding: 0 0 10px 0; max-width: 250px}
	#mobileslide .mobile-menu-list ul li {margin: 0 0 0 0; padding: 0 0 0 0 ;}
	#mobileslide .mobile-menu-list ul li a {padding: 8px 0 8px; font-size: 23px; letter-spacing: 0.1em; color: #fff; text-transform: uppercase; font-weight: 700; }
  #mobileslide .mobile-menu-list ul ul {margin: 0 auto 0 auto; /*border-bottom: 1px solid #fff;*/}
	#mobileslide .mobile-menu-list ul li ul li a {text-transform: none; letter-spacing: 0.05em; font-weight: 400; font-size: 18px; }	
	#mobileslide .mobile-menu-list ul li.menu-item-41 {margin-bottom: 10px;}
	#mobileslide .mobile-menu-list ul li a:hover {color: #ec9600;}
	#opennav {font-size: 25px; margin: 5px 0 0 0; letter-spacing: 0.02em; display: block; }
	#opennav:hover {cursor: pointer; color: #ec9600;}
	.darkHeader #opennav {color: #003366; text-shadow: none;}
	.smaller-devices-only, .pop-in {display: none;}
	.overlay-content a.yellow-button {color: #fff; position: relative; top: auto; right: auto; margin: 0 auto 20px auto; display: block; clear: none; float: none; width: 175px; padding: 10px 20px 10px 20px;}
	.footer-call-out-block {background: #d3dde8; padding: 150px 0;}
	.footer-call-out-block h2 {font-size: 56px; font-weight: 700; text-align: center; margin: 0 auto 0 auto; padding: 0 0 0 0; display: block; max-width: 90%; }
  .footer-call-out-block a {color: #003366; text-decoration: none;}
	.footer-call-out-block a:hover {color: #ec9600;}
	#slb_viewer_wrap span.slb_template_tag_item_title {display: none;}
	
	/* 404 */
	.error404 .page-content {text-align: center;}
	.error404 .footer-border {background-color: #fff;}
	
	/* Archive */
	.archive {}
	.archive .footer-border {background-color: #fff;}
	.archive ul.category-menu {list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; display: block; clear: both; }
	.archive ul.category-menu li {display: block; float: left; margin: 0 60px 20px 0; padding: 0 0 0 0;}
	.archive ul.category-menu li a {color: #003366; text-transform: uppercase; letter-spacing: 0.12em;}
	.archive ul.category-menu li a:hover {color: #D88200; transition: 1s ease;}
	.archive h2.description {margin: 0 0 1.5em 0;}
	.archive hr {height: 2px; border: none; background: #353535; display: block; clear: both; width: 100%; margin: 0 auto 30px;}
	a.post-link {display: block; float: left; width: 31.33%; height: auto; margin: 1.33% 1% 0 1%; position: relative;}
	a.post-link img {width: 100%; height: auto;}
	a.post-link h3.post-title {position: absolute; bottom: -3px; width: 90%; padding: 7% 5% 7% 5%; display: block; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em;}
	a.post-link:hover h3.post-title {color: #D88200; transition: 1s ease;}
	.post-navigation {padding: 20px 0 0 0; border-top: 2px solid #353535; margin: 15px 0 20px 0; text-align: right;}	
	.navigation ul {display: block; margin: 60px auto 50px auto; text-align: center; padding: 0 0 0;}
	.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {text-decoration:none;}
	.navigation li { display: inline;margin: 0 0 0 0;}
	.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {background-color: #DBE0E6; border-radius: 3px;cursor: pointer;padding: 15px 23px;font-weight: 400; color: #003366;}
	.navigation li a:hover,.navigation li.active a {background-color: #003366; color: #fff;}
	.tinynav, .tinynav_label {display: none;}
	.archive .description { font-size: 28px; font-weight: 400; text-align: center; padding: 20px 0 10px 0; margin: 0 auto;}
	
} /* END screen media */
@media only screen and (max-width: 1850px) {
		.title-block {height: 400px; }
}
@media only screen and (max-width: 1725px) {
		h1.page-title {bottom: 15px; font-size: 38px;}
		.title-block {height: 350px; }
}
@media only screen and (max-width: 1620px) {
	header .wrap {width: 90%;}
	header a.yellow-button {padding: 10px 15px; font-size: 18px;}
	.logo {width: 175px; height: 97px;}
	header nav#desktop-nav {min-width: auto;}
	header nav#desktop-nav ul {margin: 40px 0 0 15px}
	header.darkHeader {height: 160px;}
	section.home-caption h2 {font-size: 60px;}
	.home .stats h1 {font-size: 73px;}
	.home .stats h3 {font-size: 27px;}
	.home .wp-container-21 .call-out h2 {padding: 0 0 0 5%; }
	#testimonials h2 {font-size: 45px;}
	#testimonials .testimonial p {font-size: 35px; max-width: 80%; margin: 0 auto 0;}
	#testimonials h3.name {font-size: 30px;}
	p.sub-footer {font-size: 12px;}
}
@media only screen and (max-width: 1575px) {
	header a.yellow-button {position: absolute; top: 0; right: 0; padding: 5px 20px; width: auto; font-size: 16px; margin: 12px 0 0 0;}
	header ul.contact-info {margin: 0 200px 0 0;}
	header nav#desktop-nav ul {float: right; margin: 40px 0 0 0;}
	header nav#desktop-nav ul li {margin: 0 0 0 50px;}
	header nav#desktop-nav ul li.menu-item-has-children:last-child ul {left: auto; right: 0;}
	header nav#desktop-nav {float: right; width: auto;}
	section.home-caption h2 {font-size: 50px;}
	.yellow-button {font-size: 18px; padding: 15px 10px;}
	header {height: 200px;}
	section.home-caption {z-index: 7;}
	.home .call-out h2 {font-size: 35px; margin: 10px 0 0 0;}
	.home .about p, .home .mission p {line-height: 1.6; margin: 0 0 0 0;}
  .home .wp-container-11 .wp-block-column.about, .home .wp-container-14 .wp-block-column.mission  {flex-basis: 100% !important; max-width: 770px !important; margin: 0 auto; display: block !important;}
	.home #margin-up {margin-top: 0;}
	.home .our-projects:after {display: none !important;}	
}
@media only screen and (max-width: 1560px) {
  .home .about {padding: 0 0 0 5%; width: 100%;}
	.home .mission {padding: 0 5% 0 0;}
	.home #margin-up {margin: 0 0 0 0; padding-bottom: 0;}
	.call-out {padding-bottom: 20px;}
	footer {padding: 50px 0 50px;}
	.small-wrap {max-width: 1200px; width: 90%;}
	.title-block {height: 300px; }
}
@media only screen and (max-width: 1445px) {
	section.home-caption {width: 60%; margin: 0 0 0 -30%; top: 220px; }
	section.home-caption h2  {text-align: center;}
	section.home-caption a.yellow-button {float: none; display: block; margin: 0 auto 0;}
}
@media only screen and (max-width: 1325px) {
	section.home-caption h2 {font-size: 45px; line-height: 1.2em;}
	.title-block {height: 275px; }
	.home .contact-us h2 {font-size: 32px}
}
@media only screen and (max-width: 1250px) {
	.logo {width: 150px; height: 83px; margin: 0 0 0 0;}
	header.darkHeader {height: 120px;}
	header nav#desktop-nav ul {margin: 35px 0 0 0; display: none;}
	nav#mobile {display: block; float: right; clear: right; color: #fff;}
  .home .wp-container-11 .wp-block-column.about, .home .wp-container-14 .wp-block-column.mission  {flex-basis: 100% !important; flex-grow: 1 !important; width: 90% !important; max-width: 90% !important; padding: 0 20px 0 40px; margin: 0 auto; display: block !important;}
	 .home .wp-container-14 .wp-block-column.mission {margin-top: -40px; padding-bottom: 20px;}
	.home .our-projects {max-width: 90%; padding: 25px 0 25px;}
	.home .our-projects h2 {font-size: 46px; }
	.title-block {height: 250px; }
}
@media only screen and (max-width: 1200px) {
	section.home-caption h2 {font-size: 40px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {font-size: 15px; padding: 25% 10% 20% 10%;}
}
@media only screen and (max-width: 1185px) {
	.home.page .footer-border, .single .footer-border {display: none;}
	#testimonials {padding: 30px 0;}
	#testimonials .slider-nav {margin: 30px 0 10px 0;}
	.footer-call-out-block {padding: 100px 0;}
	.footer-call-out-block h2 {font-size: 46px; }	
	.home.page .footer-border, .archive .footer-border, .error404 .footer-border, .single .footer-border {display: none;}
}
@media only screen and (max-width: 1150px) {
	.page .footer-border {display: none;}
	.page-content {padding: 40px 50px 50px;}
}	
@media only screen and (max-width: 1080px) {
	section.home-caption h2 {font-size: 35px;}
	section.home-caption {top: 180px;}
	.home .stats h1 {font-size: 53px;}
	.home .stats h3 {font-size: 20px;}
	#testimonials .testimonial p {font-size: 25px; margin-top: 10px;}
	#testimonials h3.name {font-size: 25px;}
	.home .wp-container-8 .move-in-right {transform: none !important;}
	.home .wp-container-8 .move-in-left {transform: none !important;}
	.home .wp-container-8 .move-in-up {transform: none !important;}
	.home .wp-container-11 .fade-in-up {transform: none !important; opacity: 1;}
	.title-block {height: auto;}
	h1.page-title {position: relative; left: 0; bottom: 0; padding: 2.5% 5% 2.5% 5%; background: #003366; margin: -5px 0 0 0;}
	.cat-img-wrap {max-height: 225px;}
	h1 {font-size: 42px; line-height: 1.6;}
	h2 {font-size: 30px; line-height: 1.3;}
	h3 {font-size: 20px; line-height: 1.3;}
	h4 {font-size: 18px; line-height: 1.2;}
	h5 {font-size: 16px; line-height: 1.2;}
	h6 {font-size: 14px; line-height: 1.1;}	
	a.post-link {width: 48%; margin: 1.33% 1% 0 1%;}
}
@media only screen and (max-width: 1050px) {
	.extra-small-wrap {max-width: 90%;}
	.home .wp-container-14 .wp-block-column.mission {margin-top: 0;}
	.footer-call-out-block {padding: 75px 0;}
	.footer-call-out-block h2 {font-size: 36px;}
}
@media only screen and (max-width: 990px) {
	.home .contact-us h2 {font-size: 30px;}
}
@media only screen and (max-width: 980px) {
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {font-size: 18px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {font-size: 16px;}
}
@media only screen and (max-width: 970px) {
	.home .wp-container-21 .call-out h2 {font-size: 30px;}
	.home .contact-box {padding: 100px 0 100px 0;}
	.home img.wp-image-86 {height: 272px; min-height: auto;}
	.home .contact-us {border-top: 15px solid #D3DDE8; /*border-bottom: 15px solid #D3DDE8;*/}
	.home img.wp-image-86 {height: 252px;}
}
@media only screen and (max-width: 950px) {
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {font-size: 14px; padding: 15% 10% 20% 10%;}
}
@media only screen and (max-width: 930px) {
	section.home-caption {top: 150px;}
	section.home-caption h2 {font-size: 30px;}
	#portfolio-feed h3 {padding: 50px 0 20px;}	
}
@media only screen and (max-width: 915px) {
	.smaller-devices-only {display: block;}
	header nav#desktop-nav {display: none;}
	header ul.contact-info {margin: 0 0 0 0;}
	header.darkHeader {height: 105px;}	
}

@media only screen and (max-width: 890px) {
	.footer-call-out-block h2 {font-size: 28px;}
	.footer-call-out-block {padding: 50px 0;}
}
@media only screen and (max-width: 875px) {
  .tinynav { display: block; float: left; margin: 1px 0 30px 0; }
	.tinynav_label {font-style: italic; display: block; float: left; margin: 0 20px 0 0;}
	.cat-img-wrap {max-height: 200px;}
  #cat_nav { display: none }
}
@media only screen and (max-width: 865px) {
	header {height: 130px;}
}

@media only screen and (max-width: 820px) {
	section.home-caption {width: 80%; margin: 0 0 0 -40%; }
	.yellow-button {font-size: 16px; padding: 10px 5px;}
	.home .wp-container-21 {margin-bottom: 0em;}
}

@media only screen and (max-width: 800px) {
	.home .our-projects {padding: 0 0 10px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {padding: 10% 10% 20% 10%;}
	.home .our-projects h2 {font-size: 36px; margin: 0 0 10px 0;}
}
@media only screen and (max-width: 782px){
	.home img.wp-image-86 {display: none;}
	.home .contact-box {margin: 0 0 0 0; padding: 75px 0 75px 0; margin-top: -80px;}
}
@media only screen and (max-width: 780px) {
	.home .call-out h2 {text-align: center ; margin: 20px 0 10px 0;}
	.home .call-out p {text-align: center;}
	.home .about {padding: 0 0 0 0; width: 100%;}
	.home .mission {padding: 0 0 50px 0; margin: -20px auto 0 auto;}
	.home .wp-container-11 {margin-bottom: 0;}
	.home .wp-container-11 .wp-block-column.about, .home .wp-container-14 .wp-block-column.mission {max-width: 90% !important; margin: 0 auto 0 auto; padding: 0 0 0 0;}
	.home .wp-container-11 .wp-block-column.about {margin: 0 auto 0; padding: 0 0 0 0;}
	.home .wp-container-11 .wp-block-column.mission {margin: -10px auto 0; padding: 0 0 30px 0;}
	.home .wp-container-11 .wp-block-column.about h2:first-child, .home .wp-container-14 .wp-block-column.mission h2:first-child {margin: 0 0 0 0;}
	.home .wp-container-16 {padding: 0 0 40px 0;}
	.home .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.mission:nth-child(2n) {margin-top: -30px;}
	.home .stats {padding: 60px 0 40px;}
	.home img.wp-image-86 {display: none !important;}
	.home .wp-container-21 .call-out h2 {padding: 0 0 0 0; margin: 40px auto 0 auto; max-width: 90%;}
	.home .contact-box {margin: -50px 0 0 0; padding: 25px 0 25px 0; border-bottom: none;}
	h1.page-title {font-size: 24px; }
  .home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {margin-top: 0;}
	.cat-img-wrap {max-height: 175px;}
	.home .contact-us h2 {max-width: 80%; display: block; margin: 0 auto 0;}
	#portfolio-feed h2 {padding: 0 0 30px;}
}

@media only screen and (max-width: 750px) {
.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {font-size: 12px;}
.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {font-size: 14px;}
.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {font-size: 14px;}
}
@media only screen and (max-width: 730px) {
	section.home-caption h2 {font-size: 25px;}
	#portfolio-feed h3 {padding: 40px 0 20px;}
	.archive h2.description {margin: 0 auto 0 auto;}
	.archive .description {font-size: 18px; padding: 10px 0 10px 0;}	
}
@media only screen and (max-width: 685px) {
	header {padding: 15px 0 0 ;}
	header ul.contact-info {display: none;}
	header.darkHeader {height: 95px;}
	.overlay-content .pop-in {display: block;}
	.overlay-content .contact-info {list-style: none; width: 400px; letter-spacing: 0.04em; font-size: 16px; display: block; clear: both; float: none; margin: 0 auto 15px auto; height: auto; }
	.overlay-content .contact-info li {float: left; width: auto;}
	.overlay-content .contact-info li.marker) {display: none}
	p.sub-footer {max-width: 70%; margin: 0 auto; padding: 15px 0 30px;}
	footer ul#menu-footer-menu li a {font-size: 15px;}
	nav#mobile {margin: 20px 0 0 0;}
	.cat-img-wrap {max-height: 150px;}
}
@media only screen and (max-width: 670px) {
	p.sub-footer {font-size: 11px;}
	h1.page-title {font-size: 21px;}
	a.post-link {width: 100%; margin: 1.33% 0 0 0;}
	.page-content {padding: 40px 30px 40px}
}
@media only screen and (max-width: 650px) {
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {font-size: 10px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {font-size: 13px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {font-size: 13px;}
	.col-33 {width: 90%; float: none; clear: both; margin: 0 auto;}
	footer .logo {float: none; margin: 0 auto 20px auto; display: block;}
	footer nav {margin: 20px auto 0 auto !important; text-align: center; padding: 0 0 0 0;}
	footer nav ul#menu-footer-menu {margin: 20px 0 0 0; padding: 0 0 0 0;}
	footer {padding: 60px 0 30px;}
	#portfolio-feed .post {width: 388px; margin: 0 auto 20px; float: none;}
	#portfolio-feed .post-overlay {padding: 20% 10%; height: 60%;}
	#portfolio-feed a {font-size: 16px;}
	#portfolio-feed h3 {font-size: 21px; padding: 20px 0 20px;}
	#portfolio-feed {padding: 0 0 30px;}
}
@media only screen and (max-width: 620px) {
	section.home-caption h2 {font-size: 20px;}
	.yellow-button {font-size: 15px; padding: 5px 0;}
	.home .stats {padding: 40px 0 20px;}
	.footer-call-out-block h2 {font-size: 23px;}
}

@media only screen and (max-width: 600px) {
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {font-size: 13px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {font-size: 16px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {font-size: 16px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {padding: 25% 10% 20% 10%;}
	ul li, ol li {margin: 0 0 1em 0;}
	.overlay-content .contact-info li.phone {margin-right: 10px;}
}
@media only screen and (max-width: 550px) {
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {padding: 15% 10% 20% 10%;}
	section.home-caption {top: 120px;}
	.small-wrap {width: 80%;}
}
@media only screen and (max-width: 540px) {
	section.home-caption {width: 90%; margin: 0 0 0 -45%;}
	.yellow-button {font-size: 14px;}
	section.home-caption {top: 125px;}
}
@media only screen and (max-width: 515px) {
	section.home-caption h2 {font-size: 18px;}
	.home .slides img {min-height: 300px;}
	#portfolio-feed .post-overlay {padding: 15% 10%; height: 70%;}
	#portfolio-feed .post {width: 90%;}
	#portfolio-feed .post img {width: 100%; height: auto;}
	#portfolio-feed h3 {padding: 0 0 20px;}
	.cat-img-wrap {max-height: 125px;}
}
@media only screen and (max-width: 470px) {
	.logo {width: 114px; height: 63px; }
	header.darkHeader {height: 80px;}
	#opennav {font-size: 21px;}
	.overlay-content .contact-info {width: auto; text-align: center;}
	.overlay-content a.yellow-button {margin: 20px auto 0 auto;}
	.overlay-content .contact-info {height: auto; text-align: center;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {font-size: 11px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {font-size: 14px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {font-size: 14px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {padding: 10% 10% 20% 10%;}
	.home .our-projects h2 {margin: 30px auto 10px auto;}
	p.sub-footer {max-width: 90%; font-size: 12px;}
	.overlay-content ul.contact-info {text-align: center; margin: 0 0 0 0; padding: 0 0 0 0;}
	.overlay-content ul.contact-info li {display: block; float: none; clear: both; text-align: center;}
	.overlay-content ul.contact-info li a {padding: 0 0 0 0; margin: 0 0 0 0;}
	.overlay-content ul.contact-info {width: 280px; margin: 0 auto 0 auto; text-align: center; float: none; clear: both; }
	.overlay-content ul.contact-info li {display: block; margin: 0 auto 10px auto; float: none; text-align: center;}
	.overlay-content ul.contact-info li.phone {margin: 0 0 10px 0}
	.home .contact-us {max-height: auto;}
	.cat-img-wrap {max-height: 100px;}	
}
@media only screen and (max-width: 440px) {
	h1.page-title {font-size: 18px;}
	.page-content {padding: 25px 25px 30px;}
}
@media only screen and (max-width: 405px) {
	header {height: 85px;}
}
@media only screen and (max-width: 400px) {
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {font-size: 10px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {font-size: 12px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption strong {font-size: 12px;}
	.home .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {padding: 10% 10% 20% 10%;}
	section.home-caption {top: 100px;}
	.overlay-content .contact-info {max-width: 300px; margin: 0 auto 0 auto;}
	.overlay-content .contact-info li {margin: 0 0 0 0; float: none; clear: both; display: block; text-align: center;}
	.overlay-content .contact-info li.phone {margin-right: 0;}
}
@media only screen and (max-width: 360px) {
	#portfolio-feed .post {width: 100%;}	
}
@media only screen and (max-width: 330px) {
.home .our-projects h2 {margin: 60px auto 10px auto;}
}

@media print {
	
	body { 
		width: 100% !important; margin: 0 !important; padding: 0 !important; 
		line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; 
		font-family: Garamond, 'Times New Roman', serif; 
		color: #000; background: none; font-size: 12pt; 
		}
	h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
	h1 { font-size: 19pt; }
	h2 { font-size: 17pt; }
	h3 { font-size: 15pt; }
	h4,h5,h6 { font-size:12pt; }
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em; }
	img { display: block; margin: 1em 0; }
	a img { border: none; }
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th, td { padding: 4px 10px 4px 0; }
	caption { background-color: #fff; margin-bottom: 2em; text-align: left; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; } 
	a { text-decoration: none; color: #000; }
	#comments { page-break-before: always; }
	.do-not-print { display: none; }
	
} /* END print media */