/* WORK PAGE - PORTFOLIO */
/* ========================================================================= */
/* 
AKA: .page_work .war-work-portfolio
*/

.single-avada_portfolio .fusion-header-wrapper,
.single-post .fusion-header-wrapper
 {
	position: absolute;
	width: 100%;
}
.single-post .fusion-page-title-bar {
	display: none;
}

.war-portfolio-brick-sizer,
.war-portfolio-item
{
	width: 100%;
}
.war-portfolio-gutter-sizer
{
	width: 0;
}

@media only screen and (max-width: 800px) {
	.war-portfolio-item {
		width: 100%;
	}
	.war-portfolio-thumb img {
		width: 100%;
	}
}
@media only screen and (min-width: 800px) {
	.war-portfolio-item {
		display: inline-block;
	}

	body.home .war-portfolio-item {
		width: 31%;
		margin-right: 3%;
	}
	body.home .war-portfolio-item:nth-of-type(3n) {
		margin-right: 0!important;
	}
	body.page_home.search-filter-results {
		/* ordinary flexbox on home page */
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	body.home .search-filter-results:nth-child(3n) {
		margin-right: 0!important;
	}


	body.page_work .war-portfolio-item:not(.masonry-js)
	{
	    /* masonry */
		display: inline-block;
		width: 100%;
    }
	body.page_work .war-portfolio-item
	{
	    padding-bottom: 5vw;
	}
	/* css masonry */

	.war-portfolio-brick-sizer,
	.war-portfolio-item
	{
		width: 30%;
	}
	.war-portfolio-gutter-sizer
	{
		width: 5%;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1024px) { 
/* 1200? */
	/* masonry */
/* 
	body.page_work .search-filter-results:not(.masonry-js),
	{
	    column-count: 2;
	    column-gap: 5vw;
	}		
 */
}

@media only screen and (min-width: 1440px) {
	body.page_work .search-filter-results:not(.masonry-js) 
	{
	    -webkit-column-gap: 70px;
	            -moz-column-gap: 70px;
	         column-gap: 70px;
	}
	body.page_work .war-portfolio-item:not(.masonry-js)
	{
	    padding-bottom: 70px;
	}
	body.page_work .war-portfolio-item
	{
	    padding-bottom: 70px;
	}
}





/* All sections
---------------------------------------------------------------------------- */

.war-case-text-and-image {
	/* full width 50/50 split, text on left, image on right */
	/* includes: intro, approach, payoff */
}
.war-case-text-and-image-image > .fusion-column-wrapper {
	/* force right-side image to 720x900 aspect ratio */
	/* includes: intro, approach, payoff */	
}

/* @media only screen and (max-width: 800px) {
    .war-case-text-and-image:not(.flipped) {
		padding-top: 13vw!important;
	}
} */
@media only screen and (min-width: 800px) {
  
  .war-case-text-and-image:not(.no-pad-top, .no-padding-top, .war-section-intro)
  {
		padding-top: 6vw!important;
  }
  .war-case-text-and-image.no-pad-top,
  .war-case-text-and-image.no-padding-top 
  {
		padding-top: 0!important; 
  }
  .war-case-text-and-image {
		padding-right: 0!important;
		padding-left: 0!important;
	}
	.war-case-text-and-image > .fusion-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}



.war-case-text-and-image-image .fusion-text {
	opacity: 0; 
}
.war-align-below-header {
	/* TO DO */
	/* for titles and text like THE CHALLENGE */
	/* to align body text on right with title text on left */
}

@media only screen and (max-width: 800px) {
	.war-section-padded:not(.no-pad-top-mobile, .no-padding-top-mobile),
	.war-padded-section,
	.war-padded-container,
	.war-case-text-and-image:not(.war-section-intro, .no-pad-top-mobile, .no-padding-top-mobile),
	.war-case-text-and-image:not(.flipped):not(.war-section-intro)
	{
		padding-top: 13vw!important;
	}
	.war-case-text-and-image:not(.flipped) > .fusion-row > .fusion-column-first {
		padding-left: 6.5%;
		padding-right: 6.5%;
	}
	.war-case-text-and-image.flipped:not(.war-section-intro) > .fusion-row > .fusion-column-last 
	{
		padding-left: 6.5%;
		padding-right: 6.5%;
	}
  .war-case-text-and-image.flipped:not(.war-section-intro) > .fusion-row > .fusion-column-last:not(.no-pad-top-mobile, .no-padding-top-mobile) 
	{
		padding-top: 13vw!important;
	}

	.war-case-text-and-image .war-case-text-and-image-image .fusion-imageframe,
	.war-case-text-and-image .war-case-text-and-image-image .fusion-imageframe img
	{
		width: 100%;
	}	
}
@media only screen and (min-width: 800px) {
	.war-case-text-and-image {
		/* includes: intro, approach, payoff */	
	}
	.war-case-text-and-image > .fusion-row > .fusion-column-first {
		width: 50%!important; 
		margin-right: 0!important;
		padding-right: 4%!important;
	}
	.war-case-text-and-image:not(.flipped) > .fusion-row > .fusion-column-first > .fusion-column-wrapper {
		padding-left: 13%!important;
	}
	.war-case-text-and-image:not(.flipped) > .fusion-row > .fusion-column-last {
		/* override avada width calculation for bleed images */
		width: 50%!important;
	}
	.war-case-text-and-image.flipped > .fusion-row > .fusion-column-last {
    padding-right: 4%;
	}
	.war-case-text-and-image.flipped .war-case-text-and-image-text {

	}
	
	.war-case-text-and-image:not(.flipped) > .fusion-row > .fusion-column-last > .fusion-column-wrapper {
		margin-right: -1px;
	}
	.war-case-text-and-image.flipped > .fusion-row > .fusion-column-first > .fusion-column-wrapper {
		margin-left: -1px;
	}

	.war-case-text-and-image .war-case-text-and-image-image .fusion-imageframe,
	.war-case-text-and-image .war-case-text-and-image-image .fusion-imageframe img 
	{
		width: 100%;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1024px) {
	.war-case-text-and-image > .fusion-row > .fusion-column-first {
		padding-top: 4vw;
	}
}
@media only screen and (min-width: 1440px) {
	.war-case-text-and-image > .fusion-row > .fusion-column-first > .fusion-column-wrapper {
/* 		padding-left: 13%!important; */
	}
}

@media only screen and (max-width: 800px) {
	.war-case-overhead {
		font-size: calc( 16px + 1vw );
	}
	.war-case-overhead p {
		margin-bottom: 0;
	}
}
.war-case-overhead {
	/* the section label */
	font-family: "PlexesBookPro";
    letter-spacing: 3px;
    text-transform: uppercase;
}

@media only screen and (min-width: 800px) {
	.war-case-overhead {
	    font-size: calc( 10px + .5vw );
		margin-bottom: calc( 4px + .25vw );
	}
	.war-case-overhead p {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 1024px) {
	.war-case-overhead {
	    font-size: calc( 10px + 1vw );
		margin-bottom: calc( 10px + .75vw );
	}
}
@media only screen and (min-width: 1440px) {
	.war-case-overhead {
	    font-size: 24px;
    	margin-bottom: 20px;
	}
}

@media only screen and (max-width: 800px) {
	.war-case-head {
	    font-size: calc( 24px + 2.0vw );
	    line-height: calc( 24px + 2.0vh );
	}
}
.war-case-head {
    font-family: "PlexesBlackPro";
    text-transform: uppercase!important;
    letter-spacing: 1px;
    position: relative;
/* 
    font-size: 50px;
    line-height: initial;	
 */
}
@media only screen and (min-width: 800px) {
	.war-case-head {
	    font-size: calc( 11px + 2.0vw );
	    line-height: calc( 11px + 2.2vw );
	    margin-bottom: .5vw;
	}
	.war-case-head p {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 1024px) {
	.war-case-head {
	    font-size: calc( 15px + 2.2vw );
	    line-height: calc( 15px + 2.5vw );
	    margin-bottom: calc( 15px + 1.0vw );
	}
}
@media only screen and (min-width: 1440px) {
	.war-case-head {
		font-size: 48px;
		line-height: 58px;
		margin-bottom: 30px;
	}
}

/* 
.war-section-challenge .war-case-head:before {
	content: "THE CHALLENGE";
}
.war-section-approach .war-case-head:before {
	content: "THE APPROACH";
}
.war-section-payoff .war-case-head:before {
	content: "THE PAYOFF";
}
 */

/* 
.war-case-head:before {
	font-family: "PlexesBookPro";
    letter-spacing: 3px;
    text-transform: uppercase;
    position: absolute;
	font-size: calc( 10px + 1vw );
 */
	/* spacing + font size + line height of line it's above */
/* 
    top: calc( -35px + -2vw );    
}
 */

/* .fusion-fullwidth.fusion-builder-row-1 a:not(.fusion-button):not(.fusion-builder-module-control):not(.fusion-social-network-icon):not(.fb-icon-element):not(.fusion-countdown-link):not(.fusion-rollover-link):not(.fusion-rollover-gallery):not(.add_to_cart_button):not(.show_details_button):not(.product_type_external):not(.fusion-quick-view):not(.fusion-rollover-title-link), 
.fusion-fullwidth.fusion-builder-row-1 a:not(.fusion-button):not(.fusion-builder-module-control):not(.fusion-social-network-icon):not(.fb-icon-element):not(.fusion-countdown-link):not(.fusion-rollover-link):not(.fusion-rollover-gallery):not(.add_to_cart_button):not(.show_details_button):not(.product_type_external):not(.fusion-quick-view):not(.fusion-rollover-title-link):before, 
.fusion-fullwidth.fusion-builder-row-1 a:not(.fusion-button):not(.fusion-builder-module-control):not(.fusion-social-network-icon):not(.fb-icon-element):not(.fusion-countdown-link):not(.fusion-rollover-link):not(.fusion-rollover-gallery):not(.add_to_cart_button):not(.show_details_button):not(.product_type_external):not(.fusion-quick-view):not(.fusion-rollover-title-link):after {
	color: rgb(237, 75, 31)!important;	
} */

.war-case-body a,
body.single-avada_portfolio article a,
body.single-post article a
{
	color: rgb(237, 75, 31)!important;
}

@media only screen and (max-width: 800px) {
	.war-case-body {
		font-size: calc( 16px + .5vw );
		line-height: calc( 20px + 2.0vw );
	}
}
@media only screen and (min-width: 800px) {
	.war-case-body {
		font-size: calc( 9px + .5vw );
    	line-height: calc( 9px + 1.25vw );
    	margin-bottom: calc( 2em + 1.0vw );
	}
}
@media only screen and (min-width: 1024px) {
	.war-case-body {
		font-size: calc( 9px + .75vw );
    	line-height: calc( 9px + 1.5vw );
	}
}
@media only screen and (min-width: 1440px) {
	.war-case-body {
		font-size: 18px;
		line-height: 31.5px;
		margin-bottom: 45px;
	}
}


.war-factoid {
	margin-bottom: 30px!important;
	max-width: 50%!important;
}
@media only screen and (min-width: 800px) {
	.war-factoid {
		margin-bottom: calc( 4px + .5vw );
	}
	.war-factoid:last-of-type,
	.war-factoid:nth-last-of-type(2) {
		margin-bottom: 0px!important;
	}
}
@media only screen and (min-width: 1024px) {
	.war-factoid {
		margin-bottom: calc( 10px + 1vw );
	}
}
.war-factoid-label {
	margin-bottom: 0;
    font-size: 24px;
    letter-spacing: 1px;
    font-family: "PlexesBookPro";
    text-transform: uppercase;
}
.war-factoid p {
	margin-bottom: 0;
}
.war-factoid-number p {
	/* uses .hell-bent-text */
	font-size: 70px;
    font-family: "PlexesBlackPro";
    line-height: initial;
    margin: 0;

	background: -webkit-linear-gradient(70deg, var(--war-red), var(--war-orange) 75%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.war-factoid-number.infinity img {
    height: 45px;
    width: auto;
    vertical-align: baseline;
}

@media only screen and (min-width: 800px) {
	.war-factoid-label {
		font-size: calc( 10px + .9vw );
		line-height: calc( 10px + .9vw );
	}
	.war-factoid-number p {
		font-size: calc( 10px + 4vw );
		line-height: calc( 10px + 4vw );
	}
	.war-factoid-number.infinity img {
		height: 3.25vw;
	}
}
@media only screen and (min-width: 1440px) {
	.war-factoid-label {
		font-size: 23px;
		line-height: 22px;
	}
	.war-factoid-number p {
		font-size: 70px;
		line-height: 67px;
	}
	.war-factoid-number.infinity img {
	    height: 45px;
	}
}
.war-case-fullwidth {
	padding-left: 0!important;
	padding-right: 0!important;
}







/* Section 1: Intro 
---------------------------------------------------------------------------- */

.war-section-intro {
}


@media only screen and (min-width: 800px) {
	.war-section-intro {
/* 		padding-top: 6vw!important; */
		padding-right: 0!important;
		padding-left: 0!important;
	}
	.war-section-intro > .fusion-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}




@media only screen and (max-width: 800px) {
	.war-section-intro {
		padding-top: 0px!important;
	}

	.war-section-intro > .fusion-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.war-section-intro-text {
		padding-top: 30px!important;
	}
	.war-case-clientname img {
		/* 6.5vw */
	}

}
@media only screen and (min-width: 800px) {
	.war-section-intro {
		padding-top: 0px!important;
	}
}
@media only screen and (min-width: 1440px) {
	.war-section-intro > .fusion-row > .fusion-column-first > .fusion-column-wrapper {
		padding-left: 13%!important;
	}
}

/* .single-post  */
.single-avada_portfolio .war-section-intro {
	opacity: 0;
	-webkit-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.war-section-intro.loaded {
	opacity: 1;
}

.war-section-intro-text {
/* 	opacity: 0; */
	-webkit-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.war-section-intro-text.loaded {
	opacity: 1;
}
.war-section-intro-image {
}
.war-section-intro-image .fusion-text {
	opacity: 0;
}

.war-case-clientname {
	font-size: 28px;
}
.ops.war-case-clientname {
	font-family: "PlexesBlackPro";
	position: relative;
    display: inline-block;
    text-indent: 10px;
    padding-right: 10px;

	/* replacing CSS treatment with vector background */
	background-image: url("/wp-content/uploads/manual/spec-ops-logo_white.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;


}
/* .ops.war-case-clientname:before {
    border-top: 3px solid white;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
            transform: translateY(50%);
    height: 50%;
    background-color: transparent;
} */
/* .war-white-background .ops.war-case-clientname:before {
    border-top: 3px solid black;
} */
.war-white-background .ops.war-case-clientname {
	background-image: url("/wp-content/uploads/manual/spec-ops-logo_black.svg");
}
.ops.war-case-clientname p {
	opacity: 0;
}

.war-case-clientname img {
	margin-right: 10px;
	width: auto;
	height: 4vw;
	max-height: 30px;
}
@media only screen and (max-width: 800px) {
	.war-case-clientname {
		font-size: 24px;
		font-weight: 600;
	}
}
@media only screen and (min-width: 800px) {
	.war-case-clientname::before {
		content: "";
		/* height: 11.5vw; */ /* 165px; */
		display: block;
	}
	.war-case-clientname {
		font-size: calc( 8px + 1.25vw ); /* 1.8vw; */
	}
	.war-case-clientname p {
		margin-bottom: 1.25vw;
	}
	.war-case-clientname img {
		height: 2.5vw;
		max-height: 24px;
	}
}
@media only screen and (min-width: 1440px) {
	.war-case-clientname::before {
		content: "";
		/* height: 165px; */
		display: block;
	}
	.war-case-clientname {
		font-size: 26px;
	}
	.war-case-clientname p {
		margin-bottom: 20px;
	}
	.war-case-clientname img {
		height: 2.5vw;
		max-height: 30px;
	}
}

.war-case-project {
	color: var(--light-gray);
	font-size: 24px;
	margin-bottom: 30px;
}
.war-white-background .war-case-project {
	color: var(--light-gray-on-white);
}
@media only screen and (min-width: 800px) {
	.war-case-project {
		font-size: calc( 9px + 1vw ); /* 1.7vw; */ /* 24px; */
		margin-bottom: 1.5vw; /* 2vw; */ /* 30px; */
	}
}
@media only screen and (min-width: 800px) {
	.war-case-project {
		font-size: calc( 9px + 1vw ); /* 1.7vw; */ /* 24px; */
		margin-bottom: 2vw; /* 30px; */
	}
}
@media only screen and (min-width: 1440px) {
	.war-case-project {
	    font-size: 23px;
	    margin-bottom: 30px;
	}
}
.war-case-intro {
  font-family: "PlexesBlackPro";
	font-size: 90px;
  line-height: 1.1em;
	margin-bottom: 95px;
	text-transform: uppercase!important;
}
@media only screen and (max-width: 800px) {
	.war-case-intro {
		font-size: 12vw;
		line-height: 13.25vw;
		margin-bottom: 14vw;
	}
}
@media only screen and (min-width: 800px) {
	.war-case-intro {
		font-size: 6vw;
		line-height: 5vw;
		margin-bottom: 4vw;
	}
	.ops.war-case-intro {
		margin-bottom: 4vw;
	}
}
@media only screen and (min-width: 1024px) {
	.war-case-intro {
		line-height: 6vw;
		margin-bottom: 4.75vw;
	}
	.ops.war-case-intro {
		margin-bottom: 4vw;
	}
}
@media only screen and (min-width: 1440px) {
	.war-case-intro {
		font-size: 86px;
		line-height: 100px;
		margin-bottom: 96px;
	}
	.ops.war-case-intro {
		margin-bottom: 66px;
	}
}
    
    
.war-case-delivery {
	font-family: "PlexesBookPro", sans-serif;
	font-size: 14px;
	color: var(--light-gray);
	margin: 0;
	margin-bottom: 5px;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
}
.war-white-background .war-case-delivery {
	color: var(--light-gray-on-white);
}
.war-case-delivery p {
/* 	margin-bottom: 0; */
}
.ops.war-case-delivery p {
	margin-bottom: 0;
}

/* .war-case-delivery:after {
	content: "DELIVERED ELEMENTS";
	position: absolute;
	top: -15px;
	font-family: "PlexesBlackPro", sans-serif;
	font-size: 14px;
	color: var(--light-gray);
} */

.ops.war-case-delivery:after {
	content: "";
	position: unset;
	top: unset;
	font-family: "PlexesBlackPro", sans-serif;
	font-size: 14px;
	color: var(--light-gray);
}
.ops.war-case-delivery {
	font-family: "PlexesBlackPro", sans-serif;
	font-size: 14px;
}

.war-white-background .war-case-delivery:after {
	color: var(--light-gray-on-white);
}
.war-case-delivery:before {
	content: "";
	width: 50px;
	height: 2px;
    background: -webkit-linear-gradient(70deg, var(--war-red), var(--war-orange) 100%);
    background-image: -webkit-linear-gradient(70deg, rgb(199, 6, 27), rgb(235, 135, 54) 100%);
    position: absolute;
    margin-top: -2vw; /* -45px; */	
}
.ops.war-case-delivery:before {
	margin-top: -3vw;
}


.war-case-categories {
}
.war-case-categories-temp {
	height: 0;
	width: 0;
	opacity: 0;
	overflow: hidden;
	font-size: 0;
}
@media only screen and (max-width: 800px) {
	.war-case-categories {
	/* 	margin-bottom: 120px; */
		margin-bottom: 6vw;
	}
	.war-case-delivery:before {
		margin-top: -24px;
	}
}

.war-case-categories p,
.war-case-categories a,
.war-case-categories span.portfolio_skills,
.war-portfolio-tags span,
li.sf-level-0,
li.war-filter-button button,
.war-password-form .fusion-button
 {
    font-family: "PlexesBookPro";
    text-transform: uppercase;
	display: inline-block;
    padding: 16px 12px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 0;
    letter-spacing: 1px;
    margin-bottom: 10px;

	position: relative;
	background: var(--war-black);
	background-clip: padding-box; /* !importanté */
	
	/*border: solid 1px transparent;*/ /* !importanté */
	/* that border was flickering */
	border: 1px solid #dc532c;

	color: white!important;
	
	-webkit-transition-duration: .35s;
	     -o-transition-duration: .35s;
	        transition-duration: .35s;
	-webkit-transition-property: background-color;
	-o-transition-property: background-color;
	transition-property: background-color;
}
/* 
.war-portfolio-tags.post span {
	border: 1px solid #fff;
}
.war-portfolio-tags.post a {
	cursor: default;
}
 */
.war-portfolio-tags div.catnamecontainer {
	display: inline-block;
}

@media only screen and (min-width: 800px) and (max-width: 1024px) {
	.war-case-categories p,
	.war-case-categories a,
	.war-case-categories span.portfolio_skills,
	.war-portfolio-tags span,
	li.sf-level-0,
	li.war-filter-button button
	{
/* 		padding: 12px 8px; */
	}
}
@media only screen and (min-width: 800px) {
	/* don't use hover effects on mobile */
	.war-case-categories p:hover,
	.war-case-categories a:hover,
	.war-portfolio-tags span:hover,
	li.sf-level-0:hover,
	li.war-filter-button button:hover,
	.war-white-background .war-case-categories p:hover,
	.war-white-background .war-case-categories a:hover,
	.war-white-background .war-portfolio-tags span:hover,
	.war-white-background li.sf-level-0:hover,
	.war-white-background li.war-filter-button button:hover
	{
		background-color: transparent!important;
	}
}
    
.war-case-categories br { display: none; }
.war-case-categories p:before,
.war-case-categories a:before,
.war-portfolio-tags span:before,
li.sf-level-0:before,
li.war-filter-button button:before
{
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -1px; 
    /* !importanté */
	background: -o-linear-gradient(left, var(--war-red), var(--war-orange));
	background: -webkit-gradient(linear, left top, right top, from(var(--war-red)), to(var(--war-orange)));
	background: linear-gradient(to right, var(--war-red), var(--war-orange));
    background: -webkit-linear-gradient(30deg, var(--war-red), var(--war-orange) 100%);
    background-image: -webkit-linear-gradient(30deg, rgb(199, 6, 27), rgb(235, 135, 54) 100%);

}


.war-isotope-search .sf-field-search {
	margin-bottom: calc( 30px + 1.5vw );
}
@media only screen and (min-width: 1440px) {
	.war-isotope-search .sf-field-search {
	    margin-bottom: 45px;
	}
}
.war-filter-ui-group br,
.war-filter-ui-group.skills/*,
.war-filter-ui-group.locations */
{
	display: none;
}
li.war-filter-button {
	display: inline-block!important;
	list-style: none;	
}
@media only screen and (max-width: 800px) {
	li.war-filter-button {
		padding: 0!important;
	}
}
li.war-filter-button button {
	text-transform: uppercase;
	cursor: pointer;
	padding-left: 28px;
}
li.war-filter-button button:after {
    content: "+";
    color: #ffffff;
    font-family: sans-serif;
    font-size: 22px;
    position: absolute;
    left: 2px;
    top: 0;
    font-weight: 100;
    margin-top: 10px;
    margin-left: 4px;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .25s;
         -o-transition-duration: .25s;
            transition-duration: .25s;
}

li.war-filter-button button.is-checked {
/*     background: unset;	 */
}
li.war-filter-button button:focus,
li.war-filter-button button.is-checked:focus
{
    outline: none!important;
}
li.war-filter-button button.is-checked:after {
    -webkit-transform: rotateZ(45deg);
        -ms-transform: rotate(45deg);
            transform: rotateZ(45deg);
}

li.war-filter-button.war-filter-clear {
	opacity: 0;
	width: 0!important;
	height: 0!important;
}

.war-filters h4 {
	color: #fff!important;
    font-size: 18px!important;
    font-family: "PlexesBlackPro", sans-serif!important;
}

.war-filters ul {
	padding: 0;
}

/* Section 2: Intro Vid 
---------------------------------------------------------------------------- */

.war-section-introvid {
}
.war-section-introvid .fluid-width-video-wrapper,
.war-case-introvideo .fluid-width-video-wrapper
 {
	padding-top: 56.25%!important;
	/* max */
}
.war-section-introvid .war-case-introvideo, 
.war-case-introvideo 
{
	max-width: unset!important;
	max-height: unset!important;
}

.war-video-container .war-video-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
	
	/* temp -1 until play button is in place */
	z-index: 1;
}
.war-video-container.active .war-video-poster,
.war-video.active .war-video-poster,
.active .war-video-poster 
{
	opacity: 0;
	pointer-events: none;
}

.war-video {
	opacity: 0;
	-webkit-transition-duration: .5s;
	     -o-transition-duration: .5s;
	        transition-duration: .5s;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.war-video.loaded {
	opacity: 1;
}

.war-video-container .war-video-poster img {
	width: 100%;
}
.war-video-container .war-video-poster .war-video-play-button,
.war-video .war-video-play-button,
.war-video-poster .war-video-play-button,
.war-video-play-button 
{
	position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    top: 0;
/*     transform: translateX(-50%) translateY(-50%); */
/*     margin-left: 50%; */
/*     top: 50%; */
    tranform-property: opacity;
    transform-duration: .5s;
    cursor: pointer;
}
.war-video-square .war-video-play-button,
.war-video-square .war-video-play-button
{
    transform: translateX(-50%) translateY(-50%);
    margin-left: 50%;
    top: 50%;
}
.videobuttoncolor_white .war-video-play-button polygon {
  stroke: #FFFFFF!important;
}
.videobuttoncolor_black .war-video-play-button polygon {
  stroke: #000000!important;
}
.active .war-video-play-button {
	opacity: 0;
	pointer-events: none;
}

.war-video-container .war-video-close-button,
.war-work-hero .war-video-close-button,
.war-video .war-video-close-button
 {
    position: absolute;
    left: 20px;
    color: #eee;
    z-index: 10;
    display: none;
    opacity: 0;
    text-transform: uppercase;
    font-family: "PlexesBlackPro";
    letter-spacing: 1px;
    font-size: calc( 12px + .5vw );
    tranform-property: opacity;
    transform-duration: .5s;
    cursor: pointer;
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}
.war-video.fusion-vimeo .war-video-close-button
 {
  top: 20px;
}
.war-video.fusion-youtube .war-video-close-button
 {
  top: 50px;
}
.war-work-hero .war-video-close-button {
	bottom: 30px;
    top: unset;
    left: 65px;
}
.war-video-container.active .war-video-close-button,
.war-work-hero.active .war-video-close-button,
.war-video.active .war-video-close-button,
.active .war-video-close-button 
{
    display: block;
    opacity: 1;    
}    
.war-work-hero.active .war-video-close-button, 
.war-video.active .war-video-close-button,
.active .war-video-close-button
{
}




/* Section 3: Challenge 
---------------------------------------------------------------------------- */

.war-section-challenge {
}
.war-section-challenge > .fusion-row > .fusion-column-first {
}
.war-section-challenge > .fusion-row > .fusion-column-last {
}
.war-section-challenge .war-case-overhead {
}
@media only screen and (min-width: 800px) {
	.war-section-challenge {
		padding-top: 7.5vw!important;
		padding-bottom: 7.5vw!important;
	}
}






/* Section 3: Approach
---------------------------------------------------------------------------- */

.war-section-approach {
}
.war-section-approach > .fusion-row > .fusion-column-first {
}
.war-section-approach > .fusion-row > .fusion-column-last {
}

@media only screen and (max-width: 800px) {
	.war-section-approach:not(.no-pad-top, .no-padding-top, .no-pad-top-mobile, .no-padding-top-mobile) 
  {
		padding-top: 13vw!important;
	}
}
@media only screen and (min-width: 800px) {
	.war-section-approach:not(.no-pad-top, .no-padding-top) {
		padding-top: 6vw!important;
  }
	.war-section-approach.no-pad-top,
	.war-section-approach.no-padding-top 
  {
		padding-top: 0!important;
  }
  .war-section-approach {
		padding-right: 0!important;
		padding-left: 0!important;
	}
	.war-section-approach > .fusion-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}


.war-section-approach-text {
}
.war-section-approach-image {
}





/* Section 5: Payoff
---------------------------------------------------------------------------- */

.war-section-payoff {
}
.war-section-payoff > .fusion-row > .fusion-column-first {
}
.war-section-payoff > .fusion-row > .fusion-column-last {
}
.war-section-payoff-text {
}
.war-section-payoff-image {
}

@media only screen and (max-width: 800px) {
	.war-section-payoff {
		padding-top: 13vw!important;
	}
}
@media only screen and (min-width: 800px) {
	.war-section-payoff {
		padding-right: 0!important;
		padding-left: 0!important;
	}
	.war-section-payoff > .fusion-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}




/* Section ?: Campaign 
---------------------------------------------------------------------------- */

.war-section-campaign {
}
.war-section-campaign > .fusion-row > .fusion-column-first {
}
.war-section-campaign > .fusion-row > .fusion-column-last {
}
.war-section-campaign .war-case-overhead {
}
@media only screen and (min-width: 800px) {
	.war-section-campaign {
		padding-top: 7.5vw!important;
/* 		padding-bottom: 7.5vw!important; */
	}
}
.war-case-video-title {
}
.war-case-video-title {
	font-family: "PlexesBlackPro", sans-serif;
	font-size: 14px;
	color: var(--light-gray);
	margin: 0;
	margin-bottom: 5px;
	line-height: 15px;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
    margin-top: 2vw;	
}
.war-white-background .war-case-video-title {
	color: var(--light-gray-on-white);
}
.war-case-video-title p {
/* 	margin-bottom: 0; */
}
.war-case-video-title:before {
	content: "";
	width: 50px;
	height: 2px;
    background: -webkit-linear-gradient(70deg, var(--war-red), var(--war-orange) 100%);
    background-image: -webkit-linear-gradient(70deg, rgb(199, 6, 27), rgb(235, 135, 54) 100%);
    position: absolute;
    margin-top: -1vw;	
}



span.war-case-campaign-video-poster,
span.war-video-poster
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 56.25%;
}

.war-video-square span.war-case-campaign-video-poster,
.war-video-square span.war-video-poster,
.war-vimeo-square span.war-case-campaign-video-poster,
.war-vimeo-square span.war-video-poster,
.war-square-video span.war-case-campaign-video-poster,
.war-square-video span.war-video-poster,
.war-square-vimeo span.war-case-campaign-video-poster,
.war-square-vimeo span.war-video-poster
{
	padding-top: 100%;
}

span.war-case-campaign-video-poster img,
span.war-video-poster img
{
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
.fluid-width-video-wrapper {
	padding-top: 56.25%!important;
}
.war-video-720x900 .fluid-width-video-wrapper {
	padding-top: 125%!important;
}
.war-video-square .fluid-width-video-wrapper,
.war-vimeo-square .fluid-width-video-wrapper,
.war-square-video .fluid-width-video-wrapper,
.war-square-vimeo .fluid-width-video-wrapper 
{
	padding-top: 100%!important;
}
.war-video-9x16 .fluid-width-video-wrapper {
	padding-top: 177%!important;
}
	
.war-full-width-image-column {

}

.war-full-width-image {
  text-align: center!important;
}
.war-full-width-image .fusion-imageframe,
.war-full-width-image .fusion-imageframe img,
.war-full-width-image.fusion-imageframe,
.war-full-width-image.fusion-imageframe img 
{
	width: 100%;
	height: auto;
}


.war-gutterless-column,
.war-gutterless-image-column {
	margin-right: 0!important;
}




/* SINGLE PARAGRAPH
*/

.war-single-paragraph h1, 
.war-single-paragraph h2,
.war-single-paragraph h3 {
    font-family: "PlexesBlackPro"!important;
    color: white!important;
}
.war-single-paragraph h1, 
.war-single-paragraph h2 {
    font-size: 30px!important;
}
.war-single-paragraph h3 {
    font-size: 25px!important;
}

.war-single-paragraph {
    padding: 6.5%!important;
}
:not(.war-white-background) .war-single-paragraph,
:not(.war-white-background) .war-single-column-container .fusion-text,
.war-single-column-container .fusion-imageframe,
.war-single-column-container .fusion-vimeo,
.war-full-width-image-container .fusion-vimeo {
    font-family: "PlexesBlackPro";
    text-align: center;
    text-transform: uppercase;
    font-size: calc( 15px + 2.2vw );
    line-height: calc( 15px + 3vw );
    color: white;
}

.war-white-background .war-single-paragraph h1, 
.war-white-background .war-single-paragraph h2,
.war-white-background .war-single-paragraph h3,
.war-white-background .war-single-paragraph,
.war-white-background .war-single-paragraph p,
.war-white-background .war-single-column-container .fusion-text,
.war-white-background .war-single-column-container .fusion-imageframe,
.war-white-background .war-single-column-container .fusion-vimeo,
.war-white-background .war-full-width-image-container .fusion-vimeo {
    color: black!important;
}



/* PORTFOLIO SINGLE POST */
/* ========================================================================= */


.portfolio-full .flexslider {
    margin-bottom: 0px!important; 
    /* remove gap at top of portfolio page, brings content to top of window */
}



.war-section-next {
	height: 0;
	display: none;
}




/*  war-case-article-pullquote
---------------------------------------------------------------------------- */
.war-case-article-pullquote 
{
    font-family: "PlexesBlackPro";
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
    position: relative;
}
.war-case-article-pullquote.v1
{
    margin-left: 10%;
    margin-right: 10%;
}
.war-case-article-pullquote.v2
{
    margin-left: 15%;
    margin-right: 15%;
}
.war-case-article-pullquote.v3
{
    margin-left: 25%;
    margin-right: 25%;
}
.war-case-article-pullquote p
{
    margin-bottom: 0;
}
.war-case-article-pullquote.v2,
.war-case-article-pullquote.v3,
.war-case-article-pullquote.v2 p,
.war-case-article-pullquote.v3 p
{
    color: var(--war-red)!important;
}
.war-case-article-pullquote.v2 p,
.war-case-article-pullquote.v3 p
{
    letter-spacing: 10px;
}
.war-case-article-pullquote.v1:before {
    content: "";
    background: -webkit-linear-gradient(70deg, var(--war-red), var(--war-orange) 100%);
    background-image: -webkit-linear-gradient(70deg, rgb(199, 6, 27), rgb(235, 135, 54) 100%);
    background-repeat: no-repeat;
    position: absolute;
    -webkit-transform: translateX(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) rotate(-45deg);
            transform: translateX(-50%) rotate(-45deg);
    height: 7px;
    width: 370px;
    top: 50%;
}
body.single-avada_portfolio .war-case-article-pullquote 
{
        margin-bottom: 3em;
}
/* body.single-avada_portfolio .war-case-article-pullquote.v3 .fusion-column-wrapper:before, */
body.single-avada_portfolio .war-case-article-pullquote.v3:before {
    /* stripes! */
    content: "";
    background-image: -o-linear-gradient(315deg, #ffffff 22.73%, #dbdbdb 22.73%, #dbdbdb 50%, #ffffff 50%, #ffffff 72.73%, #dbdbdb 72.73%, #dbdbdb 100%);
    background-image: linear-gradient(135deg, #ffffff 22.73%, #dbdbdb 22.73%, #dbdbdb 50%, #ffffff 50%, #ffffff 72.73%, #dbdbdb 72.73%, #dbdbdb 100%);
    background-size: 11.00px 11.00px;
    height: 110%;
    width: 27%;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-5%);
        -ms-transform: translateX(-50%) translateY(-5%);
            transform: translateX(-50%) translateY(-5%);
    left: 0;
    top: 0;
    margin-left: 50%;
    z-index: 0;
}
body.single-avada_portfolio .war-case-article-pullquote.v3 .fusion-row {
    z-index: 1;
}

@media only screen and (max-width: 800px) {
    .war-case-article-pullquote.v1,
    .war-case-article-pullquote.v2
    {
	    font-size: calc( 24px + 2.0vw );
	    line-height: calc( 24px + 2.0vh );
	}
    .war-case-article-pullquote.v3
    {
	    font-size: calc( 24px + 4.0vw );
	    line-height: calc( 24px + 4.0vh );
    }
    .war-case-article-pullquote
    {
        margin-top: 2em;
        margin-bottom: 2em;
    }
}

@media only screen and (min-width: 800px) {
    .war-case-article-pullquote.v1,
    .war-case-article-pullquote.v2
    {
	    font-size: calc( 11px + 2.0vw );
	    line-height: calc( 11px + 2.2vw );
	    margin-bottom: 4vw;
	}
    .war-case-article-pullquote.v3
    {
	    font-size: calc( 11px + 3.0vw );
	    line-height: calc( 11px + 3.3vw );
	    margin-bottom: 4vw;
	}
    .war-case-article-pullquote
    {
	    margin-top: 4vw;
	}
}

@media only screen and (min-width: 1024px) {
    .war-case-article-pullquote.v1,
    .war-case-article-pullquote.v2
    {
	    font-size: calc( 15px + 2.2vw );
	    line-height: calc( 15px + 2.5vw );
	    margin-bottom: calc( 15px + 4.0vw );
	}
    .war-case-article-pullquote.v3
    {
	    font-size: calc( 15px + 4.2vw );
	    line-height: calc( 15px + 4.5vw );
	    margin-bottom: calc( 15px + 4.0vw );
	}
    .war-case-article-pullquote
    {
	    margin-top: calc( 15px + 4.0vw );
	}
}

@media only screen and (min-width: 1440px) {
    .war-case-article-pullquote.v1,
    .war-case-article-pullquote.v2
    {
		font-size: 48px;
		line-height: 58px;
		margin-bottom: 80px;
	}
    .war-case-article-pullquote.v3
    {
		font-size: 58px;
		line-height: 60px;
		margin-bottom: 80px;
	}
    .war-case-article-pullquote
    {
		margin-top: 80px;
	}
}