.is-style-cinemas-utopia-flat-button .wp-block-button__link,.is-style-cinemas-utopia-flat-button .wp-block-button__link:active,.is-style-cinemas-utopia-flat-button .wp-block-button__link:focus,.is-style-cinemas-utopia-flat-button .wp-block-button__link:hover,.is-style-cinemas-utopia-flat-button .wp-block-button__link:visited{border-radius:0;box-shadow:none;margin-bottom:0;margin-top:0}.is-style-cinemas-utopia-box-shadow{box-shadow:var(--wp--preset--shadow--natural)}.is-style-cinemas-utopia-list-underline li{border-bottom:1px solid}.is-style-cinemas-utopia-list-underline ul{border-top:1px solid}.is-style-cinemas-utopia-list-underline ul li{border:none}details.is-style-cinemas-utopia-plus>summary{list-style-type:"+ "}details[open].is-style-cinemas-utopia-plus>summary{list-style-type:"- "}details.is-style-cinemas-utopia-plus>summary::marker{font-family:var(--wp--preset--font-family--monospace);font-size:1em;font-weight:700}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale,.woocommerce span.onsale{background-color:var(--wp--preset--color--primary);border:none;border-radius:100%;color:var(--wp--preset--color--contrast);font-size:1rem;height:3.7rem;line-height:3.236;text-align:center;text-transform:capitalize;width:3.7rem}.woocommerce div.product .stock{color:var(--wp--preset--color--primary)}
a{
    transition: all 0.15s ease-in-out;
}
strong, b{
	font-weight:700;
}
/* Composition  entête Utopia 
.tetiere{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
/* .tetiere_gazettes{
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/tetieres/header-gazettes-cinémas-utopia-1920.jpg');
}   */
.tetiere_utopia_bloc_titre{
    display: inline-block;
	position:relative;
}
.tetiere_utopia_bloc_titre::before {
	content: '';
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/fleurs_titre_tetiere.png');
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.3;
}
.tetiere_utopia_bloc_titre .wp-block-post-title{
    max-width:100%;
	margin-block-end: 0 !important;
	z-index: 2;
	position: relative;
	font-size: 52px;
	font-weight: 700;
	white-space: normal;
	line-height: 1.2;
	hyphens: auto;
}
.tetiere_utopia_bloc_titre p{
	margin-block-end: 0!important;
	z-index: 2;
	max-width: 100%;
}



/**
*
* Ornements 
*
*/
.ornement .wp-block-spacer {
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center;
}
@media (min-width: 600px) {
  	.ornement .wp-block-spacer{
		background-size: auto;
	}
}
.ornement.ornement_footer .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_footer.png');
}
.ornement.ornement_home_1 .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_home.png');
}
.ornement.ornement_home_2 .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_home2.png');
}
.ornement.ornement_home_horaires .wp-block-spacer {
	background-size: cover;
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_home_horaires.png');
}
.ornement.ornement_home_4 .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_home4.png');
}
.ornement.ornement_films_a_laffiche_1 .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_films_a_laffiche_1.png');
}
.ornement.ornement_films_a_laffiche_2 .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_films_a_laffiche_2.png');
}
.ornement.ornement_films_a_laffiche_3 .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_films_a_laffiche_3.png');
}
.ornement.ornement_films_a_laffiche_4 .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_films_a_laffiche_4.png');
}
.ornement.ornement_films_a_laffiche_5 .wp-block-spacer {
	opacity: 0.6;
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_films_a_laffiche_5.png');
}
.ornement.ornement_films_a_laffiche_6 .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_films_a_laffiche_6.png');
}


/* Page single film */
.ornement.ornement_film_1 .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_film_1.png');
}
.ornement.ornement_film_2 .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_film_2.png');
}
/* Page évènements */
.ornement.ornement_page_evenements .wp-block-spacer {
	opacity: 0.6;
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_pages_gazettes.png');
}
/* Infos pratiques */
.ornement.bloc_tarif_ornement_intertitre .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/bloc_tarif_ornement_intertitre.png');
	width:109px;
}
.ornement.infos_pratiques_etoile .wp-block-spacer {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/infos_pratiques_etoile.png');
	background-size: 47px;
	width: 50px;
	height: 60px !important;
  	margin: 0 auto;
}


/* Composition contenu libre */
.bloc_home_contenu_libre{
	position: relative;
}
.bloc_home_contenu_libre::after{
	position: absolute;
	content: '';
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/bg/fond_bloc_home.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
	bottom: 0;
	right: -40px;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	z-index: 1;
}
.bloc_home_contenu_libre div{
	z-index: 2;
}
@media (max-width: 800px) {
  	.bloc_home_contenu_libre::after{
		display:none;
	}
}

/* Carousel Slider Block Bugfixes */
.slick-slider {
	max-width: 100%;
}
/* Carousel Slider Block ajustements maquettes */
.home .slick-dotted.slick-slider{
	margin-bottom: 0;
}
.bloc_a_la_une {
	padding-bottom: 80px !important;
}
.home .slick-dots{
	bottom: 25px;
}
.slick-dots li button::before {
	width: 12px;
	height: 12px;
	content: '';
	opacity: 1;
	border: 1px solid var(--wp--preset--color--rouge-utopia);
	border-radius: 50%;
}
.slick-dots li.slick-active button::before {
	opacity: 1;
	background: var(--wp--preset--color--rouge-utopia);
}


/* Bloc Actualités Home */
@media (max-width: 800px) {
  	.bloc_actualite .columns-3{
		grid-template-columns: 1fr!important;
	}
  	.bloc_actualite .columns-3 li:nth-of-type(1)::after,
	.bloc_actualite .columns-3 li:nth-of-type(2)::after{
		display:none;
	}
}
.bloc_actualite .columns-3 li{
	position: relative;
}
.bloc_actualite .columns-3 li:nth-of-type(1)::after,
.bloc_actualite .columns-3 li:nth-of-type(2)::after{
	position: absolute;
	content: '';
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/bg/separateur_actus.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
	top: 30%;
 	right: -49px;
	width: 70px;
	height: 120px;
}
.bloc_actualite .columns-3 li:nth-of-type(2)::after{
	 transform: scaleY(-1);
}

/* Page Gazettes */
.full_container_gazettes{
	display: flex;
    gap: 1em;
    align-items: flex-start;
    margin-top: 2em;
	justify-content: center;
}
.full_container_gazettes .sidebar_left {
    display: none;
}
.full_container_gazettes .sidebar_left::after {
	content: '';
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/homme_page_gazettes.png');
	width: 177px;
	height: 903px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
}
.full_container_gazettes .sidebar_left h2 {
	margin-top: 0;
}
@media screen and (min-width: 780px) {
	.full_container_gazettes .sidebar_left {
        display: block;
		width:250px;
    }
}
.content_right {
	width: 100%;
}
.content_right h2 {
	margin-right: 1em;
    display:inline-block;
}
@media screen and (min-width: 780px) {
	.content_right h2 {
        display: none;
    }
}

.container_boutons_gazettes{
    display: none;
}
#boutons_annees_gazettes {
	/* background: var(--wp--preset--color--rouge-utopia); */
	display: inline-block;
    margin-bottom: 2em;
    position: relative;
}
#boutons_annees_gazettes select {
	background-color: var(--wp--preset--color--rouge-utopia);
	color: white;
	padding: 1em 2.5em;
	font-size: var(--wp--preset--font-size--utopianormal);
	border: none;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--fraunces);
  	font-weight: 700;
}
/* #boutons_annees_gazettes select,
#boutons_annees_gazettes select::picker(select) {
	appearance: base-select;
} */
/* #boutons_annees_gazettes select::picker-icon {
	content:'\2665';
	color: white;
} */

.liste_gazettes {
	display: grid;
	grid-template-columns: repeat(2, 1fr );
    gap: 1em;
    visibility: hidden;
    z-index: 0;
    height: 0;
}
@media screen and (min-width: 780px) {
	.liste_gazettes {
        grid-template-columns: repeat(3, 1fr );
    }
}
@media screen and (min-width: 1250px) {
	.liste_gazettes {
        grid-template-columns: repeat(4, 1fr );
    }
}
.liste_gazettes.active {
    visibility: visible;
    z-index: 1;
    height: 100%;
}
.bloc_gazette {
	text-align: center;
	background: var(--wp--preset--color--secondary);
    min-width: 180px;
}
.gazette_thumbnail_container {
	height: 150px;
	overflow: hidden;
}
.gazette_thumbnail_container img {
	width: 100%;
	height: auto;
}
.telecharger_gazette a {
	display: block;
}



/* Shortcode bouton Télécharger Gazette */
.bouton_last_gazette {
	margin-top: 2em;
}
.bouton_last_gazette .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
    max-width: 300px;
	border: solid 2px var(--wp--preset--color--rouge-utopia);
}
#header_mobile .bouton_last_gazette .wp-block-button__link {
	max-width: none;
}
.bouton_last_gazette .wp-block-button__link span.personnage_gazette::before {
	background: url('/wp-content/themes/cinemas-utopia/assets/images/personnage_gazette_100.png');
	width: 60px;
    height: 80px;
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-right: 1em;
    transition: all 0.2s ease-in-out;
}
.bouton_last_gazette .wp-block-button__link:hover{
	background-color: var(--wp--preset--color--secondary)!important;
	color: var(--wp--preset--color--brun-utopia)!important;
	border: solid 2px var(--wp--preset--color--brun-utopia);
}

/* .bouton_last_gazette .wp-block-button__link:hover span.personnage_gazette::before {
	filter: invert(100%);
} */
span.texte_bouton_gazette{
    display: inline-block;
    /* width: calc(100% - 100px - 1em); */
    vertical-align: middle;
}

/* Page Actualités */
.blog .wp-block-query .wp-block-post > hr,
.single-post main > .wp-block-group > hr{
  position: relative;
  background-color: transparent;
  color: transparent;
  height: 2em;
}
.blog .wp-block-query .wp-block-post > hr::before,
.single-post main > .wp-block-group > hr::before {
	content: '';
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/ornement_horaire_3.png');
	width: 100%;
	height: 25px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 0;
}
.single-post main > .wp-block-group > hr::before {
	background-position: left center;
	top: 0.5em;
}



.blog .wp-block-query .wp-block-post .wp-block-post-excerpt {
	margin-top: 0.5em;
}

/* Shortcode Nouveaux films de la semaine */
.nouveau_film_semaine {
	width: 180px;
	overflow: hidden;
	text-align: center;
	font-weight: 700;
	font-size: var(--wp--preset--font-size--utopiamedium);
}
.nouveau_film_semaine_affiche {
	width: 180px;
	height: 250px;
	overflow: hidden;
	background: var(--wp--preset--color--brun-utopia);
}
.nouveau_film_semaine a {
	display: block;
  	height: 100%;
}
.nouveau_film_semaine img {
	width: 180px;
	height: auto;
}
.nouveau_film_semaine_titre {
	padding: 0.5em;
	font-family: var(--wp--preset--font-family--fraunces);
}

/* mains */
@media (min-width: 1025px) { 
	.mains_direction {
		display: flex;
		flex-wrap: nowrap;
	}
}  
.mains_direction.hidden{
	visibility: hidden;
	display: none;
}
.main_gauche::before, .main_droite::before, .main_separateur::before{
	content: '';
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/main-gauche.png');
	height: 40px;
	width: 73px;
	display: inline-block;
	background-size: 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: all 0.5s ease-in-out;
	opacity:0.7;
}
.main_separateur {
	margin: 0 0.5em;
}
.main_separateur::before{
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/mains-separateur.png');
	height: 41px;
	width: 24px;
	opacity:1;
}
.main_droite::before{
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/main-droite.png');
}
.main_gauche:hover::before, .main_droite:hover::before{
	opacity:1;
}
.main_gauche.main_disabled::before, .main_droite.main_disabled::before{
	filter: grayscale(1)!important;
	opacity:1!important;
	cursor: default;
}

.mains_inner_container{
	overflow-x: auto;
	flex-wrap: nowrap; 
	align-items: stretch;
	padding-bottom: 1.5em;
	/* Hide scrollbar for IE, Edge and Firefox */
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.mains_inner_container::-webkit-scrollbar {
  display: none;
}
.mains_item{
	flex: 0 0 auto;
}



/**
*
* Shortcode Cycles en cours
*
*/
.home .mains_full_container{
	background-color: var(--wp--preset--color--blanc-utopia)!important;
}
body:not(.home) .liste_cycles_en_cours_container{
	padding: 1.5em 1.5em 0 1.5em;
}
.liste_cycles_en_cours_container{
	background-color: #D9D9D966; /* Gris Utopia 40% D9D9D9 */
}

.liste_cycles_en_cours_container .cycle_en_cours{
	text-align: center;
	width: calc(320px + 3em);
	background: #d9d9d9;
}
.cycle_en_cours .cycle_en_cours_affiche {
	height: 175px;
	width: 100%;
	overflow: hidden;
	background: var(--wp--preset--color--brun-utopia);
	padding: 0 1.5em;
  	box-sizing: border-box;
}
.cycle_en_cours img {
	width: 100%;
	height: auto;
}
.cycle_en_cours_inner{
	padding: 0 1.5em;
}
.cycle_en_cours h3{
	font-weight: 400;
	font-size: var(--wp--preset--font-size--utopialarge);
	margin: 0.5em 0 0 0;
}

.evenement_a_venir_texte_evenement {
	margin: 1em auto;
}
.cycle_en_cours .wp-block-button__link{
	display: block;
	width: 180px;
	margin: 0 auto;
  	margin-bottom: 1.5em;
}
.lien_page_evenement_container {
	width: 100%;
	margin-top: 0;
}
.lien_page_evenement_container .wp-block-button__link{
	display: block;
	text-align: center;
}

.evnmnts_a_venir_et_cycles_en_cours {
	padding-bottom: 2em;
}

/* Shortcode Films à l'affiche */
.labels_films {
	/* overflow-x: auto; */
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.bouton_label_film {
	background: var(--wp--preset--color--blanc-casse);
	border: solid 2px var(--wp--preset--color--brun-utopia);
	margin: 0.5em;
	text-decoration: none;
	padding: 0.5em 1em;
	border-radius: 38px;
	cursor: pointer;
	flex: 0 0 auto;
	display: inline-block;
	color: var(--wp--preset--color--brun-utopia);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 700;
	font-family: var(--wp--preset--font-family--fraunces);
}
.bouton_label_film.selected {
	background: var(--wp--preset--color--rouge-utopia);
  	border: solid 2px var(--wp--preset--color--rouge-utopia);
	color: var(--wp--preset--color--blanc-utopia);
}

.films_a_laffiche_inner_container{
	display: grid;
	gap: var(--flex-gap);
	grid-template-columns: 1fr 1fr;
}
.film_a_laffiche {
	overflow: hidden;
	font-size: var(--wp--preset--font-size--normal);
	display:none;
}
.film_a_laffiche.selected {
	display:block;
}
.film_a_laffiche a{
	display: block;
	text-decoration: none;
	padding: 1em;
	height:100%;
}
.film_a_laffiche_affiche {
	height: 200px;
	overflow: hidden;
	background: var(--wp--preset--color--brun-utopia);
}
.film_a_laffiche_affiche img {
	width: 100%;
	height: auto;
}
@media (min-width: 450px) {
	.film_a_laffiche_affiche {
		height: 230px;
	}
}
@media (min-width: 600px) {
	.film_a_laffiche_affiche {
		height: 340px;
	}
}
@media (min-width: 768px) {
	.films_a_laffiche_inner_container{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.film_a_laffiche_affiche {
		height: 275px;
	}
}
@media (min-width: 980px) {
	.films_a_laffiche_inner_container{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.film_a_laffiche_affiche {
		height: 260px;
	}
}
@media (min-width: 1200px) {
	.film_a_laffiche_affiche {
		height: 340px;
	}
}

.film_a_laffiche_titre {
	padding: 0.5em;
	font-weight: 700;
	font-family: var(--wp--preset--font-family--fraunces);
}
.film_a_laffiche_duree {
	font-weight: 400;
}
.film_a_laffiche_pays_annee {
	font-size: var(--wp--preset--font-size--utopiasmall);
	font-weight: 400;
}

.film_a_laffiche_cycles_et_evnmnts{
	font-style: italic;
	font-weight: 400;
	font-size: var(--wp--preset--font-size--utopiasmall);
}

/**
*
* Shortcode Single film
*
*/
.single_film_img {
	/* height: 475px; */
	aspect-ratio: 16/5;
	width: 100vw;
	background-repeat: no-repeat;
  	background-size: cover;
}

@media screen and (max-width: 680px) {
	.infos_films_columns{
		flex-wrap: nowrap;
	}
	.infos_films_columns .wp-block-column{
		flex-basis:100%!important;
	}
}

.liste_horaires_single_film_container {
	display: flex;
	flex-flow: row wrap-reverse;
}
a.resume_horaire_single_film{
	text-align: center;
	text-decoration: none;
	margin: 0.5em auto;
	display: block;
	cursor:pointer;
}
.resume_horaire_single_film::after {
	content: '';
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1.5em;
	transition:all 0.2s ease-in-out;
	
}
.resume_horaire_single_film:not(.active)::after {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/single_film/plus.png');	 
}
.resume_horaire_single_film.active::after {
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/single_film/moins.png');	
}
.liste_horaires_single_film{
	width: 100%;
	height: 0;
  	overflow: hidden;
	display: grid;
  	grid-template-columns: 1fr;
	padding-top: 1em;
}
.liste_horaires_single_film.active{
	height: auto;
}
 @media screen and (min-width: 480px) {
	.liste_horaires_single_film{
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (min-width: 980px) {
	.liste_horaires_single_film{
		grid-template-columns: 1fr 1fr 1fr;
	}
}
.liste_horaires_single_film .item_liste_horaire {
	margin-bottom: 0;
	font-family: var(--wp--preset--font-family--barlow);
}
.liste_horaires_single_film  .item_liste_horaire .heure_seance {
	font-family: var(--wp--preset--font-family--barlow);
}
.single_jour_liste_horaires_titre{
	background: var(--wp--preset--color--noir-utopia);
	color: var(--wp--preset--color--blanc-utopia);
	padding: 0.2em 0.4em;
	font-weight: 700;
}

.autres_films{
	grid-template-columns: 1fr 1fr 1fr;
	display: flex !important;
	overflow-x: auto;
}
@media screen and (min-width: 650px) {
	.autres_films {
		display: grid !important;
	}
}
.single_autre_film_container {
	flex: 1 0 200px;
}
.single_autre_film_container a{
	text-decoration: none;
}


/**
*  Page infos pratiques 
*/
.titre_page_infos_pratiques{
	margin-top: 50px;
}
.titre_page_infos_pratiques::before,
.titre_page_infos_pratiques::after {
	content: '';
	display: block;
	margin: 0 auto;
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/infos_pratiques_ornement_surtitre.png');
	width: 100%;
	height: 38px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	max-width: 615px;
}
.titre_page_infos_pratiques::after{
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/infos_pratiques_ornement_soustitre.png');
	height: 83px;
	max-width: 289px;
}
.bloc_tarif {
	width: 230px;
	flex-direction: column;
	align-items: center;
	padding: 50px 20px 50px 20px !important;
	position: relative;
	background-color: #edccd9 !important;
}
.bloc_tarif::before,
.bloc_tarif::after {
	content: '';
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/bloc_tarif_ornement_haut_et_bas.png');
	width: 95%;
	height: 37px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	bottom: 2px;
}
.bloc_tarif::before{
	transform: scaleY(-1);
	top: 2px;
	bottom: auto;
}
.bloc_tarif p{
	margin-block-end: 0 !important;
}

.bloc_contact_gauche::before {
	content: '';
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/infos_pratiques_hibou.png');
	max-width: 243px;
	height: 188px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0 auto;
	margin-bottom: 1em;
	width: 90%;
}
.bloc_contact_gauche {
	width: 100%;
	max-width: 300px;
	gap: 0!important;
}
.wp-block-contact-form-7-contact-form-selector {
	width: 100%;
	font-family: var(--wp--preset--font-family--fraunces);
}
@media screen and (min-width: 680px) {

	.wp-block-contact-form-7-contact-form-selector {
		width: 60%;
	}
}
.wpcf7-form-control.wpcf7-select, .wpcf7 textarea,
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"]{
	width: 100%;
	background-color: var(--wp--preset--color--blanc-utopia);
	padding: 15px 20px;
	border: 1px solid var(--wp--preset--color--blanc-utopia);
	font-family: var(--wp--preset--font-family--barlow);
 	font-size: var(--wp--preset--font-size--normal);
}
.wpcf7 textarea:focus, .wpcf7 input:focus, .wpcf7-form-control.wpcf7-select:focus {
  outline: none;
  border: 1px solid var(--wp--preset--color--rouge-utopia);
}
input[type="submit"]{
	font-size: var(--wp--preset--font-size--utopianormal);
	font-family: var(--wp--preset--font-family--fraunces);
	width: 100%;
	background: var(--wp--preset--color--rouge-utopia);
	border: 0;
	padding: 1em;
	font-weight: 700;
	color: var(--wp--preset--color--secondary);
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
input[type="submit"]:hover{
	background: var(--wp--preset--color--noir-utopia);

}

.colonne_velo{
	position:relative;
	height: 117px;
}
.colonne_velo::after {
	content: '';
	width: 192px;
	height: 117px;
	z-index: 1;
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/infos_pratiques_velo.png');
    background-size: cover; 
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

/* Blocs contacts */
.nous_contacter_bloc_contact, .nous_contacter_bloc_publicite, .nous_contacter_bloc_bistrot{
	width: 310px;
	padding: 70px 20px !important;
	position: relative;
}
.nous_contacter_bloc_contact::before, .nous_contacter_bloc_publicite::before,.nous_contacter_bloc_bistrot::before,
.nous_contacter_bloc_contact::after,.nous_contacter_bloc_publicite::after,.nous_contacter_bloc_bistrot::after{
	content: '';
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/ornements/bloc_tarif_ornement_haut_et_bas.png');
	width: 95%;
	height: 37px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 15px;
}
.nous_contacter_bloc_contact::after,.nous_contacter_bloc_publicite::after,.nous_contacter_bloc_bistrot::after{
	top: auto;
	bottom: 15px;
	transform: scaleY(-1);
}
/* */
.nous_contacter_bloc_contact .nous_contacter_bloc_contact_img{
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/nous_contacter_bloc_contact.png');
	width: 100%;
	flex-basis: 200px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.nous_contacter_bloc_publicite .nous_contacter_bloc_publicite_img{
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/nous_contacter_bloc_publicite.png');
	width: 100%;
	flex-basis: 200px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.nous_contacter_bloc_bistrot .nous_contacter_bloc_bistrot_img{
	background-image: url('/wp-content/themes/cinemas-utopia/assets/images/nous_contacter_bloc_bistrot.png');
	width: 100%;
	flex-basis: 200px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
/**/

/**
* Dark mode 
*/
body.darkmode .ornement .wp-block-spacer {
	opacity: 1!important;
}

/* body.darkmode .ornement.darkmode_ok,  */
body.darkmode .horaire_complet_container .horaire_complet_inner_right .ornement.darkmode_ok,
body.darkmode.blog .wp-block-query .wp-block-post > hr::before, 
body.darkmode.single-post main > .wp-block-group > hr::before,
body.darkmode .titre_page_infos_pratiques::before, body.darkmode .titre_page_infos_pratiques::after,
body.darkmode .evnmt_liens_reservation img{
	filter: invert(1);
}
body.darkmode,
body.darkmode .bloc_informations_annexes{
	background-color: var(--wp--preset--color--brun-utopia)!important;
	color: var(--wp--preset--color--blanc-utopia)!important;
}
body.darkmode #mobile_menu_deployed.has-brun-utopia-background-color,
body.darkmode #mobile_menu_deployed .wp-block-navigation__submenu-container.has-brun-utopia-background-color,
body.darkmode .info_evenement, body.darkmode .info_evenement a,
body.darkmode .autres_films_container_single_film{
	background-color: var(--wp--preset--color--noir-utopia) !important;
	color: var(--wp--preset--color--blanc-utopia)!important;
}

body.darkmode .bloc_a_la_une,
body.darkmode .container_horaires_home,
body.darkmode .bloc_home_contenu_libre,
body.darkmode #container_horaires_complets_par_semaine .wp-block-group.has-blanc-casse-background-color,
body.darkmode .evnmnts_a_venir_et_cycles_en_cours,
/* body.darkmode .film_a_laffiche, */
body.darkmode .wp-container-core-group-is-layout-db32e940,
body.darkmode .fond_contenu_film_singlefilm {
	background-color: var(--wp--preset--color--noir-utopia) !important;
	color: var(--wp--preset--color--blanc-utopia);
}

body.darkmode .liste_cycles_en_cours_container,
body.darkmode .liste_evenements_a_venir_container,
body.darkmode .single_jour_liste_horaires_titre,
body.darkmode .bloc_blanc_ornement_ange_single_film  {
	background-color: var(--wp--preset--color--brun-utopia) !important;
}


body.darkmode .liste_cycles_en_cours_container .cycle_en_cours,
body.darkmode .liste_evenements_a_venir_container .evenement_a_venir,
body.darkmode #container_horaires_complets_par_semaine .bouton_jour_horaires a.boutons_jour,
body.darkmode #container_horaires_complets_par_semaine .bouton_label_horaire,
body.darkmode .bloc_tarif,
body.darkmode .titre_gazette,
.bloc_contact_gauche, .wp-block-contact-form-7-contact-form-selector,
.nous_contacter_bloc_contact,.nous_contacter_bloc_publicite,.nous_contacter_bloc_bistrot {
  color: var(--wp--preset--color--noir-utopia) !important;
}

/* body.darkmode .wp-block-post h2 a,
body.darkmode .wp-block-post-author-name a, */
body.darkmode .horaire_complet_container .titre_horaire a,
body.darkmode .wp-block-post-date time,
body.darkmode .container_horaires_home .item_liste_horaire a,
body.darkmode #container_horaires_complets_par_semaine a.telecharger_gazette,
body.darkmode #container_horaires_complets_par_semaine #titre_jour 
body.darkmode #container_horaires_complets_par_semaine .bouton_label_horaire.active.selected,
body.darkmode #container_horaires_complets_par_semaine a.boutons_jour.active,
body.darkmode .grille_horaires_single_film a, 
body.darkmode .autres_films_container_single_film .single_autre_film_container a,
body.darkmode .evnmt_liens_reservation a, body.darkmode .lien_film_si_page_film_evnmnt {
	color: var(--wp--preset--color--blanc-utopia) !important;
}
body.darkmode .nouveau_film_semaine, body.darkmode .nouveau_film_semaine_affiche{
	background-color: #D9D9D966 !important;
}
body.darkmode .grille_horaires_single_film,
body.darkmode .evnmt_liens_reservation{
	background-color: #D9D9D966 !important;
	color: var(--wp--preset--color--blanc-utopia) !important;
}