/********************************** * Lead Gear Custom CSS *********************************/
/********************************** * Branding & Colors Variables *********************************/
:root {
/* Dark Grey/Black (Default / Text) */
--darkdefault: #2D2A2A;
--darkdefaultrgb: 45, 42, 42;
/* Light Grey */
--light: #e5e5e5;
--lightrgb: 229, 229, 229;
/* Alternate Light Grey */
--lightalt: #e0e0e0;
--lightaltrgb: 224, 222, 224;
/* Light Grey Border */
--lightborder: #dddddd;
--lightborderrgb: 221, 221, 221;
/* Primary Color (Also used for Dark Style Sections by default) */
--primary: #7ACC00;
--primaryrgb: 122, 204, 0;
/* Primary Color Alternate (Accent/Hover) */
--primaryalt: #69AF00;
--primaryaltrgb: 105, 175, 0;
/* Primary Color Border */
--primaryborder: #5E9D00;
--primaryborderrgb: 94, 157, 0;
/* CTA */
--cta: #7ACC00;
--ctargb: 122, 204, 0;
/* CTA Alternate (Accent/Hover) */
--ctaalt: #69AF00;
--ctaaltrgb: 105, 175, 0;
/* Chevron Backgrounds */
--chevron-green: url('data:image/svg+xml,');
--chevron-gray: url('data:image/svg+xml,');
--chevron-white: url('data:image/svg+xml,');
--chevron-20: url('data:image/svg+xml,');
--defaultVerticalSpacing: 90px;
@media only screen and (max-width:960px){
--defaultVerticalSpacing: 90px;
}
@media only screen and (max-width:600px){
--defaultVerticalSpacing: 60px;
}
}
/********************** * Header & Top Bar *********************/
html[lang] {
margin-top: 0 !important;
}
header.site-header {
padding: 0 5%;
box-shadow: 0 0 12px rgb(0 0 0 / 15%);
position: fixed;
width: 100%;
top: 40px !important;
background: #111;
transition:top 400ms;
}
.fixed-nav header.site-header, body.top-bar-hidden header.site-header {
top: 0!important;
}
header.site-header > .wrap {
max-width: 100%;
max-width: 1600px;
margin: 0 auto;
}
.nav-primary .menu > li:last-child > a {
padding-right: 0;
}
.genesis-nav-menu > li > a {
padding: 45px 15px;
font-family: 'Bebas Neue Pro';
letter-spacing: 0.225px;
font-size: 24px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
transition:all 400ms;
}
div#top-bar {
background: var(--darkdefault);
color: #fff;
font-size: 0.875rem;
margin: 0;
position: fixed;
top: 0;
width: 100%;
height: 40px;
z-index: 9;
transition:top 400ms;
padding:0 5%;
font-weight:400;
}
.top-bar-hidden div#top-bar {
display:none !important;
height:0 !important;
opacity:0 !important;
position:absolute !important;
left:-9999px !important;
}
.fixed-nav div#top-bar {
top: -34px;
}
div#top-bar a {
color: #fff;
font-weight:700;
text-decoration: none;
}
div#top-bar a:hover {
opacity: 0.7;
}
.social svg {
width: auto;
height: 16px;
position: relative;
top: 3px;
}
#top-bar .row-inner {
text-align: right;
padding: 0;
height: 40px;
max-width: 1600px;
display: flex;
align-items: center;
justify-content: flex-end;
}
#top-bar .social {
/* align-self: flex-end; */
}
#top-bar .contact-info {
display: inline-block;
}
.top-bar-phone-link {
display: flex;
align-items: center;
gap: 16px;
}
.top-bar-phone-link .phone {
font-size: 20px;
}
#top-bar .social {
display: inline-block;
}
#top-bar .top-menu {
display: inline-block;
vertical-align:top;
padding-top: 9px;
/* padding-bottom: 10px;
*/
}
#top-bar .top-menu:empty {
display: none;
}
.social a {
display: inline-block;
padding: 0 4px;
}
.social a:first-child {
padding-left: 0;
}
#top-bar .social {
vertical-align: top;
display: flex;
gap: 24px;
}
#top-bar .social a {
padding: 0;
}
.top-menu a {
padding: 0 10px;
}
.top-menu a:last-child {
border: 0;
padding-right: 0;
}
.top-menu a:first-child {
padding-left: 0;
}
#top-bar .contact-info .phone {
display: inline-block;
margin-right: 24px;
& .dot {
color: var(--cta);
}
}
.contact-info svg {
height: 16px;
position: relative;
top: 3px;
display: inline-block;
margin-right: 8px;
}
#top-bar .contact-info svg {
color:#fff;
width: 16px;
min-width: 16px;
height: 16px;
}
ul#menu-top-bar-menu {
display: flex;
}
ul#menu-top-bar-menu a {
display: inline-block;
padding: 0 10px;
line-height: 1.25;
}
ul#menu-top-bar-menu li {
border-right: solid 1px;
border-color: rgba(255,255,255,0.2);
}
ul#menu-top-bar-menu li:last-child {
border: 0;
}
ul#menu-top-bar-menu li:first-child a {
padding-left: 0;
}
ul#menu-top-bar-menu li:last-child a {
padding-right: 0;
border-right: 0;
}
nav#genesis-nav-primary {
padding-bottom: 0;
transition:padding 400ms;
padding-top:0;
margin-left: auto;
}
nav#genesis-nav-primary > .wrap > ul > li:not(:first-of-type):not(.nav-cta) {
margin-left: 20px;
}
nav#genesis-nav-primary > .wrap > ul > li:not(:first-of-type):not(.nav-cta)::before {
content:'';
display: block;
width: 14px;
height: 21px;
position: absolute;
top: 50%;
left: -20px;
transform: translateY(-50%);
background-image: url(/wp-content/uploads/nav-separator.svg);
background-repeat: no-repeat;
background-size: cover;
}
.title-area {
transition: max-width 400ms;
}
.nav-primary .menu li.nav-cta {
margin-left: calc(32px - 15px);
}
nav.nav-primary .menu li.nav-cta > a {
padding: 12px 32px;
background: var(--cta);
transition: all 300ms;
color: #111;
}
nav.nav-primary .menu li.nav-cta.menu-item-has-children > a{
padding-right:44px;
}
.nav-primary .menu li.nav-cta > a:hover {
background: var(--ctaalt);
}
button#genesis-mobile-nav-primary {
font-size: 0;
margin: 0 5% 0 0;
}
.site-header .menu-toggle::before {
color: var(--darkdefault);
width: 40px;
font-size: 40px!important;
height: 40px;
margin: 0;
}
.genesis-nav-menu > li > a:hover, .genesis-nav-menu > li > a:focus, .genesis-nav-menu > li > a:active {
outline: none;
}
#top-bar input#searchform-1 {
padding: 8px 20px 8px 20px;
font-family: 'Bebas Neue Pro';
font-size: 16px;
text-transform: uppercase;
border: 0;
color: var(--darkdefault);
width: 250px;
height: 40px;
padding-left: 42px;
background: url(/wp-content/uploads/search-reg.svg) left center no-repeat;
background-size:14px;
background-position: 20px;
background-color: rgba(255,255,255,0.8);
}
#top-bar input#searchform-1::placeholder {
color:var(--darkdefault);
}
#top-bar input#searchform-1::-moz-placeholder {
background:none;
}
#top-bar form.search-form {
align-self:flex-end;
display:inline-block;
}
#top-bar input.search-form-submit {
display: none;
}
#top-bar span.name {
font-weight: 700;
}
#top-bar .contact-info > span, #top-bar .contact-info > a {
display: inline-block;
margin-right: 20px;
}
div#search-wrap {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
height: 100vh;
width: 100vw;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.8);
}
div#close-search {
display: block;
margin-left: 16px;
font-size: 24px;
color: rgba(255,255,255,0.8);
}
div#close-search svg {
width: 24px;
}
#search-wrap form.search-form {
display: flex;
}
#search-wrap form.search-form input {
height: 50px;
padding: 10px;
border: 0;
}
#search-wrap form.search-form input.search-form-submit {
margin-top: 0;
height: 50px;
margin-left: 10px;
background: var(--primary);
border-radius: 0;
font-weight: 700;
text-transform: uppercase;
padding: 10px 20px;
}
.search .row.page-title {
padding: 0;
padding: 60px 0 80px 0;
}
.search article {
border-bottom: solid 1px var(--lightborder);
padding-bottom: 40px;
}
.search a.entry-image-link {
display: none;
}
body.noscroll {
overflow: hidden;
}
.header-inline header.site-header > .wrap, .header-stacked header.site-header > .wrap, .header-inline #top-bar .row-inner, .header-stacked #top-bar .row-inner {
max-width: 1400px;
}
.header-stacked header.site-header {
padding: 0;
}
.header-stacked header.site-header > .wrap {
width: 90%;
}
.header-stacked nav#genesis-nav-primary {
width: 100%;
background: var(--light);
padding:0 5%;
}
.header-stacked nav#genesis-nav-primary > .wrap {
max-width: 1400px;
margin: 0 auto;
}
.header-stacked .nav-primary .genesis-nav-menu a {
padding: 20px 15px;
}
.header-stacked.fixed-nav .nav-primary .genesis-nav-menu a {
padding: 10px 15px;
}
.header-stacked.fixed-nav .nav-primary .menu li.nav-cta > a {
background: none;
padding: 0;
color: var(--darkdefault);
padding-top: 1px;
}
.header-stacked.fixed-nav .nav-primary .menu li.nav-cta > a:hover {
color: var(--primaryalt);
}
.header-stacked .nav-primary .menu li.nav-cta > a {
position:relative;
}
.header-stacked nav ul > li.nav-cta {
float: right;
}
.header-stacked .nav-primary .menu li.nav-cta {
padding-top: 8px;
}
.header-stacked.fixed-nav .nav-primary .menu li.nav-cta {
padding-top: 10px;
}
.header-stacked .nav-primary .genesis-nav-menu ul.sub-menu a {
padding: 15px;
}
.nav-transparent header.site-header {
background: none;
box-shadow: none !important;
transition: all 300ms;
}
.nav-transparent.fixed-nav header.site-header {
background: #fff;
box-shadow: 0 0 12px rgb(0 0 0 / 15%) !important
}
.nav-transparent div#top-bar {
background: rgba(0,0,0,0.5);
}
.nav-transparent .site-inner:before {
content: '';
width: 100%;
height: 200px;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(180deg, rgba(0,0,0,0.7), transparent);
z-index: 1;
}
.nav-transparent .genesis-nav-menu > li > a {
color: #fff;
transition: all 300ms;
}
.nav-transparent .genesis-nav-menu > li > a:hover, .nav-transparent .genesis-nav-menu > li > a:focus, .nav-transparent .genesis-nav-menu > li.current-menu-item > a {
color: var(--cta);
}
.nav-transparent.fixed-nav .genesis-nav-menu > li > a {
color: var(--darkdefault);
}
.nav-transparent.header-stacked nav#genesis-nav-primary {
background: none;
}
.nav-transparent.header-stacked.fixed-nav nav#genesis-nav-primary {
background: var(--light);
}
.nav-transparent nav#genesis-nav-primary ul.menu li.menu-item-has-children > a:after {
border-color: #fff;
}
.nav-transparent.fixed-nav nav#genesis-nav-primary ul.menu li.menu-item-has-children > a:after {
border-color: rgba(0,0,0,0.5);
}
.nav-transparent img.custom-logo {
opacity: 0;
transition: opacity 300ms;
}
.nav-transparent.fixed-nav img.custom-logo {
opacity: 1;
}
.nav-transparent.fixed-nav a.custom-logo-link {
background: none;
}
body.isMobile header.site-header {
/* background: #fff; */
}
body.isMobile .genesis-nav-menu > li > a {
/* color: var(--darkdefault); */
}
@media only screen and (min-width:601px){
body.admin-bar .site-header {
top: 0;
}
.admin-bar div#wpadminbar {
left: 0;
width: 34px !important;
min-width: 0;
overflow:hidden;
}
.admin-bar div#wpadminbar:hover {
left: 0;
padding-bottom: 80px;
width: 100% !important;
overflow:visible;
}
.nav-transparent:not(.isMobile) .site-inner {
margin-top: 0 !important;
}
}
@media only screen and (max-width:1500px) {
#top-bar span.address {
display: none;
}
}
@media only screen and (max-width: 1200px) {
nav#genesis-nav-primary > .wrap > ul > li:not(:first-of-type):not(.nav-cta) {
margin-left: 20px;
}
.nav-primary .genesis-nav-menu a {
padding-left: 10px;
padding-right: 10px;
}
.genesis-nav-menu > li > a {
font-size: 20px;
}
.nav-primary .menu li.nav-cta {
margin-left: 8px;
}
#full-screen-menu-trigger {
margin-left: 20px !important;
}
}
@media only screen and (max-width:1100px) {
#top-bar span.email {
display: none;
}
}
@media only screen and (max-width:1040px){
.wp-custom-logo .title-area{
/* max-width:200px!important; */
}
}
@media only screen and (max-width:959px) {
body.mobile-mega-menu .menu-toggle{
display:none!important;
}
body.mobile-mega-menu #genesis-mobile-mega-menu-button{
display: flex!important;
margin-right:5vw;
}
header .menu-toggle {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background: var(--darkdefault);
color: #fff;
padding: 10px 12px;
}
header .menu-toggle svg {
width: 28px;
top: 0;
}
.wp-custom-logo .site-container .title-area {
/* max-width: 300px; */
/* padding-bottom:15px; */
}
#genesis-nav-primary ul.menu li.nav-cta > a {
padding: 0;
}
#genesis-nav-primary ul.menu li.nav-cta > a {
padding: 16px 5%;
background: none !important;
color: var(--darkdefault);
}
.nav-primary .menu li.nav-cta > a:hover {
color: #0478e6;
}
#top-bar .top-menu {
display: none;
}
#top-bar .social {
/* margin-right: 0; */
}
header.site-header {
position: fixed;
width: 100%;
top: 34px;
transition: all 400ms;
z-index:50;
}
div#top-bar {
position: fixed;
top: 0;
transition: top 400ms;
}
.fixed-nav div#top-bar {
top: -34px;
}
.fixed-nav header.site-header {
top: 0;
}
.fixed-nav button#genesis-mobile-nav-primary {
padding: 0;
}
header.site-header {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
header.site-header .title-area {
margin-left: 5%;
padding-bottom: 15px;
}
button#genesis-mobile-nav-primary {
margin-right: 5%;
}
nav#genesis-nav-primary ul.menu {
background: var(--light);
border-top: solid 1px var(--lightborder);
max-height:calc(100vh - 155px);
/* 100% of window height - mobile header height - mobile buttons height */
overflow-y:scroll;
}
nav#genesis-nav-primary {
padding-top: 0;
}
nav#genesis-nav-primary ul.menu li a {
padding-left: 5% !important;
padding-right: 5% !important;
padding-top: 16px;
padding-bottom: 16px;
color:var(--darkdefault);
}
.nav-primary .menu li.nav-cta {
padding: 0 !important;
}
.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: var(--primaryalt) !important;
}
.genesis-nav-menu .sub-menu {
padding: 0;
background: var(--lightborder);
}
.genesis-nav-menu .menu-item {
border-bottom: solid 1px rgba(0,0,0,0.1);
}
.genesis-nav-menu .menu-item:last-child {
border: 0;
}
.genesis-nav-menu .sub-menu a {
background: none;
}
nav#genesis-nav-primary ul.menu li.menu-item-has-children {
padding: 0 !important;
padding-left:0 !important;
}
nav#genesis-nav-primary ul.menu li.menu-item-has-children > a:after {
display: none;
}
.mega-col ul.sub-menu {
padding-top: 8px;
padding-bottom: 8px;
}
.header-stacked button#genesis-mobile-nav-primary {
position: absolute;
top: 5px;
right: 0;
}
.header-stacked.fixed-nav button#genesis-mobile-nav-primary {
top: 12px;
}
.header-stacked nav ul > li.nav-cta {
float: none;
}
.header-stacked nav#genesis-nav-primary {
padding: 0;
}
.header-stacked header.site-header .title-area {
margin: 0;
}
header.site-header > .wrap {
flex-wrap: wrap;
}
.nav-transparent .site-header .menu-toggle::before {
/*color: #fff;
*/
}
ul.menu > li.menu-item > button.sub-menu-toggle {
padding: 14px 10px;
}
}
@media only screen and (max-width:768px) {
#top-bar form.search-form {
display: none;
}
}
@media only screen and (max-width:600px){
div#top-bar {
display: none;
height: 0px !important;
}
header.site-header {
top: 0 !important;
}
.nav-transparent header.site-header {
background: #fff;
}
.nav-transparent .site-header .menu-toggle::before {
color: var(--darkdefault);
}
.nav-transparent .site-inner:before {
display: none;
}
.nav-transparent header.site-header {
box-shadow: 0 0 12px rgb(0 0 0 / 15%) !important;
}
.nav-transparent img.custom-logo {
opacity: 1 !important;
}
.nav-transparent a.custom-logo-link {
background: none !important;
}
}
@media only screen and (max-width:450px){
.wp-custom-logo .site-container .title-area {
/* max-width: 200px; */
}
button#genesis-mobile-nav-primary {
padding-top: 7px;
}
}
/********************** * Full Screen Menu *********************/
#full-screen-menu-trigger{
cursor:pointer;
margin-left: 40px;
display: flex;
align-items: center;
justify-content: center;
background: var(--darkdefault);
padding: 10px 12px;
}
#full-screen-menu-trigger svg{
width: 28px;
top: 0;
}
#full-screen-menu-trigger svg, #full-screen-menu-trigger svg path{
fill: #fff;
transition: all 300ms;
}
#full-screen-menu-trigger:hover svg, #full-screen-menu-trigger:hover svg path{
fill: var(--cta);
}
.fixed-nav #full-screen-menu-trigger{
z-index:999;
}
body.noscroll {
overflow: hidden;
}
#full-screen-menu{
background: #1E1D1D;
z-index:9999;
position:fixed;
top:0;
left:100vw;
right:-100vw;
bottom:0;
width:100%;
height:100vh;
display:flex;
opacity:0;
transition:all 650ms cubic-bezier(.02, .01, .47, 1);
}
#full-screen-sidebar{
order:2;
flex-basis:25%;
background: #111;
padding:180px 60px 60px 60px;
}
#full-screen-sidebar #close{
position:absolute;
right:90px;
right:5vw;
top:70px;
cursor:pointer;
}
#full-screen-sidebar #close svg{
fill:#fff;
height:60px;
width:60px;
}
#full-screen-sidebar #close:hover svg{
opacity:0.4;
}
#full-screen-sidebar > p{
color: var(--cta);
font-size:20px;
margin-bottom: 10px;
line-height: 1;
}
#full-screen-sidebar .social{
margin-top:20px;
border-top: 1px solid #598817;
padding-top: 20px;
}
#full-screen-sidebar .social a{
color:#fff;
margin-right:10px;
}
#full-screen-menu a.phone-link {
font-family: 'Bebas Neue Pro', sans-serif;
font-weight: bold;
font-size: 40px;
color: #fff;
line-height: 1;
}
#full-screen-sidebar .social a svg{
height:24px;
}
#full-screen-menu ul li a{
color:#fff;
}
#full-screen-menu ul li a:hover{
opacity:0.5;
}
#full-screen-sidebar ul li{
margin-bottom:8px;
}
#full-screen-main{
flex-basis:75%;
padding:100px 5vw 50px;
overflow-y:scroll;
}
#full-screen-main::-webkit-scrollbar-track {
background-color: rgba(255,255,255,0.2);
}
#full-screen-main::-webkit-scrollbar {
width: 6px;
background-color: rgba(0,0,0,0.8);
}
#full-screen-main::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(255,255,255,1);
}
#full-screen-main > div > ul{
column-count:3;
column-gap:5vw;
}
#full-screen-main > div > ul > li > a{
font-family: 'Bebas Neue', sans-serif;
font-size: 32px;
font-weight: bold;
}
#full-screen-main > div > ul > li{
break-inside:avoid;
margin-bottom: 20px;
}
#full-screen-main > div > ul > li > a{
line-height:1;
}
#full-screen-main ul li a{
font-size:18px;
}
#full-screen-main ul li li{
margin:0;
padding:8px 0;
border-bottom: 1px solid #598817;
}
#full-screen-main ul li > ul{
margin-bottom:60px;
margin-top: 10px;
}
#full-screen-main ul li#menu-item-669 > ul ul, #full-screen-main ul li#menu-item-1437 > ul ul{
margin-top:0;
margin-bottom:10px;
}
#full-screen-main ul#menu-full-screen-menu > li > ul, #full-screen-main ul#menu-full-screen-menu > li > ul:last-child ul {
margin-bottom:0;
}
#full-screen-main ul#menu-full-screen-menu > li > ul:last-child ul {
margin-top: 0;
}
#full-screen-main ul#menu-full-screen-menu > li > ul > li.menu-item-has-children {
border:none;
}
#full-screen-main ul#menu-full-screen-menu > li > ul > li.menu-item-has-children > a {
border:none;
font-size: 26px;
color: rgba(255,255,255,0.5);
/* font-family: 'Bebas Neue', sans-serif;
*/
}
#full-screen-main li#menu-item-1252 {
margin-top: 120px;
}
#products-menu-cta{
display:none;
}
#products-menu-cta > a {
font-size: 0;
}
@media only screen and (max-width:1530px){
#full-screen-main > div > ul > li > a{
font-size:32px;
}
#full-screen-main ul#menu-full-screen-menu > li > ul > li.menu-item-has-children > a {
font-size:24px;
line-height:1.25;
margin-top:10px;
display:block;
}
#full-screen-main ul li > ul{
margin-top:0px;
}
#full-screen-main ul li a{
font-size:16px;
}
#full-screen-sidebar .social a{
margin-right:0;
padding-right:4px;
}
}
@media only screen and (max-width:1242px){
#full-screen-sidebar .social{
display:flex;
}
#full-screen-sidebar .social a{
padding-right:7px;
}
}
@media only screen and (max-width:1100px){
#full-screen-main ul li a{
font-size:14px;
}
}
@media only screen and (max-width:959px){
#full-screen-menu{
display:none!important;
}
#full-screen-menu-trigger {
display:none!important;
}
}
/********************** * Mega Menu *********************/
@media only screen and (min-width:961px) {
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu {
opacity: 1;
left: 0;
position: fixed;
width: 100%;
background: #1E1D1D;
border-top: solid 1px #222;
padding: 30px 5%;
/*top: 140px;
*/
left: -9999px !important;
opacity: 0 !important;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap {
width: calc(100% + 40px);
left: -20px;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > a {
display: none;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > ul.sub-menu {
display: flex !important;
height:auto !important;
opacity: 1 !important;
left: 0 !important;
position: relative;
top: 0;
width: 100%;
margin: 0;
border: 0;
justify-content:center;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > ul.sub-menu > li.mega-col {
width: 16.66%;
position: relative;
vertical-align: top;
padding: 0 20px;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > ul.sub-menu > li.mega-col > a {
display:none;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > ul.sub-menu > li.mega-col a:after {
display: none !important;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > ul.sub-menu > li.mega-col > ul.sub-menu {
position:relative;
height:auto !important;
opacity: 1 !important;
left:0;
margin:0;
display: block !important;
border: 0;
width: 100%;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > ul.sub-menu > li.mega-col > ul.sub-menu > li {
width: 100%;
padding-right: 0;
position: relative;
padding: 0 !important;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > ul.sub-menu > li.mega-col > ul.sub-menu > li > a {
color: #fff;
font-size: 18px;
font-weight: 700;
border: 0;
border-bottom: solid 1px #598817;
width: 100%;
padding-left: 0;
padding-right: 0;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > ul.sub-menu > li.mega-col > ul.sub-menu > li > a:hover {
color: var(--primary);
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > ul.sub-menu > li.mega-col > ul.sub-menu > li ul.sub-menu {
display: block !important;
height:auto !important;
opacity: 1 !important;
left: auto;
width: 100%;
margin: 0;
position: relative;
border: 0;
padding: 12px 0;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > li.mega-menu-wrap > ul.sub-menu > li.mega-col > ul.sub-menu > li ul.sub-menu a {
border: 0;
padding: 8px 0;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > .mega-menu {
width: 100%;
padding: 0;
position: relative;
left: -20px;
width: calc(100% + 40px);
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > .mega-menu > a {
display: none;
}
ul.genesis-nav-menu > li.mega-menu > ul.sub-menu > .mega-menu > ul.sub-menu {
display: flex !important;
left: 0;
height:auto !important;
opacity: 1 !important;
margin: 0;
width: 100%;
position: relative;
border: 0;
}
.genesis-nav-menu li.menu-item-has-children:hover > ul.sub-menu {
display: block !important;
}
nav#genesis-nav-primary ul.menu > li.menu-item-has-children:not(.mega-menu):hover > ul.sub-menu {
left: auto;
opacity:1 !important;
}
nav#genesis-nav-primary ul.menu > li.menu-item-has-children > ul.sub-menu {
opacity: 0 !important;
transition: opacity 600ms;
display: block !important;
overflow: hidden;
box-sizing: border-box;
padding-top: 0;
padding-bottom: 0;
left: -9999px;
box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 8%);
}
nav#genesis-nav-primary ul.menu > li.menu-item-has-children.mega-menu.mega-active > ul.sub-menu {
padding-top: 30px;
padding-bottom: 30px;
left:0 !important;
opacity: 1 !important;
}
.fixed-nav .nav-primary .genesis-nav-menu > li > a {
/* padding: 29px 15px; */
}
}
@media only screen and (max-width:959px){
li.mega-menu ul.sub-menu > .mega-menu-wrap > a {
display: none;
}
li.mega-menu ul.sub-menu > .mega-menu-wrap > button {
display: none;
}
li.mega-menu-wrap > ul.sub-menu, li.mega-col > ul.sub-menu {
display: block !important;
padding: 0;
}
li.mega-col > a, li.mega-col > button {
display: none;
}
.mega-col > ul.sub-menu > li > a {
font-weight: 400;
}
.mega-col > ul.sub-menu > li > ul.sub-menu {
background: #fff;
}
}
/********************** * Content *********************/
h1 {
color: var(--primary);
}
.row h1 span {
display: block;
font-size: .56em;
color: var(--darkdefault);
}
h2, .h2 {
color: var(--primary);
}
.style-light h2, .style-light .h2 {
color: var(--darkdefault);
}
h3, h4 {
color: var(--darkdefault);
}
h2 span, h3 span, .h2 span {
display: block;
font-size: 0.56em;
color: var(--darkdefault);
}
h2 span.black, .h2 span.black {
font-size: inherit;
}
.f-text h2.separator {
margin-top: 50px;
padding: 12px 0;
border-top: dotted 3px #aaa9a9;
border-bottom: dotted 3px #aaa9a9;
}
.style-dark p, .style-dark li, .style-dark .ginput_container label {
/* color: rgba(255,255,255,0.8); */
}
.style-dark h2, .style-dark h3, .style-dark h4, .style-dark strong {
color: #fff;
}
.style-dark h2, .style-dark h3 {
color: var(--cta);
}
a {
color: var(--primary);
}
a:hover, a:focus {
color: var(--primaryalt);
}
@media screen and (max-width: 500px) {
.row h1 span {
font-size: .7em;
}
}
.row {
width: 100%;
padding: var(--defaultVerticalSpacing) 5%;
position:relative;
}
.title-row + .style-white {
padding-top: 20px;
}
.style-white + .style-white {
padding-top: 0;
}
.row:after {
content: '';
display: table;
clear: both;
}
.row-inner {
width: 100%;
max-width: 1600px;
margin: 0 auto;
}
.site-inner .row:not(.title-row):not(.main-content):not(.style-light):not(.style-dark):not(.page-title):before {
/* content: '';
*/
width: 90%;
max-width: 1600px;
border-top: solid 1px var(--lightborder);
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.row.style-light + .row:before, .row.style-dark + .row:before {
display: none;
}
div.site-inner {
padding: 0;
margin-top: 146px;
}
.header-stacked div.site-inner {
margin-top: 198px;
}
.row.style-light {
background: var(--light);
border-top: solid 1px var(--lightborder);
border-bottom: solid 1px var(--lightborder);
}
.row.style-dark {
background: var(--darkdefault);
color: #fff;
}
.row.style-bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.row.text-light, .row.text-light h2, .row.text-light h3, .row.text-light h4 {
color: #fff;
}
.row.text-dark, .row.text-dark h2, .row.text-dark h3, .row.text-dark h4 {
color: var(--darkdefault);
}
div#hero {
height: 350px;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
padding:0 5%;
/* border-bottom: solid 1px var(--lightborder); */
background-color: var(--darkdefault);
}
div#hero.has-image {
background-color: rgba(0,0,0,0.3);
background-blend-mode: overlay;
}
div#hero.tall {
height: 500px;
}
.hero-inner {
display: flex;
height: 100%;
width: 100%;
align-items: center;
max-width: 1600px;
margin: 0 auto;
}
span.hero-text, .hero-text-wrap h1, .hero-text-wrap .page-title {
color: #fff;
font-size: 70px;
text-transform: uppercase;
font-weight: 700;
line-height: 1;
font-family: 'Bebas Neue Pro';
margin: 0;
}
.content ul, .content ol {
padding-left: 0;
margin-bottom: 32px;
}
.content ul li {
list-style: none;
margin-bottom: 10px;
background-repeat: no-repeat;
padding-left: 24px;
}
.content ol li {
list-style: number;
margin-bottom: 10px;
}
.content a[href^="tel"] {
color: var(--darkdefault);
}
ul.col-2 {
column-count: 2;
column-gap:40px;
page-break-inside:avoid;
break-inside:avoid-column;
}
ul.col-3 {
column-count: 3;
column-gap:40px;
page-break-inside:avoid;
break-inside:avoid-column;
}
ul.col-4 {
column-count: 4;
column-gap:40px;
page-break-inside:avoid;
break-inside:avoid-column;
}
ul.col-2 li, ul.col-3 li, ul.col-4 li {
page-break-inside:avoid;
break-inside:avoid-column;
}
.city-list a {
color: var(--darkdefault);
&:hover {
color: var(--cta);
}
}
.location-list {
column-count: 2;
}
ul.city-list {
break-inside: avoid;
}
ul.city-list li {
margin-bottom: 18px;
}
@media only screen and (max-width: 1400px) {
.location-list {
column-count: 1;
}
}
.error404 .content-sidebar-wrap, .search .content-sidebar-wrap {
padding-left: 5%;
padding-right: 5%;
max-width: calc(1400px + 10%);
margin: 0 auto;
}
.error404 h1.entry-title {
text-align: center;
font-size: 4em;
}
.error404 .content article.entry .entry-content {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.error404 .content article.entry .entry-content form {
margin: 0 auto;
display: flex;
}
.error404 .content article.entry .entry-content form input[type="submit"] {
margin: 0 0 0 10px;
}
div#error-contact {
text-align: center;
}
div#error-contact img {
max-width: 500px;
margin-bottom: 20px;
}
div#error-contact a {
display: inline-block;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button {
background: var(--primary);
}
button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:focus, .button:hover {
background: var(--darkdefault);
}
.primary-btn, .secondary-btn {
display: inline-block;
color: #fff;
background: var(--cta);
padding: 16px 64px;
border-radius: 4px;
text-decoration: none;
font-weight: 700;
}
.primary-btn:hover, .secondary-btn:hover {
background: var(--ctaalt);
color: #fff;
}
.secondary-btn {
background: var(--primary);
}
.secondary-btn:hover {
background: var(--primaryalt);
}
.page-template-default.full-width-content .content {
width: 90% !important;
max-width: 1600px !important;
margin:0 auto !important;
}
.page-template-default .row.page-title {
padding: 0;
margin-bottom: 60px;
padding-top: 20px;
}
figure.alignright, figure.alignleft, figure.alignnone {
max-width: 600px;
}
.slick-arrow span {
position: absolute;
left: -9999px;
opacity: 0;
top: -9999px;
}
#hero:has(.hero-phone-cta) .hero-inner {
display: grid;
grid-template-columns: 1fr 300px;
column-gap: 32px;
row-gap: 16px;
}
#hero .hero-phone-cta {
text-align: right;
& > span {
color: #fff;
}
& .icon {
background: var(--cta);
border-radius: 100%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
transition: all 300ms;
border: 1px solid var(--cta);
margin-right: 20px;
& svg {
top: 0;
left: 1px;
color: var(--darkdefault);
}
}
& a {
display: flex;
align-items: center;
justify-content: flex-end;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 36px;
& .dot {
color: var(--cta);
}
&:hover {
color: var(--cta);
& .icon {
background: var(--darkdefault);
}
& svg {color:var(--cta);}
}
}
}
@media only screen and (max-width:959px){
#hero:has(.hero-phone-cta) .hero-inner {
display: block;
}
#hero .hero-phone-cta {
display: none;
}
div.site-inner {
padding-top: 0;
margin-top:125px;
}
div#hero {
min-height: 250px;
height: auto;
display: flex;
align-items: center;
}
div#hero.tall {
height: 400px;
}
span.hero-text {
font-size: 42px;
}
.row {
padding: var(--defaultVerticalSpacing) 5%;
}
ul.col-3, ul.col-4 {
column-count:2;
}
figure.alignright, figure.alignleft, figure.alignnone {
float: none;
margin: 0 0 32px 0 !important;
max-width: 100%;
}
}
@media only screen and (max-width:768px) {
h1, span.hero-text, .hero-text-wrap h1, .hero-text-wrap .page-title {
font-size: 48px;
}
h2, .h2 {
font-size: 40px;
}
h3 {
font-size: 32px;
}
.error404 h1.entry-title {
text-align: center;
font-size: 2em;
}
.error404 .content article.entry .entry-content form {
width:100%;
}
}
@media only screen and (max-width:600px) {
span.hero-text {
font-size: 32px;
}
div#hero.tall {
height: 250px;
}
div.site-inner {
margin-top: 91px;
}
ul.col-2, ul.col-3, ul.col-4 {
column-count:auto;
column-gap:0;
}
}
@media only screen and (max-width:500px) {
h1, span.hero-text, .hero-text-wrap h1, .hero-text-wrap .page-title {
font-size: 32px;
}
h2, .h2 {
font-size: 30px;
}
h3 {
font-size: 22px;
}
div#hero {
min-height: unset;
padding: var(--defaultVerticalSpacing) 5%;
}
}
@media only screen and (max-width:350px){
.error404 .content article.entry .entry-content form {
display:block;
}
.error404 .content article.entry .entry-content form input[type="submit"] {
margin: 10px 0 0 0;
width:100%;
}
}
/********************** * News / Blog / Archives *********************/
body.content-sidebar .content-sidebar-wrap {
max-width: 1400px;
width:90%;
margin: 0 auto;
}
body.content-sidebar .sidebar {
padding-top: 64px;
}
.blog .content .row, .archive .content .row, .single .content .row {
/* padding: 0; */
}
.archive-description {
display: none !important;
}
.row.page-title h1 {
margin-bottom: 0;
}
.entry-content > img:first-child, .entry-content > picture:first-child {
float: right;
width: 40%;
margin: 0 0 32px 32px;
}
.entry-content > img:first-child, .entry-content > picture:first-child img {
width: 100%;
}
.single .entry-header span.entry-title {
display: none;
}
.single .row.page-title, .archive .row.page-title, .blog .row.page-title {
margin-bottom: 20px;
}
.entry-content a.more-link {
display: block;
/* width: 180px; */
margin-top: 20px;
margin-bottom:0;
color:var(--cta);
fill:var(--cta);
text-decoration:none;
font-weight:700;
}
.entry-content a.more-link svg {
top: 4px;
margin-left: 5px;
}
.entry-content a.more-link:hover {
color: var(--primaryalt);
fill: var(--primaryalt);
}
.blog article .entry-content, .archive article .entry-content {
display: grid;
grid-template-columns: calc(70% - 40px) calc(30% + 40px);
grid-template-rows: 1fr;
grid-column-start: 1;
padding-bottom: 40px;
}
.blog article .entry-content .entry-image-link, .archive article .entry-content .entry-image-link {
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3;
padding-left: 40px;
}
.blog article .entry-content:before, .archive article .entry-content:before {
display: none;
}
.blog article .entry-content .more-link, .archive article .entry-content .more-link {
grid-column-start: 1;
height:30px;
}
.blog article footer.entry-footer, .archive article footer.entry-footer {
display: none;
}
.blog article, .archive article {
border-bottom: solid 1px var(--lightborder);
padding-bottom: 20px;
}
article a.entry-title-link {
display: inline-block;
line-height: 1.25;
}
.pagination ul {
padding: 0;
}
a.entry-image-link:hover img {
opacity: 0.7;
}
a.entry-image-link img {
transition: opacity 300ms;
}
div.addtoany_content {
margin: 40px 0;
}
div.addtoany_content:before {
content: 'Share on Social Media';
font-size: 0.875em;
display: block;
margin-bottom: 10px;
font-style: italic;
opacity:0.7;
}
div.addtoany_content > div a:first-child {
padding-left: 0;
}
article blockquote {
border-left: solid 4px var(--cta);
padding: 20px;
margin: 0 0 32px 0;
font-size: 1.25em;
line-height: 1.5;
}
article blockquote p:last-child {
margin-bottom: 0;
}
@media only screen and (max-width:959px) {
body.content-sidebar .sidebar {
margin-bottom: 90px;
}
}
@media only screen and (max-width:700px) {
.entry-content > img:first-child {
float: none;
margin: 0 0 32px 0;
width: 100%;
}
div.row h2, div.row .f-text > p, div#cta {
text-align: left !important;
}
}
@media only screen and (max-width: 600px) {
.blog article .entry-content, .archive article .entry-content {
display: flex;
flex-direction: column;
}
.blog article .entry-content .entry-image-link, .archive article .entry-content .entry-image-link {
order: -1;
padding: 0;
margin-bottom: 20px;
display:inline-block;
width:300px;
max-width:100%;
}
.blog article .entry-content * {
grid-column-start: auto;
grid-row-start: auto;
grid-column-end: auto;
grid-row-end: auto;
}
}
/********************** * Footer & CTA *********************/
div#va-footer {
padding: 64px 5%;
margin-bottom:0;
background-blend-mode: revert-layer;
background-color: var(--darkdefault);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
div#va-footer::before {
/* content: ''; */
display: block;
width: 100vw;
max-width: unset;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0;
opacity: 0.5;
background-image: url(/wp-content/uploads/footer-pattern.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
pointer-events: none;
}
div#va-footer .row-inner {
display: flex;
gap: 128px;
}
.footer-col.contact-info {
padding-right:20px;
width: fit-content;
min-width: fit-content;
}
.footer-col.contact-info .info-social-wrap, .footer-col.contact-info .info-social-wrap .social {
display: flex;
align-items: center;
gap: 12px;
}
.info-social-wrap .social a {
padding: 0;
}
.info-social-wrap .social a svg {
margin: 0;
}
.footer-col.contact-info .info-social-wrap {
gap: 60px;
}
#va-footer .row-inner > .social {
margin-top: calc((116px / 2) - 20px);
& svg {
height: 32px;
}
}
div#va-footer .row-inner .menu-col-wrap {
/* width: 60%; */
/* display: flex; */
/* gap: 90px; */
margin-top: calc((116px / 2) - 20px);
}
p.footer-content {
color: #fff;
max-width: 1000px;
font-size: 20px;
margin-top: 48px;
margin-bottom: 0;
}
div#va-footer .row-inner .menu-col-wrap ul.menu {
margin-left: -15px;
}
div#va-footer .row-inner .menu-col-wrap.col-3 {
gap: 40px;
}
div#va-footer .row-inner .menu-col-wrap.col-3 .footer-col {
width: 33%;
}
div#va-footer .row-inner .menu-col-wrap.col-2 .menu-item-has-children ul.sub-menu {
column-count: 2;
gap: 32px;
}
#va-footer .menu-col ul.menu li {
display: inline-block;
position: relative;
margin: 0;
}
#va-footer .menu-col ul.menu > li > a {
padding: 0 15px;
font-family: 'Bebas Neue Pro';
letter-spacing: 0.225px;
font-size: 28px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
transition: all 400ms;
}
#va-footer .menu-col ul.menu > li > a:hover {
color: var(--primary);
}
#va-footer .menu-col ul.menu > li:not(:first-of-type) {
margin-left: 20px;
}
#va-footer .menu-col ul.menu > li:not(:first-of-type)::before {
content:'';
display: block;
width: 14px;
height: 21px;
position: absolute;
top: 50%;
left: -20px;
transform: translateY(-50%);
background-image: url(/wp-content/uploads/nav-separator.svg);
background-repeat: no-repeat;
background-size: cover;
}
#va-footer .menu-col .menu-item-has-children .sub-menu a {
color: var(--darkdefault);
}
#va-footer .menu-col .menu-item-has-children .sub-menu a:hover {
color: var(--primaryalt);
}
#va-footer .contact-info p a {
display: flex;
width: fit-content;
}
#va-footer .info-social-wrap .f-phone a {
display: block;
font-size: 28px;
font-weight: bold;
line-height: 1.265;
& .dot {color: var(--cta);}
& .phone-subtext {
display: block;
font-size: .6em;
font-weight: normal;
}
}
.contact-info p a {
color: #fff;
/* font-weight: bold; */
}
.contact-info p a:hover {
color: var(--primary);
}
.contact-info p a:hover svg {
color: var(--primary);
}
.footer-col.contact-info img {
margin-bottom: 20px;
width: 200px;
}
.contact-info p {
margin-bottom: 24px;
font-size: 18px;
}
.contact-info p:last-of-type {
margin-bottom: 0;
}
.contact-info p.f-address {
display: flex;
}
p.f-address span {
display: block;
}
.contact-info svg {
width: 30px;
min-width: 30px;
height: 25px;
color: #fff;
top: 1px;
}
.menu-col .menu > li > a {
font-weight: 700;
}
.menu-col li a {
text-decoration: none;
}
.footer-col.menu-col > div > ul.menu > li > a {
font-size: 32px;
}
.menu-col ul.sub-menu {
padding-top: 18px;
}
.menu-col li {
margin-bottom: 6px;
}
.copy-va {
display: inline-block;
order: 2;
margin-left: 24px;
}
.copy-wrap {
display: inline-flex;
gap: 32px;
}
.copy-wrap a {
color: #333;
}
.copy-wrap a:hover {
color: var(--primary);
}
.menu-site-footer-menu-container {
display: inline-block;
}
.menu-site-footer-menu-container ul {
display: flex;
gap: 32px;
}
footer.site-footer > .wrap {max-width: 1600px;margin: 0 auto;}
div#cta {
background: var(--light);
text-align: center;
margin-bottom: 0;
background-position: center center !important;
background-size: cover !important;
display: flex;
align-items: center;
}
@media only screen and (min-height: 960px) {
div#cta {
min-height: 440px;
}
}
div#cta h2 {
color: var(--darkdefault);
font-size: 60px;
}
div#cta h2 span {
color: #fff;
font-size: inherit;
}
.isMobile .site-footer {
/* margin-bottom: 50px; */
}
#va-footer.style-sitemap .full-sitemap-footer > div > ul.menu {
display: flex;
gap: 70px;
justify-content: space-between;
}
div#va-footer.style-sitemap .row-inner .menu-col-wrap.col-2 .menu-item-has-children ul.sub-menu {
column-count: 1;
}
#va-footer.style-sitemap .row-inner .menu-col-wrap {
display: block;
width: 100%;
}
div#va-footer.style-sitemap .row-inner .menu-col-wrap .mega-menu ul.sub-menu li.mega-menu-wrap > a, div#va-footer.style-sitemap .row-inner .menu-col-wrap .mega-menu ul.sub-menu li.mega-menu-wrap > ul.sub-menu > li.mega-col > a, div#va-footer.style-sitemap .row-inner .menu-col-wrap .mega-menu ul.sub-menu li.mega-menu-wrap > ul.sub-menu > li.mega-col > ul > li > ul {
display: none;
}
div#va-footer.style-sitemap .row-inner .menu-col-wrap .mega-menu ul.sub-menu li.mega-menu-wrap > ul.sub-menu, div#va-footer.style-sitemap .row-inner .menu-col-wrap .mega-menu ul.sub-menu li.mega-menu-wrap > ul.sub-menu > li.mega-col > ul {
padding-top: 0;
}
div#va-footer.style-sitemap .row-inner .menu-col-wrap .mega-menu ul.sub-menu li.mega-menu-wrap > ul.sub-menu > li.mega-col > ul > li {
margin-bottom: 0;
}
div#va-footer.style-sitemap ul.menu li.nav-cta > div.contact-info {
margin-top: 12px;
}
div#va-footer.style-sitemap .row-inner .footer-col {
width: 100% !important;
}
div#va-footer.style-sitemap .row-inner .menu-col-wrap.col-3 {
width: 100%;
}
@media only screen and (max-width: 1520px) {
#va-footer.style-sitemap .footer-col.menu-col > div > ul.menu > li > a {
font-size: 24px;
}
div#va-footer .row-inner {
gap: 60px;
}
}
@media only screen and (max-width: 1400px) {
#va-footer .menu-col ul.menu > li > a {
padding: 0 10px;
font-size: 24px;
}
p.footer-content {
margin-top: 32px;
}
div#va-footer .row-inner .menu-col-wrap.col-2 .menu-item-has-children ul.sub-menu {
column-count: 1;
}
.footer-col.contact-info {
max-width: 30%;
}
.footer-col.contact-info .info-social-wrap {
display: block;
}
div#va-footer .row-inner .menu-col-wrap.col-3 {
width: 70%;
}
#va-footer.style-sitemap .full-sitemap-footer > div > ul.menu {
display: block;
column-count: 4;
}
div#va-footer.style-sitemap .row-inner .menu-col-wrap.col-2 ul.menu > .menu-item-has-children > ul.sub-menu {
/* column-count: 2;
gap: 20px;
*/
}
#va-footer.style-sitemap .full-sitemap-footer > div > ul.menu > li {
break-inside: avoid-column;
}
}
@media only screen and (max-width: 1250px) {
div#va-footer .row-inner {
gap: 32px;
}
}
@media only screen and (max-width: 1200px) {
#va-footer .menu-col ul.menu > li > a {
font-size: 20px;
}
.footer-col.contact-info {
padding-right: 0;
}
#va-footer .contact-info p {
font-size: 16px;
}
#va-footer .row-inner > .social svg {
height: 20px;
}
}
@media only screen and (max-width: 1020px) {
#va-footer.style-sitemap .full-sitemap-footer > div > ul.menu {
column-count: 3;
}
}
@media only screen and (max-width:1050px) {
div#va-footer{
padding:50px 5%;
}
.footer-col.contact-info {
min-width: 250px;
padding-right: 20px;
min-width: 0;
max-width: unset;
}
#va-footer .contact-info p:last-of-type {
margin: 0;
}
div#va-footer .row-inner .menu-col-wrap, #va-footer .row-inner > .social {
margin-top: 0;
}
div#va-footer .row-inner .menu-col-wrap ul.menu {
margin-left: 0;
}
#va-footer .menu-col ul.menu > li:first-child > a {
padding-left: 0;
}
#va-footer .menu-col ul.menu > li > a {
font-size: 24px;
}
.menu-site-footer-menu-container ul {
flex-wrap: wrap;
}
div#va-footer .row-inner {
flex-wrap: wrap;
}
div#va-footer .row-inner .menu-col-wrap {
width: 100% !important;
gap: 20px !important;
justify-content: space-between;
}
div#va-footer .row-inner .menu-col-wrap.col-2 .menu-col {
min-width: 48%;
}
#va-footer .row-inner > .social svg {
height: 32px;
}
.footer-col.contact-info img {
width: 100%;
max-width: 300px;
}
div#va-footer.style-sitemap .row-inner ul.menu > .menu-item-has-children > ul.sub-menu {
display: none;
}
div#va-footer.style-sitemap .contact-info p {
margin-bottom: 12px;
}
}
@media only screen and (max-width: 900px) {
.copy-wrap {
display: block;
}
.menu-site-footer-menu-container {
display: block;
margin-top: 8px;
}
.menu-site-footer-menu-container ul {
gap: 8px 20px;
}
}
@media only screen and (max-width:768px){
div#va-footer .row-inner .menu-col-wrap.col-3 .footer-col {
width: 48%;
}
div#va-footer .row-inner .menu-col-wrap.col-3 {
column-gap: 0 !important;
}
.footer-col:nth-child(4), .footer-col:nth-child(5){
margin-bottom:0;
}
div#va-footer .row-inner .menu-col-wrap.col-3 {
flex-wrap: wrap;
}
#va-footer.style-sitemap .full-sitemap-footer > div > ul.menu {
column-count: 2;
}
div#cta h2 {
font-size: 40px;
}
.cta-content a.button {
margin: 0 !important;
}
}
@media only screen and (max-width:600px) {
.copy-va {
display: block;
margin: 0;
}
.copy-wrap span.sep {
display: none;
}
#va-footer.style-sitemap .full-sitemap-footer > div > ul.menu {
column-count: 1;
}
}
@media only screen and (max-width:500px){
div#cta h2 {
font-size: 30px;
}
.cta-content a.button {
font-size: 28px !important;
}
.footer-col.menu-col {
display:none;
}
.footer-col.contact-info {
margin-bottom:0;
}
footer.site-footer > .wrap {
flex-direction: column;
}
div#va-footer .row-inner {
flex-direction: column;
}
div#va-footer .row-inner .menu-col-wrap {
display: none;
}
div#va-footer.style-sitemap .footer-col.menu-col {
display: block;
}
#va-footer.style-sitemap .full-sitemap-footer > div > ul.menu > li:not(.nav-cta), #va-footer.style-sitemap .full-sitemap-footer > div > ul.menu > li.nav-cta > a {
display: none;
}
div#va-footer.style-sitemap ul.menu li.nav-cta > div.contact-info {
margin-top: 0;
}
div#va-footer.style-sitemap .contact-info p {
margin-bottom: 0;
}
div#va-footer.style-sitemap .site-footer {
padding-top: 12px;
}
}
/* Combined Footer & CTA */
.footer #cta, .footer.style-footer-cta .site-footer, .footer.style-footer-cta-side .site-footer {
background: none;
border: 0;
padding-top: 0;
text-align: center;
}
.footer #cta {
display: block !important;
}
div#va-footer.style-footer-cta, div#va-footer.style-footer-cta-side {
padding: var(--defaultVerticalSpacing) 5%;
background-size: cover !important;
background-position: center center !important;
}
div#va-footer.style-footer-cta {
padding-bottom: 30px;
}
div#va-footer.style-footer-cta #cta {
padding-bottom: var(--defaultVerticalSpacing);
}
div#va-footer.style-footer-cta .row-inner.footer-inner {
padding-bottom: max(calc(var(--defaultVerticalSpacing) / 2), 30px);
}
div#va-footer.style-footer-cta .row-inner .menu-col-wrap {
width: 100% !important;
justify-content: space-between;
}
div#va-footer.style-footer-cta .row-inner .menu-col-wrap .footer-col:has(.nav-cta) {
width: 30% !important;
}
div#va-footer.style-footer-cta .row-inner .menu-col-wrap .footer-col:not(.contact-info) {
width: 18%;
}
li.nav-cta + .info-wrap {
display: flex;
flex-wrap: wrap;
}
li.nav-cta + .info-wrap .footer-col {
order: 2;
padding-right: 0;
width: auto !important;
}
li.nav-cta + .info-wrap .footer-col .social {
flex-wrap: wrap;
}
@media only screen and (max-width: 1400px) {
li.nav-cta + .info-wrap .footer-col .social, li.nav-cta + .info-wrap {
flex-wrap: nowrap;
}
li.nav-cta + .info-wrap {
flex-direction: column;
}
}
@media only screen and (max-width: 959px) {
div#va-footer.style-footer-cta .row-inner .menu-col-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
}
div#va-footer.style-footer-cta .row-inner .menu-col-wrap .footer-col:not(.contact-info) {
width: 100% !important;
}
}
/* Combined Footer & CTA Side-by-Side */
div.style-footer-cta-side {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
div.style-footer-cta-side .footer-inner {
flex-basis: calc(50% - 32px);
margin: 0;
}
div#va-footer.style-footer-cta-side .footer-inner .menu-col-wrap .footer-col {
width: 100%;
}
div.style-footer-cta-side #cta {
flex-basis: calc(33% - 32px);
margin: 0;
text-align: left;
}
div.style-footer-cta-side::after {
display: none;
}
div.style-footer-cta-side .cta-content a.button {
margin: 0;
}
div#va-footer.style-footer-cta-side footer.site-footer {
width: 100%;
}
div#va-footer.style-footer-cta-side .footer-inner .menu-col-wrap {
display: block;
}
@media only screen and (min-width:1501px) {
div#va-footer.style-footer-cta-side .row-inner .menu-col-wrap .menu-item-has-children ul.sub-menu {
column-count: 2;
}
}
@media only screen and (max-width: 1500px) {
div.style-footer-cta-side #cta {
flex-basis: calc(50% - 32px);
}
}
@media only screen and (max-width: 1200px) {
div.style-footer-cta-side {
display: block;
}
div.style-footer-cta-side #cta {
text-align: center;
padding-bottom: var(--defaultVerticalSpacing);
}
div.style-footer-cta-side {
padding-bottom: 50px !important;
}
}
@media only screen and (min-width:501px) {
div#va-footer.style-footer-cta-side .row-inner .copy-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-top: 32px;
}
div#va-footer.style-footer-cta-side .row-inner .copy-wrap .copy-va {
margin: 0;
text-align: left;
}
div#va-footer.style-footer-cta-side .footer-inner .menu-col-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%;
gap: 32px;
}
}
/* Two CTAs */
.cta-tagline {
max-width: 1600px;
margin: 0 auto;
}
.cta-tagline h3 {
margin: 0;
color: #fff;
text-align: left;
font-size: 16px;
}
@media only screen and (min-width: 901px) {
.cta-header h3 {
margin: 0;
color: #fff;
text-align: left;
font-size: 16px;
}
.two-cta-wrap .second-cta-wrap div#cta, #cta.single-band {
border: 0;
padding: 50px;
background: var(--primary);
color: #fff;
}
#cta.single-band {
padding: 50px 5vw;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner, .two-cta-wrap .second-cta-wrap div#cta .row-inner .cta-content, #cta.single-band .row-inner, #cta.single-band .row-inner .cta-content {
display: flex;
align-items: center;
text-align: left;
gap: 32px;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner .cta-content, #cta.single-band .row-inner .cta-content {
max-width: unset;
margin: 0;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner h2, #cta.single-band .row-inner h2 {
font-size: 40px;
margin: 0;
color: #fff;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner .cta-content a.button, #cta.single-band .row-inner .cta-content a.button {
background: #fff;
border: 1px solid #fff;
color: var(--primary);
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner .cta-content a.button:hover, #cta.single-band .row-inner .cta-content a.button:hover {
background: none;
color: #fff;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner .cta-content p, #cta.single-band .row-inner .cta-content p {
margin: 0;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner .cta-header, #cta.single-band .row-inner .cta-header {
flex-basis: 40%;
}
.second-cta-wrap {
padding: 0 5%;
}
.cta-header h3 {
display: none;
}
@media only screen and (max-width: 1700px) {
.two-cta-wrap .second-cta-wrap div#cta .row-inner h2, #cta.single-band .row-inner h2 {
font-size: 32px;
}
}
@media only screen and (max-width: 1400px) {
.two-cta-wrap .second-cta-wrap div#cta .row-inner h2, #cta.single-band .row-inner h2 {
font-size: 28px;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner .cta-content p, #cta.single-band .row-inner .cta-content p {
font-size: 16px;
}
}
@media only screen and (max-width: 1200px) {
.cta-tagline {
display: none;
}
.cta-header h3 {
display: block;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner, #cta.single-band .row-inner {
justify-content: space-between;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner > div, #cta.single-band .row-inner > div {
flex-basis: 50%;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner .cta-content, #cta.single-band .row-inner .cta-content {
display: block;
text-align: center;
}
.two-cta-wrap .second-cta-wrap div#cta .row-inner .cta-content p, #cta.single-band .row-inner .cta-content p {
margin-bottom: 10px;
}
}
}
@media only screen and (max-width: 900px) {
.two-cta-wrap .second-cta-wrap {
margin: 0!important;
}
.cta-tagline {
display: none;
}
.two-cta-wrap > #cta {
padding-bottom: var(--defaultVerticalSpacing) !important;
}
div#cta.single-band, .two-cta-wrap .second-cta-wrap div#cta {
background: var(--primary);
color: #fff;
padding: 50px 5vw;
}
div#cta.single-band h2, div#cta.single-band h3, .two-cta-wrap .second-cta-wrap div#cta h2, .two-cta-wrap .second-cta-wrap div#cta h3 {
color: #fff;
}
div#cta.single-band h3, .two-cta-wrap .second-cta-wrap div#cta h3 {
margin: 0;
}
div#cta.single-band .button, .two-cta-wrap .second-cta-wrap div#cta .button {
background: #fff;
color: var(--primary);
border: 1px solid #fff;
}
div#cta.single-band .button:hover, .two-cta-wrap .second-cta-wrap div#cta .button:hover {
background: none;
color: #fff;
}
}
/* Compact Footer */
#va-footer.style-compact .footer-col.contact-info {
order: 2;
padding-right: 0;
display: flex;
}
#va-footer.style-compact .row-inner .menu-col-wrap {
width: 30%;
gap: 40px !important;
}
#va-footer.style-compact .menu-col-wrap .footer-col {
width: 50% !important;
}
#va-footer.style-compact .footer-col.footer-logo {
width: 20%;
display: flex;
justify-content: center;
}
#va-footer.style-compact .menu-col .menu > li > a {
font-weight: normal;
font-size: 18px;
color: var(--darkdefault);
margin-bottom: 6px;
display: block;
}
#va-footer.style-compact .menu-col .menu > li > a:hover {
color: var(--primaryalt);
}
#va-footer.style-compact .menu-col ul.sub-menu {
padding-top: 0;
}
div#va-footer.style-compact .row-inner .menu-col-wrap.col-2 .menu-item-has-children ul.sub-menu {
column-count: 1;
}
div#va-footer.style-compact {
padding: 50px 5% 32px;
}
div#va-footer.style-compact .site-footer {
padding-top: 20px;
}
#va-footer.style-compact .contact-info p {
margin-bottom: 4px;
}
@media only screen and (max-width: 1400px) {
#va-footer.style-compact .footer-col.contact-info .info-social-wrap > .contact-info {
margin-bottom: 10px;
}
#va-footer.style-compact .row-inner .menu-col-wrap {
width: auto !important;
}
#va-footer.style-compact .menu-col-wrap .footer-col {
width: auto !important;
}
}
@media only screen and (max-width: 959px) {
#va-footer.style-compact .footer-col.footer-logo {
display: none;
}
#va-footer.style-compact .row-inner .menu-col-wrap {
justify-content: flex-start;
}
#va-footer.style-compact .footer-col.contact-info {
/* width: 70%;
*/
margin-bottom: 0;
justify-content: flex-end;
}
}
@media only screen and (max-width: 759px) {
#va-footer.style-compact .row-inner .menu-col-wrap {
display: none;
}
#va-footer.style-compact .footer-col.contact-info {
width: 100%;
justify-content: flex-start;
}
#va-footer.style-compact .footer-col.contact-info .info-social-wrap {
display: flex;
width: 100%;
gap: 60px;
}
}
@media only screen and (max-width: 500px) {
#va-footer.style-compact .footer-col.contact-info .info-social-wrap {
display: block;
}
}
/********************** * Mobile Buttons *********************/
.phone-buttons {
display: flex;
width: 100%;
position: fixed;
bottom: 0;
z-index:50;
}
.phone-buttons > div {
flex-grow: 1;
text-align: center;
background: var(--darkdefault);
border-right: solid 1px rgba(255,255,255,0.3);
}
.phone-buttons > div svg {
width: 25px;
height: 25px;
fill: #fff;
}
.phone-buttons > div a {
display: flex;
padding: 10px;
align-items: center;
justify-content: center;
}
.phone-buttons > div:last-child {
border: 0;
}
/********************** * Layouts *********************/
/*** Title with Main Content ***/
main#genesis-content {
padding-top: var(--defaultVerticalSpacing);
overflow:hidden;
}
main#genesis-content > .row:first-of-type {
padding-top: 0;
}
.row.title-row {
padding-top: 0;
padding-bottom: 0;
}
.row.title-row h1 {
margin-bottom: 0;
}
.row.title-row h1 span.subtitle, .hero-text-wrap h1 span.subtitle, .hero-text-wrap .page-title span.subtitle {
display: block;
font-size: .56em;
}
.row.title-row h1 span.green, .hero-text-wrap h1 span.green, .hero-text-wrap span.page-title span.green, p.primary .green, h1.primary .green {
color: var(--primary);
display: block;
}
p.primary .green.no-block {
display: inline;
}
h1.page-title span.block, p.primary span.block {
display: block;
}
.row.title-row + .row.main-content {
padding-top: 20px;
}
.row.main-content {
/* text-align: center; */
}
.row.main-content li {
text-align: left;
}
.row.main-content .f-text {
max-width: 1100px;
/* margin: 0 auto; */
}
.f-text p:last-child, .f-text ul:last-child, .f-text ol:last-child {
margin-bottom: 0;
}
.style-dark a {
color: #fff !important;
text-decoration: underline;
}
.style-dark a:hover {
color: rgba(255,255,255,0.7) !important;
}
a.button, .cta-content a.button, a.button.primary {
text-decoration: none;
min-width:300px;
color:#fff;
background:var(--cta);
font-family: 'Bebas Neue Pro';
font-size: 32px;
text-transform: uppercase;
}
a.button::after, .cta-content a.button::after, a.button.primary::after {
/* background: var(--darkdefault); */
}
a.button::after,
span.button::after,
.woocommerce a.button::after {
content:'';
display: inline-block;
width: 18px;
height: 32px;
background-image: var(--chevron-gray);
background-repeat: no-repeat;
background-position: center center;
position: relative;
top: 4px;
left: 0;
margin-left: 16px;
transition: all 300ms;
}
#cta a.button::after {
background-image: var(--chevron-green);
}
.f-text a.button:hover, .cta-content a.button:hover, a.button.primary:hover {
/* background: #3e3939; */
}
.f-text a.button:hover::after, .cta-content a.button:hover::after, a.button.primary:hover::after {
background-image: var(--chevron-green);
}
a.button:hover::after,
.woocommerce a.button:hover::after {
left: 8px;
background-image: var(--chevron-green);
}
.cta-content {
max-width: 1200px;
margin: 0 auto;
font-weight: bold;
font-size: 20px;
}
.cta-content a.button,
.woocommerce .cta-content a.button:hover {
margin: 0 10px;
line-height: 1.65;
background: var(--darkdefault);
}
.f-text a.button.secondary, .cta-content a.button.secondary {
background: var(--primary);
}
.f-text a.button.secondary, .cta-content a.button.secondary:hover {
background: var(--primaryalt);
}
.breadcrumbs > span:last-child {
display: none;
}
span.sep:nth-last-child(2) {
display: none !important;
}
.breadcrumbs span.sep {
color: var(--darkdefault);
display: inline-block;
padding: 0 8px;
font-size: 12px;
color: #666;
font-weight: 700;
}
.breadcrumbs a {
color: var(--darkdefault);
text-decoration: none;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
}
.breadcrumbs a:hover {
color: var(--primaryalt);
}
.breadcrumbs {
margin-bottom: 10px;
}
.row.main-content.has-main-img {
text-align: left;
}
.row.main-content.has-main-img .f-text {
max-width: 100%;
}
.row.main-content.has-main-img .f-text > img, .row.main-content.has-main-img .f-text > picture {
float: right;
display: inline-block;
border: solid 1px #ddd;
margin: 0 0 40px 40px;
max-width: 500px;
}
@media only screen and (max-width:959px) {
.row.main-content.has-main-img .f-text > img, .row.main-content.has-main-img .f-text > picture {
float: none;
margin: 0 0 40px 0;
max-width: 100%;
}
.row.title-row {
padding-top: 0;
padding-bottom: 40px;
}
.row.title-row + .row.main-content {
padding-top: 0;
}
}
@media only screen and (max-width:700px) {
.row.main-content, .row.title-row {
text-align: left;
}
}
@media only screen and (max-width:600px) {
.cta-content a.button {
width:100%;
margin:0 0 20px 0;
}
.cta-content a.button:last-child {
margin-bottom:0;
}
a.button, .cta-content a.button, a.button.primary {
min-width: unset;
max-width: 100%;
}
}
@media only screen and (max-width: 400px) {
a.button, .cta-content a.button, a.button.primary {
font-size: 28px;
}
}
/*** Image - Full Width ***/
.image-full-width {
text-align: center;
}
.image-full-width .caption {
padding-top: 20px;
font-style: italic;
}
/*** Content with Media ***/
.content-media .row-inner, .content-stats .row-inner {
display: flex;
justify-content: space-between;
position: relative;
}
.content-stats .row-inner {
align-items: center;
}
.content-media .row-inner > div, .content-stats .row-inner > div {
order: 1;
}
.content-media .row-inner > div.f-text {
width: calc(60% - 32px);
}
.content-stats .row-inner > div.f-text {
width: calc(100% - (450px + 64px));
}
.content-media .row-inner > div.f-asset {
width: calc(40% - 32px);
}
.content-stats .row-inner > div.f-stats {
width: 450px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.content-stats .row-inner > div.f-stats .stat-label {
font-family: 'Bebas Neue Pro';
font-weight: bold;
font-size: 40px;
text-transform: uppercase;
text-align: center;
line-height: 1;
margin-bottom: 12px;
}
.content-stats .row-inner > div.f-stats .stat-number {
font-family: 'Bebas Neue Pro';
font-weight: bold;
font-size: 100px;
text-transform: uppercase;
text-align: center;
line-height: 1;
color: var(--primary);
}
.content-stats .row-inner > div.f-stats .stat-divider {
align-self: stretch;
border-left: dotted 3px #aaa9a9;
}
.content-media.asset-chevron-image .row-inner > div.f-asset,
.content-media#acf68e6734f15ac5 .row-inner > div.f-asset {
width: 400px;
min-height: 400px;
position: relative;
}
.content-media.asset-chevron-image .row-inner > div.f-asset::before {
content: '';
display: block;
mask-image: url('/wp-content/uploads/wide-chevron.svg');
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center center;
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
.content-media.asset-chevron-image .row-inner > div.f-text {
width: calc(100% - (400px + 64px));
}
.content-media.asset-chevron-image .f-asset::after {
content: '';
display: block;
position: absolute;
top: calc(50% + 80px);
right: 0;
transform: translateY(-50%);
width: 112px;
height: 200px;
background-image: url( '/wp-content/uploads/chevron-green.svg');
background-repeat: no-repeat;
z-index: 2;
}
.content-media.asset-right .row-inner > div.f-asset, .content-stats.asset-right .row-inner > div.f-stats {
order: 2;
}
.content-media.asset-left .row-inner > div.f-asset, .content-stats.asset-left .row-inner > div.f-stats {
order: 0;
}
.content-media .f-asset img, .content-media .f-asset iframe {
width: 100%;
}
.content-media.asset-chevron-image .f-asset img {
display: none;
}
.content-media.asset-fancy-video .row-inner > div.f-text {
width: calc(60% - 32px);
}
.content-media.asset-fancy-video .row-inner > div.f-asset {
width: calc(40% - 32px);
}
.content-media.asset-fancy-video .row-inner > div.f-asset.auto-thumb {
aspect-ratio: 16 / 9;
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
.content-media.asset-fancy-video .row-inner {
align-items: center;
}
.content-media.asset-fancy-video .f-asset .img-wrap {
border-radius: 10px;
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.content-media.asset-fancy-video .f-asset .img-wrap video {
max-width: unset;
width: 100%;
}
.content-media.asset-fancy-video .f-asset .img-wrap img {
transition: all 300ms;
}
.content-media.asset-fancy-video .f-asset a:hover .img-wrap .play-button {
background: var(--primary);
box-shadow: none;
}
.content-media.preview .row-inner > div.f-asset {
aspect-ratio: 16 / 9;
position: relative;
background-size: 100%;
background-position: center center;
}
.content-media.preview .row-inner > div.f-asset > a:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: unset;
transition: all 300ms;
z-index: 1;
}
.content-media.preview .row-inner > div.f-asset > a:hover:before {
background-color: rgba(255,255,255,0.4);
}
.content-media.asset-fancy-video .row-inner > div.f-asset, .content-media.asset-video .row-inner > div.f-asset {
border-radius: 10px;
overflow: hidden;
}
.content-media.asset-fancy-video .f-asset .img-wrap .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background-color: #333c;
box-shadow: 0 0 30px rgba( 0, 0, 0, 0.6);
z-index: 1;
border-radius: 50%;
transition: all 300ms;
}
.content-media.asset-fancy-video .f-asset .img-wrap .play-button:before {
position: absolute;
content: "";
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin-left: 3px;
border-style: solid;
border-width: 15px 0 15px 25px;
border-color: transparent transparent transparent #fff;
}
@media only screen and (max-width: 1200px) {
.content-stats .row-inner > div.f-stats {
width: 300px;
}
.content-stats .row-inner > div.f-text {
width: calc(100% - (300px + 64px));
}
.content-stats .row-inner > div.f-stats .stat-label {
font-size: 30px;
}
.content-stats .row-inner > div.f-stats .stat-number {
font-size: 80px;
}
.content-media.asset-chevron-image .row-inner > div.f-asset {
width: 300px;
min-height: 300px;
}
.content-media.asset-chevron-image .f-asset::after {
width: 82px;
height: 120px;
top: calc(50% + 60px);
}
.content-media.asset-chevron-image .row-inner > div.f-text {
width: calc(100% - (300px + 64px));
}
}
@media only screen and (max-width: 959px) {
.content-stats .row-inner {
flex-wrap: wrap;
}
.content-stats .row-inner > div.f-stats {
width: 80%;
order: 2 !important;
margin: 32px auto 0;
}
.content-stats .row-inner > div.f-text {
width: 100%;
}
.content-stats .row-inner > div.f-stats .stat-label {
font-size: 30px;
}
.content-stats .row-inner > div.f-stats .stat-number {
font-size: 80px;
}
}
@media only screen and (max-width:900px) {
.content-media .row-inner {
flex-wrap: wrap;
}
.content-media .row-inner > div {
width: 100% !important;
}
.content-media .row-inner > div.f-asset {
order: 0 !important;
margin-bottom: 32px !important;
}
.content-media.asset-chevron-image .row-inner > div.f-asset {
order: 2 !important;
margin-bottom: 0 !important;
margin-top: 32px !important;
min-height: 400px;
width: 400px;
}
.content-media.asset-chevron-image .f-asset::after {
width: 92px;
height: 160px;
top: calc(50% + 60px);
right: 50%;
transform: translate(calc(50% + 125px), -50%);
}
.content-media.asset-fancy-video .row-inner > div.f-text {
width: 100%;
}
.content-media.asset-fancy-video .row-inner > div.f-asset {
width: 80%;
}
.content-media.asset-fancy-video .row-inner {
align-items: initial;
justify-content: center;
}
}
@media only screen and (max-width: 600px) {
.content-media.asset-fancy-video .row-inner > div.f-asset {
width: 100%;
}
.content-media.asset-fancy-video .row-inner {
display: block;
}
.content-stats .row-inner > div.f-stats {
width: 100%;
}
}
@media only screen and (max-width: 500px) {
.content-stats .row-inner > div.f-stats {
flex-direction: column;
}
.content-stats .row-inner > div.f-stats .stat-divider {
border-left: none;
border-top: dotted 3px #aaa9a9;
}
}
@media only screen and (max-width: 400px) {
.content-media.asset-chevron-image .f-asset::after {
right: 20px;
transform: translateY(-50%);
}
}
/*** Content with Sidebar ***/
.content-with-sidebar .row-inner {
display: flex;
justify-content: space-between;
}
.content-with-sidebar:not(:has(.sidebar)) .f-text > p {
max-width: 1100px;
}
.f-sidebar {
flex-basis: 400px;
}
.single-case-studies .f-sidebar {
flex-basis: 600px;
}
.type-content .f-sidebar {
background: var(--light);
padding: 32px;
}
.type-content .f-sidebar ul li {
background-image: none;
padding-left: 0;
list-style: inherit;
margin-left: 20px;
}
.content-with-sidebar .f-text {
flex-basis: calc(100% - 460px);
}
.single-case-studies .content-with-sidebar .f-text {
flex-basis: calc(100% - 632px);
}
.content-with-sidebar .f-text:only-child {
flex-basis: 100% !important;
}
.f-sidebar h3, .sidebar-item {
font-size: 32px;
border-bottom: dotted 3px #aaa9a9;
padding-bottom: 15px;
margin-bottom: 15px;
}
.f-sidebar h3.separator {
margin-top: 90px;
}
.sidebar-item:last-of-type {
margin-bottom: 0;
}
.f-sidebar p {
font-family: 'Bebas Neue Pro';
font-weight: bold;
text-transform: uppercase;
font-size: 32px;
line-height: 1;
margin: 0;
}
.f-sidebar p:first-of-type span {
margin-top: 15px;
}
.f-sidebar p span {
display: block;
color: var(--primary);
font-size: 1.4em;
}
/*** Form ***/
.form .form-wrap {
max-width: 1000px;
/* margin: 0 auto; */
}
.form-content h2 {
/* text-align: center; */
}
.form-content .f-text {
padding-bottom: 40px;
}
.page-id-94 div#va-footer {
border-top: solid 1px var(--lightborder);
}
.gform_wrapper .gfield h2, .gform_wrapper .gfield h3, .gform_wrapper .gfield h4 {
margin: 20px 0;
}
.row.style-dark form input[type="submit"] {
background: rgba(255 255 255 / 35%);
}
.row.style-dark form input[type="submit"]:hover {
background: rgba(255 255 255 / 45%);
}
.form.layout-side .row-inner {
display: flex;
}
.form.layout-side .row-inner .form-content {
width: 50%;
padding-right: 45px;
}
.form.layout-side .row-inner .form-content h2 {
text-align: left;
}
.form.layout-side .row-inner .form-wrap {
width: 50%;
padding-left: 45px;
}
.style-dark .gform_wrapper .gfield_required {
color: #ffb3b3;
}
div.gform_wrapper .gform_validation_errors>h2 {
font-weight: 700;
font-size: 16px;
}
div.gform_wrapper .gfield_error legend, div.gform_wrapper .gfield_error label {
color: #ffb3b3;
}
@media only screen and (max-width: 1200px) {
.type-content .row-inner {
align-items: center;
}
.f-sidebar {
flex-basis: 300px !important;
}
.type-content .f-sidebar {
flex-basis: 400px !important;
}
.content-with-sidebar .f-text {
flex-basis: calc(100% - 360px) !important;
}
.content-with-sidebar.type-content .f-text {
flex-basis: calc(100% - 440px) !important;
}
}
@media only screen and (max-width:959px) {
.form.layout-side .row-inner {
display: block;
}
.form.layout-side .row-inner .form-content, .form.layout-side .row-inner .form-wrap {
width: 100%;
padding-right: 0;
padding-left:0;
}
.type-content .row-inner {
display: block;
& .f-text{margin-bottom: 32px;}
& .f-sidebar ul, & .f-sidebar ul li:last-of-type {
margin-bottom: 0;
}
}
}
@media only screen and (max-width: 850px) {
.f-sidebar {
flex-basis: 200px !important;
}
.content-with-sidebar .f-text {
flex-basis: calc(100% - 260px) !important;
}
}
@media only screen and (max-width: 600px) {
.content-with-sidebar .row-inner {
display: block !important;
}
.f-sidebar {
margin-top: 32px;
width: fit-content !important;
}
}
/*** Cards (Default) ***/
.row.cards-default {
}
.cards-default h2 {
/* text-align: center; */
}
.cards-default .f-text, .card-style-full-image .f-text, .card-style-grid .f-text, .card-style-minimal .f-text, .card-style-minimal_icon_only .f-text, .list-with-small-images .f-text, .row.x-link-wrap.layout-simple .row-inner .f-text {
width:1000px;
max-width:100%;
/* margin:0 auto; */
/* text-align:center; */
margin-bottom: 60px;
}
.card-style-normal_carousel .f-text{
text-align:left;
width:auto;
margin-bottom:0;
}
.cards-default .cards-items, .card-style-normal_carousel .cards-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap:30px;
}
.card-style-normal_carousel .cards-items {
display:block;
width: calc(100% + 60px);
padding-left: 60px;
margin-bottom: 40px;
}
.card-style-normal_carousel .cards-items .slick-list{
padding:50px 24px;
margin-top:-50px;
margin-bottom:-50px;
margin-left:-24px;
margin-right:-24px;
}
.cards-default .cards-items .item, .card-style-normal_carousel .item {
overflow: hidden;
box-shadow: 0px 25px 35px -6px rgb(200 212 218 / 50%);
transition: all 0.2s ease-in-out;
background:#fff;
transition:box-shadow 300ms;
}
.card-style-normal_carousel .item[aria-hidden='true']{
box-shadow: 0px 25px 35px -6px rgb(200 212 218 / 0%);
}
.card-style-normal_carousel .item.slick-cloned.slick-active, .card-style-normal_carousel .item.slick-cloned.slick-current, .card-style-normal_carousel .item[tabindex='0']{
/* box-shadow: 0px 25px 35px -6px rgb(200 212 218 / 50%)!important;
*/
}
.card-style-normal_carousel .item{
height:auto;
/* width:calc((90vw - 90px) / 4)!important;
*/
margin-right:30px;
}
.cards-default .cards-items .item:hover, .card-style-normal_carousel .item:hover{
box-shadow: 0px 15px 25px -6px rgb(0 0 0 / 25%);
}
.cards-default .cards-items .img, .card-style-normal_carousel .img {
height: 200px;
position: relative;
background-size: cover !important;
background-position: center !important;
}
.cards-default .cards-items .text, .card-style-normal_carousel .cards-items .text {
padding: 40px;
}
.cards-default.card-style-side .cards-items{
grid-template-columns: repeat(2, 1fr);
}
.cards-default.card-style-side .cards-items .text {
padding: 80px 40px;
}
.cards-default a {
text-decoration: none;
color:var(--primary);
}
.cards-default a:hover{
color:var(--primaryalt);
}
.row.cards-default h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 0;
color:var(--primary);
transition:all 300ms;
}
.row.cards-default.card-style-side h3 {
font-size: 32px;
}
.row.cards-default a:hover h3 {
color: var(--primaryalt);
}
.cards-default p.secondary {
font-size: 0.75em;
font-weight:500;
color: rgba(0,0,0,0.6);
margin-bottom: 16px;
}
.cards-default .desc p {
color: var(--darkdefault);
margin-bottom: 16px;
}
.cards-default .btn-cta {
border-radius: 25px;
padding: 10px 40px;
background: var(--primary);
color: #fff;
font-weight: 700;
font-size: 0.875em;
display: block;
text-align:center;
transition: all 300ms;
}
.cards-default.card-style-side .btn-cta{
display:inline-block;
}
.cards-default a:hover .btn-cta {
background: var(--primaryalt);
}
.cards-default .cards-items .img:before {
content: '';
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: var(--primary);
transition: all 400ms;
opacity: 0;
}
.cards-default .cards-items a:hover img:before {
opacity: 0.7 !important;
}
.cards-default .cards-items a:hover .img:before {
opacity: 0.7;
}
.cards-default.card-style-side .cards-items .item {
/* width: calc(50% - 15px);
*/
box-shadow: 2px 3px 20px 0px rgb(0 0 0 / 20%);
}
.cards-default.card-style-side .cards-items .item a {
display: flex;
height:100%;
}
.cards-default.card-style-side .cards-items .item .img {
width: 45%;
min-width: 45%;
display:flex;
height: auto;
}
.cards-default.card-style-side .cards-items .item .text {
width: 55%;
min-width: 55%;
}
/*** Carousel Cards ***/
.card-style-normal_carousel .row-inner {
display: flex;
}
.card-style-normal_carousel .row-inner .f-text {
width: 33.33%;
min-width: 33.33%;
display: flex;
flex-direction: column;
}
.card-style-normal_carousel .f-text h2{
text-align:left;
}
.card-style-normal_carousel button.slick-arrow svg {
fill: rgba(0,0,0,0.4);
position: absolute;
width: 24px;
transition: all 300ms;
}
.card-style-normal_carousel button.slick-arrow {
top: auto;
padding: 0;
height: 40px;
width: 24px;
display: flex;
background:none;
position:absolute;
z-index:99;
outline:none!important;
}
.card-style-normal_carousel button.slick-arrow.slick-next {
bottom: -65px;
left: 100px;
right: auto;
}
.card-style-normal_carousel button.slick-arrow.slick-prev {
bottom: -65px;
left: 60px;
}
.card-style-normal_carousel button.slick-arrow svg path{
transition:all 300ms;
}
.card-style-normal_carousel button.slick-arrow:hover svg path{
fill: var(--primary)!important;
}
@media only screen and (max-width:1400px) {
.card-style-normal_carousel .cards-items{
flex-wrap: wrap;
}
.card-style-normal_carousel .item {
width: 33.33%;
margin-bottom: 40px;
}
}
@media only screen and (max-width:850px) {
.card-style-normal_carousel .cards-items .slick-list{
overflow:visible;
margin:0;
padding:0;
}
.card-style-normal_carousel .cards-items {
width: 48%;
padding-left: 4%;
}
.card-style-normal_carousel .row-inner .f-text, .card-style-normal_carousel .cards-items {
width: 100%;
min-width: 100%;
padding:0;
}
.card-style-normal_carousel .row-inner .f-text{
margin-bottom:40px;
}
.card-style-normal_carousel button.slick-arrow.slick-prev {
left: calc(50% - 40px);
bottom:-40px;
}
.card-style-normal_carousel .row-inner{
flex-wrap:wrap;
}
.card-style-normal_carousel button.slick-arrow.slick-next {
left: calc(50% + 10px);
bottom:-40px;
}
.cards-default.card-style-side .cards-items .item, .card-style-normal_carousel .item[aria-hidden='true'] {
box-shadow: 2px 3px 20px 0px rgb(0 0 0 / 20%)!important;
}
.card-style-normal_carousel .item{
margin-left:15px;
margin-right:15px;
}
}
@media only screen and (max-width:650px) {
.card-style-normal_carousel .cards-items {
width: 100%;
padding: 0;
}
.card-style-normal_carousel .row-inner .f-text {
width: 100%;
margin-bottom: 40px;
}
.card-style-normal_carousel .row-inner {
display: block;
}
.card-style-normal_carousel button.slick-arrow.slick-prev {
/* left: 0;
bottom: -60px;
*/
}
.card-style-normal_carousel button.slick-arrow.slick-next {
/* left: 50px;
*/
/* bottom: -60px;
*/
}
.card-style-normal_carousel .cards-items .item {
/* padding: 0 16px 0 0;
*/
}
.card-style-normal_carousel .cards-items {
/* padding-top: 60px;
*/
/* padding-bottom: 60px;
*/
}
}
@media only screen and (max-width:340px) {
.card-style-normal_carousel .cards-items {
left: auto;
width: 100%;
}
.card-style-normal_carousel .cards-items .item {
width: 100%;
}
}
@media only screen and (max-width:1400px) {
.cards-default .cards-items .item {
/* width: calc(33.33% - 32px);
*/
}
}
@media only screen and (max-width:1100px) {
.cards-default.card-style-side .cards-items .item {
width: 100%;
margin-right: 0;
}
}
@media only screen and (max-width:1000px) {
.cards-default .cards-items .item {
/* width: calc(50% - 32px);
*/
}
}
@media only screen and (max-width:950px) {
.cards-default.card-style-side .cards-items .item {
width: 100%;
margin-right: 0;
}
}
@media only screen and (max-width:700px) {
.cards-default .cards-items .item {
width: 100%;
/* margin-right:0 !important;
*/
}
}
@media only screen and (max-width:500px) {
.cards-default.card-style-side .cards-items .item a {
flex-direction: column;
}
.cards-default.card-style-side .cards-items .item .img {
width: 100%;
height: 200px;
}
.cards-default.card-style-side .cards-items .item .text {
width: 100%;
}
}
/*** Cards (Full Image) ***/
.card-style-full-image h2{
text-align: center;
}
.card-style-full-image .f-text {
margin-bottom: 64px;
}
.card-style-full-image .cards-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap:30px;
}
.card-style-full-image .item {
/* width: calc(25% - 20px);
*/
/* margin-right: 20px;
*/
height: 560px;
max-height:90vh;
border-radius: 20px;
overflow: hidden;
margin-bottom: 20px;
}
.card-style-full-image .item .img {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background-position: center !important;
background-size:cover !important;
}
.card-style-full-image .item a {
padding: 20px;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
position: relative;
height: 100%;
transition: all 600ms;
}
.card-style-full-image div.desc {
max-height: 0;
transition: all 600ms;
transition-timing-function: cubic-bezier(0.53, 0.94, 0.82, 0.63);
overflow: hidden;
display: block;
margin-bottom: 0;
}
.card-style-full-image p.secondary {
font-size: 0.75em;
margin: 0;
transition: margin 600ms;
color:#fff;
line-height:1.25;
}
.card-style-full-image a:hover p.secondary {
/* margin-bottom: 16px;
*/
font-weight:500;
}
.card-style-full-image .text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-bottom: 40px;
padding-left:20px;
padding-right:20px;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
height: 400px;
max-height: 95px;
transition: max-height 600ms;
color:#fff;
}
.card-style-full-image .item a:after {
content: '';
background-image: linear-gradient(0deg, #000000a6, transparent);
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
transition: all 600ms;
}
.card-style-full-image h3 {
font-size: 24px;
font-weight: 700;
margin-bottom: 6px;
color:#fff;
}
.card-style-full-image .item a:hover div.desc, .isMobile .card-style-full-image .item a div.desc {
max-height: 350px;
padding-top:16px;
}
.card-style-full-image .item a:hover:after, .isMobile .card-style-full-image .item a:after {
height: 140%;
background-image: linear-gradient(0deg, rgba(0,0,0,0.75), rgba(0,0,0,0));
}
.card-style-full-image .item div.desc p {
/* font-size: 0.75em;
*/
padding: 0 32px;
margin-bottom:16px;
color:#fff;
}
.card-style-full-image a:hover .text, .isMobile .card-style-full-image a .text {
max-height:100%;
height:100%;
padding-bottom: 0;
}
.card-style-full-image .item span.btn-cta {
background: var(--primary);
display: inline-block;
left: 0;
right: 0;
margin: 0 auto;
padding: 10px 40px;
border-radius: 20px;
font-size: 0.875em;
font-weight: 700;
transition: all 0.2s ease-in-out;
}
.card-style-full-image .item span.btn-cta:hover {
background: var(--primaryalt);
}
@media only screen and (max-width:1400px) {
.cards-default .cards-items, .card-style-full-image .cards-items {
grid-template-columns: repeat(3, 1fr);
}
.card-style-full-image .item {
/* width: calc(33% - 20px);
*/
}
}
@media only screen and (max-width:1000px) {
.cards-default .cards-items, .card-style-full-image .cards-items {
grid-template-columns: repeat(2, 1fr);
}
.cards-default.card-style-side .cards-items {
grid-template-columns: repeat(1, 1fr);
}
.card-style-full-image .item:nth-child(even) {
margin-right: 0;
}
}
@media only screen and (max-width:700px) {
.card-style-full-image h2, .cards-style-full-image .f-text {
text-align: left;
}
}
@media only screen and (max-width:600px) {
.card-style-full-image .item {
width: 100%;
margin-right:0
}
}
/*** Cards (Small with Hover Image) ***/
.card-style-minimal .f-text, .card-style-minimal_icon_only .f-text {
margin-bottom: 64px;
}
.card-style-minimal h2, .card-style-minimal_icon_only h2 {
text-align: center;
}
.card-style-minimal .cards-items, .card-style-minimal_icon_only .cards-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap:30px;
}
.card-style-minimal .item, .card-style-minimal_icon_only .item {
/* margin-right: 20px;
*/
/* margin-bottom:20px;
*/
background-position: center !important;
background-size: cover !important;
}
.card-style-minimal .item .img {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background-position: center !important;
background-size:cover !important;
}
.card-style-minimal .item a, .card-style-minimal_icon_only .item a {
display: flex;
position: relative;
flex-direction: column;
text-decoration: none;
color: var(--darkdefault);
box-shadow: 0 0 13px -5px rgb(0 0 0 / 20%);
border: solid 1px var(--lightborder);
/* border-bottom: 0;
*/
height:100%;
}
.card-style-minimal .item svg, .card-style-minimal_icon_only svg {
width: 60px;
height: 60px;
padding:12px;
border:1px solid var(--lightborder);
color: var(--darkdefault);
fill:var(--darkdefault);
transition: all 600ms;
margin-bottom:16px;
background:rgba(255,255,255,1);
}
.card-style-minimal_icon_only svg{
height:3.5vw;
width:3.5vw;
padding:0;
border:none;
background:none;
float:right;
display:block;
padding:5px;
margin-bottom:3.5vw;
}
.card-style-minimal_icon_only .text svg path, .card-style-minimal_icon_only .text:before{
transition:all 300ms;
}
.card-style-minimal_icon_only .text:before{
content:'';
background: var(--lightalt);
width:16vw;
height:16vw;
border-radius:16vw;
display:block;
top:-8vw;
right:-8vw;
position:absolute;
z-index:-1;
}
.card-style-minimal_icon_only .text:after{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:var(--primary);
z-index:-2;
opacity:0;
transition:all 300ms;
}
.card-style-minimal_icon_only h3{
clear:both;
}
.card-style-minimal .item svg path{
fill:var(--primary);
}
.card-style-minimal_icon_only svg path{
fill:var(--darkdefault);
}
.card-style-minimal .item svg, .card-style-minimal .item svg path, .card-style-minimal .desc .btn-cta, .card-style-minimal_icon_only svg, .card-style-minimal_icon_only svg path, .card-style-minimal_icon_only .btn-cta {
transition:all 300ms;
}
.card-style-minimal .item a:hover svg{
background:var(--primaryalt);
border-color:rgba(255,255,255,.375);
}
.card-style-minimal .item a:hover svg path{
fill:rgba(255,255,255,1);
}
.card-style-minimal .item h3, .card-style-minimal_icon_only .item h3 {
font-size: 22px;
margin-bottom: 8px;
font-weight: 700;
transition:all 300ms;
}
.card-style-minimal .item a:hover h3 {
color: #fff;
}
.card-style-minimal .item a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
transition: all 600ms;
z-index: 1;
}
.card-style-minimal .item .text, .card-style-minimal_icon_only .item .text {
position: relative;
z-index: 1;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
color:var(--darkdefault);
transition:color 300ms;
}
.card-style-minimal_icon_only .item .text{
display:block;
background: var(--light);
position:relative;
overflow:hidden;
transition:all 300ms;
padding:1.5vw;
}
.card-style-minimal .desc p, .card-style-minimal_icon_only .desc p {
margin-bottom:6px;
font-size: 0.875em;
line-height: 1.5;
}
.card-style-minimal .desc .btn-cta, .card-style-minimal_icon_only .btn-cta{
color:var(--primary);
font-weight:bold;
}
.card-style-minimal .item a:hover .desc .btn-cta, .card-style-minimal .item a:hover .text {
color: #fff;
}
.card-style-minimal .item p.secondary, .card-style-minimal_icon_only .item p.secondary {
font-size: .75em;
margin-bottom: 10px;
line-height: 1.25;
color:#222;
transition:all 300ms;
}
.card-style-minimal .item a:hover p {
color: #fff;
}
.card-style-minimal_icon_only .item a:focus .text:after, .card-style-minimal_icon_only .item a:hover .text:after{
opacity:0.15;
}
.card-style-minimal_icon_only .item a:focus .text svg path, .card-style-minimal_icon_only .item a:hover .text svg path{
fill:var(--primaryalt);
}
.card-style-minimal_icon_only .item a:focus .text:before, .card-style-minimal_icon_only .item a:hover .text:before{
background:var(--primary);
opacity:0.45;
width:16.5vw;
height:16.5vw;
border-radius:16.5vw;
}
.card-style-minimal_icon_only .item a:hover h3{
color:var(--primary);
}
.card-style-minimal .item .icon-arrow svg {
color: #fff;
height: 12px;
width: 12px;
float: right;
transition: all 600ms;
opacity: 0;
margin: 0;
}
.card-style-minimal .item a:hover:before {
background: var(--darkdefault);
opacity:0.75;
}
.card-style-minimal .item a:hover {
color: #fff;
}
.card-style-minimal .item a:hover svg {
color: #fff;
fill:#fff;
}
.card-style-minimal.style-dark .item a {
border: 0;
}
.card-style-minimal.style-dark span.icon-arrow {
background: var(--cta);
color: var(--cta);
}
@media only screen and (max-width:1400px) {
.card-style-minimal .item {
/* width: calc(33.33% - 20px);
*/
}
.card-style-minimal .cards-items, .card-style-minimal_icon_only .cards-items{
grid-template-columns:repeat(3, 1fr);
}
}
@media only screen and (max-width:1000px) {
.card-style-minimal .cards-items, .card-style-minimal_icon_only .cards-items{
grid-template-columns:repeat(2, 1fr);
}
.card-style-minimal_icon_only svg{
height:5vw;
width:5vw;
margin-bottom:5vw;
}
.card-style-minimal_icon_only .text:before{
width:22vw;
height:22vw;
border-radius:22vw;
top:-11vw;
right:-11vw;
}
.card-style-minimal_icon_only .item a:focus .text:before, .card-style-minimal_icon_only .item a:hover .text:before {
width: 22.5vw;
height: 22.5vw;
border-radius: 22.5vw;
}
}
@media only screen and (max-width:600px) {
.card-style-minimal .cards-items, .card-style-minimal_icon_only .cards-items{
display:block;
}
.card-style-minimal .cards-items .item, .card-style-minimal_icon_only .cards-items .item{
margin-bottom:30px;
}
.card-style-minimal .cards-items .item:last-child, .card-style-minimal_icon_only .cards-items .item:last-child{
margin-bottom:0;
}
.card-style-minimal_icon_only svg{
height:10vw;
width:10vw;
margin-bottom:10vw;
}
.card-style-minimal_icon_only .text:before{
width:44vw;
height:44vw;
border-radius:44vw;
top:-22vw;
right:-22vw;
}
.card-style-minimal_icon_only .item a:focus .text:before, .card-style-minimal_icon_only .item a:hover .text:before {
width: 46vw;
height: 46vw;
border-radius: 46vw;
}
}
/*** Cards (Grid with Featured) ***/
.card-style-grid h2 {
text-align: center;
}
.card-style-grid .f-text {
margin-bottom: 64px;
}
.card-style-grid .cards-items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.card-style-grid .grid-half {
width: 50%;
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.card-style-grid .grid-half:nth-child(odd) {
padding-right: 15px;
}
.card-style-grid .grid-half:nth-child(even) {
padding-left: 15px;
}
.card-style-grid .grid-half .item.featured {
width: 100%;
height: 630px;
border:solid 1px var(--lightborder);
}
.card-style-grid .grid-half .item.normal {
height: calc(50% - 15px);
margin-bottom: 30px;
width: calc(50% - 15px);
margin-right: 30px;
height: 300px;
border:solid 1px var(--lightborder);
}
.card-style-grid .item .img {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background-position: center !important;
background-size:cover !important;
}
.card-style-grid .grid-half .item a {
text-decoration: none;
color: #fff;
display: flex;
height: 100%;
position: relative;
overflow: hidden;
}
.card-style-grid .grid-half .item a:before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: linear-gradient(0deg, #000000a6, transparent);
transition: all 600ms;
z-index:1;
}
.card-style-grid .grid-half .item h3 {
margin-bottom: 8px;
font-size: 20px;
text-align: center;
font-weight:700;
color:#fff;
}
.card-style-grid .grid-half .item p {
text-align: center;
font-size: 0.75em;
margin-bottom: 0;
color:#fff;
transition:all 500ms;
}
.card-style-grid .grid-half .item a:hover p.secondary {
margin-bottom: 10px;
}
.card-style-grid .grid-half .item a .text {
width: 100%;
position: absolute;
bottom: 10px;
padding: 20px;
transition: all 600ms;
z-index:2;
}
.card-style-grid .grid-half .item.normal:nth-child(even) {
margin-right: 0;
}
.card-style-grid .grid-half .item.normal:nth-child(3), .card-style-grid .grid-half .item.normal:nth-child(4) {
margin-bottom: 0;
}
.card-style-grid .grid-half .item {
background-size: cover !important;
background-position: center !important;
}
.card-style-grid .grid-half .item a:hover:before {
height: 140%;
background: linear-gradient(0deg, rgb(0 75 135 / 94%), transparent);
}
.card-style-grid.style-dark .grid-half .item {
border: solid 1px var(--primaryborder);
}
.card-style-grid .item .desc {
overflow: hidden;
max-height: 0;
width: 400px;
max-width: 100%;
text-align: center;
margin: 0 auto;
transition: all 800ms;
}
.card-style-grid .item .desc p {
margin-bottom: 16px;
}
.card-style-grid .item a:hover .desc {
max-height: 200px;
}
.card-style-grid span.btn-cta {
font-weight: 700;
background: #fff;
padding: 8px 24px;
display: inline-block;
border-radius: 25px;
color: var(--primary);
font-size: 14px;
transition:all 400ms;
}
.card-style-grid span.btn-cta:hover {
background: var(--primaryalt);
color: #fff;
}
@media only screen and (max-width:1200px) {
.card-style-grid .grid-half {
width: 100%;
padding:0 !important;
}
.card-style-grid .grid-half .item.featured {
height: 300px;
}
.card-style-grid .grid-half .item.normal {
width: calc(50% - 15px);
}
}
@media only screen and (max-width:600px) {
.card-style-grid .grid-half .item.normal {
width: 100%;
margin-right:0;
margin-bottom:30px !important;
}
.card-style-grid .grid-half .item.normal:last-child {
margin-bottom: 0 !important;
}
.card-style-grid .grid-half .item a:before {
height: 140%;
background: linear-gradient(0deg, rgb(0 75 135 / 94%), transparent);
}
.card-style-grid .item a .desc {
max-height: 200px;
}
.card-style-minimal_icon_only .item .text{
padding:5vw;
padding-right:3.5vw;
padding-top:3.5vw;
}
.card-style-minimal_icon_only .desc{
padding-right:3vw;
}
}
/*** Cards (Product Styled) ***/
.card-style-product .f-text {
margin-bottom: 32px;
}
.card-style-product .cards-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
.card-style-product .item {
box-shadow: 0 3px 60px rgba(0,0,0,0.08);
position: relative;
top: 0;
transition: all 300ms;
&:has(a:hover) {
top: -8px;
box-shadow: 0 3px 60px rgba(0,0,0,0.16);
}
& img {
display: block;
width: 300px;
max-width: 100%;
position: relative;
bottom: -8px;
z-index: 2;
margin-bottom: 0 !important;
margin-top: -16px !important;
margin: 0 auto;
border: 0;
filter: drop-shadow(0 4px 4px rgba(0,0,0,0.4))
}
& .band {
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 50px;
background-color: var(--primary);
background-image: url('data:image/svg+xml,');
background-size: 30px;
background-position: center;
transition: all 300ms;
}
}
.card-style-product h3 {
line-height: 1;
transition: all 300ms;
color: var(--darkdefault);
margin-bottom: 30px;
}
.card-style-product .item a {
display: block;
width: 100%;
padding: 32px 40px;
background: #fff;
&:hover {
& h3 {
color: var(--primary);
}
& .band {
background-size: 40px;
}
}
}
@media only screen and (max-width: 1400px) {
.card-style-product .cards-items {
grid-template-columns: repeat(3,1fr);
& h3 {
font-size: 32px;
}
}
}
@media only screen and (max-width: 959px) {
.card-style-product .cards-items {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 600px) {
.card-style-product .cards-items {
grid-template-columns: 1fr;
& img {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
}
/*** List with Small Image ***/
.row.list-with-small-images {
/* padding-bottom: 36px;
*/
}
.list-with-small-images h2 {
text-align: center;
}
.list-with-small-images .f-text {
margin-bottom: 64px;
}
.list-with-small-images .list-items {
display: flex;
flex-wrap: wrap;
gap:60px;
}
.list-with-small-images.list-style-split .list-items{
gap:0px;
}
.list-with-small-images .item {
flex-basis:50%;
flex-basis:calc(50% - 30px);
/* padding-right: 32px;
*/
/* margin-bottom: 64px;
*/
}
.list-with-small-images.list-style-split .item{
flex-basis:100%;
}
.list-with-small-images .item a, .list-with-small-images .item .item-inner {
text-decoration: none;
display: flex;
}
.list-with-small-images .item h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
}
.list-with-small-images .item p {
color: var(--darkdefault);
margin-bottom: 0;
}
.list-with-small-images.style-dark .item p, .list-with-small-images.text-light .item p {
color: #fff;
opacity: 0.8;
}
.list-with-small-images .img {
width: 100px;
height: 100px;
min-width: 100px;
margin-right: 20px;
border-radius: 50%;
background-size: cover !important;
background-position: center !important;
position: relative;
overflow: hidden;
}
.list-with-small-images .item:nth-child(even) {
/* padding-left: 32px;
*/
}
.list-with-small-images .img:before {
content: '';
position: absolute;
top: 0;
left: 0;
background: var(--primary);
display: block;
width: 100%;
height: 100%;
opacity: 0;
transition: all 400ms;
border-radius:50%;
}
.list-with-small-images a:hover .img:before {
opacity: 0.7;
}
.list-with-small-images.list-style-stacked a, .list-with-small-images.list-style-stacked .item-inner {
flex-direction: column;
align-items: center;
text-align: center;
}
.list-with-small-images.list-style-stacked .img {
margin-bottom: 20px;
margin-right: 0;
}
.list-with-small-images.list-style-stacked .item {
width: 25%;
padding-right: 16px;
padding-left: 16px;
}
.row.list-with-small-images.list-style-split {
/* padding-bottom: 90px;
*/
}
.list-with-small-images.list-style-split .row-inner {
display: flex;
}
.list-with-small-images.list-style-split .row-inner .list-content {
width: 50%;
padding-right: 32px;
display: flex;
flex-direction: column;
justify-content: center;
}
.list-with-small-images.list-style-split .row-inner .list-items {
padding-left: 32px;
width: 50%;
}
.list-with-small-images.list-style-split .row-inner .list-items .item {
margin-bottom: 0;
border: solid 1px var(--lightborder);
border-bottom: 0;
padding: 0;
}
.list-with-small-images.style-light.list-style-split .row-inner .list-items .item, .list-with-small-images.style-dark.list-style-split .row-inner .list-items .item {
background: #fff;
}
.list-with-small-images.list-style-split.style-dark a {
color: var(--primaryalt) !important;
}
.list-with-small-images.list-style-split.style-dark a:hover {
color: var(--darkdefault)!important;
}
.list-with-small-images.list-style-split.style-dark .item p {
color: var(--darkdefault);
opacity: 1;
}
.list-with-small-images.list-style-split .row-inner .list-items .item:last-child {
border-bottom: solid 1px var(--lightborder);
}
.list-with-small-images.list-style-split .row-inner .list-items .item a, .list-with-small-images.list-style-split .row-inner .list-items .item .item-inner {
padding: 20px;
}
.list-with-small-images.list-style-split h2 {
text-align: left;
}
.list-with-small-images.list-style-split .f-text {
text-align: left;
margin-bottom: 0;
}
.list-with-small-images .text {
width: 100%;
}
.list-with-small-images.list-style-split.style-dark .item h3 {
color: var(--primary);
transition:all 300ms;
}
.list-with-small-images.list-style-split.style-dark .item a:hover h3 {
color: var(--primaryalt);
}
@media only screen and (max-width:1400px) {
.list-with-small-images.list-style-split .row-inner {
display: block;
}
.list-with-small-images.list-style-split .row-inner .list-content {
width: 100%;
padding:0;
}
.list-with-small-images.list-style-split .f-text {
margin-bottom: 64px;
}
.list-with-small-images.list-style-split h2 {
text-align: center;
}
.list-with-small-images.list-style-split .row-inner .list-items {
width: 100%;
padding:0;
}
}
@media only screen and (max-width:1200px) {
.list-with-small-images.list-style-stacked .item {
width: 50%;
}
}
@media only screen and (max-width:959px) {
.row.list-with-small-images {
padding-bottom: 0;
}
}
@media only screen and (max-width:768px) {
.list-with-small-images .item {
width: 100%;
padding: 0 !important;
}
.list-with-small-images.list-style-stacked .item {
width: 100%;
}
}
@media only screen and (max-width:700px) {
.list-with-small-images.list-style-stacked a, .list-with-small-images.list-style-stacked .item-inner {
text-align: left;
}
}
@media only screen and (max-width:500px) {
.list-with-small-images.list-style-split .img {
width: 50px;
height: 50px;
min-width: 50px;
}
}
/*** Column-Based Content ***/
.column-content .row-inner > .f-text {
margin-bottom: 40px;
}
.column-content .column-items {
display: flex;
justify-content: space-between;
}
.column-content .col {
width: 100%;
}
.column-content .col:last-child {
margin-bottom:0 !important;
}
.column-content.col-2 .column-items .col {
width: calc(50% - 40px);
}
.column-content.col-3 .column-items .col {
width: calc(33.33% - 40px);
}
.column-content.col-4 .column-items .col {
width: calc(25% - 40px);
}
.column-group {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 64px;
}
.column-group p:last-child {
margin-bottom: 0;
}
.column-content.col-one-two .column-group {
grid-template-columns: 1fr 2fr;
}
.column-content.col-one-two .col-two-thirds {
order: 2;
}
@media only screen and (max-width:1100px) {
.column-content .column-items {
flex-wrap:wrap;
}
.column-content.col-4 .column-items .col {
width: calc(50% - 40px);
margin-bottom:40px;
}
}
@media only screen and (max-width:1000px) {
.column-group {
grid-template-columns: 1fr !important;
gap: 32px;
}
}
@media only screen and (max-width:950px) {
.column-content.col-3 .column-items .col {
width: calc(33.33% - 20px);
}
.column-content.col-2 .column-items .col, .column-content.col-4 .column-items .col {
width: calc(50% - 20px);
}
}
@media only screen and (max-width:680px) {
.column-content.col-2 .column-items .col, .column-content.col-3 .column-items .col, .column-content.col-4 .column-items .col {
width: calc(100%);
margin-bottom:40px;
}
}
/*** Services Crosslinking ***/
.x-link-wrap {
margin-bottom: 0px;
overflow:hidden;
}
.x-link-wrap .row-inner {
display: flex;
}
.x-link-wrap .row-inner .f-text {
width: 33.33%;
min-width: 33.33%;
display: flex;
flex-direction: column;
justify-content: center;
}
.x-link-wrap .x-links {
width: 100%;
padding-left: 60px;
margin-bottom:40px;
}
.x-link-wrap .x-link {
width: 362px;
padding:0 16px;
}
.x-link a.button {
background: none;
color: var(--primary);
padding: 0;
}
.x-link a {
display: block;
text-decoration: none;
}
.x-link a span {
color: var(--primary);
font-weight: 700;
display: block;
padding-top: 12px;
}
.x-link-wrap button.slick-arrow svg {
fill: rgba(0,0,0,0.4);
position: absolute;
width: 24px;
transition: all 300ms;
}
.x-link-wrap button.slick-arrow {
top: auto;
padding: 0;
height: 40px;
width: 24px;
display: flex;
background:none;
position:absolute;
}
.x-link-wrap button.slick-arrow.slick-next {
bottom: -40px;
left: 126px;
right: auto;
}
.x-link-wrap button.slick-arrow.slick-prev {
bottom: -40px;
left: 76px;
}
.x-link-wrap button.slick-arrow:hover svg {
fill: var(--cta);
}
.x-link.slick-slide:hover {
transition:opacity 300ms;
}
.x-link.slick-slide:hover {
opacity: 0.7;
}
.row.x-link-wrap.layout-simple .row-inner {
display: block;
}
.row.x-link-wrap.layout-simple .row-inner .f-text {
/* width: 100%;
*/
min-width: 0;
margin-bottom: 40px;
text-align: center;
}
.row.x-link-wrap.layout-simple .x-links {
display: flex;
padding: 0;
margin: 0;
position: relative;
left: -16px;
width: calc(100% + 32px);
}
.layout-simple .x-link a span {
text-align: center;
padding-top: 8px;
transition: all 300ms;
}
.layout-simple .x-link img {
border: solid 1px var(--lightborder);
transition: all 300ms;
}
.layout-simple .x-link a:hover img {
opacity: 0.7;
}
.layout-simple .x-link a:hover span {
color: var(--darkdefault);
}
.x-link-wrap.layout-simple .x-link {
padding:0 16px;
}
.style-dark .x-link a span {
color: #fff;
}
.style-dark .x-link a:hover span {
color: var(--primaryalt);
}
.layout-simple.style-dark .x-link a img {
border: solid 1px var(--primaryborder);
}
@media only screen and (max-width:1400px) {
.x-link-wrap h2 {
font-size: 32px;
}
.x-link-wrap h2 span {
font-size: 24px;
}
.row.x-link-wrap.layout-simple .x-links {
flex-wrap: wrap;
}
.x-link-wrap.layout-simple .x-link {
width: 33.33%;
margin-bottom: 40px;
}
.row.x-link-wrap.layout-simple {
padding-bottom: 50px;
}
}
@media only screen and (max-width:959px) {
.row.x-link-wrap.layout-simple {
padding-bottom: 10px;
}
}
@media only screen and (max-width:850px) {
.x-link-wrap .x-links {
width: 48%;
padding-left: 4%;
}
.x-link-wrap .row-inner .f-text {
width: 48%;
min-width: 48%;
}
.x-link-wrap button.slick-arrow.slick-prev {
left: calc(8% + 8px);
}
.x-link-wrap button.slick-arrow.slick-next {
left: calc(8% + 58px);
}
.x-link-wrap .x-link {
padding: 0 8px;
}
}
@media only screen and (max-width:650px) {
.x-link-wrap .x-links {
width: 100%;
padding: 0;
}
.x-link-wrap .row-inner .f-text {
width: 100%;
margin-bottom: 40px;
}
.x-link-wrap .row-inner {
display: block;
}
.x-link-wrap button.slick-arrow.slick-prev {
left: 0;
bottom: -60px;
}
.x-link-wrap button.slick-arrow.slick-next {
left: 50px;
bottom: -60px;
}
.x-link-wrap .x-link {
padding: 0 16px 0 0;
}
.x-link-wrap {
padding-top: 60px;
padding-bottom: 60px;
}
.x-link-wrap.layout-simple .x-link {
width: 50%;
}
}
@media only screen and (max-width:340px) {
.row.x-link-wrap.layout-simple .x-links {
left: auto;
width: 100%;
}
.x-link-wrap.layout-simple .x-link {
width: 100%;
}
}
/*** Media Gallery ***/
.gallery h2 {
text-align: center;
margin-bottom:40px;
}
.gallery .gallery-wrap {
display: flex;
flex-wrap: wrap;
width: calc(100% + 40px);
left: -20px;
position: relative;
justify-content:center;
}
.gallery .gallery-wrap > div {
width: 20%;
padding: 0 20px;
height: 300px;
position: relative;
margin-bottom: 40px;
}
.gallery .gallery-wrap > div a {
display: block;
position: relative;
overflow: hidden;
height: 100%;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.gallery .gallery-wrap > div a svg {
width: 12px;
fill: var(--primaryalt);
transition: all 300ms;
top:0;
}
.gallery .gallery-wrap > div a .icon {
background: #fff;
width: 28px;
height: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 10px;
right: 10px;
transition: all 300ms;
}
.gallery .gallery-wrap > div.video a svg {
width: 8px;
height: 100%;
}
.gallery .gallery-wrap > div a:hover:before {
opacity: 0;
}
.gallery .gallery-wrap > div a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
transition: all 300ms;
opacity: 1;
}
.gallery .gallery-wrap > div a:hover .icon {
background: var(--primaryalt);
}
.gallery .gallery-wrap > div a:hover .icon svg {
fill: #fff;
}
.gallery .f-text {
margin-bottom: 40px;
}
@media only screen and (max-width:1400px) {
.gallery .gallery-wrap > div {
width: 25%;
}
}
@media only screen and (max-width:1100px) {
.gallery .gallery-wrap > div {
width: 33.33%;
}
}
@media only screen and (max-width:850px) {
.gallery .gallery-wrap > div {
width: 50%;
}
}
@media only screen and (max-width:550px) {
.gallery .gallery-wrap > div {
width: 100%;
padding: 0;
}
.gallery .gallery-wrap {
left: auto;
width: 100%;
}
}
/*** Resources ***/
.resources h2 {
text-align:center;
}
ul.resource-links li {
list-style: none;
background-image: none !important;
padding-left: 0 !important;
}
ul.resource-links {
padding: 0;
}
ul.resource-links:last-child {
margin-bottom: 0;
}
ul.resource-links li a {
background: url(/wp-content/uploads/pdf-icon.svg) left center no-repeat;
background-size: 14px;
padding-left: 28px;
text-decoration: none;
}
.f-text ul.resource-links {
margin-bottom: 32px;
}
.f-text:last-child ul.resource-links {
margin-bottom: 0;
}
/*** Console ***/
.console.background-console{
background-size:cover!important;
background-repeat:no-repeat!important;
background-position:center right!important;
position:relative;
}
.console.background-console:before{
content:'';
height:100%;
width:100%!important;
max-width:100%!important;
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
z-index:-1;
}
.console.background-console.style-light:before{
background: linear-gradient(90deg, rgba(var(--lightrgb), 1) 0%, rgba(var(--lightrgb), 1) 50%, rgba(var(--lightrgb), 0) 100%);
}
.console.background-console.style-dark:before{
background: linear-gradient(90deg, rgba(var(--darkdefaultrgb), 1) 0%, rgba(var(--darkdefaultrgb), 1) 50%, rgba(var(--darkdefaultrgb), 0) 100%);
}
.console .f-title h2 {
/* color: #F0F0F0;
*/
/* font-size: 85px;
*/
/* font-weight: 700;
*/
margin-bottom: 50px;
text-align:center;
}
.console.background-console .f-title h2{
text-align:left;
}
.console .f-title {
max-width: 100%;
}
div#console {
display: flex;
max-width:1600px;
margin:0 auto;
}
div#console-nav {
width: 20%;
padding-right: 60px;
border-right: solid 1px #f0f0f0;
}
div#console-window {
width: 80%;
padding-left: 60px;
position:relative;
}
.console.background-console div#console-window{
background-repeat:no-repeat!important;
background-position: right center!important;
}
#console-nav li a {
color: #777777;
font-weight: 700;
text-decoration:none;
}
#console-nav li {
list-style: none;
background-image: none;
padding-left: 0;
}
#console-nav ul {
padding: 0;
margin: 0;
}
#console-nav li.active a, #console-nav li a:hover {
color: var(--primary);
}
div#console-window .console-page {
display: none;
opacity: 0;
transition: all 400ms;
display: flex;
height: 0;
position: absolute;
top: 0;
align-items: flex-start;
}
div#console-window .console-page.active {
opacity: 1;
display: flex;
position: relative;
height: auto;
transition: all 400ms;
z-index:1;
background:#fff;
}
.console.background-console div#console-window .console-page.active{
background:none;
}
div#console-window .console-page > picture, div#console-window .console-page > img {
width: 40%;
order: 2;
}
div#console-window .console-page .f-text {
width: 60%;
padding-right: 60px;
}
#console h3 {
color: var(--primary);
font-size: 40px;
margin-bottom: 20px;
}
.style-light div#console-nav {
border-right: solid 1px var(--lightborder);
}
.style-light div#console-window .console-page.active {
background: none;
}
.console.style-dark a.button{
background:var(--cta);
}
.console.style-dark a.button:hover{
background:var(--ctaalt);
}
.console.style-dark .f-title h2 {
color:#fff;
}
.style-dark div#console-nav {
border-color: rgba(255,255,255,0.4);
}
.style-dark div#console-window .console-page.active {
background: none;
}
.style-dark #console h3 {
color: #fff;
}
.style-dark li.active a, .style-dark li:hover a {
color: var(--cta) !important;
}
@media only screen and (max-width:1600px) {
.console .f-title h2 {
font-size: 60px;
}
}
@media only screen and (max-width:1150px) {
.console .f-title h2 {
font-size: 40px;
color: #dbdbdb;
}
#console h3 {
font-size: 32px;
}
}
@media only screen and (max-width:1100px) {
div#console-nav {
width: 100%;
padding: 0;
border: 0;
border-bottom: solid 1px #f0f0f0;
padding-bottom: 20px;
margin-bottom: 40px;
overflow-x: scroll;
}
div#console {
display: block;
}
div#console-nav ul {
display: flex;
max-width: none;
}
div#console-nav ul li {
padding-right: 60px;
}
div#console-nav ul li a {
white-space: nowrap;
}
div#console-window {
width: 100%;
padding-left: 0;
}
div#console-window {
width: 100%;
padding-left: 0;
}
div#console-window .console-page{
display: block !important;
}
div#console-window .console-page > picture, div#console-window .console-page > img {
margin: 0 0 40px 0;
display: block;
width: auto;
}
div#console-window .console-page .f-text {
width: 100%;
padding: 0;
}
}
/*** Post Feed ***/
.row.acf-post-feed {
padding-bottom: 60px;
}
.acf-post-feed h2 {
text-align: center;
}
.acf-post-feed .f-text {
margin-bottom: 40px;
}
.acf-post-feed .post-feed-wrap {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 30px;
position: relative;
}
.acf-post-feed .post-card {
border: solid 1px var(--lightborder);
display: flex;
flex-direction: column;
}
.post-card .post-img img {
width: 100%;
transition:all 300ms;
}
.post-card .card-summary {
padding: 20px;
background: var(--light);
border-top: solid 1px var(--lightborder);
flex-grow: 1;
}
.post-card .card-summary h3 {
font-size: 1.375em;
margin-bottom: 8px;
}
.post-card a {
text-decoration: none;
}
.post-card p {
margin-bottom: 8px;
}
.post-card p.r-type {
font-weight: 700;
}
.post-card p.r-meta {
font-size: 0.875em;
font-style: italic;
}
span.categories:before {
content: '';
display: inline-block;
width: 4px;
height: 4px;
background: rgba(0,0,0,0.3);
border-radius: 50%;
position: relative;
top: -3px;
margin-left: 10px;
margin-right: 10px;
}
span.categories {
font-style: normal;
}
span.categories span.sep:last-child {
display: none;
}
span.categories span.sep {
display: inline-block;
padding: 0 5px;
}
.post-card p.r-excerpt {
font-size: 0.875em;
}
.post-card a.learn-more {
font-weight: 700;
color: var(--darkdefault);
display:inline-block;
height:1.25em;
}
.post-card a.learn-more svg {
width: 16px;
display: inline-block;
margin-left: 4px;
}
.post-card a.learn-more:hover {
color: var(--primaryalt);
fill: var(--primaryalt);
}
.post-card a:hover img {
opacity: 0.7;
}
.style-light .post-card .card-summary, .style-light .post-card .post-img {
background: #fff;
}
.style-dark .post-card.type-post {
border: solid 1px var(--primaryborder);
}
.style-dark .post-card a {
color: var(--primaryalt) !important;
}
.style-dark .post-card a:hover {
color: var(--darkdefault)!important;
}
.style-dark .post-card p {
color: var(--darkdefault);
}
.style-dark .post-card a.learn-more {
color: var(--darkdefault)!important;
}
.style-dark .post-card a.learn-more:hover {
color: var(--primaryalt) !important;
fill: var(--primaryalt);
}
@media only screen and (max-width:959px) {
.row.acf-post-feed {
padding-bottom: 20px;
}
}
@media only screen and (max-width:900px) {
.acf-post-feed .post-feed-wrap {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width:500px) {
.acf-post-feed .post-feed-wrap {
grid-template-columns: 1fr;
}
}
/*** Testimonials ***/
.testimonials .post-img {
padding: 32px 32px 0 32px;
background: var(--light);
}
.testimonials .post-card .card-summary {
border: 0;
padding: 32px;
text-align: center;
display: flex;
flex-direction: column;
}
.testimonials .post-img img {
max-width: 200px;
width: 100%;
margin: 0 auto;
display: block;
}
.testimonials .post-card.type-testimonials {
border-top: solid 4px #104b87;
}
.testimonials .post-card p.r-excerpt {
font-style: italic;
font-size: 18px;
margin-bottom: 20px;
}
.post-card p.r-testimonial-meta {
text-align: center;
margin-bottom: 0;
}
.post-card p.r-testimonial-meta span {
display: block;
}
.post-card p.r-testimonial-meta span.name {
font-weight: 700;
font-size: 1.125em;
}
.post-card p.r-testimonial-meta span.job-title {
font-style: italic;
opacity: 0.6;
}
.post-card p.r-testimonial-meta span.company {
color: #104b87;
}
.testimonials .post-card.no-img .card-summary {
justify-content: center;
}
.testimonials.style-dark .post-card.type-testimonials {
border-top: solid 4px var(--cta);
}
.testimonials.layout-slider button.slick-arrow {
background: none;
padding: 0;
width: 60px;
height: 60px;
position: absolute;
z-index:1;
}
.testimonials.layout-slider button.slick-next {
right: -60px;
top: calc(50% - 30px);
}
.testimonials.layout-slider button.slick-arrow svg {
width: 32px;
fill: #104b87;
}
.testimonials.layout-slider button.slick-arrow:hover svg {
fill: #2173e5;
}
.testimonials.layout-slider.style-dark button.slick-arrow svg {
fill: rgba(255,255,255,0.7);
}
.testimonials.layout-slider.style-dark button.slick-arrow:hover svg {
fill: rgba(255,255,255,1);
}
.testimonials.layout-slider button.slick-prev {
left: -60px;
top: calc(50% - 30px);
}
.testimonials.layout-slider .post-card.type-testimonials {
height: auto;
}
.testimonials.layout-slider .slick-track {
display: flex;
}
@media only screen and (max-width:1300px) {
.testimonials.layout-slider button.slick-arrow {
/* display: none;
*/
left: 0px;
right: 0;
margin: 0 auto;
z-index: 1;
top: auto;
bottom: -40px;
}
.testimonials.layout-slider button.slick-arrow:hover svg {
fill: #2173e5;
}
.testimonials.layout-slider button.slick-arrow.slick-prev {
left: -60px;
}
.testimonials.layout-slider button.slick-arrow.slick-next {
right: -60px;
}
.testimonials.layout-slider.show-controls .row-inner {
padding-bottom: 40px;
}
}
@media only screen and (max-width:900px) {
.testimonials.acf-post-feed .post-card {
flex-direction: column;
}
.testimonials .post-card .post-img {
width: 100%;
order: 0;
}
.testimonials .post-card .post-img img {
border: 0;
}
.testimonials .card-summary {
width: 100%;
}
}
/*** Location ***/
.row.location .row-inner {
display: flex;
}
.row.location .row-inner > div {
width: 50%;
}
.row.location .row-inner > div.loc-info {
padding: 0 40px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
}
.row.location.asset-map .row-inner .loc-asset {
overflow: hidden;
position: relative;
}
.row.location.asset-map .row-inner .loc-asset iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:solid 1px #ddd !important;
}
.row.location.asset-image .row-inner .loc-asset img {
border:solid 1px #ddd !important;
}
.row.location .row-inner > div.loc-info .loc-img {
display: block;
width: 300px;
max-width: 100%;
margin: 0 auto 40px auto;
}
.row.location .row-inner > div.loc-info h2 {
font-size: 24px;
margin-bottom: 16px;
text-align:center !important;
}
.row.location .row-inner > div.loc-info p {
margin-bottom: 16px;
line-height: 1.25;
}
.row.location .row-inner > div.loc-info p.loc-a span {
display: block;
}
.row.location.asset-map.style-dark .row-inner .loc-asset iframe, .row.location.asset-image.style-dark .row-inner .loc-asset img, .location .loc-info .loc-map iframe {
border: solid 1px var(--primaryborder) !important;
}
.location.asset-image .loc-asset {
text-align: center;
}
.location.asset-form .gform_footer.top_label {
padding-bottom: 0;
}
.row.location.asset-loc-left .row-inner > div.loc-info {
order: 2;
}
.row.location .row-inner > div.loc-info p.loc-a {
display: flex;
margin: 0 auto 16px auto;
}
.location .loc-info .loc-map {
margin-top: 40px;
}
.location .loc-info .loc-map iframe {
border: solid 1px #ddd !important;
height: 350px;
width: 100%;
}
/*start: contact page style side-by-side location blade*/
div#acf62be049651472:before {
display: none;
}
div#acf62be049651472 {
padding-top: 40px;
}
div#acf62be049651472 div.loc-info {
display: block;
text-align: left;
padding: 0 45px;
}
div#acf62be049651472 div.loc-info > img, div#acf62be049651472 div.loc-info > picture {
margin: 0 0 40px 0;
}
div#acf62be049651472 h2 {
text-align: left !important;
}
div#acf62be049651472 div.loc-asset {
padding-right: 45px;
}
/*end: contact page style side-by-side location blade*/
@media only screen and (max-width:768px) {
.row.location .row-inner {
flex-wrap: wrap;
}
.row.location .row-inner > div {
width: 100%;
}
.row.location .row-inner .loc-asset {
padding-top: 50px;
}
.row.location.asset-map .row-inner .loc-asset iframe {
position: relative;
height: 300px;
border:solid 1px #ddd !important;
}
.row.location.asset-loc-left .row-inner > div.loc-info {
order: 0;
}
div#acf62be049651472 {
padding-top: 0;
}
div#acf62be049651472 div.loc-info {
padding: 0;
}
div#acf62be049651472 div.loc-asset {
padding-right: 0;
}
}
/*** Image Cloud ***/
.image-cloud .f-text {
margin-bottom: 30px;
}
.layout-simple .image-cloud-wrap {
display: flex;
position: relative;
left: -10px;
width: calc(100% + 20px);
}
.image-cloud-wrap .img {
padding: 10px;
}
.image-cloud-wrap .img img {
transition: all 300ms;
}
.image-cloud-wrap .img a:hover img {
opacity: 0.7;
}
.image-cloud .f-text h2 {
text-align: center;
}
@media only screen and (max-width:1200px) {
.image-cloud-wrap {
flex-wrap: wrap;
justify-content: center;
}
.image-cloud-wrap .img {
width: 25%;
}
}
@media only screen and (max-width:768px) {
.image-cloud-wrap .img {
width: 33.33%;
}
}
@media only screen and (max-width:500px) {
.image-cloud-wrap .img {
width: 50%;
}
}
/*** Team Members ***/
.team-members-wrap {
display: grid;
gap: 20px 26px;
grid-template-columns: repeat(4, 1fr);
}
.team-members-wrap .member-card {
aspect-ratio: 1;
position: relative;
overflow: hidden;
}
.team-members-wrap .member-card, .team-members-wrap .member-card:hover, .team-members-wrap .member-card:focus, .member-popup a, .member-popup a:hover, .member-popup a:focus {
outline: none;
}
.member-card .member-bar {
height: 80px;
background: rgba(51, 51, 51, 0.85);
position: absolute;
width: 100%;
bottom: 0;
display: flex;
flex-flow: column;
justify-content: center;
}
.member-bar .member-name {
font-size: 18px;
font-weight: bold;
color: #fff;
padding: 18px 22px 0;
margin: 0;
}
.member-bar .member-title {
font-size: 13px;
color: #fff;
padding: 0 22px 18px;
margin: 0;
line-height: 1.15;
}
.member-popup {
max-width: 1084px;
width: 80%;
padding: 82px;
}
.fancybox-navigation {
display: none;
}
.member-popup .pop-name {
font-size: 30px;
color: var(--primary);
margin: 0;
}
.member-popup .pop-title {
font-size: 20px;
font-weight: 900;
margin-bottom: 23px;
line-height: 1.25;
}
.member-popup .pop-headshot {
float: right;
max-width: 235px;
margin-top: -80px
}
.member-popup div.pop-description {
max-width: 70%;
}
.member-popup .pop-mail, .member-popup .pop-phone, .member-popup .pop-linkedin {
display: inline-block;
margin-right: 20px;
margin-bottom: 0;
margin-top: 20px;
}
.member-popup .fancybox-close-small {
padding: 10px;
height: 60px;
width: 60px;
background: rgba(53, 53, 53, 0.35);
transition: all 300ms;
}
.member-popup .fancybox-close-small svg path {
fill: var(--primary);
}
.member-popup .fancybox-close-small svg {
opacity: 1;
}
.team-members h2 {
margin-bottom: 26px;
}
.team-members-wrap a.member-card:hover {
box-shadow: 0 0 5px 0px rgb(0 0 0 / 50%);
}
.team-members-wrap a.member-card {
transition: box-shadow 300ms;
}
.member-popup .pop-description {
margin: 0;
}
.member-popup > a {
outline: none;
margin-top: 12px;
display: inline-block;
}
@media only screen and (max-width: 1200px) {
.member-popup .pop-description {
max-width: 60%;
}
.team-members-wrap {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 1080px) {
.member-popup .pop-description {
font-size: 18px;
}
}
@media only screen and (max-width: 968px) {
.member-popup picture.pop-headshot img, .member-popup .pop-headshot {
float: none;
display: block;
margin: 24px auto;
width: 150px;
aspect-ratio: 1;
}
.member-popup p, .member-popup div.pop-description {
max-width: unset;
}
.member-popup {
padding: 60px
}
}
@media only screen and (max-width: 800px) {
.team-members-wrap {
grid-template-columns: 1fr 1fr;
}
.member-popup .pop-description {
font-size: 16px;
}
}
@media only screen and (max-width: 768px) {
.member-popup picture.pop-headshot img, .member-popup .pop-headshot {
width: 125px;
}
}
@media only screen and (max-width: 600px) {
.member-popup picture.pop-headshot img, .member-popup .pop-headshot {
display: none;
}
.member-popup .pop-description {
font-size: 14px;
}
}
@media only screen and (max-width: 500px) {
.row.team-members{
padding-bottom:0!important;
}
.team-members-wrap .member-card {
width: 100%;
display:block;
margin-bottom:40px;
}
.team-members-wrap .member-card:last-child{
margin-bottom:0;
}
.team-members-wrap{
display:block;
}
}
@media only screen and (max-width: 400px) {
.member-popup {
padding: 60px 40px;
}
.member-popup {
width: 95%;
}
}
/*** FAQs ***/
.anchor-links{
display:flex;
flex-wrap:wrap;
}
.anchor-links a{
margin-right:40px;
}
.answer a {
color: var(--ctaalt);
display: inline-block;
width: fit-content;
}
.answer a:hover {
color: #686ef6;
}
.questions-wrap .qa {
margin-bottom: 40px;
}
.row.faqs .question, .row.faqs .answer {
padding: 20px 0 20px 100px;
display: flex;
flex-direction: column;
justify-content: center;
border-left: 5px solid var(--primary);
position: relative;
}
.row.faqs .question:before, .row.faqs .answer:before {
position: absolute;
left: 35px;
font-size: 34px;
font-weight: bold;
}
.row.faqs .answer:before {
content: 'A';
color: var(--primary);
}
.row.faqs .question:before {
content: 'Q';
color: var(--cta);
}
.row.faqs .question {
background: var(--light);
border-left: 5px solid var(--cta);
font-weight:bold;
}
.row.faqs .question p, .row.faqs .answer p, .questions-wrap .qa:last-child {
margin: 0;
line-height: 1.625;
order: 1;
}
.row.faqs .answer p:not(:last-of-type) {
margin-bottom: 10px;
}
.row.faqs .answer p {
max-width: 90%;
}
.row.faqs .answer ul {
margin-top: 10px;
margin-bottom: 0;
}
.row.faqs{
outline:none!important;
}
.row.faqs:not(:last-child) {
padding-bottom: 0;
}
.row.faqs .answer .button {
min-width: unset;
padding: 10px 50px;
}
.faqs .f-text p:last-child {
margin-bottom: 32px;
}
.row.faqs #accordion .question.ui-accordion-header {
border: 0;
border-left: 5px solid var(--cta);
background: #efefef;
color: var(--darkdefault);
border-radius: 0;
transition: all 300ms;
}
.row.faqs #accordion .question.ui-accordion-header.ui-state-hover {
background: #dedede;
}
.row.faqs #accordion .answer.ui-accordion-content {
border: 0;
border-left: 5px solid var(--primary);
border-radius: 0;
outline: 0;
}
.row.faqs .ui-accordion-header-icon {
content: '';
width: 30px;
height: 30px;
position: absolute;
right: 15px;
margin-top: 5px;
transition: all 600ms;
/* background: url('data:image/svg+xml,');
*/
background-repeat: no-repeat;
background-position: center center;
}
.faqs .ui-accordion-header svg {
position: absolute;
right: 15px;
margin-top: 20px;
width: 30px;
height: 27px;
}
.row.faqs .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
transform: rotate(180deg);
margin-top: 0;
margin-bottom: 5px;
}
.row.faqs .question:focus {
outline: 0;
}
.row.faqs + .row.faqs::before {
display: none;
}
@media only screen and (max-width:800px) {
.anchor-links a{
flex-basis:100%;
margin-bottom:10px;
margin-right:0px;
}
.anchor-links a:last-child{
margin-bottom:0;
}
}
@media only screen and (max-width: 500px) {
.row.faqs .question:before, .row.faqs .answer:before {
font-size: 18px;
position:relative;
left:0;
top:0!important;
margin-bottom:10px;
}
.row.faqs .answer:before {
content: 'Answer';
}
.row.faqs .question:before {
content: 'Question';
}
.row.faqs .question, .row.faqs .answer{
padding-left:30px;
padding-right:20px;
font-size:18px;
}
.row.faqs .answer:before {
top: 20px;
}
}
/** PDF Documents Row **/
.content .pdf-gallery ul{
margin:0;
display: grid;
grid-template-columns: repeat(4, 1fr);
flex-wrap:wrap;
gap:40px;
}
.content .pdf-gallery ul li{
background:none;
padding:0;
}
.content .pdf-gallery ul li.active{
display:block;
}
.content .pdf-gallery ul li a{
display:block;
}
.content .pdf-gallery ul li img{
width:100%;
margin-bottom:20px;
transition:all 300ms;
border: 1px solid #efefef;
}
.content .pdf-gallery ul li span{
font-family: 'Bebas Neue', sans-serif;
display:block;
color:#999;
}
.content .pdf-gallery ul li h3{
margin-bottom:0px;
transition:all 300ms;
font-size: 26px;
}
.content .pdf-gallery ul li a:hover h3{
color:var(--primary);
}
.content .pdf-gallery ul li a:hover img{
opacity:0.65;
}
.content .pdf-gallery ul li:first-child{
font-weight:bold;
color:#fff;
}
.content .pdf-gallery ul li a:first-child {
font-weight:bold;
}
@media only screen and (max-width:1200px){
.content .pdf-gallery ul {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width:759px){
.content .pdf-gallery ul {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width:600px){
.content .pdf-gallery ul li:nth-child(2){
padding-top:0;
}
.content .pdf-gallery ul li:after{
content:'';
display:block;
clear:both;
}
.content .pdf-gallery ul li{
flex-wrap:wrap;
}
.content .pdf-gallery ul li:before{
font-family: 'Bebas Neue', sans-serif;
display:block;
content:'Product';
padding-left:20px;
padding-top:12px;
flex-basis:100%;
display:none;
}
.content .pdf-gallery ul li > span{
display:none;
}
.content .pdf-gallery ul li *, .content .pdf-gallery ul li > *:first-child{
flex-basis:100%;
}
}
@media only screen and (max-width:500px){
.content .pdf-gallery ul {
grid-template-columns: 1fr;
gap:20px;
}
}
/*** 50 / 50 Content ***/
.content-50-50 {
padding: 0;
background: linear-gradient(90deg, var(--light) 50%, var(--darkdefault) 50%);
display: flex;
text-align: center;
position: relative;
& .row-inner {
display: flex;
}
& .left-section, & .right-section {
flex-basis: 50%;
padding: var(--defaultVerticalSpacing) 5vw;
& .section-inner {
height: 100%;
}
& .content {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
}
& a.button {
margin-top: auto;
}
& .right-section {
color: #fff;
& a.button:hover {
background: var(--primaryalt);
}
}
& img {
margin-bottom: 32px;
}
& ul.large {
font-family: 'Bebas Neue Pro';
text-transform: uppercase;
font-size: 50px;
font-weight: bold;
line-height: 1.265;
text-align: center;
margin-bottom: 0;
& li {
background: none;
display: flex;
align-items: center;
justify-content: center;
padding-left: 0;
}
& li a {
color: #fff;
}
& li:nth-child(odd) a {
color: var(--cta);
}
& li a:hover {
color: #fff;
opacity: .4;
}
}
& span.center.green {
font-family: 'Bebas Neue Pro';
text-transform: uppercase;
font-size: 50px;
font-weight: bold;
line-height: 1.265;
color: var(--cta);
}
}
.content-50-50 .right-section a:hover::after {
background-image: var(--chevron-gray);
}
.content-50-50 ul.large li::before {
content: '';
display: inline-block;
width: 20px;
height: 30px;
background-image: var(--chevron-white);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
opacity: .2;
margin-right: 12px;
}
@media only screen and (max-width:1200px) {
.content-50-50 ul.large, .content-50-50 span.center.green {
font-size: 38px;
}
}
@media only screen and (max-width:800px) {
.content-50-50 {
display: block;
background: none;
padding: 0;
text-align: left;
& .left-section, & .right-section {
padding: var(--defaultVerticalSpacing) 5%;
& .section-inner {
max-width: 1600px;
margin: 0 auto;
}
}
& .left-section {
background: var(--light);
& .content {
display: grid;
grid-template-areas:
"heading heading"
"content image"
"button image";
grid-template-columns: 1fr 1fr;
column-gap: 32px;
align-items: flex-start;
}
& h2 {
grid-area: heading;
}
& h2 span {
display: inline;
}
& img, & picture {
grid-area: image;
margin: 0;
}
& p {
grid-area: content;
}
& a {
grid-area: button;
}
}
& .right-section {
background: var(--darkdefault);
& .content {
display: block;
}
& ul.large {
text-align: left;
column-count: 2;
gap: 20px;
}
& ul.large li {
justify-content: flex-start;
}
& span.center.green {
margin-left: 32px;
}
}
}
}
@media only screen and (max-width: 650px) {
.content-50-50 .left-section {
position: relative;
overflow: hidden;
& .content {
display: block;
}
& img {
position: absolute;
right: -25%;
top: 30%;
transform: translateY(-50%);
width: 100%;
opacity: 12%;
z-index: 1;
}
& .content > *:not(img) {
position: relative;
z-index: 2;
}
}
.content-50-50 .right-section ul.large, .content-50-50 .right-section span.center.green {
font-size: 24px;
}
.content-50-50 ul.large li::before {
height: 20px;
}
}
@media only screen and (max-width: 450px) {
.content-50-50 .right-section ul.large {
column-count: 1;
}
}
/*** Industry Slider ***/
.row.industry-slider {
padding: calc(var(--defaultVerticalSpacing) * 2) 5%;
background: #000;
& .f-text {
margin-bottom: 40px;
}
& h2 {
max-width: 60%;
}
& .content-button-wrap {
display: flex;
justify-content: space-between;
align-items: center;
gap: 60px;
& p {
max-width: 60%;
}
& p:last-of-type {
margin: 0;
}
}
& .slick-list {
width: 135%;
}
& .slick-track {
display: flex;
}
& .slick-arrow {
right: 0;
background: none !important;
padding: 20px;
width: 60px;
height: auto;
top: 50%;
transform: translate(0, -50%);
& path {
transition: stroke 300ms;
}
&:hover path {
stroke: var(--cta);
}
}
& .slide {
background-color: var(--darkdefault);
margin-right: 80px;
height: 350px;
background-size: 48% !important;
background-position: bottom right !important;
}
& .slide a {
display: block;
padding: 40px;
height: 100%;
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-between;
&:hover .title {
color: #fff;
}
&:hover .desc {
color: var(--cta);
}
}
& .title, & .desc {
font-family: 'Bebas Neue Pro';
text-transform: uppercase;
font-size: 40px;
display: block;
line-height: 1;
max-width: 50%;
transition: all 300ms;
overflow-wrap: normal;
}
& .title {
color: var(--cta);
font-weight: bold;
font-size: 60px;
}
& .healthcare {
background-image: url(/wp-content/uploads/healthcare-card-bg.png.webp);
}
& .education {
background-image: url(/wp-content/uploads/education-card-bg.png.webp);
}
& .contractors {
background-image: url(/wp-content/uploads/general-contractors-card-bg.png.webp);
}
& .county-municipal {
background-image: url(/wp-content/uploads/county-municipal-card-bg.png.webp);
}
}
.row.industry-slider .slide a::after {
content: '';
display: block;
width: 45px;
height: 45px;
position: absolute;
bottom: 16px;
right: 16px;
transition: all 300ms;
background: url('data:image/svg+xml,');
}
.row.industry-slider .slide a:hover::after {
background: url('data:image/svg+xml,');
rotate: 45deg;
}
.row.industry-slider .slider::after {
content: '';
display: block;
width: 25%;
height: 100%;
position: absolute;
top: 0;
right: -10vw;
background: linear-gradient(90deg, rgba(0,0,0,0) 0%,rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 1) 100%);
}
@media only screen and (max-width: 1400px) {
.row.industry-slider .slick-list {
width: 145%;
}
}
@media only screen and (max-width: 1200px) {
.row.industry-slider {
& h2 {
max-width: 100%;
}
& .content-button-wrap {
align-items: flex-start;
}
& .content-button-wrap p {
max-width: 80%;
}
& .slick-list {
width: 160%;
}
& .slide {
margin-right: 32px;
}
& .title, & .desc {
max-width: 65%;
}
}
}
@media only screen and (max-width: 959px) {
.row.industry-slider {
padding: var(--defaultVerticalSpacing) 5%;
& h2 {
max-width: 100%;
}
& .content-button-wrap {
display: block;
}
& .content-button-wrap p {
max-width: 100%;
&:last-of-type{margin-bottom:32px;}
}
& .slick-list {
width: 100%;
}
& .slide {
margin: 0;
background-size: 35% !important;
height: auto;
min-height: 240px;
}
& .title {
margin-bottom: 60px;
}
& .slick-arrow {
display: none;
}
}
.row.industry-slider .slider::after {
display: none;
}
}
@media only screen and (max-width: 400px) {
.row.industry-slider .slide {
background-image: none !important;
& .title, & .desc {
max-width: 100%;
}
& .title {
font-size: 48px;
}
& .desc {
font-size: 32px;
}
}
}
/** Mobile Mega Menu **/
div#mobile-mega-menu-content, #mobile-mega-menu-content .mobile-mega-menu > li .sub-menu {
height: 100%;
/*100% of window - mobile buttons height*/
position: fixed;
width: 100%;
right: -100%;
top: 0;
bottom: 0;
background: #1E1D1D;
z-index: 9999;
transition: all 0.5s ease;
box-shadow: 0 0 20px 10px rgba(0,0,0,0.2);
padding:20px;
overflow-y:scroll;
}
#mobile-mega-menu-content .mobile-mega-menu > li .sub-menu.active{
box-shadow:none;
}
div#mobile-mega-menu-content.closed, #mobile-mega-menu-content .mobile-mega-menu > li .sub-menu{
box-shadow:none;
}
#mobile-mega-menu-content .mobile-mega-menu{
padding-top:30px;
}
#mobile-mega-menu-content .mobile-mega-menu ul{
background:none;
width:100%;
}
#mobile-mega-menu-content .mobile-mega-menu li{
font-size:18px;
border-bottom: 1px solid #598817;
padding:10px 0;
position:relative
}
#mobile-mega-menu-content .mobile-mega-menu li.go-back{
line-height:1;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:24px;
border:none;
color: #fff;
}
#mobile-mega-menu-content .mobile-mega-menu li.go-back:before{
content:"\f345";
font-family: dashicons;
transform: rotate(180deg);
display:inline-block;
height:20px;
font-size:20px;
position:relative;
top:5px;
margin-right:4px;
}
#menu-mobile-mega-menu a {
color: #fff;
&:hover {
color: var(--cta);
}
}
#mobile-mega-menu-content .mobile-mega-menu > li, #mobile-mega-menu-content .mobile-mega-menu li.menu-title{
font-size:24px;
}
#mobile-mega-menu-content .mobile-mega-menu li.nav-cta{
padding:20px 0 0 0;
}
#mobile-mega-menu-content .mobile-mega-menu li.nav-cta a{
padding: 12px 32px;
background: var(--cta);
border-radius: 4px;
transition: all 300ms;
color: #fff;
display:block;
text-align:center;
font-size: 16px;
font-weight: 700;
}
#mobile-mega-menu-content .mobile-mega-menu li.nav-cta.cta-alt a{
color: #1e1d1d;
background: var(--cta);
border: 0;
border-radius: 0;
font-family: 'Bebas Neue Pro', sans-serif;
font-size: 40px;
}
#mobile-mega-menu-content .mobile-mega-menu li button{
padding: 12px 0 10px 0;
}
#mobile-mega-menu-content .mobile-mega-menu > li > button{
padding: 18px 0 10px 0;
}
#mobile-mega-menu-content .mobile-mega-menu li button:focus{
outline:none;
color:var(--primary);
}
#mobile-mega-menu-content .mobile-mega-menu li button:before{
height:30px;
width:30px;
font-size:24px;
color: #fff;
}
#mobile-mega-menu-content .mobile-mega-menu ul li button{
/* transform: rotate(-90deg);
*/
}
#mobile-mega-menu-close {
position: fixed;
left: calc(100% - 60px);
top:10px;
width:50px;
height:50px;
padding:5px;
cursor: pointer;
z-index: 99999;
display: inline-block;
opacity:0;
transition:all 400ms;
}
#mobile-mega-menu-content.closed #mobile-mega-menu-close{
left: calc(100% + 60px);
}
#mobile-mega-menu-content #mobile-mega-menu-close{
opacity:1;
left: calc(100% - 60px);
/* background:#222; */
}
#mobile-mega-menu-close svg{
width:100%;
height:100%;
fill: var(--primary);
}
#mobile-mega-menu-content > .menu-location:before{
content:'Main Menu';
font-weight:bold;
text-transform:uppercase;
font-size:13px;
display:block;
padding-top:10px;
color: #fff;
}
.site-inner, .title-area{
transition:filter 300ms;
}
.blurContent .site-inner, .blurContent header .title-area{
filter: blur(4px);
}
#mobile-mega-menu-content #mobile-mega-menu-extras .mobile-mega-menu{
padding-top:0;
margin-bottom:30px;
}
#mobile-mega-menu-content #mobile-mega-menu-extras{
text-align:center;
}
#mobile-mega-menu-content #mobile-mega-menu-extras p.address{
font-size:.875em;
margin-bottom:20px;
}
#mobile-mega-menu-content #mobile-mega-menu-extras .social{
margin-bottom:20px;
}
#mobile-mega-menu-content #mobile-mega-menu-extras .social a{
margin:0 8px;
}
#mobile-mega-menu-content #mobile-mega-menu-extras .social svg{
height:24px;
}
#mobile-mega-menu-content #mobile-mega-menu-extras .mega-menu-custom-content{
font-size:.75em;
color: #fff;
}
@media only screen and (min-width:961px){
#genesis-mobile-mega-menu-button{
display:none!important;
}
}
@media only screen and (max-width: 550px) {
#mobile-mega-menu-content .mobile-mega-menu li.nav-cta.cta-alt a {
font-size: 24px;
}
}
/** Case Studies Styling **/
.single-case-studies main#genesis-content {
padding-top: 0;
}
.single-case-studies .hero-inner {
display: block;
}
.single-case-studies .hero-text-wrap {
max-width: 500px;
}
.single-case-studies div#hero {
--font-size: 28px;
--vpadding: 8px;
--mbottom: 40px;
min-height: 350px;
height: auto;
align-items: center;
padding-top: 50px;
padding-bottom: 64px;
}
.single-case-studies .hero-text-wrap h1 {
color: var(--primary);
}
.single-case-studies .hero-text-wrap h1 span {
color: #fff;
font-size: .5em;
display: block;
}
.case-study-number {
line-height: 1;
border-bottom: 2px solid #fff;
width: fit-content;
margin-bottom: var(--mbottom);
flex-basis: 100%;
}
.case-study-number span {
font-family: 'Bebas Neue Pro';
text-transform: uppercase;
font-size: var(--font-size);
font-weight: bold;
color: #fff;
padding: var(--vpadding) 20px;
display: inline-block;
}
.case-study-number span:first-child {
border-right: 2px solid #fff;
}
#hero + .tagline {
background: var(--primary);
font-family: 'Bebas Neue Pro';
text-transform: uppercase;
font-size: 55px;
padding: 32px 5vw;
min-height: 120px;
}
#hero + .tagline .tagline-inner {
max-width: 1600px;
margin: 0 auto;
}
#hero + .tagline p {
margin: 0;
max-width: calc(100% - 660px);
line-height: 1.2;
}
.hero-content-image-wrap {
display: flex;
justify-content: space-between;
width: 100%;
position: relative;
}
.hero-content-image-wrap .hero-image {
position: absolute;
top: 0;
right: 0;
}
.single-case-studies .hero-content-image-wrap .hero-image {
top: calc((var(--font-size) + (var(--vpadding) * 2) + var(--mbottom)) * -1);
}
.quote-content {
font-family: 'Bebas Neue Pro';
font-size: 50px;
font-weight: bold;
text-transform: uppercase;
line-height: 1.125;
}
.quote-content p {
display: inline;
}
.quote-content p span, .quote-content .quote:first-of-type {
color: var(--primary);
}
.quote-content .name {
display: block;
color: var(--primary);
font-size: 40px;
margin-top: 12px;
}
.featured-content-image {
position: absolute;
top: 0;
right: 0;
width: 650px;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.featured-content {
position: relative;
padding: 140px 5%;
}
.featured-content-item {
max-width: calc(100% - 682px);
position: relative;
display: flex;
gap: 32px;
}
.featured-content.type-quote .featured-content-item::before {
content: '';
display: block;
width: 150px;
background-image: url('/wp-content/uploads/chevron-green.svg');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.featured-content p:last-child {
margin-bottom: 0;
}
.next-prev-case-study {
background-color: #f1f1f1;
background-image: url('/wp-content/uploads/grid-background.png');
background-size: cover;
font-family: 'Bebas Neue Pro';
font-weight: bold;
text-transform: uppercase;
}
.next-prev-case-study .row-inner {
display: flex;
gap: 300px;
}
.next-prev-case-study .row-inner > p {
font-size: 28px;
margin: 0;
}
.next-prev-case-study .case-study-number {
border: 0;
}
.next-prev-case-study .case-study-number span {
padding: 0;
color: var(--primary);
}
.next-prev-case-study .case-study-number span:first-child {
border-right: 2px solid var(--primary);
padding-right: 20px;
margin-right: 20px;
}
.next-prev-case-study h2 {
margin: 0;
color: var(--darkdefault);
display: flex;
align-items: center;
gap: 32px;
transition: all 300ms;
}
.next-prev-case-study h2::after {
content: '';
display: inline-block;
position: relative;
width: 30px;
height: 50px;
left: 0;
background-image: var(--chevron-green);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: all 300ms;
}
.next-prev-case-study h2:hover {
color: var(--primary);
}
.next-prev-case-study h2:hover::after {
left: 12px;
}
@media only screen and (max-width: 1500px) {
.single-case-studies .hero-text-wrap, #hero + .tagline p {
max-width: calc(100% - 560px);
}
.hero-content-image-wrap .hero-image {
max-width: 500px;
}
.featured-content {
padding: var(--defaultVerticalSpacing) 5%;
}
.featured-content-item, .featured-content-image {
width: calc(50% - 16px);
max-width: unset;
}
}
@media only screen and (max-width: 1200px) {
.next-prev-case-study .row-inner {
gap: 80px;
}
}
@media only screen and (max-width: 1100px) {
.single-case-studies .hero-text-wrap {
max-width: calc(100% - 440px);
}
#hero + .tagline p {
max-width: unset;
}
.hero-content-image-wrap {
gap: 60px;
}
.hero-content-image-wrap .hero-image {
position: static;
max-width: 400px;
}
}
@media only screen and (max-width: 959px) {
.featured-content-item {
width: 100%;
}
.featured-content-image {
display: none;
}
}
@media only screen and (max-width: 850px) {
.hero-content-image-wrap {
gap: 32px;
flex-direction: column;
}
.single-case-studies .hero-text-wrap {
max-width: unset;
}
}
@media only screen and (max-width: 768px) {
#hero + .tagline {
min-height: unset;
}
.next-prev-case-study .row-inner {
flex-direction: column;
gap: 20px;
}
.case-study-number {
margin-bottom: 20px;
}
.next-prev-case-study h2 {
gap: 20px;
}
.next-prev-case-study h2::after {
width: 20px;
height: 40px;
}
#hero + .tagline {
font-size: 40px;
padding: 20px 5%;
}
}
@media only screen and (max-width: 600px) {
.featured-content-item::before {
display: none;
}
}
@media only screen and (max-width: 400px) {
.next-prev-case-study h2 {
display: block;
}
.next-prev-case-study h2::after {
top: 6px;
left: 12px;
}
}
/** WP Admin Bar **/
@media only screen and (max-width:768px){
#wpadminbar{
display:none!important;
}
}
/* Industry Page */
@media only screen and (min-width: 1201px) {
.parent-pageid-737 {
& .content-with-sidebar {
padding-bottom: 0;
& .row-inner {
margin-bottom: calc(-1 * var(--defaultVerticalSpacing));
}
& .f-text p:last-of-type {
margin-bottom: calc(var(--defaultVerticalSpacing) + 32px);
}
& + .card-style-product {
& h2, & .f-text {
max-width: calc(100% - 460px);
}
}
}
}
}
/* Industry How it Works Section */
.row.how-it-works {
background: #000;
& .steps {
display: flex;
gap: 16px;
}
& .step {
width: calc(25% - 8px);
flex: 1;
}
& .step-inner {
background-image: url(/wp-content/uploads/card-bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
min-height: 190px;
padding: 32px;
padding-right: 40px;
margin-bottom: 24px;
position: relative;
}
& h3 {
margin: 0;
font-size: 36px;
}
& h3 span {
color: #fff;
margin-bottom: 24px;
}
& .step p {
margin: 0;
padding: 0 20px;
}
}
@media only screen and (max-width: 1200px) {
.row.how-it-works {
& .steps {
flex-wrap: wrap;
row-gap: 60px;
}
& .step {
width: calc(50% - 8px);
flex: unset;
}
}
}
@media only screen and (max-width: 600px) {
.row.how-it-works {
& .steps {
flex-direction: column;
gap: 48px;
}
& .step {
width: 100%;
}
& .step-inner {
padding: 24px;
padding-right: 36px;
}
& .step p {
padding: 0;
}
}
}
/* Interactive Map Styling */
svg#interactive-map {
width: 100%;
& path[map-pin] {
transition: all 300ms;
transform-origin: bottom;
transform-box: fill-box;
&:hover {
transform: scale(1.5);
cursor: pointer;
}
}
}
.site-inner > .phone-button {
opacity: 0;
position: fixed;
bottom: 30px;
right: 50px;
z-index: 49;
filter: none;
transition: all 300ms;
filter: drop-shadow(0px 8px 24px rgba(0, 0, 0, 0.4));
& a {
background: var(--cta);
border-radius: 50px;
padding: 22px 50px;
font-family: 'Bebas Neue Pro';
text-transform: uppercase;
font-size: 28px;
font-weight: bold;
display: flex;
align-items: center;
color: var(--darkdefault);
line-height: 1;
}
& .sub {
display: block;
font-weight: normal;
font-size: .8em;
}
& svg {
margin-right: 8px;
top: 0;
width: 30px;
}
& a:hover {
color: #fff;
}
}
@media only screen and (max-width: 650px) {
.site-inner > .phone-button {
right: 32px;
}
}
@media only screen and (max-width: 450px) {
.site-inner > .phone-button {
right: 12px;
}
}
.row.text-full-width .f-text *:not(h2) {
max-width: 1100px;
}
a.dark-default {
color: var(--dark-default);
&:hover {
color: var(--cta);
}
}
/* About Page */
div#acf697a3ef5a1759 {
padding-top: var(--defaultVerticalSpacing);
}