:root {
    --animation-length: 1s;
}

.tgn-header-title b {
    font-weight: normal;
}

.tgn-header-image.front {
    opacity: 0;
}

.tgn-header-image.front.active {
    opacity: 1;
}

.tgn-header-title-container.front.inactive {
    animation: title-fade-out var(--animation-length) linear;
}

.tgn-header-title-container.front {
    position: absolute;
    opacity: 0;
}

.tgn-header-title-container:not(.active) {
    pointer-events: none;
}

.tgn-header-title-container.active.front {
    animation: title-fade-in var(--animation-length) linear;
    opacity: 1;
}

.tgn-header-title-container.first.front {
    animation: none;
}

.tgn-header-title-wrapper {
    position: relative;
    width: calc(calc(100% - var(--header-logo-size)) - calc(var(--page-margin) * 2));
    flex-direction: column;
}

a.header-slider-link {
    color: white;
    text-decoration: none;
}

a.header-slider-link:hover {
    color: white;
    text-decoration: none;
}

@keyframes title-fade-out {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

@keyframes title-fade-in {
    0%, 50% {
        opacity: 0;
        transform: translateY(calc(-25%));
    }

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

@media (max-width: 1150px) {

}