@charset "UTF-8";

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "_nav.css";
@import "_btn.css";
@import "_fullpage.css";
@import "_forms.css";
@import "_carousel.css";
@import "_inview.css";
@import "_guide.css";
@import "_social-share.css";
@import "tailwindcss/utilities";
@import "_align.css";

[x-cloak] {
    display: none !important;
}

.logo svg {
    @apply h-full w-36 md:w-52;
}

.prose h2 + p {
    @apply mt-12;
}

.wp-block-button__link {
    @apply text-text uppercase text-sm font-normal py-3 px-5 inline-block tracking-wide border-transparent transition focus:outline-none no-underline !important;
}

.contact-bg svg {
    @apply h-full;
}

@media screen and (max-width: 35.4375em) {
    .vimeo-video {
        /*height:calc(100vh - 6rem)*/
    }
}

@media print, screen and (min-width: 48em) {
    .vimeo-video {
        /*min-height:40rem*/
    }
}

@media screen and (min-width: 105em) {
    .vimeo-video {
        /*min-height:75rem*/
    }
}

.team-service svg, .team-service img {
    @apply h-8 w-8 object-contain;
}

.logo-font{font-family:Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-weight:500;font-size:601.0977px;}
.logo-thin {font-weight: 200;}

.service-svg svg {
    width: 40px;
    height: 40px;
}

img.service-svg {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.service-svg-home svg {
    width: 52px;
    height: 52px;
    object-fit: contain;
}

.text-white-import {
    color: #fff !important;
}

.block-import {
    display: block !important;
}

.dark-stl .st1 {
    fill: #2A3239 !important;
}

.hero-image {
    height: 820px;
}
@media screen and (max-width:1024px) {
    .hero-image {
        height: 620px;
    }
}
@media screen and (max-width:425px) {
    .hero-image {
        height: 325px;
    }
}

.split-text h3 {
    font-weight: 300 !important;
}

.group-colour-image .group-colour-anim {
    background-image: none;
    @apply transition-all;
}

.group-colour-image:hover .group-image-anim {
    background-image: unset !important;
    @apply transition-all;
}

html {
    scroll-behavior: smooth;
}

.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6 {
    fill: #fff;
}
.cls-5 {
    font-size: 270px;
    font-family: Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 700;
    letter-spacing: .1em;
}
.cls-6 {
    font-size: 229px;
    font-family: Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 200;
    letter-spacing: .3em;
}