
.skip-link:focus-visible {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: white;
    color: black;
}

select:focus-visible,
input[type="text"]:focus-visible,
.accordion-button:focus-visible,
.slick-dots li button:focus-visible,
.gform_wrapper.gravity-theme .gfield input.large:focus-visible,
textarea:focus-visible,
.slick-prev:focus-visible, .slick-next:focus-visible,
.mfp-iframe-holder .mfp-close:focus-visible {
    outline: 2px solid;
    outline-offset: 2px;
}

.mfp-iframe-holder .mfp-close {
    width: fit-content;
}

.wysiwyg.center.section h2 {
    font-size: 1.5rem;
    line-height: 1.2;
}

.profile-outer.dark .profile-element:focus-visible {
    border: solid 4px #FFCB03;
    outline-offset: 4px;
}

.profile-element:focus-visible {
    box-shadow: 0 4px 4px rgba(0,0,0,0.25);
}

.slick-dots li button:focus-visible,
.slick-prev:focus-visible, .slick-next:focus-visible {
    outline: 2px solid black;
}

.nav-item:focus-within .dropdown, .nav-item:hover .dropdown {
    background-color: white;
}

.nav-item:focus-within .dropdown a {
    color: black;
    opacity: 1;
}

.header {
    flex-direction: column;
}

.footer-signup-banner-title {
    display: flex;
    align-items: center;
}

/* updating colours  */
.hero-outer {
    background-color: black;
}

.button,
.footer-signup-banner input[type=submit],
.pagination_element.next,
.i-am-banner-form-outer select,
.header-promo-banner-button .button,
.content a.button:hover {
    color: #00838A;
    border-color: #00838A;
}

.content a.button:hover {
    background: transparent;
}

.button:hover,
.footer-signup-banner input[type=submit]:hover {
    background-color: #00838A;
    border-color: #00838A;
}

.dark .content a.button,
.home .case-study .media-block-content .button,
.cards-outer.featured .card .button,
.skip-link,
.hero-info .button {
    color: black;
    border-color: black;
}

.hero-info .button {
    background: white;
    border-color: white;
}

.skip-link {
    color: black;
    background: white;
}

.skip-link:hover,
.hero-info .button:hover,
.content a.button {
    color: white;
    background: #00838A;
}

.hero-info .button:hover {
    border-color: #00838A;
}

.dark .content a.button:hover,
.home .case-study .media-block-content .button:hover {
    background-color: black;
    color: white;
}

.home .case-study .media-block {
    color: black;
}

.header-subnav-list .subnav-item .nav-item-link,
.content h2,
.quicklinks-title,
.quicklinks-link-title,
.section-header-title,
.cards-outer.featured .card-header-title,
.footer-signup-banner-title,
.footer-signup-banner-inner form fieldset input[type=text]
.footer-signup-banner-inner form fieldset input[type=text]::placeholder,
.footer-signup-banner-summary,
.footer-nav-item,
.header-language select,
.content a,
.accordion-button,
.cards-outer.featured .card-header-title,
.cards-outer.featured .card .button:hover,
.card-link .button,
.cards-outer.featured .card.hovered .card-header-title,
.cards-outer.featured .card .card-header-title,
.item-header-title .item-link,
.breadcrumb-list-link.current,
.breadcrumb-list-link,
.profile-wrap .profile-name {
    color: #00838A;
}

.media-block-outer.dark .content a {
    color: black;
}

.footer-signup-banner .footer-signup-banner-inner form fieldset input::placeholder,
i {
    color: #00838A;
}

.footer-signup-banner-inner form fieldset input[type=text] {
    border-bottom: solid 3px #00838A;
}

.header-links .button,
.footer-nav-item.social .nav-item-link,
.footer-nav-outer .button {
    background-color: #00838A;
    border-color: #00838A;
}

.header-promo-banner,
.statistic-item-wrapper,
.home .cards-outer.featured,
.filter-outer,
.service-finder-content .toggle-wrapper-outer,
.form, .gf_browser_chrome.gform_wrapper.gravity-theme,
.hero-outer.solid .hero-image+.hero-info .hero-inner,
.filter-submit,
.i-am-banner-form-outer [type="submit"] {
    background-color: #00838A;
}


.home .cards-outer.featured .section-header-title,
.section-header-title+.section-header-summary, 
.statistic-title {
    color: white;
}

.profile-outer.dark .section-header-title+.section-header-summary {
    color: black;
}

.home .case-study .media-block-content-summary>* {
    color: black;
}

.purple-bg a {
    color: white;
}

.purple-bg a:hover {
    color: white;
}

.pagination_element.current {
    box-shadow: 0 0 0 1px #00838A inset;
    color: #00838A;
}

.home .cards-outer.featured .section-footer .button,
.i-am-banner-form-outer select,
.gform_wrapper.gravity-theme #field_submit .gform-button--width-full, .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
    background-color: transparent;
}

.gform_wrapper.gravity-theme #field_submit .gform-button--width-full, .gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
    color: white;
}

h2, .cta-title, .media-block-title, .quicklinks-title {
    font-size: 28px;
}

.media-block-outer.dark .media-block.has-image {
    background: #EDEDED;
}

.profile-summary-copy {
    height: auto;
}

.profile-summary-inner {
    height: 100%;
}

.profile-summary-active-info {
    overflow: auto;
}

[data-scroll-effect] {
    opacity: 0;              
}

[data-visible="true"] {
    opacity: 1;              
}

@media (min-width: 1280px) {
    .wysiwyg.center.section h2 {
        font-size: 1.5625rem;
        line-height: 1.9375rem;
    }
    .footer .scroll-container .scroll-top {
        width: 2.813rem;
        height: 2.813rem;
        margin-bottom: -1rem;
    }
    .cards-outer.featured .card-header-title, .card-header-title {
        font-size: 1.5rem;
    }
}
