/*
 Theme Name:   UMG Parent Theme Child
 Author: Push Entertainment
 Author URI: https://pushentertainment.com/
 Description:  eminem.com child theme 
 Template:     umg-parent-theme
 Version:      1.0.5
 Text Domain: umg-parent-theme
 Tags: UMG, Artists, Push, Eminem
*/

/* Custom theme styles */

/* LIVE BANNER */
#Banner-live-events .media > img {
    object-position: left center;
}
@media screen and (min-width: 75em) {
    #Banner-live-events .media > img {
        object-position: center -120px;
    }
}

/* EVENTS PAGE */
.page-background--desktop:after {
    background-image: url('/files/2022/06/bg-tour-no-dates-1024x653-1.jpeg');
}

.page-background--mobile:before {
    background-image: url('/files/2022/06/bg-tour-no-dates-mob-576x1024-1.jpeg');
}

.event-card__information > * > * {
    display: inline-block;
    background-color: var(--color-background);
    padding: var(--space-8);
    margin: 0.125rem 0;
}

.event-card__information .event-card__date {
    padding: 0 var(--space-4);
}
.event-card__information .event-card__venue {
    max-width: 17rem;
    line-height: 1.8rem;
}
.event-card__information .event-card__tickets > * {
    background-color: #ee1c24;
    padding: 0 var(--space-8);
}

/* VIDEOS PAGE */
.page-template-page-videos slider-component {
    padding: 0;
}
.page-template-page-videos .page-width-desktop {
    padding-left: 0;
    padding-right: 0;
}


/* SLIDESHOW */
#Slider-main .banner__heading {
    color: rgb(var(--color-text-1));
}

#Slider-main .banner__text .link {
    text-transform: uppercase;
    font-family: pragmatica-extended;
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
}

#Slider-videos.grid {
    row-gap: 0;
}

#Slider-videos .card__media .media img {
    object-position: center 40%;
}

#Slider-videos .card__content {
    align-items: center;
    justify-content: center;
}

#Slider-videos .card.caption-over .card__information {
    background-color: transparent;
}

/* ARTICLES */
#Banner-live-events .banner__media-image {
    object-position: left 30%;
}

/* POST NAVIGATION */
.navigation-single .icon-arrow {
    color: #ee1c24;
}

/* FOOTER */
.footer--home,
.footer--home .footer__inner {
    min-height: 25rem;
}

.footer--home:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('/files/2022/09//bottom-1024x323-1.jpeg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: 0;
}

@media screen and (max-width: 75em) {
    .footer--home:after {
        background-size: cover;
        background-position: top right;
    }
}

.footer--home .menu-legal a {
    color: #000;
}