/*
Theme Name: achristavest
Theme URI: http://underscores.me/
Author: Wayne Goodman
Author URI: http://waynegoodman.com
Description: Custom WordPress template for Achristavest, the premier builder of fine waterfront homes
Version: 1.0.8
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: achristavest
Tags: custom-menu, featured-images, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

achristavest is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

		:root {
    --body-font-family:  'Open Sans', sans-serif;
    --open-sans-wght: 800;
	--headline-font-family: 'Cinzel', serif; 
	--josefin-wght: 100;
	--content-links-color:#3C596D;
	--content-links-color-over:#7eb7d0;
    --bird-blue:#88b1c7;
					

}




/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}


.decoration-none a {text-decoration:none}
/* fix video block to keep proportion on smaller widths */

.wp-block-embed iframe { aspect-ratio: 16 / 9 !important; margin:auto !important}
		
		/* make video... object-fit:cover, try a color overlay with mix-bend-mode:overlay */

		* {box-sizing:border-box}	
		
		.logoType{fill:#fff}.bird{fill:#7cb2ca}
	

	 
		
			html, body { margin:0; padding:0;  height:100%; position:relative; font-size:16px}
		
		body {  font-family: 'Open Sans', sans-serif; font-variation-settings: 'wght' 300; font-optical-sizing: auto; }
strong {  font-variation-settings: 'wght' 600 !important; font-optical-sizing: auto;}

.header {background:#000; 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,ffffff+81,ffffff+100 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #ffffff 81%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#ffffff 81%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#ffffff 81%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}


.main a { color: var(--content-links-color);}
.main a:hover {color: var(--content-links-color-over); }
		
		.site {position:relative;  width:100%; /*overflow-y:scroll;*/   min-height:100%;  }
figure {/*margin:0 !important;*/ margin:auto !important;  padding:0 !important;}
.wp-block-image figcaption {text-align:center}
		
		sup {font-size:12px}
		
		hr.separator, .wp-block-separator { height:1px;  background-color:#7cb2ca; margin:38px auto 30px auto; border: none;}

/* fixing default block issues */
.clearFix:after, .entry-content:after {content:"."; display:block; height:0; clear:both;visibility:hidden}
.wp-block-image.is-style-rounded img, .is-style-rounded img {border-radius:12px}

		
		figure img {display:block !important}
	
		.footerDown {padding-bottom:288px}
		
		.hidden {position: absolute !important; clip: rect(1px, 1px, 1px, 1px); color:#000; background:#fff}
        a span.hidden {  color:#fff !important; background:#000 !important}
    
		
		/*
		.socialIcons {position:absolute; top:22px; right:3%; overflow:hidden}
		.socialIcons ul {list-style:none; margin:0; padding:0;  display:flex}
		.socialIcons ul li {  width:24px; height:24px; margin:.1rem}
		.socialIcons ul li a { color:#fff}
		.socialIcons svg {width:100%; height:auto}
		.socialIcons li:hover a .socialGray {fill:#334256}
		.socialIcons li:hover a .socialWhite {fill:#7eb7d0;}
		.socialGray{fill:#415065;}
		.socialWhite{fill:#fff;}
		*/
		
		.socialM {fill:#fff; margin:6px; }
a:hover .socialM {fill:#7eb7d0;}
.social {width:142px;display: flex;  align-items: center; justify-content: center;flex-direction:row; margin:auto }
		
		img {max-width:100%; height:auto;}
		.alignLeft {text-align:left}
		.primaryNav {letter-spacing:.04em}

		.alignRight {text-align:Right}
		
		
		.topBar {  height:124px; width:100vw;  background:rgba(255, 255, 255, 0); ; position:absolute; top:0;  z-index:2; transition: background-color 0.5s ease; }

		
	
		
		.logo{text-align:center; width:263px; height:auto; margin:14px auto; z-index:11;  }
		.logo svg {width:100%; height:auto; }

		
		.wide, .alignfull {width:100vw; position:relative; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important}
        .alignwide {width:100%; height:auto; margin:22px auto}
		 .alignwide img {width:100%; height:auto}


			
			/* parallax block */
.parallaxSection { max-height:820px;  overflow:hidden; display:block; margin-top:42px !important; margin-bottom:42px !important}
.parallaxSection img {  height:auto; width:100vw !important; left:0; right:0;  bottom:0}

.overlay {position:absolute; z-index:1; width:100%; height:100%;display: flex;  align-items: center;justify-content: center;  }
.overlay:after {	position: absolute;height: 100%;width: 100%;background-color: rgba(29,52,65,.50);top: 0;left: 0;display: block;content: "";}
.overlayContent {line-height:130%; color:#fff; font-size:1.2rem; font-size: clamp(18px, 2.8vw, 1.8rem);padding:4%; text-align:center; z-index:4; font-weight:bold; max-width:1100px; margin:auto; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
				
					@media only screen and (min-width: 800px) {
						.overlayContent {line-height:166%;}
				}
				
		

.grayGradient.secTop:after{
	
	content:"";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	

background: -moz-linear-gradient(top,  rgba(0,0,0,0.33) 0%, rgba(0,0,0,0) 24%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

	
	
}

.blueGradient.secTop:after{
	
	content:"";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	


background: -moz-linear-gradient(top,  rgba(30,87,153,0.7) 0%, rgba(59,116,177,0) 30%, rgba(125,185,232,0) 100%); 
background: -webkit-linear-gradient(top,  rgba(30,87,153,0.7) 0%,rgba(59,116,177,0) 30%,rgba(125,185,232,0) 100%); 
background: linear-gradient(to bottom,  rgba(30,87,153,0.7) 0%,rgba(59,116,177,0) 30%,rgba(125,185,232,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#661e5799', endColorstr='#007db9e8',GradientType=0 ); 


	
	
}

		
		.footer {  width:100%; min-height:138px; left:0; right:0; bottom:0; background:#58595b; border-top:4px solid #7eb7d0; padding:18px 0 18px 0; position:absolute;}
		.footer h2 { font-size:1.2em; text-align:center; color:#fff; text-transform:uppercase; margin:4px auto}
		.footer p {margin:3px auto 11px auto}
		.footerContain {}
		.footer h3 { font-size:1.1em; margin:8px auto 0 auto}
		.addressCol div {margin-bottom:18px}
		.addressCol, .newsletterCol, .hoursCol, .addressCol a, .newsletterCol a, .hoursCol a { text-align:center; color:#fff; text-decoration:none; text-transform:uppercase}
		.addressCol, .newsletterCol, .hoursCol {padding:8px 0}
		.addressCol, .hoursCol {font-size:.95rem}
		.newsletterCol input.wpcf7-form-control.wpcf7-text {width:212px; padding:5px; text-align:center; height: 30px; border-top: 3px solid #58595b;}
		.newsletterCol h2 {font-size:1.1rem; font-weight:400; margin:0 auto 11px}
		
		.wpcf7-submit {display:block;   margin:0 auto 14px auto; font-size:.9rem; padding:6px 9px; color:#000; background:#7eb7d0; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px; text-transform:uppercase;  border:none; border-top:2px solid #fff }
		
		.main p { max-width:1080px; margin: 0 auto 22px auto; line-height:160%; font-size:1.1em  }
		h1 { letter-spacing:-.008em;   margin:0 auto 32px auto; text-align:center; font-size:32px; font-size: clamp(26px, 3.2vw, 2rem); line-height:118%; color:#61718a;  text-transform:uppercase; font-family: var(--headline-font-family); font-variation-settings: 'wght' 100;}
		h1 sup {font-size: 18px !important; font-family:arial, sans-serif; }

		h2 { letter-spacing:-.008em;    text-align:center; font-size:28px; font-size: clamp(24px, 2.6vw, 1.8rem); line-height:118%; color:#61718a; }


.single h1  { font-size: clamp(31px, 3.6vw, 2.6rem);}
		
		.main {padding:56px 4% 662px;  line-height:140%; min-height:500px}

.oneCol {max-width:1100px; margin:22px auto}
blockquote {max-width:980px; margin:32px auto; line-height:162%}

.floatRight {margin:22px auto}

.w1180px {max-width:1180px; margin:auto; padding:3%}
		
		@media (min-width:480px){
	.socialIcons { top:22px; right:6%}	
		}

		@media (min-width:680px){
			.floatRight {margin:22px auto; float:right; margin:0 0 11px 22px}
			
}
		
		@media (min-width:980px){
			
			.main p {text-align:justify; }
			.secTop img {padding-top:0; width:100%}
			
			.sm-coast>li  {background:none !important}
			.content {max-width:1320px; margin:auto}
			
			
			hr.separator {width:91%;}
			.twoCols {display: flex;   justify-content: center; flex-direction:row}
			.twoCols div { padding:0 2%; text-align:justify}
			
			
			.break {display:block}
			.addressCol {display: flex;  align-items: center;justify-content: center;}
			.addressCol div {margin:0 33px}
			
			.wpcf7-submit {display:inline-block;   margin:14px 0;}
			
			.logo{text-align:center; width:272px; height:auto; margin: 6px auto; z-index:11;  }
			.primaryNav { width: calc(100% - 312px);}
			.topBar { height:120px; position:fixed; top:0; left:0; right:0}
			.topBar.sticky .logoType{fill:#58595B}.bird{fill:#7cb2ca}
		     .topBar.sticky {opacity:1; background:rgba(255, 255, 255, 1); ; -webkit-box-shadow: 0px 5px 7px -4px rgba(0,0,0,0.35); box-shadow: 0px 5px 7px -4px rgba(0,0,0,0.35);transition: background-color 0.5s ease;  }
			
	
			
			.topBarContain {display: flex; justify-content: center; flex-direction:row; width:88%; margin:auto}
			
			.topBar { overflow:visible; }
			.footerContain {max-width:1200px; margin:auto}
			/* .addressCol, .newsletterCol, .hoursCol, .addressCol a, .newsletterCol a, .hoursCol a {width:33%; } */
			.newsletterCol h2, .addressCol, .hoursCol {font-size:1rem;}
			.newsletterCol h2 {margin-bottom:0}
			.main {padding:46px 4% 400px;}
			
			.wpcf7-submit { margin-left:0;  font-size:.9rem; padding:4px 11px; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px; height: 30px; border-top:2px solid #7eb7d0; border-bottom:1px solid #000}
			input.newsletterInput {width:242px; border:3px solid #7eb7d0}
			
		
			
		}
		
		@media (max-width:980px){
				.header {overflow:auto !important}
			
			.main {padding:36px 5% 662px;}
			.homepageTop {aspect-ratio: 16 / 10; height:auto}
				.hide4mobile {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} 
			
			a.footerBtn, span.emailEncode a {padding:6px 9px; max-width:214px; -webkit-border-radius: 6px; border-radius:6px;  background:#7eb7d0; color:#000; margin:10px auto; display:block; font-weight:700}
			
			.newsletterCol, .hoursCol { }
			
			.newsletterCol {  margin:6px auto}
			
			.topBar .logoType{fill:#58595B}.bird{fill:#7cb2ca}
		     .topBar {opacity:1; background:rgba(255, 255, 255, 1); ; -webkit-box-shadow: 0px 5px 7px -4px rgba(0,0,0,0.35); box-shadow: 0px 5px 7px -4px rgba(0,0,0,0.35);transition: background-color 0.5s ease;  }
			
			.homepageTop {padding-top:88px}
			
			
		}
		
		
    #splash {
        position:fixed; background:#58595b;  height:100vh; width:100vw; top:0; bottom:0; left:0; right:0; display: flex;  align-items: center;justify-content: center;
        z-index: 999999999
    }
		
	 #splash .contain { width:377px;max-width:66%; height:auto;  position:relative; }
	 #splash  svg {max-width:500px; height:auto}
		
        .b1 {
  animation: stroke_fill 1.5s linear forwards;
  stroke-dasharray: 1670.9522705078125;
  stroke-dashoffset: 1670.9522705078125;
			 stroke:#7DB2CA;
			fill:none;
}
@keyframes stroke_fill {
  0% {
    fill: #58595b;
  }
  50% {
    fill: #58595b;
    stroke-dashoffset: 0;
  }
  100% {
    fill: #7DB2CA;
    stroke-dashoffset: 0;
  }
}


/*
		.homepageTop {  width:100%;
      height:100vh; overflow:hidden; position:relative}
			.homepageTop iframe {
			
      object-fit: cover;
      width:100vw;
      height:100%;
				 overflow:hidden;
				position:fixed; top:0; left:0; right:0; bottom:0
			
			}
			
			.homepageTop{width: 100vw;height: 100vh;z-index:0; }

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

    
.homepageTop iframe {
	margin-top:-1px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
	
}
	
	@media (min-aspect-ratio: 16/9) {
	.homepageTop iframe {

    height: 56.25vw;
  }
}
    
@media (max-aspect-ratio: 16/9) {
	.homepageTop iframe {

    width: 177.78vh;
  }
}

*/

/* Portolio, Projects Single and lighbox */

.projectsBox {position:relative; width:380px; max-width:92%; padding:22px 3%; height:auto ; background:#fff; border:1px solid #999; margin:-54px auto 32px auto; z-index:1; font-size:1.2em;  -webkit-box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.39); 
box-shadow: 0px 0px 15px -4px rgba(0,0,0,0.39);}
.projectsBox h1 {margin-bottom:4px}
.projectsBox ul {margin:16px 0 11px 3%; list-style:none }
.projectsBox ul li {margin-bottom:11px; line-height:109%;}

.postNav { margin:auto; font-size:.85rem; z-index:3; display:block; text-align:center}
.postNav a { text-decoration:none; text-transform:uppercase; color:#000}

.postNav .pipe {margin-left:2px; margin-right:2px;color:#88b1c7}
			
.slick-lightbox .slick-prev {  left: 22px !important;}
.slick-lightbox .slick-next { right: 44px !important;; }

.blueBreakout, .blueBreakout2 {background: #cee3eb;  width:100vw;  position: relative; left: calc(-50vw + 50%); margin: 22px 0}
	.blueBreakout {background: #cee3eb;  padding:11px 0 32px 0; }
.blueBreakout2 {background:#e9f0f3; padding:11px 0 11px 0;}
.photoCol  img { text-align:center; padding:16px 0; margin:auto; display:block}

.blueBreakout h2 {margin-bottom: 2px; font-size: 1.7em}
.blueBreakout2 h2 { font-size: 1.7em; text-align:center}
.clarification {text-align: center; font-size: .9em; margin:22px auto}

.portfolio {max-width:92% !important; margin:auto }


.galleryGrid {display: flex; flex-wrap: wrap;  position: relative; justify-content: center;}

.gallerytem3 img {margin:1% 0}

.categoryLink a:last-of-type .catComma { display:none !important}

.gallery_item3, .gallery_item4 {  margin: 1%;background:#fff; background: rgba(255, 255, 255, 0.85); padding:1%; border:1px solid #7cb2ca; position:relative; flex: 1 0 48%; max-width: 88%;  display: flex;  align-items: center; justify-content: center; flex-direction:column }



.galleryMainpage .gallery_item3 a, .galleryMainpage .gallery_item4 a, .portfolio .gallery_item4 a, .portfolio .gridCol_item a { top:0; right:0; bottom:0; left:0; width:100%; z-index:2; position:absolute}

.portfolio .gallery_item3, .portfolio  .gallery_item4 {  flex: 1 0 100% !important; max-width: 300px !important;}


.gallery_item3 h2, .gallery_item4 h2,  .gallery_item4 h2, .gridCol_item h2  {font-size:.9rem; text-align:center; padding: 0 6px; margin:8px auto 0 auto; color:#61718a}

.gallery_item3 h2  {text-transform:uppercase; font-size:1.2em}

.gallery_item4:hover h2 { color:#588aa1}
			
.gallery_item3:hover, .gallery_item4:hover { background: rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 1px 15px -6px rgba(0,0,0,0.31); 
-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.49);
box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.49);}


.gallery_item3 img, .gallery_item4 img {max-width: 100%; width: auto; max-height: 240px; height: auto}

.slick-lightbox-close:before {font-size: 30px !important;}

.viewAllCaseStudies {text-align:center; color:#fff; text-decoration:none; font-size:1.2em; text-transform:uppercase; display:block; margin:8px 0; }

	@media only screen and (min-width: 480px) {
		
		.portfolio .gallery_item3, .portfolio  .gallery_item4  {	 flex: 1 0 48% !important; max-width: 88% !important; }
}

	@media only screen and (min-width:640px) {
		
		.postNav .pipe {margin-left:8px; margin-right:8px;}
		.postNav { margin:auto; font-size:1rem;}
		
.gallery_item3, .gallery_item4 {margin: 1%;flex: 1 0 48%; max-width: 48%; flex-direction:column }

.projectsBox {  padding:2.5% 2.5%; max-width:480px; margin:-74px auto 32px auto;  font-size:1.2em; }

.projectsBox ul {margin:14px 0 11px 22px; list-style:none }

		
		
}

	@media only screen and (min-width: 920px) {
		
	.blueBreakout2 h2 {text-align:left}
		
		.gallery_item4 h2 {font-size:1rem;}
		
	
		
		.projectsBox { width:500px;  }
		.projectsBox ul {margin:14px 0 11px 42px;}
		
		.gallery_item3, .gallery_item4{ max-width: 50%;}
		.gallery_item3, .gallery_item4,	.portfolio .gallery_item3, .portfolio  .gallery_item4  {margin: 1%;flex: 1 0 31% !important; max-width: 31% !important; }
	
		
		
		.viewAllCaseStudies {text-align:right;}
		
		.caseStudiesCarousel h2 {text-align:left}
	
}

	@media only screen and (min-width: 1400px) {
		
		.portfolio {max-width:1310px !important }
		.gallery_item4,  .portfolio  .gallery_item4  {margin: 1%;flex: 1 0 23% !important; max-width: 23% !important; }
		
}
	



.slick-prev:before, .slick-next:before {color:#ccc !important }
.slick-prev {
    left: -24px !important;
	z-index:99999;
  top:50%  !important;
	min-height:48px !important;
	padding-bottom:22px
	
}
.slick-next {
    right: -2px !important;
	z-index:99999;
    top:50%  !important;
	min-height:48px !important;
	padding:0 !important;
	
}

.slick-prev, .slick-next { }
			
.slick-prev:before, .slick-next:before { width:45px; height:45px;  content: '';  display: block; border:none !important; opacity:.5}
button:hover.slick-prev:before, button:hover.slick-next:before {   content: '';  display: block; border:none !important; opacity:.8}
.slick-prev:before {background:url(/wp-content/themes/achristavest/images/arrow-work/left-arrow1.svg) }
.slick-next:before {background:url(/wp-content/themes/achristavest/images/arrow-work/right-arrow1.svg) }


/* reviews */

.reviewsCapt {max-width:300px; margin:22px auto 44px auto; display:block}
.reviews blockquote {padding:11px 66px 0}
.reviews blockquote p, .reviewName {position:relative}
.reviews blockquote p:first-of-type:before{content: "\201C";font-family: Georgia, serif;font-size: 68px;font-weight: bold;color: #97c2d5; position: absolute;left: -38px;top:5px;
}
reviewDesc {font-size:.85rem}

.reviewName:before { content: "\2014";font-family: Georgia, serif;font-size: 22px;font-weight: bold;color: #97c2d5; position: absolute;left: -33px;top:-2px;}

/* gallery Nav */

.galleryNav { margin:-22px auto 32px auto; padding:0; max-width:280px; }
.galleryNav ul { list-style:none; text-align:center; display:flex; flex-wrap:wrap; justify-content: space-between;  justify-content: center; margin:22px auto; padding:0;   }
.galleryNav ul li { width:48%; margin: 4px 1%; background:#cee3eb }
.galleryNav ul li:first-child {width:100%;  background:none}
.galleryNav ul li a {display:block;  text-decoration:none; text-transform:uppercase; font-size:.8em; line-height:1rem; color:#000; padding:3px}
.galleryNav ul li.active {background:#dcedf4}
.galleryNav ul li.active a {font-weight:bold; color:#508399}
.galleryNav ul li a:hover {color:#000}
.galleryNav ul li:first-child a:hover { color:#7eb7d0}
.galleryNav ul li:first-child, .galleryNav ul li:last-child {border-right:none}
.galleryNav ul li:first-child a:after {content: ": "}



	@media only screen and (min-width: 800px) {

		.galleryNav { margin: 22px auto 32px auto; padding:0; max-width:780px; width:780px}
.galleryNav ul { list-style:none; text-align:center; display:inline-block !important; width:780px !important; margin:8px auto}
.galleryNav ul li {display:inline-block !important; border-right:1px solid var(--content-links-color-over); width:auto; width:auto; background:none }
.galleryNav ul li a {background:none; display:block; padding: 0 18px 0 0; text-decoration:none; text-transform:uppercase; font-size:.8em; line-height:1rem; color:#000}
		.galleryNav ul li:first-child {width:auto}
		.galleryNav ul li.active {background:none}
	
}
.details1 {max-width:700px; margin:0 auto 82px auto}
			.details1 ul { list-style:none; text-align:center; margin:22px auto; padding: 22px 0;  border-top:1px solid #88b1c7; border-bottom:1px solid #88b1c7; z-index:0;  position:relative}
			
			.details1 ul li {padding: 6px 0}
			.details1 h2 {font-size:1.3rem; text-align:center; text-transform:uppercase; width:111px; margin:0 auto -34px auto; background:#fff; display:block; z-index:1; position:relative; font-family: var(--headline-font-family); color:#61718a}
			.details1 .bird {width:30px; height:30px; margin:-37px auto}
			.eyebrow {margin:0 auto 6px auto; font-size:1.1em; text-align:center; display:block; text-transform:uppercase; letter-spacing:.6em}
			
				@media only screen and (min-width: 800px) {
			.details1 ul li {display:inline-block; margin:4px; border-right:1px solid #88b1c7; padding:0 18px 0 9px }
			.details1 ul li:last-child {border-right:none}
			}

/* grid revision 4-22 */
.gridCol_item{  display:inline-block; margin:4% 3%;position:relative; padding:0 0;  width: 94%; }
		.gridCol_item img {margin:0; padding:0}
		.whiteBreakout {background:#fff !important; padding:0 0 44px}
	.grid_col3, .grid_col4 {columns: 1;  }
	.gridCol_item img:hover, .gridCol_item:hover img { transform: scale(1.03);   transition: .8s; }
	
	@media only screen and (min-width: 480px) { .grid_col3, .grid_col4{  columns: 2 200px;} }
	@media only screen and (min-width: 640px) { .grid_col3, .grid_col4{  columns: 3 200px; }}
	 @media only screen and (min-width: 1180px) { .grid_col4 {  columns: 4 200px; } } 
 @media only screen and (min-width: 1500px) { .single .content, .project_template .content { max-width:1480px; margin:auto} } 

.wp-embed-aspect-16-9 {max-width:1040px !important; margin:32px auto !important}
.wp-embed-aspect-16-9 iframe { aspect-ratio: 16 / 9 !important; margin:auto !important; height:auto !important; width:100% !important;}
.wp-block-columns {  justify-content: center;}

.gallery4{  display:inline-block; margin:3% 1%;background:#fff; background: rgba(255, 255, 255, 0.85); padding:3% 3% 2%; border:1px solid #7cb2ca; position:relative; }
	
.galleryGrid2 {columns: 1 }
	
	.gallery4:hover { background: rgba(255, 255, 255, 1); -webkit-box-shadow: 0px 1px 15px -6px rgba(0,0,0,0.31); 
-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.49);
box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.49);}
	
	@media only screen and (min-width: 480px) { .galleryGrid2{  columns: 2 200px;} }
	@media only screen and (min-width: 640px) { .galleryGrid2{  columns: 3 200px;}}
	@media only screen and (min-width: 1180px) { .galleryGrid2{  columns: 4 200px;} }

/* grid for projects main page and gallery main page */

  .flexGrid3 {display:flex; flex-direction:row; flex-wrap: wrap; max-width:92% !important; margin:auto; justify-content: center; }
  .flexGrid3 .gridCol_item {  flex: 1 0 100%; margin:1%  auto;  text-align:center}
							   
@media only screen and (min-width: 480px) {
  .flexGrid3 .gridCol_item {  flex: 1 0 48%; margin:1% 1%; max-width:48%; }
							}
@media only screen and (min-width: 820px) {
									
  .flexGrid3 .gridCol_item {  flex: 1 0 31%; max-width:31%}
				}



/* gallery bottom nav  */
	.nav-links {display:flex; flex-direction:row;   justify-content: center;} 
	.nav-links a {text-Decoration:none; text-transform:uppercase}
	.nav-previous, .nav-next {margin:0 22px}
.projectsNav .nav-previous, .projectsNav .nav-next {margin:0 11px}
  .nav-previous:before {content:'«'; padding-right:8px}
	.nav-next:after, .project-link:after  {content:'»'; padding-left:8px}

.nav-links.projectsNav{display:block; text-align:center}
.nav-links.projectsNav .pipe {visibility:hidden}
@media only screen and (min-width: 820px) {
	.nav-links.projectsNav{display:flex; flex-direction:row;   justify-content: center;}
	.nav-links.projectsNav .pipe {visibility:visible}
	.project-link:after  {content:''; }
}



/* homepage video TS  7-7-22 */
	.homepageTop  {width:100vw; position:relative; height:100vh; z-index:0; padding-top:10vh}
      .secTop {width:100vw; position:relative; z-index:0; }
.homepageTop .ariaLabel, .main-menu-btn span.ariaLabel, .social .hidden {color:#fff !important}
       
/* .secTop img {padding-top:122px; } */
        .homepageTop video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.8; background:#222}
		.homepageTop:after, secTop:after {
			
			content:"";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

background: -moz-linear-gradient(top,  rgba(0,0,0,0.51) 0%, rgba(80,80,80,0) 10%, rgba(229,229,229,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.51) 0%,rgba(80,80,80,0) 10%,rgba(229,229,229,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.51) 0%,rgba(80,80,80,0) 10%,rgba(229,229,229,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f000000', endColorstr='#00e5e5e5',GradientType=0 ); /* IE6-9 */
			z-index: 9;	
			
		}




/* homepage video rev  7-7-22 */

.homepageTop {  width:100%; height:100vh; background:#ccc; overflow:hidden; position:relative}
.homepageTop{width: 100vw;height: 100vh;z-index:0; }
.homepageTop video {opacity:1; background:#000}


@media (max-width: 981px) {
.homepageTop video, .homepageTop  {width:100vw; height:78vw; margin-top:124px; aspect-ratio: 16 / 9;}
	.secTop {margin-top:124px !important}
	.homepageTop video, .homepageTop {margin-top:62px !important}
}
				
			
.homepageTop:after, secTop:after {

				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.33+0,0.12+19,0+35,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.33) 0%, rgba(0,0,0,0.12) 19%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.12) 19%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.12) 19%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

			}
	/* fixing gap for mobile */		
@media (max-width: 640px) {
	.wp-block-columns.wp-container-3 {gap:0 !important}
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.max640px {max-width:640px; margin:0 auto 22px auto}
.has-text-align-center,  p.has-text-align-center{text-align:center}
.has-text-align-right, p.has-text-align-right {text-align:right}
.has-text-align-left, p.has-text-align-left {text-align:left}

.noTopPadding {padding-top:0 !important}



/* Contact Form 7 Font Size */

.wpcf7-spinner {position:absolute !important}
.wpcf7-form .input-text,
.wpcf7-form input[type="text"],
.wpcf7-form input[type=".wpcf7-form input"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="search"],
.wpcf7-form textarea,
.wpcf7-form select {
	font-size: 1.3em;
	margin-bottom: 15px !important;
}


.eut-one-third.eut-last-column,
.eut-one-half.eut-last-column {
	margin-right: 0;
}

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 30px;
	padding: 15px;
}

legend {
	white-space: normal;
}

.eut-search {
	position: relative;
	display: block;
	max-width: 430px;
	margin: 0 auto;
}

.eut-search input[type='text'] {
	width: 100%;
	height: 45px;
	padding-left: 30px;
	padding-right: 35%;
}

wpcf7-form .input-text, .wpcf7-form input[type="text"], .wpcf7-form input[type=".wpcf7-form input"], .wpcf7-form input[type="password"], .wpcf7-form input[type="email"], .wpcf7-form input[type="number"], .wpcf7-form input[type="url"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="search"], .wpcf7-form textarea, .wpcf7-form select, textarea {max-width:100%; border: 1px solid #7eb7d0;}


.eut-one-third {text-align:center}

@media (min-width: 640px) {
	
.eut-one-third {
	width: 32.666666%;
	float: left;
	margin-right: 1%;
}

.eut-one-half {
	width: 49%;
	float: left;
	margin-right: 2%;
}
}

/* bird rule block */
.birdRule {max-width:648px;height:6px; border-top:2px solid #ccc; text-align:center}
.bird.ruleArt {width:33px; text-align:center; margin:-16px auto 0 auto}

/* MP4 video */
figure.wp-block-video {margin:32px auto !important; max-width:1080px}

/* staff landing page */

.bioLink {position:absolute; top:0; left:0; right:0; bottom:0; z-index:1}
.staffGrid .gridCol_item {position:relative}
	.staffGrid .gridCol_item h2 { font-size:21px; text-transform:uppercase}   
	.staffGridTitle { font-size:16px; text-align:center; font-style:italic; margin-top:3px}
	.viewBio { text-align:center; text-transform:uppercase; font-size:13px}
	
	.grid_col3.staffGrid {display:flex; flex-direction:row;  flex-wrap: wrap;  }
	
	.grid_col3.staffGrid .gridCol_item {flex: 1 0 96%;  width:96%;    margin: 2% 2%;}
	
		@media (min-width: 540px) {
				.grid_col3.staffGrid .gridCol_item {flex: 1 0 46%;  width:48%;    margin: 2% 2%;}
	}
	
	@media (min-width: 980px) {
		
		.staffGrid .gridCol_item h2 { font-size:24px;}
		
		.grid_col3.staffGrid .gridCol_item {flex: 1 0 26.5%;   max-width:31%;   margin: 2% 2%;}
		
	}

/* custom start video button */
.playpause {
    background-image:url('https://dev.achristavest.com/wp-content/uploads/2022/08/start-video.svg');
    background-repeat:no-repeat;
    width:144px;
    height:144px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}

	@media (min-width:480px){
		.playpause {width:222px; height:222px;}
}
	@media (min-width:800px){
		.playpause { width:50%;
    height:50%;}
	}

/* custom block colors */

.has-achristavest-bluegray-background-color {
    background-color: #66758d;
}
 
.has-achristavest-bluegray-color {
    color: #66758d;
}
 
.has-achristavest-bluegray-border-color {
    color: #66758d;
}

.has-achristavest-accent-background-color {
    background-color: #7eb7d0;
}
 
.has-achristavest-accent-color {
    color: #7eb7d0;
}
 
.has-achristavest-accent-border-color {
    color: #7eb7d0;
}


.has-black-background-color {
    background-color: #000000;
}
 
.has-black-color {
    color: #000000;
}
 
.has-black-border-color {
    color: #000000;
}

.has-white-background-color {
    background-color: #ffffff;
}
 
.has-white-color {
    color: #ffffff;
}
 
.has-white-border-color {
    color: #ffffff;
}

.has-gray-background-color {
    background-color: #003b49;
}
 
.has-gray-color {
    color: #003b49;
}
 
.has-gray-border-color {
    color: #003b49;
}

.has-red-background-color {
    background-color: #d3273e;
}
 
.has-red-color {
    color: #d3273e;
}
 
.has-red-border-color {
    color: #d3273e;
}

.has-blue-background-color {
    background-color: #1d4289;
}
 
.has-blue-color {
    color: #1d4289;
}
 
.has-blue-border-color {
    color: #1d4289;
}