iframe[src*="youtube.com"]:not(.ar-16-9):not(.ar-9-16):not(.ar-4-3):not(.ar-1-1),
.html5-video-player,
.perfmatters-lazy-youtube,
.perfmatters-lazy-youtube img {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: 100%;
}

.perfmatters-lazy-youtube img {
    object-fit: cover;
}

html{
    scroll-padding-top: 40px;
}

::-webkit-scrollbar {
    width: 1.5em;
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 10px 10px var(--surface-70);
    border: solid 8px transparent;
    border-radius: 100vw;
    min-height: 100px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px 10px transparent;
    border: solid 8px transparent;
    margin: 10px;
}

::selection {
    background: var(--primary);
    color: var(--surface-0);
}

::-webkit-scrollbar-thumb:horizontal {
    border: solid 5px transparent;
    box-shadow: inset 0 0 8px 8px var(--surface-30);
}

.background-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.background-video-content {
    position: relative;
    z-index: 1;
}

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.header-wrap {
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 10;
}

.header-wrap .site-header {
    background: transparent;
}

.gp-icon.icon-search svg {
    height: 1.2em;
    width: 1.2em;
}

.main-navigation ul ul {
    width: 215px;
}

.main-navigation a {
    font-size: var(--bmwp-body);
    font-weight: inherit;
}

.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 10px;
}

.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
    line-height: 24px;
}

#site-navigation.main-navigation.sub-menu-right {
    width: 100%;
    flex-grow: 1;
}

.main-navigation .menu-bar-items a.gb-button {
    color: var(--surface-0);
}

.main-navigation .inside-navigation {
    justify-content: flex-end;
}

.main-navigation ul ul {
    border-radius: 0.3em;
}

/* START WPML CSS */

ul.language-switcher {
    display: flex;
    list-style: none;
    margin-bottom: 0;
}

ul.language-switcher li:not(:last-child) {
    margin-right: 10px;
}

ul.language-switcher li,
ul.language-switcher li a,
ul.language-switcher li a img {
    height: 32px;
    width: 32px;
}

ul.language-switcher li a img  {
    padding: 3px;
    border: 2px solid var(--contrast-3);
    border-radius: 32px;
}

ul.language-switcher li.language-current a img,
ul.language-switcher li:hover a img  {
    border: 2px solid var(--accent);
}

.otgs-development-site-front-end,
.wpa-test-msg {
    display: none!important;
}

/* END WPML CSS */

/* NOTIFICATION BANNER */

.bmwp-banner {
    position: fixed;
    bottom: 0;
    right: 0;
    transform: translateY(100vh);
    animation: banner-fade-in .5s 1s ease-in forwards;
}

.bmwp-banner.bmwp-cookies {
    right: auto;
    left: 0;
}

.bmwp-close-btn {
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 12px;
}

.site-footer.grid-container {
    max-width: 1920px;
}

.bmwp-cookie-settings-section {
    position: fixed;
    left: 50%;
    bottom: 10px;
    transform: translateY(100vh) translateX(-50%);
}

.bmwp-cookie-settings-section.animate {
    animation: cookie-settings-fade-in .3s 0.15s ease-in forwards;
}

.bmwp-settings-opened {
    position: relative;
}

.bmwp-settings-opened:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 2;
}

.bmwp-settings-opened .site-header {
    z-index: 0;
}

.bmwp-settings-opened .header-wrap {
    z-index: 1;
}

p.search-for {
    font-size: 22px;
    margin-bottom: 5px;
}

.slideout-navigation.do-overlay .inside-navigation {
    display: flex;
    flex-direction: row;
    padding: initial;
    max-width: initial;
}

.slideout-navigation.main-navigation a {
    font-size: inherit;
    font-weight: inherit;
}

.wp-lightbox-overlay .scrim {
	background-color: var(--surface-100)!important;
    opacity: 0.9!important;
}

.wp-lightbox-overlay button.close-button {
    fill: var(--surface-0)!important;
}

@keyframes banner-fade-in {
    0% {
        transform: translateY(100vh);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes cookie-settings-fade-in {
    0% {
        transform: translateY(100vh) translateX(-50%);
    }

    100% {
        transform: translateY(0) translateX(-50%);
    }
}

@media (max-width: 768px) {
    /* CSS in here for mobile only */

    .main-navigation .menu-bar-item>a {
        padding-right: 10px;
    }

    .menu-toggle {
        padding-left: 10px;
    }

    .custom-sub-menu.toggled-on {
        background-color: var(--surface-0);
    }

    .custom-sub-menu.toggled-on > .gb-container {
        background-color: var(--surface-0);
        box-shadow: none;
    }

    .custom-sub-menu.toggled-on {
        border-bottom: none!important;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */

    .menu-bar-items a.gb-button {
        margin-left: 15px;
    }

    #site-navigation .inside-navigation.grid-container .gp_mega_item .sub-menu.custom-sub-menu {
        left: calc((100% - var(--bmwp-global-width))/2)!important;
    }
}

@media (min-width: 769px) {
    /* CSS in here for tablet and bigger screens */
    #site-navigation .gp_mega_item .sub-menu.custom-sub-menu {
        width: unset;
        left: 0 !important;
        background: transparent;
        box-shadow: none;
        max-width: var(--bmwp-global-width);
    }

    .inside-navigation,
    .inside-navigation .gp_mega_item  {
        position: unset;
    }

    .menu-toggle,
    .main-navigation .menu-bar-item > a {
        line-height: 84px;
    }

}