/* General */
.fusion-header {padding-left:32px !important; padding-right:32px !important}

blockquote {border-color:rgb(23 80 71 / 35%) !important; border-width: 1px !important; padding-left:32px !important;}
blockquote p {font-weight:bold; font-style: normal; font-size:24px;}

.fusion-header-sticky-height {height:100px !important}

.subheading p {display: flex;align-items: center; line-height: 2;}
.subheading p:before {content:""; width:14px; height: 14px;border-radius: 50%;background: var(--orange); display:inline-block; margin-right:12px; line-height: 1.2; margin-bottom:3px;}

.subheading.green-dot p:before {background:var(--green)}

.color-gray-green * {color:var(--gray_green) !important}

.half-bg-orange {background: linear-gradient(to bottom, var(--orange) 50%, transparent 50%) !important;}
.half-bg-orange.reverse {background: linear-gradient(to top, var(--orange) 50%, transparent 50%) !important;}

.fusion-li-item i:before {font-weight:300 !important}

.contact-email-tel {display:flex; flex-direction: column; font-size:16px; margin-bottom:32px;}
.contact-email-tel > div {display:flex; gap:32px;}
.contact-email-tel > div > span:first-child {font-family: "Fig Grotesk - Bold"; }
.contact-email-tel  a {color:var(--green)}

.contact-email-tel > div > div {display:flex; flex-direction: column;}

.contact-email-tel.white,
.contact-email-tel.white a{color:var(--gray_green)}

.display-none {display:none !important;}

/* Column hover */
.column-hover .column-hover-image {transition:.3s;}
.column-hover:hover .column-hover-image {transform:translateY(-16px)}

.column-hover .column-hover-link p {transition:.3s;}
.column-hover .column-hover-link p:after {content:"\f061"; font-family: 'Font Awesome 6 Sharp'; font-weight:300 !important; font-size:18px; margin-left:0px; max-width:0px; opacity: 0; transition:.3s !important;}

.column-hover:hover .column-hover-link p {color:var(--orange)}
.column-hover:hover .column-hover-link p:after {margin-left:0px; max-width:16px; opacity: 1; margin-left:12px; color:var(--orange)}

/* Animate vertical image with badge*/
.image-badge .fusion-image-element {position:relative;}
.image-badge .fusion-image-element:after {content:""; opacity:0; transition:.3s; transition-delay:.9s; z-index: 1; position:absolute; right:-90px; top:80px; width:180px; height:180px; background-image:url('images/badge.svg'); background-size: contain; background-repeat: no-repeat; background-position: center;}
.in-view.image-badge .fusion-image-element:after {opacity:1;}

.slide-vertical {position:relative; mask-image: url('images/mask-vertical.svg'); mask-size: 100% 100%; mask-position: center;}
.slide-vertical:before {content:""; position: absolute; left:0; right:0; bottom:0; background:var(--green); height:100%; mask-image: url('images/mask-vertical.svg'); mask-size: 100% 100%;=; mask-position: center; transform: translateY(100%);transition: transform 0.5s ease-out;}
.slide-vertical img {mask-image: url('images/mask-vertical.svg'); mask-size: 100% 100%;=; mask-position: center;  transform: translateY(100%); transition: transform 0.5s ease-out;transition-delay: 0.5s;}

.in-view .slide-vertical:before {transform:translateY(0);}
.in-view .slide-vertical img {transform:translateY(0)}

/* animate horizontal image full width */
.slide-horizontal {position:relative; mask-image: url('images/mask-horizontal.svg'); mask-size: 100% 100%;=; mask-position: center;}
.slide-horizontal:before {content:""; position: absolute; left:0; right:0; bottom:0; top:0; width:100%; background:var(--green); mask-image: url('images/mask-horizontal.svg'); mask-size: 100% 100%;=; mask-position: center; transform: translateX(-100%); transition: transform 0.5s ease-out;}
.slide-horizontal img {mask-image: url('images/mask-horizontal.svg'); mask-size: 100% 100%;=; mask-position: center; transform: translateX(-100%); transition: transform 0.5s ease-out; transition-delay:.5s}

.slide-horizontal.in-view:before {transform:translateX(0)}
.slide-horizontal.in-view img {transform:translateX(0)}

/* Background with mask */
.full-column-mask-after > .fusion-column-wrapper {position:relative}
.full-column-mask-after > .fusion-column-wrapper:after {content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:var(--orange); mask-image: url('images/mask-horizontal.svg'); mask-size: 100% 100%;=; mask-position: center;}

/* full column mask */ 
.full-column-mask-bg > .fusion-column-wrapper { mask-image: url('images/mask-horizontal.svg'); mask-size: 100% 100%;=; mask-position: center;} 

/* Border top & bottom */
.border-top {border-top: solid rgba(23, 80, 71, 0.35) 1px; padding-top:24px;}
.border-bottom {border-bottom: solid rgba(23, 80, 71, 0.35) 1px; padding-bottom:40px}

/* Header */
.fusion-header .fusion-row {display:flex; justify-content: space-between;; align-items: center;}
.fusion-header .fusion-row:before,
.fusion-header .fusion-row:after {display:none;}

.fusion-header .fusion-row .fusion-logo {z-index: 9999;}
.fusion-header .fusion-row .fusion-logo #text {transition: .5s;}

.fusion-header .menu-icon-container {z-index: 9999; display:flex; display:flex; align-items:center;}
.fusion-header .menu-icon-container .menu-toggle {display:flex; align-items:center; transition:.3s; z-index: 9999; gap:24px; cursor:pointer;}
.fusion-header .menu-icon-container .menu-toggle .menu-icon-text {font-family: "Fig Grotesk - Medium"; transition:.3s;}

.fusion-header .menu-icon-container .menu-toggle .menu-icon {position: relative;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;}
.fusion-header .menu-icon-container .menu-toggle .menu-icon .menu-bar {position: absolute;width: 50px;height: 2px; background: var(--green);transition-property: transform;transition: all 500ms ease-out;}
.fusion-header .menu-icon-container .menu-toggle .menu-icon .menu-bar[data-position=top] {transform: translateY(-12px);}
.fusion-header .menu-icon-container .menu-toggle .menu-icon .menu-bar[data-position=bottom] {transform: translateY(12px); }

/* Flyout menu */
.flyout-menu-wrapper {position:fixed; right:100%; bottom:0; width:100%; top:var(--wp-admin--admin-bar--height, 0); padding:100px 16px 16px 16px; display:flex; align-items: center; justify-content: center; background:var(--green); pointer-events:none; transition: right 0.5s ease-out; z-index: 9998;} 
.flyout-menu-wrapper .flyout-menu-container {width:100%; max-width:var(--site_width); display:flex; justify-content: space-between; flex-wrap:wrap}
.flyout-menu-wrapper .flyout-menu-container .menu-left .menu-into {color:var(--gray_green); display:flex; gap:24px; align-items: center; line-height: 1; margin-bottom:40px; font-size:24px; font-family: "Fig Grotesk - Bold";}
.flyout-menu-wrapper .flyout-menu-container .menu-left .menu-into .menu-dot {width:14px; height:14px; border-radius:50%; background:var(--orange); margin-bottom:2px;}
.flyout-menu-wrapper .flyout-menu-container .menu-left .flyout-menu {padding:0; margin:0;display: grid;grid-template-columns: repeat(2, 1fr);gap: 8px 40px;}

.flyout-menu-wrapper .flyout-menu-container .menu-left .flyout-menu li a {font-family: "Fig Grotesk - Bold"; font-size:48px; line-height:1; color:var(--gray_green); opacity:0.5; transition:.3s;}
.flyout-menu-wrapper .flyout-menu-container .menu-left .flyout-menu li a:before {content:"\f178"; font-weight:300; font-family: 'Font Awesome 6 Sharp'; font-weight:300 !important; display:inline-flex; transition:.3s; color:var(--gray_green); margin-right:40px }
/*.flyout-menu-wrapper .flyout-menu-container .menu-left .flyout-menu li.current-menu-item a:before, */
.flyout-menu-wrapper .flyout-menu-container .menu-left .flyout-menu li a:hover:before {transform:translateX(24px)}

.flyout-menu-wrapper .flyout-menu-container .menu-left .flyout-menu li.current-menu-item a,
.flyout-menu-wrapper .flyout-menu-container .menu-left .flyout-menu li a:hover {opacity:1;}

.flyout-menu-wrapper .flyout-menu-container .menu-right {display:flex; flex-direction: column; align-items: flex-end; justify-content: space-between;}
.flyout-menu-wrapper .flyout-menu-container .menu-right .menu-buttons {display:flex; flex-wrap:wrap;}

.flyout-menu-wrapper .flyout-menu-container .flyout-footer {width:100%; border-top: solid var(--gray_green-35) 1px; margin-top:40px; padding-top:40px; padding-bottom:40px; }
.flyout-menu-wrapper .flyout-menu-container .flyout-footer .flyout-socials {display:flex; gap:8px; line-height:1; align-items: center; flex-wrap:wrap; text-transform: uppercase;}
.flyout-menu-wrapper .flyout-menu-container .flyout-footer .flyout-socials a {color:var(--gray_green); font-size:48px;}
.flyout-menu-wrapper .flyout-menu-container .flyout-footer .flyout-socials .divider {width:2px; height:20px; background:var(--gray_green-35)}

/* Flyout active */
.flyout-active .flyout-menu-wrapper {right:0; pointer-events: all;}
.flyout-active .fusion-header .fusion-logo #text {fill:var(--gray_green);}
.flyout-active .fusion-header .menu-icon-container .menu-toggle .menu-icon-text {color:var(--gray_green);}
.flyout-active .fusion-header .menu-icon-container .menu-toggle .menu-icon .menu-bar {background:var(--gray_green);}
.flyout-active .fusion-header .menu-icon-container .menu-toggle .menu-icon .menu-bar[data-position=top] {transform: translateY(0) rotate(45deg);}
.flyout-active .fusion-header .menu-icon-container .menu-toggle .menu-icon .menu-bar[data-position=bottom] {transform: translateY(0) rotate(-45deg);}

/* Buttons */
.button {padding:20px 30px; display:inline-flex; border:none; cursor:pointer; align-items: center; transition:.3s !important; justify-content: center; margin-right:36px; line-height:1; color:var(--green); background:var(--light_green); mask-image:url('images/button-mask.svg'); mask-repeat: no-repeat; mask-size: 100% 100%;=; font-family: "Fig Grotesk - Medium"}
.button .button-text {position: relative; z-index: 1;display:flex; align-items: center; transition:.3s !important; font-weight: normal !important;}
.button .button-text:after {content:"\f061"; font-family: 'Font Awesome 6 Sharp'; font-weight:300 !important; font-size:18px; margin-left:0px; max-width:0px; opacity: 0; transition:.3s !important;}
.button .button-text i {margin-right:4px;}

.button:hover .button-text:after {margin-left:0px; max-width:16px; opacity: 1; margin-left:12px;}
.button:hover {margin-right:8px !important;}

.button.outline {background-image:url('images/button-outline-white.svg'); background-color:transparent; color:var(--gray_green); background-size: 100% 100%; background-repeat: no-repeat; mask-image:none !important}

.button.outline.green,
.button.outline.green:hover {background-image:url('images/button-outline-green.svg'); color:var(--green)}

.button.white {background:#fff !important}

.button.orange {background:var(--orange) !important; color:#fff !important}

/** No arrow buttons */
.button.no-arrow .button-text:after {content:"";}
.button.no-arrow {margin-right: 0px !important;}
.button.no-arrow .button-text:after{display: none !important; }

/* Fusion buttons */
.fusion-button {mask-image:url('images/button-mask.svg'); mask-repeat: no-repeat; mask-size: 100% 100%;=; margin-right:36px !important; transition:.3s !important}

.fusion-button.button-outline {background-image:url('images/button-outline-green.svg') !important; background-color:transparent !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; mask-image:none !important}
.fusion-button.button-outline:hover {background-color:transparent; }

.fusion-button.button-outline-white {background-image:url('images/button-outline-white.svg') !important; background-color:transparent !important; background-size: 100% 100%; background-repeat: no-repeat; mask-image:none !important}
.fusion-button.button-outline-white .fusion-button-text {color:var(--gray_green) !important}
.fusion-button.button-outline-white:hover {background-image:url('images/button-outline-white.svg') !important; background-color:transparent !important;}

.fusion-button .fusion-button-text {display:flex; align-items: center; font-weight: normal !important;}
.fusion-button .fusion-button-text:after {content:"\f061"; font-family: 'Font Awesome 6 Sharp'; font-size:18px; margin-left:0px; max-width:0px; opacity: 0; transition:.3s; font-weight:300 !important}

.fusion-button:hover .fusion-button-text:after {margin-left:0px; max-width:16px; opacity: 1; margin-left:12px;}
.fusion-button:hover {margin-right:8px !important;}

/* Footer */
.footer-menu ul {padding:0; margin:0; display:flex; flex-direction: column; gap:40px;}
.footer-menu ul li a {font-family: "Fig Grotesk - Bold"; font-size:50px; line-height:1; color:var(--gray_green); opacity:0.5}
.footer-menu ul li a span {color:var(--gray_green)}
.footer-menu ul li a:before {content:"\f178"; font-weight:300; font-family: 'Font Awesome 6 Sharp'; font-weight:300 !important; display:inline-flex; transition:.3s; color:var(--gray_green); margin-right:40px }
.footer-menu ul li a:hover:before {transform:translateX(24px)}

.footer-menu ul li:hover a,
.footer-menu ul li.current-menu-item a {opacity:1;}

.footer-badge {position:relative;}
.footer-badge:after {content:""; transition:.3s; transition-delay:.9s; z-index: 1; position:absolute; right:0; left:0; margin:0 auto; top:-90px; width:180px; height:180px; background-image:url('images/badge.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none;}

/* Contact */
#main .wpforms-container {margin:0px; width:100%;}

#main .wpforms-container input,
#main .wpforms-container textarea {border-radius:0px; border-color: rgb(238 242 227 / 50%) !important; color:#EEF2E3 !important; background:transparent}

#main .wpforms-container input::placeholder,
#main .wpforms-container textarea::placeholder {color: rgb(238 242 227 / 50%) !important}

#main .wpforms-container input:focus,
#main .wpforms-container textarea:focus {box-shadow: none !important;}

#main .wpforms-container textarea {resize:none;}

#main .wpforms-container button[type="submit"] {padding:20px 30px; height:auto;  transition:.3s !important; float:right; margin-right:36px; display:inline-flex; border:none; cursor:pointer; align-items: center; justify-content: center; line-height:1; color:var(--green); background:var(--light_green); mask-image:url('images/button-mask.svg'); mask-repeat: no-repeat; mask-size: 100% 100%;=; font-family: "Fig Grotesk - Medium"}
#main .wpforms-container button[type="submit"]:after {content:"\f061" !important; font-family: 'Font Awesome 6 Sharp' !important; font-weight:300 !important; font-size:18px !important; margin-left:0px !important; max-width:0px !important; opacity: 0!important; transition:.3s !important;     position: relative;border: none;top: auto;bottom: auto;left: auto;right: auto;}
#main .wpforms-container button[type="submit"]:hover:after {margin-left:0px !important; max-width:16px !important; opacity: 1 !important; margin-left:12px !important;}
#main .wpforms-container button[type="submit"]:hover {margin-right:8px !important;}

#main .wpforms-container button[type="submit"]:before {display:none !important} 

/* Teamtailor */


.home .teamtailor-jobs-widget .teamtailor-jobs__filters {display:none;}

.teamtailor-jobs-widget .teamtailor-jobs__filters select {padding-left:8px; padding-right:8px;}

.teamtailor-jobs-widget .teamtailor-jobs__job  {display: flex; align-items: flex-start; flex-direction: column; display: flex;  background-size: contain; background-repeat: no-repeat;background-image: url(images/outline-white.svg); background-size: cover; padding:40px}
.teamtailor-jobs-widget .teamtailor-jobs__job  * {color: var(--gray_green);}
.teamtailor-jobs-widget .teamtailor-jobs__job  .teamtailor-jobs__job-title {font-size:32px; font-weight:bold; transition:.3s; width:100%;}
.teamtailor-jobs-widget .teamtailor-jobs__job  .teamtailor-jobs__job-title:hover {color: var(--orange);}
.teamtailor-jobs-widget .teamtailor-jobs__job  p {font-size: 16px;}