@charset "utf-8"; /* CSS Document */ :root { --grid-width: clamp(810px,79.125vw,1266px); /* Base Width is Set Here */ --grid-gutter: clamp(7px,0.688vw,11px); /* Gutter Width is set here. Just put half the gutter width here. */ --grid-gap: clamp(19px,1.875vw,30px); --header-height: clamp(80px,7.813vw,125px); --footer-height: clamp(389px,38.000vw,608px); --legal-height: clamp(54px,5.250vw,84px); --logo-width: clamp(206px,20.125vw,322px); --logo-height: clamp(58px,5.688vw,91px); --footer-logo-width: clamp(187px,18.250vw,292px); --footer-logo-height: clamp(49px,4.813vw,77px); --primary-font: 'DM Sans', sans-serif; --secondary-font: 'DM Sans', sans-serif; --standard-font-size: clamp(14px,1.125vw,18px); --smaller-font-size: clamp(14px,1.125vw,18px); --secondary-font-size: clamp(14px,1.250vw,20px); --line-height: 1.3; --primary-color: #035066; --secondary-color: #0FF491; --tertiary-color: #F0F1E9; --quadranary-color: #078774; --darker-blue: #034558; --dark-blue: var(--primary-color); --green: var(--secondary-color); --cream: var(--tertiary-color); --dark-green: var(--quadranary-color); --medium-green: #0AA974; --radius: clamp(51px,5.000vw,80px); color-scheme: only light; } .skipto { z-index: 9999; color: var(--cream); background: var(--dark-blue); } .hidden { display: none; color: var(--dark-blue); } font[size="1"] { display: none!important; } *:focus-visible { outline: -webkit-focus-ring-color auto 1px; } /* Base Template Settings */ body { font-family: var(--primary-font); background: var(--dark-blue); } body::-webkit-scrollbar { display: none; } #page-head .container, #page-foot .container, div .container, section .container { max-width: var(--grid-width); } section .container.full { max-width: 100%; } .halves > .half > .container { max-width: calc( var(--grid-width) / 2 ); } .listed li, [class^="box-"], [class*=" box-"] { padding: var(--grid-gutter); } .halves > .half:nth-child(1) > .container { padding-right: clamp(56px,5.500vw,88px); } .halves > .half:nth-child(2) > .container { padding-left: clamp(56px,5.500vw,88px); } .services-header + .halves + .halves > .half:nth-child(2) > .container { padding-left: 0px; } .nopad { padding: 0px!important; } .cta { background: transparent; min-height: clamp(31px,3.063vw,49px); border-radius: clamp(16px,1.563vw,25px); border: 1px solid var(--primary-color); overflow: hidden; } .cta.back a { min-width: 0px; } .cta.back a svg { width:clamp(17px,1.625vw,26px); height: clamp(13px,1.250vw,20px); margin-right: 10px; } .cta:before { background: var(--green); content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; transform: translateX(-110%); transition: all .25s; border-radius: clamp(16px,1.563vw,25px); } .cta:focus:before, .cta.active:before, .cta:hover:before { transform: translateX(0%) } .cta span, .cta a, .cta button, .cta input[type=submit] { font-size: var(--secondary-font-size); padding-left: clamp(11px,1.063vw,17px); padding-right: clamp(11px,1.063vw,17px); min-width: clamp(119px,11.625vw,186px); color: var(--primary-color); text-decoration: none; position: relative; z-index: 2; font-family: 'DM Sans', sans-serif; padding-top: clamp(3px,0.313vw,5px); padding-bottom: clamp(3px,0.313vw,5px); letter-spacing: 0px; } .cta a svg { width: clamp(17px,1.625vw,26px); } .cta a span { padding: 0px; text-align: left; } article .alignleft { margin-right: clamp(51px,5.000vw,80px); margin-bottom: clamp(51px,5.000vw,80px); } .aligncenter { margin-top: var(--standard-font-size); margin-bottom: var(--standard-font-size); } .aligncenter:first-child { margin-top: 0px; } p, .p { font-family: var(--primary-font); font-size: var(--standard-font-size); margin-bottom: var(--standard-font-size); line-height: var(--line-height); /* letter-spacing: 0.11ex */ } h1, .h1 { font-family: var(--secondary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); font-size: clamp(46px,4.500vw,72px); font-weight: 500; } h2, .h2 { font-family: var(--secondary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); font-size: clamp(26px,2.500vw,40px); font-weight: 500; } h3, .h3 { font-family: var(--secondary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); font-size: clamp(17px,1.625vw,26px); font-weight: 500; } h3 a { color: inherit; text-decoration: none; } h4, .h4 { font-family: var(--secondary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); font-size: clamp(19px,1.875vw,30px); font-weight: 500; } h5, .h5 { font-family: var(--secondary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); } h6, .h6 { font-family: var(--secondary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { color: var(--green); font-weight: 500; } .gray-bg h1 strong, .gray-bg h2 strong, .gray-bg h3 strong, .gray-bg h4 strong, .gray-bg h5 strong { color: var(--dark-green) } article blockquote, .blockquote { font-family: var(--secondary-font); line-height: var(--line-height); margin-bottom: var(--standard-font-size); } article blockquote cite, .blockquote cite, .cite{ font-family: var(--primary-font); line-height: var(--line-height); font-size: clamp(17px,1.625vw,26px); margin-bottom: 10px; display: block; } article ul, article ol { padding-left: var(--standard-font-size); } article ul { list-style-type: disc; font-family: var(--primary-font); font-size: var(--standard-font-size); margin-bottom: var(--standard-font-size); line-height: var(--line-height); } article li { margin-bottom: clamp(3px,0.313vw,5px); } article ol { list-style-type: decimal; font-family: var(--primary-font); font-size: var(--standard-font-size); margin-bottom: var(--standard-font-size); line-height: var(--line-height); } p strong, p b { --dark-green: #067F6D; color: var(--dark-green); } details { font-family: var(--primary-font); font-size: var(--standard-font-size); margin-bottom: var(--standard-font-size); line-height: var(--line-height); } details summary { font-family: var(--primary-font); font-size: var(--standard-font-size); line-height: var(--line-height); } p span[style="text-decoration: underline;"], ins { text-decoration: underline; text-decoration-color: var(--green)!important; text-decoration-style: solid; text-decoration-thickness: 2px!important; font-weight: 600; } .no-btm { margin-bottom: 0px; } .supertext { color: var(--green); font-size: clamp(10px,1.000vw,16px); margin-bottom: 0px; display: block; overflow: hidden; line-height: 1; letter-spacing: 0.2ex; position: relative; font-weight: 600; width: 100%; text-transform: uppercase; } .supertext span { position: relative; font-weight: 600; display: inline-block; } .supertext.line span:after { content: ''; left: calc( 100% + clamp(8px,0.750vw,12px) ); top: 50%; transform: translateY(-50%); width: 100vw; height: 1px; background: var(--green); position: absolute; display: block; } .supertext span:empty:after { left: 0px; } .vr { width: 1px; height: auto; background: var(--dark-blue); } /* Color Settings */ .central-palette-6-bg, .blue-bg { background-color: var(--dark-blue); color: #FFF; } .blue-bg.dark { background-color: var(--darker-blue) } .central-palette-4-bg, .gray-bg { background-color: var(--cream); color: var(--dark-blue); } .central-palette-5-bg, .green-bg { background-color: var(--green); color: var(--dark-blue); } .white-bg { background: #FFF; color: var(--dark-blue) } .central-palette-6-bg .cta:before, .blue-bg .cta:before { background: #FFF; } .central-palette-6-bg .cta, .blue-bg .cta { border-color: #FFF; } .blue-bg .cta:has(*:focus-within), .blue-bg .cta:has(*:focus) { border-color: var(--green); } .central-palette-6-bg .cta *, .blue-bg .cta * { color: #FFF; } .central-palette-6-bg .cta:focus *, .blue-bg .cta:focus *, .central-palette-6-bg .cta:hover *, .blue-bg .cta.active *, .blue-bg .cta:hover * { color: var(--dark-blue); } .blue-bg.dark .cta:before { background: var(--dark-blue); } .blue-bg.dark .cta { border-color: var(--green); } .blue-bg p strong, .blue-bg.dark .cta * { color: var(--green); } .blue-bg .cta:hover svg * { stroke: var(--dark-blue)!important; } .central-palette-5-bg .cta:before, .green-bg .cta:before { background: var(--dark-blue) } .central-palette-5-bg .cta, .green-bg .cta { border-color: } .central-palette-5-bg .cta *, .green-bg .cta * { color: } .central-palette-5-bg .cta:hover *, .green-bg .cta.active *, .green-bg .cta:hover * { color: var(--green) } .central-palette-7-bg, .green-bg.mid { background-color: #0BBD83; color: #FFF; } .green-bg.dark { background-color: var(--dark-green); color: #FFF; } .cta.cta-green { border-color: var(--green); } .cta.cta-green:before { background: var(--dark-green); } .cta.cta-green * { color: var(--green)!important; } .green-text { color: var(--green)!important; } .rounded { border-radius: var(--radius); overflow: hidden; } main section.rounded:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .full-height { max-height: clamp(576px,56.250vw,900px); } .central-palette-4-bg p strong, .gray-bg p strong { color: #065B4D } /* Header Settings */ #page-head { height: var(--header-height); position: fixed; left: 0px; top: 0px; z-index: 999; width: 100vw; border-bottom: 1px solid var(--green); } #page-head .container { height: var(--header-height); width: 100vw; max-width: 100vw; padding-left: clamp(51px,5.000vw,80px); } #page-head .container .logo, #page-head .container .logo svg { width: var(--logo-width); height: var(--logo-height); display: block; } #page-head .container .logo svg .navy-only { opacity: 0; } #page-head .container #nav { font-size: 0px; height: var(--header-height); display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; } #page-head .container #nav #main { font-size: 0px; height: var(--header-height); } #page-head .container #nav #main li { height: 100%; margin: 0px clamp(26px,2.500vw,40px); display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; height: var(--header-height); } #page-head .container #nav #main a { text-decoration: none; margin: 0px; font-family: var(--primary-font); font-size: clamp(14px,1.375vw,22px); color: #FFF; height: 100%; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; height: var(--header-height); } #page-head .container #nav #main button { border: none; padding: none; background: transparent; cursor: pointer; } #page-head .container #nav #main svg { width: clamp(8px,0.750vw,12px); height: clamp(4px,0.438vw,7px); margin-left: clamp(3px,0.313vw,5px); } #page-head .container #nav #main li:focus svg *, #page-head .container #nav #main li.current-menu-item svg *, #page-head .container #nav #main li:hover svg * { stroke: var(--green)!important; } #page-head label[for="searchbar"] button { width: 100%; height: 100%; border: none; background: transparent; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-content: stretch; align-items: center; cursor: pointer; } #page-head .container #nav #main li > a.plus > svg *, #page-head .contaienr #nav #main li:focus > a > svg *, #page-head .container #nav #main li:hover > a > svg *{ stroke: var(--green) } #page-head .container #nav #main > li:last-child { margin-right: 0px; margin-left: clamp(108px,10.563vw,169px); } #page-head .container #nav #main > li:last-child a { margin-right: 0px; color: var(--green); border-left: 1px solid var(--green);padding-left: clamp(20px,2.000vw,32px); padding-right: clamp(20px,2.000vw,32px); } #page-head .container #nav #main > li:last-child.current-menu-item a, #page-head .container #nav #main > li:last-child a:focus, #page-head .container #nav #main > li:last-child a:hover { background: var(--green); color: var(--dark-blue); } #page-head .container #nav #main .current-menu-item a, #page-head .container #nav #main .active a, #page-head .container #nav #main > li > a.plus, #page-head .container #nav #main a:hover { color: var(--secondary-color); opacity: 1; } /* This is the Hover/Active state for the menu item */ #page-head.toggle-menu .container > .toggle:before, #page-head.toggle-menu .container > .toggle:after, #page-head.toggle-menu .container > .toggle em:before, #page-head.toggle-menu .container > .toggle em:after { background: #FFF; } #page-head .container #nav #main > li > a { position: relative; } #page-head .container #nav #main > li:hover > a:before, #page-head .container #nav #main .current-menu-item > a:before { position: absolute; content: ''; bottom: 1px; left: 0px; width: 100%; height: clamp(2px,0.188vw,3px); background: var(--green); } #page-head .container #nav #main > li.current-menu-item:not(.services):hover > a:before { display: none; } #nav.addtoggle #main .menu-item-has-children span.toggler { position: absolute; top: 0%; right: 0px; transform: translateY(50%); } #page-head label[for="searchbar"] { height: var(--header-height); display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; width:clamp(65px,6.375vw,102px); border-left: 1px solid var(--green); } #page-head label[for="searchbar"] svg { width: clamp(16px,1.563vw,25px); height: clamp(16px,1.563vw,25px); } #searchbar:checked ~ label[for="searchbar"], #page-head label[for="searchbar"]:hover { background: var(--cream); } #searchbar { display: none; } #searchbar:checked ~ label[for="searchbar"] svg *, #page-head label[for="searchbar"]:hover svg * { fill: var(--dark-blue); } #page-head #search-bar { position: absolute; right: 0px; top: 100%; transform: translateX(210%); transition: all .25s; background: var(--cream); width: clamp(323px,31.563vw,505px); height: clamp(48px,4.688vw,75px); padding: clamp(9px,0.875vw,14px) clamp(10px,0.938vw,15px); margin-top: 0px; border-top: 1px solid var(--green); z-index: 99; } #page-head.gray-bg #search-bar { border-top: 1px solid var(--dark-blue); } #page-head #search-bar form { background: #FFF; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: normal; width: 100%; } #page-head #search-bar form input { width: calc( 100% - clamp(33px,3.250vw,52px) ); height: clamp(29px,2.813vw,45px); border: none; padding-left: clamp(9px,0.906vw,14.5px); font-size: clamp(16px,1.375vw,22px); font-style: italic; color: var(--dark-blue); background:#FFF!important; } #page-head #search-bar form input::-webkit-input-placeholder { color: var(--dark-blue); } #page-head #search-bar form input:-moz-placeholder { color: var(--dark-blue); } #page-head #search-bar form input::-moz-placeholder { color: var(--dark-blue); } #page-head #search-bar form input:-ms-input-placeholder { color: var(--dark-blue); } #page-head #search-bar form button { width: clamp(33px,3.250vw,52px); height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; border: none; background: none; } #page-head #search-bar form button svg * { fill: var(--primary-color); } #searchbar:checked ~ #search-bar { transform: none; } /* Admin Bar */ .admin-bar main { min-height: calc( 100vh - var(--footer-height) - 32px ) } .admin-bar #page-head { top: 32px; } /* Page Header */ .page-header { height: clamp(384px,37.500vw,600px); } .page-header picture { opacity: 1; } .page-header picture img { filter: grayscale(1); mix-blend-mode: luminosity; } .page-header picture:before { content: ''; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--dark-blue); opacity: .7; mix-blend-mode: normal; position: absolute; z-index: 2; } .page-header .container { z-index: 2; padding-top: calc( var(--header-height) / 2 ) } .page-header:not(.home-header) .container article p { max-width: clamp(544px,53.125vw,850px); margin: auto; } /* Home Header */ .home-header { text-align: center; color: var(--green); height: auto; max-height: 100vh; outline: none; max-height: 85vh; min-height: 0px; margin-top: calc( var(--header-height) * 1 ); } .home-header .container { max-width: 100%; padding-top: 0px; } .home-header h1 { font-size: clamp(51px,5.000vw,180px); margin: 0px; } .home-header h1 .brackets { position: relative; width: 100%; max-width: clamp(755px,73.750vw,1180px); margin: auto; height: clamp(128px,12.500vw,200px); margin-top: clamp(160px,15.625vw,250px); } .home-header h1 .brackets span { position: static; opacity: 0; } .home-header video { width: 100vw; max-height: 100vh; outline: none; height: clamp(640px,62.500vw,1790px); } .home-header article.observe { opacity: 1; width: 100%; position: relative; bottom: calc( var(--header-height) / 2 ); } .home-header article.observe.visible { opacity: 1; transition: all .25s; } .home-header { text-align: center; color: var(--green); min-height: calc( 65vh + clamp(49px,4.750vw,76px) ) } .home-header h1 { font-size: clamp(38px,3.750vw,60px); margin: 0px; } .home-header h1 svg { margin-top: clamp(26px,2.500vw,40px); } .home-header h1 .brackets { position: relative; width: 100%; max-width: clamp(755px,73.750vw,1180px); margin: auto; height: clamp(73px,7.125vw,114px); text-align: center; } .home-header h1 .brackets:before { content: ''; color: var(--dark-green); font-size: clamp(102px,10.000vw,160px); position: absolute; left: 0px; top: 50%; transform: translateY(-50%) } .home-header h1 .brackets:after { content: ''; color: var(--dark-green); font-size: clamp(102px,10.000vw,160px); position: absolute; right: 0px; top: 50%; transform: translateY(-50%) } .home-header h1 .brackets span { position: static; opacity: 0; } .home-header h1 .brackets span:not(:last-child):after { content: ' • ' } .home-header .visible h1 .brackets span.animation-1 { animation: ani1 10s infinite ease-out; } @keyframes ani1 { 0% { opacity: 0; } 5% { opacity: 0; } 10% { opacity: 1; } 30% { opacity: 1; } 95% { opacity: 1; } 100%{ opacity: 0; } } .home-header .visible h1 .brackets span.animation-2 { animation: ani2 10s infinite ease-out; } @keyframes ani2 { 0% { opacity: 0; } 15% { opacity: 0; } 20% { opacity: 1; } 40% { opacity: 1; } 95% { opacity: 1; } 100%{ opacity: 0; } } .home-header .visible h1 .brackets span.animation-3 { animation: ani3 10s infinite ease-out; } @keyframes ani3 { 0% { opacity: 0;) } 25% { opacity: 0;) } 30% { opacity: 1; } 50% { opacity: 1; } 95% { opacity: 1; } 100%{ opacity: 0;) } } .home-header .visible h1 .brackets span.animation-4 { animation: ani4 10s infinite ease-out; } @keyframes ani4 { 0% { opacity: 0;) } 35% { opacity: 0;) } 40% { opacity: 1; } 60% { opacity: 1; } 95% { opacity: 1; } 100%{ opacity: 0;) } } /* Home Intro */ .home-intro .half > picture { width: 100%; position: relative; font-size: 0px; margin-left: 0px; margin-right: auto; } .home-intro .half > picture:after { content: ''; position: absolute; top: 0px; right: 0px; width: clamp(98px,9.563vw,153px); height: 100%; content: ''; background: linear-gradient(to right, rgba(240,241,233,0) 0%, rgba(240,241,233,1) 75%, rgba(240,241,233,1) 100%); } .home-intro .half > picture img { min-width: 100%; height: auto; max-width: 50vw; } .home-intro .half article { padding-left: 5px } .page-header + div > section, .page-header + section { position: relative; margin-top: calc( -1 * clamp(49px,4.750vw,76px) ); z-index: 2; border-radius: var(--radius) var(--radius) } /* Expertise */ .expertise .container { padding-top: clamp(51px,5.000vw,80px); padding-bottom: clamp(71px,6.938vw,111px); max-width: 1600px!important; } .expertise .container > article h2 { margin-bottom: clamp(29px,2.813vw,45px);} .expertise-swiper { padding-top: 10px; } .expertise-swiper:after { content: ''; pointer-events: none; background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,.8) 15%,rgba(255,255,255,0) 33%,rgba(255,255,255,0) 50%,rgba(30,87,153,0) 66%,rgba(255,255,255,.8) 80%,rgba(255,255,255,1) 100%); width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; z-index: 5 } .expertise .swiper-slide { height: auto; } .expertise .expertise-card { border-radius: var(--secondary-font-size); border: 1px solid var(--dark-green); height: 100%; margin: auto; max-width: clamp(296px,28.875vw,462px); padding: clamp(20px,1.938vw,31px) clamp(28px,2.688vw,43px) clamp(35px,3.438vw,55px); position: relative; box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15); } .expertise .expertise-card figure { width: 100%; height: clamp(157px,15.375vw,246px); margin-bottom: clamp(16px,1.563vw,25px); } .expertise .expertise-card figure svg { width: 100%; height: auto; max-height: clamp(157px,15.375vw,246px); }.expertise .expertise-card figure { width: 100%; height: clamp(157px,15.375vw,246px); margin-bottom: clamp(16px,1.563vw,25px); position: relative; } .expertise .expertise-card figure svg { width: 100%; height: auto; max-height: clamp(157px,15.375vw,246px); } .expertise .expertise-card h3 { margin-bottom: clamp(5px,0.500vw,8px); } .expertise .expertise-card p { /* letter-spacing: 0.12ex; */ line-height: 1.5 } .expertise .expertise-card a { position: absolute; bottom: clamp(15px,1.500vw,24px); left: clamp(28px,2.688vw,43px); width: clamp(15px,1.438vw,23px); height: clamp(15px,1.438vw,23px); } .expertise .expertise-card figure a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; bottom: auto; } .swiper-button-prev svg, .swiper-button-next svg, .swiper-button-prev, .swiper-button-next { width: clamp(40px,3.938vw,63px); height: clamp(40px,3.938vw,63px); overflow: hidden; border-radius: 50%;} .swiper-button-prev:hover, .swiper-button-next:hover { background: var(--green); } .swiper-button-prev:after, .swiper-button-next:after { display: none } .expertise .swiper-button-prev { left: clamp(67px,6.500vw,104px); } .expertise .swiper-button-next { right: clamp(67px,6.500vw,104px); } .expertise-swiper { --swiper-navigation-size: clamp(40px,3.938vw,63px); } /* Impact Stats */ .impact-stats .container { border-radius: 0px clamp(64px,6.250vw,100px) clamp(64px,6.250vw,100px) 0px; position: relative; padding-top: clamp(38px,3.750vw,60px); padding-bottom: clamp(38px,3.750vw,60px); } .impact-stats .container h2.h4 { margin-bottom: 0px; margin-right: clamp(85px,8.313vw,133px); } .impact-stats .container:before { background: var(--green); position: absolute; top: 0px; right: 100%; width: 50vw; height: 100%; content: ''; display: block; } .impact-stats .container ul { list-style-type: none; padding: 0px; width: calc( 100% - clamp(288px,28.125vw,450px) ) } .impact-stats .container ul li { display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: normal; } .impact-stats .container ul li figure { width: clamp(61px,5.938vw,95px); height: clamp(55px,5.375vw,86px); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: normal; margin-right: clamp(15px,1.438vw,23px); } .impact-stats .container ul li figure svg { width: clamp(61px,5.938vw,95px); height: auto } .impact-statistics .container { text-align: center; padding-top: clamp(38px,3.750vw,60px); padding-bottom: clamp(38px,3.750vw,60px); max-width: clamp(896px,87.500vw,1400px); padding-left: 0px; padding-right: 0px; } .impact-statistics .container hr { border: none; border-top: 1px solid var(--dark-blue); margin-bottom: var(--standard-font-size); } .impact-statistics .container .copy-wrap { max-width: clamp(176px,17.188vw,275px); margin: auto; } .impact-statistics .container .copy-wrap p { margin-bottom: 0px; } .impact-statistics .container .nav-holder { padding-left: clamp(40px,3.938vw,63px); padding-right: clamp(40px,3.938vw,63px); position: relative; } /* Logo Marquee */ .logo-marquee .container { padding-top: clamp(58px,5.625vw,90px); padding-bottom: clamp(52px,5.125vw,82px); } .logo-marquee .container .logos { height: clamp(83px,8.125vw,130px); font-size: 0px; } .logo-marquee .container .logos .swiper-wrapper { transition-timing-function: linear; overflow: visible; } .logo-marquee .container .logos .swiper-slide { font-size: 0px!important; height: clamp(83px,8.125vw,130px); display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; margin: 0px!important; width: calc( clamp(128px,12.500vw,200px) + clamp(34px,3.313vw,53px) + clamp(34px,3.313vw,53px) ); } .logo-marquee .container .logos figure { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; margin: 0px clamp(34px,3.313vw,53px); height: clamp(83px,8.125vw,130px); } .logo-marquee .container .logos figure img { width: inherit!important; display: block; height: initial!important; max-width: clamp(128px,12.500vw,200px); max-height: clamp(83px,8.125vw,130px); } /* Case Studies Block */ .case-studies-block{ --grid-gutter: clamp(10px,0.938vw,15px); } .case-studies-block { background-image: url(../images/grid.svg); background-position: top; background-repeat: repeat; background-size: clamp(1024px,100.000vw,1600px) auto; background-color: var(--darker-blue) } .case-studies-block .container { padding-top: clamp(51px,4.938vw,79px); padding-bottom: clamp(70px,6.875vw,110px); } .case-studies-block .container ul { width: 100%; min-width: calc( 100% + var(--grid-gutter) + var(--grid-gutter) ); list-style-type: none; padding: 0px; margin-left: calc( -1 * var(--grid-gutter) ) } .case-studies-block .container ul li { height: auto; } .archive-single { border-radius: var(--secondary-font-size); overflow: hidden; border: 1px solid var(--green); position: relative; overflow: hidden; padding-bottom: clamp(33px,3.188vw,51px); height: 100%; } .archive-single figure { width: 100%; height: 0px; padding-bottom: 58%; background: url(../images/background-placeholder.jpg) center no-repeat; background-size: contain; background-color: var(--darker-blue); } .taxonomy { color: var(--green); text-transform: uppercase; letter-spacing: 0.21ex; margin-bottom: clamp(3px,0.313vw,5px); } .single-header .taxonomy { text-transform: none; } .archive-single .copy { padding: clamp(15px,1.438vw,23px) clamp(19px,1.875vw,30px); } .archive-single .copy h3 { margin-bottom: 0px; } .archive-single .copy p { letter-spacing: 0.001ex } .archive-single a.arrow { position: absolute; bottom: var(--secondary-font-size); left: clamp(19px,1.875vw,30px); } .archive-single a.arrow svg { width: clamp(17px,1.688vw,27px); height: var(--secondary-font-size); } .case-studies-block ul.archive { padding-top: clamp(9px,0.875vw,14px); } /* Insights Block */ .insights-block { background-image: url(../images/grid.svg); background-position: top; background-repeat: repeat; background-size: clamp(1024px,100.000vw,1600px) auto; background-color: var(--darker-blue) } .insights-block h2 { margin-bottom: 0px; } .insights-block .container { padding-top: clamp(67px,6.563vw,105px); padding-bottom: clamp(106px,10.313vw,165px); } .insights-block .container .supertext { padding: clamp(19px,1.875vw,30px) 0px; } .insights-block ul.insights { --grid-gutter: clamp(11px,1.063vw,17px); width: 100%; min-width: calc( 100% + var(--grid-gutter) + var(--grid-gutter) ); margin-left: calc( -1 * var(--grid-gutter) ); margin-top: calc( 1 * var(--grid-gutter) + 5px ); list-style-type: none; padding: 0px; } .insights-block ul.insights li { border-radius: var(--secondary-font-size); } .insight-single-featured { height: 100%; } .archive-page-archive .archive .insight-single-featured:before { position: absolute; top: calc( -1 * clamp(7px,0.688vw,11px) ); left:calc( -1 * clamp(5px,0.469vw,7.5px) ); width: calc( 100% + clamp(10px,0.938vw,15px) ); height: calc( 100% + clamp(19px,1.875vw,30px) ); border-radius: var(--secondary-font-size); z-index: -1; background: var(--primary-color);; content: ''; transition: all .25s; opacity: 0; } .archive-page-archive .archive .insight-single-featured:hover:before { opacity: 1; } .insight-single-featured figure { border-radius: var(--secondary-font-size); border: 1px solid var(--green); width: 100%; height: 0px; padding-bottom: 58%; background: url(../images/background-placeholder.jpg) center no-repeat var(--darker-blue); background-size: contain; } .insight-single-featured figure:focus-within { border-color: #FFF; } .insight-single-featured figure picture { border-radius: var(--secondary-font-size); overflow: hidden; } .insight-single-featured .copy { padding-top: clamp(10px,0.938vw,15px); padding-bottom: clamp(10px,0.938vw,15px); display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: normal; align-content: normal; height: calc( 100% - clamp(152px,14.813vw,237px) ); } .insight-single-featured .copy h3 { line-height: 1.25; } .insight-single-featured .copy time { font-size: var(--smaller-font-size); display: block; margin-top: clamp(5px,0.500vw,8px); margin-bottom: clamp(3px,0.313vw,5px); } .insight-single-featured .copy p { letter-spacing: 0.0ex } .readmore { color: #FFF; font-size: var(--smaller-font-size); margin-top: clamp(8px,0.813vw,13px); letter-spacing: 0.13ex } .insights-block ul.insights + .supertext { padding-top: clamp(6px,0.625vw,10px); } .insights-block ul.insights.more .box-1-4 { border-radius: 0px; border-right: 1px solid var(--green); } .insights-block ul.insights.more .box-1-4:last-child { border: none; } .insights-block ul.insights.more .box-1-4:hover { background: transparent; } .insights-block ul.insights.more .box-1-4:not(:first-child) .insight-single-featured { margin: auto; } .insights-block ul.insights.more .insight-single-featured { transform: translateY(clamp(-10px,-0.625vw,-6px)); border-radius: var(--secondary-font-size); position: relative; z-index: 2; width: calc( 100% - clamp(6px,0.625vw,10px) ) } .insights-block ul.insights.more .insight-single-featured .copy { height: auto; padding-top: 0px; padding-bottom: 0px; } .insights-block ul.insights.more .insight-single-featured .copy h3 { font-size: var(--secondary-font-size); letter-spacing: -0.025ex; margin-bottom: 0px; } .insights-block ul.insights.more .insight-single-featured .copy p { margin-bottom: 0px; } .insights-block ul.insights.more .insight-single-featured .copy .readmore { margin-bottom: 0px; margin-top: 0px; position: absolute; bottom: 0px; left: 0px; } .insights-block ul.insights.more .insight-single-featured .copy div { padding-bottom: clamp(26px,2.500vw,40px); position: relative; } .insights-block ul.insights.more .insight-single-featured .copy div.taxonomy { padding-bottom: 0px; } /* Bottom Contact Form */ .bottom-contact-form { position: relative; z-index: 2; margin-top: calc( -1 * var(--radius) + clamp(6px,0.625vw,10px) ) } .bottom-contact-form .dots { width: var(--grid-gutter); height: var(--secondary-font-size); } .bottom-contact-form .container { padding-top: clamp(58px,5.625vw,90px); padding-bottom: clamp(58px,5.625vw,90px); } .bottom-contact-form .flex-top-justify:after { display: none; } .bottom-contact-form .flex-top-justify { padding-bottom: clamp(45px,4.375vw,70px); } .bottom-contact-form div[class^="box-"] { padding: 0px; } .bottom-contact-form div.box-1-3 { padding-left: var(--secondary-font-size); } /* Beyond the Desk */ .beyond-the-desk .container { padding-top: 0px; margin-top: calc( -1 * clamp(96px,9.375vw,150px) ); position: relative; z-index: 3; } .beyond-the-desk .swiper-nav-holder { position: relative; padding-top: clamp(10px,0.938vw,15px); } .beyond-the-desk .swiper-nav-holder * { position: static!important; } .beyond-the-desk .swiper-nav-holder .swiper-button-prev, .beyond-the-desk .swiper-nav-holder .swiper-button-prev svg, .beyond-the-desk .swiper-nav-holder .swiper-button-next, .beyond-the-desk .swiper-nav-holder .swiper-button-next svg{ width: clamp(10px,0.938vw,15px); height: clamp(10px,0.938vw,15px); display: inline-block; margin: 0px; border-radius: 0px; font-size: 0px; } .beyond-the-desk .swiper-nav-holder .swiper-button-prev:hover, .beyond-the-desk .swiper-nav-holder .swiper-button-next:hover { background: transparent; } .beyond-the-desk .swiper-nav-holder .swiper-button-prev:hover svg *, .beyond-the-desk .swiper-nav-holder .swiper-button-next:hover svg * { fill: #FFF; } .beyond-the-desk .swiper-nav-holder .beyond-pagination { display: inline-block; width: auto; margin-left: clamp(10px,0.938vw,15px); margin-right: clamp(10px,0.938vw,15px); } .beyond-the-desk .swiper-nav-holder .beyond-pagination * { width: clamp(8px,0.750vw,12px); height: clamp(8px,0.750vw,12px); background: var(--green); opacity: 1; margin-left: clamp(4px,0.438vw,7px); margin-right: clamp(4px,0.438vw,7px);} .beyond-the-desk .swiper-nav-holder .beyond-pagination .swiper-pagination-bullet-active { background: #FFF; } /* Archive Setting */ section.featured-post { padding: clamp(44px,4.250vw,68px) 0px clamp(44px,4.250vw,68px); } section.featured-post.dark { padding-bottom: clamp(44px,4.250vw,68px); background-image: url(../images/grid.svg); background-position: top; background-repeat: repeat; background-size: clamp(1024px,100.000vw,1600px) auto; background-color: var(--darker-blue); background-attachment: fixed; } section.featured-post.dark .container { padding-bottom: clamp(44px,4.250vw,68px) } section.featured-post.dark .container > .flex-middle-justify { margin-bottom: clamp(15px,1.500vw,24px) } section.featured-post:not(.dark) h2.supertext { margin-bottom: clamp(15px,1.500vw,24px); color: var(--dark-green); } section.featured-post.dark { border-radius: 0px; } section.featured-post.dark h2 { margin-bottom: 0px;; } section.featured-post .blue-bg { border: 1px solid var(--green); border-radius: clamp(26px,2.500vw,40px); padding: clamp(21px,2.063vw,33px) clamp(29px,2.813vw,45px); } section.featured-post time { font-size: var(--smaller-font-size); display: block; margin-top: clamp(5px,0.500vw,8px); margin-bottom: clamp(3px,0.313vw,5px); text-transform: uppercase; } section.featured-post .blue-bg h3.supertext { margin-bottom: clamp(15px,1.500vw,24px); } section.featured-post .blue-bg figure { height: 0px; padding: 0px; padding-bottom: 58%; border: 1px solid var(--green); border-radius: clamp(13px,1.250vw,20px); background: url(../images/background-placeholder.jpg) center no-repeat; background-size: contain; left: 1px; } section.featured-post .blue-bg .copy { padding-left: calc( var(--standard-font-size) * 2 ); } .featured-post .readmore { margin-top: 0px; } .featured-post + .archive-page-archive { margin-top: calc( -1 * clamp(51px,4.938vw,79px) ); padding-top: clamp(102px,10.000vw,160px); } .archive-page-archive { position: relative; padding-top: clamp(44px,4.250vw,68px) } .page-header + .archive-page-archive { border-radius: var(--radius); overflow: hidden; } .archive-page-archive form { width: clamp(326px,31.875vw,510px); height: clamp(33px,3.188vw,51px); border-radius: clamp(16px,1.563vw,25px); border: 1px solid var(--green); display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; margin-bottom: clamp(23px,2.250vw,36px); } .archive-page-archive form:focus-within { border-color: #FFF!important; } .archive-page-archive form button:focus-within { outline: none; } .archive-page-archive form input { width: calc( 100% - clamp(49px,4.750vw,76px) ); border: none; background: transparent; height: 100%; font-size: var(--secondary-font-size); color: var(--green); outline: none; } .archive-page-archive form input::-webkit-input-placeholder { color: var(--green); font-style: italic; } .archive-page-archive form input:-moz-placeholder { color: var(--green); font-style: italic; } .archive-page-archive form input::-moz-placeholder { color: var(--green); font-style: italic; } .archive-page-archive form input:-ms-input-placeholder { color: var(--green); font-style: italic; } .archive-page-archive form button { border: none; background: transparent; height: 100%; width: clamp(49px,4.750vw,76px); } .archive-page-archive form button svg { height: 70%; } .archive-page-archive form button svg * { fill: var(--green); } .archive-page-archive .filters { } .archive-page-archive .filters .gfield .select2-container { min-width: clamp(160px,15.625vw,250px); } .archive-page-archive .filters div { display: inline; margin-bottom: clamp(10px,1.000vw,16px); } .archive-page-archive .filters div .cta a { text-transform: capitalize; } .archive-page-archive ul.archive { min-width: calc( 100% + var(--grid-gutter) + var(--grid-gutter) ); margin-left: calc( -1 * var(--grid-gutter) ); padding: 0px; margin-bottom: clamp(57px,5.563vw,89px); } .archive-page-archive ul.archive:after { content: ''; position: relative; top: -1px; width: 100%; height: 0px; border-top: 1px solid var(--green); } .archive-page-archive ul.archive li { border-bottom: 1px solid var(--green); padding-top: clamp(45px,4.375vw,70px); padding-bottom: clamp(45px,4.375vw,70px); } .archive-page-archive .post-nav { padding-bottom: clamp(63px,6.125vw,98px); } .archive-page-archive .post-nav nav * { width: clamp(34px,3.313vw,53px); height: clamp(34px,3.313vw,53px); border-radius: 50%; border: 1px solid var(--green); font-size: var(--secondary-font-size); color: var(--green); text-decoration: none; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; margin-right: clamp(9px,0.875vw,14px); } .archive-page-archive .post-nav nav span, .archive-page-archive .post-nav nav a:hover { background: var(--green); color: var(--dark-blue); } .archive-page-archive .post-nav .results { font-size: var(--secondary-font-size); color: var(--green); } /* Centered Text Block */ main .content.centered-text.thin .container { max-width: clamp(499px,48.750vw,780px); } main .content.centered-text.mid .container { max-width: clamp(672px,65.625vw,1050px); } /* Team Page */ .team-intro { border-bottom-left-radius: 0px!important; border-bottom-right-radius: 0px!important; box-shadow: 0px -7px 7px 0px rgba(0, 0, 0, 0.15) } .advisory-board .container, .leadership-team .container { padding-top: clamp(45px,4.375vw,70px); padding-bottom: clamp(45px,4.375vw,70px); } .advisory-board, .leadership-team { --grid-gutter: clamp(10px,0.938vw,15px); } .advisory-board .container { padding-bottom: clamp(96px,9.375vw,150px); flex-direction: row-reverse; } .advisory-board + .awards { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); position: relative; z-index: 2; margin-top: calc( -1 * clamp(51px,5.000vw,80px) ); } .advisory-board { border-top: 1px solid var(--green); } .advisory-board article { max-width: clamp(326px,31.875vw,510px); margin-left: auto; margin-right: 0px; margin-top: clamp(80px,7.813vw,125px); } .archive.teammates { width: 100%; min-width: calc( 100% + var(--grid-gutter) + var(--grid-gutter) ); list-style-type: none; padding: 0px; margin-left: calc( -1 * var(--grid-gutter) ) } .archive.teammates li { margin-bottom: clamp(38px,3.750vw,60px); } .archive.teammates h3 { margin-bottom: clamp(4px,0.375vw,6px); } .archive.teammates figure { width: 100%; height: 0px; padding-bottom: 130%; border-radius: clamp(13px,1.250vw,20px); border: 1px solid var(--green); margin-bottom: clamp(6px,0.625vw,10px); } .archive.teammates figure svg { position: absolute; bottom: clamp(13px,1.250vw,20px); right: clamp(16px,1.563vw,25px); width: clamp(17px,1.688vw,27px); height: clamp(13px,1.250vw,20px); z-index: 2; pointer-events: none; } .advisory-board + .centered-text { position: relative; z-index: 2; margin-top: calc( -1 * clamp(51px,5.000vw,80px) ); } /* Vehicle Archive */ ul.vehicle-archive { list-style-type: none; padding: 0px; min-width: calc( 100% + var(--grid-gutter) + var(--grid-gutter) ); margin-left: calc( -1 * var(--grid-gutter) ); padding: 0px; padding-bottom: clamp(96px,9.375vw,150px); column-gap: 0px; margin-bottom: 0px; } ul.vehicle-archive li { break-inside: avoid-column; padding: var(--grid-gutter); } .vehicle-archive .vehicle-single { padding: clamp(17px,1.625vw,26px) clamp(20px,1.938vw,31px); border: 1px solid var(--green); border-radius: var(--secondary-font-size) } .vehicle-archive .vehicle-single .details { color: #FFF; font-size: var(--standard-font-size); } .vehicle-archive .vehicle-single h3:last-child { margin-bottom: 0px; } .vehicle-archive .vehicle-single .details svg { margin-left: 5px; width: clamp(17px,1.688vw,27px); height: clamp(13px,1.250vw,20px); } /* Single Vehicle */ .vehicle-header.team-header { padding-bottom: 0px; } .team-header.vehicle-header .container h1 { margin-top: clamp(26px,2.500vw,40px); margin-bottom: clamp(64px,6.250vw,100px); } .team-header.vehicle-header .container { position: relative; z-index: 2; padding-bottom: clamp(141px,13.750vw,220px); } section.vehicle-details { margin-top: calc( -1 * clamp(141px,13.750vw,220px) ); min-height: clamp(218px,21.250vw,340px); } .vehicle_body + section.vehicle-details { margin-top: 0px; } section.vehicle-details .container { padding: clamp(32px,3.125vw,50px) clamp(51px,5.000vw,80px) clamp(14px,1.375vw,22px); } .container .vehicle-details { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; } .vehicle-details dl { margin-bottom: clamp(14px,1.375vw,22px); } .vehicle-details dl * { display: block; } .vehicle_body h2, .vehicle-details dt { font-size: clamp(17px,1.625vw,26px); margin-bottom: clamp(10px,0.938vw,15px); } .vehicle-details dd { color: var(--dark-green); font-size: clamp(14px,1.375vw,22px); } .vehicle_body .container { padding-top: clamp(48px,4.688vw,75px); padding-bottom: clamp(48px,4.688vw,75px); } .vehicle_body .container a { color: var(--dark-green); } .files-holder .container { padding: clamp(51px,5.000vw,80px) clamp(64px,6.250vw,100px); text-align: center; } .files-holder .container ul { padding: 0px; list-style-type: none; } .files-holder .container ul li { margin-bottom: clamp(12px,1.125vw,18px); } .files-holder .container .cta, .files-holder .container .cta a { min-width: clamp(272px,26.563vw,425px); display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: center; text-transform: none; } .files-holder .container .cta:hover a svg line { stroke: var(--green)!important; } .files-holder .container .cta:hover a svg polygon { transform: translateY(10%); stroke: none!important; transition: all .25s; } /* Single Services */ .services-header.halves > .half { position: relative; z-index: 2; } .services-header.halves:before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; background: linear-gradient(to right, rgba(3,80,102,1) 0%,rgba(3,80,102,1) 50%,rgba(3,80,102,0) 61%,rgba(3,80,102,0) 100%); } .services-header { padding-top: clamp(166px,16.250vw,260px); min-height: clamp(515px,50.313vw,805px); background-image: url(../images/services-header.png); background-position: right; background-repeat: repeat-y; position: relative; } .services-header.halves > .half:nth-child(1) > .container { padding-right: 0px; padding-top: 0px; } .services-header.halves > .half:nth-child(1) > .container article { min-width: calc( 100% + clamp(80px,7.813vw,125px) ) } .services-header.halves > .half:nth-child(1) > .container article h1{ line-height: 1; } .services-header.halves > .half:nth-child(2) { padding-left: clamp(112px,10.938vw,175px); } .services-header.halves > .half figure { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; } .single-services main .content.bottom-pad .container{ padding-bottom: clamp(51px,5.000vw,80px) } .single-services main .gray-bg.halves article img { border-radius: 20px; overflow: hidden; } .single-services main .content.halves article p { font-size: var(--secondary-font-size); line-height: 1.3 } .capabilities { position: relative; overflow: hidden; } .capabilities .container { padding-top: clamp(50px,4.875vw,78px); padding-bottom: clamp(114px,11.125vw,178px); } .capabilities .container article { column-gap: clamp(42px,4.063vw,65px); } .capabilities .container h2 { margin-bottom: clamp(26px,2.500vw,40px); } .capabilities .container ul { list-style-type: none; } .capabilities .container ul li { margin-bottom: clamp(16px,1.563vw,25px); position: relative; } .capabilities .container ul li:before { content: ''; position: absolute; width: clamp(6px,0.563vw,9px); height: clamp(6px,0.563vw,9px); border-radius: 50%; background: var(--dark-blue); left: calc( -1 * clamp(11px,1.063vw,17px) ); top: clamp(4px,0.438vw,7px); } .capabilities .container ul:has(figure) { padding: 0px; list-style-type: none; } .capabilities .container ul li:has(figure) { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: stretch; } .capabilities .container ul li figure { width: clamp(93px,9.063vw,145px); } .capabilities .container ul li figure img { width: clamp(69px,6.750vw,108px); } .capabilities .container ul li .copy { width: calc( 100% - clamp(93px,9.063vw,145px) ) } .capabilities .container ul li .copy h3.h4 { font-size: clamp(16px,1.563vw,25px); } .capabilities .bottom-left-circle { position: absolute; bottom: -10px; left: clamp(106px,10.313vw,165px); } .capabilities .bottom-left-circle svg { height: clamp(96px,9.375vw,150px); width: clamp(192px,18.750vw,300px); } .capabilities .right-circle { position: absolute; top: clamp(70px,6.875vw,110px); right: 0px; } .capabilities .right-circle svg { width: clamp(108px,10.500vw,168px); height: clamp(214px,20.938vw,335px); } /* Vehicles Archive */ .post-type-archive-contract_vehicles .centered-text { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } /* Content Settings */ main { min-height: calc( 100vh - var(--footer-height) ); position: relative; z-index: 4; margin-bottom: var(--footer-height); border-radius: 0px 0px clamp(51px,5.000vw,80px) clamp(51px,5.000vw,80px); overflow: hidden; clip-path: inset(0 0 1px 1px round 0px 0px clamp(53px,5.188vw,83px) clamp(53px,5.188vw,83px) ); } main *:not('.cta') a { color: var(--primary-color); text-decoration: underline; } /* Main Link Style */ main .content .grid-container div, main .content .boxcontainer div div { background: var(--secondary-color); color: #FFF; padding: 10px; min-height: 40px; font-size: 10px; } main .content { position: relative; } main .content .container { padding-top: clamp(32px,3.125vw,50px); padding-bottom: clamp(32px,3.125vw,50px); max-width: clamp(672px,65.625vw,1050px); } .blockbtm, main .content.bottom-pad { border-bottom-left-radius: 0px!important; border-bottom-right-radius: 0px!important; } main .content.bottom-pad .container { padding-bottom: clamp(113px,11.000vw,176px); } .page-id-281 main .content.bottom-pad .container{ padding-bottom: clamp(51px,5.000vw,80px); } main .content.bottom-pad + .content { margin-top: calc( -1 * clamp(51px,5.000vw,80px) ); z-index: 2; } main .content.overlap-pad.bottom-pad .container, main .content.overlap-pad .container { padding-bottom: clamp(160px,15.625vw,250px); border-bottom-left-radius: var(--radius)!important; border-bottom-right-radius: var(--radius)!important; } main .content.overlap-pad + section.content { margin-top: calc( -1 * clamp(143px,14.000vw,224px) ); z-index: 2; position: relative; } main .content.flexy-middle .container { padding-bottom: clamp(54px,5.313vw,85px); } .flexy-middle article .alignleft { margin-bottom: 0px; } .flexy-middle article h2 { padding-top: clamp(16px,1.563vw,25px); } /* Modal */ .modal { width: 100%; max-width: var(--grid-width); } /* Halves */ .halves .half > .vid-prop:before { content: ''; position: absolute; top: 0px; width: clamp(99px,9.688vw,155px); height: 100%; pointer-events: none; display: block; z-index: 2;} .halves .half:nth-child(1) > .vid-prop:before { right: 0px; } .halves .half:nth-child(2) > .vid-prop:before { left: 0px; } .halves.central-palette-4-bg .half:nth-child(1) > .vid-prop:before { background: linear-gradient(to right, rgba(240,241,233,0) 0%,rgba(240,241,233,1) 100%); } .halves.central-palette-4-bg .half:nth-child(2) > .vid-prop:before { background: linear-gradient(to right, rgba(240,241,233,1) 0%,rgba(240,241,233,1) 1%,rgba(240,241,233,0) 100%); } .halves.central-palette-5-bg .half:nth-child(1) > .vid-prop:before { background: linear-gradient(to right, rgba(15,244,145,0) 0%,rgba(15,244,145,1) 100%); } .halves.central-palette-5-bg .half:nth-child(2) > .vid-prop:before { background: linear-gradient(to right, rgba(15,244,145,1) 0%,rgba(15,244,145,1) 1%,rgba(15,244,145,0) 100%); } .halves.central-palette-3-bg .half:nth-child(1) > .vid-prop:before { background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } .halves.central-palette-3-bg .half:nth-child(2) > .vid-prop:before { background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); } .halves.central-palette-6-bg .half:nth-child(1) > .vid-prop:before { background: linear-gradient(to right, rgba(3,80,102,0) 0%,rgba(3,80,102,1) 100%); } .halves.central-palette-6-bg .half:nth-child(2) > .vid-prop:before { background: linear-gradient(to right, rgba(3,80,102,1) 0%,rgba(3,80,102,1) 1%,rgba(3,80,102,0) 100%); } .halves .half .container { padding-top: clamp(51px,5.000vw,80px); padding-bottom: clamp(51px,5.000vw,80px); } .halves .half article { width: 100%; max-width: clamp(397px,38.750vw,620px); } .halves.mid { overflow: hidden; } .halves.mid .half:has(article) .container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: normal; align-items: center; align-content: normal; } .halves.grid { max-width: clamp(877px,85.625vw,1370px); margin-left: auto; margin-right: auto; border: 1px solid var(--dark-blue); } .halves .half .container article img.aligncenter { border-radius: clamp(13px,1.250vw,20px); overflow: hidden; } .vid-prop a:hover svg [data-name="Polygon 7"] path { fill: var(--dark-blue); } .halves .half video { overflow: hidden; border-radius: clamp(13px,1.250vw,20px); max-width: 100%; } /* Wheel */ .wheel { position: relative; border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius); padding-bottom: clamp(38px,3.750vw,60px); } .bottom { position: absolute; bottom: 0px; } .stuck { position: fixed; top: 0px; } .wheel-holder ul li { } .wheel .wheel-swiper { width: calc( 100% + 100px ); margin-left: -50px; max-width: calc( 100% + 100px ); } .wheel .wheel-swiper .swiper-slide { padding-left: 50px; padding-right: 50px; } .wheel .wheel-swiper .swiper-slide article { padding-bottom: 50px; } .wheel .wheel-swiper:before { position: absolute; top: 0px; left: 0px; width: 50px; height: 100%; content: ''; background: linear-gradient(to right, rgba(240,241,233,1) 0%,rgba(240,241,233,0) 100%); z-index: 2; } .wheel .wheel-swiper:after { position: absolute; top: 0px; right: 0px; width: 50px; height: 100%; content: ''; background: linear-gradient(to right, rgba(240,241,233,0) 0%,rgba(240,241,233,1) 100%); z-index: 2; } .wheel .wheel-swiper .swiper-slide > div { min-height: clamp(394px,38.438vw,738px); max-height: clamp(576px,56.250vw,900px); } .wheel .wheel-swiper p, .wheel .wheel-swiper ul li { font-size: var(--secondary-font-size); line-height: 1.3; margin-bottom: clamp(26px,2.500vw,40px); } .wheel .wheel-swiper p .cta { margin-right: 2px; } .wheel .wheel-swiper ul { list-style-type: none; padding-left: clamp(45px,4.375vw,70px); margin-left: 2px; } .wheel .wheel-swiper ul li { position: relative; } .wheel .wheel-swiper ul li:before { content: ''; position: absolute; top: 0px; left: calc( -1 * clamp(45px,4.375vw,70px) ); width: clamp(16px,1.563vw,25px); height: clamp(16px,1.563vw,25px); border-radius: 50%; display: block; background: var(--dark-blue); transform: translateY(25%) } .wheel .wheel-swiper ul li:nth-child(1):before { background: var(--dark-blue); } .wheel .wheel-swiper ul li:nth-child(2):before { background: var(--dark-green); } .wheel .wheel-swiper ul li:nth-child(3):before { background: var(--medium-green); } .wheel .swiper-nav { position: relative; width: calc( 100% - 100px ); margin-left: 50px; z-index: 2; } .wheel .swiper-button-prev, .wheel .swiper-button-next { bottom: 0px; top: auto; position: static; display: inline-block; margin-right: 15px; } .fixed-scroll.wheel { border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius) } /* FIxed Scroll */ .fixed-scroll { position: relative; overflow: hidden; } .fixed-scroll:before { position: absolute; content: ''; top: 0px; left: 0px; width: 100%; height: clamp(70px,6.875vw,110px); background: linear-gradient(to bottom, rgba(3,69,88,1) 0%,rgba(125,185,232,0) 100%); pointer-events: none; } .fixed-scroll:after { position: absolute; content: ''; bottom: 0px; left: 0px; width: 100%; height: clamp(70px,6.875vw,110px); background: linear-gradient(to bottom, rgba(3,69,88,0) 0%,rgba(3,69,88,1) 100%); pointer-events: none; transition: all .25s; } .fixed-scroll.central-palette-6-bg { background-image: url(../images/grid.svg); background-position: top; background-repeat: repeat; background-size: clamp(1024px,100.000vw,1600px) auto; background-color: var(--darker-blue); background-attachment: fixed; } .fixed-scroll .container { padding-top: clamp(42px,4.125vw,66px); padding-bottom: clamp(42px,4.125vw,66px); } .fixed-scroll .fix-item.bottom { padding-top: calc( var(--header-height) ); transition: all .25s; } .fixed-scroll .fix-item.stuck { padding-top: calc( var(--header-height) + clamp(42px,4.125vw,66px) ); height: 100h } .fixed-scroll .fix-item { height: 100h } .fixed-scroll:has(.stuck):before { position: fixed; top: var(--header-height); } .fixed-scroll:has(.stuck):after { position: fixed; } .fixed-scroll:has(.bottom):after { position: absolute; } .fixed-scroll + section { margin-top: calc( -1 * clamp(51px,5.000vw,80px) ); z-index: 2; } .fixed-scroll .sections { padding: 0px; list-style-type: none; } .fixed-scroll .sections figure, .fixed-scroll .sections svg { width: auto; height: auto; max-width: clamp(224px,21.875vw,350px); max-height: clamp(224px,21.875vw,350px); margin: var(--standard-font-size); } .fixed-scroll .sections li.full-height { min-height: calc( 100vh - calc( var(--header-height) + clamp(42px,4.125vw,66px) ) ); max-height: clamp(486px,47.500vw,760px); padding-top: clamp(3px,0.313vw,5px); } /* Core Values */ .core-values { background-image: url(../images/grid.svg); background-position: top; background-repeat: repeat; background-size: clamp(1024px,100.000vw,1600px) auto; background-color: var(--darker-blue); background-attachment: fixed; } .core-values .container { padding-top: clamp(64px,6.250vw,100px); padding-bottom: clamp(64px,6.250vw,100px); } .core-values .container ul { list-style-type: none; padding: 0px; } .core-values .container li { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; margin-top: clamp(48px,4.688vw,75px); } .core-values .container li figure { width: clamp(122px,11.875vw,190px); height: clamp(122px,11.875vw,190px); position: relative; } .core-values .container li figure img.animated { position: absolute; top: 0px; left: 0px; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 0; transition: all .25s; } .core-values .container li figure:hover img.static { opacity: 0; } .core-values .container li figure:hover img.animated { opacity: 1; } .core-values .container li div { margin-left: clamp(19px,1.875vw,30px); width: 100%; max-width: clamp(237px,23.125vw,370px); } /* Partners Section */ .partners { position: relative; } .partners-swiper { overflow-y: visible; } .partners .container { padding-top: clamp(90px,8.750vw,140px); padding-bottom: clamp(90px,8.750vw,140px); max-width: clamp(931px,90.938vw,1455px); position: relative; } .partners .container .swiper { max-width: var(--grid-width); } .partners .container .partner-single { margin: auto; max-width: clamp(256px,25.000vw,400px); border: 1px solid var(--green); background: #FFF; padding: clamp(22px,2.188vw,35px); text-align: center; font-size: var(--secondary-font-size); border-radius: clamp(16px,1.563vw,25px); box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15); transition: all .25s; } .partners .container .swiper-slide { padding: clamp(6px,0.625vw,10px); padding-top: clamp(51px,5.000vw,80px); min-height: clamp(288px,28.125vw,450px); } .partners .container .swiper-slide.swiper-slide-active .partner-single { transform: translateY(clamp(38px,3.750vw,60px)); } .partners .container .swiper-slide figure { width: auto; height: clamp(112px,10.938vw,175px); display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; background: #FFF; margin-top: calc( -1 * clamp(61px,5.938vw,95px) ); padding-left: var(--standard-font-size); padding-right: var(--standard-font-size); } .partners .container .swiper-slide figure img { max-width: 100%; max-height: clamp(96px,9.375vw,150px); width: auto; height: auto; } .partners .right-circle { position: absolute; top: 0px; right: 0px; width: clamp(77px,7.500vw,120px); height: clamp(154px,15.000vw,240px); } .partners .right-circle svg { width: clamp(77px,7.500vw,120px); height: clamp(154px,15.000vw,240px); } .partners .bottom-circle { position: absolute; bottom: 0px; left: clamp(51px,5.000vw,80px); width: clamp(154px,15.000vw,240px); height: clamp(77px,7.500vw,120px); } .partners .bottom-circle svg { width: clamp(154px,15.000vw,240px); height: clamp(77px,7.500vw,120px); pointer-events: none; z-index: -1; } /* Pillboxes */ .pillboxes .container { position: relative; z-index: 2; margin-top: calc( -1 * clamp(176px,17.188vw,275px) ); max-width: clamp(741px,72.375vw,1158px); } .beyond-the-desk + .pillboxes .container { padding-top: clamp(256px,25.000vw,400px); margin-top: calc( -1 * clamp(371px,36.250vw,580px) ); padding-bottom: clamp(51px,5.000vw,80px); } .pillbox:first-child { margin-bottom: clamp(32px,3.125vw,50px); } .pillbox { max-width: clamp(346px,33.750vw,540px); border-radius: clamp(26px,2.500vw,40px); padding: clamp(26px,2.500vw,40px) clamp(32px,3.125vw,50px); box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15); } .pillbox h2 { margin-bottom: 0px; } .pillbox h3 { font-weight: 400; } .pillbox hr { border: none; width: clamp(144px,14.063vw,225px); height: clamp(8px,0.813vw,13px); margin-bottom: var(--standard-font-size); width: 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjIzIiBoZWlnaHQ9IjEyLjY1OSIgdmlld0JveD0iMCAwIDIyMyAxMi42NTkiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSItMC4wNDUiIHkxPSIwLjUiIHgyPSIxIiB5Mj0iMC41IiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+CiAgICAgIDxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzBmZjQ5MSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMGYxZTkiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgogIDxwYXRoIGlkPSJVbmlvbl84IiBkYXRhLW5hbWU9IlVuaW9uIDgiIGQ9Ik0xMTUyNy44NjktNzIwLjY3YTYuMiw2LjIsMCwwLDEsNi4wNjctNi4zMjksNi4yLDYuMiwwLDAsMSw2LjA2NSw2LjMyOSw2LjIsNi4yLDAsMCwxLTYuMDY1LDYuMzI5QTYuMiw2LjIsMCwwLDEsMTE1MjcuODY5LTcyMC42N1ptLTMwLjAxNCwwYTYuMiw2LjIsMCwwLDEsNi4wNjUtNi4zMjksNi4yLDYuMiwwLDAsMSw2LjA2NSw2LjMyOSw2LjIsNi4yLDAsMCwxLTYuMDY1LDYuMzI5QTYuMiw2LjIsMCwwLDEsMTE0OTcuODU1LTcyMC42N1ptLTMwLjAxMywwYTYuMiw2LjIsMCwwLDEsNi4wNjQtNi4zMjksNi4yLDYuMiwwLDAsMSw2LjA2NSw2LjMyOSw2LjIsNi4yLDAsMCwxLTYuMDY1LDYuMzI5QTYuMiw2LjIsMCwwLDEsMTE0NjcuODQzLTcyMC42N1ptLTMwLjAxNSwwYTYuMiw2LjIsMCwwLDEsNi4wNjYtNi4zMjksNi4yLDYuMiwwLDAsMSw2LjA2NSw2LjMyOSw2LjIsNi4yLDAsMCwxLTYuMDY1LDYuMzI5QTYuMiw2LjIsMCwwLDEsMTE0MzcuODI4LTcyMC42N1ptLTMwLjc4NCwwYTYuMiw2LjIsMCwwLDEsNi4wNjUtNi4zMjksNi4yLDYuMiwwLDAsMSw2LjA2Niw2LjMyOSw2LjIsNi4yLDAsMCwxLTYuMDY2LDYuMzI5QTYuMiw2LjIsMCwwLDEsMTE0MDcuMDQ0LTcyMC42N1ptLTMwLjAxNSwwQTYuMiw2LjIsMCwwLDEsMTEzODMuMS03MjdhNi4yLDYuMiwwLDAsMSw2LjA2NSw2LjMyOSw2LjIsNi4yLDAsMCwxLTYuMDY1LDYuMzI5QTYuMiw2LjIsMCwwLDEsMTEzNzcuMDI5LTcyMC42N1ptLTMwLjAxMiwwYTYuMiw2LjIsMCwwLDEsNi4wNjQtNi4zMjksNi4yLDYuMiwwLDAsMSw2LjA2NSw2LjMyOSw2LjIsNi4yLDAsMCwxLTYuMDY1LDYuMzI5QTYuMiw2LjIsMCwwLDEsMTEzNDcuMDE4LTcyMC42N1ptLTMwLjAxNiwwYTYuMiw2LjIsMCwwLDEsNi4wNjUtNi4zMjksNi4yLDYuMiwwLDAsMSw2LjA2Nyw2LjMyOSw2LjIsNi4yLDAsMCwxLTYuMDY3LDYuMzI5QTYuMiw2LjIsMCwwLDEsMTEzMTctNzIwLjY3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTExMzE3LjAwMiA3MjcpIiBmaWxsPSJ1cmwoI2xpbmVhci1ncmFkaWVudCkiLz4KPC9zdmc+Cg=="); background-size: auto 100%; background-position: left; background-repeat: no-repeat; } .pillbox article p { font-size: clamp(17px,1.625vw,26px); } .page-header + section.bigbottom, section.featured-post.bigbottom, .bigbottom { padding-bottom: clamp(176px,17.188vw,275px); border-radius: var(--radius) var(--radius) var(--radius) var(--radius) } .icons + .pillboxes .container { padding-bottom: clamp(51px,5.000vw,80px); } .core-values + .pillboxes .container { padding-top: clamp(51px,5.000vw,80px); padding-bottom: calc( clamp(51px,5.000vw,80px) * 2 ); } .core-values + .pillboxes + section:last-child { margin-top: calc( -1 * clamp(61px,5.938vw,95px) ) } /* Icons */ section.icons.wider .container { max-width: clamp(872px,85.125vw,1362px); } section.icons .container { padding-top: clamp(45px,4.375vw,70px); padding-bottom: clamp(45px,4.375vw,70px); } section.pillboxes + section.icons .container { padding-top: clamp(96px,9.375vw,150px); } section.icons .container h2 { margin-bottom: clamp(29px,2.813vw,45px); } section.icons .container ul { padding: 0px; list-style-type: none; } section.icons .container li { margin-bottom: clamp(29px,2.813vw,45px); text-align: center; max-width: clamp(189px,18.500vw,296px); } section.icons .container li.box-1-3 { max-width: clamp(234px,22.813vw,365px); } section.icons .container li figure { width: 100%; height: clamp(80px,7.813vw,125px); text-align: center; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; margin-bottom: clamp(10px,0.938vw,15px); } section.icons .container li figure svg { height: clamp(80px,7.813vw,125px); } .testimonials + .icons { border-radius: 0px!important; } .centered-text#culture + .icons { padding-top: clamp(109px,10.625vw,170px); margin-top: calc( -1 * clamp(61px,5.938vw,95px) ) } /* Awards */ .awards { padding-bottom: clamp(64px,6.250vw,100px); } .awards .top-section { position: relative; } .awards .top-section .left-circle { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: clamp(96px,9.375vw,150px); height: clamp(192px,18.750vw,300px); } .awards .top-section .bottom-circle { position: absolute; right: 0px; bottom: 0px; width: clamp(192px,18.750vw,300px); height: clamp(96px,9.375vw,150px); } .awards .top-section .container { padding-top: clamp(64px,6.250vw,100px); padding-bottom: clamp(64px,6.250vw,100px); max-width: clamp(573px,55.937vw,895px); } .awards .bottom-section { position: relative; } .awards .bottom-section > a[role="none"] { position: absolute; top: 0px } .awards .bottom-section .container { border-radius: clamp(118px,11.563vw,185px) 0px 0px clamp(112px,10.938vw,175px); padding-top: clamp(29px,2.813vw,45px); padding-bottom: clamp(29px,2.813vw,45px); position: relative; } .awards .bottom-section .container:after { content: ''; position: absolute; left: calc( 100% - 1px ); top: 0px; width: 50vw; height: 100%; background: var(--green); } .awards .bottom-section .container .holder { position: relative; left: clamp(67px,6.563vw,105px); } .awards .bottom-section .container h3 { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: normal; font-size: clamp(19px,1.875vw,30px); } .awards .bottom-section .container h3 svg { margin-right: 10px; } .awards .bottom-section .container hr { border: none; border-top: 1px solid var(--dark-blue); position: relative; z-index: 2; margin-bottom: clamp(6px,0.625vw,10px); } .awards .bottom-section .swiper { padding-left: clamp(61px,5.938vw,95px); padding-right: clamp(61px,5.938vw,95px); position: relative; } .awards .bottom-section .swiper:before { width: clamp(61px,5.938vw,95px); height: 100%; content: ''; position: absolute; content: ''; background: var(--green); top: 1px; left: 0px; z-index: 2; } .awards .bottom-section .swiper:after { width: clamp(61px,5.938vw,95px); height: 100%; content: ''; position: absolute; content: ''; background: var(--green); top: 1px; right: 0px; z-index: 2; } .awards .bottom-section .swiper-slide { padding-toP: var(--standard-font-size); padding-left: var(--standard-font-size); padding-right: var(--standard-font-size); } .awards .bottom-section .swiper-slide p { font-size: clamp(14px,1.375vw,22px); } .awards .bottom-section h4 { position: relative; z-index: 2; margin-bottom: 0px; font-size: clamp(19px,1.875vw,30px); line-height: 1; } .awards .bottom-section h5 { font-size: clamp(17px,1.625vw,26px); font-style: italic; } .awards .bottom-section .swiper-slide * { position: relative; z-index: 2; } .awards .bottom-section h4:before { position: absolute; z-index: -1; width: clamp(38px,3.750vw,60px); height: clamp(38px,3.750vw,60px); border-radius: 50%; background: #FFF; opacity: .4; content: ''; transform: translate(-25%, -15%) } .awards .swiper-button-next, .awards .swiper-button-prev { transform: translateY(-25%) } .awards.blue-bg { position: relative; } .awards.blue-bg .bottom-section { z-index: 2; } .awards.blue-bg .right-circle { position: absolute; right: -1px; top: calc( -1 * clamp(96px,9.375vw,150px) ) } .awards.blue-bg .right-circle svg { width: clamp(104px,10.125vw,162px); height: clamp(207px,20.188vw,323px); } .awards.blue-bg .left-circle { left: clamp(250px,24.375vw,900px); bottom: 0px; position: relative; } .awards.blue-bg .left-circle svg { width: clamp(207px,20.188vw,323px); height: clamp(104px,10.125vw,162px); } /* Testimonials */ .testimonials { position: relative; --grid-gutter: clamp(10px,0.938vw,15px); } .testimonials .container { max-width :clamp(934px,91.250vw,1460px); text-align: center; position: relative; padding: clamp(58px,5.625vw,90px) clamp(61px,5.938vw,95px) clamp(112px,10.938vw,175px); } .testimonials .swiper-slide { padding: var(--grid-gutter); height: auto; } .testimonials .swiper-slide .testimonial-inner { border: 1px solid var(--green); margin-top: clamp(74px,7.250vw,116px); border-radius: clamp(19px,1.875vw,30px); padding: clamp(22px,2.188vw,35px); min-height: clamp(250px,24.375vw,390px); } .testimonials .swiper-slide .testimonial-inner cite { margin-bottom: 0px; } .testimonials .swiper-slide .testimonial-inner .supertext { color: var(--primary-color); font-size: clamp(10px,1.000vw,16px); margin-bottom: clamp(8px,0.750vw,12px); font-size: 400; } .testimonials .swiper-slide .testimonial-inner figure { display: block; margin: auto; width: clamp(119px,11.625vw,186px); height: clamp(119px,11.625vw,186px); border-radius: 50%; margin-top: calc( -1 * clamp(74px,7.250vw,116px) ); border-radius: 50%; border: 1px solid var(--green); margin-bottom: clamp(6px,0.625vw,10px); background: linear-gradient(45deg, rgba(3,80,102,1) 0%,rgba(15,244,145,1) 100%); } .testimonials .right-circle { position: absolute; top: 0px; right: 0px; width: clamp(77px,7.500vw,120px); height: clamp(154px,15.000vw,240px); } .testimonials .right-circle svg { width: clamp(77px,7.500vw,120px); height: clamp(154px,15.000vw,240px); } .testimonials .bottom-circle { position: absolute; bottom: 0px; left: clamp(51px,5.000vw,80px); width: clamp(154px,15.000vw,240px); height: clamp(77px,7.500vw,120px); } .testimonials .bottom-circle svg { width: clamp(154px,15.000vw,240px); height: clamp(77px,7.500vw,120px); } /* Single Post template */ .single-header { min-height: clamp(512px,50.000vw,800px); padding-top: var(--header-height); overflow: hidden; height: auto; } .single-header.rounded figure { background: url(../images/insights-header.svg) bottom right no-repeat; background-size: 50vw; margin-bottom: 0px; padding-left: var(--grid-gutter); padding-right: var(--grid-gutter); } .single-header.rounded figure img { max-width: clamp(320px,31.250vw,500px); } .single-header article { padding-top: clamp(42px,4.063vw,65px); min-width: clamp(464px,45.313vw,725px); right: calc( -1 * clamp(61px,5.938vw,95px) ); position: relative; padding-right: clamp(61px,5.938vw,95px); padding-bottom: clamp(42px,4.063vw,65px); } .single-header article h1 { line-height: 1.1111; } .single-header.halves > .half { position: relative; z-index: 2; } .single-header.halves:before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; background: linear-gradient(to right, rgba(240,241,233,1) 0%,rgba(240,241,233,1) 50%,rgba(240,241,233,0) 61%,rgba(240,241,233,0) 100%); } .single-header { background-image: url(../images/single-bg.svg); background-position: right; background-repeat: no-repeat; position: relative; } .single-header .cta { margin-bottom: clamp(16px,1.563vw,25px); } .single-header time { font-size: var(--secondary-font-size); } .single-header.rounded figure > div { margin: auto; width: 100%; max-width: clamp(388px,37.875vw,606px); } .single-header.rounded figure div div { width: 100%; height: 0px; padding-bottom: 58%; border-radius: 30px; overflow: hidden; border: 1px solid var(--medium-green); } .single-header.rounded figure div div img { filter: none; } .page-header div picture:before { display: none; } #page-head.gray-bg + main .single-header.gray-bg.page-header:not(.rounded) .half:nth-child(1) { width: 61% } #page-head.gray-bg + main .single-header.gray-bg.page-header:not(.rounded) .half:nth-child(2) { width: 39% } #page-head.gray-bg + main .single-header.gray-bg.page-header:not(.rounded) .half:nth-child(1) article { left: auto; right: auto; max-width: clamp(534px,52.188vw,835px); padding-bottom: clamp(80px,7.813vw,125px); } .single-header + .insight-body { margin-top: 0px; } .insight-body .container { padding-top: clamp(38px,3.750vw,60px); padding-bottom: clamp(38px,3.750vw,60px); } .insight-body .container h5 a, .insight-body .container p a { --dark-green: #067F6D; color: var(--dark-green); } .insight-body { --standard-font-size: clamp(16px,1.125vw,18px); } .case_study_body { background-color: #034459; background-image: url(../images/case-study-bottom.svg); background-position: bottom left; background-size: clamp(184px,18.000vw,288px) auto; background-repeat: no-repeat; } .case_study_body .container { padding-top: clamp(46px,4.500vw,72px); padding-bottom: clamp(46px,4.500vw,72px); } .case_study_body .half .container { align-items: center; } .case_study_body .halves:nth-child(2) .half .container { padding-top: 0px; padding-bottom: 0px; } .case_study_body .container article { max-width: clamp(406px,39.688vw,635px); } .case_study_body figure { border: 1px solid var(--green); border-radius: clamp(13px,1.250vw,20px); overflow: hidden; font-size: 0px; } .case_study_body .content.centered-text.thin .container{ padding-bottom: clamp(49px,4.750vw,76px); padding-top: clamp(49px,4.750vw,76px); text-align: center!important; } .case_study_body .content.centered-text.thin .container article { width: 100%; max-width: clamp(554px,54.063vw,865px); margin: auto; } /* Team Header */ .team-header { padding-top: var(--header-height); position: relative; height: auto; padding-bottom: clamp(41px,3.958vw,76px); } .team-header .container { padding-bottom: clamp(27px,2.604vw,50px); } .team-header > svg { position: absolute; bottom: clamp(42px,4.063vw,65px); right: clamp(45px,4.427vw,85px); width: clamp(211px,20.625vw,330px); height: clamp(118px,11.563vw,185px); } .team-header a > svg { width: clamp(29px,2.865vw,55px); height: clamp(29px,2.865vw,55px); } .team-header figure { height: clamp(221px,21.615vw,415px); opacity: 1; border-radius: clamp(10px,0.938vw,18px); border: 1px solid var(--green); max-width: clamp(168px,16.406vw,315px); } .team-header figure picture:before { display: none; } .team-header figure picture img { filter: none; } .team-bio .container { max-width: var(--grid-width); padding-top: clamp(40px,3.906vw,75px); padding-bottom: clamp(40px,3.906vw,75px); } /* 404 */ .page-404 { position: relative; } .page-404 > svg { position: absolute; top: clamp(150px,14.688vw,235px); right: 0px; width: clamp(74px,7.187vw,115px); height: clamp(147px,14.375vw,230px); } .page-404 > svg + svg { right: auto; left: 0px; top: auto; bottom: clamp(118px,11.563vw,185px); width: clamp(109px,10.625vw,170px); height: clamp(218px,21.250vw,340px); } /* Form Settings */ .gform_fields { min-width: calc( 100% + var(--grid-gutter) + var(--grid-gutter) ); margin-left: calc( -1 * var(--grid-gutter) ) } .gform_fields label { font-size: var(--secondary-font-size); } .gfield--type-honeypot { display: none; } .gfield input:not([type=radio]):not([type=checkbox]):not([type=range]), .gfield select, .gfield .select2-container--default .select2-selection--single, .gfield textarea { background: transparent; height: clamp(26px,2.500vw,40px); border-radius: clamp(13px,1.250vw,20px); } .gfield { margin-bottom: 0px; } .gfield textarea { height: clamp(70px,6.875vw,110px); } .gform_submission_error { border: none; font-size: var(--standard-font-size); color: var(--medium-green); } .gfield .select2-container--default .select2-selection--single .select2-selection__arrow b:after { font-size: clamp(8px,0.750vw,12px); } .gfield .select2-container .select2-selection--single { background: none; } .gfield .select2-container.select2-container--open.select2-container--below { border-bottom: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .gfield .select2-container.select2-container--open.select2-container--above { border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow { transform: rotate(180deg) } .gfield .select2-container { background: transparent; height: clamp(33px,3.188vw,51px); border-radius: clamp(16px,1.563vw,25px); border: 1px solid var(--cream); margin-bottom: clamp(23px,2.25vw,36px); overflow: hidden; } .gfield .select2-container .select2-selection--single { height: clamp(33px,3.188vw,51px); border-radius: clamp(16px,1.563vw,25px); font-size: var(--secondary-font-size); color: var(--cream); text-transform: capitalize; padding-right: clamp(33px,3.188vw,51px); } .gfield .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--cream); text-transform: capitalize; } .gfield .select2-container--default.select2-container--focus .select2-selection--single { background: var(--cream); color: var(--dark-blue)!important; border-radius: clamp(16px,1.563vw,25px); border: 2px solid var(--cream); } .gfield .select2-container--default.select2-container--focus .select2-selection__arrow b:after, .gfield .select2-container--default.select2-container--focus .select2-selection__rendered { color: var(--dark-blue)!important; } .select2-container--default .select2-results__option--selectable { background: var(--darker-blue); min-height: clamp(33px,3.188vw,51px); font-size: clamp(13px,1.250vw,20px); color: var(--cream); text-transform: capitalize; padding-left: var(--standard-font-size); position: relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-content: stretch; align-items: flex-start; line-height: 1; } .select2-container--default .select2-results__option--selectable:last-child:after { display: none; } .select2-container--default .select2-results__option--selectable:after { position: absolute; bottom: 0px; left: var(--standard-font-size); width: calc( 100% - var(--standard-font-size) - var(--standard-font-size) ); height: 1px; background: var(--cream); content: ''; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--medium-green); } .gfield .select2-container--default .select2-selection--single .select2-selection__arrow { right: 15px; } ul.select2-results { max-height: clamp(192px,18.750vw,300px); } .select2-container--open .select2-dropdown--above { border-radius: clamp(16px,1.563vw,25px); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 1px solid var(--green); background: transparent; border-bottom: 0px; transform: translateY( 0px ); overflow: hidden; } .select2-container--open .select2-dropdown--below { border-radius: clamp(16px,1.563vw,25px); border-top-left-radius: 0; border-top-right-radius: 0; border: 1px solid var(--cream); background: transparent; border-top: 0px; margin-top: calc( -1 * clamp(20px,2vw,32px) + clamp(20px,2vw,32px) ); overflow: hidden; } .filterfield { display: inline-flex!important; flex-direction: row; flex-wrap: nowrap; justify-content: normal; align-items: center; align-content: normal; } .filterfield label.supertext { display: inline-block; width: 100px; margin-bottom: clamp(23px,2.25vw,36px); } main .content .gfield input:not([type=radio]):not([type=checkbox]):not([type=range]), main .content .gfield textarea { border-color: var(--dark-green) } main .content .gfield input:not([type=radio]):not([type=checkbox]):not([type=range]):focus, main .content .gfield textarea:focus { border-color: var(--green); outline: 0px solid var(--green); } main .content .gform_footer { text-align: center; } .gfield_required_custom, .gform_required_legend { display: none; } .frm_form_field input::-webkit-input-placeholder { } .frm_form_field input:-moz-placeholder { } .frm_form_field input::-moz-placeholder { } .frm_form_field input:-ms-input-placeholder { } .frm_form_field textarea::-webkit-input-placeholder { } .frm_form_field textarea:-moz-placeholder { } .frm_form_field textarea::-moz-placeholder { } .frm_form_field textarea:-ms-input-placeholder { } .frm_form_field input[type=checkbox] { } .frm_form_field input[type=checkbox]:checked:before { } .frm_form_field input[type=radio] { } .frm_form_field input[type=radio]:checked:before { } .frm_form_field input[type=text], .frm_form_field input[type=email], .frm_form_field input[type=tel], .frm_form_field input[type=phone], .frm_form_field textarea { } .frm_form_field textarea { resize: none; } .frm_form_field select { } /* Footer Settings */ #page-foot { height: var(--footer-height); position: fixed; bottom: 0px; left: 0px; width: 100vw; color: #FFF } #page-foot .container { padding-top: clamp(40px,3.875vw,62px); font-size: var(--smaller-font-size); } #page-foot .container ul li { margin-bottom: clamp(15px,1.438vw,23px); line-height: 1.0 } #page-foot .container p { margin-bottom: clamp(10px,1.000vw,16px); } #page-foot .container address span { text-transform: capitalize; } #page-foot .container a { color: #FFF; text-decoration: none; } #page-foot .container .footer-logo, #page-foot .container .footer-logo svg { width: var(--footer-logo-width); height: var(--footer-logo-height); } #page-foot .container .footer-logo { margin-bottom: clamp(22px,2.188vw,35px); } #page-foot div[class^="box-"] { padding: 0px; } #page-foot .container .footer-top { height: calc( var(--footer-height) - var(--legal-height) - clamp(40px,3.875vw,62px); ) } #page-foot .legal { height: var(--legal-height); padding: 0px; list-style-type: none; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center; } #page-foot .social { margin-top: clamp(40px,3.875vw,62px); } #page-foot .social li { margin: 0px; margin-right: clamp(6px,0.563vw,9px); float: left; } #page-foot .social li a { color: var(--primary-color); width: clamp(24px,2.375vw,38px); height: clamp(24px,2.375vw,38px); display: inline-flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; font-size: clamp(15px,1.500vw,24px); filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); } #page-foot .social li a:hover { filter: invert(71%) sepia(98%) saturate(444%) hue-rotate(86deg) brightness(105%) contrast(91%); } #page-foot .social li.in a:before { position: relative; font-size: clamp(19px,1.875vw,30px); width: 100%; height: 100%; content: ''; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgdmlld0JveD0iMCAwIDM4IDM4Ij4KICA8ZyBpZD0iR3JvdXBfMzQ4IiBkYXRhLW5hbWU9Ikdyb3VwIDM0OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+CiAgICA8cGF0aCBpZD0iU3VidHJhY3Rpb25fMTEiIGRhdGEtbmFtZT0iU3VidHJhY3Rpb24gMTEiIGQ9Ik0xOSwzOEExOS4wMDUsMTkuMDA1LDAsMCwxLDExLjYsMS40OTMsMTksMTksMCwwLDEsMjYuNCwzNi41MDcsMTguODc4LDE4Ljg3OCwwLDAsMSwxOSwzOFptNC4yODMtMTkuMTU4YzIuMzQsMCwyLjM0LDIuMjE4LDIuMzQsMy44Mzh2Ny4wNThoNC40OTNsMC03Ljk2MmE5LjEyNiw5LjEyNiwwLDAsMC0uOTg4LTQuOTExYy0uODQxLTEuMzM3LTIuMjgyLTEuOTg3LTQuNC0xLjk4N2E0Ljc1Niw0Ljc1NiwwLDAsMC00LjI2MSwyLjM0aC0uMDYyVjE1LjI0SDE2LjA4N3YxNC41aDQuNVYyMi41NkMyMC41ODQsMjAuNzIxLDIwLjkwNSwxOC44NDIsMjMuMjg0LDE4Ljg0MlpNOC43NjcsMTUuMjR2MTQuNWg0LjVWMTUuMjRabTIuMjQ4LTcuMjE2YTIuNjE5LDIuNjE5LDAsMSwwLDIuNjA4LDIuNjA4QTIuNjEsMi42MSwwLDAsMCwxMS4wMTQsOC4wMjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIi8+CiAgPC9nPgo8L3N2Zz4K") } #page-foot .social li.fb a:before { position: relative; font-size: clamp(19px,1.875vw,30px); width: 100%; height: 100%; content: ''; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy43MzgiIGhlaWdodD0iMzcuNTEiIHZpZXdCb3g9IjAgMCAzNy43MzggMzcuNTEiPgogIDxwYXRoIGlkPSJJY29uX2F3ZXNvbWUtZmFjZWJvb2siIGRhdGEtbmFtZT0iSWNvbiBhd2Vzb21lLWZhY2Vib29rIiBkPSJNMzguMywxOS40MzFBMTguODY5LDE4Ljg2OSwwLDEsMCwxNi40ODMsMzguMDcyVjI0Ljg4NkgxMS42OVYxOS40MzFoNC43OTNWMTUuMjc0YzAtNC43MjksMi44MTUtNy4zNDEsNy4xMjctNy4zNDFhMjkuMDM5LDI5LjAzOSwwLDAsMSw0LjIyNC4zNjh2NC42NDFoLTIuMzhBMi43MjcsMi43MjcsMCwwLDAsMjIuMzgsMTUuODl2My41NDJoNS4yMzNsLS44MzcsNS40NTRoLTQuNFYzOC4wNzJBMTguODc2LDE4Ljg3NiwwLDAsMCwzOC4zLDE5LjQzMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjU2MyAtMC41NjMpIi8+Cjwvc3ZnPgo=") } #page-foot .social li.tw a:before { position: relative; font-size: clamp(19px,1.875vw,30px); width: 100%; height: 100%; content: ''; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgdmlld0JveD0iMCAwIDM4IDM4Ij4KICA8cGF0aCBpZD0iU3VidHJhY3Rpb25fMTIiIGRhdGEtbmFtZT0iU3VidHJhY3Rpb24gMTIiIGQ9Ik0xOSwzOEExOC45OTQsMTguOTk0LDAsMCwxLDUuNTY1LDUuNTY1LDE5LDE5LDAsMSwxLDI2LjQsMzYuNTA3LDE4Ljg4LDE4Ljg4LDAsMCwxLDE5LDM4Wk02LjY4NSwyNi43NzdoMGExNC4zOCwxNC4zOCwwLDAsMCw3Ljc5MiwyLjI3OCwxNC42MTgsMTQuNjE4LDAsMCwwLDYuMTkzLTEuMzEzLDEzLjY1NSwxMy42NTUsMCwwLDAsNC41MjYtMy4zOTEsMTQuOTM5LDE0LjkzOSwwLDAsMCwzLjcxOS05LjczNWMwLS4yMTYsMC0uNDM5LS4wMTYtLjY2MWExMC44MDksMTAuODA5LDAsMCwwLDIuNTQ1LTIuNjIzLDEwLjE1NCwxMC4xNTQsMCwwLDEtMi45MjMuNzg0LDUuMDY5LDUuMDY5LDAsMCwwLDIuMjMzLTIuOCwxMC4wODQsMTAuMDg0LDAsMCwxLTMuMjIyLDEuMjI2LDUuMDgxLDUuMDgxLDAsMCwwLTguNzgzLDMuNDczLDUuNjQ4LDUuNjQ4LDAsMCwwLC4xMjcsMS4xNjJBMTQuNDY5LDE0LjQ2OSwwLDAsMSw4LjQxMSw5Ljg3MmE1LjA4NCw1LjA4NCwwLDAsMCwxLjU3Miw2Ljc4OCw1LjEyMiw1LjEyMiwwLDAsMS0yLjI5NC0uNjQ1di4wNjRhNS4wNzUsNS4wNzUsMCwwLDAsNC4wNjksNC45OCw1LjM0LDUuMzQsMCwwLDEtMS4zMzUuMTczLDYuMzYxLDYuMzYxLDAsMCwxLS45NTktLjA4LDUuMDksNS4wOSwwLDAsMCw0Ljc0NiwzLjUyLDEwLjEyMywxMC4xMjMsMCwwLDEtNi4zLDIuMTY5QTEwLjExNCwxMC4xMTQsMCwwLDEsNi42ODUsMjYuNzc3WiIvPgo8L3N2Zz4K") } #page-foot .social li:not(.tw):not(.fb):not(.in) a { filter: none; border-radius: 50%; background: #FFF; } #page-foot .social li:not(.tw):not(.fb):not(.in) a:hover { background: var(--green); } #page-foot .creds, #page-foot nav { padding-top: 15px; } #page-foot .creds p strong, #page-foot nav p strong { font-size: var(--secondary-font-size); color: var(--green); display: block; margin-bottom: clamp(13px,1.313vw,21px); } #page-foot .box-1-4:nth-child(2) nav { margin-left: clamp(55px,5.375vw,86px); } #page-foot nav { display: inline-block; margin: 0px; } #page-foot .creds ul li, #page-foot nav ul li { display: block; } #page-foot .creds ul li, #page-foot nav ul li, #page-foot nav ul li a { font-size: var(--smaller-font-size); color: #FFF; position: relative; } #page-foot nav ul li a:before { position: absolute; bottom: -3px; left: 0px; width: 0px; height: 1px; transition: all .25s; content: ''; background: var(--green) } #page-foot nav ul li.current-menu-item a:before, #page-foot nav ul li a:hover:before { width: 100%; } @media handheld, only screen and (max-width: 1600px) and (min-width: 1400px){ .wheel-holder ul li h3.h4 { font-size: clamp(22px,1.563vw,25px); } } @media handheld, only screen and (max-width: 1399px) and (min-width: 1024px){ .wheel-holder ul li h3.h4 { font-size: clamp(17px,1.429vw,20px); } } @media handheld, only screen and (min-width: 1024px) { #page-head.gray-bg .container #nav #main svg * { stroke: var(--dark-blue)!important; } #page-head.gray-bg .container .logo svg * { fill: var(--dark-blue)!important; } #page-head.gray-bg .container .logo #Path_362, #page-head.gray-bg .container .logo #Path_365, #page-head.gray-bg .container .logo #Ellipse_39, #page-head.gray-bg .container .logo #Ellipse_40 { fill: var(--green)!important; } #page-head.gray-bg .container .logo svg #Group_539 { display: none; } #page-head.gray-bg .container .logo svg .navy-only { opacity: 1; } #page-head.gray-bg label[for="searchbar"] svg * { fill: var(--dark-green); } #page-head .container #nav #main li.services.menu-item-has-children { position: static; } #page-head .container #nav #main li.services.menu-item-has-children ul { top: 0px; } #page-head .container #nav #main li.services.menu-item-has-children .sub-menu-wrap { position: absolute; top: calc( 100% + 1px ); left: 0px; width: 100%; height: 0px; background: var(--dark-blue); border-bottom: 1px solid var(--green); transform: translateY(-1px); transition: all .8s; overflow: hidden; } #page-head .container #nav #main li.services.menu-item-has-children:hover .sub-menu-wrap, #page-head .container #nav #main li.services.menu-item-has-children .sub-menu-wrap.expand { transform: translateY(0px); height: calc( clamp(324px,31.625vw,506px) ); animation: drawerdown .25s ease-out 1; } @keyframes drawerdown { 0% { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } 100%{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } } #page-head .container #nav #main li.services.menu-item-has-children .sub-menu-wrap.close { animation: drawerup .25s ease-out 1; } @keyframes drawerup { 0% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } 100%{ clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } #page-head .container #nav #main li.services.menu-item-has-children .sub-menu-wrap.expand ul { max-height: 100vh; padding-top: clamp(28px,2.75vw,44px); padding-bottom: clamp(28px,2.75vw,44px); } #page-head .container #nav #main > .menu-item-has-children.services ul { left: 50%; transform: translateY(2px) translateX(-50%); width: 100%; max-width: clamp(920px,89.813vw,1437px); background: var(--dark-blue); display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: var(--secondary-font-size); grid-row-gap: 0px; padding-top: clamp(28px,2.750vw,44px); padding-bottom: clamp(28px,2.750vw,44px); transition: all .8s linear } #page-head .container #nav #main > .menu-item-has-children.services:hover ul.expand { max-height: clamp(324px,31.625vw,506px); } #page-head .container #nav #main > .menu-item-has-children.services:not(:hover) ul:not(.expand) { padding: 0px; border-bottom: 0px; } #page-head .container #nav #main > .menu-item-has-children.services ul > li { margin: 0px; height: auto; position: relative; } #page-head .container #nav #main > .menu-item-has-children.services ul > li:nth-child(1) { grid-area: 1 / 1 / 2 / 3; } #page-head .container #nav #main > .menu-item-has-children.services ul > li:nth-child(2) { grid-area: 2 / 1 / 3 / 3; } #page-head .container #nav #main > .menu-item-has-children.services ul > li:nth-child(3) { grid-area: 1 / 3 / 2 / 5; } #page-head .container #nav #main > .menu-item-has-children.services ul > li:nth-child(4) { grid-area: 2 / 3 / 3 / 5; } #page-head .container #nav #main > .menu-item-has-children.services ul > li:nth-child(5) { grid-area: 1 / 5 / 3 / 6; } #page-head .container #nav #main > .menu-item-has-children.services ul > li:nth-child(5) a span { padding-left: 0px; } #page-head .container #nav #main > .menu-item-has-children.services ul > li.current-menu-item a { background: rgba(15,244,145,.1); } #page-head .container #nav #main > .menu-item-has-children.services ul > li a:hover { background: rgba(15,244,145,.1); transform: translateY(clamp(-10px,-0.625vw,-6px)) } #page-head .container #nav #main > .menu-item-has-children.services ul > li.current-menu-item a:before { display: none; } #page-head .container #nav #main > .menu-item-has-children.services ul > li a { border: 1px solid var(--green); border-radius: var(--secondary-font-size); width: 100%; height: 100%; text-align: left; color: #FFF; font-size: clamp(22px,2.125vw,34px); display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: normal; padding: clamp(19px,1.875vw,30px) clamp(22px,2.125vw,34px); padding-right: clamp(16px,1.563vw,25px); transition: all .25s; } #page-head .container #nav #main > .menu-item-has-children.services ul > li a span { width: clamp(186px,18.125vw,290px); padding-left: clamp(15px,1.500vw,24px); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: stretch; align-items: center; padding-right: clamp(29px,2.813vw,45px); position: relative; } #page-head .container #nav #main > .menu-item-has-children.services ul > li.current-menu-item a span, #page-head .container #nav #main > .menu-item-has-children.services ul > li a:hover span { text-decoration: underline; } #page-head .container #nav #main > .menu-item-has-children.services ul > li a span:after { content: ''; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjcuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikdyb3VwXzc4NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDYzIDYzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2MyA2MzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMwRkY0OTE7c3Ryb2tlLW1pdGVybGltaXQ6MTA7fQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiMwRkY0OTE7c3Ryb2tlLXdpZHRoOjEuNTt9Cjwvc3R5bGU+CjxnIGlkPSJHcm91cF82NDIiPgoJPGcgaWQ9IkVsbGlwc2VfNzQiPgoJCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjMxLjUiIGN5PSIzMS41IiByPSIyNS41Ii8+CgkJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMzEuNSIgY3k9IjMxLjUiIHI9IjI0LjkiLz4KCTwvZz4KCTxwYXRoIGlkPSJQYXRoXzMyNCIgY2xhc3M9InN0MSIgZD0iTTI2LDQ1LjdsMTQuMi0xNC4yTDI2LDE3LjMiLz4KPC9nPgo8L3N2Zz4K") center no-repeat; background-size: contain; width: clamp(21px,2.063vw,33px); height: clamp(21px,2.063vw,33px); display: inline-block; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); } #page-head .container #nav #main > .menu-item-has-children.services ul > li a:after { content: ''; width: clamp(101px,9.875vw,158px); height: clamp(78px,7.625vw,122px); background-size: clamp(99px,9.688vw,155px) auto; background-repeat: no-repeat; background-position: center left; } #page-head .container #nav #main > .menu-item-has-children.services ul > li.data-science a:after { background-image: url(../images/Group%20601.svg) } #page-head .container #nav #main > .menu-item-has-children.services ul > li.bioscience a:after { background-image: url(../images/Group%20611.svg) } #page-head .container #nav #main > .menu-item-has-children.services ul > li.technology a:after { background-image: url(../images/Group%20609.svg) } #page-head .container #nav #main > .menu-item-has-children.services ul > li.strategic a:after { background-image: url(../images/Group%20613.svg) } #page-head .container #nav #main > .menu-item-has-children.services ul > li.contract a:after { background-image: url(../images/Group%20605.svg); width: 100%; height: clamp(118px,11.563vw,185px); } #page-head.gray-bg .container #nav #main > li > a { color: var(--dark-blue); } #page-head.gray-bg .container #nav #main > li > svg * { stroke: var(--dark-blue)!important; } #page-head.gray-bg label[for="searchbar"] svg *, #page-head.gray-bg label[for="searchbar"], #page-head.gray-bg .container #nav #main > li:last-child a { color: #065B4D; border-color: var(--dark-green); } #page-head.gray-bg .container #nav #main li.services.menu-item-has-children .sub-menu-wrap, #page-head.gray-bg { border-bottom: 1px solid var(--dark-green)!important } #page-head #nav #main > .menu-item-has-children:not(.services) ul { background: var(--cream); border-bottom-left-radius: clamp(6px,0.625vw,10px); border-bottom-right-radius: clamp(6px,0.625vw,10px); transform: translateX(-50%) translateY( clamp(-5px,-0.313vw,-3px) ); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } #page-head #nav #main > .menu-item-has-children:not(.services):hover > div { } #page-head #nav #main > .menu-item-has-children:not(.services):hover ul { padding-top: clamp(6px,0.625vw,10px); padding-bottom: clamp(6px,0.625vw,10px); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } #page-head #nav #main > .menu-item-has-children:not(.services) ul:before { content: ''; top: 0px; left: 0px; width: 100%; height: clamp(4px,0.375vw,6px); background: var(--green); position: absolute; } #page-head #nav #main > .menu-item-has-children:not(.services) ul li { display: block; margin: clamp(3px,0.313vw,5px) 0px; } #page-head #nav #main > .menu-item-has-children:not(.services) ul li, #page-head #nav #main > .menu-item-has-children:not(.services) ul li a { text-align: center; color: var(--dark-blue); font-size: clamp(13px,1.250vw,20px); margin-left: 0px; margin-right: 0px; } #page-head #nav #main > .menu-item-has-children:not(.services) ul li a span { text-decoration: underline!important; } #page-head #nav #main > .menu-item-has-children ul { background: var(--dark-blue); min-width: clamp(144px,14.063vw,225px); left: 50%; transform: translateX(-50%) } #page-head #nav #main > .menu-item-has-children ul li { padding-top: var(--grid-gutter); padding-bottom: var(--grid-gutter); } #page-head #nav #main > .menu-item-has-children ul li, #page-head #nav #main > .menu-item-has-children ul li a { height: auto; } #page-head #nav #main > .menu-item-has-children.services ul li a { flex-direction: row; } #page-head #nav #main > .menu-item-has-children ul li:after { display: none; } #page-head #nav #main > .menu-item-has-children ul li a:before { display: none; } .hover-slide { position: relative; transition: all .25s; } .hover-slide:hover { transform: translateY(clamp(-10px,-0.625vw,-6px)) } .vehicle-archive .vehicle-single.hover-slide:hover { background: var(--dark-green); } .insights-block ul.insights.more .insight-single-featured:before{ position: absolute; top: calc( -1 * clamp(7px,0.688vw,11px) ); left:calc( -1 * clamp(10px,1.000vw,16px) ); width: clamp(192px,18.750vw,300px); height: calc( 100% + clamp(19px,1.875vw,30px) ); border-radius: var(--secondary-font-size); z-index: -1; background: var(--dark-blue); content: ''; transition: all .25s; opacity: 0; } .insights-block ul.insights.more .insight-single-featured:hover:before { opacity: 1; } .insights-block ul.insights li:hover { background: var(--dark-blue) } .stats-prev, .stats-next { display: none; } /* .case-studies-block ul li:nth-child(4), .case-studies-block ul li:nth-child(5) { width: 50%; } .case-studies-block ul li:nth-child(4) .archive-single, .case-studies-block ul li:nth-child(5) .archive-single { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: normal; padding-bottom: 0px; } .case-studies-block ul li:nth-child(4) .archive-single figure, .case-studies-block ul li:nth-child(5) .archive-single figure { width: clamp(138px,13.500vw,216px); height: 100%; } .case-studies-block ul li:nth-child(4) .archive-single .copy, .case-studies-block ul li:nth-child(5) .archive-single .copy { width: calc( 100% - clamp(138px,13.500vw,216px) ); padding-bottom: clamp(42px,4.063vw,65px); padding-top: clamp(28px,2.750vw,44px); } .case-studies-block ul li:nth-child(4) .archive-single a.arrow, .case-studies-block ul li:nth-child(5) .archive-single a.arrow { left: auto; right: clamp(19px,1.875vw,30px); } */ .gfield .select2-container--default .select2-selection--single .select2-selection__arrow b { width: clamp(8px,0.750vw,12px); color: #FFF; } /* Wheel */ .wheel-holder { width: clamp(394px,38.438vw,738px); max-height: clamp(576px,56.250vw,900px); position: absolute; left: 0px; border-radius: 50%; transform: translateX(-50%) rotate(0deg); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; } .wheel-holder ul { width: clamp(394px,38.438vw,738px); height: clamp(394px,38.438vw,738px); overflow: hidden; border-radius: 50%; transform-origin: center; list-style-type: none; padding: 0px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);grid-column-gap: clamp(3px,0.250vw,4px); grid-row-gap: clamp(3px,0.250vw,4px); transition: all .5s; border: clamp(3px,0.250vw,4px) solid var(--darker-blue); } .wheel-holder ul:before { content: ''; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: var(--darker-blue); border-radius: 50%; width: clamp(102px,10.000vw,160px); height: clamp(102px,10.000vw,160px); } .wheel-holder ul:before { position: absolute; content: ''; width: clamp(102px,10.000vw,160px); height: clamp(102px,10.000vw,160px); background: var(--darker-blue); border-radius: 50%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) } .wheel-holder ul li { width: calc( clamp(394px,38.438vw,738px) /2 ); height: calc( clamp(394px,38.438vw,738px) /2 ); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; transition: background .25s; cursor: pointer; } .wheel-holder ul li * { transition: all .25s; } .wheel-holder ul li h3 { line-height: 1; margin-bottom: clamp(6px,0.625vw,10px); font-size: clamp(17px,1.625vw,26px); } .wheel-holder ul li .wedge-interior { width: clamp(136px,13.250vw,212px); text-align: center; } .wheel-holder ul li .wedge-interior svg * { stroke: var(--cream)!important; } .wheel-holder ul li.green-bg .wedge-interior svg * { stroke: var(--dark-blue)!important; } .wheel-holder ul li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .wheel-holder ul li:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } .wheel-holder ul li:nth-child(3) { grid-area: 2 / 2 / 3 / 3; } .wheel-holder ul li:nth-child(4) { grid-area: 1 / 2 / 2 / 3; } .wheel-holder ul li:nth-child(1) .wedge-interior { transform: rotate(-135deg) translate( calc( -1 * clamp(19px,1.875vw,30px) ) ); transform-origin: center; } .wheel-holder ul li:nth-child(2) .wedge-interior { transform: rotate(135deg) translate( calc( -1 * clamp(19px,1.875vw,30px) ) ); transform-origin: center; } .wheel-holder ul li:nth-child(3) .wedge-interior { transform: rotate(45deg) translate( calc( -1 * clamp(19px,1.875vw,30px) ) ); transform-origin: center; } .wheel-holder ul li:nth-child(4) .wedge-interior { transform: rotate(-45deg) translate( calc( -1 * clamp(19px,1.875vw,30px) ) ); transform-origin: center; } .wheel-holder ul li .wedge-interior h3 span { transform: none!important; } .wheel-holder ul li .wedge-interior svg { width: clamp(106px,10.313vw,165px); height: clamp(82px,8.000vw,128px); } .wheel-holder > svg { position: absolute; top: 50%; right: 0px; transform: translateX(50%) translateY(-50%); width: clamp(45px,4.375vw,70px); height: clamp(36px,3.500vw,56px); } #page-foot .container .footer-top { max-height: calc( var(--footer-height) - var(--legal-height) - clamp(40px,3.875vw,62px) ) } } @media handheld, only screen and (max-width: 1023px) { /* Mobile - All Mobile */ :root { --header-height: clamp(73px,22.705vw,131px); --logo-width: clamp(135px,42.271vw,243px); --logo-height: clamp(39px,12.077vw,69px); --footer-logo-width: var(--logo-width); --footer-logo-height: var(--logo-height); --grid-width: clamp(741px,72.375vw,1158px); --grid-gutter: calc( clamp(12px,3.846vw,30px) * 1.5 ); --radius: clamp(19px,6.019vw,62px); --footer-height: clamp(481px,150.463vw,700px); --standard-font-size: clamp(18px,5.647vw,26px); --smaller-font-size: clamp(16px,4.167vw,18px);; --secondary-font-size: clamp(16px,3.765vw,18px); } .navback { display: none!important; } *:focus { outline: 0px!important; } .halves > .half > .container { max-width: var(--grid-width); margin: auto; } .supertext { font-size: clamp(15px,4.630vw,18px); } .cta { min-height: clamp(22px,6.944vw,41px); border-radius: clamp(12px,3.704vw,28px); } .cta span, .cta a, .cta button, .cta input[type=submit] { font-size: var(--smaller-font-size); } h1, .h1 { font-size: clamp(34px,10.588vw,50px); } h2, .h2 { font-size: clamp(24px,7.529vw,35px); } h3, .h3 { font-size: clamp(21px,6.588vw,31px); } h4, .h4 { font-size: clamp(18px,5.647vw,26px); } p, .p, article li { font-size: var(--smaller-font-size); } main { border-radius: var(--radius); clip-path: inset(0 0 0 0 round 0px 0px var(--radius) var(--radius) ) } /* Mobile Menu styles */ #page-head.gray-bg { background: var(--dark-blue); } #page-head { height: calc( var(--header-height) - clamp(15px,4.831vw,28px) ) } #page-head .container { padding-left: var(--grid-gutter); padding-right: var(--grid-gutter); height: 100% } #page-head #search-bar form button svg, #page-head .container > label[for="searchbar"] svg { width: clamp(15px,4.831vw,28px); height: clamp(15px,4.831vw,28px); } #page-head .container > label[for="searchbar"] { height: clamp(15px,4.831vw,28px); display: inline-flex!important; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: center; background: none!important; border: none!important; margin-left: auto; cursor: pointer; } #page-head .container #nav { background: var(--primary-color); height: 0px; border-top: 1px solid var(--green); height: auto; max-height: 0px; transition: all .25s; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } #page-head .container #toggle:checked ~ #nav { overflow: scroll!important; height: auto; max-height: calc( 100vh - var(--header-height) ); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } #page-head .container .toggle { display: block!important; position: relative; top: auto; right: auto; transform: none; width: clamp(22px,6.763vw,39px); height: clamp(14px,4.348vw,25px); } #page-head .container .toggle:before, #page-head .container .toggle:after, #page-head .container .toggle em:before, #page-head .container .toggle em:after { background: var(--green); height: 2px; } #page-head .container #nav #main { } #page-head .container #nav #main li { margin: 0px; position: relative; } #page-head .container #nav #main > li:first-child > a { margin-top: clamp(19px,6.039vw,35px); } #page-head .container #nav #main > li:last-child { margin: 0px; } #page-head .container #nav #main > li:last-child a { border: none; width: 100%; margin: 0px; background: var(--green); color: var(--primary-color); } #page-head .container #nav #main li a { font-size: var(--standard-font-size); padding: clamp(9px,2.899vw,17px) clamp(19px,6.039vw,35px); height: auto; text-align: left; } #page-head #search-bar form input { height: clamp(33px,10.256vw,79px); font-size: clamp(13px,4.167vw,25px); } #page-head #search-bar { height: clamp(49px,15.385vw,118px); } #page-head .container #nav #main li > button { position: absolute; top: clamp(23px,7.143vw,35px); transform: translateY(-50%); right: clamp(19px,6.039vw,35px); pointer-events: none; } #page-head .container #nav #main li svg { width: clamp(8px,2.353vw,11px); height: clamp(8px,2.353vw,11px); pointer-events: none; } #page-head .container #nav #main .menu-item-has-children ul.expand, #page-head .container #nav #main .menu-item-has-children ul { display: flex!important; flex-direction: column; background: var(--cream); } #page-head .container #nav #main .menu-item-has-children ul li a { color: var(--dark-blue); } #page-head .container #nav #main .menu-item-has-children ul li.mobileonly { order: -1; } #page-head .container #nav #main > .current-menu-item ul a:before { display: none; } /* Old Services Section #page-head .container #nav #main li.services button { pointer-events: none; display: none; } #page-head .container #nav #main .menu-item-has-children.services ul { max-height: 60vh; overflow: visible; display: grid!important; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: clamp(12px,3.623vw,21px); grid-row-gap: clamp(12px,3.623vw,21px); background: transparent; padding-left: clamp(19px,6.039vw,35px); padding-right: clamp(19px,6.039vw,35px); } #page-head .container #nav #main .menu-item-has-children:not(.services) ul { background: var(--cream); } #page-head .container #nav #main .menu-item-has-children:not(.services) ul li a { color: var(--dark-blue); font-size: clamp(14px,4.348vw,25px); } #page-head .container #nav #main .current-menu-item > a:before, #page-head .container #nav #main > li > a:before { display: none!Important; } #page-head .container #nav #main .menu-item-has-children.services ul li a { width: 100%; height: 100%; border-radius: clamp(8px,2.415vw,14px); border: 1px solid var(--green); background: rgba(15,244,145,.1); text-align: center; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: center; font-size: clamp(14px,4.348vw,25px); padding: clamp(14px,4.348vw,25px); } #page-head .container #nav #main .menu-item-has-children.services ul li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } #page-head .container #nav #main .menu-item-has-children.services ul li:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } #page-head .container #nav #main .menu-item-has-children.services ul li:nth-child(3) { grid-area: 1 / 2 / 2 / 3; } #page-head .container #nav #main .menu-item-has-children.services ul li:nth-child(4) { grid-area: 2 / 2 / 3 / 3; } #page-head .container #nav #main .menu-item-has-children.services ul li:nth-child(5) { grid-area: 3 / 1 / 4 / 3; } #page-head .container #nav #main .menu-item-has-children.services ul li:nth-child(5) a { height: auto; } */ #page-head .container #nav #main li ul { } #page-head .container #nav #main li ul li a { } #page-head .container nav .toggle.hide, #page-head label[for="searchbar"] { display: none!important; } #page-head #search-bar { width: 100vw;; } #page-head #search-bar form button { margin-right: clamp(13px,4.167vw,25px); } #searchbar:checked ~ label[for="searchbar"] svg *, #page-head label[for="searchbar"]:hover svg * { fill: var(--cream); } #page-head .container nav .toggle { display: none; } .halves > .half:nth-child(1) > .container, .halves > .half:nth-child(2) > .container, footer .container, main section .container { padding-left: var(--grid-gutter); padding-right: var(--grid-gutter); } main section .container.full { padding-left: 0px; padding-right: 0px; } .halves.central-palette-4-bg > .half:nth-child(1) > .container { padding-bottom: var(--grid-gutter); } .halves.central-palette-4-bg > .half:nth-child(2) > .container { padding-top: var(--grid-gutter); } .single-post .case_study_body .halves:first-child { flex-direction: column-reverse; } .single-post .case_study_body .halves .half .container { padding-top: calc( var(--grid-gutter) /2 ); padding-bottom: calc( var(--grid-gutter) /2 )} .single-header.halves > .half:last-child { padding-bottom: 50px; } .single-post .case_study_body .halves:first-child .half:last-child .container { padding-top: calc( var(--grid-gutter) * 1.5 ); } .single-post .case_study_body .halves:nth-child(2) { padding-top: var(--grid-gutter); } .single-post .case_study_body .halves:last-child .half .container { padding-bottom: calc( var(--grid-gutter) * 1.5 ); } .case_study_body .content.centered-text.thin .container { max-width: var(--grid-width); } .case_study_body .content.centered-text.thin .container article { max-width: 100%; } .page-header:not(.home-header) { height: 85vh; } .page-id-284 .page-header { min-height: clamp(229px,71.615vw,733px); height: auto; padding-top: calc( 1 * var(--header-height) ); padding-bottom: calc( var(--header-height) * 1 ) } .home-header { margin-top: calc( var(--header-height) * .75 ) } .home-header article.observe { bottom: calc( var(--header-height) / 4 ) } .home-header h1 .brackets:before, .home-header h1 .brackets:after { font-size: clamp(49px,15.385vw,118px); } .home-header h1 .brackets { margin-bottom: calc( clamp(16px,4.888vw,50px) * 2 ); height: auto; max-width: clamp(285px,67.273vw,516px); } .home-header h1 svg { margin-top: clamp(15px,4.630vw,47px); margin-bottom: clamp(15px,4.630vw,47px); } .home-intro .half > picture:after { display: none; } .home-intro .half > picture img { max-width: 100vw; } .home-intro .half article { padding: clamp(15px,4.630vw,28px) 0px; } .home-intro.halves .half:nth-child(2) .container { padding-top: clamp(15px,4.630vw,28px) } .home-intro.halves .half:nth-child(2) .container article { opacity: 1!important; transform: translateZ(0)!important; } .expertise-swiper:after {} .swiper-button-prev { left: 0px; } .swiper-button-next { right: 0px; } .expertise .expertise-card { margin: 0px clamp(15px,4.706vw,36px); max-width: clamp(320px,100.000vw,768px); } .expertise .expertise-card a { width: clamp(15px,4.630vw,28px); height: clamp(15px,4.630vw,28px); bottom: clamp(15px,4.630vw,28px) } .archive-single a.arrow svg, .expertise .expertise-card a svg { width: clamp(15px,4.630vw,28px); height: clamp(15px,4.630vw,28px); } .archive-single { padding-bottom: clamp(30px,9.259vw,55px); } .impact-stats .container h2.h4 { width: 100%; margin-bottom: calc( var(--grid-gutter) * 1.5 ); } .impact-stats .container ul { width: 100%; } .impact-stats .container ul li figure { margin-right: clamp(4px,1.282vw,10px); } .impact-stats .container ul li figure svg { width: 100%; height: 100%; } .insight-single-featured .copy { height: auto; margin-bottom: var(--grid-gutter); } .insights-block ul.insights { margin-bottom: calc( 2* var(--grid-gutter) ); } .insights-block .cta { margin-top: 15px; margin-bottom: 15px; } section:not(.case-studies-block) .archive li { border-bottom: 1px solid var(--green); border-radius: 0px!important; padding-top: calc( 3 * var(--grid-gutter) ); } section:not(.case-studies-block) .filters + .archive li { padding-top: clamp(13px,3.911vw,30px); } section:not(.case-studies-block):not(.archive-page-archive) .archive li:last-child { border-bottom: 0px; } .insights-block ul.insights.more .box-1-4 { border-right: 0px; border-bottom: 1px solid var(--green); } .insights-block ul.insights.more .insight-single-featured:before { } .logo-marquee .container h3.h4 { margin-bottom: clamp(22px,7.000vw,54px); } .archive-single a.arrow { bottom: calc( var(--standard-font-size) / 2 ) } section.featured-post .blue-bg .copy { padding-left: calc( var(--grid-gutter) /2 ); padding-right: calc( var(--grid-gutter) /2 ); } section.featured-post .blue-bg figure, .archive-page-archive form { width: 100%; } .archive-page-archive ul.archive .insight-single-featured .copy { height: auto; margin-bottom: 0px; } .bottom-contact-form .flex-top-justify { padding-bottom: 0px; } .bottom-contact-form div[class^="box-"] { padding-bottom: calc( 2* var(--grid-gutter) ); padding-left: 0px; } .bottom-contact-form div[class^="box-1-3"] { border-top: 1px solid var(--dark-green); padding-top: calc( 1 * var(--grid-gutter) ) } .archive-page-archive form, .archive-page-archive form input, .gfield input:not([type=radio]):not([type=checkbox]):not([type=range]), .gfield select, .gfield .select2-container--default .select2-selection--single, .gfield textarea { font-size: clamp(16px,3.294vw,16px); height: clamp(30px,10.588vw,45px); border-radius: clamp(14px,5.176vw,53px); } .archive-page-archive .filters > div { display: none; padding-top: 0px; } .select2-container--default .select2-results__option--selectable { font-size: clamp(11px,3.294vw,15px); } .halves .half article { max-width: 100%; } .archive-page-archive .filters .select2-container--default .select2-selection--single { font-size: clamp(11px,3.294vw,15px); height: 100%; width: 100%; border-radius: clamp(16px,1.563vw,25px); border: none; border: none; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: normal; background: transparent; padding-left: clamp(11px,3.294vw,15px); } .archive-page-archive .filters .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--green); margin-left: 0px; margin-right: auto; } .select2-container--open .select2-dropdown { background: var(--blue) } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--green) transparent transparent transparent; } .testimonials-swiper-button-prev { left: 15px; } .testimonials-swiper-button-next { right: 15px; } .wheel-holder { display: block; position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; margin: auto; transform: rotate(-90deg); margin-top: 30px; width: 100vw; margin-left: calc( -1 * calc( var(--grid-gutter) / 2 ) ); } .wheel-holder svg.arrow { display: none; } .wheel-holder ul { list-style-type: none; padding: 0px; width: clamp(299px,93.590vw,719px); height: clamp(299px,93.590vw,719px); overflow: hidden; border-radius: 50%; transform: rotate(135deg)!important; transform-origin: center; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);grid-column-gap: clamp(1px,0.391vw,3px); grid-row-gap: clamp(1px,0.391vw,3px); transition: all .5s; border: clamp(1px,0.391vw,3px) solid var(--darker-blue); } .wheel-holder ul:before { content: ''; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: var(--darker-blue); border-radius: 50%; width: clamp(76px,23.846vw,183px); height: clamp(76px,23.846vw,183px); position: absolute; z-index: 2; } .wheel-holder ul li { width: clamp(149px,46.667vw,358px); height: clamp(149px,46.667vw,358px); position: relative; cursor: pointer; } .wheel-holder ul li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .wheel-holder ul li:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } .wheel-holder ul li:nth-child(3) { grid-area: 1 / 2 / 2 / 3; } .wheel-holder ul li:nth-child(4) { grid-area: 2 / 2 / 3 / 3; } .wheel-holder ul li:nth-child(1) .wedge-interior { transform: rotate(-45deg) translate( 2%, -53% ); } .wheel-holder ul li:nth-child(2) .wedge-interior { transform: rotate(315deg) translate( 16%, -67% ); } .wheel-holder ul li:nth-child(3) .wedge-interior { transform: rotate(315deg) translate( -5%, -67% ) } .wheel-holder ul li:nth-child(4) .wedge-interior { transform: rotate(-45deg) translate( 5%, -81% ) } .wheel-holder .wedge-interior { width: 90%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: center; position: absolute; top: 50%; left: 50%; text-align: center; transform-origin: center; padding-top: clamp(16px,5.128vw,39px); } .wheel-holder .wedge-interior h3 { margin-top: clamp(13px,3.906vw,30px); width: clamp(98px,30.769vw,236px); margin-left: auto; margin-right: auto; font-size: clamp(13px,4.103vw,32px); margin-bottom: clamp(8px,2.564vw,20px); } .wheel-holder ul li svg { width: clamp(74px,23.077vw,177px); } .wheel-holder ul li svg * { transition: all .25s; } .wheel-holder ul li:not(.green-bg) svg * { stroke: #FFF!important; } .wheel .container { margin: auto; } .wheel .container .box-4-5 { padding: 0px; width: 100%; } .wheel .box-1-5, .wheel .box-4-5, .wheel .wheel-swiper { display: none!important; } .wheel .mobileonly { width: 100%; max-width: clamp(290px,90.755vw,697px); margin: auto; padding-top: clamp(26px,8.205vw,63px); padding-bottom: clamp(26px,8.205vw,63px); } .wheel a.mobileonly { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9; } .wheel .mobileonly { width: 100%; max-width: clamp(290px,90.755vw,697px); margin: auto; padding-top: clamp(26px,8.205vw,63px); padding-bottom: clamp(26px,8.205vw,63px); } .wheel .accordions { width: 100%; position: relative; } .wheel .accordions .content { padding-bottom: clamp(25px,7.949vw,61px) } .wheel .accordions:before { content: ''; left: calc( clamp(15px,4.615vw,35px) / 2 ); top: clamp(18px,5.641vw,43px); width: 1px; height: calc( 100% - clamp(25px,7.949vw,61px) - clamp(25px,7.949vw,61px) ); background: var(--dark-blue); position: absolute; } .wheel .accordions h2 { margin-bottom: 0px; width: calc( 100% - clamp(26px,8.205vw,63px) ); font-size: clamp(16px,5.128vw,39px); font-weight: 800; position: relative; font-weight: 500; } .wheel .accordions details { margin-bottom: 0px; position: relative; padding-left: clamp(26px,8.205vw,63px); } .wheel .accordions details:after { content: ''; position: absolute; bottom: 0px; right: 0px; width: calc( 100% - clamp(26px,8.205vw,63px) ); background: var(--dark-blue); height: 1px; } .wheel .accordions details:nth-child(4):after { display: none; } .wheel .accordions details summary { min-height: clamp(51px,15.897vw,122px); position: relative; } .wheel .accordions details summary h2:before { position: absolute; top: 50%; left: calc( -1 * clamp(19px,5.859vw,45px) ); width: clamp(15px,4.615vw,35px); height: clamp(15px,4.615vw,35px); border-radius: 50%; content: ''; background: var(--primary-color); transform: translateY( -50% ) translateX(-50%) } .wheel .accordions details:nth-child(2) summary h2:before { background: var(--dark-green); } .wheel .accordions details:nth-child(3) summary h2:before { background: var(--medium-green); } .wheel .accordions details:nth-child(4) summary h2:before { background: var(--green); } .wheel .accordions details:nth-child(4):before { position: absolute; right: calc( 100% - clamp(26px,8.205vw,63px) ); bottom: 0px; width: 50px; height: calc( 100% - 40px ); background: var(--cream); content: ''; } .wheel .accordions details summary:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI1IDI1Ij4KICA8ZyBpZD0iR3JvdXBfMTA0OSIgZGF0YS1uYW1lPSJHcm91cCAxMDQ5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQ1IC00MjUpIj4KICAgIDxnIGlkPSJHcm91cF82MzAiIGRhdGEtbmFtZT0iR3JvdXAgNjMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTEuNDkxIDQzMS4yNzUpIj4KICAgICAgPGxpbmUgaWQ9IkxpbmVfMjQiIGRhdGEtbmFtZT0iTGluZSAyNCIgeTI9IjEzLjA0OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNi4yMTMgLTAuMykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzA3ODc3NCIgc3Ryb2tlLXdpZHRoPSIwLjc1Ii8+CiAgICAgIDxsaW5lIGlkPSJMaW5lXzI1IiBkYXRhLW5hbWU9IkxpbmUgMjUiIHkyPSIxMi44MDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjgwMSA2LjMwMykgcm90YXRlKDkwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDc4Nzc0IiBzdHJva2Utd2lkdGg9IjAuNzUiLz4KICAgIDwvZz4KICAgIDxnIGlkPSJFbGxpcHNlXzE3OCIgZGF0YS1uYW1lPSJFbGxpcHNlIDE3OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzQ1IDQyNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzA3ODc3NCIgc3Ryb2tlLXdpZHRoPSIwLjc1Ij4KICAgICAgPGNpcmNsZSBjeD0iMTIuNSIgY3k9IjEyLjUiIHI9IjEyLjUiIHN0cm9rZT0ibm9uZSIvPgogICAgICA8Y2lyY2xlIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iMTIuMTI1IiBmaWxsPSJub25lIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"); width: clamp(21px,6.410vw,49px); height: clamp(21px,6.410vw,49px); } .wheel .accordions details[open] summary:after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI1IDI1Ij4KICA8ZyBpZD0iR3JvdXBfMTA0OSIgZGF0YS1uYW1lPSJHcm91cCAxMDQ5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQ1IC00MjUpIj4KICAgIDxnIGlkPSJHcm91cF82MzAiIGRhdGEtbmFtZT0iR3JvdXAgNjMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNTEuNDkxIDQzMS4yNzUpIj4KICAgICAgPGxpbmUgaWQ9IkxpbmVfMjUiIGRhdGEtbmFtZT0iTGluZSAyNSIgeTI9IjEyLjgwMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuODAxIDYuMzAzKSByb3RhdGUoOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiMwNzg3NzQiIHN0cm9rZS13aWR0aD0iMC43NSIvPgogICAgPC9nPgogICAgPGcgaWQ9IkVsbGlwc2VfMTc4IiBkYXRhLW5hbWU9IkVsbGlwc2UgMTc4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDUgNDI1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDc4Nzc0IiBzdHJva2Utd2lkdGg9IjAuNzUiPgogICAgICA8Y2lyY2xlIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iMTIuNSIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxjaXJjbGUgY3g9IjEyLjUiIGN5PSIxMi41IiByPSIxMi4xMjUiIGZpbGw9Im5vbmUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=") } .wheel .accordions details ul li { font-size: var(--smaller-font-size); margin-bottom: calc( var(--standard-font-size) / 2 ) } .wheel .accordions details .content { margin-bottom: var(--smaller-font-size); } .wheel .accordions details:nth-child(4) { border-bottom: 0px; } .partners-prev { left: 15px; } .partners-next { right: 15px; } main .content.centered-text.thin .container, .partners .container .partner-single { max-width: 95%; } .fixed-scroll + section { margin-top: calc( -1 * clamp(26px,8.016vw,82px) ) } .fixed-scroll .sections li.full-height { min-height: 0px; padding: clamp(29px,9.000vw,69px) 0px; } .fixed-scroll:has(.stuck):before { top: calc( var(--header-height) * .75 ) } .fixed-scroll .fix-item { position: absolute; padding-top: 0px!important; } .fixed-scroll .fix-item.stuck { position: absolute!important; top: auto!important; } .halves .half > .vid-prop:before { display: none; } .awards.blue-bg .bottom-section { background: var(--green); } .awards .bottom-section .container { border-radius: 0px; max-width: clamp(279px,87.179vw,670px); margin-left: auto; margin-right: auto; padding-bottom: clamp(21px,6.481vw,39px); padding-top: clamp(21px,6.481vw,39px); } .awards .bottom-section .container .holder { left: 0px; } section.icons .container li { margin-bottom: 0px; padding-bottom: 0px; } .gfield { padding-top: calc( var(--grid-gutter) / 2 ); padding-bottom: calc( var(--grid-gutter) / 2 ); } .gfield textarea { height: clamp(59px,18.353vw,86px); } .services-header.halves > .half:nth-child(1) > .container { padding-right: var(--grid-gutter); } .services-header.halves > .half:nth-child(1) > .container article { min-width: 100%!important; } .services-header.halves > .half:nth-child(1) > .container article, section.icons .container li.box-1-3 { max-width: 100%; } .services-header + .halves + .halves > .half:nth-child(2) { justify-content: center; } .services-header + .halves + .halves > .half:nth-child(2) > .container { padding-left: var(--grid-gutter); padding-top: calc( var(--grid-gutter) * 1.25 ) } .services-template-default .halves.gray-bg + .halves.gray-bg { flex-direction: column-reverse; } .single-services main .content.bottom-pad .container .half:nth-child(2) { padding-top: 0px; } .team-header > svg { display: none; } .team-header { height: auto!important; padding-bottom: calc( 3 * var(--grid-gutter) ) } .advisory-board article { max-width: 100%; margin: 0px; } .filterfield label.supertext { font-size: clamp(13px,4.082vw,20px); } .team-header.vehicle-header { padding-bottom: 20px; height: auto; min-height: clamp(140px,49.853vw,510px); } .vehicle-details dl { padding: 0px!important; } .files-holder .container .cta, .files-holder .container .cta a { min-width: clamp(280px,46.921vw,480px); font-size: var(--standard-font-size); } ul.vehicle-archive li { padding: calc( var(--grid-gutter) / 2 ) var(--grid-gutter); } .services-header.halves > .half:nth-child(1) > .container article h1 br { display: none; } .single-services .page-header.services-header { min-height: clamp(250px,78.201vw,800px); height: auto; padding-bottom: clamp(25px,7.820vw,80px); padding-top: clamp(125px,39.101vw,200px); } .services-header.halves > .half:nth-child(2) { padding-left: 0px; } .services-header.halves > .half:nth-child(2) figure { max-width: var(--grid-width); padding-left: var(--grid-gutter); padding-right: var(--grid-gutter); margin: auto; margin-bottom: clamp(44px,13.685vw,140px); } .services-header.halves > .half:nth-child(2) figure img { max-height: clamp(125px,39.101vw,400px); } .single-services main .content.bottom-pad .container, .single-services .halves .half, .single-services .halves .half .container { padding-top: 0; padding-bottom: clamp(13px,3.910vw,40px); } .single-services .halves { padding-top: clamp(16px,4.888vw,50px); padding-bottom: clamp(16px,4.888vw,50px); } .single-services .halves.content + .halves { padding-top: 0px; } .single-header.casestudies .half:nth-child(2) { display: none; } .single-header.rounded figure > div { max-width: 100%; } .files-holder .container {padding-left: var(--grid-gutter); padding-right: var(--grid-gutter); } .case_study_body .content.centered-text.thin .container { padding-bottom: 75px; text-align: left!important; } .case_study_body .content.centered-text.thin .container article * { text-align: left!important; } .page-header.single-header.gray-bg:not(.home-header) { height: auto; } #page-head.gray-bg + main .single-header.gray-bg.page-header:not(.rounded) .half:nth-child(1), #page-head.gray-bg + main .single-header.gray-bg.page-header:not(.rounded) .half:nth-child(2) { max-width: var(--grid-width); margin: auto; } #page-head.gray-bg + main .single-header.gray-bg.page-header:not(.rounded) .half:nth-child(1) article { max-width: var(--grid-width); margin: auto; } #page-head.gray-bg + main .single-header.gray-bg.page-header article { min-width: 100%; max-width: 100%; } .core-values .container li { text-align: center; justify-content: center; align-content: center; align-items: center; flex-direction: column } .core-values .container li div { margin-left: 0px; max-width: 100%; } .core-values .container li figure { margin-bottom: 15px; } .core-values .container li * { text-align: center; } #page-foot .container { max-width: 100%; } #page-foot { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; align-content: normal; } #page-foot .box-1-4:nth-child(2) nav { margin-left: 0px; } #page-foot .container p { font-size: var(--smaller-font-size); } #page-foot .creds { display: none; } #page-foot .social li a { width: clamp(24px,7.407vw,44px); height: clamp(24px,7.407vw,44px); font-size: clamp(16px,5.093vw,30px); } .modal { max-width: 95vw; } .modal article { padding: clamp(19px,5.787vw,34px); } .modal article p.supertext { color: var(--dark-green); margin-bottom: clamp(19px,5.787vw,34px); } } @media handheld, only screen and (max-width: 1023px) and (min-width: 768px) { /* Under the grid width to iPad Landscape */ :root{ --grid-gutter: clamp(9px,2.865vw,22px) } .advisory-board, .leadership-team { --grid-gutter: clamp(9px,2.865vw,22px) } .supertext { font-size: clamp(14px,1.800vw,18px); } .home-header .container { padding-top: calc( var(--header-height) / 1.5 ); } section.icons .container li.box-1-3 { max-width: 50%; width: 50%; } .halves .half article { max-width: 100%; } .pillbox { max-width: calc( 50% - var(--grid-gutter) ) } .insights-block ul.insights.more .box-1-4:last-child, .case-studies-block .container ul li, section:not(.case-studies-block) .archive li { width :50%!important; border-bottom: 1px solid var(--green); } .case-studies-block .container ul li:last-child, section:not(.case-studies-block) .archive li:last-child { } section:not(.case-studies-block) .archive.teammates li { border: none!important; } .case-studies-block .container ul li { border-bottom: none!important; } section.icons .container li { max-width: 50%!important; } .post-type-archive-team .archive.teammates li:last-child { width: 50%!important; } .archive.teammates figure { height: clamp(353px,46.000vw,471px); } .awards .bottom-section .container:before { position: absolute; right: 100%; transform: translateX(1px); width: 80px; top: 0px; height: 100%; border-radius: 80px 0% 0% 80px; background: var(--green); content: ''; } .team-header figure { width: 40%!important; max-width: 100%; height: 0px; padding-bottom: 55%!important; } .team-header .box-2-3 { width: 55%!important } .bottom-contact-form .box-1-3 img { float: left; margin-right: var(--grid-gutter); } body.ios .home-header { margin-top: 0px; } body.ios .home-header video { display: none; } body.ios .home-header { height: auto; min-height: clamp(186px,57.971vw,445px); } body.ios .home-header article { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: stretch; } body.ios .home-header .container { padding-top: calc( var(--header-height) * 1.25 ); padding-bottom: calc( var(--header-height) * .85 ); } body.ios .home-header h1 { font-size: clamp(23px,7.246vw,56px); } body.ios .home-header h1 .brackets { margin-top: clamp(38px,11.734vw,90px); position: relative; margin-bottom: 0px; } body.ios .home-header h1 .brackets:before { content: ''; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI2MCIgdmlld0JveD0iMCAwIDE0IDYwIj4KICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF85MzEiIGRhdGEtbmFtZT0iR3JvdXAgOTMxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzkzIC00NTApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xNDUiIGRhdGEtbmFtZT0iRWxsaXBzZSAxNDUiIGN4PSI3IiBjeT0iNyIgcj0iNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzkzIDQ5NikiIGZpbGw9IiMwZmY0OTEiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xNDYiIGRhdGEtbmFtZT0iRWxsaXBzZSAxNDYiIGN4PSI3IiBjeT0iNyIgcj0iNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzkzIDQ3MykiIGZpbGw9IiMwYmJkODMiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iRWxsaXBzZV8xNDciIGRhdGEtbmFtZT0iRWxsaXBzZSAxNDciIGN4PSI3IiBjeT0iNyIgcj0iNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzkzIDQ1MCkiIGZpbGw9IiMwNzg3NzQiLz4KICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=") center no-repeat; width: clamp(15px,4.831vw,37px); height: clamp(31px,9.662vw,74px); background-size: contain; } .core-values .container ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: space-between; align-items: flex-start; } .core-values .container li { width: 47%!important; } } @media handheld, only screen and (max-width: 1023px) and (min-width: 576px) { .capabilities .container article { column-count: 2; } } @media handheld, only screen and (max-width: 767px) { .home-header { margin-top: 0px; } .home-header video { display: none; } .home-header { height: auto; min-height: clamp(186px,57.971vw,445px); } .home-header .container { padding-top: calc( var(--header-height) * 1.25 ); padding-bottom: calc( var(--header-height) * .85 ); } .home-header h1 { font-size: clamp(23px,7.246vw,56px); } .home-header h1 .brackets { margin-top: 0px; position: relative; } .home-header h1 .brackets:before { display: none; } .home-header h1 .brackets:after { display: none; } .home-header h1 { font-size: clamp(22px,6.763vw,52px); position: relative; top: 30px; } .home-header h1 span { } .desktoponly { display: none; } .archive.teammates, .case-studies-block .container ul { width: 100%; margin-left: 0px; min-width: 100%; } .archive.teammates li { border-bottom: 0px!Important; } .archive.teammates h3 { font-size: clamp(16px,5.000vw,38px); } .impact-stats .container { border-radius: 0px; } .case-studies-block .container { padding-left: calc( var(--grid-gutter) * 2 ); padding-right: calc( var(--grid-gutter) * 2 ) } .case-studies-block .container article > span, .case-studies-block .container article > h2 { margin-left: calc( var(--grid-gutter) * 1 ); margin-right: calc( var(--grid-gutter) * 1 ) } .case-studies-block .container article li { width: 50%!important; } .impact-statistics .container { padding-left: var(--grid-gutter); padding-right: var(--grid-gutter); } section.icons .container li.box-1-4 { width: 100%; max-width: 100%; } section.icons .container li figure svg, section.icons .container li figure { height: clamp(93px,28.935vw,172px); margin-bottom: clamp(4px,1.157vw,7px); } .flexy-middle article .alignleft { float: none; } .pillbox { max-width: 100%; } .awards .bottom-section .swiper:before { left: -1px; } .awards .bottom-section .swiper:after { right: -1px; } .awards .top-section .left-circle, .awards .top-section .bottom-circle { display: none; } .awards .bottom-section .container:after { content: ''; position: absolute; right: -60px; top: 0px; width: 110vw; height: 100%; background: var(--green); z-index: -1; left: auto; } .insight-single-featured figure { border-radius: clamp(15px,4.557vw,35px); } .archive-page-archive ul.archive:after { display: none; } .single-header article { position: static; padding-left: var(--grid-gutter); padding-right: var(--grid-gutter); } section:not(.case-studies-block) .filters + .archive li { max-width: calc( 100% - calc( var(--grid-gutter) * 2 ) )!important; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; margin-top: 25px; } .core-values .container li div { max-width: 100%; } .team-header figure { height: clamp(250px,32.595vw,250px); max-width: clamp(190px,24.772vw,190px); margin-bottom: 30px; } .team-header a > svg { width: 35px; height: 35px; } .team-header h1 { margin-bottom: 0px; } } @media handheld, only screen and (max-width: 576px) { .expertise-swiper:after { display: none; } .expertise-swiper { padding-bottom: clamp(52px,16.204vw,166px); } .expertise .swiper-button-prev, .expertise .swiper-button-next { top: auto; bottom: 0px; z-index: 66; } .archive.teammates li, .case-studies-block .container article li { width: 100%!important; } .partners .container { padding-bottom: clamp(104px,32.407vw,193px); } .partners .swiper-button-prev, .partners .swiper-button-next { top: auto; bottom: clamp(74px,23.148vw,138px); } .partners .swiper-button-next { right: clamp(37px,11.574vw,69px); } .partners .swiper-button-prev { left: clamp(37px,11.574vw,69px); } .partners .container .swiper-slide { min-height: clamp(259px,81.019vw,482px); } .page-404 > svg { top: 75px; } .page-404 > svg + svg { top: auto; bottom: 25px; } section.vehicle-details .container { padding-left: var(--grid-gutter); padding-right: var(--grid-gutter); } 1 .single-services .halves.content + .halves { padding-top: 20px; } .single-services main .services-header + .content.bottom-pad { padding-top: 50px; } .single-services main .services-header + .content.bottom-pad article { opacity: 1!important; transform: translateZ(0)!important; } .services-header.halves > .half:nth-child(2) figure { display: none; } }