html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  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%;
} 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;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} 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;
} 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%;
}  .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%;
} .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;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .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;
} .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;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .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;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} :root {
--brand: #00bdef;
--ops: #315abc;
--build: #3da79c;
}
.brand li.active .arrow { background-color: var(--brand); }
.brand li.active h3 { 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 h3 {	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 h3 { 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: #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;
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; }
h2 { font-size: 1.8em; }
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%;  
-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;
}
*, *: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 0;
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; }
blockquote {
margin: 1em auto;
padding-left: 1em;
border-left: 2px solid #ee2737;
font-size: 1em;
background: #f5f5f5;
}
blockquote p, blockquote h4, blockquote h3, blockquote h2, blockquote h1 {
padding: .5em .5em .5em 0;
}
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;
}
.red-font { color: #ee2737; }
.fluid-width {
position: relative;
padding-bottom: 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.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%; margin: auto; 
position: relative; 
}
.hidden-at-1024 { display: initial!important; }
.visible-at-1024 { 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: 999;
}
.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; -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 { 
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; -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 {
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; -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 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; } #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 { 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; }
.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 { -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-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;
} .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; -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 h2.contact-title:hover { 
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; }
.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 h2 {
margin: 0;
color: #212121;
font-size: 1.15em;
text-transform: uppercase; 
}
.contact-container .contact-menu-cell h3 {
margin: 0;
font-size: 1.15em;
color: #ffffff;
}
.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; z-index: 99999;
}
#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] { 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(//www.wdpartners.com/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 #primary { margin-top: 0; }
.home #primary .container { padding: 0 4%; } .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; }
@-webkit-keyframes zoomSlide { 
0% { -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
50% { -moz-transform: scale(1.25,1.25); -webkit-transform: scale(1.25,1.25); transform: scale(1.25,1.25);  }
100% { -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
}
@-moz-keyframes zoomSlide { 
0% { -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
50% { -moz-transform: scale(1.25,1.25); -webkit-transform: scale(1.25,1.25); transform: scale(1.25,1.25);  }
100% { -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
}
@-o-keyframes zoomSlide { 
0% { -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
50% { -moz-transform: scale(1.25,1.25); -webkit-transform: scale(1.25,1.25); transform: scale(1.25,1.25);  }
100% { -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
}
@keyframes zoomSlide { 
0% { -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
50% { -moz-transform: scale(1.25,1.25); -webkit-transform: scale(1.25,1.25); transform: scale(1.25,1.25);  }
100% { -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; }
.home-lower-text-container ul li.wayfind a {
display: inline-block; width: 170px; background-size: 165px; -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; }
.slide-right-side {
display: inline-block; }
.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-gradient {
background: #F3F3F3;  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(120deg, rgba(77, 194, 233, 1), rgba(157,162,164, 1) 65%, rgba(238, 50, 65, 1)); 
}
.gradient-background.gradient-2 {    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(120deg, rgba(77, 194, 233, 1), rgba(157,162,164, 1), rgba(238, 50, 65, 1)); 
}
.gradient-background.gradient-4 {    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%);  }
.gradient-background.gradient-6 {
background: linear-gradient(90deg, rgb(243 243 243) 0%, rgba(134, 185, 217, .5) 100%);  }
.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%);
} .home-mission {
color: #ffffff;
padding: 3em 0;
}
.home-mission p {
font-size: 1.25em;
margin-top: 0;
}
.home-mission h2 {
font-size: 2.5em;
line-height: 1.3em;
font-weight: 600; 
margin: 0;
}
#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;
} #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 { }
.BOB-lockup-container {
top: 0;
left: 0;
width: 100%;
vertical-align: top;
height: 50%;
position: relative;
}
.BOB-lockup-container::before { } #BOB-lockup {
width: 100%;
max-width: 500px;
position: relative;
vertical-align: top; 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%; 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; overflow: hidden;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap; -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);
} .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 .5em 0;
color: #ffffff;
}
.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-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; column-gap: 1em;
row-gap: 1em;
color: #ffffff;
margin: 0;
padding: 0;
}
.masonry-grid .cell, .masonry .cell, .masonry-grid figure, .masonry figure {
position: relative;
width: 100%; 
height: 100%;
}
.masonry-grid img, .masonry img {
display: block;
}
.masonry-grid .cell, .masonry-grid .masonry-cell, .masonry .cell, .masonry-grid .cell { 
width: 100%;
background: none; 
border: none; 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;
}
#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);
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;
} .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 {
margin: 0;
}
.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: 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; 
}
.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%; margin: auto;
opacity: 0;
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.75), 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;
-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-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; 
}  .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 { }
.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 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 { font-size: 1.2em;
margin-top: 1em;
}
.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: 10px;
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;
} .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;
} .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: 300px;
object-fit: cover; 
object-position: center; 
display: block;
}
.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; 
}
.entry-title { }
.entry-subtitle {
font-weight: 500; 
margin-bottom: 0;
margin-top: 0;
}
.page-template-landing-page .related { display: none; }
.page-template-landing-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-title, .author-email {
font-size: .9em;
}
.related-content {
margin-top: 2em;
} .leadership-container {
background: linear-gradient(180deg, #e8e2d8, transparent);
box-shadow: 0px -10px 50px 125px #e8e2d8;
position: relative;
padding-bottom: 2em;
}
#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;
border-radius: 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;
}
.initial-leadership { 
transform: scale(1.1);
}
.leadership-portrait img {
display: block; 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-cover { 
width: 100%;
background-color: #fff;
background-repeat: no-repeat;
background-size: cover; background-position: center; background-attachment: fixed; min-height: 300px;
max-height: 300px; 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 {
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] { object-fit: cover; }
.wayfind-cover-container { z-index: 1;
min-width: 320px;
margin: 0 auto; 
position: relative;
width: 90%;
position: absolute;
bottom: 50%;
right: 50%;
-ms-transform: translate(50%, 50%); 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; color: #ffffff;    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; }
#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-repeat: no-repeat;
background-size: cover;
background-position: center; height: auto;
min-height: 168px;
padding: 75px 0px;
position: relative;
margin: auto; }
.cover-fade img {
max-width: 100%
}
#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;
} .wayfind-content img { 
border-radius: 10px;
}
.single-banner {
position: relative; }
.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;
} #solutions .disciplines-container {
}
#solutions .discipline-header {
padding: .5em 0 1em 0;
min-height: 15vh;
}
#solutions .discipline-header h2 {
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;
}
#solutions .discipline-arrow {
display: block;
height: 50%;
background: red;
width: 4%;
left: 1%;
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(180deg);
background: url(//www.wdpartners.com/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: 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%; 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 h3 {
font-size: 1.6em;
-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%; }
.solutions li.solution { 
margin: 0;
padding: 0;
width: 100%; flex: 0 0 auto;
scroll-snap-align: start;
color: #ffffff;
position: relative;
background-size: cover;
background-position: center;
background-image: url(//www.wdpartners.com/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;
}
.solution-text-container {
width: 100%;
height: 100%;
position: relative;
}
.solution-text {
max-width: 33%;
font-size: 1.25em;
}
.solution-text h3 { 
font-size: 1.8em;
line-height: 1.2em;
margin-top: 0;
}
.solution-stories-container { 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 0 0;
vertical-align: middle;
}
.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; vertical-align: middle;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
} .solution-stories li a:hover img {
opacity: .5;
} .solution-excerpt-container {
font-size: 1.15em;
padding: .5em;
border: 3px solid #ffffff;
border-radius: 10px;
} .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; 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 #333;
}
.tooltipCTA:hover .tooltip {
visibility: visible; 
}
.tooltip a, .tooltip a:hover {
color: #ffffff!important; 
text-decoration: none!important;
}
.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; -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 { }
.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-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 h2 {
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;
-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 h2.active, #expertise .discipline-header h2: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 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>strong {
display: block;
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>strong: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:hover>.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 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; vertical-align: middle;
}
ul.expertise-stories a:hover img {
opacity: .75;
transform: scale(1.1);
} #filter-verticals { 
margin: 1em auto;
text-align: center;
}
#filter-verticals .title {
margin: .5em auto;
display: inline-block;
font-size: 1.4em;
}
#filter-verticals ul { 
margin: 0;
padding: 0;
list-style-type: none;
}
#filter-verticals ul li {
margin: 0 5px;
display: inline-block; 
}
#filter-verticals input[type="checkbox"], #filter-verticals input[type="radio"] {
display: none;
}
#filter-verticals input[type="checkbox"]+label {
font-weight: 700;
}
#filter-verticals input[type="checkbox"]+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; 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 {
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 {
background: #ee2737;
border-color: #ee2737;
color: white; 
}
#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: 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; 
}
#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%; margin: auto;
opacity: 0;
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-gradient {
background: #F3F3F3;
background: linear-gradient(180deg, rgba(139,214,236, 1) 0%, rgba(234, 69, 68, 1) 100%);
position: relative;
} .about-gradient {
background: #F3F3F3;
background: linear-gradient(180deg, #d3eff7 0%, rgba(243, 243, 243, 0) 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(//www.wdpartners.com/wp-content/themes/wdpartners/images/history-image.jpg);
background-size: cover; 
background-position: center;
box-shadow: 0px 125px 50px -50px inset rgba(243,243,243, 1);
padding: 6em 0 8em 0;
color: #ffffff;
}
.history p {
font-size: 1.2em;
}
.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(//www.wdpartners.com/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;
} .careers-banner .wolfie a:hover, .careers-banner .wolfie a:active {
background-color: transparent; 
background-image: url(//www.wdpartners.com/wp-content/themes/wdpartners/images/Wolfie-Footer-2.png);
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 h3 {
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-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-gradient {
background: #f3f3f3;
background: linear-gradient(0deg,rgba(243,243,243, 1) 25%, rgba(238,39,56, 1) 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;
} 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; 
} .publications-ticker-container {
padding: 2em 0;
width: 100%;
background: white;
white-space: nowrap;
overflow: hidden;
display: none;
}
.publications-ticker {
margin: 0;
padding: 0;
list-style-type: none;
max-height: 50px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
}
.publications-ticker li {
list-style-type: none; 
display: inline; 
margin: 0 2em;
}
.publications-ticker li img {
vertical-align: middle; 
} 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;
}
#footer-menu>li {
float: left;
vertical-align: top;
margin: 0 1em; 
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(//www.wdpartners.com/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;
font-size: .7em;
text-transform: uppercase;
}
#footer-disclaimer-menu li:last-of-type { margin-bottom: 0; }
#footer-disclaimer-menu li a {
color: #b2b6b9;
}
#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; } .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(//www.wdpartners.com/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; }
}
@media screen and (max-width: 896px) {	
.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; 
}
}
@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 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; }
.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 { }
.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; }
.careers-banner h3 { 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; }
}
@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; }
}