.node--type-article,
.page-view-lives,
.page-view-witenesses,
.page-view-celebrities,
.page-view-compatriots,
.page-view-videos,
.page-view-morocco-contribution,
.page-view-moroccafrica,
.page-view-social-media-posts,
.page-view-influencers,
.node--type-player,
.page-vocabulary-teams
{
    #block-mycustom-theme-page-title {
        display: none;
    }
}

.left-banner-logo {
    width: 200px;
    float: left;
    height: 300px;
    margin-left: 12px;

    .field--type-image {
        float: left;

        img {
            width: 200px;
            height: 300px;
            object-fit: cover;
        }

    }
}

.social-banner-pannel {
    a {
        margin-right: 12px;
        float: left;
        background-color: white;
        padding: 5px;
        height: 35px;
        width: 120px;
        margin-top: 12px;

        img {
            width: 80%;
        }
    }
}

/*.page-view-lives {*/
    #hero-carousel {
        /*position: relative;
        z-index: unset;*/

        .field--type-file {
            height: 100%;

            video {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

    }
/*}*/

/* Manage the videos carousel differently to make the videos clickable */
body.page-view-social-media-posts,
body.page-view-videos {
    #hero-block {
        .hero-block-mask {
            display: none;
        }
        .hero-text-block {
            display: none;
        }
        .social-buttons {
            z-index: 1;
        }
        #hero-carousel {
            z-index: 0;
        }
    }
}


/* in case the right banner isn't directly inside the carousel, a double sliding */
.right-banner-zone {
    > .carousel-control-prev {
        left: 663px;
    }
    > .carousel-control-next {
        right: 8px;
    }
}

.page-vocabulary-teams {
    .left-banner-logo {
        .field--type-image {
            img {
                width: auto;
                height: auto;
            }
        }
    }
}