/* new search  */
.screen-reader-text {
width: auto!important;
    height: 24px;
	line-height:24px;
    padding: 4px;
    color: #0a0a0a;
	background: #e8e8e8;
    font-size: 14px;
    border-color: #e8e8e8;
	width:32%!important;
	float:left;
}

input[type=search].search-field {
    height: 32px;
    padding: 5px;
    font-size: 14px;
    border: 2px solid #e8e8e8;
	width: 63%;
    float: left;
}

/* footer */

.saf-custom-search-container .search-filter-input-text .search-filter-input-text__icon, .saf-custom-search-container .search-filter-label {display:none;}
.footer .search input {padding:0px 0px 0px 15px!important;width: 90%;}
.footer .search .input-group-label {
    padding: 5px 4px!important;
    float: left;
    height: 18px;
}

ul.filmographie li:last-child {border-bottom:none!important}

img.affiche {
    top: 35%;
    position: absolute;
    left: 35%;
	max-width:100px;
    opacity: .7;
}
.affiche-container {position:relative;margin-bottom:20px}
.affiche-container img.wp-post-image {height:100%}

.directors-thumbnails-wrapper {
	display: flex; 
	flex-wrap: wrap; 
	gap: 4%; 
	justify-content: space-between;
}

.half-section-real {
	width: 48%; 
	margin-bottom: 20px; 
	box-sizing: border-box;
}

.half-section-real a {font-weight:600; display: block; margin-bottom: 8px;}


/* film form */
#label_10_76_1 {text-align:left;width:100%!important;}

/* save and continue page */

.gform_wrapper .form_saved_message {
    border: none!important;
    background-color: #fff!important;
}

.form_saved_message_sent {
    border: none!important;
    background-color: #fff!important;
}

div.form_saved_message div.form_saved_message_emailform form input[type=submit] {
transition: background-color 0.25s ease-out, color 0.25s ease-out;
 vertical-align: middle;
 border: 1px solid transparent;
 border-radius: 0;
 padding: 0.85em 1em;
 margin: 0 0 1rem 0;
 font-size: 0.9rem;
 background-color: #e54d0b;
 color: #fff;
}

.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {
    font-size: 15px!important;
}
#field_9_49 #slim_input_9_49 {margin:0 auto}
@media only screen and (min-width: 641px) {

.gform_wrapper li#field_9_77.gfield.gf_list_3col ul.gfield_checkbox li, .gform_wrapper li#field_10_62.gfield.gf_list_3col ul.gfield_checkbox li {width:25%!important;text-align:left;padding-left: 95px!important;}

}
/* hide progress bar */

#field_9_37 img {display:none;}
.gf_repeater_add, .gf_repeater_remove {
	background-color: #e54d0b;
	width: 300px;
	display: inline-block;
	padding: 10px;
	cursor: pointer;
}

 .gf_repeater_remove {
 	position: relative;
	left: 15px;
	width: 200px;

 	}

.gf_repeater_add:hover, .gf_repeater_remove:hover {
	background-color: #ed6023;
}

.gf_repeater_add:after {
	content: 'Ajouter un film à votre filmographie';
color: white;
font-size: 14px;
position: relative;
left: 10px;
font-weight: bold;

}

.gf_repeater_remove:after {
	content: 'Enlever le film';
color: white;
font-size: 14px;
position: relative;
left: 15px;
margin-left: 10px;
font-weight: bold;
}

.rea-repeater {
	margin-top: 50px !important;
	padding-top: 30px !important;
	border-top: 4px solid #e54d0b;
	/*	counter-reset: section;*/
}

.gform_wrapper ul.gform_fields {text-align:center}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {margin:0 auto}

.gform_wrapper div.charleft {margin:0 auto}

label [for=input_10_23_1] {margin-bottom:12px}

.gform_wrapper .gfield_checkbox li label#label_10_42_1 {
	max-width:100%;
}

.gform_wrapper ul.gfield_checkbox li label {
    margin-top: 6px;
    margin-left: 3px;
}

li#field_10_26 {display:inline-block;width:47%;padding:5px;margin-right:10px}
li#field_10_45 {display:inline-block;width:47%;padding:5px;margin-left:10px;}

.gform_wrapper .gfield_checkbox li label#label_9_6_5{max-width:100%}

li#field_9_35 {padding-bottom:20px}
/* fix space version doublée */

body .gform_wrapper ul li#field_10_42 {margin-top:0}
body .gform_wrapper ul li#field_10_38 {margin-bottom:0}

/* dropdown arrow */
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    padding-right: 10px;
}

li#field_10_47 {margin-top:25px}

/* année hide counter */
li#field_10_25 div.charleft.warningTextareaInfo {display:none}

li#field_10_40 label.gfield_label {display:none}

li#field_10_32 ul.gfield_checkbox li label {
 margin-top: 3px;
}

/* durée field */
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label,  #input_10_23 i, #input_20_23 i {display:none!important;}

 .gform_wrapper #input_10_23.gfield_time_hour, #input_20_23.gfield_time_hour, #field_20_23 .gfield_time_minute {
    margin:0 auto;margin-top:8px;
}

#input_10_23.gfield_time_hour  {margin-top:8px!important;}

input#input_10_25, .ginput_container_time, #input_20_23_1, #input_20_23_2, input#input_10_58  {text-align:center}

.upload-four-col .gfield_description {display:none!important;}

/* bigger screens */
@media only screen and (min-width: 690px) {
.four-col ul
	{-moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;}
	.four-col ul li {float:left;width:100%}
#input_10_57_1, #input_10_57_2{width:50%}

/* themes */

ul#input_10_32 {margin-left:35px}

.form_saved_message_emailform input[type=text] {height:40px!important;width:50%}
	#field_9_6 ul li, #field_10_19 ul li{
	    text-align:left;
	    padding-left:80px!important;
	    float:left;
	    margin-bottom:0px!important;
	}



#field_10_23, #field_20_23 {width:15%;display:inline-block}

#input_10_44, #input_10_25, #input_10_58, #input_10_64 {width:15%}

ul#input_10_32 input[type=checkbox], ul#input_10_32 label {float:left}

/* pic upload */

.gfield.upload-four-col{
  grid-column: span 3!important; 
  -ms-grid-column-span: 3;
}


li#field_10_47 .gfield_description {
    width: 50%;
    margin: 0 auto;
}

input#input_10_47, input#input_9_36 {
	width: 22%;
    margin: 0 auto;
}
}

/* small screens */
@media only screen and (max-width: 690px) {
.fix-marg .columns {width:95%!important;}
.row .row.fix-marg {
   margin-left: -5px;
    margin-right:10px
}
/* durée form */
li#field_20_23 {
	width: 25%;
    display: inline-block;
}

.gform_wrapper ul.gfield_radio li label {
    width: auto!important;
}

.gform_wrapper ul.gfield_checkbox li {
    margin-right: 5px;
}
}

/* fiche films */
.autres-films .themes a {
	background-color: #e54d0b;
    color: #fff;
    padding: 5px 8px;
    text-decoration: none!important;
    font-weight: 600;
	font-size:13px!important;
}

.autres-films .themes a:hover {opacity:.7}

ul.filmographie, ul.social-links {
    list-style-type: none;
	margin-left:0
}

ul.filmographie li {
	border-bottom:1px solid #cacaca;
	margin-top:10px;
	padding-bottom:10px;
}

ul.filmographie .themes li {
    border-bottom:none!important;
	padding-bottom:10px!important;
}
ul.cinema-en-ligne li {border-bottom:none!important;}
ul.cinema-en-ligne li:last-child {border-bottom:1px solid #cacaca!important;padding-bottom: 15px;}
ul.cinema-en-ligne .themes li:last-child{border-bottom:none!important;}
.line1 {margin-bottom:0!important;font-size:14.4px}
.line3 {font-size:11px;font-style:italic}
.line1 p {font-size:16px;margin-bottom:0!important}
ul.social-links li {
	float:left;
	margin-right:15px;
}
.credits {font-size:12px;}
ul.social-links li a {font-size:30px}

.mini-synopsis {font-size:13px!important;margin-bottom:15px;margin-top:10px;}

#bold {font-weight:600}

.site-officiel {
    font-size: 18px;
    font-weight: 600;
    text-decoration: none !important;
    color: #777 !important;
}

.site-officiel:hover {
	opacity:.7}

.film-synopsis {padding-top:10px;padding-bottom:10px}

ul.themes {font-size:16px; list-style: none; margin: 0; padding: 0; }
ul.themes li { display: inline-block;margin-top:5px;	text-transform:lowercase; }
ul.themes li:after { content: ","; }
ul.themes.remove-commas li:after { content: " "; }

ul.themes li:last-child:after { content: ""; }

ul.themes {list-style-type:none}

.file-drop-area label {
  display: block;
  padding: 2em;
  background: #eee;
  text-align: center;
  cursor: pointer;
}

/* multi-upload */

.file-drop-area label {
  display: block;
  padding: 2em;
  background: #eee;
  text-align: center;
  cursor: pointer;
}

#field_9_49 .gfield_description, #field_9_59.gfield_html  {padding:10px 20px 0px 20px!important;}

#field_9_68, #field_9_74, #field_9_73, #field_9_72, #field_9_71, #field_9_70, #field_9_69, #field_9_75 {width:20%;display:inline-block}

.center-drop .slim {margin:0 auto}

.orange-square li { list-style: none; }

.orange-square li:before {
    content: '■';
    color: #e54d0b;
    float: left;
    width: 1.2em;
}
.lowercase {text-transform:lowercase}
.type-lien {margin-left:10px}
div#player .vp-player-layout {
	width: 100%!important;
    height: 100%!important;
    left: 0!important;
}
/* header dames des vues */

.see-fiche {
    background-color: #e54d0b;
    color: #fff;
    border-radius: 1px;
    padding: 3px 7px;
    text-transform: uppercase;
    font-size: 11px!important;
    text-decoration: none!important;
    font-weight: 600;
}

.see-fiche:hover {opacity:.7}
.list-view h3 {margin-bottom:8px!important}

#ddv.header {background-color:#e54d0b;height:160px}
#ddv.header nav li.cine-club>a {
background: url(../images/play.png) no-repeat left rgba(255,255,255,.7);color:#000;
}
#ddv.header .lang-item {
	background: #000!important;
	color:#fff!important;
}


#ddv.header .logo {display:block;margin:0 auto;height:80px}
#ddv.header .lang-item a {color:#fff!important;}

#ddv.header .lang-item {
    padding: 3px 10px;
    display: inline-block;
    right: 20px;
}
.header-fix-ddv {height:150px}
#ddv.header .navigation li a {color:#000!important}
#ddv.header .navigation li a:hover {color:#fff!important}

#ddv.header nav {
    padding-top: 7px!important;
    width: 100%;
    margin: 0 auto;
}
#ddv.header nav:lang(en) {
    width: 84%!important;
}

#ddv .fullwidth.columns {padding:15px 0px;position:relative;}
#ddv.header .navigation .sub-menu li a:hover {color:#e54d0b!important}
#ddv-small.title-bar {
    background: #e54d0b;
}

#ddv-small.title-bar button {
margin-top:16%
}

#ddv-small img.logo {max-height:74px}

/* cinema */
.cinema-filters {
    display:flex;align-items:center}
    
.cinema-filters h4 {
    color: #ABABAB !important;
    text-transform: uppercase !important;
    font-weight: 600;
    font-size: .80rem !important;
    background: #e8e8e8;
    align-self: center;
    margin-bottom: 0px !important;
    padding: 11px 7px;
}

.cinema-filters .search-filter-input-text {
    border:4px solid #e8e8e8;
    width:300px;
}
.cinema-filters .search-filter-input-text--focused:hover, .cinema-filters .search-filter-input-text:hover{ border:4px solid #e8e8e8!important}

.cinema-filters  .search-filter-input-text .search-filter-icon {display:none!important;}

.cinema-filters .search-filter-input-text input {padding:3px 0px!important;}

.search-filter-input-text input, .search-filter-input-text input::placeholder, 
.search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input, 
.search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input::placeholder {
    font-size:16px!important;color:#0a0a0a!important;
}
.cinema-filters .search-filter-label {display:none!important;}
.cinema-filters .search-filter-field--id-8, .cinema-filters .search-filter-field--id-11 {display:inline-block}
.cinema-filters .search-filter-input-button.search-filter-field__input{
    font-weight: 600;
    color: rgb(171, 171, 171) !important;
    text-transform: uppercase !important;
    font-size: 0.8rem !important;
    background: rgb(232, 232, 232)!important;
    border-color: rgb(232, 232, 232)!important;
    margin-left:10px;
}

.search-filter-input-button.search-filter-field__input, .search-filter-component-combobox .search-filter-component-combobox__actions .search-filter-component-combobox__actions-input{
    padding:5px 5px!important;
    
}
/* cinema filters advanced search */
.search-filter-input-checkbox--is-active>.search-filter-input-checkbox__container>.search-filter-input-checkbox__control>svg {
    fill: rgb(229, 77, 11)!important;
    color: rgb(229, 77, 11)!important;
}

.filters-desktop .search-filter-label {
    position: relative;
    font-weight: 600 !important;
    color: #ABABAB !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
}

/* Append the horizontal line via ::after */
.filters-desktop .search-filter-field--id-1 .search-filter-label::after {display:none;}

.filters-desktop .search-filter-label::after {
    content: "";
    flex: 1;                          /* Takes up all remaining container space */
    border-bottom: 3px solid #CCCCCC; /* Your line style */
    margin-left: 10px;                /* Gap between label text and line */
    height: 0;                        /* Prevents flex height stretching */
}
.search-filter-input-checkbox__label {
    color: #111!important;
    font-size: 16px!important;
}
.search-filter-component-combobox-base__listbox-option--selected {
    background: #e54d0b!important;
	color:#fff!important;
}
.search-filter-input-text, .search-filter-component-combobox-base {border-radius:0px!important;}

@media (max-width:768px) {
	.search-filter-field--type-choice.search-filter-field--input-type-select {margin-bottom:12px}
 .search-filter-field--width-50 .search-filter-label, .search-filter-field--width-50 .search-filter-field__input {
    width: 100%!important;
}
}
@media (min-width:768px) {
.filters-desktop .search-filter-field--id-2,
.filters-desktop .search-filter-field--id-3,
.filters-desktop .search-filter-field--id-4,
.filters-desktop .search-filter-field--id-5 {
    display: inline-block;
    vertical-align: middle;
}

/* Force field 6 to clear the inline row and start on a new line */
.filters-desktop .search-filter-field--id-6 {
    clear: both;
    display: block;
}
}
.search-filter-input-checkbox  {
    display: inline-block!important;
	padding-right:12px!important
}
.search-filter-input-checkbox__label {padding-left:3px!important;}

.search-filter-field--id-1, .search-filter-field--id-6, .search-filter-field--id-7  {margin-bottom:15px}
.search-filter-field--id-6 {margin-top:15px;}
.search-filter-component-combobox-base__listbox-option {
    text-transform: capitalize!important;
}
.page-content.type-page .nav-a-z {
    display: block!important;
    clear: both;
	margin-bottom:15px;
}
.search-filter-input-button {text-transform:uppercase;border-radius:0px!important;}
.search-filter-field--id-8 .search-filter-input-button {color:#fff!important;background-color:#e54d0b!important}
.search-filter-field--id-8, .search-filter-field--id-9 {display:inline-block!important;margin-right:15px;}
.filters-desktop {background-color:#E8E8E8!important;padding:20px}

.filters-desktop .search-filter-label{position:relative;font-weight:600!important;color:#ABABAB!important;text-transform:uppercase!important;font-size:20px!important}

/* .filters-desktop .search-filter-label:after  {
    content: "";
    position: absolute;
    height: 12px;
    border-bottom: 3px solid #CCCCCC;
    width: 70%;
    margin-left: 10px;
}
*/ 
.toolbar .navigation-page {
	border-top: 0;
    margin-top: -10px;
    height: auto;
}

.toolbar.before-films i {
	margin-top:10px
}

/* main search */

.saf-custom-search-container .search-filter-input-text {background:transparent!important;border:0px!important;}
.saf-custom-search-container .saf-input-field-block input[type="text"] {width:300px!important;}

/* realisatrices a-z */

.toolbar input.input-group-field {display:inline-block!important;width:100%}

.toolbar .input-group {margin-bottom:0!important}

.work {
  position: relative;
  transition: all .4s;
  overflow: hidden;
}


.details {
  position: absolute;
  opacity: 0;
  background: rgba(0,0,0, .65);
  bottom: 0;
  top:0;
  width: 85%;
  height: 100%;
  padding: 20px;
  transition: all .4s;
  text-align: center;
  color: #fff;
}

.work:hover .details {
  opacity: 1;
  transition: all .4s ;
  bottom: 0;
	z-index:9
}

@media screen and (min-width: 40em) {
.grid-view .column.work{
    width: 24%!important;
    margin-right: 1%;
    margin-bottom: 1%;
}
.grid-view .column.work:nth-child(4) {margin-right:0px!important}
.grid-view {margin-top:1%}
}

.grid-view h3.film-titre {
    font-size: 1.1rem;
    color: #fff;
	transition:none!important;
	background:transparent!important;
}
.grid-view .column:hover h3.film-titre {background:transparent}
.list-view h4.real-nom {margin-bottom:0!important;padding: 15px 0!important;color:#0a0a0a!important}
.list-view .film-meta {padding-bottom: 15px}
.grid-view .film-meta {padding-bottom:10px}
h3.film-titre, h4.real-nom {padding: 5px!important;}

.page-content h4.real-nom {
    color: #fff;
	background-color:transparent!important;
    font-weight: 600!important;
	display:block;
}

#films-template .grid-view .column .details-inner a img, .details-inner img  {
    height: 15px!important;
    width: auto!important;
}
.details p {line-height:1.1!important}
.grid-view .column a img.visionner {
    width: auto;
	margin: 10px 0;
}

#films-template .grid-view p {color:#fff}
.toolbar.before-films {
	margin-top: 5px!important;
    border-top: 3px solid #E8E8E8!important;
 	padding-top: 20px!important;
}

.sorry-results {
	font-size: 20px;
    text-align: center;
    margin-bottom: 0;
    padding: 5px;
    }


@media only screen and (max-width: 600px) {
.grid-view h3 {font-size:10px!important}
}

@media only screen and (max-width: 767px) {
.searchandfilter h4 {
    font-size: 14px!important;
}

.toolbar input.sf-input-text {
    font-size: 9px;
}
input.sf-input-text {
    width: 100%!important;
    margin-left:0px!important;
}

.toolbar i {
    font-size: 18px!important;
	margin-right: 10px!important;
}
.searchandfilter ul li.sf-field-post-meta-tout_themes,  .searchandfilter ul li.sf-field-post-meta-genre_fiction {
    width: 50%!important;
}
.searchandfilter ul li {overflow:hidden!important;display:inline-block!important;}

.sf-field-submit, li.sf-field-post-meta-type_de_film {clear:both!important}

.searchandfilter ul {margin-left:0!important;padding:5px!important;overflow:hidden}

.searchandfilter ul li {
    width: 50%!important;
    float: none!important;

}

.searchandfilter ul li.sf-field-submit {width:auto!important}

.toolbar .small-6.views-mobile {width: 20%!important;}

/* toolbox */
.toolbar .small-4, .details {display:none}
.toolbar .small-2 {
    width: 21%!important;
	margin-top: 10px!important;
}

.toolbar .small-6 {
    width: 79%!important;
}
.grid-view h3.film-titre {
    color: #000!important;
	font-size:12px;
}
.mob-hide {display:none}

.searchandfilter select.sf-input-select {
	min-width:none!important;
}

 #search-filter-form-12765 h4, #search-filter-form-13822 h4 {
    font-size: 11px!important;
    color: #ABABAB!important;
    text-transform: uppercase!important;
    font-weight: 600;
}

.toolbar i.list-icon {
    margin-right:0!important;
}

}
/* end max 767px */

@media only screen and (min-width: 768px) and (max-width:1000px) {

.searchandfilter .sf-field-post-meta-type_lien_vo ul li {
    width: 50%!important;
}

.searchandfilter select.sf-input-select {
    min-width: 120px!important;
}

#search-filter-form-11145, #search-filter-form-13818 {
    height: 340px!important;
}
.searchandfilter ul li.sf-field-post-meta-type_lien_vo {width:25%!important;}


#search-filter-form-11145 h4:after, #search-filter-form-13818 h4:after {display:none!important}

}

@media screen and (min-width: 40em) {
#ddv .medium-8 {
    margin: 0 auto;
    float: none;
}
}

@media screen and (max-width: 480px) {

.search-box {display:none}

.toolbar .small-2 {margin-bottom:15px}
}

@media screen and (max-width: 1000px) {

.sf-field-post-meta-type_lien_vo ul li.sf-level-0:lang(en) {
    width: 47%!important;
}
}


/* grid added */

.ri-grid{
	margin: 30px auto 30px;
	position: relative;
	height: auto;
}

.ri-grid ul {
	list-style: none;
	display: grid;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* Clear floats by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.ri-grid ul:before,
.ri-grid ul:after{
	/* content: ''; */
    /* display: table; */
}

.ri-grid ul:after {
    clear: both;
}

.ri-grid ul {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.ri-grid ul li {
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-o-perspective: 400px;
	-ms-perspective: 400px;
	perspective: 400px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background: #000;
}

.ri-grid ul li a{
	display: block;
	outline: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* Grid wrapper sizes */
.ri-grid-size-1{
	width: 55%;
}
.ri-grid-size-2{
	width: 100%;
}
.ri-grid-size-3{
	width: 100%;
	margin-top: 0px;
}

/* Shadow style */
.ri-shadow:after,
.ri-shadow:before{
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	max-height: 100px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.ri-shadow:after{
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

.ri-grid-loading:after,
.ri-grid-loading:before{
	display: none;
}

.ri-loading-image{
	display: none;
}

.ri-grid-loading .ri-loading-image{
	position: relative;
	width: 30px;
	height: 30px;
	left: 50%;
	margin: 100px 0 0 -15px;
	display: block;
}

.ri-grid ul li.videocell {background-color:#fff}

.vp-player-layout {left: auto!important;width: 100%!important}

::selection {
      background-color: #e54d0b!important;
      color:#fff;
}

select option:checked{
   background-color: #e54d0b!important;
      color:#fff;
}

/**
 * Slider view
 */

 .slider-template .page-content.type-page {
    box-shadow: none;
}

#films-template .see-more {
    padding: 2px 7px;
    color: #fff;
    background: #e54d0b;
    font-weight: 700;
    font-size: 13px;
    position: relative;
    bottom : 5px;
    left: 5px;
}

 .slider-view form {
     display: flex;
 }

 .slider-view .work img {
    max-width: 100%;
 }

 .slider-view .work {
    margin: 0 10px 0 0;
 }

 .slider-view form .inner-form {
    background-color: #e7e9e8;
    padding: 3px;
    display: flex;
 }

 .slider-view form h4, .slider-view form input[type=submit] {
    color: #ABABAB!important;
    text-transform: uppercase!important;
    font-weight: 600;
    font-size: .80rem!important;
    background: #e8e8e8;
    border-color: #e8e8e8;
 }

 .slider-view form h4{
     margin: 6px 10px 0 0;
 }

 .slider-view form input[type=submit] {
    border: none;
    margin-left: 10px;
 }

 .slider-view .logo img {
     width: 250px;
 }

 .films.type-page-details .article .logo {
    width: 220px;
    margin-bottom: 15px;
 }

 .slider-view .slider-view-section{
     margin-top: 50px;
 }

 .slider-view .slider-view-section h2 {
     color: #e54d0b;
     display: inline-block;
 }

.slider-view a {
    text-decoration: none!important;
}

.slider-view h3.film-titre {
    font-size: 1.025rem;
    color: #fff;
    transition: none!important;
    background: transparent!important;
    text-transform: uppercase;
    margin: 0;
    padding: 5px!important;
}

.slider-view .work img {
    width: 100%;
}

.slider-view .details img {
    display: inline-block;
}

.slider-view .details .details-inner {
   padding: 12px;
}

.slider-view .film-meta {
    padding-bottom: 10px;
    font-size: 13px;
}

.slider-view .real-nom{
    padding-bottom: 10px;
    font-size: 16px;
    margin: 0.25rem 0 0.25rem 0;
}

.slider-view .details p {
    line-height: 22px !important;
    font-size: 15px;
}

.slider-view .details {
    padding: 0;
    width: 100%;
    background: rgba(0, 0, 0, .80);
}

.slider-view .toolbar {
    text-align: center;
}

.slider-view .see-all-films {
    padding: 5px 10px;
    color: #fff;
    background: #e54d0b;
    font-weight: 700;
    font-size: 16px;
    margin: 10px auto;
    display: inline-block;
    text-align: center;
}

.slider-view .slick-arrow {
    display: block;
    position: absolute;
    top: auto;
    bottom: 0;
    z-index: 4;
    height: 100%;
    font-size: 40px;
    padding: 5px;
    background-color: rgba(255, 255, 255, .70);
    color: rgb(43, 37, 35);
}

.slider-view .slick-arrow img {
    width: 40px;
}

.slider-view .slick-arrow.slick-next {
    right: 0;
}

.slider-view .slick-arrow.slick-prev {
    left: 0;
}

@media only screen and (max-width: 641px) {
    .slider-view .logo {
        text-align: center;
        width: 100%;
        display: block;
    }

    .slider-view form .inner-form, .slider-view form {
        flex-direction: column;
    }

    .slider-view form {
        padding: 5px;
    }

    .slider-view form input[type=submit] {
        margin: 10px 0 0 0;
        padding: 5px;
    }

    .slider-view .slider-view-section h2{
        font-size: 1rem;
    }
}

@media only screen and (max-width: 799px) {
    .slider-view .logo {
        margin: 0 0 20px 0;
        display: block;
    }

    .slider-view .logo img {
        width: 200px;
    }

    .slider-view form .inner-form{
        flex-grow: 1;
    }

    .slider-view form h4, .slider-view form input[type=submit] {
        font-size: 0.75rem !important;
    }

    .slider-view form h4 {
        width: 250px;
        flex-grow: 1;
    }

    .slider-view .slick-arrow img {
        width: 30px;
    }
}

@media only screen and (max-width: 1090px) {
    .slider-view form h4, .slider-view form input[type=submit] {
        font-size: 0.70rem !important;
    }
}

@media only screen and (max-width: 975px) {
    .slider-view form h4, .slider-view form input[type=submit] {
        font-size: 0.60rem !important;
    }
}

/* 2026 ajouts */

.logo-right img, 
.stats-center img {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 8px; 
	padding:8px;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12), 
              0px 1px 3px rgba(0, 0, 0, 0.06);
}

.stats-center img {padding-top:3px!important}

.logo-right img:hover, .stats-center img:hover{
  transform: translateY(-3px);
  box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.15), 
              0px 2px 5px rgba(0, 0, 0, 0.08);
}

.stats-menu {
	margin:40px 0 25px 0;
	display:block;
	width:fit-content;
}

.stats-menu img {
    height: 30px;
	filter: brightness(0) invert(1);
    padding: 3px 8px 10px 8px;
    border-radius: 8px;
    box-shadow: 0px 0px 22px rgba(255, 255, 255, 0.65), 0px 2px 4px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
}

@media (min-width: 780px) {
.lien-stats {	   
	position: relative;
    bottom: -50px;
	}
	
	.lien-stats:hover, .stats-menu:hover {
    transform: translateY(-3px);
    box-shadow: 0px 0px 28px rgba(255, 255, 255, 0.85), 
                0px 4px 10px rgba(255, 255, 255, 0.4);
	border-radius:8px
}

.lien-stats:active, .stats-menu:active {
    transform: translateY(-1px);
    box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.5);
}

}

@media (max-width: 780px) {
	.lien-stats {
    position: absolute;
  	left: 45%;
    transform: translateX(-45%);
	bottom:90px;
}
	.stats {padding-bottom:120px!important}
}

.lien-stats {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100px;
    width: 100%;
    padding: 3px 8px 8px 8px;
    border-radius: 8px;
    box-shadow: 0px 0px 22px rgba(255, 255, 255, 0.65), 
                0px 2px 4px rgba(0, 0, 0, 0.15);
                
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
}

.lien-stats img{
    display: block;
    width: 100%;
    height: auto;
}

.logo-rea a {
    padding: 12px 12px 18px 12px;
    border-radius: 8px;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.28), 
                0px 2px 4px rgba(0, 0, 0, 0.16);   
                
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    z-index:10;
	position:relative;
	top:-5px;
}

.logo-rea a:hover {
    transform: translateY(-3px);
       box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.35), 
                0px 4px 8px rgba(0, 0, 0, 0.20);
}

/* dames des vues counter */

    .custom-stats-wrapper {
        background-color: #e54d0b;
        padding: 30px 20px;
    }

    .custom-stats-container {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 100px; 
    }

    .custom-stats-col {
        flex: 1; 
        text-align: center;
    }

    .custom-stats-col a.stat-link {
        display: block;
        color: #fff !important;
        text-decoration: none;
        transition: transform 0.2s ease, opacity 0.2s ease;
    }
    
    .custom-stats-col a.stat-link:hover {
        transform: translateY(-2px); 
    }

    .custom-stats-col .stat-number {
        font-size: 120px;
        line-height: 1;
        font-weight: 600;
		color:#fff!important;
    }

    .custom-stats-col .stat-text-1 {
        font-size: 23px;
        line-height: 1.2!important;
		color:#000;
    }

    .custom-stats-col .stat-text-2 {
        font-size: 19px;
        line-height: 1.2!important;
		color:#000;
    }
.custom-stats-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
	margin:0px 0 15px 0;
}

.cinema-btn {
    display: inline-block;
    text-decoration: none;
}
.cinema-btn img {
	     background-color:#fff;
        max-height: 45px; 
		box-shadow: 0px 0px 22px rgba(255, 255, 255, 0.65), 0px 2px 4px rgba(0, 0, 0, 0.15);
		padding: 3px 8px 8px 8px;
		border-radius: 8px;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
a.stat-link:hover .white-logo { 
	      transform: translateY(-3px);
        box-shadow: 0px 0px 28px rgba(255, 255, 255, 0.85), 0px 4px 10px rgba(255, 255, 255, 0.4);
}


@media (min-width: 768px) {
  .custom-stats-col:first-child,  .custom-stats-col:last-child  {
    margin-top:30px;
  }


}

    @media (max-width: 768px) {
        .custom-stats-container {
            flex-direction: column;
            align-items: center;
            gap: 70px; 
        }
        .custom-stats-col {
            width: 100%;
            max-width: 400px; 
        }
        .custom-stats-col .stat-number {
            font-size: 90px; 
        }
        
        .custom-stats-actions {margin-top:40px;}
        
    }


.realisatrices-count-badge {
    color: #e54d0b;
    text-transform: uppercase;
    white-space: nowrap;
	display: inline-flex;
    align-items: center;
    height: auto;
}

.cinema-film-counter {
	color: #e54d0b; 
	text-transform: uppercase; 
	margin-bottom: 5px;
}

@media screen and (max-width: 500px) {
	.realisatrices-count-badge {margin-left:10px}	
	.toolbar .small-6  {float:left!important;margin-bottom:15px}
	
}

/* SEARCH FORM */
.saf-custom-search-container {
    display: flex;
    align-items: stretch;
    max-width: 400px; 
    width: 100%;
    height: 30px; 
}

.saf-search-icon-block {
    background-color: #404041;
    color: #ffffff;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}

.saf-input-field-block {
    flex-grow: 1;
    background-color: #e6e6e6; 
    display: flex;
    align-items: center;
    padding-left: 12px;
}
.saf-input-field-block form,
.saf-input-field-block font {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.saf-input-field-block form ul {margin-left:0px!important;}
.saf-input-field-block form ul li {padding:0px!important;}

.saf-input-field-block input[type="text"],
.saf-input-field-block input[type="search"] {
    width: 100% !important;
    background: transparent !important; 
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #555555 !important;
    font-family: inherit;
    height: 100%;
}

.saf-search-icon-block i {
	Color:#fff!important;
	margin-right: 0px!important;
    font-size: 20px!important;
    opacity: 1!important;
	cursor:unset!important;
}
.saf-input-field-block input::placeholder {
    color: #777777;
    opacity: 1;
}

/* Container to help with layout spacing */
.logo-btn-container {
    margin: 20px 0;
}

/* The button styling wrapped around the image */
.logo-link-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 15px;
    background-color: #e90e52;
    border-radius: 10px;
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
}

.where2 {
    background-color: transparent!important;
    border: 2px solid #111;
    padding: 3px 15px!important;
}
.where2 .logo-btn-img {height:27px!important;}

/* The hover effect */
.logo-link-btn:hover {
    opacity: 0.7; /* Adjust this number (0 to 1) for a more or less dramatic fade */
}

/* Ensuring the logo fits perfectly at 50px high */
.logo-btn-img {
    height: 37px;
    width: auto;       /* Keeps the logo aspect ratio intact */
    display: block;
}