.pr-soles-banner-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    margin-top: var(--margin_top);
    margin-bottom: var(--margin_bottom);
}

.pr-soles-banner-text-container {
    max-width: var(--text_max_width);
    text-align: center;
    margin: 0 auto;
}

.pr-soles-banner-text-container strong {
    font-weight: 700;
}

.pr-soles-banner-text-container br {
    display: none;
}

.pr-soles-banner-above-logo-text {
    color: var(--above_logo_text_color);
    margin-bottom: var(--above_logo_text_margin_bottom_desktop);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 15px;
}

.pr-soles-banner-logo-container {
    margin-bottom: var(--logo_margin_bottom_desktop);
}

.pr-soles-banner-logo-container svg {
    max-width: 400px;
    margin-left: 20px; /* Helps visually center due to registered mark */
}

.pr-soles-banner-logo-container svg .empty-fill {
    fill: none;
}

.pr-soles-banner-logo-container svg .pr-soles-logo-text {
    fill: var(--logo_color);
}

.pr-soles-banner-logo-container svg .pr-soles-logo-middle {
    fill: var(--logo_color);
    animation: powerUpLogo 2s 1;
    animation-fill-mode: forwards;
}

@keyframes powerUpLogo {
    from {
        fill: var(--logo_color);
    }
    to {
        fill: var(--logo_fill_color);
    }
}
.pr-soles-banner-logo-container svg #pr-soles-logo-middle-1 {
    animation-delay: 2.2s;
}
.pr-soles-banner-logo-container svg #pr-soles-logo-middle-2 {
    animation-delay: 1.9s;
}
.pr-soles-banner-logo-container svg #pr-soles-logo-middle-3 {
    animation-delay: 1.6s;
}
.pr-soles-banner-logo-container svg #pr-soles-logo-middle-4 {
    animation-delay: 1.3s;
}
.pr-soles-banner-logo-container svg #pr-soles-logo-middle-5 {
    animation-delay: 1s;
}

.pr-soles-banner-below-logo-text {
    color: var(--below_logo_text_color);
    margin-bottom: var(--below_logo_text_margin_bottom_desktop);
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    font-size: 33px;
}

.pr-soles-banner-description-text {
    color: var(--description_text_color);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 20px;
}

@media screen and (max-width: 1470px) {
    .pr-soles-banner-container {
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media screen and (max-width: 500px) {
    .pr-soles-banner-container {
        margin-top: var(--margin_top_mobile);
        margin-bottom: var(--margin_bottom_mobile);
    }
    .pr-soles-banner-text-container br {
        display: block;
    }
    .pr-soles-banner-above-logo-text {
        margin-bottom: var(--above_logo_text_margin_bottom_mobile);
        font-size: 12px;
    }
    .pr-soles-banner-logo-container {
        margin-bottom: var(--logo_margin_bottom_mobile);
    }
    .pr-soles-banner-logo-container svg {
        max-width: 300px;
        margin-left: 15px; /* Helps visually center due to registered mark */
    }
    .pr-soles-banner-below-logo-text {
        margin-bottom: var(--below_logo_text_margin_bottom_mobile);
        font-size: 24px;
    }
    .pr-soles-banner-description-text {
        font-size: 15px;
    }
}