html {
    /*font-family: 'Roboto Condensed', Roboto, Arial, Helvetica, sans-serif;*/
    font-weight: 300;
    font-size: 16px;
}

.font-serif,
.font-condensed {
    font-family: 'Roboto Condensed', Roboto, Arial, Helvetica, sans-serif;
}

header h2,
header h3,
header h4,
.font-serif.font-normal,
.font-serif.font-medium {
    font-weight: 500;
}


/*
.font-serif.text-lg {
    font-size: 1.125rem;
}
.font-serif.text-xl {
    font-size: 1.25rem;
}
.font-serif.text-2xl {
    font-size: 1.5rem;
}
.font-serif.text-3xl {
    font-size: 1.875rem;
}
.font-serif.text-4xl {
    font-size: 2.25rem;
}
.font-serif.text-5xl {
    font-size: 3rem;
}
.font-serif.text-6xl {
    font-size: 4rem;
}*/

.container {
    max-width: 1140px;
}

.bg-black, .bg-blue-gfc {
    background-color: #184A98;
}

.hover\:bg-black:hover {
    background-color: #184A98;
}

.border-black {
    border-color: #184A98;
}

.button {
    color: #184A98;
}

.button.bg-black {
    color: #fff;
}

a,
.button.bg-black:hover {
    color: #184A98;
}

.teaser--gfc .min-h-screen {
    min-height: calc(100vh - 75.5px);
}

.teaser__text {
    mix-blend-mode: overlay;
    color: #fff;
}

.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
    background-color: #fff;
}

/**/
.gfc .page--standard-page .header {
    margin-top: -2rem;
}

.gfc .page--standard-page-with-teaser .header {
    margin-top: 0;
}

.gfc .teaser--gfc {
    padding-top: 4.5rem;
}

.gfc .standard-content {
    padding-top: 3rem;
}

/* Modifier: Gradient overlay */

.bg-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.bg-gradient {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 74, 152, 1)), color-stop(72%, rgba(24, 74, 152, 0.5018207966780462)), color-stop(92%, rgba(24, 74, 152, 0)));
    background: -webkit-linear-gradient(bottom, rgba(24, 74, 152, 1) 0%, rgba(24, 74, 152, 0.4) 72%, rgba(24, 74, 152, 0) 92%);
    background: -o-linear-gradient(bottom, rgba(24, 74, 152, 1) 0%, rgba(24, 74, 152, 0.4) 72%, rgba(24, 74, 152, 0) 92%);
    background: linear-gradient(0deg, rgba(24, 74, 152, 1) 0%, rgba(24, 74, 152, 0.4) 72%, rgba(24, 74, 152, 0) 92%);
}

@media (min-width: 768px) {
    .bg-gradient {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 74, 152, 1)), color-stop(33%, rgba(24, 74, 152, 0.5018207966780462)), color-stop(62%, rgba(24, 74, 152, 0)));
        background: -webkit-linear-gradient(bottom, rgba(24, 74, 152, 1) 0%, rgba(24, 74, 152, 0.5018207966780462) 33%, rgba(24, 74, 152, 0) 62%);
        background: -o-linear-gradient(bottom, rgba(24, 74, 152, 1) 0%, rgba(24, 74, 152, 0.5018207966780462) 33%, rgba(24, 74, 152, 0) 62%);
        background: linear-gradient(0deg, rgba(24, 74, 152, 1) 0%, rgba(24, 74, 152, 0.5018207966780462) 33%, rgba(24, 74, 152, 0) 62%);
    }
    .news-single .bg-gradient,
    .slider--half .bg-gradient {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 74, 152, 1)), color-stop(50%, rgba(24, 74, 152, 0.5018207966780462)), color-stop(100%, rgba(24, 74, 152, 0)));
        background: -webkit-linear-gradient(bottom, rgba(24, 74, 152, 1) 0%, rgba(24, 74, 152, 0.5018207966780462) 50%, rgba(24, 74, 152, 0) 100%);
        background: -o-linear-gradient(bottom, rgba(24, 74, 152, 1) 0%, rgba(24, 74, 152, 0.5018207966780462) 50%, rgba(24, 74, 152, 0) 100%);
        background: linear-gradient(0deg, rgba(24, 74, 152, 1) 0%, rgba(24, 74, 152, 0.5018207966780462) 50%, rgba(24, 74, 152, 0) 100%);
    }
}

.bg-gradient {
    top: auto;
    bottom: 0;
}

.image-embed-item,
input,
textarea,
.button,
.header .nav-list__link,
.nav-toggle,
.mediaelement [itemprop="image"] {
    border-radius: .5rem;
}

.boxer__image {
    max-width: 100%;
    min-height: 300px;
    position: relative;
}

.boxer__text {
    z-index: 1;
    mix-blend-mode: hard-light;
    color: #fff;
    opacity: .9;
}

.latest-media .mediaelement-video iframe,
.fb-video iframe {
    border-radius: .5rem;
}

.media-view__video-bottom p {
    margin-bottom: 0;
}

.footer a {
    color: #fff;
}

@media (min-width: 768px) {
    .md\:bg-transparent {
        background-color: transparent;
    }
}