﻿.site-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

    .site-header .navbar-container.bottom .div-block {
        background: unset;
    }

.sr-only {
    position: absolute;
    margin: -1px 0 0 -1px;
    padding: 0;
    display: block;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    outline: 0;
}

.cta-link-text-weight-bold {
    word-break: break-word;
}

.white-space-pre-line {
    white-space: pre-line !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.text-white p {
    color: white;
}

    .text-white p a {
        color: white;
        text-decoration: underline;
    }

.button-blue-outline:hover {
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.margin-top-small {
    margin-top: 40px !important;
}

.margin-bottom-small {
    margin-bottom: 40px !important;
}

.margin-top-medium {
    margin-top: 60px !important;
}

.margin-bottom-medium {
    margin-bottom: 60px !important;
}

.margin-top-large {
    margin-top: 140px !important;
}

.margin-bottom-large {
    margin-bottom: 140px !important;
}

.margin-top-extra-large {
    margin-top: 235px !important;
}

.margin-bottom-extra-large {
    margin-bottom: 235px !important;
}

.padding-top-none {
    padding-top: 0 !important;
}

.padding-top-small {
    padding-top: 40px !important;
}

.padding-bottom-small {
    padding-bottom: 40px !important;
}

.padding-top-medium {
    padding-top: 60px !important;
}

.padding-bottom-none {
    padding-bottom: 0 !important;
}

.padding-bottom-medium {
    padding-bottom: 60px !important;
}

.padding-top-large {
    padding-top: 140px !important;
}

.padding-bottom-large {
    padding-bottom: 140px !important;
}

.padding-top-extra-large {
    padding-top: 235px !important;
}

.padding-bottom-extra-large {
    padding-bottom: 235px !important;
}

.dynamic-content-carousel .macro-tick {
    fill: #51b5a7;
}

.dynamic-content {
    height: auto;
    display: none;
}

.dynamic-content.show {
    display: block;
}

.menu-toggle {
    position: relative;
    z-index: 999999;
}

.mobile-menu-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 99999;
    transition: all .3s ease-in-out;
    left: -100%;
    background: unset;
}

    .mobile-menu-container .navbar-menu {
        background: unset;
    }

    .mobile-menu-container.show {
        left: 0;
    }

.line-top, .line-middle, .line-bottom {
    transition: .2s all ease-in-out;
}

.line-top.active {
    transform: rotate(45deg);
    position: absolute;
}

.line-middle.active {
    display: none;
}

.line-bottom.active {
    transform: rotate(-45deg);
    position: absolute;
}

.branch-search-button {
    height: 48px;
    line-height: 23px;
}

.search {
    align-items: flex-start;
}

.dynamic-content-wrapper {
    margin-top: 50px;
}

.branches-container {
    padding-top: 100px;
    padding-bottom: 100px;
}

.dropdown-link.w--current {
    background-color: white;
}

.dropdown-link.w--current:active {
    background-color: white;
}

.brix---color-neutral-600 {
    color: rgba(87, 87, 86, .94);
    font-weight: 400;
}

.case-study-internal-contents {
    width: 100%;
    height: 100%;
    text-align: center;
    border: 1px #e5e7eb;
    border-radius: 10px;
    flex-direction: column;
    flex: 0 auto;
    display: flex;
}

.general-text-block h2, .general-text-block h3, .general-text-block h4 {
    margin-top: 20px;
}

.standard-link {
    padding-left: 8px;
    padding-right: 8px
}

.interactive-content-block .w-tab-content {
    background: white;
}

.faq .no-left-padding {
    padding-left: 0;
}

.bullet-points-block .horizontal-layout {
    padding: 0;
}

.bullet-points-block .horizontal-layout:hover {
    background: unset;
}

.bullet-points-block .small-list-2-icon-columns-grid {
    grid-column-gap: 0;
    grid-row-gap: 0;
}

.bullet-points-block img {
    width: 45px;
}

.search-form-wrapper {
    padding: 40px 20px;
}

.search-results-wrapper {
    padding: 40px 20px;
}

.search-form {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.search-form input {
    border-radius: 10px;
    height: 50px;
    width: 400px;
    padding: 10px;
    border-width: 1px;
}

    .search-form button {
        margin-left: 10px;
        height: 50px;
        border-radius: 10px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #043b58;
        color: white;
    }

.carousel-image-wrapper-2 {
    height: 350px;
    max-height: 350px;
}

.carousel-image-wrapper-2 {
    height: 350px;
}

.carousel-image-wrapper-2 .bg-image {
    object-fit: contain;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    color: #043b58;
}

.umbraco-form-wrapper input, .umbraco-form-wrapper textarea {
    min-height: 60px;
    color: rgba(87, 87, 86, .94);
    background-color: #fff;
    border: 1px solid rgba(214, 214, 214, .82);
    border-radius: 10px;
    margin-bottom: 0;
    padding: 16px 24px;
    font-family: Albert Sans, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    transition: box-shadow .3s, color .3s, border-color .3s;
    display: block;
}

    .umbraco-form-wrapper input:active, .umbraco-form-wrapper input:focus-visible, .umbraco-form-wrapper textarea:focus-visible {
        border-color: #043b58 !important;
        border-width: 1px !important;
        outline: none;
    }

    .umbraco-form-wrapper input:hover {
        min-height: 60px;
        border-color: #e2e8eb;
        padding-top: 16px;
        padding-bottom: 20px;
        box-shadow: 0 2px 12px rgba(20, 20, 43, .1);
    }

    .umbraco-form-wrapper input[type=text] {
        width: 100%;
    }

    .umbraco-form-wrapper input[type=submit] {
        color: #fff;
        text-align: center;
        -webkit-text-stroke-width: 0px;
        background-color: #043b58;
        border: 2px #043b58;
        border-radius: 10px;
        justify-content: center;
        align-self: auto;
        align-items: center;
        padding: 0.85rem 1.5rem;
        font-family: Albert Sans, sans-serif;
        font-size: 1.1rem;
        font-weight: 600;
        text-decoration: none;
        transition: background-color .3s cubic-bezier(.23, 1, .32, 1), border-color .3s cubic-bezier(.23, 1, .32, 1);
        display: inline-block;
        margin-top: 40px;
        cursor: pointer;
    }

    .umbraco-form-wrapper input[type=submit]:hover {
        background-color: #02293d;
        border-color: #02293d;
    }

    .umbraco-form-wrapper input[type=checkbox] {
        height: auto;
        min-height: unset;
        display: inline;
    }

    .umbraco-form-wrapper input[type=email] {
        width: 100%;
    }

    .umbraco-form-wrapper textarea {
        width: 100%;
    }

.umbraco-form-wrapper label {
    color: #043b58;
    margin-bottom: 16px;
    font-family: Albert Sans, sans-serif;
    font-size: 1.1rem;
    line-height: 20px;
    margin: 20px 0 15px 0;
    display: inline-block;
}

.umbraco-form-wrapper .umbraco-forms-field.dataconsent .umbraco-forms-field-wrapper label {
    margin: 0;
    font-size: .9rem;
    color: inherit;
}

.umbraco-form-wrapper select {
    width: 100%;
    min-height: 60px;
    color: rgba(87, 87, 86, .94);
    background-color: #fff;
    border: 1px solid rgba(214, 214, 214, .82);
    border-radius: 10px;
    margin-bottom: 0;
    padding: 16px 24px;
    font-family: Albert Sans, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    transition: box-shadow .3s, color .3s, border-color .3s;
    display: block;
}

.umbraco-form-wrapper .field-validation-error {
    color: #e23939 !important;
    font-size: .9rem;
    display: block;
}

.umbraco-form-wrapper .input-validation-error {
    border-color: #e23939 !important;
}

    .umbraco-form-wrapper .input-validation-error:hover {
        border-color: #e23939 !important;
    }

    .umbraco-form-wrapper .input-validation-error:active {
        border-color: #e23939 !important;
    }

    .umbraco-form-wrapper .input-validation-error:focus-visible {
        border-color: #e23939 !important;
    }

.umbraco-form-wrapper .form-check label {
    margin-left: 10px;
    margin-top: 15px;
}

.umbraco-form-wrapper .checkbox {
    width: unset;
    height: unset;
}

    .umbraco-form-wrapper .checkbox .umbraco-forms-field-wrapper {
        display: flex;
        align-items: flex-start;
    }

        .umbraco-form-wrapper .checkbox .umbraco-forms-field-wrapper label {
            margin-top: 0;
            margin-left: 10px;
        }

        .umbraco-form-wrapper .checkbox .umbraco-forms-field-wrapper input {
            margin-top: 3px;
        }

.branch-card {
    display: flex;
    justify-content: space-between;
}

.imageWithTextBlock img {
    object-position: top left;
}

.imageWithTextBlock .brix---mg-bottom-12px {
    width: unset;
}

.imageWithTextBlock .content {
    padding: 20px;
}

.umbraco-forms-hidden {
    height: 0;
    min-height: 0;
    max-height: 0;
    visibility: hidden;
}

.pika-single.left-aligned {
    padding-left: unset;
    padding-right: unset;
}

.general-map {
    height: unset;
    padding: 0;
    background: none;
}

.news-categories {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    color: inherit;
}

.news-categories li.single-news-page {
    color: #cfdcdc;
}

.news-categories li.single-news-page-category::after {
    color: #cfdcdc;
}

.news-categories li::after {
    content: ",";
    margin-right: 5px;
}

.news-categories li:last-child::after {
    content: "";
    display: none;
}

.page-navigation {
    background: #CFDCDC;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 999;
    overflow-x: auto;
}

    .page-navigation .page-navigation-list {
        list-style: none;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .page-navigation .page-navigation-list-item {
        margin: 0 15px;
        flex-shrink: 0;
    }

        .page-navigation .page-navigation-list-item a {
            font-weight: 600;
            font-size: 1.1rem;
        }

.brix---container-default-35 {
    max-width: 1218px;
    padding-left: 0;
    padding-right: 0;
}

.brix---grid-1-column-gap-row-64px-2 {
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.brix---grid-2-columns-text-left-2 {
    grid-column-gap: 120px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: .8fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid;
}

.brix---image-wrapper {
    height: 400px;
    max-height: 400px;
    object-fit: fill;
    object-position: 50% 50%;
    border-radius: 24px;
    justify-content: center;
    display: flex;
    overflow: hidden;
}

.brix---grid-1-column-gap-row-64px-2 {
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.image-left-and-icon-bullets.has-dark-bg {
    background: #043b58;
}

.image-left-and-icon-bullets .dark-bg {
    color: white;
}

.image-left-and-icon-bullets .dark-bg p {
    color: white;
}

.no-border-radius {
    border-radius: 0 !important;
}

.brix---hero-full-width-right-hero-v5-2-copy.reverse-row {
    left: auto;
    right: 0;
}

.navbar-logo-link.w--current {
    margin-top: 0;
}

.table-block {
    padding: 0 5%;
}

.table-rte {
    max-width: 100%;
}

    .table-rte::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .table-rte::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .table-rte::-webkit-scrollbar-thumb {
        background: #888;
    }

        .table-rte::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.table-rte table {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}

    .table-rte table tbody {
        border: 1px solid #f1f1f1;
    }

    .table-rte table td, .table-rte table th {
        padding: 12px;
        border: none;
    }

    .table-rte table tr {
        background: #fff;
    }

    .table-rte table tr:first-child {
        background: #356a6a;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .table-rte table tr:nth-child(2n) {
        background: #f8fafa;
    }

.cover-icon-and-title {
    align-items: flex-start;
}

.cover-card-h240px._1 {
    height: unset;
}

.large-image-with-text-areas {
    padding: 0 5%;
}

.large-image-with-text-areas .image-container img {
    border-radius: 10px;
}

.large-image-with-text-areas .content {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 45% 55%;
    padding-right: 10px;
}

.large-image-with-text-areas .content .motif {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: -130px;
    border-top-left-radius: 40px;
}

.imageWithTextBlock .brix---bg-image-full-width {
    z-index: unset;
}

.imageWithTextBlock .brix---container-default-27 {
    position: relative;
    z-index: 1;
}

.imageWithTextBlock .brix---hero-full-width-right-hero-v5-2-copy {
    left: 50%;
}

    .imageWithTextBlock .brix---hero-full-width-right-hero-v5-2-copy .brix---full-width-image-2 {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .imageWithTextBlock .brix---hero-full-width-right-hero-v5-2-copy.reverse-row {
        left: 0;
    }

        .imageWithTextBlock .brix---hero-full-width-right-hero-v5-2-copy.reverse-row .brix---full-width-image-2 {
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

.text-left-image-right {
    padding: 0 5%;
}

.text-with-items-block-dark h2, .text-with-items-block-dark h3, .text-with-items-block-dark p {
    color: white;
}

.text-with-items-block-dark .horizontal-layout:hover, .text-with-items-block-dark .vertical-layout:hover {
    background-color: inherit;
}

.main-wrapper .imageWithTextItemsBlock .brix---hero-full-width-right-hero-v5-2-copy.reverse-row {
    right: 0;
    left: auto;
}

    .main-wrapper .imageWithTextItemsBlock .brix---hero-full-width-right-hero-v5-2-copy.reverse-row .brix---full-width-image-2 {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

.main-wrapper .imageWithTextItemsBlock .brix---container-default-23.reverse-row .brix---grid-hero-v1-2 {
    grid-auto-columns: 0fr;
    grid-column-gap: 0;
    grid-template-columns: 0fr 0fr;
}

.iframe-container {
    position: relative;
    overflow: hidden;
    width: 500px;
    padding-top: 56.25%;
}

    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

.main-wrapper .homeHeroBlock h1 {
    color: white;
}

.main-wrapper .centeredHeroBlock h1 {
    color: white;
}

.main-wrapper .centeredHeroBlock p {
    color: white;
}

.youtubeBannerVideoBlock {
    overflow: hidden;
    width: 100%;
    height: 700px;
    padding-left: 5%;
    padding-right: 5%;
}

    .youtubeBannerVideoBlock .video-player {
        width: 100%;
        height: 700px;
        object-fit: cover;
        object-position: center;
        position: relative;
        z-index: 5;
        display: flex;
        align-items: center;
    }

        .youtubeBannerVideoBlock .video-player iframe {
            width: 100vw;
            height: 110vw;
            min-height: 100vh;
            min-width: 210vh;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 5;
            pointer-events: none;
        }

        .youtubeBannerVideoBlock .video-player .content {
            position: relative;
            z-index: 6;
        }

        .youtubeBannerVideoBlock .video-player .content .text-centered {
            text-align: center;
        }

            .youtubeBannerVideoBlock .video-player .content h1, .youtubeBannerVideoBlock .video-player .contentdiv {
                color: white;
            }

.textItemsBlock .horizontal-layout.has-title:not(.has-subtitle) {
    align-items: center;
}

    .textItemsBlock .horizontal-layout.has-title:not(.has-subtitle) .card-text-full-width {
        margin-bottom: 0;
    }

        .textItemsBlock .horizontal-layout.has-title:not(.has-subtitle) .card-text-full-width h3 {
            margin-bottom: 0;
            padding-bottom: 0;
        }

.imageWithTextItemsBlock .picture-container.has-title:not(.has-subtitle) {
    align-items: center;
}

/*Theme Work*/
.w-button {
    padding: .85rem 1.5rem .75rem;
    font-family: Albert Sans, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
}

.w-button:hover {
    border-width: 2px;
    border-style: solid;
}

.brix---color-neutral-600 {
    color: unset !important;
}

.nav-right-10px {
    margin-right: 10px;
}

.nav-left-10px {
    margin-left: 10px;
}

.brix---card-over-image-3 {
    background: unset;
}

.article-only-small-image-right-hero .brix---card-over-image-3 {
    background-color: rgba(11, 115, 119, .9);
}

.article-only-small-image-right-hero .brix---card-over-image-3 h1, .article-only-small-image-right-hero .brix---card-over-image-3 p {
    color: white;
}

.small-image-right-hero {
    background-color: unset;
}

.contact-info-block {
    background-color: unset;
}

.page-navigation {
    background: #fff;
}

.callToActionBlock .brix---cta-card {
    background: unset;
}

.callToActionBlock .brix---cta-card---time-sensitive {
    background: unset;
}

.brix---cta-card---time-sensitive {
    border: none;
}

.dropdown-link:active {
    background-color: unset;
}

.main-wrapper .text-centre-hero h1, .main-wrapper .text-centre-hero p {
    color: white;
}

.main-wrapper .branch-locator-hero h1, .main-wrapper .branch-locator-hero p {
    color: white;
}

.force-light-text div, .force-light-text span, .force-light-text h1, .force-light-text h2, .force-light-text h3, .force-light-text h4, .force-light-text h5, .force-light-text h6, .force-light-text p {
    color: white !important;
}


.force-light-text .input-label, .force-light-text .checkbox-label, .force-light-text .checkbox-label a, .force-light-text .brix---color-neutral-846, .force-light-text .icon-link-wrapper-item a {
    color: white !important;
}