.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}* {
box-sizing: border-box;
}
*[style^="background"],
*[style*="background"] {
background: center / cover no-repeat;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
margin: 0 0 20px;
padding: 0;
}
img {
display: block;
} button, .button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="search"] {
-webkit-appearance: none;
}
.gfield select {
appearance: none;
-webkit-appearance: none;
}
.gfield *::-ms-expand {
display: none;
}
.gfield input[type="text"],
.gfield input[type="email"],
.gfield input[type="tel"],
.gfield input[type="url"],
.gfield textarea,
.gfield select {
border: none;
}@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
:root {
--width-full: 0;
--width-xl: max(clamp(15px, 6vw, 60px), calc(50% - 920px));
--width-l: max(clamp(15px, 6vw, 60px), calc(50% - 840px));
--width-m: max(clamp(15px, 6vw, 60px), calc(50% - 600px));
--width-s: max(clamp(15px, 6vw, 60px), calc(50% - 430px));
--padding-l: clamp(15px, 7vw, 150px);
--padding-m: clamp(15px, 4vw, 100px);
--padding-s: clamp(15px, 2vw, 50px);
--gap-xl: clamp(22px, 3.3vw, 80px);
--gap-l: clamp(20px, 2vw, 60px);
--gap-m: clamp(15px, 2vw, 40px);
--gap-s: clamp(10px, 2vw, 20px);
--gap-xs: clamp(5px, 1vw, 10px);
--border-radius-l: 50px;
--border-radius-m: 20px;
--border-radius-s: 10px;
--border-radius-xs: 5px; --error: red;
--white: #FFFFFF;
--deep-grey: #231F20;
--medium-grey: #383233;
--light-grey: #D6D6D6;
--synoptics-dark-pink: #B72E54;
--synoptics-light-pink: #CF698A;
--synoptics-extra-light-pink: #FFCADF;
--syngene-pink: #AF003D;
--syngene-light-pink: #CF698A;
--synbiosis-pink: #C6004B;
--synbiosis-light-pink: #FF619D;
--fistreem-blue: #1A7CA2;
--fistreem-light-blue: #93DDFA;
--gallenkamp-purple: #5E4C98;
--gallenkamp-light-purple: #DED3FF;
--white-15: rgba(255, 255, 255, 0.15); --woo-white-smoke: #FAFAFA;
--woo-grey: #939393;
--woo-mid-grey: #BDBDBD;
--primary: var(--synoptics-dark-pink);
--secondary: var(--synoptics-light-pink);
--tertiary: var(--synoptics-extra-light-pink);
}
body, textarea, input, select, p, ol, ul, li {
font-family: "Manrope", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
color: var(--deep-grey);
}
ol, ul {
list-style-position: inside;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .hero {
font-family: "Manrope", sans-serif;
font-weight: 300;
}
.hero {
font-size: clamp(40px, 7vw, 100px);
line-height: 1;
}
h1, .h1 {
font-size: clamp(32px, 6vw, 55px);
line-height: 1.2;
}
h2, .h2 {
font-size: clamp(32px, 5.4vw, 55px);
line-height: 1.2;
}
h3, .h3 {
font-size: clamp(30px, 4.8vw, 45px);
line-height: 1.2;
}
h4, .h4 {
font-size: clamp(25px, 3.6vw, 35px);
line-height: 1.1;
}
h5, .h5 {
font-size: clamp(22px, 2.4vw, 25px);
line-height: 1.2;
}
h6, .h6 {
font-size: clamp(20px, 2vw, 22px);
line-height: 1;
}
.large-text {
font-size: clamp(22px, 3vw, 30px);
}
.x-large-text {
font-size: clamp(32px, 4.5vw, 50px);
}
.small-text {
font-size: 16px;
}
.light-text {
font-weight: 300;
}
.regular-text {
font-weight: 400;
}
.semi-bold-text {
font-weight: 600;
}
strong, b {
font-weight: 700;
}
.minus-margin {
margin-bottom: 0;
}
.minus-margin + * {
margin-top: 5px;
}
.underline {
text-decoration: underline;
}
a {
color: var(--primary);
font-weight: 700;
text-decoration: none;
transition: color 0.3s ease-in-out;
}
a:hover {
text-decoration: underline;
transition: color 0.3s ease-in-out;
}
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 20px;
}
.aligncenter {
margin: auto;
text-align: center;
display: block;
}
img {
max-width: 100%;
height: auto;
}
img.display_inline {
display: inline-block;
margin: 4px;
}
div.wp-caption {
max-width: 100%;
display: inline-block;
}
p.wp-caption-text {
background-color: #f7f7f7;
color: #808080;
padding: 16px 25px;
font-size: 18px;
font-style: italic;
}
.button {
font-family: "Manrope", sans-serif;
font-size: 18px;
padding: 15px 20px;
display: inline-flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: var(--white);
font-weight: 500;
line-height: 1;
letter-spacing: -0.72px;
background: var(--primary);
border: 1px solid var(--primary);
border-radius: var(--border-radius-l);
cursor: pointer;
transition: all 0.3s ease-in-out;
position: relative;
&:before {
content: "";;
width: 20px;
height: 20px;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23fff' d='M16.142 1.929a1 1 0 0 0-1-1h-9a1 1 0 1 0 0 2h8v8a1 1 0 0 0 2 0v-9ZM1.707 16.779 15.85 2.635l-1.414-1.414L.293 15.364l1.414 1.414Z'/%3E%3C/svg%3E");
transition: all 0.3s ease;
}
&:hover {
background: var(--primary);
text-decoration: none;
transition: all 0.3s ease-in-out;
&:before {
transform: rotateZ(45deg);
}
}
}
.button.outline {
background: transparent;
color: var(--primary);
&:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath fill='%23B72E54' d='M24.7 2.4c0-.8-.7-1.5-1.5-1.5H9.7a1.5 1.5 0 0 0 0 3h12v12a1.5 1.5 0 0 0 3 0V2.4ZM3.1 24.7 24.3 3.5l-2.1-2.2L.9 22.5l2.2 2.2Z'/%3E%3C/svg%3E");
}
}
.button.white {
background: var(--white-15);
border-color: var(--white-15);
&:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23B72E54' d='M16.142 1.929a1 1 0 0 0-1-1h-9a1 1 0 1 0 0 2h8v8a1 1 0 0 0 2 0v-9ZM1.707 16.779 15.85 2.635l-1.414-1.414L.293 15.364l1.414 1.414Z'/%3E%3C/svg%3E");
}
&.outline {
background: transparent;
border-color: var(--white);
}
}
.button.dark {
background: var(--deep-grey);
border-color: var(--deep-grey);
&:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill='%23fff' d='M16.6 2c0-.6-.5-1-1-1h-9a1 1 0 0 0 0 2h8v8a1 1 0 1 0 2 0V2ZM2 16.7 16.3 2.6l-1.4-1.4L.7 15.4l1.4 1.4Z'/%3E%3C/svg%3E");
}
.outline {
background: transparent;
color: var(--deep-grey);
border-color: var(--deep-grey);
&:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 17 17'%3E%3Cpath fill='%23231F20' d='M16.6 2c0-.6-.5-1-1-1h-9a1 1 0 0 0 0 2h8v8a1 1 0 1 0 2 0V2ZM2 16.7 16.3 2.6l-1.4-1.4L.7 15.4l1.4 1.4Z'/%3E%3C/svg%3E");
}
}
}
.button.icon_button {
padding: 12px;
aspect-ratio: 1 / 1;
border-radius: var(--border-radius-s);
margin: 0;
}
@media (width <= 700px) {
.button.icon_button {
width: 35px;
height: 35px;
padding: 8px;
&:before {
background-size: 20px;
}
}
}
@media (width <= 450px) {
.button.icon_button {
min-width: 0;
}
}
.mce-content-body a.button[data-mce-selected] {
padding: 8px 20px;
margin: 0;
box-shadow: none;
border-radius: 0;
}
.mce-content-body a.button.white {
background: #ddd !important;
} ul.check_ul {
list-style: none;
padding: 0;
}
ul.check_ul > li {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 10px;
}
ul.check_ul > li:last-child {
margin-bottom: 0;
}
ul.check_ul > li::before {
content: '';
margin-right: 15px;
min-width: 20px;
min-height: 20px;
background: center / 16px 12px no-repeat url("data:image/svg+xml,%3Csvg width='16' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m5.43 12.23-5.2-5.2a.8.8 0 0 1 0-1.13l1.14-1.13a.8.8 0 0 1 1.13 0L6 8.27l7.5-7.5a.8.8 0 0 1 1.13 0l1.14 1.13a.8.8 0 0 1 0 1.13l-9.2 9.2a.8.8 0 0 1-1.14 0Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.mce-content-body span[style="color: #ffffff;"] {
color: #ddd !important;
}
@media ( min-width: 451px) {
.button:not(:last-child) {
margin: 0 1rem 1rem 0;
}
}
@media (max-width: 450px) {
.button {
padding: 15px 20px;
box-sizing: border-box;
}
.button:not(:last-child) {
margin-bottom: 1rem;
}
}html {
scroll-behavior: smooth;
}
body {
margin: 0;
}
.error_404 {
text-align: center;
padding: 200px 0;
}
.wp_content > :first-child {
margin-top: 0;
}
.page-template-default .wp_content > :not(:last-child):not(:first-child) {
margin-bottom: 40px;
}
.wp_content > :last-child {
margin-bottom: 0;
}
.padding_full {
padding-left: var(--width-full);
padding-right: var(--width-full);
}
.padding_xl {
padding-left: var(--width-xl);
padding-right: var(--width-xl);
}
.padding_l {
padding-left: var(--width-l);
padding-right: var(--width-l);
}
.padding_m {
padding-left: var(--width-m);
padding-right: var(--width-m);
}
.padding_s {
padding-left: var(--width-s);
padding-right: var(--width-s);
}
.padding_top_l {
padding-top: var(--padding-l);
}
.padding_top_m {
padding-top: var(--padding-m);
}
.padding_top_s {
padding-top: var(--padding-s);
}
.padding_top_none {
padding-top: 0;
}
.padding_bottom_l {
padding-bottom: var(--padding-l);
}
.padding_bottom_m {
padding-bottom: var(--padding-m);
}
.padding_bottom_s {
padding-bottom: var(--padding-s);
}
.padding_bottom_none {
padding-bottom: 0;
}
.main_container {
&.header_transparent {
> div:first-of-type {
padding-top: 150px;
}
}
} .social_links_container {
display: flex;
justify-content: flex-start;
align-items: center;
}
.social_icon {
min-width: 22px;
min-height: 22px;
background-position: center;
background-size: contain;
margin-right: 10px;
}
.social_icon:hover {
opacity: 0.7;
}
.social_icon:last-child {
margin-right: 0;
}
.social_icon.facebook {
background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25.5H2.75A2.25 2.25 0 0 0 .5 2.75v16.5a2.25 2.25 0 0 0 2.25 2.25h6.43v-7.14H6.23V11h2.95V8.44c0-2.91 1.74-4.52 4.4-4.52 1.27 0 2.6.22 2.6.22V7H14.7c-1.44 0-1.9.9-1.9 1.82V11h3.23l-.52 3.36h-2.7v7.14h6.43a2.25 2.25 0 0 0 2.25-2.25V2.75A2.25 2.25 0 0 0 19.25.5Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.social_icon.instagram {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5.5a4.48 4.48 0 1 0 0 8.97 4.48 4.48 0 0 0 0-8.96Zm0 7.41a2.92 2.92 0 1 1 .02-5.84A2.92 2.92 0 0 1 10 12.9Zm5.72-7.59a1.04 1.04 0 1 1-2.09 0 1.05 1.05 0 0 1 2.1 0ZM18.7 6.4a5.18 5.18 0 0 0-1.42-3.67 5.21 5.21 0 0 0-3.67-1.42c-1.44-.08-5.77-.08-7.22 0a5.2 5.2 0 0 0-3.67 1.41C1.7 3.74 1.38 4.98 1.31 6.38c-.08 1.45-.08 5.78 0 7.23.07 1.4.39 2.64 1.41 3.66A5.22 5.22 0 0 0 6.4 18.7c1.45.08 5.78.08 7.22 0a5.18 5.18 0 0 0 3.67-1.42 5.21 5.21 0 0 0 1.42-3.66c.08-1.45.08-5.78 0-7.22Zm-1.87 8.77c-.3.76-.9 1.35-1.66 1.66-1.16.46-3.9.35-5.17.35s-4 .1-5.16-.35c-.76-.3-1.35-.9-1.66-1.66-.46-1.16-.35-3.89-.35-5.16 0-1.28-.1-4.02.35-5.16.3-.77.9-1.36 1.66-1.67C6 2.71 8.74 2.82 10 2.82c1.28 0 4.02-.1 5.16.35.77.3 1.36.9 1.67 1.67.46 1.15.35 3.88.35 5.16 0 1.27.1 4-.35 5.16Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.social_icon.twitter {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.25 1.5H3.75c-1.24 0-2.25 1-2.25 2.25v16.5c0 1.24 1 2.25 2.25 2.25h16.5c1.24 0 2.25-1 2.25-2.25V3.75c0-1.24-1-2.25-2.25-2.25Zm-2.3 7.44c.02.13.02.27.02.4 0 4.07-3.1 8.75-8.75 8.75A8.7 8.7 0 0 1 4.5 16.7a6.16 6.16 0 0 0 4.56-1.27 3.08 3.08 0 0 1-2.88-2.14c.48.07.9.07 1.39-.05a3.07 3.07 0 0 1-2.46-3.02v-.04c.4.23.89.37 1.39.39a3.07 3.07 0 0 1-.95-4.11 8.73 8.73 0 0 0 6.33 3.21 3.08 3.08 0 0 1 5.25-2.8c.7-.13 1.36-.4 1.95-.74a3.07 3.07 0 0 1-1.35 1.69 6.12 6.12 0 0 0 1.77-.48 6.47 6.47 0 0 1-1.54 1.6Z' fill='%23FF0000'/%3E%3C/svg%3E");
}
.social_icon.youtube {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.08 5.42a2.38 2.38 0 0 0-1.67-1.69c-1.48-.4-7.41-.4-7.41-.4s-5.93 0-7.41.4c-.82.22-1.46.87-1.68 1.69-.4 1.49-.4 4.6-.4 4.6s0 3.1.4 4.59c.22.82.86 1.44 1.68 1.66 1.48.4 7.4.4 7.4.4s5.94 0 7.42-.4a2.35 2.35 0 0 0 1.67-1.66c.4-1.5.4-4.6.4-4.6s0-3.1-.4-4.6ZM8.06 12.83V7.2l4.96 2.82-4.96 2.82Z' fill='%23FF0000'/%3E%3C/svg%3E");
} .bg_white {
background: var(--white);
}
.bg_deep-grey {
background: var(--deep-grey);
}
.bg_medium-grey {
background: var(--medium-grey);
}
.bg_synoptics-dark-pink {
background: var(--synoptics-dark-pink);
}
.bg_synoptics-light-pink {
background: var(--synoptics-light-pink);
}
.bg_synoptics-extra-light-pink {
background: var(--synoptics-extra-light-pink);
}
.bg_syngene-pink {
background: var(--syngene-pink);
}
.bg_syngene-light-pink {
background: var(--syngene-light-pink);
}
.bg_synbiosis-pink {
background: var(--synbiosis-pink);
}
.bg_synbiosis-light-pink {
background: var(--synbiosis-light-pink);
}
.bg_fistreem-blue {
background: var(--fistreem-blue);
}
.bg_fistreem-light-blue {
background: var(--fistreem-light-blue);
}
.bg_gallenkamp-purple {
background: var(--gallenkamp-purple);
}
.bg_gallenkamp-light-purple {
background: var(--gallenkamp-light-purple);
}
.bg_gradient {
background: linear-gradient(180deg, var(--deep-grey) 0%, var(--primary) 100%);
}
.bg_gradient ,
.bg_medium-grey ,
.bg_deep-grey ,
.bg_syngene-pink ,
.bg_gallenkamp-purple {
& ul li {
color: #fff;
}
& .gfield label {
color: #fff;
}
.gfield label.gfield_label,
.gfield .gfield_label {
.gfield_required_text {
color: #fff;
opacity: 0.5;
}
}
}
.bg_white-smoke {
background: var(--woo-white-smoke);
}
.graphic_bg {
position: relative;
isolation: isolate;
&:after {
z-index: -1;
content: "";
position: absolute;
top: 10%;
left: 5vw;
width: 90vw;
height: 90%;
background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 736 156'%3E%3Cpath fill='url(%23a)' d='M627 71.6c0 9.3-.7 17.7-2.1 25.2a95.6 95.6 0 0 1-7.5 21c-3.4 6.5-7.7 12.8-12.6 19-5 6.3-10.7 12.7-17.1 19.2l-27.5-13.1c2-2 3.8-4.4 5.6-7.2a102 102 0 0 0 9.7-20.3 44 44 0 0 1-26-15.3A43 43 0 0 1 539 71.6c0-6.2 1.2-12.1 3.7-17.6a44 44 0 0 1 40.5-27c6 0 11.7 1.1 17.1 3.4A49.2 49.2 0 0 1 623.7 54a46.5 46.5 0 0 1 3.4 17.6Zm109 3.8a110 110 0 0 1-3 23.2 89.4 89.4 0 0 1-19.7 38.7c-5 6-10.5 12.2-16.7 18.7l-27.5-13.1c2-2 3.8-4.4 5.6-7.2a102.4 102.4 0 0 0 9.7-20.3 44 44 0 0 1-26-15.3 43 43 0 0 1-10.5-28.5c0-6.2 1.2-12.1 3.7-17.6a43.9 43.9 0 0 1 40.5-27c6 0 11.7 1.1 17.1 3.4 5.2 2.5 9.8 5.9 13.8 10.1 4 4.3 7.2 9.3 9.7 15 2.2 6 3.3 12.6 3.3 19.9Z' opacity='.1'/%3E%3Cpath fill='url(//www.synoptics.co.uk/wp-content/themes/synoptics/includes/css/%23b)' d='M109 84.4c0-9.3.7-17.7 2.1-25.2a95.6 95.6 0 0 1 7.5-21c3.4-6.5 7.7-12.8 12.6-19 5-6.3 10.7-12.7 17.1-19.2l27.5 13.1c-2 2-3.8 4.4-5.6 7.2a102 102 0 0 0-9.7 20.3 44 44 0 0 1 26 15.3A43 43 0 0 1 197 84.4c0 6.2-1.2 12.1-3.7 17.6a44 44 0 0 1-40.5 27c-6 0-11.7-1.1-17.1-3.4a49.2 49.2 0 0 1-23.4-23.6 46.5 46.5 0 0 1-3.4-17.6ZM0 80.6c.2-8.5 1.2-16.2 3-23.2a89.4 89.4 0 0 1 19.7-38.6c5-6 10.5-12.3 16.7-18.8l27.5 13.1c-2 2-3.8 4.4-5.6 7.2a102.2 102.2 0 0 0-9.7 20.3 44 44 0 0 1 26 15.3 43 43 0 0 1 10.5 28.5c0 6.2-1.2 12.1-3.7 17.6a43.9 43.9 0 0 1-40.5 27c-6 0-11.7-1.1-17.1-3.4A45.8 45.8 0 0 1 13 115.5c-4-4.3-7.2-9.3-9.7-15C1.1 94.5 0 87.9 0 80.6Z' opacity='.1'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='539' x2='736' y1='91.5' y2='91.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FB0867' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23FB0867'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='197' x2='0' y1='64.5' y2='64.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FB0867' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%23FB0867'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.wp_content {
max-width: 900px;
margin: 0 auto;
}
}
.image-switch {
background: no-repeat center / cover
}
.the_usps {
display: flex;
justify-content: center;
align-items: center;
padding: clamp(10px, 2vw, 20px);
> div {
padding: 0 20px;
height: 50px;
display: flex;
align-items: center;
&:nth-child(2) {
border-left: 3px solid var(--white-15);
border-right: 3px solid var(--white-15);
}
}
& p {
margin: 0;
font-size: clamp(22px, 2.4vw, 25px);
font-weight: 200;
line-height: 120%;
text-align: center;
color: var(--white);
}
& strong {
font-weight: 700;
}
}
.usp {
&:nth-of-type(1) {
& strong {
color: var(--tertiary);
}
}
&:nth-of-type(2) {
& strong {
color: var(--secondary);
}
}
&:nth-of-type(3) {
& strong {
color: var(--primary);
}
}
} .header_solid .the_usps,
.page-template-default .the_usps {
background: var(--medium-grey);
}
@media (max-width: 1024px) {
.the_usps {
display: grid;
grid-template-columns: 1fr;
> div {
display: grid;
grid-template-columns: 1fr;
grid-area: 1 / 1;
opacity: 0;
transition: .3s;
height: auto;
&:nth-child(2) {
border: none;
}
&.active {
opacity: 1;
}
}
* {
text-align: center;
}
}
}
@media (max-width: 640px) {
.header-right {
display: flex;
justify-content: space-between;
}
} .post_tags {
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 10px;
& span {
font-weight: 400;
padding: 8px 15px;
color: var(--deep-grey);
background: var(--white);
border-radius: var(--border-radius-l);
}
}  #pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 15px;
text-transform: lowercase;
& a,
> span {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
color: var(--deep-grey);
text-decoration: none;
font-weight: 700;
border-radius: 5px;
border: 2px solid transparent;
min-width: 50px;
&:not(.prev):not(.next) {
aspect-ratio: 1/1;
font-weight: 400;
&.current {
border-color: var(--primary);
font-weight: 700;
}
}
}
} #unity_cookie_overlay, #unity_cookie_view_settings {
width: 380px;
background: #fff;
border: 1px solid #bfbfbf;
border-left: 4px solid #666;
padding: 25px;
position: fixed;
bottom: 50px;
right: 50px;
z-index: 2147483646;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
opacity: 1;
transition: .3s;
}
#unity_cookie_view_settings {
width: 500px;
}
.unity_cookie_setting_link {
color: #999;
display: inline-block;
padding: 10px;
cursor: pointer;
}
.unity_cookie_setting_link:hover {
color: #777;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar {
width: 16px;
}
#unity_cookie_view_settings > .wp_content::-webkit-scrollbar-thumb {
border-left: 12px solid rgba(0, 0, 0, 0);
background-clip: padding-box;
background-color: #AAAAAA;
}
#unity_cookie_overlay.unity_cookie_hide, #unity_cookie_view_settings.unity_cookie_hide {
opacity: 0;
right: -555px;
}
#unity_cookie_view_settings > .wp_content {
margin-bottom: 20px;
max-height: 400px;
overflow-y: auto;
}
.unity_cookie_info {
border: 1px solid #c2c2c2;
border-radius: 3px;
margin: 20px 0;
}
.unity_cookie_info > div:first-child {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
cursor: pointer;
}
.unity_cookie_info > div:first-child strong:before {
content: '';
display: inline-block;
width: 15px;
height: 9px;
background: center / 15px 9px url("data:image/svg+xml,%3Csvg width='15' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5.7 1.5 0 0 1.4l7 7 7.1-7L12.7 0 7.1 5.7Z' fill='%23C4C4C4'/%3E%3C/svg%3E") no-repeat;
margin: 0 10px 2px 0;
}
.unity_cookie_info > div:first-child span {
color: #999;
}
.unity_cookie_info .wp_content {
border-top: 1px solid #e3e3e3;
padding: 15px 5px 15px 30px;
display: none;
}
.unity_cookie_info.unity_cookie_info_view .wp_content {
display: block;
}
.unity_cookie_text_small {
font-size: 0.8em;
}
body.menu_open #unity_cookie_overlay, body.menu_open #unity_cookie_view_settings {
right: min(90vw, 480px);
}
body.menu_open.show_menu_close #unity_cookie_overlay, body.menu_open.show_menu_close #unity_cookie_view_settings {
right: 50px;
}
.image, .image-switch {
background: no-repeat center / cover
}
@media (max-width: 600px) {
body.menu_open #unity_cookie_overlay, body.menu_open #unity_cookie_view_settings {
right: min(90vw, 480px);
}
body.menu_open.show_menu_close #unity_cookie_overlay, body.menu_open.show_menu_close #unity_cookie_view_settings {
right: 0px;
}
#unity_cookie_overlay, #unity_cookie_view_settings {
width: 100%;
box-sizing: border-box;
right: 0;
border-right: none;
border-left: none;
}
#unity_cookie_overlay .button {
display: block;
width: 100%;
text-align: center;
box-sizing: border-box;
}
.unity_cookie_setting_link {
display: block;
text-align: center;
}
}
@media (max-width: 450px) {
#unity_cookie_overlay, #unity_cookie_view_settings {
padding: 20px;
}
#unity_cookie_overlay .button, #unity_cookie_view_settings .button {
margin: 0;
}
}
.cookie_overlay_strong #unity_cookie_overlay {
inset: 30% auto auto 50%;
transform: translate(-195px, 0);
padding: 35px;
border: none;
}
.cookie_overlay_strong #unity_cookie_no_click {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.6);
transition: .3s;
z-index: 2147483646;
}
.cookie_overlay_strong #unity_cookie_no_click.unity_cookie_hide {
opacity: 0;
}
@media (max-width: 600px) {
.cookie_overlay_strong #unity_cookie_overlay {
inset: auto 0 0 0;
transform: translate(0, 0);
width: auto;
}
}#header.sticky {
position: fixed;
width: 100%;
top: 0;
z-index: 9;
left: 0;
box-sizing: border-box;
transition: all 150ms ease-in-out;
}
#header {
display: flex;
align-items: center;
justify-content: space-between;
padding: clamp(20px, 6vw, 40px) var(--width-xl);
}
.page-template-default,
.header_solid  {
#header {
background: var(--deep-grey);
}
}
.header_transparent {
#header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}
}
#logo, #mobile_logo {
background: center / contain no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASEAAAApCAMAAABN52/wAAACalBMVEVsaGbry9Xhq7vbi6XVfpvw3eOHhobmvcffnbHGdIPPdo9ycG3Ni5VfXFlaVlTy3OP8+/vu1t3Fw8KrqamOi4lmYmD//f/07u/ktcLTb5HAY3X///9lYV7OycfIv7///f3a2tr06u8fGhcdFxQCAAAQCwn///8EAQAJBQSqKUMXEg/UgZoMCAbbm63PaYrDOWfoy9O3LlTis8HKT3j//v4TDgsVEA0QCwcbFhIOCQYiHRoIAwD4+PcGAwJ9e3lCPjvz8/Ls7OxeW1nKVns6NjMxLCotKSb/+ftzcG5nY2H+9Pju7u2rqqilo6KfnpzFP2zQdpC+J1nhssDgrLzXkabXjqODgH68H1SfDiv61ODK2dPlxc7HzsvGyMahn5795e8AAAD93urO29fJ19HJ08/+7PP72OX209vPcY3OaInCOGbI0c3Gy8jfqrramqzTgJnKW3+2LVOuEj6iFjLL2tXoytLmxs/JTnfEOGexGkTc29tZVlT8+/uxr64mIR/19fR4dXNiXVwZFBHj4uHHxsVFQT8qJSJUUE6ioZ/l5OSZl5b5+fluamg9OTbR0NBQTEo2MS/My8qdm5pIREHV1NOUkpGQjYtAPDr9/f3p6enmvsm1tLNLR0Xw8PDY2NeLiYfw0dnBwcDhprh7eHbg4OC6uLeIhoSFg4Hm6Ofx3+Trwc/kt8TFw8K/vr3hn7VkYV/29vaurKvZhaDTfJeAfny7O1+zIkvc393w1t3sxdLlxM3nsMLOhJLISHPAR2myHkihFTD+8fb+6/LGRW+3DkapBzKXBBnglK7IdobBL2CioJ7KZIKvBzqTABDIWBCyAAAAInRSTlN/gICAgH8ggICAgGAgf39ggIB/f39/gICAgIB/YCUQgGAwMeJf3AAACYdJREFUaN7s18tvEkEYAPCevPiI8REPGg8z7LeTzRyZndkH8giQkpYeezT8HYWylbogr0IFpE0pxNiHhxrbxMR/T6ha6+7sEhU9+R0g5OPbnfkxw3y7dOvOUnDcuf/4we2Q/MOlu/fD6pdu35tXfy+0/s69R0sPw67/4N7t0Pr7d+fUP54zgadLTwqR4Ci8gGpoXku2wvKRwqAWWk8P1+bUJ2noBUaN8PrlcxFab0bnTODG0s0ICg51GeJGSF7PrjyzUEiQ5zkSktZQYlUNq1fXkqYWkqepPA2tX7czLCTP09FnaugE/gv9F1qskFAMg2GpkEbZtYlR7hUyGdHMa3emwvQLCWYYBmc4QIhRw6DUYFgiZIpp5iooFaZUyKxQHiqkKQblTAsS0rnB9WAhzjLtdpYziZBId6r6j3m5ozL+WUh0e6b+g6jdKwuvECZGth2Pp8vEkAqJrhufRrtq6H4hXI5fD7cqpEKi2muHCOkW7g7j3axQKZYIYYLSw7RJKwFCvPu87iQ23pSZX4jnouOq8W1a7BVcYO1noVgeVtn3Qs3c3ivGPEKMjxrjhG2v7E7aRJMIkU2wbbt5uLFuMp8QGdlNexrn9mWUUjGpUOwFjLEWIISpuXz8/tzeHx9sxQX2CQml9jbpJF/mdCEV4t0NiDoOQD+j+NeQMoBN5fK3rZAT2Ckzzy5T8wCn1rcr62YdvEIKGtgATccpASQ/aUwidADNhJOwATax7hWivYTtzJJ7CWcazaJcSP0IRyhASJDODsDe+WwEYA849goZORtKiSZAg2GJUEW7gO3WsPduGzrEJ4SY9hbWrWkhVnNQz1DTIxR7BdBMWVdryCukmMcAu6dF101NPgPkBZOtoVdZ1+2c2PCOYo+QKPd6rpt9Aztp13V7vaqQC72ADSwXwqTlQPJ1buSmlgcv4UjxCrH0PhzX2rXG3r4mJEJGe6XZiXBuZc5q1C+EaPZ9qTYVsDrNQ3f67hc6GCfSRCo0818Fex0TrnBOyo09aHAhETopKNyIrUO/zDxCCHOuKIUWnBFDUTjH5q8KkZQNB13CZ0ErqZzw7jJrC3ZwTDFI6xjJhEintF9lM6pqFvuFZjSlepaSdDJatLBM6KRb6iNFLkRasNdSv42Vk1NoFqlE6E1klu4mnCGVnvaRLXh5tQN+TUjJbsMmI1c7jppeIXUAqzE8zbGMiSRC1LVLKXVmpwtTJiSsT/DBQH3YsgSSCTUK72CVazIhUXkLeXJ1RCnsGDYVLBfCJO4kFi6E6QkcZWlYP2SdwkaZzL7LkExIEwfQb1tGcMeos02YXMCAakgqtBbhF/AsJiRCtJdodqzrf6jRZJv7hdYLMYvgPOya+oKFWHkH1i0UJsSGK7CGrCseyVnWh8NJxmJBQiYv9wE2dYbkQq9j3ByXapZESM3BuHxt4Kxb30tZfqHVeK249RKgRfCChXh6xR7xUCFk5BwY55AlAoSQUW2cQ3JSNeRCs48pSGYNM0hIRaR9uJ+hfqHIMuzq124sKjvQUv1C0WkAlAZ6BS1YyBjaifQcIWH0zgD6H3UW2FNTt5GADZcHCcU60W2ko2AhbL2AXcH8a8gjVEF9qZBTf7+9ky9qmokWvoYOnXlCCBOR+gCQN1mAkCkITX+AzxkeJFSL1sthQqhC3sAaNbxCsWkjl71WyIcrpaJklzVQxkQ6nQEtWIhljko1Y+6Tq05Yah+eMywTEtrshaAzmCj4d4WQrh/DsuoV4sPDaEr9aaZHGeYXmhR07bJbW7jQ7CAaEBwqdHlnrTBymiMuEcLlr0+eagt2ReW3hRCt1ptD5hHCygW81a+uRKob0CBB/RD6G0LIykGya/0YueITwlU8IxLkACaqRIimnitUoEph68+EkDUqfc70PR2jMUrAWoXos4ZMt8wD2E+zfyukozP4wp757aYNQ3H4RXbFwSdW5MvYMQ3pSlVQEB1vsIrngMGAUhiUP4W2tBWjFaKFXhSxSTzFnmoJ06YVYl9sVa/6XSaxZX+K7KPf6acc7kuAKqf13pYhOixH/ck5WeAszJBbwaOUbRgHebzk8B+GwPFwcmw9NwRsauGkB7bh2pFCF+MVGnldQzusk8B8YYc7BjPr6eMuh82aemS1gRlu+/q0EQv7hzpjbA682T3eXP37SR1gsgFam+mHSeYWfn4aet5l/xT3llS+qqEA1mvip4vB1Jsf5q+xGNs05EwR+7P2l284Ahl2UvNeHgMS+wxUhgq4pzBkFPHPXm2oIe5vpB+mXbm1cE384cSBkPRjga2c3lBuhbdE6gyl8VGVfgBNft/DXzzO63LrHKquxhhQS5LQ2x5YfXdyUWt1bFDVQ+z8/qFkhhqi88yK/q4a2MFT/ivbSNAkLVWyH7vdxd25ycIyxtgwU3b0hpzlzQ8BGkO00SxGpCpjjImTu1G/Wzv0koyH3GWx961+dzHdUVWMwG0hBCGgTvJBCFWSXxXVv55zAVtJPvAYFz7ENsNz6vUU+iRfClOf5IMwNSmsafNgCdy2IawekjYJXgpNrwMkgLbXIUFlCJ69Ahna6wCQEkDV6wAJWkMBErSGgg+0ST5AsEdlxbhe31s36K1f9tKGcqDGN3RFQQ2vJ6YuaKBHS9144RuKgoZoNhERuvl9Q6DBWMWTBNSwM2uqXYBv6F2OqMml8cwlalgkUzaIBqO1rx1vjj/kiIZoK2EyosZtZF3t+N14iRI1NGV5Ue0GfrZX5zwJw3EcxrnqFRNh8Uq8FhJDvP9vwDA0qUNBNEptY+RQvO8z3dydtVPtpJgwQABv5Yao70np/vvODnxewrM8TZbBW4V2e+G+UrZoiqxeKjKg3GS3NmnypjojRwD5RpXCQCQ7HZaAyN11SDqiSSH3XTgESH0WjmE85uZzApDjc/koLR9lwjIksBUonwuuAsEoC0Kr7mV9DemzdGgnNO2ePRgB2vYs0z1zQFJPrPtoMR8fL+wBBU0obIi0Wsoo+oFiRd0/OKeV0qxaPgTK7ZaO52Pa0j3TArPAA9Pnd4C5R8O3S0t5+CfvOuCNC963U5qYfPFvAAsJNZ3Zp328s9fFYeCzXmicZhaapJmFRoB6IQ/NLDQKmIWmaPVCY4BZaILWKNQo1Cj0LwppS7T6yxLbNCPAxnfnAY8+8hWjjcb4uOgFRE0Qa2c0v88oLgDfFT5TOqCVJlj1ZxH4e9mQi6O5ujpdVmiA624Gujlriw1xcvYWwO5y2hGHzdrjAHqanY42oNXRaettBXr7fwEf7picK8wSfAAAAABJRU5ErkJggg==);
width: 35vw;
height: 100%;
max-width: 300px;
aspect-ratio: 287 / 40;
display: block;
text-indent: -99999px;
transition: .3s;
}
#mobile_logo{
display: none;
}
#header ul.main_menu li a {
text-decoration: none;
}
#header .menu_cta {
display: flex;
align-items: center;
gap: clamp(10px, 0.8vw, 15px);
}
#header .menu_cta .button {
margin: 0;
}
#header .contact_link_container {
display: flex;
gap: var(--gap-s);
}
#header .contact_link_container > a {
display: flex;
gap: var(--gap-s);
align-items: center;
text-decoration: none;
color: var(--error);
margin: 0;
position: relative;
}
#header .contact_link_container > a:before {
content: '';
background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath fill='%23FF0000' d='m19.97 15.117-.908 3.937a1.214 1.214 0 0 1-1.19.946C8.016 20 0 11.984 0 2.129c0-.573.39-1.062.946-1.19L4.884.032A1.226 1.226 0 0 1 6.282.74l1.817 4.238c.213.5.07 1.081-.35 1.424L5.644 8.09a13.659 13.659 0 0 0 6.231 6.23l1.722-2.102c.34-.42.926-.566 1.425-.35l4.239 1.816c.51.269.841.862.709 1.433Z'/%3e%3c/svg%3e");
width: 20px;
height: 20px;
display: block;
}
#header .contact_link_container > a.mail_link:before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' fill='none'%3e%3cpath fill='%23FF0000' d='M10 11.75a2.986 2.986 0 0 1-1.842-.641L0 4.766v8.859C0 14.66.84 15.5 1.875 15.5h16.25c1.035 0 1.875-.84 1.875-1.875v-8.86l-8.156 6.348c-.551.426-1.2.637-1.844.637ZM.636 3.676l8.29 6.449a1.751 1.751 0 0 0 2.15 0l8.29-6.45c.364-.312.634-.792.634-1.3C20 1.339 19.16.5 18.125.5H1.875C.839.5 0 1.34 0 2.375c0 .508.235.988.636 1.3Z'/%3e%3c/svg%3e");
height: 15px;
}
#header .header_login {
background: center / 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none'%3E%3Cpath fill='%23fff' d='M10.143 11.25a5.626 5.626 0 0 0 5.625-5.625A5.626 5.626 0 0 0 10.143 0a5.626 5.626 0 0 0-5.625 5.625 5.626 5.626 0 0 0 5.625 5.625Zm5 1.25H12.99a6.808 6.808 0 0 1-5.695 0H5.143a5 5 0 0 0-5 5v.625C.143 19.16.983 20 2.018 20h16.25c1.035 0 1.875-.84 1.875-1.875V17.5a5 5 0 0 0-5-5Z'/%3E%3C/svg%3E");
width: 44px;
height: 44px;
border-radius: 100%;
}
#header .header_quote {
background: center / 20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 13 13'%3E%3Cpath fill='%23fff' d='M1.5 3a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM4 1h9v1H4V1ZM1.5 8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM4 6h9v1H4V6Zm-2.5 7a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3ZM4 11h9v1H4v-1Z'/%3E%3C/svg%3E");
width: 44px;
height: 44px;
border-radius: 100%;
}@media (1024px < width) {
#header .menu_content_container {
display: flex;
align-items: center;
gap: var(--gap-m);
}
#header ul.main_menu {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: clamp(10px, 0.8vw, 15px);
align-items: center;
}
#header ul.main_menu li {
position: relative;
margin: 0;
}
#header ul.main_menu li.mobile_only {
display: none;
}
#header ul.main_menu li a {
font-size: 18px;
padding: 15px 20px;
border-radius: var(--border-radius-l);
background: transparent;
transition: all 0.3s ease-in-out;
color: var(--white);
font-weight: 500;
}
#header ul.main_menu > li > a:hover,
#header ul.main_menu > li.current_page_item > a:hover {
color: var(--white);
background: var(--white-15);
}
#mobile_menu_button {
display: none;
}
ul#main_menu > li.menu-item-has-children > a {  }
ul#main_menu > li.menu-item-has-children ul {
background: var(--white);
position: absolute;
list-style: none;
top: 50px;
left: 50%;
transform: translateX(-50%);
min-width: 250px;
padding: var(--gap-xs);
margin: 0;
border-radius: var(--border-radius-xs);
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10);
z-index: 10;
display: none;
}
ul#main_menu > li.menu-item-has-children ul:before {
content: '';
position: absolute;
z-index: 1;
height: 20px;
top: -20px;
left: 0;
width: 100%;
}
ul#main_menu > li.menu-item-has-children:hover ul {
display: block;
}
ul#main_menu > li.menu-item-has-children ul:after {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
top: -20px;
left: 50%;
border: 10px solid rgba(0, 0, 0, 0);
border-bottom-color: var(--white);
transform: translateX(-50%);
}
ul#main_menu > li.menu-item-has-children ul li {
width: 100%;
&:not(:last-of-type) {
margin-bottom: var(--gap-xs);
}
&.current-menu-item {
a {
background-color: var(--primary);
color: var(--white);
&:hover {
background-color: var(--light-grey);
color: var(--deep-grey);
}
}
}
}
ul#main_menu > li.menu-item-has-children ul li a {
color: var(--deep-grey);
padding: 10px 20px;
box-sizing: border-box;
display: block;
text-decoration: none;
width: 100%;
font-weight: 400;
border-radius: var(--border-radius-xs);
&:hover {
background-color: var(--light-grey);
}
}
#header .header_login:hover {
background-color: var(--white-15);
transition: all 0.3s ease-in-out;
}
#header .header_quote:hover {
background-color: var(--white-15);
transition: all 0.3s ease-in-out;
}
}@media (width <= 1024px) {
#header .menu_cta {
flex: 1;
justify-content: flex-end;
}
#close_menu {
background-color: rgba(0, 0, 0, 0.01);
position: fixed;
top: 0;
right: 0;
z-index: 2147483647;
width: 0;
height: 100vh;
display: block;
transition: background-color 0.3s ease, right 0.3s ease;
-webkit-transition: background-color 0.3s ease, right 0.3s ease;
}
body.menu_open {
overflow: hidden;
}
body.menu_open #close_menu {
display: block;
background: rgba(0, 0, 0, 0.5);
right: min(90vw, 430px);
width: 100%;
}
body.menu_open.show_menu_close #close_menu {
background-color: rgba(0, 0, 0, 0.01);
width: 100%;
right: 0;
}
#wrap {
position: relative;
width: auto;
min-width: 320px;
overflow: hidden;
}
#shifter {
position: relative;
width: 100%;
left: 0;
transition: left 0.3s ease;
-webkit-transition: left 0.3s ease;
background: #fff;
}
body {
background: #d8d8d8;
}
body.menu_open #shifter {
left: calc(-1 * min(90vw, 430px));
}
body.menu_open.show_menu_close #shifter {
left: 0;
}
#mobile_menu_button {
display: flex;
flex-direction: column;
width: 40px;
padding: 15px 0 15px 15px;
gap: 7px;
}
#mobile_menu_button > div {
border: 2px solid #fff;
border-radius: 2px;
}
#mobile_logo {
display: block;
margin: 0 auto;
background-position: center bottom;
}
.menu_content_container {
display: flex;
top: 0;
left: 100%;
width: min(90vw, 430px);
z-index: 11;
position: fixed;
overflow-x: hidden;
overflow-y: scroll;
max-height: 100vh;
-webkit-transition: left 0.3s ease;
height: 100%;
-ms-overflow-style: none; scrollbar-width: none; box-sizing: border-box;
padding: var(--gap-xl);
background: var(--deep-grey);
flex-direction: column;
gap: 60px;
}
.menu_content_container::-webkit-scrollbar {
display: none; }
body.menu_open .menu_content_container {
left: calc(100% - min(90vw, 430px));
}
body.menu_open.show_menu_close .menu_content_container {
left: 100%;
}
.main_menu {
padding: 0;
margin: 0;
list-style: none;
ul {
padding: 0;
margin: 0;
list-style: none;
}
li {
margin: 0;
position: relative;
margin: 10px 0;
a {
display: block;
color: var(--white);
border-radius: var(--border-radius-xs);
padding: 20px;
font-size: 20px;
font-weight: 400;
text-decoration: none;
}
&.active {
ul {
max-height: 1000px;
transition: max-height 0.5s ease-in-out;
}
}
&.current-menu-ancestor {
> a {
background-color: var(--light-grey);
color: var(--deep-grey);
}
&.menu-item-has-children {
> .expand_container {
> .expand_btn {
background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none'%3e%3cpath stroke='%23231F20' stroke-linecap='square' stroke-width='2' d='m14.2 2.2-6 6-6-6'/%3e%3c/svg%3e");
}
}
}
}
&.current-menu-item {
> a {
background-color: var(--primary);
color: var(--white);
}
}
&.menu-item-has-children {
box-sizing: border-box;
> .expand_container {
position: absolute;
width: 80px;
height: 68px;
right: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
> .expand_btn {
transition: transform 0.3s;
display: block;
width: 16px;
height: 10px;
background: center / cover no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none'%3e%3cpath stroke='%23ffffff' stroke-linecap='square' stroke-width='2' d='m14.2 2.2-6 6-6-6'/%3e%3c/svg%3e");
}
}
ul {
max-height: 0;
transition: max-height 0.5s ease-in-out;
overflow: hidden;
margin-left: 20px;
&.active {
max-height: 1000px;
}
}
&.active {
> .expand_container {
> .expand_btn {
transform: rotate(-180deg);
}
}
}
&.clicked {
> a:after {
transform: rotate(-180deg);
}
}
}
}
}
.contact_link_container {
flex-direction: column;
}
}
@media (max-width: 680px) {
#header .menu_cta .button {
display: none;
}
}#footer {
background: var(--primary);
padding: clamp(35px, 5vw, 100px) var(--width-m);
color: #fff;
#logo {
background: center / contain no-repeat url(data:image/png;base64,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);
max-width: 287px;
max-height: 40px;
aspect-ratio: 287 / 40;
display: block;
text-indent: -99999px;
transition: .3s;
margin: 0 auto clamp(35px, 5vw, 80px);
}
}
#footer .footer_links_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
margin-bottom: 35px;
> div {
flex: 1;
}
}
#footer ul.footer_menu {
margin: 0;
list-style: none;
display: flex;
flex-flow: column;
gap: 15px;
}
#footer ul.footer_menu li {
margin: 0;
}
#footer ul.footer_menu li a {
color: #fff;
font-weight: 400;
}
#footer .footer_menu_2 {
text-align: center;
}
#footer .footer_accreditations {
display: flex;
justify-content: center;
align-items: center;
gap: var(--gap-s);
margin-bottom: clamp(35px, 4vw, 55px);
}
#footer .footer_accreditations img {
aspect-ratio: 77 / 85;
max-height: 85px;
}
#footer .footer_contact_details {
p {
color: var(--white);
}
a {
color: var(--white);
}
}
.end_of_page {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
p {
color: rgba(255, 255, 255, 0.60);
}
strong {
color: var(--white);
}
}
.marketing_by {
display: flex;
align-items: flex-end;
gap: 5px;
}
.marketing_by a {
height: 21px;
}
@media (width <= 800px) {
#footer .footer_links_container {
flex-flow: column;
gap: 35px;
}
#footer .footer_links_container > div {
text-align: center;
}
#footer .footer_links_container .footer_contact_details * {
text-align: center !important;
}
.end_of_page {
justify-content: center;
text-align: center;
}
}