/* Resets */
div#inner-page-wrapper {
    margin: 0;
}

    div#inner-page-wrapper > .container {
        width: 100%;
        padding: 0;
    }

.footer-top,
.ip-banner {
    display: none;
}
/* Resets */

/* Globals */

.site-title h1, .site-title h2 {
    font-size: 85px;
}

/* Globals */

/* Banner */

.tv-appearances__banner {
    position: relative;
    overflow: hidden;
}

    .tv-appearances__banner--image {}

        .tv-appearances__banner--image .ip-banner {
            display: block;
            position: relative;
        }

            .tv-appearances__banner--image .ip-banner::before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: linear-gradient(135deg, #000, transparent);
                z-index: 2;
                opacity: 0.8;
            }

            .tv-appearances__banner--image .ip-banner canvas {
                min-height: 400px;
            }

        .tv-appearances__banner--title {
            position: absolute;
            z-index: 3;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            max-width: 1310px;
            padding: 0 15px 2.75%;
        }
/* Banner */

/* Feed */

.tv-appearances__feed {
    max-width: 1310px;
    padding: 0 15px;
    margin: 80px auto;
}

    .tv-appearances__feed--inner {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 -15px;
    }

        .tv-appearances__feed--item {
            width: calc(100% / 3);
            padding: 15px;
        }

            .tv-appearances__feed--item a {
                display: block;
                position: relative;
                color: #fff;
                font-size: 15px;
                color: var(--secondary-color);
                font-family: var(--title-font);
                font-size: 20px;
                text-transform: uppercase;
                line-height: 1.1;
            }

            .tv-appearances__feed--item a img {
                aspect-ratio: 420/280;
                object-fit: cover;
                object-position: center;
                display: block;
            }

            .tv-appearances__feed--item a .tv-appearances__feed--item--title{
                padding-top: 15px;
                display: block;
            }

            .tv-appearances__feed--item a .tv-appearances__feed--item--image{
                position: relative;
            }

            .tv-appearances__feed--item a .tv-appearances__feed--item--image span {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 1;
                aspect-ratio: 1;
                width: 50px;
                height: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                color: #fff;
            }

            .tv-appearances__feed--item a .tv-appearances__feed--item--image span::after {
                content: '';
                position: absolute;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                background: var(--primary-color);
                opacity: 0.6;
                transition: all 0.3s ease-in-out;
            }

            .tv-appearances__feed--item a .tv-appearances__feed--item--image span::before {
                position: relative;
                z-index: 3;
            }

            .tv-appearances__feed--item a:hover .tv-appearances__feed--item--image span::after {
                opacity: 1;
            }

/* Feed */

/* Pagination */

.tv-appearances__pagination {
    margin: 0 auto 80px;
}

    .tv-appearances__pagination--pages {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
    }

        .tv-appearances__pagination--pages a {
            color: #3e3e3f;
            border: 1px solid var(--primary-color);
            aspect-ratio: 1;
            width: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            transition: all 0.3s ease-in-out;
        }

        .tv-appearances__pagination--pages a.is-active, .tv-appearances__pagination--pages a:hover {
            background: var(--primary-color);
            color: #fff;
        }

        .tv-appearances__pagination--pages a.is-active {
            pointer-events: none;
        }

/* Pagination */


@media only screen and (max-width: 1199px) {
    .site-title h1, .site-title h2 {font-size: 60px;}

    .site-title h1 span, .site-title h2 span {
        font-size: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .tv-appearances__feed--item{
        width: 100%;
        max-width: 420px;
    }
}

@media only screen and (max-width: 480px) {
    .site-title h1, .site-title h2 {font-size: 45px;}
}