/*
Theme Name: Divi Child
Template: Divi
*/

:root{
	--green: #b5c72b;
	
	--tablet-max: 980px;
	}
	
	h1,h2,h3,h4,h5,h6{font-family:"Gill Sans";}
	
	h1{font-size:3.75rem;font-weight:300!important}
	h2{font-size: 3.19rem;font-weight:600!important}
	h3{font-size: 3rem;font-weight:600!important}
	
	
	.et_pb_text_inner ul.deliverables{
		list-style: none;
		margin: 16px 0;
		padding: 0;
	}
	.et_pb_text_inner ul.deliverables li{
		line-height: 1.4rem;
		margin-bottom:.9rem;
	}
	
	#et-main-area{
		/* Fixes some weird menu layering issue... */
		z-index: 0;
		position: relative;
	}
	
	h2.beefy{
		font-size:2.8rem;
	}
	h2.beefy::after {
		content: "";
		display: block;
		height: 2px;
		width: 2.7rem;
		background:black;
		margin: 1.5rem 0 1rem;
	}
	.et_pb_bg_layout_dark h2.beefy:after{background:var(--green);}
	
	
	.rounded-2{border-radius:5px;}
	
	body.single-post .et_pb_post_content ul {
		list-style: disc;
		margin: 0 0 20px 30px;
	}
	
	/*Fixes navbar flicker on load*/
	
	.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container{padding-top:50px!important;}
	
	.et_header_style_left #logo{
		max-width:230px!important;
	}
	
	#global-header-section{ transition: transform .4s; }
	
	#global-header-section #openmenu img{width:180px;max-width:90%;}
	#global-header-section.hide-header{
		transform: translateY(-90px);
	}
	
	/* Navbar breakpoint tweak */
	@media (max-width: 1024px) {
		#et_mobile_nav_menu {
		display: block;
		}
	
		#top-menu {
		display: none;
		}
	}
	
	@media(max-width:767px){
		h1.entry-title{font-size:2.5rem!important;} 
		h1{font-size:2.3rem!important;}
		h2{font-size:1.9rem!important;}
		h3{font-size:1.7rem!important;}
		h4{font-size:1.5rem!important;}
		h5{font-size:1.2rem!important;}
		h6{font-size:1.0rem!important;}
	}
	
	.video-embed-aspect-fix .fluid-width-video-wrapper{ padding-top: 49.87%!important; }
	
	.popup_outer_wrap .popup{transition:none!important;} /*fixes weird flickering on divi popup plugin*/
	
	body{
		font-family:"Gotham", sans-serif;
		font-weight:400;
	}
	body.et-bfb-distraction-free-mode #main-footer{display:none!important;}
	body.et-bfb-distraction-free-mode section.editor-hidden-popup,
	body.et-bfb-distraction-free-mode section
	{display:none!important;}
	
	/* #et-fb-app-frame #main-footer{display:none!important;} */
	/* #footer-widgets, #footer-bottom{display:none!important;} */
	
	.text-smaller{
		font-size:.94rem;
		line-height:1.5rem;
	}
	
	.d-flex{display:flex!important;}
	.d-block{display:block!important;}
	.flex-wrap-wrap{flex-wrap:wrap!important;}
	.width-15{flex-basis:15%;width:15%;}
	.width-20{flex-basis:20%;width:20%;}
	.width-80{flex-basis:80%;width:80%;}
	.width-85{flex-basis:85%;width:85%;}
	
	.p-2{padding:1rem;}
	.px-2{padding-left:1rem;padding-right:1rem;}
	
	.btn-inline .et_pb_button_module_wrapper {
		display: inline-block;
		margin: 0 7px;
	}
	
	/*
	.et_pb_button:hover {
		background-color: rgb(104, 104, 104);
	}*/
	
	
	.word-bg-right::before {
		content:"PERCEIVE";
		position: absolute;
		bottom: 20%;
		right: -15.5%;
		letter-spacing: 28px;
		transform: rotate(90deg);
	}
	
	.word-bg-left::before {
		content:"";
		position: absolute;
		bottom: 20%;
		left: -15.5%;
		letter-spacing: 28px;
		transform: rotate(90deg);
	}
	
	@media(max-width:980px){
		.word-bg-right:before{display:none;}
	}
	
	#by-accordion .et_pb_accordion_item {margin-bottom:5px!important;}
	#by-accordion h4:before{display:none;}
	#by-accordion h4:after{
		color: var(--green);
		content:"+";
		font-weight:bold;
		margin-left:16px;
		font-size:1.7rem;
		line-height: 1rem;
		vertical-align: sub;
	}
	#by-accordion .et_pb_toggle_open h4:after{
		content:"-";
	}
	
	.by-divider{position:relative;}
	.by-divider:after{
		position:absolute;
		top:0;
		left:-50px;
		content: "";
		width: 40px;
		height: 100%;
		background: url('/wp-content/themes/Divi-child/images/vert-divider.png');
		background-size: auto;
		display: inline-block;
		background-size: cover;
		background-position: center;
	}
	.by-divider.by-divider-right:after{
		left:auto;
		right:-50px;
	}
	
	@media screen and (max-width:1000px){
		.by-divider:after{display:none!important;}
	}
	.align-col-content-middle{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.row-justify-content-center > .et_pb_column{
		display: flex;
		flex-direction:column;
		justify-content: center;
	}
	
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	  color: #666666;
	  opacity: 1; /* Firefox */
	}
	
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	  color: #666666;
	}
	
	::-ms-input-placeholder { /* Microsoft Edge */
	  color: #666666;
	}
	
	.et_pb_text_inner ul > li{
		margin-bottom:7px;
	}
	
	#left-area ul, .entry-content ul,
	.et-l--body ul, .et-l--footer ul,
	.et-l--header ul {
		line-height: 2.5rem;
	}
	
	body .gform_wrapper ul li.gfield{margin-top:4px;}
	
	.by-simple-form{margin-top:-4px!important;margin-bottom:0px!important;}
	.by-simple-form textarea.textarea.small{max-height:105px!important;}
	.by-simple-form.gform_wrapper .gform_footer{margin-top:0!important;}
	.by-simple-form.gform_wrapper li.hidden_label .ginput_container > * {
		margin-top: 0;
	}
	.by-simple-form.gform_wrapper textarea.textarea{margin-top:0!important;}
	.by-simple-form.gform_wrapper textarea,
	.by-simple-form.gform_wrapper input[type=text]{border:1px solid #aaa!important;border-radius:2px;}
	
	.by-simple-form.gform_wrapper textarea:focus,
	.by-simple-form.gform_wrapper input[type=text]:focus{border-color:#b5c72b!important;}
	
	/* Slightly Smaller Form Size (Verticals pages) */
	.by-form-med-size .gform_wrapper form.by-simple-form ul li.gfield{
		margin-top:10px;
	}
	.by-form-med-size .gform_wrapper form.by-simple-form .hidden_label textarea.textarea,
	.by-form-med-size .gform_wrapper form.by-simple-form .hidden_label input
	{
	  margin-top:2px!important;
	  padding: 6px 0!important;
	  font-size:1.28rem!important;
	}
	
	.by-form-med-size .by-simple-form .gform_footer input.button{
		font-size:1.1rem;
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}
	.by-form-med-size .by-simple-form textarea.textarea.small{
		max-height:80px!important;
	}
	
	
	body .popup .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
	body .popup .gform_wrapper textarea.textarea, body div.form_saved_message div.form_saved_message_emailform form input[type="text"]
	{background:white;border:1px solid #e5e5e5!important;}
	
	
	
	body .gform_wrapper .gform_footer input.button {
		background-image: url(images/button-arrow.svg) !important;
		background-size: 35px 35px !important;
		background-repeat: no-repeat !important;
		background-position: right center !important;
		padding: 10px 45px 10px 0 !important;
		color: #000;
	}
	
	
	body .gform_wrapper .gform_footer input.button:hover{
		background-color:transparent!important;
		color:#555!important;
	}
	
	.gform_validation_errors > h2 {
		font-size: 1rem!important;
		font-weight: 600;
		color: #790000;
		margin: 0 0 .9375rem 0;
	}
	
	.gform_wrapper .gform_validation_errors > h2 .gform-icon{display: none !important;}
	
	.form-disclaim{
		font-style: italic;
		color: #777;
		font-size: .8rem;
		line-height: 1.3rem;
	}
	
	.form-remove-disclaimer .form-disclaim{
		display:none;
	}
	
	.fancy-list ul{
		font-size: 1.15rem;
		list-style: none;
		padding-left:2em;
	}
	
	.fancy-list ul li{
		margin-bottom:.9rem;
		position:relative;
	}
	.fancy-list ul li:before{
		content: "+";
		position: absolute;
		color: var(--green);
		left: -2rem;
		top: 0;
		font-weight: bold;
		font-size: 1.5rem;
	}
	.number-add-tenths .percent-value:after{
		content: "/10";
	}
	
	.stat-box-w-attrib a{
		color:#888;
		letter-spacing:-1px;
		display:block;
		margin-top:15px;
		font-size:.87rem;
		line-height:1.3rem;
		
	}
	
	@media(min-width: 1000px){
		.dica_divi_carousel .dica_divi_carouselitem{
			width:auto!important;
		}
	}
	
	.post-highlight{flex-wrap:nowrap;margin-bottom:-40px;}
	
	@media(max-width: 1200px){
		.post-highlight{flex-direction:column-reverse;flex-wrap:wrap;}
		.post-highlight > *{
			flex-basis:100%!important;
		}
	}
	
	.post-highlight > .post-highlight-content{
		flex-basis:40%;
	}
	
	.post-highlight-image{
		background-size:cover!important;
		background-position:center!important;
		min-height:300px;
		flex-basis:60%;
		margin-bottom:40px;
	}
	
	.post-highlight-content p{line-height: 2rem;}
	
	.post-highlight-content {
		padding: 7vw;
		background: #000;
		color: white;
		min-height: 300px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		transform:translateY(-40px);
	}
	
	.post-highlight-content .et_pb_button,
	.post-highlight-content .et_pb_button:hover{padding-left:0}
	
	.post-highlight-content *{max-width:450px;}
	@media(max-width:1200px){
		.post-highlight-content *{max-width:600px;}
	}
	
	.post-highlight-content h2{font-weight:600;font-size:2.9rem;color:white!important;margin-bottom:12px}
	
	.post-highlight-readmore{
		font-weight:600;
		text-transform:uppercase;
		display:inline-block;
		border:1px solid var(--green);
		padding:15px 26px;
		font-size:1.0rem;
	}
	
	
	.va-center-columns > div {
	
		display: flex;
		justify-content: center;
	
	}
	
	
	.et_pb_filterable_portfolio .et_pb_portofolio_pagination, .et_pb_gallery .et_pb_gallery_pagination{
		border-top:none!important;
	}
	
	.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	
	.ds-library-grid h2.et_pb_module_header{
		position: absolute;
		top: calc(50% + 30px);
		width: 100%;
		opacity: 0;
		transition:opacity .3s;
		z-index:3;
		padding:0 12px;
	} 
	
	.ds-library-grid .et_pb_portfolio_item .et_portfolio_image:hover h2.et_pb_module_header{
		opacity:1;
	}
	
	@media (min-width: 981px) {
		.et_pb_gutters3 .et_pb_column_4_4 .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item,
		.et_pb_gutters3 .et_pb_column_4_4 .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.active,
		.ds-library-grid.et_pb_portfolio_grid .et_pb_portfolio_item,
		.et_pb_column_4_4 .ds-library-grid.et_pb_grid_item:nth-child(4n) /*Change this number to value 4 in the calculator (don't remove the 'n')*/ {
			width: 25% !important; /*Change this number to value 3 in the calculator (don't remove the '%') */
			/*margin: 0 5.5% 5.5% 0;*/ /*Change these numbers to values 1 & 2 in the calculator (don't remove the '%' or '0')*/
			margin: 0; /*Change these numbers to values 1 & 2 in the calculator (don't remove the '%' or '0')*/
		}
	}
	
	@media only screen and ( max-width: 980px) {
		.ds-library-grid .et_portfolio_image img {
			width: 100%;
		}
	}
	
	/*Set number of columns and margin for the category filters*/
	.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li {
		float: left;
		margin: 0 2% 2% 0; /*Change these numbers to values 5 & 6 in the calculator (don't remove the '%' or '0')*/
		text-align: center;
		width: 15%; /*Change this number to value 7 in the calculator (don't remove the '%' )*/
	}
	.ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(6n) { /*Change this number to value 8 in the calculator (don't remove the 'n' )*/
		margin-right: 0;
	}
	
	
	.row-project-cards{display:flex;}
	.row-project-cards > * {flex-basis:50%;flex-grow:1;margin-bottom:22px;}
	
	@media(max-width:1000px){
		.row-project-cards{flex-wrap:wrap;}
		.row-project-cards > *{flex-basis:100%;}
	}
	
	.project-card {
		background-size:cover;
		background-position: center;
		position:relative;margin-bottom:20px!important;height: 340px !important;text-transform: uppercase;}
	.project-card:before {
		transition:.35s all;
		content:"";
		width:100%;
		height:100%;
		position:absolute;
		background-image: radial-gradient( rgba(0,0,0,0), rgba(0,0,0,.5) );
		opacity:.1;
	}
	.project-card:hover:before {
		opacity:1;
	}
	
	.project-card .et_pb_text_inner {
		padding: 40px 30px 30px;
		position: absolute;
		bottom: 0;
		width: 100%;
		background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.5));
	}
	.project-card .et_pb_text_inner *{transition:.3s;}
	.project-card:hover .et_pb_text_inner *{
		transform:translateY(-9px)
	}
	
	
	.project-card h5{
		font-weight: 600;
		color: white;
		padding-bottom:3px;
	}
	
	.project-card p{
		color: white;
	}
	
	.row-project-cards .project-excerpt {
		color: black;
		text-transform: uppercase;
		font-size: 1rem;
		max-width: 400px;
		line-height: 1.5rem;
		margin-bottom: 1rem;
		font-weight: 600;
	}
	
	article.type-project .nav-single{display:none; }
	
	
	/* Work page stuff */
	
	#morework{
		padding-right: 70px;
	}
	#morework:after{
		right: 16px;
	}
	
	body:not(.divi_page_et_theme_builder) #work-grid-more{display:none;}
	body:not(.divi_page_et_theme_builder) #work-grid-more article{opacity:0;}
	
	.work-grid .et_pb_ajax_pagination_container{
		display: flex;
		flex-wrap: wrap;
		background:#F2F2F2;
	}
	
	.work-grid .et_pb_ajax_pagination_container article {
		flex-basis: 50%;
		padding: 0;
		margin-bottom:0px;
		overflow:hidden;
		position: relative;
	}
	.work-grid .et_pb_ajax_pagination_container article .entry-featured-image-url:before {
		width:100%;
		height:100%;
		content:"";
		position: absolute;
		background: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,.45));
		z-index: 2;
		opacity:0;
		transition:opacity .4s;
	}
	.work-grid .et_pb_ajax_pagination_container article:hover .entry-featured-image-url:before {
		opacity:1;
	}
	
	.work-grid .entry-featured-image-url {
		display: block;
		position: relative;
		height: 100%;
		padding-bottom:56.25%;
		overflow: hidden;
		margin-bottom:0;
	}
	
	
	
	.work-grid .et_pb_post a img {
		width: 100%;
		object-fit: cover;
		object-position: 50% 50%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.work-grid.word-grid-smaller .et_pb_ajax_pagination_container article {
		flex-basis: 25%;
	}
	
	.work-grid.word-grid-smaller .entry-featured-image-url {
		height:0;
		padding-bottom:100%;
	}
	
	
	
	.work-grid.word-grid-smaller .et_pb_post a img {
		position: absolute;
		top: 0;
		left:0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.work-grid .entry-title {
		opacity: 0;
		transition: all .3s;
		transform: translateY(8px);
		position: absolute;
		width: 100%;
		z-index: 123;
		bottom: 0;
		padding: 1rem 1.4rem;
		background: linear-gradient(rgba(0,0,0,0), rgba(0, 0, 0, .7));
		font-size: 1.35rem!important;
		/* border-bottom:3px solid var(--green) */
	}
	
	.work-grid article:hover .entry-title {
		opacity: 1;
		transform: translateY(0px);
	}
	
	.work-grid article img{transition:.4s;}
	.work-grid article:hover img{transform: scale(1.05);}
	
	.work-grid .entry-title a {
		color:white;
	}
	.work-grid h2.entry-title a span {
		display: block;
		font-weight: 200;
		font-size: 0.9rem !important;
		letter-spacing: 1px;
		padding: 3px 0 0 0;
	}
	
	.work-filler a{
		padding: 2rem 7rem !important;
		height: 300px;
		display: flex;
		flex-direction: column;
		align-items: start;
		position:relative;
		justify-content: center;
		height:100%;
	}
	.work-filler a::after {
		content: "";
		background: #121212;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transform: translateX(-100%);
		opacity:0;
		transition:.25s all ease-out;
	}
	
	.work-filler a:hover:after{
		transform:translateX(0);
		opacity:1;
	}
	
	.work-filler h4 {
		font-size: 3.2rem;
		color: #a8a9ac;
		transition: .4s all;
		font-weight:700;
		z-index:1;
	}
	.work-filler a:hover h4 {
		color:white;
	}.work-filler a:hover span {
		color:var(--green);
	}.work-filler a:hover span:after {
		filter:invert(1);
	}
	.work-filler span {
		z-index:1;
		margin:12px 0;
	}
	.work-filler h4:before {
		content: "";
		display: block;
		height: 2px;
		width: 2.7rem;
		background:black;
		margin: 1.5rem 0 1rem;
		transition:all .4s;
	}
	
	.work-filler a:hover h4:before{
		background:white;
	}
	
	@media(max-width:1100px){
		.work-grid.word-grid-smaller .et_pb_ajax_pagination_container article {
			flex-basis: 33.33%;
		}
	
		.work-grid .entry-title {
			opacity: 1;
			transform: translateY(0px);
			background: linear-gradient(rgba(0,0,0,0), rgba(0, 0, 0, .8));
			font-size: 1.15rem!important;
		}
	
		.work-grid .entry-featured-image-url {
			padding-bottom: 68.25%;
		}
	}
	
	@media(max-width:730px){
		.work-grid .et_pb_ajax_pagination_container article {
			flex-basis: 100%;
		}
		.work-grid .entry-featured-image-url {
			height: 260px;
		}
		.work-grid.word-grid-smaller .et_pb_ajax_pagination_container article {
			flex-basis: 50%;
		}
		.work-grid .entry-title {
			font-size: 1.20rem;
		}
	}
	
	/*Careers */
	.job-info{
		transform:translateY(-20px);
		opacity: 0;
		overflow: hidden;
		visibility: hidden;
		transition:.6s all;
		height:0;
		padding:0;
	}
	.et_pb_section.job-section.open .job-info{
		transform:translateY(0px);
		opacity: 1;
		visibility: visible;
		height:auto;
		padding:30px 0;
	}
	body.et-fb .job-info{
		transform:translateY(0px)!important;
		opacity: 1!important;
		visibility: visible!important;
		height:auto!important;
		padding:30px 0!important;
	}
	
	.et_pb_section.job-section{transition:.6s all;}
	.et_pb_section.job-section.open{background:white!important;}
	
	/* Hides all of those repeated contact buttons at the bottom of every post */
	/* instead they're included as part of the single post template in theme builder */
	img[src="https://b-y.net/uploads/page/Contact.png"]{display:none!important;}
	
	.et-l--body ol,
	.et-l--body ul{
		padding: 0 0 33px 2em;
		line-height:2rem;
	}
	
	.et-l--body ol li, .et-l--body ul li {
		margin-bottom: 17px;
	}
	
	.et_pb_post_content h1,
	.et_pb_post_content h2,
	.et_pb_post_content h3,
	.et_pb_post_content h4,
	.et_pb_post_content h5,
	.et_pb_post_content h6 {
		margin-top: 24px;
	}
	
	body.single-post .et_pb_post_content h2{
		font-size: 2.2rem;
		margin-bottom: 20px;
	}
	body.single-post .et_pb_post_content h3{
		font-size: 2.0rem;
		margin-bottom: 20px;
	}
	body.single-post .et_pb_post_content h4{
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	body.single-post .et_pb_post_content h5{
		font-size: 1.5rem;
		margin-bottom: 20px;
	}
	body.single-post .et_pb_post_content h6{
		font-size: 1.2rem;
		margin-bottom: 20px;
	}
	
	.single .et_pb_post {
		margin-bottom: 0px;
	}
	
	#blogSearchBar .et_pb_text_inner{display:flex;}
	#blogSearchBar p,
	#blogSearchBar form{margin:0;padding:0;display:block;width:100%}
	@media(max-width:1368px){
		#blogSearchBar .et_pb_row{flex-wrap:wrap;}
		#blogSearchBar .et_pb_row .et_pb_column{width:100%}
	}
	.searchandfilter ul li{margin-bottom:0;margin-right:0!important;padding-right:0!important;}
	.searchandfilter select {
		background: #000;
		border: 0;
		padding: 20px 30px 20px 20px;
		font-size: 1rem;
		text-align: center;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		font-weight: normal;
		text-transform: uppercase;
		height: 60px;
		box-sizing: border-box;
		width: 100%;
		color: var(--green);
		font-family:"Gill Sans", sans-serif;
		-webkit-appearance: none;
		-webkit-border-radius:0px;
	}
	
	
	
	.searchandfilter > div > ul{display:flex;padding:0!important}
	.searchandfilter ul > li input[type=submit]{
		height: 100%;
		cursor:pointer;
		border: 0;
		color:#b0bb27;
		font-size: 1.2rem;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0 15px;
		background:#4c4d53;
		display:none;
	}
	.searchandfilter ul > li input[type="text"] {
		height: 60px;
		font-size: 1rem;
		padding: 0 13px !important;
		font-weight: 400;
		background: #fff;
		border: 0;
		width: 100%;
		border-bottom: 1px solid #ccc;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	.searchandfilter ul > li:nth-child(1){flex-grow:1;}
	.searchandfilter ul > li:first-child{position:relative;}
	
	
	.by-cat-jump-wrap:after {
		content: "";
		width: 12px;
		height: 9px;
		background: #888;
		position: absolute;
		right: 12px;
		top: 50%;
		transform: translateY(-50%);
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	.by-cat-jump-wrap {
		background: #000;
		border: 0;
		padding: 20px 33px 20px 20px;
		font-size: 0.9rem;
		letter-spacing:1px;
		text-align: center;
		font-weight: normal;
		text-transform: uppercase;
		height: 60px;
		box-sizing: border-box;
		width: 220px;
		color: var(--green);
		font-family: "Gill Sans", sans-serif;
		white-space: nowrap;
		line-height:1rem;
		position: relative;
		cursor: pointer;
	}
	.by-cat-jump-wrap ul{
		background: white;
		margin: 0 !important;
		padding: 5px 0 !important;
		list-style-type: none !important;
		text-align: left;
		position: absolute;
		top: 54px;
		box-shadow: 0 3px 12px rgba(0,0,0,.2);
		left: 0px;
		transform: translateY(-10px);
		opacity:0;
		transition:all .4s;
		visibility: hidden;
		z-index: 123123123;
	}
	
	.by-cat-jump-wrap ul li{
		min-width:210px;
		margin-bottom:0!important;
	}
	.by-cat-jump-wrap ul li a{
		color:black;
		padding:5px 13px;
		display:block;
		transition: color .4s;
	}
	.by-cat-jump-wrap ul li a:hover{
		color:var(--green);
		background:#f5f5f5;
	}
	
	.by-cat-jump-wrap:focus ul{
		transform: translateY(0px);
		opacity:1;
		visibility: visible;
	}
	
	
	.blog-layout-2-col > .et_pb_ajax_pagination_container{display:flex;flex-wrap:wrap;}
	
	.blog-layout-2-col article .entry-featured-image-url{
		display:grid;
		width:100%;
		min-height:120px;
		max-height:250px;
		height:19vw;
	}
	.blog-layout-2-col article .entry-featured-image-url img{height:100%;width:100%;object-fit: cover;}
	.blog-layout-2-col article {
		flex-basis: 50%;
		padding: 15px;
	}
	
	body .et_pb_blog_grid article.et_pb_post .entry-title a,
	body .blog-layout-2-col article.et_pb_post .entry-title a {
		font-weight: 600 !important;
	}
	
	@media screen and (max-width:768px){
		.blog-layout-2-col article {
			flex-basis: 100%!important;
			padding: 15px;
		}
	}
	
	
	
	.et_pb_blog_grid .et_pb_salvattore_content[data-columns='3']{ display:flex; margin-bottom:20px; }
	.et_pb_blog_grid .et_pb_salvattore_content[data-columns='3'] article{ 
		height: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom:38px!important;
	 }
	 .et_pb_blog_grid .et_pb_salvattore_content[data-columns='3'] article .post-content{ 
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	 }
	 .et_pb_blog_grid .et_pb_salvattore_content[data-columns='3'] article .post-content .more-link{
		width: auto;
		display: inline-block;
		max-width: 180px;
		transform: scale(.9);
	 }
	
	
	.infinite-scroll-left{
		animation-name: loop;
		animation-duration: 80s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
	}
	
	#contact-page-form .gform_wrapper textarea,
	#contact-page-form .gform_wrapper input[type="text"] {
		border: 1px solid #aaa !important;
		border-radius: 0px;
		border-width: 0 0 2px 0 !important;
		background: transparent;
		font-size: 1.8rem;
		text-transform: uppercase;
		padding-left: 0;
	}
	#contact-page-form.lowercase-input .gform_wrapper textarea,
	#contact-page-form.lowercase-input .gform_wrapper input[type="text"] {
		text-transform:none;
	}
	
	body #contact-page-form .gform_wrapper .gform_footer {
		text-align: left;
	}
	
	body #contact-page-form .gform_wrapper .gform_footer input.button,
	body #contact-page-form .gform_wrapper .gform_page_footer input.button,
	body #contact-page-form div.form_saved_message div.form_saved_message_emailform form input[type="submit"] {
		background-color: transparent;
		padding: 10px 45px 10px 0;
		color: #000;
		border-width:0px;
	}
	
	.blog-blurb-add-divider .et_pb_module_header::after {
		content: "";
		width: 70px;
		height: 3px;
		background: black;
		display: block;
		margin: 30px 0 19px;
	}
	
	.blog-blurb-add-divider.et_pb_bg_layout_dark .et_pb_module_header::after {
		background:white;
	}
	
	.by-reversed-form .gform_footer input.button {
		color: white !important;
	}
	
	body .by-reversed-form .gform_wrapper .gform_footer input.button {
		background-image: url('https://b-y.net/wp-content/themes/Divi-child/images/button-arrow-green.svg')!important;
	}
	
	@keyframes loop {
		0% {
			background-position:0;
		}
		100% {
			background-position:200%;
		}
	}
	
	
	.logo-rule{position:relative;width:100%!important;}
	.logo-rule img{height:44px!important;}
	.logo-rule::before,
	.logo-rule::after{
		content: "";
		width: calc(50% - 45px);
		height: 1px;
		background: #777;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 50%;
	}
	.logo-rule::after {
		right: 0;
		left:auto;
	}
	.logo-rule.lr-lighter::before,
	.logo-rule.lr-lighter::after{
		background: #ddd;
	}
	.et_pb_button[data-icon=L]:before{font-weight:900}
	
	.big-quote .et_pb_testimonial_content p{
	  position:relative;
	  padding-bottom:1.8em;
	  font-style:italic;
	  quotes: "\201c" "\201d" "\2018 "\2019" ;
	}
	
	.big-quote .et_pb_testimonial_content p:after,
	.big-quote .et_pb_testimonial_content p:before{
	  content:open-quote;
	  font-size:2.8rem;
	  font-weight: 400;
	  
	}
	.big-quote .et_pb_testimonial_description_inner:after{
		content:"";
		height:1px;
		width:50%;
		background:#ddd;
		bottom:5px;
		left:0;
		position:absolute;
	}
	.big-quote .et_pb_testimonial_content p:after{
	  content:close-quote;
	  line-height:0rem;
	  vertical-align:middle;
	}
	
	.big-quote .et_pb_testimonial_content p:before{
	  line-height:3rem;
	  vertical-align:middle;
	  position:absolute;
	  left: -1.8rem;
	  top:-3px;
	}
	
	.big-quote .et_pb_testimonial_author:before{content: "- ";}
	.big-quote .et_pb_testimonial_author{
		font-size: 14px;
		display: inline-block;
		padding-top: 0 !important;
		margin-top: 0 !important;
		font-style:normal!important;
	}
	
	.big-quote .et_pb_testimonial_meta{
		display:inline-block;
		padding-left:0px;
		padding-top:0!important;
	}
	
	.gallery-image-margin .et_pb_gallery_item{margin-bottom:40px!important;}
	
	.line-bg-left:before{
		content:"";
		position:absolute;
		height:100%;
		background:#ccc;
		width:1px;
		top:0;
		left:40px;
	}
	.line-bg-right:before{
		content:"";
		position:absolute;
		height:100%;
		background:#ccc;
		width:1px;
		top:0;
		right:40px;
	}
	
	.line-bg-darker:before{background:#888!important;}
	
	.line-bg-bottom >*:last-child{position:unset}
	.line-bg-bottom > :last-child::before {
		content: "";
		position: absolute;
		height: 1px;
		background: #ccc;
		width: calc(100% - 40px);
		bottom: 40px;
		left: 0;
	}
	
	.line-bg-lighter:before{
		background:#777;
	}
	
	.half-gray-bg-right:before{
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		background: #d6d6d8;
		width: 50%;
		height: 100%;
		z-index: 1;
	}
	
	
	@media screen and (max-width: 980px ){
		.line-bg-left:before{display:none;}
		.line-bg-right:before{display:none;}
		.half-gray-bg-right:before{display:none;}
	}
	
	.snip-bottom{
		margin-bottom:-2vw;
		z-index:1;
		clip-path: polygon(100% calc(100% - 2vw), 60% calc(100% - 2vw), 60% 100%, 0px 100%, 0px 0px, 100% 0px);
	}
	.snip-bottom-more{
		margin-bottom:-2vw;
		z-index:1;
		clip-path: polygon(100% calc(100% - 2vw), 35% calc(100% - 2vw), 35% 100%, 0px 100%, 0px 0px, 100% 0px);
	}
	
	.snip-bottom-half{
		margin-bottom:-2vw;
		z-index:1;
		clip-path: polygon(100% calc(100% - 2vw), 50% calc(100% - 2vw), 50% 100%, 0px 100%, 0px 0px, 100% 0px);
	}
	
	.snip-bottom-left{
		margin-bottom:-2vw;
		z-index:1;
		clip-path: polygon(100% 100%, 60% 100%, 60% calc(100% - 2vw), 0px calc(100% - 2vw), 0px 0px, 100% 0px);
	}
	.snip-bottom-left-half{
		margin-bottom:-2vw;
		z-index:1;
		clip-path: polygon(100% 100%, 50% 100%, 50% calc(100% - 2vw), 0px calc(100% - 2vw), 0px 0px, 100% 0px);
	}
	
	.snip-bottom + .et_pb_section{
		padding-top:2vw;
	}
	
	@media screen and (max-width:768px){
		.snip-bottom{
			margin-bottom:-20px;
			clip-path: polygon(100% calc(100% - 20px), 60% calc(100% - 20px), 60% 100%, 0px 100%, 0px 0px, 100% 0px);
		}
	
		.snip-bottom-left{
			margin-bottom:-20px;
			clip-path: polygon(100% 100%, 60% 100%, 60% calc(100% - 20px), 0px calc(100% - 20px), 0px 0px, 100% 0px);
		}
	
		.snip-bottom + .et_pb_section{
			padding-top:20px;
		}
		
		#home-video{
			width: 160%;
			max-width: 160%;
			margin-left: -30%;
		}
	}
	
	#vimeo-home .fluid-width-video-wrapper{
		position:absolute;
		left:0;
		top:0;
	}
	
	#footer-menu ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: nowrap;
		letter-spacing: 3px;
	}
	#footer-ul{
		list-style: none;
		display: flex;
		margin: 0;
		padding-left:0;
		justify-content: space-between;
		flex-wrap: nowrap;
	}
	
	
	
	@media screen and (max-width: 1260px){
		#footer-menu ul{ flex-wrap:wrap; }
		#footer-menu li{ flex-basis:50%; }
		
	}
	
	@media screen and (max-width:1375px){
		#footer-ul{flex-wrap:wrap;}
		#footer-ul li{flex-basis:100%;}
		#footer-ul li.menu-slash{display:none; }
	}
	
	#footer-ul li {
		padding: 3px 0 3px 0px;
		position: relative;
		letter-spacing: 3px;
	}
	
	@media(max-width:1600px){
		#footer-ul li {letter-spacing:1px;}
	}
	
	
	#footer-ul li:first-child {
		padding-left: 0;
	}
	#footer-ul li:first-child::before {
		display:none;
	}
	
	.wpls-logo-showcase button.slick-arrow {
		filter: invert(1);
		background-size: 32px 32px !important;
		margin-right: 3px !important;
		opacity: .5;
	}
	
	.wpls-logo-showcase button.slick-next:hover,
	.wpls-logo-showcase button.slick-next:focus {
		background-size: 34px 34px !important;
	}
	
	/* fixes weird stacking issue of 2nd article at tablet sizes */
	@media(min-width:768px) and (max-width: 980px){
		.et_pb_blog_grid .size-1of2 article:nth-child(2n){
				display:none;
		}
	}
	
	
	
	
	.work-slider h6:after{
		content:"";
		width:30px;
		height:2px;
		background:white;
		position:absolute;
		bottom:-8px;
		left:0;
	}
	
	.work-slider .et_pb_bg_layout_light h6:after{
		background:black;
	}
	
	.work-slider .et_pb_bg_layout_dark .et_pb_button.button-primary:after{
		filter: invert(1) saturate(0);
	}
	
	.work-slider h6{
		position:relative;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 1.8rem;
		padding-bottom: 1.3rem;
	}
	
	body #page-container .work-slider .et_pb_bg_layout_light .et_pb_button.button-primary{
		color: #000!important;
	}
	
	.work-slider .et-pb-controllers {
		position: absolute;
		right: 0;
		left:auto;
		height: 100%;
		text-align: center;
		z-index: 10;
		top: 0;
		display: flex;
		flex-direction: column;
		width:40px;
		justify-content: center;
	}
	
	.work-slider .et-pb-controllers a {
		margin: 17px 12px;
		transform:scale(1.4);
		opacity:.7;
	}
	
	.work-slider .et-pb-controllers a.et-pb-active-control{
		clip-path:polygon(0 50%, 100% 0, 100% 100%);
		-wekbit-clip-path:polygon(0 50%, 100% 0, 100% 100%);
		border-radius:0!important;
		opacity:1;
	}
	
	.work-slider h2{font-size:3.8rem;margin-bottom:1.2rem;}
	
	.work-slider .et_pb_slide > .et_pb_container {
		margin-left: 0;
		max-width:40%!important;
	}
	
	@media screen and (max-width:1200px){
		.work-slider .et_pb_bg_layout_light h6,
		.work-slider .et_pb_bg_layout_light h2{
			color:white!important;
		}
		.work-slider .et_pb_bg_layout_light h6::after {
			background: #fff;
		}
		html body #page-container .work-slider .et_pb_bg_layout_light .et_pb_button.button-primary{
			color: #fff!important;
		}
		html body #page-container .work-slider .et_pb_bg_layout_light .et_pb_button.button-primary:after{
			filter:invert(1);
		}
	}
	@media screen and (max-width:1200px) and (min-width:701px){
		.work-slider h2{font-size:3rem;}
	
		.work-slider .et_pb_slide::before {
			width: 100%;
			height: 100%;
			background: #00000041;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
	
		.work-slider .et_pb_slide > .et_pb_container {
			max-width:60%!important;
		}
	
		.work-slider .et-pb-controllers a{
			background:rgba(255,255,255,.8)
		}
		.work-slider .et-pb-controllers a.et-pb-active-control{
			background:rgba(255,255,255,.9)
		}
	}
	@media screen and (max-width:700px){
		.work-slider h2{font-size:2.3rem!important;}
	
		.work-slider .et_pb_slide::before {
			width: 100%;
			height: 100%;
			background: #0000006b;
			content: "";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}
	
		.work-slider .et_pb_slide > .et_pb_container {
			max-width:88%!important;
		}
	
		.work-slider .et-pb-controllers a{
			background:rgba(255,255,255,.8)
		}
		.work-slider .et-pb-controllers a.et-pb-active-control{
			background:rgba(255,255,255,.9)
		}
	}
	
	.by-slider-controls .et-pb-controllers {
		position: absolute;
		right: 0;
		left:auto;
		height: 100%;
		text-align: center;
		z-index: 10;
		top: 0;
		display: flex;
		flex-direction: column;
		width:40px;
		justify-content: center;  
	}
	
	.by-slider-controls .et-pb-controllers a {
		margin: 17px 12px;
		transform:scale(1.4);
		opacity:.7;
	}
	
	.by-slider-controls .et-pb-controllers a.et-pb-active-control{
		clip-path:polygon(0 50%, 100% 0, 100% 100%);
		-wekbit-clip-path:polygon(0 50%, 100% 0, 100% 100%);
		border-radius:0!important;
		opacity:1;
	}
	
	.by-slider-full-height .et_pb_slides,
	.by-slider-full-height .et_pb_slides .et_pb_slide
	{
	  height:100%;
	}
	
	
	body .dica_divi_carousel .dica-container .swiper-pagination{
		margin-top:1.8rem;
	}
	body .dica_divi_carousel .swiper-pagination-bullet {
		margin-right: 28px !important;
		background:#bfbfbf!important;
	}
	
	html body .et_pb_module.dica_divi_carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{
		clip-path: polygon(50% 0, 100% 100%, 0 100%);
		border-radius:0!important;
		transform:scale(1.3);
		background-color: #A7A9B0 !important;
	}
	
	body.single-project #main-content .dica_divi_carousel .dica_divi_carouselitem .dica-image-container img {
		max-height: 95vh;
	}
	
	body.single-project #main-content .et_builder_inner_content .et_pb_section:first-child,
	body.single-project #main-content .project-top-white{padding:140px 0 0!important}
	
	@media(max-width:769px){
		body.single-project #main-content .et_builder_inner_content .et_pb_section:first-child,
		body.single-project #main-content .project-top-white{padding:69px 0 0!important}
	}
	body.single-project #main-content .entry-content .et_builder_inner_content .et_pb_section:last-child{
		padding-bottom: 84px!important;
	}
	 
	.footer-navigation-wrap .et_pb_code_inner {
		position: relative;
		transform: translateY(-24px);
		margin-bottom: -24px;
	}
	
	.project-navigation-spacer {
		height: 98px;
		clip-path: polygon(0 24px, 50% 24px, 50% 0, 100% 0, 100% 100%, 0 100%);
		background: white;
	}
	
	.project-navigation{display:flex;flex-wrap:no-wrap;}
	
	.project-navigation > *{flex-basis:50%;flex-grow:1;padding:100px 40px;}
	.project-navigation__all:hover {background:var(--green);}
	.project-navigation__all {
		transition:.5s all;
		background: #ddd;
		font-weight: bold;
		color: black;
		text-align: right;
		font-size: 1.6rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
		align-items: center;
		flex-wrap:nowrap;
		position: relative;
	}
	
	.project-navigation__all:hover:before {
		filter:grayscale(1) contrast(150%);
		opacity:.1;
	}
	
	.project-navigation__all::before {
		/*disable this */
		display:none;
		background: url(images/allwork.jpg);
		background-size: cover;
		background-position: center;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		opacity: .2;
	}
	
	.project-navigation__all img{margin-right:10px;}
	.project-navigation__all img,
	.project-navigation__all span{z-index:2;}
	
	.project-navigation__next img{margin-left:10px;}
	
	.project-navigation__next img,
	.project-navigation__next span{z-index: 2;}
	
	.project-navigation__next::before {
		content: "";
		height: 100%;
		width: 100%;
		background: rgba(0,0,0,.3);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		transition:.5s all;
	}
	
	.project-navigation__next:hover::before {
		background: rgba(0,0,0,.7);
	}
	
	.project-navigation__next{
		position:relative;
		transition:.5s all;
		font-weight: bold;
		color: white;
		text-align: left;
		font-size: 1.6rem;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		flex-wrap:nowrap;
		background-size:cover;
		background-position: center;
	}
	
	@media(max-width:750px){
		.project-navigation{flex-wrap:wrap;}
		.project-navigation > *{flex-basis:100%;flex-grow:1;padding:70px 40px;}
		.project-navigation__all {justify-content:center;}
		.project-navigation__next {justify-content:center;}
	}
	
	.num{
		font-family:"Gotham", sans-serif;
		font-weight: 600;
		font-size:.9rem;
	}
	
	.button-primary .et_pb_button,
	.button-primary.et_pb_button,
	.button-reversed .et_pb_button,
	.button-reversed.et_pb_button{
		font-family:"Gotham", sans-serif;
		font-weight:300!important;
		padding-right:2.8em!important;
		letter-spacing: 0.3em;
	}
	html body .et_pb_section .button-primary .et_pb_button::after,
	html body .et_pb_section .button-primary.et_pb_button::after {
		font-size: 1.9em !important;
		margin-left: 0.25em !important;
		line-height: 0.8 !important;
		content: "";
		background-image: url('/wp-content/themes/Divi-child/images/button-arrow.svg');
		width: 35px;
		height: 35px;
		background-size: contain;
		top: 50%!important;
		transform: translateY(-50%);
		right: 4px;
	}
	
	html body .et_pb_section .button-primary.button-chunky .et_pb_button::after,
	html body .et_pb_section .button-primary.button-chunky.et_pb_button::after {
		right: 12px;
	}
	
	.et_pb_blog_grid_wrapper .et_pb_post div.post-content a.more-link{
		padding: 10px 52px 10px 0;
		position: relative;
		display: inline-block;
		line-height: initial!important;
		margin-top:22px;
	}
	
	.et_pb_blog_grid_wrapper .et_pb_post div.post-content a.more-link:after{
		content: "";
		background-image: url('/wp-content/themes/Divi-child/images/button-arrow.svg');
		width: 34px;
		height: 34px;
		background-size: contain;
		background-repeat: no-repeat;
		right: 0px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
	}
	.et_pb_blog_grid_wrapper.text-light .et_pb_post div.post-content a.more-link:after{
		filter: invert(1);
	}
	
	.et_pb_blog_grid_wrapper .entry-featured-image-url img {
		height: 210px !important;
		object-fit: cover;
	}
	
	body.blog .et_pb_salvattore_content[data-columns='3'] .et_pb_post .entry-featured-image-url {
		margin-bottom: 0px;
	}
	
	html body .et_pb_section .button-reversed .et_pb_button::after,
	html body .et_pb_section .button-reversed.et_pb_button::after {
		font-size: 1.9em !important;
		margin-left: 0.25em !important;
		line-height: 0.8 !important;
		content: "";
		background-image: url('https://b-y.net/wp-content/themes/Divi-child/images/button-arrow-green.svg'); 
		width: 35px;
		height: 35px;
		background-size: contain;
		top: 4px;
		right: 4px;
	}
	/*forces arrow graphic to show even NOT on hover */
	html body #page-container .et_pb_section .button-primary.et_pb_button::after,
	html body #page-container .et_pb_section .button-primary .et_pb_button::after,
	html body #page-container .et_pb_section .button-reversed.et_pb_button::after,
	html body #page-container .et_pb_section .button-reversed .et_pb_button::after{
		display: block!important;
		opacity:1;
	}
	
	html body #page-container .et_pb_section .button-primary.button-reversed.et_pb_button::after,
	html body #page-container .et_pb_section .button-primary.button-reversed .et_pb_button::after{
		background-image: url('https://b-y.net/wp-content/themes/Divi-child/images/button-arrow-green.svg');
	}
	
	
	.home-social{
		width: auto !important;
		position: absolute;
		top: 190px;
		right: 0;
		background: rgba(255,255,255,.9);
		border-radius: 3px 0 0 3px;
	}
	.home-social li{display:block;}
	.home-social li a{margin-right:2px;}
	
	.wpls-logo-showcase .wpls-logo-cnt img{
		max-height: 60px!important;
		max-width: 180px!important;
	}
	.wpls-logo-showcase .wpls-logo-cnt.slick-slide {
		margin: 0 15px;
	}
	
	.slick-track .wdcl_logo_carousel_child div img{
		max-height:60px;
	}
	.wdcl_logo_carousel .slick-slide,
	.et-db #et-boc .wdcl_logo_carousel .slick-slide {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 60px;
	}
	
	.quote-mark:before{
		content:"";
		width:42px;
		height:31px;
		background:url(/wp-content/uploads/2024/03/Untitled-1.png);
		background-size:contain;
		background-repeat:norepeat;
		position:absolute;
		top:18px;
		left:-15px;
	  }
	
	
	.feature-list ul,
	ul.feature-list{
	  text-transform: uppercase;
	  margin:0!important;
	  padding:0 0 20px;
	}
	
	.feature-list ul > li,
	ul.feature-list > li{
	  list-style: none;
	  line-height:1.2rem;
	  padding-bottom:.9rem;
	  letter-spacing:.12rem;
	}
	
	.two-column-text{
	  columns: 2 290px;
	  column-gap: 40px;
	}
	
	.two-column-text li{
	  break-inside: avoid;
	}
	
	
	
	
	.slick-list::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 4%;
		height: 100%;
		background: linear-gradient(to right , #fff, rgba(255,255,255,0));
		z-index: 12123;
	}
	
	.slick-list::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 4%;
		height: 100%;
		background: linear-gradient(to left , #fff, rgba(255,255,255,0));
		z-index: 12123;
	}
	
	.slick-list{transition:.3s linear}
	
	
	#slide-in-menu-menu li a,
	#menu-services-menu li a{
		position:relative;
		transition:.4s;
		display:inline-block;
	}
	#menu-services-menu li a::after,
	#slide-in-menu-menu li a::after {
		content: "";
		width: 0%;
		height: 2px;
		position: absolute;
		bottom: 50%;
		background-color: #C8D92B;
		transform: translateX(-50%);
		left: 50%;
		transition:width .4s ease-out .2s;
	}
	
	#slide-in-menu-menu li a::after {
		bottom: 42%;
		transition:width .3s ease-out;
	}
	
	#menu-services-menu li a:hover{
		color:#555;
		transform: translateY(-2px) scale(1.04);
	}
	#menu-services-menu li a:hover{
		color:#555;
		transform: translateY(-2px) scale(1.04);
	}
	#slide-in-menu-menu li a:hover:after,
	#menu-services-menu li a:hover:after{
		width: 105%;
	}
	
	.menu-line-wrap{transition:.6s}
	.menu-line-wrap .et_pb_text_inner {
		padding: 30px;
		height: 100%;
		position: relative;
		box-shadow: 0 0 2px rgba(0,0,0,.1);
		cursor: pointer;
	}
	
	
	.menu-line {
		position: absolute;
		height: 3px;
		width: 26px;
		background: #24394A;
		border-radius: 10px;
		opacity: 1;
		-webkit-transition: .1s ease-in-out;
		-moz-transition: .1s ease-in-out;
		-o-transition: .1s ease-in-out;
		transition: .1s ease-in-out;
		left: 50%;
		transform: translateX(-43%);
		transform-origin:left center;
	}
	
	.line-1 {
		top: 24px;
	}
	.line-2 {
		top: 33px;
		transform: translateX(-79%);
	}
	
	.line-3 {
		top: 42px;
	}
	.menu-line-wrap.open{background:transparent;}
	.menu-line-wrap.open .menu-line,
	.menu-line-wrap:hover .menu-line{
		transform:translateX(-50%); background: #C8D92B
	}
	.menu-line-wrap.open .line-1{transform:translateX(-37%) rotateZ(45deg);}
	.menu-line-wrap.open .line-2{opacity:0;}
	.menu-line-wrap.open .line-3{transform:translateX(-37%) rotateZ(-45deg);}
	
	#slide-in-menu-menu li a{
		font-weight: lighter !important;
		font-size:2.8rem;
	}
	/* body:not(.divi_page_et_theme_builder) .slide-in-menu-container{ */
		#openmenu.slide-in-menu-container:not(.slide-in-menu){
		right:-55%!important;
	}
	@media screen and (max-width: 1000px) and (min-width:769px){
		/* body:not(.divi_page_et_theme_builder) .slide-in-menu-container{right:-65%;} */
		#openmenu.slide-in-menu-container:not(.slide-in-menu){right:-65%!important;}
	}
	@media screen and (max-width: 768px){
		/* body:not(.divi_page_et_theme_builder) .slide-in-menu-container{right:-100%;} */
		#openmenu.slide-in-menu-container:not(.slide-in-menu){right:-100%!important;}
	}
	
	@media screen and (max-width: 980px){
		#openmenu{
			display:flex;
			height:auto;
			max-height:100vh!important;
			flex-direction: column;
		}
		#openmenu > div:nth-of-type(1){order:2}
		#openmenu > div:nth-of-type(2){order:1}
		#openmenu > *{
			flex-grow: 1;
			flex-shrink: 0;
			flex-basis: auto;
		}
		
		#slide-in-menu-menu li a{
			font-size: 2.4rem;
			line-height: 2rem;
		}
	}
	
	.slide-in-menu {
		right: 0 !important;
		opacity: 1 !important;
	}
	
	.slide-in-menu-container {
		-webkit-transition: all 0.5s ease !important;
		-moz-transition: all 0.5s ease !important;
		-o-transition: all 0.5s ease !important;
		-ms-transition: all 0.5s ease !important;
		transition: all 0.5s ease !important;
		opacity:0;
	}
	
	.static-bg{overflow:hidden;position:relative;}
	.static-bg:after {
	  content: "";
	  animation: grain .4s steps(1) infinite;
	  background-image: url("images/static.png");
	  height: 100%;
	  width: 100%;
	  opacity: 0.04;
	  position: absolute;
	  top:0;
	  left:0;
	  background-repeat:repeat;
	  background-position:0 0;
	  z-index:0;
	}
	
	.static-bg.static-bg-dark-bg::after {
		opacity: 0.05;
	}
	
	@keyframes grain {
	  0%, 100% { background-position:0, 0 }
	  20% { background-position:100%, 50%}
	  40% { background-position:50%, 100% }
	  60% { background-position:25%, 25% }
	  80% { background-position:75%, 75% }
	}
	
	.animate-me,
	.draw-me{
	transition:1.3s;
	}
	
	#by-arrow {
		/* transform: rotate(-90.4deg); */
		transform-origin: 50% 25.5%;
		width: 100%;
		max-width: 5.5vw;
		min-width: 50px;
	}
	.draw circle{
		animation: draw 2s forwards;
	}
	.draw path,
	.draw ellipse,
	.draw line {
		animation: draw 1.8s forwards .5s;
	}
	#by-arrow circle,
	#by-arrow line,
	.draw-me circle,
	.draw-me line,
	.draw-me path,
	.draw-me ellipse
	{
	  stroke-dasharray: 1!important;
	  stroke-dashoffset: 1;
	  stroke:#231F20;
	}
	
	#by-arrow.arrow-reversed circle,
	#by-arrow.arrow-reversed line{
	  stroke:#eee;
	}
	#by-arrow.arrow-reversed polygon{
	  fill:#eee;
	}
	#by-arrow circle {
		/*transform: rotate(90deg);*/
		transform-box: fill-box;
		transform-origin: center;
	}
	
	@media(max-width:980px){
		.fd-column-reverse-sm{
			display:flex;
			flex-direction: column-reverse;
		}
	}
	
	#brand-building{
		position:absolute;
		z-index:10;
		transform: translateY(-120px);
		left:auto!important;
		top:auto!important;
	}
	
	
	.toggler-section{
		transition:width .4s, height 1s;
	}
	
	.toggler-section.toggler-open-to-right{
		width:52%!important;
		margin-left:5%!important;
	}
	.toggler-section.open{
		width:90%!important;
		min-height:700px;
	}
	
	.show-1200-and-below{
		display:none;
	}
	
	.hide-1200-and-below{
		display:block;
	}
	
	@media(max-width:1200px){
		.toggler-section.toggler-open-to-right{
			width:90%!important;
			margin-left:5%!important;
		}
		.toggler-section.toggler-open-to-left{
			width:90%!important;
			margin-right:5%!important;
		}
	
		.toggler-section .toggler-row-open, 
		.toggler-section .toggler-row-closed{
			flex-wrap:wrap;
		} 
	
		#brand-building{
			position:relative!important;
			transform: translateY(0px);
			margin-bottom:0;
		}
		.show-1200-and-below{
			display:block;
		}
		.hide-1200-and-below{
			display:none;
		}
	}
	
	.button-primary.button-fixed{
		color: black;
		font-size: 1rem;
		padding-left: 0;
		font-weight: 600 !important;
		margin-top: 20px;
	}
	
	.et_pb_bg_layout_dark .button-primary.button-fixed{
		color: white;
	}
	
	.button-primary.button-fixed:hover{
		background:transparent;
		padding-left:0;
		color:var(--green);
	}
	
	.toggler-open-to-right{}
	
	
	.toggler-section .toggler-row-open{
		display:none;
	}
	
	.toggler-section h3, .toggler-section h3 {
		text-transform: uppercase!important;
		font-size: 1.1rem!important;
		letter-spacing: 5px!important;
		line-height: 1.8em!important;
		margin-top:1rem;
	}
	
	
	
	
	.service-words{
		text-transform: uppercase;
		letter-spacing: 1.8rem;
		display: inline-block;
	}
	
	.list-bracketed ul{
		padding: 10px 0 10px 30px!important;
		list-style: none!important;
		margin: 0px 0 0px 10px!important;
		border: 1px #b5c72b solid;
		border-width: 0 0 0 1px;
		position:relative;
	}
	.list-bracketed ul li{
		line-height: 1.4rem;
		margin-bottom:1.1rem;
	}
	
	.list-bracketed ul li:last-child{margin-bottom:2px}
	
	.list-bracketed ul::before,
	.list-bracketed ul::after {
		content: "";
		position: absolute;
		left: 0px;
		top: 0;
		width: 34px;
		height: 1px;
		background: #b5c72b;
	}
	
	.list-bracketed ul::after {
		top: unset;
		bottom:0px;
	}
	
	
	
	
	.simple-image-grid-1-2 > .et_pb_column{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 800px;
		width: 100%;
		justify-content: stretch;
		gap: 26px;
	}
	
	.simple-image-grid-1-2 > .et_pb_column > .et_pb_module {
		width: 50%;
		margin: 0;
		height: auto;
		flex-grow:1;
	}
	
	.simple-image-grid-1-2 > .et_pb_column > .et_pb_image.et_pb_module > span{
		height:100%;
	}
	.simple-image-grid-1-2 > .et_pb_column > .et_pb_image.et_pb_module > span img{
		height: 100%;
		object-fit: cover; 
		border-radius:3px;
	}
	
	.simple-image-grid-1-2 > .et_pb_column > .et_pb_image.et_pb_module:first-child{
		flex-basis: 100%;
	}
	
	@media(max-width:800px){
		.simple-image-grid-1-2 > .et_pb_column {
			flex-direction: row;
			height:auto;
		}
		.simple-image-grid-1-2 > .et_pb_column img {
			width: 100%!important;
			object-fit:inital;
		}
	}
	
	
	
	
	
	
	@keyframes float {
		/* Bottom of float */
		0%, 100%{
			transform:
				translate3d(0px, 0px, 0px);
			box-shadow: 
				-1px 0 2rem 0 rgba(34, 33, 81, 0.1),
				-2vw 2vw .6vw 0 rgba(34, 33, 61, 0.1);
		}
		/* Top of float */
		50%{
			transform:
				translate3d(0px, 0px, 1.9vw);
			box-shadow:
				-1px 0 2rem 0 rgba(34, 33, 81, 0.1),
				-4vw 3vw 2vw -1vw rgba(34, 33, 61, 0.09)
		}
	
	}
	
	.floaty-wrapper > div img{position:relative;}
		
	.floaty-wrapper > div img:nth-child(2n){
		z-index:123123;
		position:relative;
	}
		
	.floaty-wrapper{
		align-items: end;
		display:flex;
		justify-content: flex-end;
		align-items: flex-end;
		position:relative;
		overflow:hidden;
		height:46vw;
	}
	
	.floaty-card img{
		max-width:100%;
		animation: float 9s ease-in-out infinite forwards;
		animation-delay:-4s;
		border:inset rgba(0,0,0,.5);
		border-width:0 0 2px 2px; 
		border-radius:5px;
	}
	.floaty-card {
		background:transparent;
		max-width:20vw;
		margin:2vw 3.5vw;
		height:auto;
		transform-origin:bottom right;
		transform-style: preserve-3d;
		transform:
				translateX(13vw)
				translatey(-6vw)
				rotateX(38deg)
				rotateZ(-33deg);	
	}
	
	.floaty-card:last-child {
		transform:
				translateX(10vw)
				translateY(-10vw)
				rotateX(38deg)
				rotateZ(-33deg);	
	}
	
	
	.floaty-card:nth-child(2n) img:nth-child(2n){
		margin-top:2.5vw;
		margin-bottom: -10vw;
	}
	
	@media(max-width:700px){
		
		.floaty-card img{
			animation: float 9s ease-in-out infinite forwards;
			border-width:0 0 1px 1px;
			border-radius:2px;
		}
	
		.floaty-wrapper{
			height:56vw;
		}
		.floaty-card {
			max-width:25vw;
		}
	}
	
	
	
	
	#by-arrow .arrowhead{fill-opacity:0;}
	.draw .arrowhead
	{
		animation: fade 0.5s forwards 2s;
	}
	
	@keyframes draw {
	  from {
		stroke-dashoffset: 1;
	  }
	  to {
		stroke-dashoffset: 0;
	  }
	}
	
	@keyframes fade {
	  from {
		fill-opacity:0
	  }
	  to {
		fill-opacity:1
	  }
	}
	
	
	svg.intro {
		font-size:60px;
	}
	@media(max-width:700px){
		svg.intro {
			font-size:50px;
		}
	}
	@media(max-width:500px){
		svg.intro {
			font-size:44px;
		}
	}
	  svg.intro .text {
		display: none;
		
	  }
	  svg.intro.draw .text {
		font-family: "Gill Sans", Arial, sans-serif;
		font-weight: 200;
		/* font-size: 1.3rem; */
		font-size:1em;
		text-transform: uppercase;
		display: block;
	  }
	  svg.intro.draw .text-stroke {
		fill: none;
		z-index: 1;
		stroke: #ddd;
		stroke-width: 5px;
		stroke-dashoffset: 900;
		stroke-dasharray: 900;
		stroke-linecap: butt;
		stroke-linejoin: round;
		-webkit-animation: dash 3s ease-in-out forwards;
				animation: dash 3s ease-in-out forwards;
	  }
	  svg.intro.draw .text-stroke:nth-child(1) {
		-webkit-animation-delay: 1.0s;
				animation-delay: 1.0s;
	  }
	  svg.intro.draw .text-stroke:nth-child(2) {
		-webkit-animation-delay: 1.0s;
				animation-delay: 1.0s;
	  }
	  svg.intro.draw .text-stroke:nth-child(3) {
		-webkit-animation-delay: 1.9s;
				animation-delay: 1.9s;
	  }
	  svg.intro.draw .text-stroke-2 {
		  z-index:1;
		stroke: #333;
		-webkit-animation-delay: 2.2s;
				animation-delay: 2.2s;
	  }
	  svg.intro.draw .text-stroke:nth-child(5) {
		-webkit-animation-delay: 2.5s;
				animation-delay: 2.5s;
	  }
	  svg.intro.draw .text-stroke:nth-child(6) {
		-webkit-animation-delay: 2.8s;
				animation-delay: 2.8s;
	  }
	  
	
	@keyframes dash {
		from {
			stroke-dashoffset: 900;
		  }
		to {
		  stroke-dashoffset: 0;
		}
	  }
	


/* Work Portfolio Styles / Fiters */


.filters-title{
	font-size: 0.66rem;
	padding: 0 0 0 2px;
	line-height: 2;
	color: #888;
}

.filterable-portfolio__filters a{ 
					
		transition:color .3s;
		letter-spacing: 1px;
		font-family: "Gill Sans";
		text-transform:uppercase;
		display:block;
		padding:2px;
		line-height:1.4
}

.filterable-portfolio__filters a:hover{color:#b5c72b!important;}
		
.filterable-portfolio__filters a:not(.active){color:black;}

.work-grid .et_pb_post{
	transition:all 0.2s ease-in-out;
}
.filter-animation{
	opacity:.09;
	transform: scale(0.91)  rotateY(90deg);
}