/* Footer styles */

.footer-under-container{
    background: var(--d-dark-80);
}

.footer-under-container p{
    color: var(--d-light-grey);
}

.footer-under-container a, .footer-under-container a:visited {
    color: var(--d-accent);
}

.footer-container{
    background: var(--d-dark);
}

.footer-information{
    border-top: 1px solid var(--d-accent-30);
}

.footer-info-text{
    color: var(--d-grey)
}

footer .contact-items a, footer .contact-items a:visited{
    color: var(--d-accent);
}

footer .social-media a{
    background: var(--d-accent-30);
}

footer .social-media a path{
    fill: var(--n-white);
}

@media (hover:hover){
    footer .social-media a:hover path {
        fill: var(--bright-blue);
    }

    footer .contact-items a:hover{
        color: var(--light-blue);
    }
}

.footer-countries p{
    color: var(--d-grey);
}

.footer-countries p span{
    color: var(--n-white);
}

footer .contact-items button{
    color: var(--n-white);
    background: var(--d-dark-80);
}

footer .contact-items button path{
    fill: var(--d-grey);
}

footer .custom-logo{
    filter: grayscale(100%) invert(100%);
}

@media (hover:hover){
    .footer-content .menu-block li a:hover{
        background: var(--d-dark-80);
    }
}

.footer-content .menu-title {
    color: var(--n-white);
}

.footer-content .menu-block li a{
    color: var(--d-grey) !important;
}

@media (max-width: 1079px) {
    .footer-information{
        border-top: none;
    }

    footer .social-media a{
        background: var(--d-dark-60);
    }

    .footer-content .footer-section{
        border-bottom: 1px solid var(--d-accent-30);
    }

    .footer-content .menu-title svg path{
        fill: var(--d-grey);
    }
}

/* Header styles */

.header-menus-wrapper{
    background: var(--d-dark);
}

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

.site-header:has(.mobile-header-menu.active){
    background: var(--d-dark);
}

#masthead.menu-active {
    background: var(--d-dark);
}

.spacing {
    background: transparent;
}

.spacing.no-special {
    background: var(--d-dark);
}

.medical-animation-hiro-section{
    width: 100%;
    height: 100%;
}

.site-header.no-special {
    background-color: var(--d-dark) !important;
}

body:has(.search-popup:not(.hidden)) .site-header{
    background-color: var(--d-dark) !important;
}

@media (hover:hover){
    .site-header:hover {
        background-color: var(--d-dark) !important;
        transition: none;
    }
}

#background-video {
    width: 100%;
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: -1;
}

header button.arrows-button, 
header .arrows-button-blue:active{
    border: none;
}

header .left-side .custom-logo{
    filter: invert(95%) sepia(4%) saturate(316%) hue-rotate(190deg) brightness(106%) contrast(200%);
}

.site-header .right-side svg path{
    stroke: var(--d-white);
}

.change-lang-btn:active, button.search-icon:active,
.change-lang-btn:hover, button.search-icon:hover{
    background: var(--d-dark-80);
    border-radius: 8px;
}

.header-link{
    color: var(--n-white);
}

.header-link.active{
    background-color: var(--d-dark-80);
}

.header-menus-layout .animation-list-title{
    color: var(--d-grey);
}

.header-menus-layout .explore-link, .header-menus-layout .explore-link:visited{
    color: var(--light-blue);
    background-color: var(--d-dark-60);
}

.header-menus-layout .explore-link path{
    fill: var(--light-blue);
}

.header-menus-layout .animation-link, .header-menus-layout .animation-link:visited{
    color: var(--n-white);
}

.header-menus-layout .animation-link path,
.header-menus-layout .atlas-tab-link.tab-only-link path{
    fill: var(--n-white);
}

.header-menus-layout .atlas-tab-link{
    color: var(--n-white);
}

.header-menus-layout .atlas-tab-link.active:not(.tab-only-link){
    border-color: var(--d-accent);
    color: var(--d-accent);
}

.header-menus-layout .atlas-list{
    border-color: var(--d-accent-30);
}

@media (hover:hover){

    .header-link:hover{
        background-color: var(--d-dark-80);
    }
}

.mobile-header-menu{
    background-color: var(--d-dark);
}

.mobile-sub-menu-head svg path{
    stroke: var(--n-white);
}

.mobile-sub-menu-head .back-header-sub-menu, 
.mobile-sub-menu-head .back-header-lang-menu, 
.mobile-sub-menu-head .back-header-atlas-menu{
    color: var(--d-grey)
}

@media (hover: hover){
   .lang a:hover{
        background: var(--d-dark-80);
    } 
}

@media (hover:hover) and (min-width: 1080px){
    .header-menus-layout .explore-link:hover{
        background: var(--d-accent-30);
    }

    .header-menus-layout .animation-link:hover {
        color: var(--light-blue);
    }

    .header-menus-layout .animation-link:hover path{
        fill: var(--light-blue);
    }

    .header-menus-layout .atlas-tab-link:not(.active):hover{
        color: var(--d-accent);
    }
}

@media (max-width: 1079px) {
    .header-menus-layout .atlas-tab-link.active{
        color: var(--n-white) !important;
    }

    .header-menus-layout .atlas-tab-content{
        background: var(--d-dark);
    }
}

@media (max-width: 577px) {
    #languages-mobile{
        border-color: var(--d-accent-30);
    }

    #languages-mobile .current-lang span{
        color: var(--n-white);
    }

    #lang-menu.active{
        background-color: var(--d-dark);
    }

    .lang a span{
        color: var(--n-white);
    }

    .lang.active-lang a{
        background-color: var(--d-dark-80);
    }
}

main {
    border-bottom: 1px solid var(--d-accent-30) !important;
}

#masthead.scrolled-hover {
    background-color: var(--d-dark) !important;
}

.search-results p,
.quick-links-title,
.search-results>span.small-text{
    color: var(--d-grey);
}

.search-popup .container{
    background: var(--d-dark);
}

.quick-link .page-type{
    border-color: var(--d-accent-30);
    color: var(--d-grey);
}

.quick-link .title-4 a,
.search-item h4,
#language-popup .title,
.lang a span {
    color: var(--n-white);
}

.searchform,
.search-item{
    border-color: var(--d-accent-30);
}

.searchform button svg path{
    stroke: var(--n-grey-60);
}

.searchform button svg rect{
    fill: var(--n-grey-60);
}

.searchform input{
    background: transparent;
    color: var(--n-white);
}

.search-item .page-type{
    border-color: var(--d-accent-30);
    color: var(--d-grey);
}

.search-results .highlight, .search .search-item .highlight{
    background-color: var(--d-dark-40);
}

.search-item p{
    color: var(--n-grey-40);
}

.searchform input::placeholder{
    color: var(--d-grey);
}

#language-popup-content{
    background: var(--d-dark);
}

.lang.active-lang a{
    background: var(--d-dark-80);
}

#close-popup path,
.mobile-search-nav button path{
    stroke: var(--n-grey-60);
}

#search-results-loader, #search-results-form-loader{
    display: none;
}

#search-results-loader .page-type, #search-results-form-loader .page-type,
#search-results-loader p.small-text, #search-results-form-loader p.small-text,
#search-results-loader span.title-4, #search-results-form-loader span.title-4 {
    background: linear-gradient(101.98deg, #051A4B 10.6%, #123071 51.62%, #051A4B 92.17%);
    animation: 2.5s shine linear infinite;
}

@keyframes shine {
    to {
      background-position-x: -200%;
    }
}

.all-search{
    background: var(--bright-blue);
    color: var(--white-bg);
    border-radius: 100px;
    border: none;
}

* {
	scrollbar-width: auto; /* auto | thin | none */
	scrollbar-color: #0C408E #061D55;
}

.lang.active-lang:after{
    background: url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 20.7862L16.8 25.5L28 14.5" stroke="%2381BDFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
}

.language-popup-title{
    color: var(--d-grey);
}

@media (max-width: 577px) {
    #language-popup{
        background: var(--d-dark);
    }
}