/**
 * Top image (верхняя секция страницы).
 *
 * @package Osteuropa_Kolleg
 */

/*--------------------------------------------------------------
# Общие стили
--------------------------------------------------------------*/
.home-section--top-image {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.home-section--top-image__image {
    display: block;
    width: 100%;
    height: auto;
    max-height: 820px;
    object-fit: cover;
}

/*--------------------------------------------------------------
# Слоган (только поверх картинки)
--------------------------------------------------------------*/
.home-section--top-image__slogan {
    position: absolute;
    top: 0;
    right: 0;

    width: 470px;
    height: 506px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;

    font-family: "Source Sans 3", system-ui, sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px;
}

.home-section--top-image__slogan > * {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
}

.home-section--top-image__slogan > *:first-child { margin-top: 0; }
.home-section--top-image__slogan > *:last-child  { margin-bottom: 0; }

.home-section--top-image__slogan em,
.home-section--top-image__slogan i {
    font-family: "Tiro Kannada", Georgia, serif;
    font-style: italic;
}

.home-section--top-image__slogan--color-lime { background: #C7D401; color: #0E4194; }
.home-section--top-image__slogan--color-blue { background: #0E4194; color: #FFFFFF; }
.home-section--top-image__slogan--color-aqua { background: #ADC9DB; color: #0E4194; }

/*--------------------------------------------------------------
# Градиентная полоса (если нет картинки)
--------------------------------------------------------------*/
.home-section--top-image--gradient {
    height: 40px;
}

.home-section--top-image--gradient-lime-blue {
    background: linear-gradient(90deg, #C8D400 19.71%, #0E4194 83.65%);
}

.home-section--top-image--gradient-red-aqua {
    background: linear-gradient(90deg, #C44C3C 19.71%, #ADC9DB 83.65%);
}

.home-section--top-image--gradient-aqua-lime {
    background: linear-gradient(90deg, #ADC9DB 19.71%, #C8D400 83.65%);
}