@font-face {
font-family: 'zona_pro';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-thin-tdlwebfont.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-thin-tdlwebfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'zona_pro';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-thinitalic-tdlwebfont.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-thinitalic-tdlwebfont.woff) format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'zona_pro';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-light-tdlwebfont.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-light-tdlwebfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'zona_pro';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-lightitalic-tdlwebfont.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-lightitalic-tdlwebfont.woff) format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'zona_pro';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-regular-tdlwebfont.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-regular-tdlwebfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'zona_pro';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-regularitalic-tdlwebfont.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-regularitalic-tdlwebfont.woff) format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'zona_pro';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-bold-tdlwebfont.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-bold-tdlwebfont.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'zona_pro';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-bolditalic-tdlwebfont.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/zonapro-bolditalic-tdlwebfont.woff) format('woff');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Avenir Black Oblique';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-BlackOblique.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-BlackOblique.woff) format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Black.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Black.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avenir Book';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Book.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Book.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avenir Book';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-BookOblique.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-BookOblique.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-HeavyOblique.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-HeavyOblique.woff) format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Light.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Heavy.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Heavy.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-LightOblique.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-LightOblique.woff) format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Medium.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Roman.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Roman.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-MediumOblique.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-MediumOblique.woff) format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Avenir';
src: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Oblique.woff2) format('woff2'),
url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/fonts/Avenir-Oblique.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
:root{
--primary-font: "Avenir";
--primary-font-size: 22px;
--primary-font-weight: 300;
--secondary-font: "zona_pro";
--secondary-font-weight: normal;
--dark-blue: #2C3E4F;
--green: #7BC387;
--blue: #3E98D4;
--gray: #CCCDCE;
--light-gray: #DEDFDF;
--white: #FFF;
--black: #000;
--content-width: 1040px;
--gutter: 70px;
--default-vc-padding: 35px;
--small-vc-padding: 20px;
--column-gap: 20px;
--default-transition: ease-in-out all .5s;
--section-margins: 150px;
--header-margins: 60%;
--footer-margins: 150px;
--header-main-background-path: polygon(0% 0%, 100% 0%, 100% var(--header-margins), 0% 100%);
--header-secondary-background-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% var(--header-margins));
--footer-main-background-path: polygon(0% 0%, 100% var(--footer-margins), 100% 100%, 0% 100%);
--footer-secondary-background-path: polygon(0% var(--footer-margins), 100% 0%, 100% 100%, 0% 100%);
--section-top-main-background-path: polygon(0% 0%, 100% var(--section-margins), 100% 100%, 0% 100%);
--section-top-secondary-background-path: polygon(0% var(--section-margins), 100% 0%, 100% 100%, 0% 100%);
--section-bottom-main-background-path: polygon(0% 0%, 100% 0%, 100% calc(100% - var(--section-margins)), 0% 100%);
--section-bottom-secondary-background-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% calc(100% - var(--section-margins)));
--section-main-background-path: polygon(0% 0%, 100% var(--section-margins), 100% 100%, 0% calc(100% - var(--section-margins)));
--section-secondary-background-path: polygon(0% var(--section-margins), 100% 0%, 100% calc(100% - var(--section-margins)), 0% 100%);
--hex-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
--line-height: 3px;
} body{ padding: 0; margin: 0; font-family: var(--primary-font); font-weight: var(--primary-font-weight); font-size: var(--primary-font-size); line-height: 1.5; color: var(--dark-blue);}
a, a:hover { color: var(--dark-blue);}
.headingWrapper {
display: flex;
:where(h1,h2,h3,h4) { color: var(--dark-blue); font-family: var(--secondary-font); font-weight: var(--secondary-font-weight); line-height: 1; font-weight: 100; display: flex; gap: var(--column-gap);  max-width: var(--content-width); text-transform: uppercase;}
:where(h1,h2,h3,h4) b { font-weight: bold; text-transform: uppercase;}
:where(h1,h2,h3,h4) p { margin: 0; padding: 0; text-transform: uppercase;}
&.blue :where(h1,h2,h3,h4) { color: var(--dark-blue);}
&.green :where(h1,h2,h3,h4) { color: var(--green);}
&.black :where(h1,h2,h3,h4) { color: var(--black);}
&.gray :where(h1,h2,h3,h4) { color: var(--gray);}
&.white :where(h1,h2,h3,h4) { color: var(--white);}
&.center { justify-content: center; align-items: center;}
&.multi-line.center { text-align: center;}
&.right { justify-content: end;}
&.line-left { width: calc(100vw - var(--column-gap)); position: relative; left: calc(-1 * (100vw - var(--content-width)) / 2); align-items: center; gap: var(--column-gap); margin-bottom: var(--default-vc-padding);}
&.line-left:before { content: ''; display: inline-block; height: var(--line-height); background: var(--green); width: calc(((100vw - var(--content-width)) / 2) - var(--column-gap)); position: relative; top: 28px;}
&.line-left :where(h1,h2,h3,h4) { margin-bottom: 0; display: flex; flex-wrap: wrap;}
&.line-right { width: calc(100vw - var(--column-gap)); position: relative; left: calc(-1 * (100vw - var(--content-width)) / 2); align-items: center; margin-bottom: var(--default-vc-padding);}
&.line-right:before { content: ''; display: inline-block; height: var(--line-height); background: transparent; width: calc(((100vw - var(--content-width)) / 2));}
&.line-right:after { content: ''; display: inline-block; height: var(--line-height); background: var(--green); width: calc((100vw - var(--content-width)) / 2); position: relative; top: 27px;}
&.line-right :where(h1,h2,h3,h4) { display: flex; width: var(--content-width); align-items: center; margin-bottom: 0; flex-wrap: wrap;}
&.line-right :where(h1,h2,h3,h4):after { content: ''; display: inline-flex; height: var(--line-height); background: var(--green); flex: 1; position: relative; top: 10px;}
&.hex-icons :where(h1,h2,h3,h4) { display: flex; gap: var(--column-gap); flex-wrap: wrap; width: 100%;}
&.hex-icons:not(.line-right) :where(h1,h2,h3,h4):after { content: '\e903'; font-family: 'icomoon'; font-size: 25px;margin-top: -20px;}
&.hex-icons:not(.line-right) h1:after { font-size: 40px; position: relative; top: -10px;}
&.hex-icons:not(.line-right) h2:after { font-size: 30px; position: relative; top: -5px;}
&.hex-icons:not(.line-left) :where(h1,h2,h3,h4):before { content: '\e903'; font-family: 'icomoon'; font-size: 25px; position: absolute; margin-left: calc((-2 * var(--column-gap))); margin-top: -40px;}
&.hex-icons:not(.line-left) h1:after { font-size: 40px; position: relative; top: -10px;}
&.hex-icons:not(.line-left) h2:after { font-size: 30px; position: relative; top: 12px;}
&.line-right.hex-icons:before { width: calc(((100vw - var(--content-width)) / 2) + 20px);}
&.post-default h1 { font-weight: bold;}
&.hex-animation { }
&.icon {
position: relative;
.icon-wrapper {
width: 100px;
position: absolute;
left: calc(-1 * (100px + var(--column-gap)));
top: 10px;
.icon {
clip-path: var(--hex-path);
aspect-ratio: 8/7;
transform: rotate(-10deg);
background: var(--dark-blue);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: end;
overflow: hidden;
transition: ease-in-out all .3s;
&:before { content: ''; display: inline-block; width: 100%; height: 100%; aspect-ratio: 1; transform: rotate(10deg); position: relative; top: 5px;}
}
}
}
}
.tdlGrayBlock .headingWrapper, .tdlAngledGrayBlock .headingWrapper {
&.line-left:before { background: var(--dark-blue);}
&.line-right:after { background: var(--dark-blue);}
&.line-right :where(h1,h2,h3,h4):after { background: var(--dark-blue);}
&.hex-icons:not(.line-left) h2:after { top: 10.5px !important;}
}
h1 { font-size: 50px; line-height: 1;}
h2 { font-size: 40px; line-height: 1;font-family: var(--secondary-font);}
h3 { font-size: 35px; line-height: 1;font-family: var(--secondary-font);}
h4 { font-size: 30px; line-height: 1;font-family: var(--secondary-font);}
.clear{clear:both;}
.insetContent { padding: 0 200px;}
ul.tdlStyledNumberedList { counter-reset: number; list-style: none; margin-top: 70px; padding-left: 0;}
ul.tdlStyledNumberedList li { counter-increment: number; display: flex; flex-direction: row; gap: 40px; margin-bottom: 50px; align-items: center; font-weight: bold;}
ul.tdlStyledNumberedList li:before { content: counter(number); width: 75px; height: 75px; border-radius: 50%; border: 2px solid var(--brown); font-size: 40px; font-family: var(--secondary-font); flex: 0 0 75px; align-items: center; justify-content: center; display: flex;}
.introText {
font-size: 2rem;
p { margin-top: 0 !important;}
} .forceSquare img { aspect-ratio: 1; object-fit: cover;}
img {
&.alignleft { float: left; margin-right: var(--column-gap);}
&.alignright { float: right; margin-left: var(--column-gap);}
}  #header { position: absolute; top: 0; left: 0; width: 100%; padding-top: var(--small-vc-padding);}
.logged-in #header { top: 32px;}
header { display: flex; align-items: flex-start; width: calc(100% - (var(--small-vc-padding) * 2)); justify-content: space-between; padding: 0 var(--small-vc-padding);} .tdl-mobile-banner-button-wrapper { display: none;}
.tdl-banner-container {
h2 { font-size: 2.5em; margin: 0;}
h3 { font-size: 1.5em; margin: 0;font-weight: 200;}
padding: var(--default-vc-padding) 0;
position: relative;
>:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-blue); clip-path: var(--header-main-background-path);}
>:before { content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: var(--green); clip-path: var(--header-secondary-background-path);}
.tdl-banner-wrapper { display: flex; gap: var(--default-vc-padding); width: var(--content-width); margin: 0 auto;}
.tdl-content-wrapper { flex: 1; display: flex; flex-direction: column; justify-content: center; color: var(--white); z-index: 2;}
.tdl-title-wrapper { color: var(--white);}
.tdl-sub-title-wrapper { color: var(--white); margin-top: 10px;}
.tdlButtonWrapper { margin-top: calc(var(--default-vc-padding) * 2);}
.tdl-hex-container { display: flex; flex-direction: column; flex: 0 0 330px; padding-top: 50px; z-index: 2;}
.tdl-hex-container .hex { width: 200px; height: 175px; aspect-ratio: 8/7; clip-path: var(--hex-path); background: var(--white); display: flex; justify-content: center; align-items: center;}
.tdl-hex-1-wrapper { align-self: end; transform: rotate(-10deg) translateY(0);}
.tdl-hex-2-wrapper { align-self: start; transform: rotate(-10deg) translate(-10px, -21%);}
.tdl-hex-3-wrapper { align-self: end; transform: rotate(-10deg) translate(60px, -67%);}
.tdl-image-wrapper { width: calc(100% - 8px); height: calc(100% - 8px); clip-path: var(--hex-path); display: block; overflow: hidden;}
.tdl-image-wrapper img { width: 110%; height: 110%; transform: rotate(10deg); position: relative; top: -3%;}
&.interior-default {
height: 200px; margin-bottom: var(--section-margins);
&:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-blue); clip-path: var(--header-main-background-path);}
&:before { content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: var(--green); clip-path: var(--header-secondary-background-path);}
}
}
#tdl-menu-container {
z-index: 99; .checkbox { display: none;}
.button { display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; z-index: 9999; cursor: pointer; position: absolute; border-radius: 50%; border: 2px solid var(--white); transform: translateX(-100%);}
.checkbox:checked ~ .button { position: fixed;} .icon { position: relative; width: 20px; background-color: var(--white); display: inline-block; height: 2px; right: -5px;}
.icon:before, .icon:after { content: ""; position: absolute; right: 0; transition: all 0.2s; height: 2px; background-color: var(--white); display: inline-block;}
.icon:before { width: 25px; top: -8px;}
.icon:after { width: 30px; top: 8px;}
.checkbox:checked + .button .icon { background-color: transparent;}
.checkbox:checked + .button .icon:before { top: 0; transform: rotate(135deg); width: 30px;}
.checkbox:checked + .button .icon:after { top: 0; transform: rotate(-135deg);} #menu-wrapper-overlay { width: 0vw; height: 0vh; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0);}
#menu-wrapper { position: fixed; height: 100vh; width: 60vw; background: rgba(44, 62, 79, .9); top: 0; right: -100%; transition: ease-in-out all .3s; clip-path: polygon(200px 0%, 100% 0, 100% 100%, 0% 100%); display: flex;}
.checkbox:checked ~ #menu-wrapper { width: 60vw; transition: ease-in-out all .3s; right: 0;}
.checkbox:checked ~ #menu-wrapper-overlay { width: 100vw; height: 100vh; background: rgba(0,0,0,.6);}
.checkbox ~ #menu-wrapper #menu-main li { left: 30px; opacity: 0;}
.checkbox:checked ~ #menu-wrapper #menu-main li { left: 0; transition: ease-out all .1s; opacity: 1}
.checkbox:checked ~ #menu-wrapper #menu-main li:not(.menu-back):nth-of-type(1) { transition-delay: .5s;}
.checkbox:checked ~ #menu-wrapper #menu-main li:nth-of-type(2) { transition-delay: .6s;}
.checkbox:checked ~ #menu-wrapper #menu-main li:nth-of-type(3) { transition-delay: .7s;}
.checkbox:checked ~ #menu-wrapper #menu-main li:nth-of-type(4) { transition-delay: .8s;}
.checkbox:checked ~ #menu-wrapper #menu-main li:nth-of-type(5) { transition-delay: .9s;}
.checkbox:checked ~ #menu-wrapper #menu-main li:nth-of-type(6) { transition-delay: 1s;}
.checkbox:checked ~ #menu-wrapper #menu-main li:nth-of-type(7) { transition-delay: 1.1s;}
.checkbox:checked ~ #menu-wrapper #menu-main li:nth-of-type(8) { transition-delay: 1.2s;}
.checkbox:checked ~ #menu-wrapper #menu-main li:nth-of-type(9) { transition-delay: 1.3s;}
.checkbox:checked ~ #menu-wrapper #menu-main li:nth-of-type(10) { transition-delay: 1.4s;}
.checkbox ~ #menu-wrapper #menu-secondary { opacity: 0;}
.checkbox:checked ~ #menu-wrapper #menu-secondary { opacity: 1; transition: ease-in-out all .5s 1.4s;}
#menu-content { padding: 150px 0 0 250px;} .menu-main-container {
#menu-main {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: var(--small-vc-padding);
&.active li:not(.active) { display: none;}
&.active li.menu-back { display: block;}
a { text-decoration: none; color: var(--white); font-weight: normal; font-size: 3em; font-family: var(--secondary-font);}
a:not(.active):hover { color: var(--green);}
a.active { cursor: default; display: flex; flex-direction: column; gap: 10px;}
a.active:after { content: ''; display: inline-block; height: 4px; width: 100px; background: var(--green); margin-bottom: var(--default-vc-padding);}
li { position: relative; line-height: 1 !important;}
li.menu-back { cursor: pointer; color: var(--white); display: none; }
li.menu-back:hover { color: var(--green);}
a.active ~ .sub-menu { display: flex; flex-direction: column;}
a.active ~ .sub-menu li { display: block;}
a.active ~ .sub-menu li a { font-size: 1.5em;}
&:not(.active) li.menu-item-has-children:not(.active) { display: flex; align-items: center; gap: 20px;}
&:not(.active) li.menu-item-has-children:not(.active):after { content: ''; width: 20px; height: 20px; display: inline-block; border-right: 2px solid var(--green); border-top: 2px solid var(--green); transform: rotate(45deg);}
li.current_page_item a {}
li.current_page_item .sub-menu li a { color: var(--gray);}
li.current_page_item .sub-menu li a:hover {}
li.current_page_item .sub-menu li:hover .sub-menu a { color: var(--gray);}
li.current_page_item .sub-menu a { border-bottom: none;}
li .sub-menu li.current_page_item a { border: none !important;}
li .sub-menu { display: none; padding-left: 0;}
.sub-menu li { display: block; text-align: left; line-height: 40px !important; position: relative; z-index: 999999; padding: 0 !important;}
.sub-menu li a { text-shadow: none; line-height: 30px !important; display: inline-block; width: 100%; color: var(--white); font-weight: normal; text-transform: none;}
.sub-menu li a:hover, #menu-main li.current_page_item .sub-menu li:hover a { color: var(--gray);}
.sub-menu li:hover .sub-menu { display: block;}
}
}
.menu-secondary-container {
#menu-secondary {
list-style: none;
padding: var(--default-vc-padding) 0 0 0;
margin: var(--default-vc-padding) 0 0 0;
display: flex;
flex-direction: column;
gap: 0;
border-top: 4px solid var(--gray);
a { text-decoration: none; color: var(--green); font-weight: normal; font-size: 1.5em; font-family: var(--secondary-font);}
a:not(.active):hover { color: var(--gray);}
}
}
} .topBarWidget {
background-color: var(--brown); width: 100%;height: 39px;
ul { padding: 10px 0; list-style: none;width: var(--headcontent-width); margin: 0 auto;}
li { display: inline;}
li a { text-transform: uppercase; padding: 0 50px 0 0;text-decoration: none;}
a { color: var(--white); font-size: 1em;}
a:hover, .topBarWidget .phoneIcon a:hover:before { color: var(--white);}
}   .logo {
width: 220px; position: relative; z-index: 9;
img { width: 100%;}
a { display: block;}
} .icon-wrapper{
&.mono {
.icon { &.spaceship:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/mono-colored-icons/tdl_icons-spaceship.svg);}
}
}
&.multi {
.icon { &.calendar:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-calendar.svg);}
&.chat-bubbles:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-chat-bubbles.svg);}
&.chess-pieces:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-chess-pieces.svg);}
&.flow-chart:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-flow-chart.svg);}
&.heart:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-heart.svg);}
&.lightbulb:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-lightbulb.svg);}
&.marketing:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-marketing.svg);}
&.meeting:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-meeting.svg);}
&.pen-tool:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-pen-tool.svg); background-position: 12px 0px; background-repeat: no-repeat;}
&.puzzle-pieces:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-puzzle-pieces.svg);}
&.software:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-software.svg);}
&.spaceship:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-spaceship.svg);}
&.support:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-support.svg);}
&.telephone:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-telephone.svg);}
&.web:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-web.svg);}
&.analytics:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-analytics.svg);}
&.api:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-api.svg);}
&.carpenter-tools:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-carpenter-tools.svg);}
&.concrete-5:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-concrete-5.svg);}
&.construction-cone:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-construction-cone.svg);}
&.diamond:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-diamond.svg);}
&.elephant:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-elephant.svg);}
&.files-and-folder:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-files-and-folder.svg);}
&.phone-config:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-phone-config.svg);}
&.react:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-react.svg);}
&.robot:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-robot.svg);}
&.shopping-cart:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-shopping-cart.svg);}
&.text:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-text.svg);}
&.text-search:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-text-search.svg);}
&.verified:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-verified.svg);}
&.wordpress:before { background: url(//tandemdevlab.com/wp-content/themes/tdl-custom-theme/assets/images/multi-colored-icons/tdl_icons-wordpress.svg);}
}
}
} .tdlButtonWrapper {
display: flex;
button { background: none; outline: none;}
.tdlButton {
text-decoration: none;
text-transform: capitalize;
padding: 8px 20px;
transition: ease-in-out  all .2s;
position: relative;
z-index: 1;
font-size: 1.2em;
}
&.outline {
.tdlButton { border-width: 2px; border-style: solid; border-color: var(--dark-blue); color: var(--dark-blue); }
.tdlButton:before { content: ''; width: 0; height: 100%; position: absolute; background: var(--green); top: 0; left: 0; z-index: -1; transition: ease-in-out  all .2s;}
.tdlButton:hover:before { width: 100%; transition: ease-in-out  all .2s;}
.tdlButton:hover { color: var(--white); transition: ease-in-out  all .2s;}
}
&.background {
.tdlButton { text-decoration: none; text-transform: capitalize; background: var(--dark-blue); color: var(--white);}
.tdlButton:hover { background: var(--green); color: var(--white); transition: ease-in-out  all .2s;}
}
&.blue {
&.outline {
.tdlButton { border-color: var(--dark-blue); color: var(--dark-blue);}
.tdlButton:hover { color: var(--white);}
.tdlButton:before { background: var(--green);}
}
&.background {
.tdlButton { background: var(--dark-blue); color: var(--white);}
.tdlButton:hover { background: var(--green); color: var(--white);}
}
}
&.green {
&.outline {
.tdlButton { border-color: var(--green); color: var(--green);}
.tdlButton:hover { color: var(--white);}
.tdlButton:before { background: var(--green);}
}
&.background {
.tdlButton { background: var(--green); color: var(--white);}
.tdlButton:hover { background: var(--dark-blue); color: var(--white);}
}
}
&.black {
&.outline {
.tdlButton { border-color: var(--black); color: var(--black);}
.tdlButton:hover { color: var(--black);}
.tdlButton:before { background: var(--gray);}
}
&.background {
.tdlButton { background: var(--black); color: var(--white);}
.tdlButton:hover { background: var(--dark-blue); color: var(--white);}
}
}
&.white {
&.outline {
.tdlButton { border-color: var(--white); color: var(--white);}
.tdlButton:hover { color: var(--white);}
.tdlButton:before { background: var(--green);}
}
&.background {
.tdlButton { background: var(--white); color: var(--black);}
.tdlButton:hover { background: var(--gray); color: var(--black);}
}
}
&.gray {
&.outline {
.tdlButton { border-color: var(--gray); color: var(--gray);}
.tdlButton:hover { color: var(--gray);}
.tdlButton:before { background: var(--gray);}
}
&.background {
.tdlButton { background: var(--gray); color: var(--black);}
.tdlButton:hover { background: var(--black); color: var(--white);}
}
}
&.right {
justify-content: flex-end;
}
&.center {
justify-content: center;
}
}
.tdl-icon-button {
&:hover .icon-wrapper .icon { background: var(--green); transition: ease-in-out all .3s;}
&:hover .icon-wrapper .icon:before { transform: translateY(10%) scale(1.3); transition: ease-in-out all .3s;}
a { text-decoration: none;}
h3 {font-size: 25px;}
.wrapper {
display: flex;
gap: var(--column-gap);
}
.icon-wrapper {
flex: 0 0 100px;
.icon {
clip-path: var(--hex-path);
aspect-ratio: 8/7;
transform: rotate(-10deg);
background: var(--dark-blue);
width: 75px;
height: 100%;
display: flex;
justify-content: center;
align-items: end;
overflow: hidden;
transition: ease-in-out all .3s;
&:before { content: ''; display: inline-block; width: 100%; aspect-ratio: 1; transform: translateY(20%) scale(1.2); transition: ease-in-out all .3s;}
}
}
.content-wrapper {
flex: 1;
.content {}
}
.tdlButton {margin-top: var(--default-vc-padding);padding: 4px 10px; font-size: 1em;}
} #sub_footer { background: var(--dark-blue); color: var(--gray); font-size: .75em; padding: var(--small-vc-padding) 0;text-align: center;}
#sub_footer a {text-decoration: none; color: var(--gray);}
#footer {
width: 100%;
color: var(--white);
margin-top: var(--default-vc-padding);
position: relative;
padding-top: var(--footer-margins) !important;
&:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-blue); clip-path: var(--footer-main-background-path);}
&:before { content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: var(--green); clip-path: var(--footer-secondary-background-path);}
footer { width: var(--content-width); margin: 0 auto; position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--default-vc-padding); position: relative; z-index: 9;}
ul { list-style: none; padding-left: 0; margin-top: 0;}
ul li a { font-weight: normal;}
a { text-decoration: none;}
a:hover { color: var(--green);}
a.tdlButton:hover { color: var(--white);}
:where(h1,h2,h3,h4) { color: var(--white);}
h3 { font-size: 42px;}
.footer_column:last-of-type { display: flex; flex-direction: column; justify-content: space-between;}
#credit, #copy{ text-align: right; font-size: .75em;margin: 0;}
.wp-block-social-links { margin-top: var(--default-vc-padding);}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { fill: var(--white) !important; color: var(--white) !important; z-index: 2; padding: 5px 8px;}
.wp-block-social-links .wp-block-social-link{ position: relative; }
.wp-block-social-links .wp-block-social-link:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: var(--hex-path); transform: rotate(10deg); background: var(--white); aspect-ratio: 8/7;}
.wp-block-social-links .wp-block-social-link:before { content: ''; display: inline-block; position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); clip-path: var(--hex-path); transform: rotate(10deg); background: var(--dark-blue); z-index: 1; aspect-ratio: 8/7;}
.wp-block-social-links .wp-block-social-link:hover:before { background: var(--green);}
.wp-block-image { position: relative; top: -50px;}
figure.animated {
position: relative;
.tdl-footer-logo-animation-container {
position: absolute;
top: -139px;
left: -50%;
width: 150%;
height: 200px;
clip-path: polygon(0 0, 100% 0, 100% calc(100% - 28px), 0 100%);
z-index: 1;
.bubble {
position: absolute;
bottom: 0;
left: calc(100% / 3 + 60px);
clip-path: var(--hex-path); width: 20px; height: 20px;
}
}
.tdl-footer-logo-blockout { width: 100px; height: 50px; background: var(--dark-blue); position: absolute; top: 0; left: 0; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), 0 100%);}
}
} #interior_footer {
background: var(--dark-blue);
color: var(--white);
display: flex;
justify-content: space-between;
padding: var(--default-vc-padding) var(--gutter);
font-size: .75em;
a { color: var(--white); text-decoration: none;}
p { margin: 0; display: flex; align-items: center;}
.wp-block-social-links { margin-top: 0; margin-bottom: 0;}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { fill: var(--white) !important; color: var(--white) !important; z-index: 2; padding: 5px 8px;}
.wp-block-social-links .wp-block-social-link{ position: relative; }
.wp-block-social-links .wp-block-social-link:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: var(--hex-path); transform: rotate(10deg); background: var(--white); aspect-ratio: 8/7;}
.wp-block-social-links .wp-block-social-link:before { content: ''; display: inline-block; position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); clip-path: var(--hex-path); transform: rotate(10deg); background: var(--dark-blue); z-index: 1; aspect-ratio: 8/7;}
.wp-block-social-links .wp-block-social-link:hover:before { background: var(--green);}
} #tdl_contact_widget_container {
position: relative;
left: -15px;
> div { margin-bottom: var(--small-vc-padding); display: flex; gap: 10px; align-items: center;}
>:before { font-family: 'icomoon'; display: inline-flex; font-size: 80px; line-height: 1;}
#addressContainer { align-items: start;}
#mailingContainer { align-items: start;}
#addressContainer:before { content: '\e900'; position: relative; top: -12px;}
#mailingContainer:before { content: '\e904'; position: relative; font-size: 60px; width: 80px; left: 10px;}
#emailContainer:before { content: '\e901';}
#phoneContainer { margin-bottom: 10px !important;}
#phoneContainer:before { content: '\e902';}
p { padding: 0; margin: 0;}
strong { }
} .tdlContactWrapper {
padding-left: 50px;
.tdlContact { display: flex; flex-direction: row; align-items: center; text-decoration: none;}
.tdlContact:hover { color: var(--blue);}
.tdlContact:before { font-family: 'icomoon'; display: inline-block; margin-right: 10px; font-size: 40px; width: 50px;}
&.phone .tdlContact:before { content: '\e908';}
&.email .tdlContact:before { content: '\e905'; font-size: 30px;}
&.facebook .tdlContact:before { content: '\e906';}
&.location .tdlContact:before { content: '\e907';}
} #tdl_social_widget_container { display: inline-block;}
#tdl_contact_widget_container, #tdl_contact_widget_container a { color: var(--white);}
#tdl_social_widget_container a { text-decoration: none;}
#tdl_social_widget_container .icon { margin-right: 20px;}
#tdl_social_widget_container .icon:before { color: var(--white); font-size: 16px;}
#tdl_social_widget_container .icon:hover:before { color: var(--brown);} .nf-form-cont {
.nf-field{margin-top: var(--default-vc-padding);}
.nf-field-label label{font-weight: var(----primary-font-weight) ;}
.nf-form-content input:not([type="button"], [type="submit"]) { background: transparent; font-family: var(--primary-font); font-weight: var(--primary-font-weight); border: none; border: 2px solid var(--dark-blue) !important; color: var(--dark-blue) !important; font-size: var(--primary-font-size) !important;}
.nf-form-content input:focus { border: 2px solid var(--green) !important; outline: none !important;}
.nf-form-content textarea.ninja-forms-field { background: transparent; font-family: var(--primary-font); font-weight: var(--primary-font-weight); border: 2px solid var(--dark-blue) !important; color: var(--dark-blue) !important; font-size: var(--primary-font-size) !important;}
.nf-form-content textarea.ninja-forms-field:focus { border: 2px solid var(--green) !important; outline: none !important;}
.nf-form-content input:not([type="button"], [type="submit"]) { height: 40px !important;}
textarea { color: var(--dark-blue) !important; padding: 10px;}
.submit-container {
display: flex; flex-direction: row; justify-content: start;
input { padding: 8px 40px !important; background: transparent !important; text-transform: capitalize !important; border: 2px solid var(--dark-blue) !important; color: var(--dark-blue) !important; height: auto !important; font-weight: 400 !important; font-size: 20px !important; cursor: pointer !important; position: relative;}
.nf-field-element:before { content: ''; display: inline-block;background: var(--dark-blue) !important; position: absolute; top: 0; left: 0; height: 100%; width: 0; transition: ease-in-out all .2s;}
:hover input {  color: var(--white) !important;}
:hover .nf-field-element:before { width: 100%; transition: ease-in-out all .2s;}
}
.nf-error-msg, .nf-error-required-error { font-size: 14px !important;}
.nf-error.field-wrap .nf-field-element:after { height: calc(100% - 2px) !important; aspect-ratio: 1 !important; width: auto; line-height: 1 !important; align-content: center !important;}
.nf-form-fields-required{text-align: right; font-style: italic;}
} .more-link { color: var(--brown);} .vc_tta-panel .vc_tta-panel-title > a { color: var(--blue) !important; font-size: 1.6em !important;}
.vc_tta-panel-heading, .vc_tta-panel-body { border: 0px !important;}
.vc_tta-panel-body { background-color: var(--gray);}
.vc_tta-controls-icon:before { border-color: var(--brown) !important;}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a { padding-right: 200px !important;}
.vc_tta-panel { border-bottom: 1px solid var(--blue);}
.vc_tta .vc_tta-controls-icon { height: 20px !important; width: 20px !important;}
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-triangle:before { border-width: 10px !important;}
.vc_active .vc_tta-panel-body { background-color: var(--gray) !important;}
.vc_active.vc_tta-panel { border: 1px solid var(--gray) !important;}
.vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-panel .vc_tta-panel-heading:hover { color: var(--white) !important; background-color: var(--white) !important;} body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a{color: var(--dark-blue);font-weight: bold;}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a{color: var(--dark-blue);border-color: var(--gray); background-color: var(--gray)} .tdlCTAWrapper {
&.vc_hidden { opacity: 1 !important;}
:where(h1,h2,h3,h4) { font-size: 2em; line-height: 1.2; text-transform: uppercase;}
.tdlCallToActionContainer {
margin-bottom: 0 !important; &[data-overflow="true"] {
}
.wpb-content-wrapper {
> .vc_row.vc_row-no-padding { width: 100% !important;}
}
.tdl-cta-content {
h3 { margin: var(--default-vc-padding) 0 !important; font-weight: bold;}
.wrapper {
display: flex;
flex-direction: row;
gap: calc(4 * var(--column-gap));
.icon-wrapper {
flex: 0 0 20%;
clip-path: var(--hex-path);
aspect-ratio: 8/7;
background: var(--dark-blue);
transform: rotate(-10deg);
height: 100%;
position: relative;
top: 60px;
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
&.mono {
.icon {
background: var(--green);
width: calc(100% - 8px);
height: calc(100% - 8px);
}
}
&.multi {
.icon {
background: var(--dark-blue);
width: 100%;
height: 100%;
}
}
.icon {
clip-path: var(--hex-path);
aspect-ratio: 8/7;
display: flex;
justify-content: center;
align-items: end;
overflow: hidden;
&:before { content: ''; display: inline-block; width: 100%; height: 100%; aspect-ratio: 1;}
}
}
.content-wrapper {
flex: 1;
.content { font-weight: 200; font-size: 1.5em; line-height: 1.5; margin-bottom: var(--default-vc-padding);}
.tdlButtonWrapper {
&.blue {
&.outline  {
.tdlButton:before { background: var(--dark-blue);}
}
}
}
}
}
}
}
&:has(.tdlAngledGreenBlock):has(.tdlCallToActionContainer[data-cta-size="full"]) {
background: var(--green);
position: relative;
overflow: visible;
padding-bottom: var(--section-margins);
&:before { content: '' !important; position: absolute; top: calc(-1 * var(--section-margins)); right: 0; width: 100%; height: calc(var(--section-margins) + 1px); background: var(--green); clip-path: var(--section-top-main-background-path); display: inline-block;}
}
} .tdlFancyBlock {
padding: var(--section-margins) 0 !important;
position: relative;
min-height: 500px;
&.vc_row:before { content: '' !important;}
&.vc_row:after { content: '' !important;}
&:after { content: '' !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-blue); clip-path: var(--section-main-background-path); display: inline-block !important;}
&:before { content: '' !important; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: var(--green); clip-path: var(--section-secondary-background-path); display: inline-block !important;}
.vc_column_container { z-index: 2;}
:where(h1,h2,h3,h4,p) { color: var(--white);}
}
.tdlGrayBlock {
min-height: 420px;
background: var(--gray);
:where(h1,h2,h3,h4,p) { color: var(--dark-blue);}
margin: calc(var(--default-vc-padding) * 2) 0;
padding: var(--default-vc-padding);
}
.tdlAngledGrayBlock {
min-height: 500px;
background: var(--gray);
:where(h1,h2,h3,h4,p) { color: var(--dark-blue);}
margin: calc(var(--default-vc-padding) * 2) 0 var(--section-margins) 0;
padding: var(--default-vc-padding) 0 var(--section-margins) 0;
overflow: visible !important;
&.vc_row:after { content: '' !important;}
&:after { content: '' !important; position: absolute; bottom: calc(-1 * var(--section-margins)); left: 0; width: 100%; height: calc(var(--section-margins) + 1px); background: var(--gray); clip-path: var(--section-bottom-secondary-background-path); display: inline-block;}
}
.tdlGrayBlock, .tdlAngledGrayBlock {
.tdlButtonWrapper {
&.blue {
&.outline  {
.tdlButton:before { background: var(--dark-blue);}
}
}
}
.headingWrapper {
&.line-left:before { background: var(--dark-blue);}
&.line-right:after { background: var(--dark-blue);}
}
}
.disable-overlap { margin-top: var(--section-margins);}  .teamMemberTDLBlock {
.teamMemberTDL {
display: inline-block; width: 20%; margin-right: 6%; vertical-align: top; margin-bottom: 70px;
h3 { font-size: 20px; margin: 10px 0 5px 0;}
h4 { font-size: 16px; font-weight: 400; color: var(--brown); margin: 0;}
h5 { color: rgba(10,15,28, .5); font-weight: 400; font-size: 16px; margin: 0}
a:link { text-decoration: none;}
.teamMemberTDL_image {
img { width: 100%; height: auto;}
}
}
} .single-team_member {
article { width: 1080px; margin: 100px auto;}
img {}
h1 { margin-bottom: 0px; color: #0A0F1C; font-size: 60px; margin: 10px 0;}
h4 { margin-bottom: 0; font-weight: var(--primary-font-weight);}
h4.meet { color: var(--brown); font-size: 23px; margin-top: 0; font-weight: 700;}
h4.contact { font-size: 40px; margin: 30px 0; font-weight: 700;}
h2.posloc { font-size: 20px; color: rgba(10,15,28, .8); font-weight: var(--primary-font-weight);}
.member-header { padding-bottom: 20px; border-bottom: 1px solid #0A0F1C;  margin-bottom: 20px;}
.contact-info p { margin-bottom: 0;}
.left-column { width: 30%; display: inline-block; vertical-align: top;}
.right-column { width: 62%; display: inline-block; padding-left: 7%; vertical-align: top;}
.contact-info a { color: var(--brown);}
.contact-info p { line-height: 1.8em;}
ul#expertise { list-style: none; padding-left: 0;}
ul#expertise li { display: inline-block; border: 2px solid #0A0F1C; padding: 10px 30px; margin-right: 20px; font-weight: 700;}
} .tdlNewsArticle {
padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid var(--blue);
h3 { margin-bottom: 0; font-size: 2em; margin: 15px 0 40px 0;}
.sourceDate { color: var(--brown); font-weight: bold;}
} .testimonialRow { height: 420px; margin-top: 100px;}
.tdl-testimonial-container { margin: 70px 0;}
.tdl-testimonial-container .testimonial_content { color: var(--white) !important; padding: 0px 140px; position: relative; font-size: var(--primary-font-size); line-height: 1.6em; text-align: center; }
.tdl-testimonial-container .testimonial_content:before, .tdl-testimonial-container .testimonial_content:after { content: '"';}
.tdl-testimonial-container .testimonialAuthor { margin-top: 20px !important; color: var(--white) !important; text-align: center;}
.tdl-testimonial-container .testimonialAuthor:before { content: ''; width: 20px; height: 1px; background: var(--white); display: inline-block; margin-right: 10px; position: relative; top: -7px;}
.tdl-testimonial-container.carousel .testimonialTDL { display: none;}
.tdl-testimonial-container.carousel .testimonialTDL:first-of-type { display: block;    }
.tdl-testimonial-container.list .testimonialTDL { margin-bottom: 70px; }
.tdl-testimonial-container.list .testimonial_content { font-size: 1em;}
.testimonialRow #dotsNavigation { text-align: center; }
.testimonialRow #dotsNavigation ul { list-style: none; padding-left: 0;}
.testimonialRow #dotsNavigation ul li { display: inline-block; height: 5px; width: 5px; background: var(--white); margin: 0 5px; border-radius: 50%;}
.testimonialRow #dotsNavigation ul li:hover { background: var(--brown);}
.testimonialRow #dotsNavigation ul li.active { background: var(--brown);}
.testimonialRow{height: 420px;} .tdl-post-container {
.tdl-blog-post {
display: flex;
gap: var(--column-gap);
a { text-decoration: none;}
h3 { margin-top: 0 !important;}
img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; opacity: 1; transition: var(--default-transition);}
.tdlButton { text-transform: uppercase; margin-top: var(--default-vc-padding);}
&:hover {
img { opacity: .6; transition: var(--default-transition); transform: scale(1.2);}
.tdlButton:before { width: 100%;}
.tdlButton { color: var(--white);}
}
}
&.columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--column-gap);
.tdl-blog-post {
flex-direction: column;
}
}
&.list, &.alt-list {
display: flex;
flex-direction: column;
.image-wrapper { flex: 0 0 33%;}
.content-wrapper { flex: 1;}
.tdl-blog-post { padding: 50px 0;}
.tdl-blog-post:not(:last-of-type) { border-bottom: 6px solid var(--green);}
}
&.list {
.tdl-blog-post {
flex-direction: row;
.tdlButtonWrapper { justify-content: flex-end;}
}
}
&.alt-list {
.tdl-blog-post:nth-of-type(odd) {
flex-direction: row;
.tdlButtonWrapper { justify-content: flex-end;}
}
.tdl-blog-post:nth-of-type(even) {
flex-direction: row-reverse;
.tdlButtonWrapper { justify-content: flex-start;}
}
}
.tdl-blog-post.circle {
img { border-radius: 50%;}
}
&.list:has(.tdl-blog-post.hex), &.alt-list:has(.tdl-blog-post.hex) {
.tdl-blog-post { gap: calc(var(--column-gap) * 4);}
.image-wrapper { flex: 0 0 25%;}
}
.tdl-blog-post.hex {
border-bottom: 0 !important;
.image-wrapper {
aspect-ratio: 8/7; clip-path: var(--hex-path); background: var(--dark-blue); display: block; transform: rotate(-10deg); height: 100%; position: relative; top: var(--default-vc-padding);
img { clip-path: var(--hex-path); aspect-ratio: 8/7; width: calc(100% - 8px); height: calc(100% - 8px); position: relative; top: 4px; left: 4px;}
}
}
.tdl-blog-post.featured {
width: 100%;
margin-bottom: var(--default-vc-padding);
img { width: 40%; float: left; padding-right: 70px;}
}
.tdl-blog-post.toggle {
.readMore:after { content: 'Read More'; cursor: pointer;}
.readMore.active:after { content: 'Read Less';}
&.active .content { display: inline-block;}
&.active .excerpt { display: none;}
}
} .archive.category {
h1.catTitle { color: var(--blue) !important; margin-top: 70px; margin-bottom: 70px}
article { width: calc(var(--content-width) - 20px); margin: 0 auto; padding-bottom: 100px;}
} .single-post {
.banner {
position: relative;
&.interior-default {
height: 300px;
&:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-blue); clip-path: var(--header-main-background-path);}
&:before { content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: var(--green); clip-path: var(--header-secondary-background-path);}
}
}
.post-header {
text-align: center;
h3 {}
}
article { width: calc(var(--content-width) - 20px); margin: 0 auto; padding-bottom: 100px;}
h1 { color: var(--dark-blue);}
h3 {}
.recent-post-container {
background: var(--gray); padding: var(--default-vc-padding) 0;
h4 { margin: 0; text-align: center;}
h2 { margin-top: 5px; text-align: center; margin-bottom: var(--default-vc-padding);}
.post-wrapper {
width: calc(var(--content-width) - 20px); margin: 0 auto;
display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px;
.post {
display: flex; flex-direction: column;
img { width: 100%; height: 100%; aspect-ratio: 1; object-fit: cover;}
h3 { color: var(--dark-blue); font-size: 2rem;}
a { text-decoration: none;}
p { margin: 0;}
.postCatContainer {
margin-top: 15px;
a { color: var(--brown);}
}
.tdlButtonWrapper {
margin-top: 32px;
&.blue.outline .tdlButton:before { background: var(--dark-blue);}
}
}
}
}
} .single-case_studies {
.banner {
position: relative;
&.interior-default {
height: 300px;
&:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-blue); clip-path: var(--header-main-background-path);}
&:before { content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: var(--green); clip-path: var(--header-secondary-background-path);}
}
}
.wpb-content-wrapper { width: 100%;}
h1 { color: var(--dark-blue);}
h3 {}
.headingWrapper.icon .icon-wrapper { }
.tdl-case-study-the-challenge {
.wrapper {
display: flex;
flex-direction: row;
gap: 50px;
align-items: center;
.content-wrapper {
flex: 1;
}
.logo-wrapper {
flex: 0 0 25%;
img { width: 100%;}
}
}
}
.tdl-case-study-the-solution {
.wrapper {
display: flex;
flex-direction: row;
gap: 50px;
align-items: center;
.content-wrapper {
flex: 1;
h4 { font-weight: var(--primary-font-weight); font-size: var(--primary-font-size); font-style: italic; margin-top: 0; margin-bottom: 45px;}
&:has(h4) h3 { margin-bottom: 15px;}
}
.screenshots-wrapper {
flex: 0 0 25%;
display: flex;
gap: var(--column-gap);
.screenshot-wrapper {
flex: 1 1 0px;
img { width: 100%; aspect-ratio: 2/5; object-fit: cover; object-position: top;}
}
}
}
}
.tdl-case-study-testimonial {
margin-top: 80px;
margin-bottom: var(--section-margins);
.wrapper {
.content {
font-size: 2rem;
margin-bottom: var(--default-vc-padding);
&:before, &:after { content: '"'; display: inline-block;}
}
.name {
display: flex;
gap: 5px;
&:before { content: '-'; display: inline-block;}
}
}
}
} .tdl-partners {
display: flex; flex-direction: row; flex-wrap: wrap; gap: 70px; margin-bottom: 70px; justify-content: space-evenly;
.tdl-partner-item {
height: 140px;
img { height: 100%; width: auto;}
}
} .tdlNumberedSectionContainer {
margin: 35px 0;
.contentWrapper {
counter-reset: number;
.tdlNumberedtItem {
display: flex; flex-direction: row; gap: 50px; justify-content: space-between; margin-bottom: 70px; counter-increment: number;
h3 { margin-top: 0; font-family: var(--secondary-font); font-size: 35px; color: var(--dark-blue);}
.description {}
.iconWrapper {
margin-top: 15px;
.icon { width: 150px; display: flex; align-items: end; justify-content: center; font-size: 120px; font-family: var(--secondary-font); clip-path: var(--hex-path); background: var(--dark-blue); aspect-ratio: 8/7; transform: rotate(-10deg);
&:before{ content: counter(number); color: var(--green); transform: rotate(10deg); font-weight: bold; -webkit-text-stroke-width: 3px;
}
}
-webkit-text-stroke-color: var(--white); line-height: .6;}
}
}
&.alternating .contentWrapper .tdlNumberedtItem:nth-of-type(even) { flex-direction: row-reverse;}
}
.tdl_masonry_grid {
.tdl-masonry-item {
a {}
img { width: 100%;}
}
&.basic {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: var(--default-vc-padding);
.tdl-masonry-item {
img { aspect-ratio: 1; object-fit: cover;}
}
}
&.custom {
display: grid; grid-template-rows: repeat(3, 400px); grid-template-columns: repeat(3,1fr); gap: var(--column-gap);
.tdl-masonry-item {
border: var(--light-gray) solid 8px; overflow: hidden;
&:nth-of-type(5n + 1) { grid-row: auto / span 1; grid-column: auto / span 1;}
&:nth-of-type(5n + 2) { grid-row: auto / span 1; grid-column: auto / span 2;}
&:nth-of-type(5n + 3) { grid-row: auto / span 2; grid-column: auto / span 2;}
&:nth-of-type(5n + 4) { grid-row: auto / span 1; grid-column: auto / span 1;}
&:nth-of-type(5n + 5) { grid-row: auto / span 1; grid-column: auto / span 1;}
img { width: 100%; height: 100%; object-fit: cover; transition: var(--default-transition);}
&:hover {
img { transform: scale(1.2); transition: var(--default-transition);}
}
}
}
} .tdlCounterWrapper {
* { text-align: center;}
.count { font-size: 65px; font-weight: bold; font-family: var(--secondary-font);}
h4 { font-size: 20px; text-transform: uppercase; margin: 0 !important; font-weight: 200; font-family: var(--secondary-font);}
} .tdl-featured-case-study {
margin-bottom: var(--default-vc-padding);
p { color: var(--white);}
.featured-image-wrapper {
margin-bottom: 50px;
img { width: 100%; aspect-ratio: 16/9; object-fit: cover; object-position: top;}
}
.content-wrapper {
display: flex;
gap: 50px;
h3 {}
.left-content-wrapper {
flex: 1;
h3:first-of-type { margin-top: 0 !important;}
}
.right-content-wrapper {
flex: 0 0 25%;
border: 2px solid var(--white);
padding: var(--default-vc-padding);
h3:first-of-type { margin-top: 0 !important;}
ul { display: flex; flex-direction: column; gap: var(--small-vc-padding);}
li { color: var(--white);}
li::marker { color: var(--green);}
}
}
.tdlButtonWrapper { margin-top: var(--default-vc-padding);}
} .tdlCaseStudyBlock {
margin-top: var(--default-vc-padding);
&:has(.columns) { margin-bottom: var(--default-vc-padding);}
.tdlCaseStudyWrapper {
.case-study-item {
&:not(:last-of-type) {margin-bottom: var(--default-vc-padding);}
h3 { margin-top: 0;}
a { text-decoration: none;}
.wrapper {
display: flex;
gap: 50px;
.image-wrapper {
flex: 0 0 30%;
img { width: 100%; display: block; aspect-ratio: 4/3; object-fit: cover;}
}
.content-wrapper {
flex: 1;
}
}
}
&.columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
margin-bottom: var(--default-vc-padding);
.case-study-item {
.wrapper {
flex-direction: column;
gap: 20px;
h3 { text-align: center; font-weight: 200; text-transform: uppercase; font-size: 1.75rem; margin-bottom: 0;}
}
}
}
&.list {
.case-study-item {
.wrapper {
flex-direction: row;
}
}
}
&.alt-list{
.case-study-item:nth-of-type(even) {
.wrapper {
flex-direction: row-reverse;
}
}
.case-study-item:nth-of-type(odd) {
.wrapper {
flex-direction: row;
}
}
}
}
} .tdl-logos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 70px;
margin-bottom: 70px;
justify-content: space-evenly;
.tdl-logo-item {
height: 70px;
img { height: 100%; width: auto;}
}
} .tdl-icon-split-block {
&:first-of-type { margin-top: calc(3 * var(--default-vc-padding));}
&:not(:last-of-type) { margin-bottom: calc(3 * var(--default-vc-padding));}
&.left {
.wrapper { flex-direction: row-reverse;}
}
&.right {
.wrapper { flex-direction: row;}
}
.wrapper {
display: flex;
gap: var(--gutter);
h3 { text-transform: uppercase; font-weight: bold; margin-top: 0; margin-bottom: var(--small-vc-padding);}
.content-wrapper {
flex: 1;
}
.icon-wrapper {
flex: 0 0 20%;
.icon {
clip-path: var(--hex-path);
aspect-ratio: 8/7;
transform: rotate(-10deg);
background: var(--dark-blue);
width: 100%;
display: flex;
justify-content: center;
align-items: end;
&:before { content: ''; display: inline-block; width: 100%; height: 100%; aspect-ratio: 1; transform: rotate(10deg); position: relative; top: 10px;}
}
}
}
} .back-button-wrapper {
width: var(--content-width); margin: var(--default-vc-padding) auto;
} .error404 {
.banner {
position: relative;
&.interior-default {
height: 300px;
&:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-blue); clip-path: var(--header-main-background-path);}
&:before { content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: var(--green); clip-path: var(--header-secondary-background-path);}
}
}
article {
width: var(--content-width); margin: 0 auto;
header {
display: block;
margin-bottom: var(--default-vc-padding);
h1 { margin-bottom: 0;} }
.icon-wrapper.multi {
.icon {
clip-path: var(--hex-path);
aspect-ratio: 8/7;
transform: rotate(-10deg);
background: var(--dark-blue);
width: 25%;
display: flex;
justify-content: center;
align-items: end;
&:before { content: ''; display: inline-block; width: 100%; height: 100%; aspect-ratio: 1; transform: rotate(10deg); position: relative; top: 10px;}
}
}
}
}@media all and (max-width: 1500px)  { #tdl-menu-container {
.checkbox:checked ~ #menu-wrapper { width: 80vw;}
}
.headingWrapper {
&.icon {
gap: var(--column-gap); align-items: center;
.icon-wrapper {
position: relative;
width: 60px;
height: 60px;
left: 0;
top: 0;
}
}
}
.tdl-case-study-the-solution {
.wrapper {
.content-wrapper {
h4 {  margin-top: 45px;}
&:has(h4) h3 { margin-bottom: 35px !important;}
}
}
}
}
@media all and (max-width: 1250px)  {
#header {
header { width: var(--content-width); padding: 0; margin: 0 auto;}
}
.tdl-banner-container {
padding: 80px 0;
.tdl-hex-container { padding-right: 4%;}
}
.headingWrapper {
overflow: hidden;
&.line-left { left: 0; width: 100%;}
&.line-left :where(h1,h2,h3,h4) { width: 100% !important; padding: 0; left: 0;}
&.line-left:before { display: none;}
&.line-left:after { flex: 1;}
&.line-right { width: 100vw; left: calc(-4% - 3px);}
&.line-right :where(h1,h2,h3,h4) { width: 100% !important;}
&.line-right:after { flex: 1;}
&.line-right:before { flex: 0 0 4%;}
&.line-right.hex-icons :where(h1,h2,h3,h4):before { display: none;}
}
.tdlCTAWrapper {
.tdlCallToActionContainer {
.tdl-cta-content {
.wrapper {
width: var(--content-width); margin: 0 auto;
}
}
}
}
#interior_footer { padding: var(--default-vc-padding) 4%;}
}
@media all and (max-width: 1000px)  { .vc_row { flex-direction: column;}
.tdlCaseStudyBlock {
.tdlCaseStudyWrapper.columns { grid-template-columns: repeat(1, 1fr);}
.tdlButtonWrapper { justify-content: center;}
.tdlCaseStudyWrapper.list {
.case-study-item {
h3 { text-align: center;}
.wrapper { flex-direction: column;}
}
}
} #tdl-menu-container {
.checkbox:checked ~ #menu-wrapper { width: 90vw;}
.menu-main-container {
#menu-main {
a { font-size: 3rem;}
a.active ~ .sub-menu li a { font-size: 3rem;}
}
}
.menu-secondary-container {
#menu-secondary {
a {}
}
}
}
.forceSquare {
figure { width: 100%;}
.vc_single_image-wrapper { width: 100%; text-align: center;}
img {width: 50%;}
}
.wpb_text_column.teamMember { text-align: center;}
.single-case_studies {
.tdl-case-study-the-solution {
.wrapper {
flex-direction: column;
.screenshots-wrapper {
.screenshot-wrapper {
img { aspect-ratio: auto;}
}
}
}
}
.tdl-case-study-the-challenge {
.wrapper { flex-direction: column;}
}
}
.tdl-post-container {
&.list, &.alt-list {
.tdl-blog-post {
flex-direction: column;
.image-wrapper {
width: 50%;
}
.content-wrapper {
h3 { text-align: center;}
}
}
}
&.alt-list {
.tdl-blog-post:nth-of-type(odd) {
flex-direction: column; align-items: center;
.tdlButtonWrapper { justify-content: center;}
}
.tdl-blog-post:nth-of-type(even) {
flex-direction: column; align-items: center;
.tdlButtonWrapper { justify-content: center;}
}
}
}
.single-post {
.recent-post-container {
.post-wrapper { grid-template-columns: repeat(1, 1fr);}
}
}
}
@media all and (max-width: 900px)  {
:root{
--section-margins: 75px;
}
.headingWrapper {
&.line-left.hex-icons :where(h1,h2,h3,h4):after { display: none;}
} .tdl-mobile-banner-button-wrapper {
display: block;
.tdlButton {
display: inline-block; width: 100%; text-align: center; background: var(--green); color: var(--white); line-height: 50px; text-decoration: none;
&:hover { background: var(--white); color: var(--green);}
}
}
body #wrapper:has(.tdl-mobile-banner-button-wrapper > a) #header { top: 50px;}
body.logged-in #wrapper:has(.tdl-mobile-banner-button-wrapper > a) #header { top: 82px;}
.tdl-banner-container {
.tdl-banner-wrapper {
& .tdl-hex-container {
flex: 0 0 auto; padding-bottom: 50px; padding-right: 0;
.tdl-hex-2-wrapper { display: none;}
.tdl-hex-3-wrapper { display: none;}
}
.tdl-content-wrapper {
justify-content: end; padding-bottom: 50px;
.tdl-sub-title-wrapper { display: none;}
.tdlButtonWrapper { display: none;}
}
}
h2 { font-size: 2.5rem;}
}
#footer {
footer { grid-template-columns: repeat(1, 1fr);}
#copy { text-align: center;}
.footerColumn1 {
justify-content: center; text-align: center;
.tdlButtonWrapper { justify-content: center;}
}
.footerColumn2 { justify-content: center;}
.footerSocial {
.is-layout-flex { justify-content: center;}
}
.footerColumn2 { text-align: center;}
}
#tdl_contact_widget_container {
#addressContainer { justify-content: center;}
#emailContainer { justify-content: center;}
#phoneContainer { justify-content: center;}
}
}
@media all and (max-width: 800px)  { #tdl-menu-container {
.menu-main-container {
#menu-main {
a { font-size: 2rem;}
a.active ~ .sub-menu li a { font-size: 2rem;}
}
}
.menu-secondary-container {
#menu-secondary {
a { font-size: 1rem;}
}
}
}
#interior_footer {
flex-direction: column; gap: var(--default-vc-padding);
#copy { justify-content: center;}
.footerSocial { display: flex; justify-content: center;}
}
.tdl-icon-split-block {
&.left .wrapper { flex-direction: column-reverse;}
&.right .wrapper { flex-direction: column;}
.wrapper {
h3 { text-align: center;}
.icon-wrapper {
display: flex; justify-content: center;
.icon { width: 50%;}
}
}
}
}
@media all and (max-width: 700px)  {
.tdlCTAWrapper {
.tdlCallToActionContainer {
.tdl-cta-content {
.wrapper {
flex-direction: column-reverse;
.icon-wrapper { width: 50%; margin: 0 auto;}
.content-wrapper {
.tdlButtonWrapper { justify-content: center;}
h3 { text-align: center;}
}
}
}
}
}
.tdlNumberedSectionContainer {
.contentWrapper {
.tdlNumberedtItem {
flex-direction: column;
.iconWrapper { display: flex; justify-content: center;}
h3 { text-align: center;}
}
}
}
}
@media all and (max-width: 600px)  {
:root{
--section-margins: 75px;
--header-margins: 80%;
} #tdl-menu-container {
#menu-wrapper { clip-path: polygon(100px 0%, 100% 0, 100% 100%, 0% 100%);}
#menu-content { padding: 150px 50px 0 150px}
.checkbox:checked ~ #menu-wrapper { width: 100%;}
.menu-main-container {
#menu-main {
a { font-size: 2rem;}
a.active ~ .sub-menu li a { font-size: 2rem;}
}
}
.menu-secondary-container {
#menu-secondary {
a { font-size: 1.25rem;}
}
}
} .tdl-banner-container {
.tdl-banner-wrapper {
.tdl-hex-container { display: none;}
.tdl-content-wrapper {
padding-top: 100px; padding-bottom: 0;
}
}
}
.headingWrapper {
&.line-right:after { display: none;}
}
.tdl-icon-button {
.wrapper { flex-direction: column;}
h3 { text-align: center;}
.icon-wrapper {
display: flex; justify-content: center;
.icon { width: 50%;}
}
.tdlButtonWrapper { justify-content: center;}
}
}
@media all and (max-width: 500px)  { #tdl-menu-container {
#menu-wrapper { clip-path: polygon(100px 0%, 100% 0, 100% 100%, 0% 100%);}
#menu-content { padding: 150px 50px 0 120px}
.checkbox:checked ~ #menu-wrapper { width: 100%;}
.menu-main-container {
#menu-main {
a { font-size: 1.4rem;}
a.active ~ .sub-menu li a { font-size: 1.4rem;}
}
}
.menu-secondary-container {
#menu-secondary {
a { font-size: 1.25rem;}
}
}
}
}
@media all and (max-width: 400px)  { #tdl-menu-container {
.menu-main-container {
#menu-main {
a { font-size: 1.3rem;}
a.active ~ .sub-menu li a { font-size: 1.3rem;}
}
}
.menu-secondary-container {
#menu-secondary {
a { font-size: 1.15rem;}
}
}
}
}.vc_row{ width: var(--content-width); margin-left: auto !important; margin-right: auto !important; display: flex; gap: 50px; padding-bottom: var(--small-vc-padding); left: 0 !important;}
[data-vc-full-width="true"].vc_row { width: 100%; display: flex; justify-content: center;}
.vc_row::after, .vc_row::before { content: none !important;}
[data-vc-stretch-content="true"].vc_row .vc_column_container{ width: 100%;}
.vc_col-sm-12 { width: var(--content-width) !important;}
.vc_row[data-vc-full-width].vc_hidden { opacity: 1 !important;}
[data-vc-stretch-content="true"] .vc_col-sm-12 { width: 100% !important;}  .vc_column-inner, .vc_column_container > .vc_column-inner{padding-left: 0 !important; padding-right: 0 !important;} .vc_row .wpb_column, .vc_column-inner .wpb_column { padding: 0  !important;}  .vc_row-no-padding { padding-bottom: 0 !important;}
.vc_row-no-padding > .wpb_column { padding: 0 !important;} .vc_row.tdlNoPadding { padding-bottom: 0 !important;}
.noGap { gap: 0 !important;}
.noGap .wpb_single_image{ margin-bottom: 0 !important;}
.vc_row .vc_column_container .vc_row.vc_inner { width: 100% !important;}
@media all and (max-width: 1250px)  {
:root{
--content-width: 92%;
} .vc_row .vc_column_container { margin: 0 auto;}
.vc_column-inner .vc_row { width: 100% !important;}
.vc_row .vc_column_container{ width: 100% !important;}
[data-vc-full-width="true"].vc_row > .wpb_column { width: var(--content-width) !important;}
[data-vc-full-width="true"][data-vc-stretch-content="true"].vc_row > .wpb_column { width: 100% !important;}
.tdlCTAWrapper .tdlCallToActionContainer .vc_row { width: 100% !important; left: 0px !important;}
.tdlCTAWrapper[data-vc-full-width="true"].vc_row > .wpb_column { width: 100% !important;}
.splide__arrows { display: none !important;}
}