/*!
Theme Name: WD Partners 2025
Author: Ian Quinn
Author URI: https://www.wdpartners.com
Description: Innovation & Scale
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: wdpartners

WD Partners 2025 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
	max-inline-size: 100%;
}

img {
	height: auto;
	max-width: 100%;
	max-inline-size: 100%;
	block-size: auto; 
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# 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;
}

/* 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;
}

.thumbnail { width: 600px; }

/* START WD PARTNERS 2025 */

.thumbnail { border-radius: 10px; }

:root {
  --brand: #00bdef;
  --ops: #315abc;
  --build: #3da79c;
}

.brand li.active .arrow { background-color: var(--brand); }
.brand li.active p { color: var(--brand); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }

.ops li.active .arrow { background-color: var(--ops); }
.ops li.active p {	color: var(--ops); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }

.build li.active .arrow { background-color: var(--build); }
.build li.active p { color: var(--build); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;  }

html { 
	font-size: 10px;
}

body { 
	margin: 0;
	padding: 0;
	font-family: "proxima-nova", helvetica, sans-serif;
	background-color: #f3f3f3;
	/* color: #607380; */
	/* color: #1A1818; */
	color: #53555a;
	font-size: 1.8rem;
	scroll-behavior: smooth;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}

a:link, a:visited { 
	color: #ee2737;
	text-decoration: none; 
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

a:hover, a:active, a:focus { 
	color: #53555a;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

h1, h2, h3, h4, h5, h6 {
	color: inherit;
	margin: .5em 0 .25em 0;
	font-weight: 600;
	line-height: 1.25em;
	font-family: "neue-haas-grotesk-display", "proxima-nova", helvetica, sans-serif;
	vertical-align: middle;
}

h1 { font-size: 2em; font-weight: 700; }
h2 { font-size: 1.8em; font-weight: 700; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

img { 
	border: 0;
	max-width: 100%;  
	max-inline-size: 100%;
	block-size: auto; 
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

video {
    /* object-fit: fill; */
	max-width: 100%;
	max-inline-size: 100%;
	block-size: auto; 
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

p { 
	margin: .5em 0 .25em 0;
	line-height: 1.5em; } 

ul, ol {
    margin: 0 0 1em 1em;
    padding: 0 0 0 1em; }

ul { list-style-type: square; }

li > ul { margin: .5em 1.5em; }

li {
	line-height: 1.5em;
	margin-bottom: .5em;
}

::selection { background: #ee2737; color: white; }

::-moz-selection { background: #ee2737; color: white; }

html :where([style*=border-color]) { border-style: none; }

blockquote {
	margin: 1em auto;
  	padding: .25em 1em;
    border-left: 2px solid #ee2737;
    font-size: 1em;
	background: #ffffff;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

blockquote p, blockquote h4, blockquote h3, blockquote h2, blockquote h1 {
	margin: .5em auto .25em auto;
}

iframe { max-width: 100%; }

button, input, select, optgroup, textarea { font-size: 1em; }

figure { margin: auto; }

.fields-font, .fields {
	font-family: fields, "proxima-nova", helvetica;
    font-weight: 700;
}

h3>span.fields {
    font-size: 1.1em;
}

.red-font { color: #ee2737; }

.fluid-width {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin: 1em auto;
}

.fluid-width iframe, .fluid-width video {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.parallax { 
	opacity: 0;
	transform: translate(0, 50px);  
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	-ms-transition: all .75s ease;
	transition: all .75s ease;
}

.parallax.moveLeft {
	transform: translate(100%, 0px);  
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}

.parallax.moveUp {
	transform: translate(0, 0); 
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	-ms-transition: all .75s ease;
	transition: all .75s ease;
}

.parallax.fadeIn {
	opacity: 1;
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	-ms-transition: all .75s ease;
	transition: all .75s ease;
}

.parallax.fadeOut {
	opacity: 0;
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	-ms-transition: all .75s ease;
	transition: all .75s ease;
}

.clear { clear: both; margin: 0; padding: 0; line-height: 0; }

.flex { 
	display: flex;
	-ms-overflow-style: none; 
	scrollbar-width: none;
}

.flex::-webkit-scrollbar, .solution-story::-webkit-scrollbar {
	display: none;
}

.flex::-webkit-scrollbar, .flex::scrollbar, .solution-story::scrollbar {
	height: 8px;
	display: none!important;
}

.flex::-webkit-scrollbar-track, .solution-story::-webkit-scrollbar-track {
  background: none; 
}
 
.flex::-webkit-scrollbar-thumb, .solution-story::-webkit-scrollbar-thumb {
	background: none;
}

.flex::-webkit-scrollbar-thumb:hover, .solution-story::-webkit-scrollbar-thumb:hover {
	background: none;
}


.flex-container {
	display: flex; 
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
}

.container { 
	max-width: 2200px;
	width: 90%; 
	/* padding: 0 15px; */
	margin: auto; 
	position: relative; 
}

.hidden-at-1024 { display: initial!important; }
.visible-at-1024 { display: none!important; }

.hidden-at-896 { display: initial!important; }
.visible-at-896 { display: none!important; }

.hidden-at-768 { display: initial!important; }
.visible-at-768 { display: none!important; }

.hidden-at-512 { display: initial!important; }
.visible-at-512 { display: none!important; }

.hidden-at-640 { display: initial!important; }
.visible-at-640 { display: none!important; }

.grid { 
	clear: both; 
	position: relative;
  	padding: 0; 
  	height: auto;
  	margin: 0 auto;
  	margin-left: -2%;}

.col {
	float: left;
  	padding-left: 2%;
}

.col_full,
.col_1-2,
.col_1-3,
.col_2-3,
.col_1-4,
.col_2-4,
.col_3-4,
.col_1-5,
.col_2-5,
.col_3-5,
.col_4-5,
.col_1-6,
.col_2-6,
.col_3-6,
.col_4-6,
.col_5-6,
.col_1-7,
.col_2-7,
.col_3-7,
.col_4-7,
.col_5-7,
.col_6-7,
.col_1-8,
.col_2-8,
.col_3-8,
.col_4-8,
.col_5-8,
.col_6-8,
.col_7-8 {
  	float: left;
  	padding-left: 2%;
	position: relative; }

.col_full {
  	width: 100%;
	position: relative; }

.inner-wrap { 
  	color: white;
  	background: black;
  	text-align: center;
  	padding: 10px; }

.col_1-2 { 
  	width: 50%; }

.col_1-3 { 
  	width: 33.333334%; }

.col_2-3 { 
  	width: 66.666667%;}

.col_1-4 { 
  	width: 25%; }

.col_2-4 { 
  	width: 50%; }

.col_3-4 { 
  	width: 75%; }

.col_1-5 { 
  	width: 20%; }

.col_2-5 { 
  	width: 40%; }

.col_3-5 { 
  	width: 60%; }

.col_4-5 { 
  	width: 80%; }

.col_1-6 { 
  	width: 16.666667%; }

.col_2-6 { 
  	width: 33.333334%; }

.col_3-6 { 
  	width: 50%; }

.col_4-6 { 
  	width: 66.666667%; }

.col_5-6 { 
  	width: 83.333334%; }

.col_1-7 { 
  	width: 14.28571%; }

.col_2-7 { 
  	width: 28.57142%; }

.col_3-7 { 
  	width: 42.85714%; }

.col_4-7 { 
  	width: 57.14285%; }

.col_5-7 { 
  	width: 71.42857%; }

.col_6-7 { 
  	width: 85.71428%; }

.col_1-8 { 
  	width: 12.5%; }

.col_2-8 { 
  	width: 25%; }

.col_3-8 { 
  	width: 37.5%; }

.col_4-8 { 
  	width: 50%; }

.col_5-8 { 
  	width: 62.5%; }

.col_6-8 { 
  	width: 75%; }

.col_7-8 { 
  	width: 87.5%; }

.col-33, .col-50, .col-66 {
  	float: left;
  	padding-left: 2%; }

.col-50 { width: 50%; }

.col-33 { width: 33%; }

.col-66 { width: 66%; }


@media screen and (max-width: 768px) {
	
	.locations-map-overlay { font-size: 1.4em!important; }
	
	.grid { margin: auto; }
	
	.col_1-2,
	.col_1-3,
	.col_2-3,
	.col_1-4,
	.col_2-4,
	.col_3-4,
	.col_1-5, 
	.col_2-5,
	.col_3-5,
	.col_4-5,
	.col_5-5,
	.col_1-6,
	.col_2-6,
	.col_3-6,
	.col_4-6,
	.col_5-6,
	.col_6-6 {
		float: none; 
		width: 100%;
		padding: 0; 
	}
	
	.col-33, 
	.col-50, 
	.col-66 {
		float: none; 
		width: 100%;
		padding: 0; 
	}	
}

.no-js {
    position: sticky;
    top: 0;
    left: 0;
    padding: .5em 0;
    color: white;
    background: rgba(0,0,0,0.75);
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    z-index: 999999999;
}

.no-js a { 
	color: #ffffff;
	text-decoration: underline; 
}

.no-js a:hover {
	text-decoration: none;
}

.jv-careersite>iframe, #jv_careersite_iframe_id, .jv_careersite_iframe { min-height: 100vh!important; }

header#masthead {
    width: 100%;
	max-width: 100vw;
    position: fixed;
    top: 0;
    left: 0;
    height: 75px;
    background: none;
    z-index: 9999;
	vertical-align: middle;
    /* overflow: hidden; */
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	box-shadow: none;
}

header#masthead.header-top {
	background: initial!important;
}

.home header#masthead.header-top #primary-menu li a {
	color: #ffffff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

header#masthead.header-scrolled {
	background: rgba(253, 253, 253, .95)!important;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.065)!important;
}

header#masthead.header-scrolled #primary-menu li a {
	color: #53555a;
	text-shadow: none;
}

header#masthead.small-header { height: 75px; }

header#masthead.small-header .site-branding img { width: 50px; }

header#masthead.small-header nav#site-navigation { margin-top: 25px; }

.site-title {
	margin: 0;
}

.site-branding {
    float: left;
	margin-top: 15px;
	vertical-align: middle;
}

.site-branding img { width: 50px; }

nav#site-navigation {
    float: right;
	margin-top: 25px;
	vertical-align: middle;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#primary-menu {
	margin: 0;
	vertical-align: middle;
}

#primary-menu li {
	display: inline-block;
	margin: 0 1em;
	vertical-align: middle;
	text-transform: uppercase; 
	font-size: .9em;
}

#primary-menu li a, .archive #primary-menu li a  { 
	color: #53555a;
	display: block;
	border-bottom: 2px solid rgba(0,0,0,0);
	font-weight: 500;
}

.home #primary-menu li a, .page-template-landing-page #primary-menu li a, .has-banner #primary-menu li a { 
	color: #ffffff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.search #primary-menu li a {
	color: inherit;
	text-shadow: none;
}

#primary-menu a:hover, #primary-menu .current_page_item a { 
	border-bottom: 2px solid #f32735;
}

#menu-button { display: none; }

#menu-button {
    float: right;
    margin: 0px 0 0px 0;
    padding: 25px 5px 25px 5px;
    cursor: pointer;
	/* display: none;  */
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

header#masthead .menu-icon {
	width: 50px;
	cursor: pointer; }

header#masthead .menu-icon span {
	display: block;
	background: #ffffff;
	color: #212121;
	height: 4px; 
	width: 40px;
	margin: auto;
	margin-bottom: 8px; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; }

header#masthead #menu-button:hover .menu-icon span:nth-of-type(1), header#masthead #menu-button:hover .menu-icon span:nth-of-type(3) {
	width: 50px; }

header#masthead.header-scrolled .menu-icon span, .page-template-default header#masthead #menu-button .menu-icon span {
	background: #212121;
}

#mobile-navigation {
    position: fixed;
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 99999;
    overflow-y: auto;
	overflow-x: hidden;
    background: #212121;
    color: #ffffff;
	font-size: 1.6rem; 
    /* box-shadow: 0px 0px 25px rgba(0, 0, 0, .15); */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#mobile-navigation .mobile-navigation-padding {
    padding: 4.25em 1.35em 1.5em 1.35em;
}

.close-mobile-nav { 
	position: absolute;
	top: 2em;
    left: 1em;
	color: #ffffff;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; }

.close-menu-icon {
	width: 25px;
	height: 25px;
	cursor: pointer;
	position: relative; }

/* .close-menu-icon span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	height: 2px; 
	width: 25px;
	margin-bottom: 1px;
	background-color: #ffffff;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;  } */

/*.close-menu-icon:hover span:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-bottom: -2px;
	background-color: #aaa; }

.close-menu-icon:hover span:nth-of-type(2) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #aaa; } */

/* .close-mobile-nav:hover .close-menu-icon span {
	transform: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;  } */

.close-menu-icon i, .close-menu-icon span {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #ffffff;
	width: 10px;
	height: 2px;
	opacity: 1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; }

.close-menu-icon i:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -4px; }

.close-menu-icon i:nth-of-type(2) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: 2px; }

.close-menu-icon span {
	width: 0;
}

.close-mobile-nav:hover .close-menu-icon span {
	width: 10px
}

.close-menu-icon span:nth-of-type(1) {
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
    margin-left: 6px; }

.close-menu-icon span:nth-of-type(2) {
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 2px;
    margin-left: 6px; }

/* .close-mobile-nav:hover .close-menu-icon i {
	opacity: 0;
	width: 0px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}  */

#mobile-navigation ul.menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#mobile-navigation ul.menu li {
	padding: .5em 0; 
}

#mobile-navigation ul.menu li a {
    display: inline-block;
    color: #ffffff;
    font-size: 1.25em;
    text-transform: lowercase;
    letter-spacing: 1px;
	font-weight: 600;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#mobile-navigation ul.menu li a:hover { 
	color: #ee2737;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#mobile-navigation ul.menu li.current-menu-item a {
	/* border-bottom: 1px dashed #aaaaaa;  */
	color: #ee2737;
}

.mobile-menu-lower-area {
    position: absolute;
    bottom: 2em;
}

#mobile-navigation ul.menu li a.mobile-contact-cta {
	cursor: pointer; 
}

#mobile-navigation ul.menu li a.mobile-contact-cta:hover img.carrot {
	opacity: .6;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#mobile-navigation ul.menu img.carrot {
	vertical-align: middle;
    max-width: 7px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.mobile-social-icons {
	margin-top: 1em;
	/* text-align: right; */
}

.mobile-social-icons ul {
    margin: 0;
    padding: .25em 0;
}

.mobile-social-icons ul li {
	display: inline-block; 
	list-style-type: none;
	margin: 0 .5em 0 0; }

.mobile-social-icons ul li a {
	opacity: 1; }

.mobile-social-icons ul li a:hover {
	opacity: .8;
	-webkit-backface-visibility: hidden; } 

.mobile-social-icons ul li a img {
	max-width: 25px; 
	vertical-align: middle;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
	-ms-filter: brightness(0) invert(1);
}

footer#colophon .mobile-social-icons {
	margin-top: .5em;
}

footer#colophon .mobile-social-icons ul li a img {
	opacity: .5;
	max-width: 20px;
}

.mobile-social-icons ul li a:hover img {
	/* transform: scale(1.1,1.1); */
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; }

#mobile-navigation .site-search input.search-field {
    padding-left: 2.5em;
    margin-right: 1em;
	width: 100%;
	background: #212121;
	color: #909090;
	border: 2px solid #909090;
	border-radius: 10px;
	font-size: .95em;
	color: white;
	background-color: #171717;
	/* background-image: url(/wp-content/themes/wdpartners/images/search-icon.png); */
	background-position: left center;
	background-size: 30px 17px; 
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#mobile-navigation .site-search input.search-field:focus {
	outline: none !important;
	box-shadow: none!important;
	color: white!important;
	background-color: #4a2323!important;
	border: 2px solid #7d2b2e!important; }

.contact-cta-container {
	position: fixed;
    top: 50%;
    right: 0;
	transform: translate(35%, -50%) rotate(-90deg);
	z-index: 99999;
}

a#fixed-contact-cta {
	display: inline-block;
    font-size: .8em;
    padding: 5px 15px;
    background: #ee2737;
    color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

/* a.contact-cta { 
	display: inline-block;
    font-size: .8em;
    padding: 5px 10px;
    background: #ee2737;
    color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

a.contact-cta:hover {
	background: #1d252d;
} */

.contact-container {
    position: fixed;
    width: 0px;
    height: 100%;
    top: 0;
    right: 0px; 
    z-index: 999999;
    overflow-y: auto;
	overflow-x: hidden;
    background: #ee2737;
	color: #ffffff;
	font-size: 1.6rem; 
    /* box-shadow: 0px 0px 25px rgba(0, 0, 0, .15); */
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.contact-container .contact-padding { 
	padding: 2em;
}

.contact-title { 
	color: #ffffff;
	margin-top: 0;
}

.contact-container .close-contact-container { 
	vertical-align: 2px;
	font-size: .5em;
	float: right;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.contact-container .close-contact-container:hover {
	text-decoration: underline;
}

.contact-container .contact-title {
	margin: .4em 0 .2em 0;
    font-weight: 600;
    line-height: 1.1em;
    font-family: "neue-haas-grotesk-display", "proxima-nova", helvetica, sans-serif;
    vertical-align: middle;
	font-size: 1.8em;
}

.contact-container .contact-title:hover { 
	cursor: pointer;
	/* opacity: .8; */
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease; }

.contact-container .contact-menu-cell {
	float: left;
	width: 47.5%;
	margin-right: 5%;
	margin-bottom: 0;
}

.contact-container .contact-menu-cell:nth-of-type(2n) {
	margin-right: 0;
}

.contact-container .contact-menu-cell .contact-menu-widget-title {
	margin: 0;
	color: #212121;
	font-size: 1.15em;
	text-transform: uppercase; 
	font-weight: bold;
	line-height: 1.1em;
	font-family: "neue-haas-grotesk-display", "proxima-nova", helvetica, sans-serif;
}

.contact-container .contact-menu-cell p:nth-of-type(2){
	margin: 0;
	font-size: 1.15em;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.1em;
	font-family: "neue-haas-grotesk-display", "proxima-nova", helvetica, sans-serif;
	margin-bottom: auto;
}

.contact-container .contact-menu-cell p { 
	font-size: .95em;
	margin: auto auto 1em auto;
}

.contact-container .contact-menu-cell a {
	color: #ffffff;
}

.contact-container .contact-menu-cell a:hover { 
	color: #212121;
}


.cancel-action-overlay {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    /* background: -webkit-linear-gradient(to right, rgba(0,0,0,.15), rgb(0, 0, 0));
    background: -o-linear-gradient(to right, rgba(0,0,0,.15), rgb(0, 0, 0));
    background: -moz-linear-gradient(to right, rgba(0,0,0,.15), rgb(0, 0, 0));
    background: linear-gradient(to right, rgba(0,0,0,.15), rgb(0, 0, 0));
    opacity: .15; */
    z-index: 99999;
}

#background-video, .background-video {
	min-height: 500px;
	z-index: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0;
	left: 0;
	background-position: bottom;
}

#background-video[poster], .background-video[poster] { object-fit: cover; }

span.arrow {
    display: inline-block;
    background: #888b8d;
    border-radius: 50%;
    color: white;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    background-image: url(/wp-content/themes/wdpartners/images/arrow.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	cursor: pointer;
	z-index: 9;
}

/* HOME PAGE */

.home #primary { margin-top: 0; }

.home #primary .container { padding: 0 4%; }

/* HOME PAGE SLIDER */
.home-slider-container {
	position: relative;
	width: 100%;
	height: 90vh;
	overflow: hidden;
}

.home-slider-left-line {
    position: absolute;
    top: 17%;
    left: 5%;
    width: 5%;
    border-left: 1px solid #f32735;
    border-bottom: 1px solid #f32735;
    border-bottom-left-radius: 50px;
    height: 73%;
    z-index: 9;
	opacity: 0.8;
}

.home-slider-timer {
    display: block;
    background: #f32735;
    width: 0;
    height: 1px;
    content: "";
	opacity: 1;
	position: absolute;
	bottom: 10%;
	left: 10%; 
	opacity: 0.8;
	z-index: 9;
}

.home-slider {
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 0;
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	overflow-scrolling: touch;
	-webkit-scroll-snap-type: x mandatory;
	-moz-scroll-snap-type: x mandatory;
	-o-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}

 .home-slider li.slide {
	flex: 0 0 auto;
	scroll-snap-align: start;
	max-width: 100%;
	margin: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	background-attachment: fixed;
	background: black;
	 overflow: hidden;
}

.home-slider li.slide .slide-image {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    filter: blur(0px);
    -webkit-filter: blur(0px);
    position: absolute;
    top: 0;
    left: 0;
	z-index: 0;
    background-color: black;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	box-shadow: inset 0px 0px 100px rgba(0,0,0,0.35);
	overflow: hidden;
	-moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);
}

.home-slider li.slide .slide-image.zoom {
	animation: zoomSlide 60s;
    -moz-animation: zoomSlide 60s;
    -webkit-animation: zoomSlide 60s;
    -o-animation: zoomSlide 60s;
	-ms-animation: zoomSlide 60s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite; 
	-moz-animation-iteration-count: infinite; 
	-o-animation-iteration-count: infinite; 
	-ms-animation-iteration-count: infinite; 
	/* animation-timing-function: linear;
	-webkit-animation-timing-function: linear; 
	-moz-animation-timing-function: linear; 
	-o-animation-timing-function: linear; 
	-ms-animation-timing-function: linear; */
}

@-webkit-keyframes zoomSlide { 
	0% { /* filter: blur(0px); -webkit-filter: blur(0px); */ -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
	50% { /* filter: blur(2px); -webkit-filter: blur(2px); */ -moz-transform: scale(1.25,1.25); -webkit-transform: scale(1.25,1.25); transform: scale(1.25,1.25);  }
	100% { /* filter: blur(0px); -webkit-filter: blur(0px); */ -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
}
@-moz-keyframes zoomSlide { 
	0% { /* filter: blur(0px); -webkit-filter: blur(0px); */ -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
	50% { /* filter: blur(2px); -webkit-filter: blur(2px); */ -moz-transform: scale(1.25,1.25); -webkit-transform: scale(1.25,1.25); transform: scale(1.25,1.25);  }
	100% { /* filter: blur(0px); -webkit-filter: blur(0px); */ -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
}
@-o-keyframes zoomSlide { 
	0% { /* filter: blur(0px); -webkit-filter: blur(0px); */ -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
	50% { /* filter: blur(2px); -webkit-filter: blur(2px); */ -moz-transform: scale(1.25,1.25); -webkit-transform: scale(1.25,1.25); transform: scale(1.25,1.25);  }
	100% { /* filter: blur(0px); -webkit-filter: blur(0px); */ -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
}
@keyframes zoomSlide { 
	0% { /* filter: blur(0px); -webkit-filter: blur(0px); */ -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
	50% { /* filter: blur(2px); -webkit-filter: blur(2px); */ -moz-transform: scale(1.25,1.25); -webkit-transform: scale(1.25,1.25); transform: scale(1.25,1.25);  }
	100% { /* filter: blur(0px); -webkit-filter: blur(0px); */ -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
}

.home-slider li.slide .slide-tint {
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,0.5), transparent);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.home-slider li.slide .container {
	height: 100%;
}

.home-slider li.slide .slide-content {
	position: absolute;
	bottom: 15%;
	left: 4%;
	width: 80%;
	z-index: 9;
}

.home-slider li.slide .slide-content h2 {
	color: #ffffff;
	font-size: 3em;
	line-height: 1em;
	font-weight: 500;
	margin: 0;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}

.home-slider li.slide .slide-content h2 span {
	font-family: fields, "proxima-nova", helvetica; 
	font-weight: 700; 
	font-size: 1.25em; 
}

.home-slider li.slide .slide-content h3 {
	color: #ffffff;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: 500;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.25);
}

.home-slider::-webkit-scrollbar {
	display: none;
}

.home-slider {
	-ms-overflow-style: none; 
	scrollbar-width: none;
}

.home-slider::-webkit-scrollbar, .home-slider::scrollbar {
	height: 8px;
	display: none!important;
}

.home-slider::-webkit-scrollbar-track {
  background: none; 
}
 
.home-slider::-webkit-scrollbar-thumb {
	background: none;
}

.home-slider::-webkit-scrollbar-thumb:hover {
	background: none;
}

.home-slider-navigation { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	bottom: 1em;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
}

.home-slider-navigation li {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.home-slider-navigation li span {
	display: block;
	width: 20px;
	height: 20px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.75);
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.home-slider-navigation li span:hover {
    background: rgb(255,255,255);
	background: rgba(255,255,255,0.95);
}

.home-slider-navigation li .active {
    background: rgb(255,255,255);
	background: rgba(255,255,255,1.0);
}

.home-slider-inner-container {
	position: absolute; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-slider-inner-container .border {
	border-left: 4px solid #f54c57;
}

.home-lower-text-container {
    position: absolute;
    bottom: 1em;
    left: 5%;
	width: 90%;
	max-width: 2200px;
    text-align: center;
    font-size: 1.15em;
    font-weight: 400;
	color: #607380;
	z-index: 99;
	text-transform: lowercase; 
	line-height: 1.25em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.home-lower-text-container ul li.wayfind {
	float: right; 
	/* width: 190px; */
}

.home-lower-text-container ul li.wayfind a {
	display: inline-block;
	/* background: url(/wp-content/themes/wdpartners/images/wayfind-small-logo.png) no-repeat 0px 0px; */
	width: 170px;
	/* height: 17px; */
	background-size: 165px;
	/* overflow: hidden;  */
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.home-lower-text-container ul li.wayfind a:hover {
	transform: scale(1.05);
}

.home-lower-text-container ul li.wayfind a svg #Arrow {
	animation: bounceRightLeft 1.5s ease infinite;
	fill: #F32735; 
}

@keyframes fadeInFadeOut {
	0% { opacity: 0; }
	25% { opacity: 0; }
	50% { opacity: 1; }
	85% { opacity: 1; }
	100% { opacity: 0; }
} 

@keyframes fadeInFadeOutSlow {
	0% { opacity: 0; }
	25% { opacity: 1; }
	50% { opacity: 1; }
	65% { opacity: 1; }
	100% { opacity: 0; }
} 

@keyframes bounceRightLeft {
	0% { transform: translateX(0px); opacity: .5;  }
	50% { transform: translateX(3px); opacity: 1; }
	100% { transform: translateX(0px); opacity: .5; }
} 

.scale {
	display: inline-block;
	animation: scale 3s;
    -moz-animation: scale 3s;
    -webkit-animation: scale 3s;
    -o-animation: scale 3s;
	-ms-animation: scale 3s;
	transform-origin: bottom right;
}

@-webkit-keyframes scale { 
	0% { -moz-transform: scale(.1); -webkit-transform: scale(.1); transform: scale(.1); }
	80% { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	100% { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-moz-keyframes scale { 
	0% { -moz-transform: scale(.1); -webkit-transform: scale(.1); transform: scale(.1); }
	80% { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	100% { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@-o-keyframes scale { 
	0% { -moz-transform: scale(.1); -webkit-transform: scale(.1); transform: scale(.1); }
	80% { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	100% { -moz-transform: scale(.1); -webkit-transform: scale(.1); transform: scale(.1); }
}
@keyframes scale { 
	0% { -moz-transform: scale(.1); -webkit-transform: scale(.1); transform: scale(.1); }
	80% { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	100% { -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}

.slide-left-side {
	display: inline-block;
	/* transform: translateX(-200%); */
}

.slide-right-side {
	display: inline-block;
	/* transform: translateX(200%); */
}

.slide-left-side.slide {
	animation: slideRight 1s;
}

.slide-right-side.slide {
	animation: slideLeft 1s;
}

@keyframes slideRight {
	0% { transform: translateX(-200%); opacity: 0; }
	100% { transform: translateX(0); opacity: 1; }
}

@keyframes slideLeft {
	0% { transform: translateX(200%); opacity: 0; }
	100% { transform: translateX(0); opacity: 1; }
}

.home-lower-text-container ul {
    margin: 0;
    padding: 0;
}

.home-lower-text-container ul li {
	display: inline-block;
	margin: 0 .3em 0em .3em;
	font-weight: 700;
	font-size: 1.25em;
}

.home-lower-text-container .arrow { 
	display: block;
	margin: .15em 0;
}

/* HOME PAGE GRADIENT */
.home-gradient {
	background: #F3F3F3;
	/* background: linear-gradient(180deg,rgba(243, 243, 243, 1), rgba(66, 158, 217, .25) 50%, rgba(109, 111, 117, 1),  rgba(207, 21, 31, 1)); */
	/* background: repeating-radial-gradient(circle at 33% 90%, rgba(66, 158, 217, 1), rgba(109, 111, 117, 1), rgba(207, 21, 31, .75),rgba(243, 243, 243, 1), rgba(243, 243, 243, 1)); */
	background: linear-gradient(105deg, rgba(77, 194, 233, 1), rgba(157,162,164, 1), rgba(238, 50, 65, 1)); 
	position: relative;
}

.home-lower-gradient {
	position: relative; 
	background: linear-gradient(180deg, rgba(28, 36, 44, 1) 30%, transparent);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.gradient-background {
	position: absolute;
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.gradient-background.gradient-1 {
	/* background: linear-gradient(150deg, rgba(243, 243, 243, 1), rgba(66, 158, 217, .25) 50%, rgba(109, 111, 117, 1), rgba(207, 21, 31, 1)); */
	/* background: repeating-radial-gradient(circle at 33% 50%, rgba(66, 158, 217, 1), rgba(109, 111, 117, 1), rgba(207, 21, 31, .75),rgba(243, 243, 243, 1), rgba(243, 243, 243, 1)); */
	/* background: repeating-radial-gradient(ellipse at 30% 30%, #ff0e21, #0b5cab, #527078, #ffffff); */
	/* background: linear-gradient(75deg, rgba(77, 194, 233, 1), rgba(157,162,164, 1), rgba(238, 50, 65, 1));  */
	background: linear-gradient(120deg, rgba(77, 194, 233, 1), rgba(157,162,164, 1) 65%, rgba(238, 50, 65, 1)); 
}

.gradient-background.gradient-2 {
	/* background: linear-gradient(160deg,rgba(243, 243, 243, 1), rgba(66, 158, 217, .25) 50%, rgba(109, 111, 117, 1),  rgba(207, 21, 31, 1));  */
	/* background: repeating-radial-gradient(circle at 33% 66%, rgba(66, 158, 217, 1), rgba(109, 111, 117, 1), rgba(207, 21, 31, .75),rgba(243, 243, 243, 1), rgba(243, 243, 243, 1)); */
	/* background: repeating-radial-gradient(ellipse at 45% 45%, #ff0e21, #0b5cab, #527078, #ffffff); */
	/* background: linear-gradient(120deg, rgba(77, 194, 233, 1), rgba(157,162,164, 1), rgba(238, 50, 65, 1));  */
	background: linear-gradient(80deg, rgba(77, 194, 233, 1), rgba(157,162,164, 1) 35%, rgba(238, 50, 65, 1)); 
}

.gradient-background.gradient-3 {
	/* background: linear-gradient(210deg,rgba(243, 243, 243, 1), rgba(66, 158, 217, .25) 50%, rgba(109, 111, 117, 1),  rgba(207, 21, 31, 1));  */
	/* background: repeating-radial-gradient(circle at 50% 50%, rgba(66, 158, 217, 1), rgba(109, 111, 117, 1), rgba(207, 21, 31, .75),rgba(243, 243, 243, 1), rgba(243, 243, 243, 1)); */
	/* background: repeating-radial-gradient(ellipse at 60% 60%, #ff0e21, #0b5cab, #527078, #ffffff); */
	/* background: linear-gradient(105deg,rgba(238, 50, 65, 1), rgba(157,162,164, 1), rgba(77, 194, 233, 1));  */
	background: linear-gradient(120deg, rgba(77, 194, 233, 1), rgba(157,162,164, 1), rgba(238, 50, 65, 1)); 
}

.gradient-background.gradient-4 {
	/* background: linear-gradient(200deg,rgba(243, 243, 243, 1), rgba(66, 158, 217, .25) 50%, rgba(109, 111, 117, 1),  rgba(207, 21, 31, 1));  */
	/* background: repeating-radial-gradient(circle at 90% 90%, rgba(66, 158, 217, 1), rgba(109, 111, 117, 1), rgba(207, 21, 31, .75),rgba(243, 243, 243, 1), rgba(243, 243, 243, 1)); */
	/* background: repeating-radial-gradient(ellipse at 75% 75%, #ff0e21, #0b5cab, #527078, #ffffff); */
	/* background: linear-gradient(120deg,rgba(238, 50, 65, 1), rgba(157,162,164, 1), rgba(77, 194, 233, 1));  */
	background: linear-gradient(80deg, rgba(77, 194, 233, 1), rgba(157,162,164, 1), rgba(238, 50, 65, 1)); 
}

.gradient-background.gradient-5 {
	background: linear-gradient(45deg, rgb(243 243 243) 0%, rgba(134, 185, 217, .5) 100%);
	/* background: repeating-radial-gradient(circle at 90% 90%, rgba(66, 158, 217, 1), rgba(109, 111, 117, 1), rgba(207, 21, 31, .75),rgba(243, 243, 243, 1), rgba(243, 243, 243, 1)); */
	/* background: repeating-radial-gradient(ellipse at 75% 75%, #ff0e21, #0b5cab, #527078, #ffffff); */
}

.gradient-background.gradient-6 {
	background: linear-gradient(90deg, rgb(243 243 243) 0%, rgba(134, 185, 217, .5) 100%); 
	/* background: repeating-radial-gradient(circle at 90% 90%, rgba(66, 158, 217, 1), rgba(109, 111, 117, 1), rgba(207, 21, 31, .75),rgba(243, 243, 243, 1), rgba(243, 243, 243, 1)); */
	/* background: repeating-radial-gradient(ellipse at 75% 75%, #ff0e21, #0b5cab, #527078, #ffffff); */
}

.gradient-background.gradient-7 {
	background: linear-gradient(135deg, rgba(139,214,236, 1) 0%, rgba(234, 69, 68, 1) 100%);
}

.gradient-background.gradient-8 {
	background: linear-gradient(225deg, rgba(139,214,236, 1) 0%, rgba(234, 69, 68, 1) 100%);
}

.gradient-background.gradient-8 {
	/* background: linear-gradient(135deg, rgba(139,214,236, 1) 0%, rgba(234, 69, 68, 1), rgba(255,255,255,0)); */
	background: linear-gradient(172deg, #b9d4df, #ccc, #ee2737 50%, transparent 75%);
}

.gradient-background.gradient-9 {
	background: linear-gradient(187deg, #b9d4df, #ccc, #ee2737 50%, transparent 75%);
	/* background: linear-gradient(225deg, rgba(139,214,236, 1) 0%, rgba(234, 69, 68, 1), rgba(255,255,255,0)); */
}

/* HOME PAGE MISSION / TOP STATEMENT */
.home-mission {
	color: #ffffff;
	padding: 3em 0;
}

.home-mission p {
	font-size: 1.25em;
	margin-top: 0;
	margin-bottom: .5em;
}

.home-mission h2 {
	font-size: 2em;
	line-height: 1.3em;
	font-weight: 600; 
	margin: 0;
	margin-bottom: .25em;
}


#stats-bar {
	width: 100%;
	background: rgba(255,255,255,0.2);
	padding: 1em 0;
	font-size: 1em;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	color: #373737;
}

#stats-bar .grid {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
    align-content: center;
}

#stats-bar .col_1-4 {
    display: flex;
    justify-content: left;
    align-items: flex-end;
	width: auto;
} 

#stats-bar .stat {
	font-size: 3.25em;
	line-height: 1em;
	color: inherit;
}

#stats-bar .stat-desc {
	color: inherit;
	font-weight: 600;
	font-size: .7em;
}

/* HOME PAGE BOB (BRAND OPS BUILD) AREA */
#BOB-area {
	margin: 0 auto 2em auto;
	padding-top: 2em;
	color: #ffffff;
}

#BOB-area p {
	font-size: 1.25em;
	margin: .5em auto;
	color: #ffffff;
}

.BOB-lockup-container {
    /* position: absolute;
    top: 2em;
    left: 0;
    width: 50%;
    padding-left: 2%; */
}

.BOB-lockup-container {
    top: 0;
    left: 0;
    width: 100%;
    vertical-align: top;
    height: 50%;
    position: relative;
}

.BOB-lockup-container::before {
    /* content: '';
    height: 2px;
    width: 100%;
    background: #f54c57;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1; */
}

/* #BOB-lockup {
    width: 100%;
    max-width: 500px;
    position: relative;
    background: white;
    padding-right: 1em;
} */

#BOB-lockup {
    width: 100%;
    max-width: 500px;
    position: relative;
    vertical-align: top;
    /* position: absolute; */
    bottom: 0;
}

#home-diagram {
	max-width: 500px;
	margin: auto;
}

.homepage-diagram {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
    align-content: stretch;
}

.homepage-diagram .diagram-content-container {
	display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: flex-start;
}

.homepage-diagram .diagram-content {
	width: 100%;
    height: 100%;
    /* border-left: 2px solid #f54c57;
    border-bottom: 2px solid #f54c57;
    border-bottom-left-radius: 50px;
    padding-bottom: 1em;
    padding-left: 2em; */
	margin-top: 2em;
	overflow: hidden;
}

#BOB-content { 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
	/* position: absolute;
	top: 50%;
	transform: translateY(-50%); */
	overflow: hidden;
	display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
   /*  overflow-x: auto; */
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-scroll-snap-type: x mandatory;
    -moz-scroll-snap-type: x mandatory;
    -o-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}

#BOB-content div.services {
	width: 100%;
    flex: 0 0 auto;
    scroll-snap-align: start;
    max-width: 100%;
	margin: 0;
}

#BOB-content h2.pill { font-size: 1.25em; margin-bottom: 0; padding: 7px 15px 5px 15px; }

div.services .services-padding {
	padding: 0 5% 5% 0;
}

.brand-services, #brand-target {
	color: var(--brand);
}

.brand-cta {
	color: var(--brand)!important; 
	display: inline-block;
	padding: 5px 15px; 
	border: 2px solid var(--brand); 
	border-radius: 10px; 
	font-style: italic; 
}

.brand-cta:hover {
	background: var(--brand);
	color: #ffffff!important;
}

.ops-services, #ops-target {
	color: var(--ops);
}

.ops-cta {
	color: var(--ops)!important; 
	display: inline-block;
	padding: 5px 15px; 
	border: 2px solid var(--ops); 
	border-radius: 10px; 
	font-style: italic; 
}

.ops-cta:hover {
	background: var(--ops);
	color: #ffffff!important;
}

.build-services, #build-target {
	color: var(--build);
}

.build-cta {
	color: var(--build)!important; 
	display: inline-block;
	padding: 5px 15px; 
	border: 2px solid var(--build); 
	border-radius: 10px; 
	font-style: italic; 
}

.build-cta:hover {
	background: var(--build);
	color: #ffffff!important;
}


.pill {
    border-radius: 10px;
    border-width: 0px;
    border-style: none;
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    color: white;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;  
}

.brand-services h2.pill {
	background: var(--brand);
	border-color: var(--brand);
}

.ops-services h2.pill {
	background: var(--ops);
	border-color: var(--ops);
}

.build-services h2.pill {
	background: var(--build);
	border-color: var(--build);
}

.pill.view-all {
	display: inline-block; 
	border: 2px solid #53555a; 
	margin: .5em 0 .5em 0;
	padding: 3px 20px;
	color: #53555a;
}

.pill.view-all:hover {
	color: #ffffff;
	background: #aaaaaa;
	border-color: #aaaaaa;
}

.pill.wayfind {
	border: 2px solid #ee2737;
}

.pill.wayfind:hover {
	background: #ee2737;
	color: #ffffff;
}

/* HOME PAGE EXPERTISE LIST */
.home-expertise {
	color: #53555a;
	padding: 2em 0;
}

.home-expertise p {
	font-size: 1.5em;
	margin: 0;
}

.home-expertise h2 {
	font-size: 2.5em;
	line-height: 1.1em;
	font-weight: 600; 
	margin: 0 0 .25em 0;
	color: #ffffff;
}

.home-expertise h3 {
	color: #ffffff;
	margin-top: .25em;
	margin-bottom: .5em;
}

.home-expertise-list {
    margin: .5em auto;
    padding: 0;
    list-style-type: none;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    align-content: space-between;
    align-items: stretch;
}

.home-expertise-list li {
    padding: 0;
    color: #ffffff;
    margin: 0;
    width: 48%;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.home-expertise-list li:hover {
	background: #ee2737;
	cursor: pointer; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.home-expertise-list li a {
	display: block;
	padding: .5em;
	font-size: 1.25em;
	color: #ffffff;
	text-transform: uppercase; 
	width: 100%;
	display: flex;
    align-items: center;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}

.home-expertise-list li a span { 
	font-size: .75em;
	float: right;
	display: inline-block;
    min-width: 90px;
}

.home-expertise-list li:nth-child(1) {
	order: 1;
}

.home-expertise-list li:nth-child(2) {
	order: 3;
}

.home-expertise-list li:nth-child(3) {
	order: 5;
}

.home-expertise-list li:nth-child(4) {
	order: 2;
}

.home-expertise-list li:nth-child(5) {
	order: 4;
}

.home-expertise-list li:nth-child(6) {
	order: 6;
}

/* HOME PAGE INSIGHTS GRID */
.home-insights {
	color: #ffffff;
	padding: 2em 0;
}

.home-insights p {
	font-size: 1.25em;
	margin: 0;
}

.home-insights h2 {
	font-size: 2.5em;
	line-height: 1.1em;
	font-weight: 600; 
	color: #ffffff;
	margin: 0 0 .5em 0;
	position: relative;
}

.masonry-grid, .masonry {
    display: grid;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    width: 100%;
    position: relative;
    grid-template-columns: 1fr 1fr 1fr 1fr;
	/* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  	grid-auto-rows: 300px 300px; */
	column-gap: 1em;
	row-gap: 1em;
	color: #ffffff;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.masonry-grid .cell, .masonry .cell, .masonry-grid figure, .masonry figure {
	position: relative;
	width: 100%; 
	height: 100%;
	list-style-type: none;
	min-height: 50px;
}

.related-grid img {
	display: block;
	object-fit: cover;
    object-position: center center;
    height: 100%;
	width: 100%;
}

.masonry-grid .cell, .masonry-grid .masonry-cell, .masonry .cell, .masonry-grid .cell { 
	width: 100%;
	background: none; 
	border: none;
	/* min-height: 300px; */
	height: 100%;
	border-radius: 10px;
	background-size: cover;
    background-position: center;
	position: relative; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	margin: 0;
	padding: 0;
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
}

.cell img { display: block; }

#homepage-grid .cell, #homepage-grid .masonry-cell { min-height: 300px; }

.masonry-cell:hover {
	transform: scale(1.005) translateZ(0);
	backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.masonry-cell:hover img {
    transform: scale(1.025);
	opacity: .9;
    transform-origin: bottom right;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.masonry-cell img {
    max-width: 105%;
    width: 105%;
    position: absolute;
    bottom: 0;
    left: 0;
	height: auto;
    object-fit: cover;
    display: block;
	border-radius: 10px;
	transform-origin: bottom right;
}

.masonry-cell a {
	display: block;
    width: 100%;
    height: 100%;
	color: #ffffff;
}

.masonry-cell span {
	display: block;
	font-size: 2em; 
	padding: 1em;
	font-weight: bold;
	font-family: fields;
	z-index: 36;
	position: absolute;
    top: 50%;
    transform: scale(1) translateY(-50%) translateZ(0);
	backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.masonry-cell:hover span {
	transform: scale(1.025) translateY(-50%) translateZ(0);
	backface-visibility: hidden;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.masonry-2-col {
	display: grid;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
    width: 100%;
    position: relative;
	column-gap: 1em;
	row-gap: 1em;
	color: #ffffff;
	grid-template-columns: 1fr 1fr;
}

.masonry-2-col .cell {
	width: 100%; 
	height: 100%;
	background-size: cover; 
	background-position: center; 
}

.masonry-2-col .cell img {
    display: block;
}

/* .masonry-cell:nth-of-type(2n) {
	background-image: url(/wp-content/uploads/2025/08/tout-test-1.jpg);
	border: none;
}

.masonry-cell:nth-of-type(2n+1) {
	background-image: url(/wp-content/uploads/2025/08/tout-test-2.jpg);
	border: none;
}

.masonry-cell:nth-of-type(2) {
	background: none;
	border: 3px solid #ffffff!important; 
}

.masonry-cell:nth-of-type(8) {
	background-image: url(/wp-content/uploads/2025/08/tout-test-2.jpg);
}

.masonry-cell:nth-of-type(3) {
	background-image: url(/wp-content/uploads/2025/08/tout-test-1.jpg);
	border: none;
}

.masonry-cell:nth-of-type(5) {
	background-image: url(/wp-content/uploads/2025/08/tout-test-3.jpg);
	border: none;
} */

.span-col-2 {
	grid-column: span 2;
}

.span-row-2 {
	grid-row: span 2;
}

.row-start-1 {
	grid-row-start: 1;
}

.row-end-1 {
	grid-row-end: 1;
}

.row-start-2 {
	grid-row-start: 2;
}

.row-end-2 {
	grid-row-end: 2;
}

.row-start-3 {
	grid-row-start: 3;
}

.row-end-3 {
	grid-row-end: 3;
}

.row-start-4 {
	grid-row-start: 4;
}

.row-end-4 {
	grid-row-end: 4;
}

.row-start-5 {
	grid-row-start: 5;
}

.row-end-5 {
	grid-row-end: 5;
}

.col-start-1 {
	grid-column-start: 1;
}

.col-end-1 {
	grid-column-end: 1;
}

.col-start-2 {
	grid-column-start: 2;
}

.col-end-2 {
	grid-column-end: 2;
}

.col-start-3 {
	grid-column-start: 3;
}

.col-end-3 {
	grid-column-end: 3;
}

.col-start-4 {
	grid-column-start: 4;
}

.col-end-4 {
	grid-column-end: 4;
}

.col-start-5 {
	grid-column-start: 5;
}

.col-end-5 {
	grid-column-end: 5;
}

.masonry-grid .cell {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.25);
}

.masonry-grid .cell figure, .masonry figure {
	margin: 0;
	background: #ee2737;
}

.masonry-grid .cell .cell-shadow {
	background: linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	opacity: .5;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

.masonry-grid .cell .cell-tag, .masonry-grid .cell .speaker-tag, .masonry .cell .speaker-tag {
	position: absolute; 
	top: 5%; 
	left: 5%;
	background: #f3f3f3; 
	color: #222222;
	font-size: .8em;
	font-weight: 500;
	border-radius: 10px; 
	padding: 2px 10px; 
	text-transform: uppercase; 
}

.masonry-grid .cell .cell-info {
    position: absolute;
    bottom: 5%;
    left: 10%;
    width: 80%;
	/* transform: translateY(-75%); */
    margin: auto;
	opacity: 1;
	color: #f3f3f3;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

.masonry-grid .cell:hover div.cell-info {
    opacity: 1;
}

.masonry-grid .cell:hover .cell-shadow {
	opacity: 1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

.masonry-grid .cell-info .title {
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.2em;
}

.masonry-grid .cell-blurb {
	font-size: .9em;
	line-height: 1.2em;
}

#homepage-grid .cell-shadow  {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.95), transparent);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: inherit;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
	border-radius: 10px;
}

#homepage-grid .cell-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1em;
	opacity: 0;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

#homepage-grid .masonry-cell:hover div.cell-info {
    opacity: 1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

#homepage-grid .masonry-cell:hover .cell-shadow {
	opacity: 1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

#homepage-grid .cell-info .cell-tag {
	font-weight: 600; 
	text-decoration: underline; 
}

#homepage-grid .cell-info .title {
	margin: .25em auto 0 auto; 
}

.home-page-grocery-of-2040-base .cell-info {
	text-align: right;
}

.home-page-inspired-shopper-cutout {
	transform: translateX(-50%)!important;
}

/* HOME PAGE TRENDING LIST */
.home-trending {
	color: #ffffff;
	padding: 2em 0;
}

.home-trending p {
	font-size: 1.25em;
	margin: 0;
}

.home-trending h2 {
	font-size: 2.5em;
	line-height: 1.1em;
	font-weight: 600; 
	color: #ffffff;
	margin: 0 0 .5em 0;
}

.home-trending span {
	font-weight: bold;
	font-size: 1.25em;
	text-transform: capitalize;
}

.home-trending-list {
    margin: .5em auto;
    padding: 0;
    list-style-type: none;
}

.home-trending-list li {
    display: block;
    padding: 0;
    color: #ffffff;
	margin: .5em auto;
}

.home-trending-list li a {
	color: #ffffff;
}

.home-trending-list li a:hover {
	text-decoration: underline;
}

.wayfind-subscribe { margin: 1em 0; }

.wayfind-subscribe input[type="text"] {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding: .25em 0;
    border: 0;
    width: 60%;
	padding-left: 1em;
}

.wayfind-subscribe input[type="text"]::placeholder {
	color: #cccccc;
}

.wayfind-subscribe input[type="text"]:focus {
	outline: none;
	border: 0;
	box-shadow: none;
}

.wayfind-subscribe input[type="submit"] {
    padding: .5em 1em;
    border: 0;
    border-radius: 10px;
    margin-left: -1em;
    background: #ee2737;
    color: #ffffff;
	font-weight: bold;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease; 
	vertical-align: bottom;
}

.wayfind-subscribe input[type="submit"]:hover {
	background: #222222;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}

/* LANDING PAGE */

/* 404 Page */
.error-404 .page-header .page-subtitle { 
	text-align: center; 
	font-size: 2.5em;
	text-transform: lowercase; }

.error-404 .page-header .page-title { 
	text-align: center; 
	font-size: 1.15em; 
	text-transform: uppercase; }

.error-404 .page-content { text-align: center; }

.search-form .search-field {
	width: 100%;
}

.search-form .search-submit {
	font-size: 1em;
	margin: 1em auto .25em auto; 
	border: none;
	padding: .5em 1em;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}

.search-form .search-submit:hover {
	background: #1A1818;
	color: white;
	cursor: pointer; 
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease; 
}

.page {	margin: 0; }

.entry-content { margin: 0; }

.page #primary, .error404 #primary { /* margin-top: 110px; */ }

.page-template-landing-page .entry-title, .page-template-landing-light-page .entry-title { display: none; }

.page-template-landing-light-page header#masthead .menu-icon span { color: #212121; background: #212121; }

.page-template-landing-page #primary, .page-template-landing-light-page #primary { margin: 0; }

.page-template-landing-page #landing-atf, .page-template-landing-light-page #landing-atf {
	padding-top: 115px;
	padding-bottom: 2em;
}

/* .page-template-landing-page #landing-atf .grid, .page-template-landing-light-page #landing-atf .grid {
	display: flex;
	align-items: center;
} */

.page-template-landing-page #landing-atf img, .page-template-landing-light-page #landing-atf img { 
	border-radius: 10px;
}

.page-template-landing-page #landing-atf h2, .page-template-landing-light-page #landing-atf h2 { 
	font-size: 2em;
	color: #ffffff; 
} 

.page-template-landing-light-page #landing-atf h2 {
	color: inherit;
}

.page-template-landing-page #landing-atf h2 { 
	color: #ffffff;
}

.page-template-landing-page #landing-atf h3 { 
	color: #ffffff;
}

.page-template-landing-page #landing-atf p, .page-template-landing-light-page #landing-atf p {
	/* color: #ffffff; */
	font-size: 1.15em;
	margin-top: 1em;
	line-height: 1.25em;
}

.fixed-disciplines-navigation {
    position: fixed;
    left: 1%;
    top: 50%;
    transform: translateY(-50%);
    list-style-type: none;
    padding: 0;
	z-index: 9999;
	display: grid;
    align-items: center;
    justify-items: start;
    justify-content: start;
    align-content: stretch;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0;
}

.fixed-disciplines-navigation li {
	background: #ee2737;
    border-radius: 15px;
    border-width: 0px;
    border-style: solid;
    text-align: left;
    padding: 0px 11px;
    color: white;
    vertical-align: middle;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	width: 0;
	opacity: .8;
	font-size: .8em;
}

.fixed-disciplines-navigation li:hover {
	width: 100%;
	opacity: 1;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.fixed-disciplines-navigation .discipline {
    width: 0px;
    display: inline-block;
    overflow: hidden;
    vertical-align: text-bottom;
	color: #ffffff; 
	font-weight: bold;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.fixed-disciplines-navigation li:hover > .discipline {
	width: 100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

/* CREATE TO RESONATE LANDING PAGE */
.ctr-cta {
	background: #222222;
	color: #ffffff!important;
	border-radius: 10px;
	padding: 5px 15px;
	font-size: 1em;
	display: inline-block!important;
}

.ctr-cta:hover {
	color: #ffffff!important;
	background: #ee2737;
}

ul.ctr-grid {
	list-style-type: none; 
	margin: 0;
	padding: 0; 
}

ul.ctr-grid li {
    width: 35%;
    margin-right: 5%;
	margin-left: 5%;
    float: left;
    padding: 0;
    /* margin: 0; */
    list-style-type: none;
	opacity: .5; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

ul.ctr-grid li.active {
	opacity: 1;
	transform: scale(1.05);
}

ul.ctr-grid li:hover {
	opacity: 1; 
	transform: scale(1.05);
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.ctr-schedule {
	border: 2px solid #ffffff; 
	border-radius: 30px; 
	padding: 1.5em; 
	max-width: 80%; 
	margin: auto;
}

.ctr-innovate { 
	font-size: 1.25em; 
	margin-top: 0; 
	font-family: fields; 
	font-weight: 700;
}

.ctr-types li label {
    background: white!important;
	color: #53555a!important;
	font-weight: 400!important;
	border: none!important;
}

.ctr-types input[type="radio"]#all-types:checked+label {
	background: #ee2737!important;
	color: #ffffff!important;
}

.ctr-content {
	font-size: 1.1em;
}

.ctr-arrow-container {
  width: 25px;
  /* cubic-bezier-easing = sine / mehr Beispiele: https://easings.net/ */
  animation: ctr-bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  height: 20px;
	margin: auto;
	opacity: 1;
}

.ctr-arrow-down {
  height: 6px;
  background: #ffffff;
  transform: rotate(45deg);
  transform-origin: 0% 0%;
  border-radius: 5px;
}
.ctr-arrow-down:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 100%;
  border-radius: 5px;
  background: #ffffff;
  transform: rotate(-90deg);
  transform-origin: 0% 100%;
}

@keyframes ctr-bounce {
50% {
    transform: translateY(-15px);
	opacity: .5;
  }
}

.ctr-headline { display: inline-block; }

.ctr-headline2 { 
	display: none;
}

/* ***** CLIENT LIST ***** */
.client-list {
	margin: 1em auto; 
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.client-list ul {
	list-style-type: none;
	padding: 0;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.client-list ul li {
	margin: 0 0 .05em 0;
}


/* SINGLE POST PAGE */
.single #primary {
	margin: 1em auto;
}

.banner-container {
	position: relative;
}

.single-leadership.has-banner .banner-container {
    margin-bottom: 2em;
}

.post-banner, .attachment-post-banner {
	max-height: 350px;
	object-fit: cover; 
	object-position: bottom center; 
	display: block;
	width: 100%;
}

.banner-shadow {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-template .entry-title, .page-template-default .entry-title {
	text-align: center; 
}

.page-template-default article.page { margin: 1em auto; }

.entry-title {
	/* margin-bottom: 0; */
}

.entry-subtitle {
	font-weight: 500; 
	margin-bottom: 0;
	margin-top: 0;
}

.page-template-landing-page .related, .page-template-landing-light-page .related { display: none; }

.page-template-landing-page .related-content, .page-template-landing-light-page .related-content { margin-top: 1em; }

.health-wellness-tag {
	margin-right: .5em;
}

.cell .health-wellness-tag {
	position: absolute; 
	top: 5%; 
	right: 0; 
}

.health-wellness-tag a:hover img {
	opacity: .5;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.health-wellness-icon {
	display: inline-block;
	vertical-align: middle;
	max-width: 32px; 
	max-height: 32px;
}

.health-wellness-cta {
    background-color: #ffffff;
    padding: 1em;
    color: #53555a;
	margin: 2em 0;
	font-size: .9em;
	text-align: center;
}

.share-social-container {
	display: inline-block;
	float: right;
}

.share-social {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline-block;
}

.share-social li {
	list-style-type: none; 
	margin: 0;
	padding: 0;
	display: inline-block; 
	margin: 0 .25em;
}

.share-social li img {
	max-width: 20px;
	max-height: 20px;
	opacity: .65;
	-webkit-filter: brightness(0);
    filter: brightness(0);
}

.share-social li a:hover img {
	opacity: 1;
	-webkit-filter: initial;
    filter: initial;
}

.authors, .authors li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    align-content: center;
}

.authors li {
	margin: 1em 0;
	line-height: 1.2em;
	flex-wrap: nowrap;
}

.author-img {
	max-width: 96px;
	max-height: 96px;
	border: 1px solid #53555a;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 1em;
}

.author-name {
	font-size: 1.2em;
	font-weight: 500;
}

.author-name a { color: inherit; }

.author-title, .author-email {
	font-size: .9em;
}

.related-content {
    margin-top: 2em;
}

/* SINGLE LEADER */
.leadership-container {
	background: linear-gradient(178deg, #b9d4df, #ccc, #ee2737 50%, transparent 75%);
	box-shadow: 0px -10px 50px 125px #b9d4df;
	position: relative;
	padding-bottom: 2em;
}

.leadership-grid-container { margin-top: 1.5em; }

#leadership-grid {
	grid-template-columns: 1fr 1fr 1fr;
	width: 80%;
	margin: auto;
	list-style-type: none; 
	padding: 0;
}

#leadership-grid .cell {
	margin: 0;
	width: 100%; 
	height: 100%;
	list-style-type: none; 
	padding: 0;
}

#leadership-grid .cell-info {
	padding: .5em;
	background-color: #d8d3cb; 
	color: #1a252e; 
	z-index: 999;
	position: relative;
	left: 0;
    width: 100%;
    bottom: 0;
    opacity: 1;
}

.cell-info .arrow {
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
}

#leadership-grid .cell:hover .arrow {
	transform: translateY(-50%); 
	background-color: #ee2737;
}

#leadership-grid figure {
	background: linear-gradient(0deg, #d8d3cb, #ffffff);
	margin: 0;
	overflow: hidden;
}

#leadership-grid .title {
	margin: 0;
	color: #1a252e; 
	font-weight: 800; 
	margin-bottom: .25em;
}

#leadership-grid .cell-blurb {
	color: #53565b;
	font-weight: 500; 
	font-size: .9em;
	margin: .25em auto;
}

#leadership-grid .alternate-leadership {
	display: none;
}

#leadership-grid .cell a figure:hover .initial-leadership {
	display: none;
}

#leadership-grid .cell a figure:hover .alternate-leadership {
	display: block;
}

#leadership-grid img { display: block; }

.initial-leadership { 
	transform: scale(1.1);
}

.leadership-portrait img {
	display: block;
	/* transform: scale(1.05); */
	margin-top: -1.5em;
    transform-origin: bottom right;
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	border-radius: 10px; 
}

.with-sidebar img {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.leadership-portrait figure {
	border-top-left-radius: 25px; 
	border-top-right-radius: 25px;
	border-radius: 10px; 
	border: 3px solid #ffffff; 
}

.with-sidebar figure {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0; 
}

.leadership-sidebar {
    border: 3px solid #ffffff;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-top: none;
    padding: .5em 1em;
	margin-bottom: 2em;
}

.leadership-sidebar p {
	color: #ee2737;
}

.leadership-sidebar ul, .leadership-sidebar ul li {
	list-style-type: none; 
	margin: 0;
	padding: 0;
}

.leadership-sidebar h5 { 
	margin-bottom: 0;
}

.single-leadership .entry-title, .single-leadership .entry-subtitle {
	margin: .25em auto;
}

/* WAYFIND LANDING */
#wayfind-cover { 
	width: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	/* background-position: center 0px; */
	background-position: center; 
	/* background-repeat: repeat; 
	-webkit-box-shadow: inset 0px 0px 100px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 100px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 100px rgba(0,0,0,0.75);*/
	background-attachment: fixed; 
	/* min-height: 100vh; */
	min-height: 300px;
	max-height: 300px;
	/* display: flex; 
	justify-content: center; 
	align-items: center; */
	position: relative;
	overflow: hidden;
	color: #ffffff;
	margin-bottom: 1em;
}

#wayfind-cover h1, #wayfind-cover h2 { 
	color: #ffffff;
	line-height: 1.15em;
	margin: auto;
	font-size: 25px; 
}

.single-wayfind #wayfind-cover {
	min-height: 300px;
	max-height: 300px;
}

#background-video, .background-video {
	min-height: 300px;
	z-index: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute; 
	top: 0;
	left: 0;
	background-position: bottom;
}

#background-video[poster], .background-video[poster] { object-fit: cover; }

.wayfind-cover-container { 
	/* max-width: 1400px;  */
	z-index: 1;
	min-width: 320px;
	margin: 0 auto; 
	position: relative;
	width: 90%;
	position: absolute;
    bottom: 50%;
    right: 50%;
	-ms-transform: translate(50%, 50%); /* IE 9 */
    transform: translate(50%, 50%); }

#wayfind-cover .grid { 
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

#cover-live-area {
	margin: 0 auto;
	/* padding: 3em 0; */
	color: #ffffff;
	/* padding: 0; */
	/* max-width: 950px; */ 
	/* max-width: 1200px; */
	/* min-width: 1000px; */
	position: relative;
	overflow: hidden; }

#cover-live-area a { 
	color: inherit;
	display: inline-block;
	margin: 1em 0; }

#cover-live-area img { 
	 -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 2;
	/* -webkit-backface-visibility: hidden; 
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0); */ }

#cover-live-area a:hover img { 
	 -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
	opacity: 0.75; }

.current-issue-tag {
	color: rgb(255,255,255);
	text-transform: uppercase;
	display: none; } 

.cover-fade { 
	/* background: url(/wp-content/uploads/2015/11/wayfind-fall-2015-fade.png); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/* max-width: 1200px; */
	height: auto;
	min-height: 168px;
	padding: 75px 0px;
	position: relative;
	margin: auto; }

.cover-fade img {
	max-width: 100%;
	max-inline-size: 100%;
	block-size: auto; 
}

#featured-wayfind .single-banner { border-radius: 10px; overflow: hidden; }

#featured-wayfind .single-banner .container {
	position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    width: 90%;
	transform: translate(-50%,-50%);
}

#featured-wayfind .single-banner h2 {
	color: #ffffff;
    font-size: 2em;
    line-height: 1.1em;
    text-align: center;
    margin: 0;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

#featured-wayfind .single-banner::before {
    content: "";
    display: block;
    background: black;
    width: 100%;
    min-height: 300px;
    z-index: 9999999;
    opacity: .25;
}

span.featured-wayfind-vertical {
	font-size:.6em;
	color: #607380;
	text-transform: uppercase;
}

span.featured-wayfind-vertical::after {
    content: " - ";
}

span.featured-wayfind-vertical:last-of-type::after {
    content: "";
}

#featured-wayfind a {
	color: #53555a;
	display: block;
}

#featured-wayfind a:hover {
	color: #607380;
	opacity: .8;
}

#featured-wayfind a:hover>h2, #featured-wayfind a:hover h3 {
	color: #607380;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#featured-wayfind .health-wellness-tag {
	position: absolute;
	top: 0;
	left: 0;
	padding: .5em 1em;
}

#filter-verticals ul.wayfind li label {
    background: #ffffff;
    color: inherit;
}

/* SINGLE WAYFIND */
.wayfind-content img { 
	border-radius: 10px;
}
.single-banner {
	position: relative; 
	/* padding-top: 100px; */
}

.single-wayfind-sidebar {
	position: sticky;
    top: 110px;
}

.single-wayfind-sidebar .share-social-container {
	text-align: right;
	float: right;
    margin-bottom: 1em;
}

.about-wayfind {
    border: 2px solid #ffffff;
    border-radius: 10px;
    padding: 0 1em;
    margin: 1em auto;
	color: #888b8d;
	clear: both;
}

.estimated-read-time {
	font-style: italic;
	font-size: .9em;
}

.post-type {
	font-size: .9em;
	font-weight: 700;
	text-transform: uppercase; 
}

.post-type a {
	color: inherit; 
}

.post-type a:hover {
	color: #ee2737; 
}

a.wayfind-subscribe-cta {
    background: rgb(238, 39, 55);
    border-radius: 10px;
    color: white;
    padding: 5px 15px;
    margin: 1em 1em 1em auto;
    display: inline-block;
}

.wayfind-content table, .wayfind-content th, .wayfind-content td {
	border: 1px solid black;
	border-collapse: collapse; 
	padding: .5em;
	text-align: left; 
}

.table-of-contents, .toc {
	padding: .5em 1em; 
	background: #ffffff; 
	border: 1px solid #ccc; 
	margin: .5em auto; 
	border-radius: 10px;
}

.table-of-contents ul, .toc ul {
	font-size: .95em;
	margin-bottom: 0;
}

.table-of-contents li, .toc li {
	margin-bottom: .2em;
}

.table-of-contents ul li:last-of-type, .toc ul li:last-of-type {
	margin-bottom: .25em;
}

.table-of-contents h5, .toc h5 {
	margin-top: .25em; 
	margin-bottom: .25em;
}

.at-a-glance {
	padding: .5em 1em; 
	background: #ffffff; 
	border: 1px solid #ccc; 
	margin: .5em auto; 
	border-radius: 10px;
}

.at-a-glance h5 {
	margin-top: .25em; 
	margin-bottom: .25em;
}

.wayfind-content h3 + h4 {
	margin-top: 0;
}

/* SOLUTIONS PAGE */
#solutions .disciplines-container {
	
}

#solutions .discipline-header {
	padding: .5em 0 1em 0;
	min-height: 15vh;
}

#solutions .discipline-header a {
	font-size: 1.8em;
	background: #ee2737; 
	border-color: #ee2737;
	border-radius: 10px;
    border-width: 0px;
    border-style: none;
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    color: white;
	margin: .5em 0 .25em 0;
	font-weight: 600;
	line-height: 1.25em;
	font-family: "neue-haas-grotesk-display", "proxima-nova", helvetica, sans-serif;
	vertical-align: middle;
}

#solutions .discipline-arrow {
    display: block;
    height: 50%;
    background: red;
    width: 4%;
	left: 1%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
	background: url(/wp-content/themes/wdpartners/images/large-carrot.svg);
	background-repeat: no-repeat; 
	background-size: contain; 
	background-position: center; 
	cursor: pointer; 
	display: none;
}

#solutions .discipline-arrow.right {
	left: initial;
	right: 1%;
	transform: translateY(-50%) rotate(0deg);
	display: initial;
}

#solutions .discipline-navigation {
	margin: auto;
	padding: 0;
	list-style-type: none;
	display: flex; 
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
	width: 90%;
    max-width: 90%;
    /* overflow-x: auto; */
	overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-scroll-snap-type: x mandatory;
    -moz-scroll-snap-type: x mandatory;
    -o-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory; 
	position: relative;
}

#solutions .discipline-navigation li {
	margin: 0 0em 0 0;
    width: 35%;
	/* width: 33.33333333%; */
    color: #888b8d;
    flex: 0 0 auto;
    scroll-snap-align: start;
	text-align: left;
	cursor: pointer;
	display: block;
	min-height: 100%;
	position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
	opacity: .75;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

#solutions .discipline-navigation li.active {
	opacity: 1;
}

#solutions .discipline-navigation li:last-of-type {
	min-width: 100%;
	width: 100%;
}

#solutions .discipline-navigation li.active .arrow {
	transform: rotate(90deg);
}

#solutions .discipline-navigation li p {
	font-size: 1.6em;
	margin: .5em 0 .25em 0;
    font-weight: 600;
    line-height: 1.25em;
    font-family: "neue-haas-grotesk-display", "proxima-nova", helvetica, sans-serif;
    vertical-align: middle;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

#solutions .discipline-navigation li:hover {
	opacity: 1;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.solutions {
	margin:0;
	padding: 0;
	list-style-type: none;
	display: flex; 
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: stretch;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-scroll-snap-type: x mandatory;
    -moz-scroll-snap-type: x mandatory;
    -o-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    width: 100%;
    /* min-height: 75vh; */
}

.solutions li.solution { 
	margin: 0;
	padding: 0;
	width: 100%; 
	/* height: 100%; */
    flex: 0 0 auto;
    scroll-snap-align: start;
	color: #ffffff;
	position: relative;
	background-size: cover;
    background-position: center;
	overflow-y: hidden;
	background-image: url(/wp-content/uploads/2025/06/starry-poster.jpg);
}

li.solution .solution-tint {
	height: 100%;
	width: 100%;
	position: relative; 
	background: linear-gradient(90deg, rgba(0,0,0,1), rgba(0,0,0,0));
}

li.solution .container { 
	height: 100%;
	padding: 3em 0 2em 0;
}

.solution-text-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.solution-text {
	max-width: 33%;
	font-size: 1.25em;
}

.solution-text h3, .solution-text h2 { 
	font-size: 1.8em;
	line-height: 1.2em;
	margin-top: 0;
}

.solution-stories-container {
	/* position: absolute; 
	bottom: 2em; 
	left: 0; */
	padding: 3em 0 0 0;
}

.solution-stories {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.solution-stories li { 
	padding: 0;
	font-size: 1.2em;
	display: inline-block;
    margin: 0 1em 1em 0;
	vertical-align: middle;
}

.solution-stories li .tooltip {
	font-size: .7em;
	z-index: 9999;
}

.solution-stories li a {
	color: #ffffff; 
}

.solution-stories li a:hover {
	text-decoration: underline;
}

.solution-stories li a img {
	max-width: 130px; 
	max-height: 40px;
	width: auto;
  	display: block; /* To prevent extra margins */
	vertical-align: middle;
	-webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/* .solution-stories li a img.white-logo {
	-webkit-filter: initial!important;
    filter: initial!important;
} */

.solution-stories li a:hover img {
	opacity: .5;
}

/* SOLUTION STORY */
.solution-excerpt-container {
	font-size: 1.15em;
	padding: .5em;
    border: 3px solid #ffffff;
    border-radius: 10px;
}

/* .solution-excerpt {
	height: 150px;
	position: relative;
	overflow: hidden;
}

.solution-excerpt::before {
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(transparent 50px, #f3f3f3);
}

.solution-excerpt::after {
	content: 'Read More';
	font-weight: bold;
	position: absolute; 
	top: 100%;
	width: 100%;
	right: 0; 
	text-align: center; 
} */

.solution-excerpt small br { display: none; }

.readmore { 
	cursor: pointer;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease; }

.readmore:hover strong { 
	color: #000000!important;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.readmore-hidden { display: none; }

.entry-header {
	z-index: 99;
}

.tooltipCTA {
	cursor: pointer; 
	position: relative;
}

.tooltip {
  	visibility: hidden; /* Hidden by default */
	width: auto;
	background-color: rgba(0,0,0,0.75);
	color: #ffffff;
	text-align: center;
	padding: .5em 1em;
	border-radius: 10px;
	white-space: nowrap;
	position: absolute;
	left: 10%;
	top: 130%;
	z-index: 999;
	height: auto;
	font-weight: 400;
	font-size: .8em;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.tooltip::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 25px;
    display: block;
    height: 15px;
    width: 15px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,0.75);
}

.tooltipCTA:hover .tooltip {
	visibility: visible; 
}

.tooltip a, .tooltip a:hover {
	color: #ffffff!important; 
	text-decoration: none!important;
}

h2.subtitle {
	font-size: 2.5em;
	margin-bottom: 0;
	max-width: 75%;
}

.solution-story-container { margin-top: 1em; }

.solution-story {
    overflow: hidden;
    overflow-x: scroll;
    display: flex;
	-webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-scroll-snap-type: x mandatory;
    -moz-scroll-snap-type: x mandatory;
    -o-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
	flex-direction: column;
    flex-wrap: nowrap;
}

.story-navigation-container {
	float: left; 
	width: 25%; 
	margin-top: 0em; 
	position: sticky;
    top: 85px;
	padding: 1em 2em .5em 0;
	z-index: 1;
	background: #f3f3f3;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.story-disciplines {
	display: flex; 
	align-items: baseline; 
	justify-content: flex-start; 
	flex-wrap: wrap; 
	margin-bottom: 1em;
}

.explore-story {
	text-transform: uppercase; 
	display: inline-block;
	margin-bottom: .5em;
}

.story-navigation {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.story-navigation li {
	margin: 0;
	padding: 0;
	margin-bottom: .5em;
	cursor: pointer;
}

.story-navigation li.active { text-decoration: underline; }

.story-navigation h3 {
	margin: 0;
	font-family: "neue-haas-grotesk-display", "proxima-nova", helvetica, sans-serif;
	font-weight: 500; 
	font-size: 1.2em;
	text-wrap: nowrap;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.story-navigation .arrow {
	margin-left: .5em;
}

.story-navigation li.active .arrow {
	transform: rotate(90deg);
}

.story-section-content-container {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    /* overflow-x: auto; */
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-scroll-snap-type: x mandatory;
    -moz-scroll-snap-type: x mandatory;
    -o-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.story-section-content-container div {
    width: 100%;
    min-width: 100%;
	flex: 0 0 auto;
    scroll-snap-align: start;
}

.story-section {
    width: 100%;
    min-width: 100%;
    float: left;
	flex: 0 0 auto;
    scroll-snap-align: start;
}

.story-section-padding {
    /* margin-right: 1em;
	margin-left: 1px; */
}

.story-section .masonry-2-col {
	margin: 1em auto 0 auto;
}

img.attachment-solution-story-client-logo {
    max-width: 200px;
    max-height: 100px;
    height: auto;
    width: auto;
    display: block;
}

.story-section img { display: block; }

.story-section p { margin: 1em auto; }

.story-section-padding p:last-of-type {
    margin-bottom: 0;
}

/* EXPERTISE PAGE */

/* EXPERTISE PAGE GRADIENT */
.expertise-gradient {
	background: #F3F3F3;
	background: linear-gradient(90deg, rgb(243 243 243) 0%, rgba(134, 185, 217, .5) 100%);
	position: relative; 
}

#expertise .disciplines-container {
	
}

.disciplines-navigation {
	margin: 0;
	padding: 0;
}

.disciplines-navigation li {
	vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: #ee2737;
    border-color: #ee2737;
    border-radius: 10px;
    border-width: 0px;
    border-style: none;
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    color: white;
    margin: 0 .5em 0 0;
    font-weight: bold;
    font-size: 1.25em;
	cursor: pointer;
}

.disciplines-navigation li:hover {
	opacity: .5; 
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#expertise .discipline-container {
	margin: 4em 0;
}

#expertise .discipline-container:last-of-type {
	margin-bottom: 0;
	padding-bottom: 2em;
}

#expertise .discipline-container .col_2-3 img {
	border-radius: 10px; 
}

#expertise .discipline-header {
	padding: 0;
}

#expertise .discipline-header a {
	background: #cccccc; 
	border-color: #cccccc;
	border-radius: 10px;
    border-width: 0px;
    border-style: none;
    text-align: center;
    display: inline-block;
    padding: 5px 15px;
    color: white;
	opacity: .5; 
	margin: 0 .5em .5em 0; 
	cursor: pointer;
	font-weight: 600;
    line-height: 1.1em;
	font-family: "neue-haas-grotesk-display", "proxima-nova", helvetica, sans-serif;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
	font-size: 1.25em;
}

#expertise .discipline-header a.active, #expertise .discipline-header a:hover {
	opacity: 1;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#expertise .discipline-header a {
	color: #ffffff;
}

#expertise .discipline-header h3 {
	font-size: 1.1em;
}

#expertise .discipline-header p {
	margin: .5em 0 1em 0;
}

#expertise .discipline-navigation {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex; 
	flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
	width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-scroll-snap-type: x mandatory;
    -moz-scroll-snap-type: x mandatory;
    -o-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

#expertise .discipline-navigation li {
	margin: 0;
    min-width: 33.33333333%;
	width: 33.33333333%;
    color: #888b8d;
    flex: 0 0 auto;
    scroll-snap-align: start;
	text-align: left;
}

#expertise .discipline-navigation li:last-of-type {
	min-width: 100%;
	width: 100%;
}

#expertise .discipline-navigation li h3 {
	font-size: 1.6em;
}

.expertise {
	border-bottom: 1px solid;
	padding: .5em 0;
	min-height: 32px;
}

.expertise:first-of-type {
	border-top: 1px solid;
}

.expertise>h4 {
	display: inline-block;
	margin-top: 0;
	font-size: 1em;
	cursor: pointer;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
	z-index: 1;
}

.expertise>h4:hover {
	opacity: .75;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.expertise:h4>.arrow {
	opacity: .5;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.expertise-content {
	display: none;
}

ul.capabilities-container {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

ul.capabilities-container li {
	list-style-type: none; 
	margin: 0;
	padding: 0; 
	font-weight: bold;
	font-size: .9em;
}

.expertise-stories-container {
    margin-top: .5em;
}

ul.expertise-stories {
	list-style-type: none;
	margin: .5em 0 1em 0;
	padding: 0;
}

ul.expertise-stories li {
	list-style-type: none;
	margin: 0 .5em .5em 0;
	padding: 0;
	display: inline-block;
	font-size: 1.35em;
	vertical-align: middle; 
}

ul.expertise-stories li .tooltip { font-size: .65em; }

ul.expertise-stories li h4 {
	margin: auto;
}

ul.expertise-stories a {
	color: rgba(0,0,0,0.5);
	font-weight: 800;
}

ul.expertise-stories li img {
	-webkit-filter: grayscale(1) brightness(0);
    filter: grayscale(1) brightness(0);
	opacity: .5;
	max-width: 90px; 
	max-height: 30px;
	width: auto;
  	display: block; /* To prevent extra margins */
	vertical-align: middle;
}

ul.expertise-stories a:hover img {
	opacity: .75;
	transform: scale(1.1);
}

/* THINKING PAGE */

#filter-verticals, .filter-section { 
	margin: 1em auto;
	text-align: center;
}

#filter-solutions { text-align: left; margin-top: 0; }

#filter-solutions ul li label { background: none; }

#filter-solutions input:checked+label, #filter-solutions ul li input+label:hover { color: #fff!important; /* transform: scale(1.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.25); */ background: red; }

#filter-solutions input:checked+label.brand-label, #filter-solutions ul li input+label.brand-label:hover {
	 background: var(--brand);
}

#filter-solutions input:checked+label.ops-label, #filter-solutions ul li input+label.ops-label:hover {
	 background: var(--ops);
}

#filter-solutions input:checked+label.build-label, #filter-solutions ul li input+label.build-label:hover {
	 background: var(--build);
}

#filter-solutions ul li:first-of-type { margin-left: 0; }

#filter-verticals .title, .filter-section .title {
	margin: .5em auto;
	display: inline-block;
	font-size: 1.4em;
}

#filter-verticals ul, .filter-section ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#filter-verticals ul li, .filter-section ul li {
	margin: 0 5px;
	display: inline-block; 
}

#filter-verticals input[type="checkbox"], #filter-verticals input[type="radio"], .filter-section input[type="checkbox"], .filter-section input[type="radio"], .filter-section input[type="radio"], .filter-section input[type="radio"] {
	display: none;
}

#filter-verticals input[type="checkbox"]+label, .filter-section input[type="checkbox"]+label, .filter-section input[type="radio"]+label {
	font-weight: 700;
}

#filter-verticals input[type="checkbox"]+label, .filter-section input[type="checkbox"]+label, .filter-section input[type="radio"]+label {
	padding: 2px 10px;
    font-size: .9em;
    background: rgba(245, 245, 245, 0);
    border: 2px solid #ffffff;
    border-radius: 10px;
    margin: 3px auto;
    display: inline-block;
    cursor: pointer;
    /* box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); */
    color: #ffffff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#filter-verticals input[type="checkbox"]+label:hover, .filter-section input[type="checkbox"]+label:hover, .filter-section input[type="radio"]+label:hover {
    background: rgba(245, 245, 245, 1);
	color: #53555a;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#filter-verticals input[type="checkbox"]:checked+label, #filter-verticals input[type="checkbox"]:checked+label:hover, .filter-section input[type="checkbox"]:checked+label, .filter-section input[type="checkbox"]:checked+label:hover, .filter-section input[type="radio"]:checked+label, .filter-section input[type="radio"]:checked+label:hover {
	background: #ee2737;
	border-color: #ee2737;
	color: white; 
}

div#filter-content {
    display: none;
}

#thinking-grid, #thinking-grid li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	align-items: start;
}

#thinking-grid {
	grid-template-columns: 1fr 1fr 1fr;
}

#thinking-grid img {
	display: block;
}

#thinking-grid .cell {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.25);
}

#thinking-grid .cell figure {
	margin: 0;
}

#thinking-grid .cell .cell-shadow {
	background: linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, 0));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	opacity: .5;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

#thinking-grid .cell .cell-tag {
	position: absolute; 
	top: 5%; 
	left: 5%;
	background: #f3f3f3; 
	color: #222222;
	font-size: .8em;
	font-weight: 500;
	border-radius: 10px; 
	padding: 2px 10px; 
	text-transform: uppercase; 
}

#thinking-grid .cell .cell-info {
    position: absolute;
    bottom: 5%;
    left: 10%;
    width: 80%;
	/* transform: translateY(-75%); */
    margin: auto;
	opacity: 1;
	color: #f3f3f3;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

#thinking-grid .cell:hover div.cell-info {
    opacity: 1;
}

#thinking-grid .cell:hover .cell-shadow {
	opacity: 1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

#thinking-grid .cell-info .title {
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.2em;
}

#thinking-grid .cell-blurb {
	font-size: .9em;
	line-height: 1.2em;
}

.loading {
    border: 5px solid #d6d6d6;
    border-radius: 50%;
    border-top: 5px solid #FF0000;
    width: 38px;
    height: 38px;
    -webkit-animation: spin .75s ease infinite;
    animation: spin .75s ease infinite;
    margin: 2em auto;
    display: none;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* THINKING PAGE GRADIENT */
.thinking-gradient {
	background: #F3F3F3;
	background: linear-gradient(180deg, rgba(139,214,236, 1) 0%, rgba(234, 69, 68, 1) 100%);
	position: relative;
}

/* ABOUT PAGE */
.about-gradient {
	background: #F3F3F3;
	background: linear-gradient(180deg, #cfecf7 0%, #bed7df 100%);
	position: relative;
}

.about-sidebar {
	position: sticky; 
	top: 85px; 
	font-size: 1.1em;
}
.about-grid {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: stretch;
}

.about-grid .about-cell, .about-grid .picture-cell {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1%;
	margin-right: 1%; 
	position: relative; 
}

.about-grid .about-cell {
	width: 40%;
	border: 3px solid #ee2737; 
	border-radius: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
	padding: .5em;
}

.about-grid .picture-cell { 
	width: 55%;
}

.about-grid .about-cell h2, .about-grid .about-cell p {
	width: 90%; 
	margin: auto;
	font-size: 1.2em; 
}

.about-grid .about-cell h2 { margin-bottom: .5em; }

.about-cell.people:hover {
    background: #ee2737;
    color: #ffffff!important;
    cursor: pointer;
}

.about-cell.excellence:hover {
    background: #8c216a;
    color: #ffffff!important;
    cursor: pointer;
}

.about-cell.collaboration:hover {
    background: #0087cb;
    color: #ffffff!important;
    cursor: pointer;
}

.about-icon {
    position: absolute;
    bottom: 1em;
    right: 1em;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

.about-icon img { 
	max-width: 100px; 
	max-height: 100px; 
}

.about-cell:hover .about-icon {
	opacity: 1;
}

.about-cell p {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

.about-cell:hover p { opacity: 0; }

.history {
	background-image: url(/wp-content/uploads/2026/07/history-image.webp);
	background-size: cover; 
	background-position: center;
	box-shadow: 0px 125px 50px -50px inset #bed7df;
	padding: 8em 0 10em 0;
	color: #ffffff;
}

.history p {
    font-size: 1.2em;
}

.about-stats-container {
	background-image: url(/wp-content/uploads/2026/10/About_map.webp); 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center;
	width: 100%;
	padding: 0;
	margin: auto;
	min-height: 750px;
}

.about-stats {
	padding: 4em 0;
	overflow-x: hidden;
}

.about-stats .grid {
	color: #ffffff;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
	font-weight: bold;
}

.about-stats ul { 
	margin-left: .25em;
	margin-top: .25em;
}

.about-stats p { margin-top: .25em;}

.about-stats ul li {
	padding-top: 0;
	margin-top: 0;
}

.about-stats span.fields {
	font-size: 1.25em;
}

.about-stats a {
	color: #ffffff;
	border-bottom: 1px solid transparent;
}

.about-stats a:hover {
	border-bottom: 1px solid #ffffff;
}

.about-stats .stat {
	font-size: 5em;
	color: #ee2737;
	font-weight: bold;
	line-height: 1em;
}

.about-stats .stat-desc {
	color: #ffffff;
	font-size: 1.25em;
}

.about-stats .stat, .about-stats .stat-desc { 
	text-align: center;
}

.careers-banner {
    background: #ee2737;
    color: #ffffff;
    padding: 3em 0;
    margin-top: 0em;
	position: relative;
}

.careers-banner .wolfie {
	
}

.careers-banner .wolfie a {
	display: block;
    content: "";
    width: 100px;
    height: 100px;
	background-color: none; 
    background-image: url(/wp-content/uploads/2026/07/Wolfie-Footer.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    position: absolute;
    top: -83px;
    right: 2em;
	border: none;
}

/* .careers-banner .wolfie a { display: block; width: 100%; height: 100%; border: 0; background: none; }

.careers-banner .wolfie a:hover { background: none; } */

.careers-banner .wolfie a:hover, .careers-banner .wolfie a:active {
	background-color: transparent; 
	background-image: url(/wp-content/uploads/2026/07/Wolfie-Footer-2.webp);
	background-size: contain;
	background-position: left;
    background-repeat: no-repeat;
	cursor: pointer;
}

.careers-banner .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-evenly;
}

.careers-banner h2 {
	font-size: 3em;
}

.careers-banner a {
	color: #ffffff; 
	border-width: 2px;
    border-style: solid;
	white-space: nowrap
}

.careers-banner a:hover {
	color: #ee2737; 
	border-color: #ffffff; 
	background: #ffffff;
}

.pill.careers {
	border-width: 2px;
    border-style: solid;
}

.pill.careers:hover {
	background: #ee2737;
	border-color: #ee2737; 
	color: #ffffff;
}

/* CAREERS PAGE */
.careers-benefits {
	clear: both;
    position: relative;
    padding: 0;
    height: auto;
    margin: 0 auto;
    margin-left: -2%;
}

.careers-benefits .col_1-2 {
	float: left!important; 
	width: 50%!important;
	padding-left: 2%!important;
}

/* CAREERS PAGE GRADIENT */
.careers-gradient {
	background: #f3f3f3;
	background: linear-gradient(0deg,rgba(243,243,243, 1) 25%, #d0edf8 75%);
	position: relative;
}

.benefits-list {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}

.benefits-list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: .9em;
}

/* ***** SITE MAP PAGE SPECIFIC ***** */
div#site-map {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px; 
}

#site-map ul li { margin: 5px 0 10px 0; }

#site-map ul li.sub-page {
    margin-left: 20px; 
}

#site-map ul li.sub-page-2 {
    margin-left: 30px; 
}

#site-map ul li.sub-page-3 {
    margin-left: 40px; 
}

#site-map a {
   color: #607380;
}

#site-map a:hover {
	color: #FF0000; 
}

/* NEWS / BUZZ WORTHY PAGE */
.news-articles, .news-articles li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.news-articles li { margin-bottom: .5em; }

.news-articles a {
	color: #53555a;
}

.news-articles a strong {
	color: #ee2737;
	text-decoration: underline;
	font-weight: 800;
}

.news-articles img {
	border-radius: 10px; 
}

.news-articles .tooltip {
	background: rgba(238,39,55,0.95);
}

.news-articles .tooltip::before {
	border-bottom: 10px solid rgba(238,39,55,0.95);
}

.events-presenting {
	list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 0;
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-scroll-snap-type: x mandatory;
    -moz-scroll-snap-type: x mandatory;
    -o-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.events-presenting li {
	width: 32%;
	min-width: 32%; 
	max-width: 32%;
	margin-right: 1%;
	flex: 0 0 auto;
    scroll-snap-align: start;
}

.events-presenting::-webkit-scrollbar {
    width: 10px;
	height: 10px;
}

/* Track */
.events-presenting::-webkit-scrollbar-track {
}

/* Handle */
.events-presenting::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #53555a; 
}

/* PUBLICATIONS TICKER BAR (ABOVE FOOTER) */
.publications-ticker-container {
	padding: 3em 0;
	width: 100%;
	background: white;
	white-space: nowrap;
	overflow: hidden;
}

.publications-ticker, .publications-ticker-2 {
	margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	position:relative;
}

.publications-ticker li, .publications-ticker-2 li {
	list-style-type: none; 
	display: inline; 
	margin: 0 2em;
	float: left; 
	position: absolute;
	padding-right:40px; 
	left:0px;
}

.publications-ticker li img, .publications-ticker-2 li img {
	vertical-align: middle; 
	height: auto;
	width: auto;
	max-height: 50px;
	max-width: 200px;
}

/* FOOTER */

footer#colophon {
	background: #1d252d;
	color: #ffffff;
	padding: 3em 0;
}

footer#colophon .grid { 
	display: flex; 
	align-content: stretch;
}

#footer-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: "neue-haas-grotesk-display", "proxima-nova", helvetica, sans-serif;
	font-size: .95em;
}

#footer-menu>li {
	float: left;
	vertical-align: top;
	margin: 0 .5em; 
	list-style-type: none;
	text-transform: uppercase;
}

#footer-menu li:first-of-type { 
	margin-left: 0;
}

#footer-menu li:last-of-type { 
	margin-right: 0;
}

#footer-menu li a {
	color: #ffffff;
	font-weight: bold;
}

#footer-menu li a:hover {
	color: #b2b6b9; 
}

#footer-menu .sub-menu {
	margin: 0;
	padding: 0;
}

#footer-menu .sub-menu li {
    display: block;
	margin: .5em 0;
	font-size: .9em;
	text-transform: uppercase;
}

#footer-menu .sub-menu li a { 
	color: #b2b6b9;
}

#footer-menu .sub-menu li a:hover { 
	color: #ffffff;
}

.footer-logo {
	position: absolute; 
	bottom: 0;
}

.footer-search input {
    background: #1d252d;
    border-radius: 10px;
    padding: .15em .75em;
    font-size: .8em;
    border: 1px solid #b2b6b9;
    color: #FFFFF8 !important;
	background: transparent url("/wp-content/themes/wdpartners/images/search.svg") no-repeat 10px;
	background-size: 14px;
	padding: .15em .75em .15em 2.25em;
}

.footer-search input::placeholder {
  color: #b2b6b9;
  opacity: 1;
}

.site-info { 
	font-size: .7em;
	margin: 1em auto;
	color: #b2b6b9;
}

.site-info a {
	color: #b2b6b9; 
}

.site-info a:hover {
	color: #ffffff;
}

.copyright {
	margin-bottom: 1em;
}

.disclaimer { 
	font-size: .8em;
}

#footer-disclaimer-menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer-disclaimer-menu li {
	list-style-type: none;
	text-transform: uppercase;
	margin-bottom: .25em;
}

/* #footer-disclaimer-menu li:last-of-type { margin-bottom: 0; } */

#footer-disclaimer-menu li a {
	color: #b2b6b9;
	display: block;
	padding: .15em 0;
	font-size: .8em;
}

#footer-disclaimer-menu li a:hover {
	color: #ffffff;
}

@media screen and (max-width: 1280px) {
	.about-cell h2 { font-size: 1.5em!important; }
}

@media screen and (max-width: 1024px) {
	.solution-text { max-width: 50%; }
	.masonry-grid { grid-template-columns: 1fr 1fr!important; }
	/* .masonry-cell img { max-width: 100%; width: 100%; position: static; } */
	.row-start-1, .row-end-1, .row-start-2, start-3, .col-end-3, .col-start-4, .col-end-4, .col-start-5, .col-end-5 { grid-column-end: initial; grid-column-start: initial; grid-row-end: initial; grid-row-start: initial }
	.span-col-2, .span-row-2 { grid-column: initial; grid-row: initial; }
	.story-navigation h3 { font-size: 1em }
	#wayfind-cover { background-attachment: initial; }
	.careers-banner .wolfie a:hover, .careers-banner .wolfie a:active {
		display: block;
		content: "";
		width: 100px;
		height: 100px;
		background-color: none; 
		background-image: url(/wp-content/themes/wdpartners/images/Wolfie-Footer.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: left;
		position: absolute;
		top: -83px;
		right: 2em;
		border: none;
	}
	#filter-verticals input[type="checkbox"]+label:hover { background: initial; color: #ffffff; }
	#expertise .discipline-header h2:hover { background: #cccccc!important; color: #ffffff!important; }
	.wayfind-subscribe input[type="text"] { width: 65%; }
	.wayfind-subscribe input[type="submit"] { width: 35%; }
	.cell-info, .cell-shadow { opacity: 1!important; } 
	.masonry-cell span { font-size: 1.25em; }
	div#site-map {
    	-webkit-column-count: 2;
    	-moz-column-count: 2;
		column-count: 2; }
}

@media screen and (max-width: 896px) {	
	.hidden-at-896 { display: none!important; }
	.visible-at-896 { display: block!important; }
	.home-slider li.slide .slide-content h2 { font-size: 2.5em; }
	.about-cell h2 { font-size: 1.25em!important; }
	.about-cell p { font-size: 1em!important; }
	.about-icon img { 
		max-width: 75px; 
		max-height: 75px; 
	}
	.client-list {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media screen and (max-width: 768px) {
	body { font-size: 1.6rem; }
	.hidden-at-768 { display: none!important; }
	.visible-at-768 { display: block!important; }
	.clear { margin: 0; padding: 0; height: 0; line-height: 0; }
	.container, #solutions .discipline-navigation { width: 85%!important; max-width: 85%!important; }
	.grid { display: initial!important; }
	#primary-menu { display: none; }
	#menu-button { display: block; }
	#primary-menu li { margin: 0 .5em; }
	/* .home-slider .background-video { display: none; } */
	.home-slider li.slide .slide-content h2 { font-size: 2em; }
	.home-slider li.slide .slide-content h3 { font-size: 1.25em; }
	.home-lower-text-container { display: none; }
	.homepage-diagram { display: block; }
	.home-mission { padding: 1em 0; }
	.home-mission h2, .home-expertise h2, .home-insights h2, .home-trending h2 { font-size: 2.25em; margin: .5em auto; }
	#stats-bar { padding: 1em;}
	#stats-bar .stat { font-size: 3.5em; }
	#stats-bar .col_1-4 { flex-direction: column; align-items: flex-start; }
	.home-expertise-list { margin: auto; }
	.home-expertise-list li { width: 100%; }
	.home-expertise-list li:nth-child(1) { order: 1; }
	.home-expertise-list li:nth-child(2) { order: 2; }
	.home-expertise-list li:nth-child(3) { order: 3; }
	.home-expertise-list li:nth-child(4) { order: 4; }
	.home-expertise-list li:nth-child(5) { order: 5; }
	.home-expertise-list li:nth-child(6) { order: 6; }
	.masonry-grid, .masonry-2-col { grid-template-columns: 1fr!important; }
	.home-trending span { display: block; margin-top: 1em; }
	.subtitle { max-width: 100%; }
	.solution-text { max-width: 100%; }
	.story-navigation-container { 
		width: 100%; 
		float: none; 
		top: -10px; }
	.story-navigation-container.slideUp {
		/* top: -20px; */
	}
	.story-navigation li {
		display: inline-block;
		margin-right: 1em;
		margin-bottom: .25em; 
	}
	.story-navigation h3 { font-size: 1em; }
	.story-navigation .arrow { width: 24px; height: 24px; background-size: 18px; }
	.story-section-content-container div { font-size: .9em; line-height: 1.1em; }
	.discipline-navigation li {	min-width: 50%;	width: 50%;	}
	.single-wayfind-sidebar { position: initial; }
	.share-social-container { float: none; margin: .5em auto; }
	.about-sidebar { position: initial; margin-bottom: 2em;  }
	.about-grid .about-cell { min-height: 200px; width: 100%; margin: 1em auto; }
	.about-grid .picture-cell { width: 100%; margin: 1em auto; }
	.about-stats .stat, .about-stats .stat-desc { text-align: left; }
	.careers-banner h2 { font-size: 2em; }
	#wayfind-cover { background-position: left 0!important; }
	#wayfind-cover h2 { font-size: 1.25em; line-height: 1.25em; }
	#footer-menu .sub-menu { display: none;	}
	#footer-menu>li {
		float: none;
		margin: 1em auto;
	}
	#footer-menu>li:first-of-type { margin-top: 0; }
	#footer-menu>li:last-of-type { margin-bottom: 0; }
	.footer-logo { position: relative; }
	.footer-search { margin: 1em auto; }
	.careers-benefits .col_1-2 {
		float: initial; 
		width: initial;
		padding: initial;
	}
	.leadership-container { padding-bottom: 5em; }
	span.arrow { width: 24px; height: 24px; background-size: 18px; }
	.contact-container .contact-menu-cell { float: none; width: 100%; }
	.masonry-cell span { font-size: 1.5em; }
	.client-list {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.home-page-inspired-shopper-base { overflow: hidden; }
	.home-page-inspired-shopper-cutout { width: 60%!important;}
	.home-page-digital-twins-cutout { width: 75%!important; }
	.ctr-schedule { max-width: 100%; }
	.ctr-innovate { margin-top: 1em; }
	.ctr-headline { display: none!important; }
	.ctr-headline2 { display: inline-block; }
	.ctr-headline2 span { float: none!important; }
	.ctr-flex { display: flex!important; flex-direction: column-reverse; }
	.ctr-flex .col_1-2(nth-child:1) { order: 2; }
	.ctr-flex .col_1-2(nth-child:2) { order: 1; }
	ul.ctr-grid li { width: 45%; margin-left: 0; }
	.events-presenting { /* flex-wrap: wrap; */ }
	.events-presenting li { width: 90%; max-width: 90%; min-width: 90%; margin-right: 5%; }
	div#site-map {
    	-webkit-column-count: 1;
    	-moz-column-count: 1;
		column-count: 1; }
	.wayfind-content table, .wayfind-content th, .wayfind-content td {
		font-size: .9em;
	}
	ul.expertise-stories li .tooltip, .solution-stories li .tooltip { display: none; }
}
@media screen and (max-width: 512px) {
	.entry-content .contact-menu-cell { 
		float: none;
		width: 100%;
		margin: 1em auto;
	}
	.contact-container .contact-menu-cell p { font-size: 1em; }
	.client-list {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

.hsfc-Step__Content { padding: 0!important; }

.hs-form-html { margin: 1em auto; }
.hsfc-RichText p { background: none!important; }
.hsfc-RichText a { color: inherit!important;}
.hs-form-html span { font-size: inherit!important; font-weight: normal!important; }
.hsfc-NavigationRow { margin-top: .5em!important;}
.hsfc-ErrorAlert { font-size: initial!important; }
.contact-container .hsfc-FieldLabel, .wayfind-subscribe .hsfc-FieldLabel { display: none!important; }
.hsfc-PhoneInput__FlagAndCaret { color: #222222; }
.hsfc-ReCaptchaV3,.grecaptcha-badge { display: none!important; }
.hsfc-Row { margin-bottom: .5em!important; }

.hub-iframe-padding {
  margin-left: -40px;
  margin-right: -40px;
}
.hs-form-html .hsfc-TextInput { background-color: #ffffff!important; }
.hs-form-html a, .hbspt-form a, .hs-error-msgs { color: #ee2737!important; }
.hs-error-msgs { font-size: .8em; }
.hs-form-html a:hover, .hbspt-form a:hover { color: #53555a!important; }
.hs-input { width: 100%; border-radius: 5px!important; padding-left: .5em!important;  }
.hs-input:focus {     
	outline: none !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .15); 
}
.hs-form-field, .hs-richtext { margin: 1em auto; }
.hbspt-form p { background: #f3f3f3!important; margin: .5em auto!important; }
.hs-button {     
	padding: .75em 1.5em!important;
    background: #222!important;
    color: #fff!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    border-radius: 10px!important; 
	border: none!important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}
.hs-button:hover {
	cursor: pointer; 
	background: #ee2737!important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}
.hs-error-msgs, .hs-error-msgs li {
	list-style-type: none;
	padding-left: 0;
}

.enterprise-background {
	background: linear-gradient(90deg, #00c663, #002958); 
	color: #ffffff;
}

.enterprise-background h1, .enterprise-background h2, .enterprise-background h3, .enterprise-background h4, .enterprise-background h5 {
	color: #ffffff;
}

.enterprise-background a {
	color: #ffffff;
	text-decoration: underline; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

.enterprise-background a:hover {
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

ul.enterprise-deliverables {
    margin: 1em 0 0 0;
    padding: 0;
    list-style-type: none;
}

.enterprise-deliverables li {
    border-top: 1px solid white;
	margin: 0; 
	vertical-align: middle;
	text-transform: uppercase;
	font-size: .95em;
}

.enterprise-deliverables li:last-of-type {
    border-bottom: 1px solid white;
}

.enterprise-deliverables li a {
	padding: .75em .25em .75em .25em;
	text-decoration: none;
	vertical-align: middle;
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
}

.enterprise-deliverables li a:hover {
	text-decoration: none;
	background: rgba(255,255,255,0.1);
}

.download-deliverable {
	background: #00c763; 
	border-radius: 10px;
	color: #ffffff;
	padding: .4em 1em;
	vertical-align: middle;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
	line-height: 1em;
	align-self: center;
	text-align: center;
	min-width: 25%;
	margin-left: 2%;
	font-size: .9em;
}

.enterprise-deliverables li a:hover .download-deliverable {
	text-decoration: none;
	background: #ee2737; 
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}

.industry-intelligence-grid { 
	grid-template-columns: 1fr 1fr;
}

.contact-george-container {
	display: flex;
	align-items: center;
}

.contact-george {
	border: 1px solid #ffffff; 
	border-radius: 20px; 
	padding: .5em 1.5em;    
	display: inline-flex;    
	align-items: center;    
	flex-direction: row;    
	flex-wrap: nowrap;    
	justify-content: center;
}

.contact-george a { text-decoration: none; }


@media screen and (max-width: 1200px) {
	.download-deliverable { min-width: 40%; }
}

@media screen and (max-width: 768px) {
	.contact-george {
		align-items: center;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		text-align: center;
	}
	.download-deliverable { min-width: 35%; }
}

.faq { font-size: 1.1em; }

.faq details {
	border-bottom: 1px solid #222;
	padding: .25em 0;
  -webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
}

.faq summary {
	color: #ee2737;
  list-style: none;
	font-weight: 700;
  display: flex;
  justify-content: space-between;  
  -webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
	position: relative;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
}

.faq summary::-webkit-details-marker {
  display: none;
}

.faq summary:after{
	content: '';
  border-width: .5em;
  border-style: solid;
  border-color: #222 transparent transparent transparent;
	margin-top: .5em;
  transform: rotate(0);
	transform-origin: 50% 25%;
	 -webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.faq details[open] summary {
   -webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.faq details[open] summary:after{
	transform: rotate(180deg);
	 -webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
}

.faq details div {
  -webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease; 
	transition: all 0.2s ease;
	height: auto;
	-webkit-backface-visibility: hidden;
	overflow: hidden;
}