:root{
    --tec-color-text-primary: #fff;
    --tec-color-text-view-selector-list-item: #000;
}
 body{
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
    background-color: rgb(16, 16, 16);
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-display: swap;
    src: url(webfonts/roboto.woff2) format(woff2);
}

p,
h1,
h2,
h3,
h4,
a {
    color: white;
}

.h-margin {
    margin-top: 150px;
}
.title-margin {
    margin: 40px 0 70px 0;
}

a,
a:visited {
    text-decoration: none;
    color: rgb(255, 255, 255);
}

.container {
    padding: 0 15px;
    max-width: 1200px;
    margin: 0 auto;
}



.page {
    margin: 0;
}

.page .entry-title {
    display: none;
}

.single-post .entry-title {
    margin-top: 100px;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%header */

.home header {
    top: 0;
    position: absolute;
    z-index: 10000000;
    height: 100px;
}
.menu-main-menu-container {
    display: flex;
    justify-content: space-between;
    justify-content: center;
    position: fixed;
    left: 0;
    right: 0;
    pointer-events: all;
    transition: .3s;
   
}

.menu-main-menu-container nav a{
    transition: .3s;
} 

.menu-main-menu-container .logo {
    transition: .3s;
}

.scrolled .menu-main-menu-container{
    background-color: rgb(16, 16, 16);
    
}

.scrolled .menu-main-menu-container nav a {
    font-size: 9pt;
    padding-bottom: 10px;
    transition: 0.3s;
}



.scrolled .menu-main-menu-container .logo {
    top: 0;
    height: 17px;

}
.nav-menu a {
    margin-right: 15px;
    font-weight: 100;
    font-size: 10pt;
    color: #fff;
}

.nav-menu a:active {
    font-weight: bolder;
}

.nav-menu a:hover {
    color: rgb(68, 96, 119);
    font-weight: bolder;
    transition: 0.3s;

}


.site-title {
    text-indent: -30000000000px;
    margin: 0;
}

.logo {
    z-index: 9999;
    width: 300px;
    height: 20px;
    background-color: blue;
    background: url(../bifff/images/logo-v2.svg) no-repeat center center;
    text-indent: -30000000000px;
    background-size: contain;
    padding-top: 10px;
    margin-top: 20px;
}

.custom-logo-link {
    position: fixed;
    margin: 0 auto;
    text-align: center;
    display: flex;
    width: 20%;
}

/* header home */

.home .menu-main-menu-container a {
    color: rgb(255, 255, 255);
}

/* ---------------------------------------------------page */
/* HOME */
.home .entry-title {
    display: none;

}

/* banner */
.site-header {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 100;
    pointer-events: none;
}

.entry-content .alignwide {
    margin-left: -80px;
    margin-right: -80px;
}

.entry-content .alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.alignfull img {
    width: 100vw;
}

.entry-content {
    margin: 0;
}

.text-flex .wp-block-group__inner-container {
    color: rgb(255, 255, 255);
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

}

/* both */
.wp-block-columns,
.both,
.is-layout-flex,
.wp-container-7,
.wp-block-columns-is-layout-flex {

    box-sizing: border-box;
    width: 100%;
    gap: 0;
}

.programmation-text {
    margin-top: 106vh;
    margin-bottom: 70px;
}

/* grid-home-movie */
/* .wp-block-group,
.colonne-movie-home,
.is-layout-constrained,
.wp-block-group-is-layout-constrained,
.colonne-movie-home {
    box-sizing: border-box;
    gap: 0;

}

:where(.wp-block-columns) {
    margin-bottom: 0;
    gap: 0;

}

.colonne-movie-home {
    margin: 0 auto;
    padding: 0;


}

.colonne-movie-home p,
.colonne-movie-home a {
    color: rgb(255, 255, 255);
    top: 0;
    padding: 35px;

}

.colonne-movie-home a {
    padding: 100px;
}

.colonne-movie-home img {
    padding: 0;
    height: 100%;

}

.home-film-case {
    position: relative;
    height: 296.34px;
    margin: 0;
    gap: 0;
}

.home-film-case p {
    position: absolute;

}

figure .wp-block-image,
.size-large img {
    width: 100%;
    margin: 0;
    padding: 0;
    gap: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 0;
} */

/* .site-main,
.wp-block-cover {
    max-width: 200rem;
    width: 100%;
    height: 100%;
    margin: 0%;
    padding: 0%;

}

.wp-block-cover {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

p-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
    max-width: 33.33%;
    width: 100%;

} */

/* ----------------split-banner */
.split-banner {
    background-color: antiquewhite;
    position: relative;
}

.split-banner p {
    width: 50%;
}

.split-banner-one,
.split-banner-two {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100vh;
}

.split-banner-one {
    left: 0;
}

.split-banner-two {
    right: 0;
}

/* ------------------split-banner-program */
.split-banner-program {
    position: relative;
}

.info-program-home {
    padding: 300px 20px 0 20px;
}

/* .split-banner-program-margin {
    margin-bottom: 800px;
} */

.split-banner-one-program,
.split-banner-two-program {
    position: absolute;
    top: 0;
    width: 50%;
    height: 33vh;
}

.split-banner-one-program:hover,
.split-banner-two-program:hover,
.split-banner-one-program-second:hover,
.split-banner-two-program-second:hover,
.split-banner-one-program-third:hover,
.split-banner-two-program-third:hover {
    opacity: 0.7;
    transition: 0.3s;
}

.split-banner-one-program {
    left: 0;
}

.split-banner-two-program {
    right: 0;
}

.split-banner-program a {
    color: white;
}

/*split-banner-program-second  */

.split-banner-program-second {
    position: relative;
}

.split-banner-one-program-second,
.split-banner-two-program-second {
    position: absolute;
    top: 0;
    width: 50%;
    height: 33vh;
    margin-top: 430px;
}

.split-banner-one-program-second {
    right: 0;
}

.split-banner-two-program-second {
    left: 0;
}

/* third */

.split-banner-program-third {
    position: relative;
}

.split-banner-one-program-third,
.split-banner-two-program-third {
    position: absolute;
    top: 0;
    width: 50%;
    height: 33vh;
    margin-top: 860px;
}

.split-banner-one-program-third {
    right: 0;
}

.split-banner-two-program-third {
    left: 0;
}

.see-more-films {
    margin-top: 133vh;
}
/* ------------42nd edition */
.editions .wp-block-group__inner-container {
    color: blue;
    display: flex;
    margin: 10rem 0 15rem 0;
    width: 100%;
    padding: 0%;
}

.editions .wp-block-heading,
.has-large-font-size h2 {
    width: 50%;
    margin: 0;
    padding: 0;
}

.editions p {
    width: 50%;
    margin: 0;
    padding: 0;
}

/* -----------news homepage */
/* .text-news-home */
/* .news-home-group {
    background-color: antiquewhite;
    position: relative;
}

.news-home-one,
.news-home-two,
.news-home-three {
    top: 0;

    width: 100%;
}

.news-home-one {
    left: 0;
    position: absolute;
}

.news-home-two {
    position: absolute;
    left: 0;
    right: 0;
}

.news-home-three {
    position: absolute;
    right: 0;
    margin-left: 2000px;
}

.news-home-group img {
    width: 30%;
} */
.block-news {
    width: 115%;
    position: relative;
}

.block-news figure {
    margin: 0;
}

.text-news-home {
    position: absolute;
    bottom: 10px;
    padding: 10px;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.507);
    width: 274px;

}

.text-news-home p {
    padding: 0;
    margin: 0;
}

/* ---------------------------page film grid */
.films-grid article {
    width: calc(100%/3 - 2rem);
}

.films-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.films-grid p {
    width: 70%;
}
/* ------------------------------------------about us */
.about-us-banner {
    position: relative;
    top: 0;
    width: 100%;
    z-index: -100000;
}

.about-us-title {
    margin-top: 50px;
    padding: 50px;
    width: 70%;
}

.about-team-group {
    position: relative;
    width: 100%;
}



.about-team-col-one,
.about-team-col-two,
.about-team-col-three {
    position: absolute;
    width: 33.333%;
    margin: 0%;
    padding: 20px;
}

.about-team-col-one {
    left: 0;
}

.about-team-col-two {
    left: 33.333%;
    width: 34.2%;
}

.about-team-col-three {
    right: 0;
}

/* second */
.about-team-group-second {
    position: relative;
    width: 100%;
    margin: 55vh 0%;
    padding: 20px;

}

.about-team-col-one-second,
.about-team-col-two-second,
.about-team-col-three-second {
    position: absolute;
    width: 33.333%;
    margin-top: 430px;
    padding: 20px;
}

.about-team-col-one-second {
    left: 0;
}

.about-team-col-two-second {
    left: 33.333%;
    width: 34.2%;
}

.about-team-col-three-second {
    right: 0;
}

/* third */
.about-team-group-third {
    position: relative;
    width: 100%;
    margin-top: 860px;
    padding: 20px;
    color: antiquewhite;
}

.about-team-col-one-third,
.about-team-col-two-third,
.about-team-col-three-third {
    position: absolute;
    width: 33.333%;
    margin-top: 860px;
    padding: 20px;
}

.about-team-col-one-third {
    left: 0;
}

.about-team-col-two-third {
    left: 33.333%;
    width: 34.2%;
}

.about-team-col-three-third {
    right: 0;
}

/* four */
.about-team-group-four {
    position: relative;
    width: 100%;
    margin-top: 860px;
    padding: 20px;
    color: antiquewhite;
}

.about-team-col-one-four,
.about-team-col-two-four,
.about-team-col-three-four {
    position: absolute;
    width: 33.333%;
    margin-top: 1290px;
    padding: 20px;
}

.about-team-col-one-four {
    left: 0;
}

.about-team-col-two-four {
    left: 33.333%;
    width: 34.2%;
}

.about-team-col-three-four {
    right: 0;
}

.image-tampon {
    opacity: 0;
}
/* news-grid page*/
.category-news  {
    margin-top: 100px;
}

.category-news header {
    height: 0px;
}
.news-grid  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-grid article {
    width: 25%;
    position: relative;
}
.news-grid .entry-title {
    width: 77%;
    padding: 20px;
    position: absolute;
    bottom: 25px;
    background-color: rgba(0, 0, 0, 0.688);
    font-size: 12pt;
}
.news-grid p {
    width: 70%;
    position: absolute;
    bottom: 25px;
    background-color: rgba(0, 0, 0, 0.494);
}

/* news-article */
/* 
.single-post img {
width: 10%;
}

 .single-post p {
    width: 30%;
}
.news-text-post
.news-flex {
    display: flex;
} 

.single-post .post-thumbnail  */

.single-post article{
    display: flex;
    justify-content: space-between;
}
.single-post p {
    width: 70%;
    margin: 0;
    padding: 0;
}
.single-post img {
    width: 90%;
}

.single-post .entry-title h1{
   display: block;
   width: 100%;
}
/* posts */
.single-post .post-15 p {
    width: 50%;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%footer */
.site-footer {
    background: url(../bifff/images/shey-02.jpg) no-repeat center center;
    background-size: cover;
    padding: 150px 0;
    margin-top: 10vh;
    height: 30rem;
}

.site-footer a {
    color: rgba(255, 255, 255, 0.61);
}

.footer-contact {
    display: flex;
    justify-content: space-between;
}

.footer-contact .part-footer {
    color: white;

}

.part-footer p {
    padding: 0;
    margin: 0;
}

.part-footer img {
    background-color: #fff;
    width: 100%;
}

.bifff-c {
    margin-top: 100px;
    text-align: right;
}