.dibm{display: inline-block;vertical-align: middle}
.dibt{display: inline-block;vertical-align: top}
.w30{width: 30%;margin: 0.5%}
.w40{width: 40%}
.w50{width: 50%}
.mt-3{margin-top: 15px}
body{background-color: #fff !important}  
a{
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
a:focus,
div:focus{
outline: solid 1px transparent !important;
}
.site-breadcrumbs{font-size: 16px}
.back-btn{display: block;width: 350px;padding: 10px 20px;font-size:16px;font-weight: 700}
.back-btn i{padding-right:5px} .home header.page-header{display: none}
.home #main #content-wrap{padding-top: 0}
.home #presentation h1.elementor-heading-title { font-family: "Lato" !important;} 
.anwp-pg-post-teaser__thumbnail{
border-radius: 200px;
height: 180px;
width: 180px;    
text-align: center;
margin: auto;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
.anwp-pg-post-teaser__excerpt{min-height: 100px} #site-navigation-wrap .dropdown-menu >li >a span{ 
font-size: 17px;
text-transform: uppercase
} 
.dropdown-menu ul li a.menu-link{font-size: 14px;}
.oceanwp-social-menu.simple-social ul li a:hover{
background-color:transparent !important;
color:#E74751 !important;
} .elementor-element-6088cb5 .elementor-element-populated{padding: 0 !important} .sa_hover_container p{margin-bottom: 10px;}  .page h1, 
.page-header h1{
font-family: "Pacifico", Sans-serif !important;
font-size: 60px !important;}
.page #presentation h1:before{content: " ";}
.page h1:before, 
.page-header h1:before{ 
content: url(https://tousocinoche.cinemaparadisio.fr/wp-content/themes/oceanwp-child-theme-master/img/boy2.png);
position: absolute;
top:-65px ;
left:0;
right: 0;
}
#slider_188 h1:before{display: none} .background-image-page-header .site-breadcrumbs a,
.site-breadcrumbs ol li .breadcrumb-sep{
color: #E74751;
} .liste-invite{
margin: auto;
text-align: center;
}
a .block_invite{
width: 31%;
margin: 1%;
display: inline-block;vertical-align: top;
text-align: center;
background: rgba(255,255,255, 0.5);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.photo_invite img{
border-radius: 100%;
border:1px solid #fff;
box-shadow:  0 0 20px rgba(0,0,0,0.15);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.block_invite:hover img{box-shadow: none}
.identite_invite{
width: 90%;
margin-right: 5%;
padding: 20px;
}
.identite_invite h2{
font-family: "Pacifico", Sans-serif;
color:#244483;
font-weight: 700;
margin-bottom:0;
font-size: 30px !important;
}
.identite_invite p.role{
text-transform: uppercase;
color:#979797;
margin-top: 10px;
font-weight: 400;
font-size: 16px
}
.identite_invite p.role::after {
content: "";
display: block;
width: 40px;
margin: auto;
background-color: #E74751;
height: 1px;
}
.identite_invite a{    
font-family: "Pacifico", Sans-serif;
color:#E74751;
text-decoration: underline;
font-size: 18px;
font-weight: 400;
} .simple_invite_l{
width:30%;
text-align: center;
margin: auto;
}
.simple_invite_l img{ margin: auto;}
.simple_invite_r{
width:69%;
font-size: 18px;
}
.simple_invite_r p.role{font-size: 22px;font-weight: 700}
.url-invite a{text-decoration: underline}
.img-supp{margin:80px auto}
.img-supp-block{width: 30%;} #liste_rdv .em.em-list .em-item {
grid-template-columns: minmax(0,2fr) 3fr !important;
background: #fff;
}
#liste_rdv .em.em-list .em-item .em-item-image{position: relative}
#liste_rdv .em.em-list .em-item .em-item-actions a{margin: 5px auto !important;}
#liste_rdv .em.em-item .em-item-image img, 
#liste_rdv .em.em-list .em-item .em-item-image img {
max-height: 190px !important;
margin: auto !important;
width: auto;
}
#liste_rdv .em.em-list .em-item .em-item-info .em-item-meta, 
#liste_rdv .em.em-list-widget .em-item,
#liste_rdv .em.em-list .em-item .em-item-info h3.em-item-title
{margin-bottom: 0px !important;}
#liste_rdv .em.em-list .em-item .em-item-info .em-item-desc {
font-size: 14px !important;
margin: 0 0 20px !important;
}
.em.em-list .em-item .em-item-info h3.em-item-title a,
#liste_rdv .em.pixelbones h3.em-item-title a{
font-size: 35px;
color:#244483 !important;
font-family: "Pacifico", Sans-serif !important;
word-spacing: 1rem;
}
#diff_lieux .em.em-list {
grid-template-rows: 1fr 1fr 1fr !important;
grid-template-columns:1fr 1fr 1fr !important;
}
#diff_lieux .em.em-list .em-item{  
grid-template-columns: none;
padding: 0 !important;
border-top: none;  
margin-bottom: 40px;}
#diff_lieux .em.em-list .em-item .em-item-image img {
padding: 0 10px 0 0 !important;
border: 0 !important;
max-height: 200px !important;
width: auto !important;
margin-bottom: 20px !important;
}
#diff_lieux .em-item-meta{
display: block !important;
font-size: 16px;
}
#liste_rdv .em-item-info .role{
font-size: 18px;
text-transform: uppercase;
border-bottom:1px dotted #244483;}
#liste_rdv .em-search-views{margin-right: 40px !important;}
#liste_rdv .em-search-submit button{background-color: #E74751 !important;border-radius: 5px}
#liste_rdv .em-item-meta-line a,
#liste_rdv .tag-image a{
pointer-events: none !important;
text-decoration: 1px solid transparent !important;
text-decoration: underline solid #fff 1px !important;
text-decoration: inherit !important;
}
#liste_rdv .tag-image {
background: #E74751;
border: 2px dotted #fff;
border-radius: 50px;
width: 86px;
height:86px;
top: -20px;
position: absolute;
text-align: center;
padding: 13px 8px;
line-height: 15px; 
box-shadow: 0 0 30px rgba(273, 71, 81, 0.20);
}
#liste_rdv .em.pixelbones .tag-image a{  
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
left: 3px !important;
right: 3px !important;
margin: auto !important;  
color: #fff  !important;
font-weight: 900 !important;
font-size: 13px !important;
} .unique .entry-content h3{font-size: 20px !important;}
.unique .em-event-content p{font-size:18px !important;}
.unique .em.em-item.em-item-single .em-item-image {
flex: 1 0 300px !important;
order: 1 !important;
}
.unique .em.em-item.em-item-single .em-item-image img {
padding-right: 10px !important;
border-left: none !important;
}
.unique .em-item-meta-column {
font-size: 1.7rem !important;
}
#event_unique.unique .em-item-meta-line a{
pointer-events: none !important;
text-decoration: 1px solid transparent !important;
text-decoration: underline dotted #fff 1px !important;
text-decoration: inherit !important
}
#event_unique .em-event-content{
text-align: center;
width: 80%;margin:0 auto 30px;
}
#event_unique .em-event-location,
#event_unique .em-event-bookings{width: 48%;display: inline-block;vertical-align: top;}
#lieu_unique .em-location-next-event{margin-top: 10px}
#lieu_unique .em-location-section-map{margin-top: 50px}
#lieu_unique .em-item-image,
#lieu_unique .em-item-meta{
display: inline-block;
vertical-align: middle}
#lieu_unique .em-item-image{  width: 30%;}
#lieu_unique .em-item-image img{
margin: auto;
text-align: center;
}
#lieu_unique .em-item-meta{width: 55%;padding-left:20px;margin-left:10px;  border-left:5px solid #E74751}
.em-modal-content .em-item-name{
font-family: "Pacifico", Sans-serif !important;
color: #244483 !important;
font-size: 30px !important;
} #event_unique .em-event-bookings{text-align: center;  } #event_unique label{
font-size: 18px;
font-weight: 700;
}
#event_unique .em.pixelbones form{
width: 90% !important;
min-width: 380px !important;
margin: auto !important;
text-align: center !important;
padding: 20px !important;
border: 4px solid #cdcdcd !important;
}
#event_unique .em.em-event-booking-form h3.em-booking-section-title{border: none !important;}
#event_unique .em-booking-form-section-summary div{font-size: 18px;}
#event_unique p.input-dbem_phone label::after {
content: 'Le numéro de téléphone renseigné sur ce formulaire ne sera utilisé que dans le cadre de la gestion de la réservation';
display: block;
font-style: italic;
font-size: 14px;
color:#888;
} #filtres a span{
background: #E74751;
padding:0 12px;
border-radius: 15px;
margin: 5px auto;}
#liste_films .wpr-grid-item-content{
position: absolute;
z-index: 10000;
top: -5px;
right: -5px;
background: #fff;
background: #244483;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
#liste_films .wpr-grid-item-content p{
margin-bottom: 0;
color:#fff;
font-weight: 900;
padding: 5px 20px }
#liste_films .wpr-grid-item-time{
background: #E2001A;
border: 2px dotted #fff;
border-radius: 150px;
z-index: 10000;
width: 80px; 
height: 80px;
top: -15px;
left: -15px;
position: absolute;
text-align: center;
padding: 7px;
line-height: 15px;
box-shadow: 0 0 30px rgba(273, 71, 81, 0.20);
}
#liste_films .wpr-grid-item-time .inner-block{padding: 23px 0;background: transparent !important}
#liste_films .wpr-grid-item-time .inner-block span{
transform: rotate(-20deg);
font-size: 20px; 
color:#fff;
font-weight: 900;   
text-align: center;
}
#liste_films .wpr-grid-item-title .inner-block {  
margin-bottom: 15px;
min-height: 75px; } 
#liste_films .wpr-grid-item-title .inner-block a{line-height: 35px; font-family: "Open Sans", sans-serif !important;font-size:25px !important; font-weight:bold !important; }
#liste_films .wpr-grid-item-excerpt .inner-block {    
max-height: 72px;
font-size: 16px;
overflow: hidden;}
#liste_films .wpr-grid-item-excerpt .inner-block p{line-height: 20px !important} .single.single-post h1{color: #fff !important}
article .thumbnail{
width: 40%;
display: inline-block;
vertical-align: top;
}
article header.entry-header{    
width: 55%;
display: inline-block;
vertical-align: top;
}
article .entry-content {
position: absolute;
margin-bottom: 20px;
top: 0px;
background: #244483;
color: #fff;
font-weight: 700;
}
.single-post.content-max-width .entry-header{text-align: left !important}
.info-fiche .top{font-size: 18px;text-align: left;margin-bottom: 20px;}
.info-fiche .top p{display: inline-block;margin-bottom: 0;padding-left: 5px}
.info-fiche .top strong{display: inline-block;color: #cd090d;font-weight: 700;padding-left: 5px}
.info-fiche .middle{margin-top: 20px}
.info-fiche .middle p{font-size: 18px;}
.info-fiche .top #seances{margin-bottom: 15px;border-left:3px solid #244483;padding-left: 10px}
.info-fiche .top #seances .block{display:block;padding-left: 5px}
.info-fiche .top #seances .block p{display:block;}
.info-fiche .top #seances .block p:before{
content: '\f00c';
padding-right: 5px;
font-family: "Font Awesome 6 Free";
font-weight: 900;
}
.block-info.ba {margin: 40px auto;}
.bande-annonce a{
background: #E74751;
color:#fff;
padding: 10px 20px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
}
.bande-annonce a:hover{box-shadow: none}
.info-fiche .top.bottom{margin: 30px auto;padding: 20px;border-left:3px solid #244483;padding-left: 10px}
.info-fiche .top.bottom .lieu{padding-left:20px }
.info-fiche .top.bottom .lieu a{text-decoration: underline }
.info-fiche .top.bottom .reservation{ margin-top: 30px;  } 
.info-fiche .top.bottom .reservation a{    
background: #244483;
color:#fff;
padding: 10px 20px;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
text-transform: uppercase;}
.info-fiche .top.bottom .reservation a:hover{box-shadow: none}   
.post-template-single-film .single .entry-content{
position: absolute;
top: 0;
background: #244483;
color: #fff;
font-weight: 700;
}
.single-post.content-max-width .entry-content p{margin: 0.5em auto}
.em.em-calendar .em-cal-body.even-aspect .em-cal-day {
aspect-ratio: auto !important;
} #vote .basic-question-title{font-size: 20px;margin: 40px auto}
#vote .basic-vote a{
background: #e74751 !important;
border: 1px solid #e74751 !important;
border-radius: 20px !important;
padding: 10px 30px !important;
color: #fff !important;
font-size: 18px !important;
font-weight: bold !important;
}
#vote .basic-vote a:hover{
background: #fff !important;
border: 1px solid #e74751 !important;
color: #e74751 !important;
}
.grecaptcha-badge{display: none !important} footer{
margin-top: 115px;
}
footer:before{
content: url(https://tousocinoche.cinemaparadisio.fr/wp-content/themes/oceanwp-child-theme-master/img/child.png);
position: absolute;
top:-115px ;
right: 0;
}
#footer-widgets{    background: url(https://tousocinoche.cinemaparadisio.fr/wp-content/themes/oceanwp-child-theme-master/img/boy3.png) no-repeat left bottom;}
#footer-bottom-inner{  font-size: 18px;}
#footer-bottom-inner a{ padding: 0 20px}
footer .footer-widget ul.is-layout-flex{
justify-content: center  !important;
}
footer li.wp-social-link-facebook {
background-color: transparent !important;
color: #fff; 
width: 45px;
display: inline-block;
vertical-align: middle;
}
footer li.wp-social-link-instagram {
background-color: transparent !important;
color: #fff;
width: 45px;
display: inline-block;
vertical-align: middle;
}
footer li.wp-social-link-facebook a svg,
footer li.wp-social-link-instagram a svg{width: 50px !important;height: 50px !important;}
@media(max-width:1530px){
#filtre .elementor-column.elementor-col-10{border: 1px solid #f7f7f7 !important;width: 20% !important;}
}
@media(max-width:1280px){
a .block_invite { width: 46%;}
#lieu_unique .em-item-image, #lieu_unique .em-item-meta {width: 100%;text-align: center;border-left: none;margin-bottom: 30px}
#event_unique .em-event-location, 
#event_unique .em-event-bookings,
.simple_invite_l, 
.simple_invite_r{width: 100%; margin:20px auto;}    
.simple_invite_l, 
.simple_invite_r{text-align: center;}
#diff_lieux .em.em-list {  grid-template-rows: 1fr 1fr !important;grid-template-columns:1fr 1fr !important;}
}
@media(max-width:991px){
#site-logo #site-logo-inner a img{ width: 100px !important;}
.mobile-menu i{font-size: 25px;}
article .thumbnail, article .thumbnail{width: 100%}
.page h1, .page-header h1 {font-size: 40px !important}
article header.entry-header { width: 100%;}
.img-supp-block{width:45%;}
#mobile-menu-search{display: none !important}
.oceanwp-social-menu{background: #244483 !important}
}
@media(max-width:767px){
a .block_invite { width: 98%;}
#diff_lieux .em.em-list,
#liste_rdv .em.em-list .em-item {  grid-template-columns: none !important;}
.elementor-21 .elementor-element.elementor-element-a13edcd{margin-bottom: 0 !important}
#site-header-inner { padding: 0 20px !important;}
}
@media(max-width:580px){
.img-supp-block{width:100%;}
.elementor-21 .elementor-element.elementor-element-96a8701{font-size: 30px;}
}
@media(max-width:450px){
.elementor-21 .elementor-element.elementor-element-96a8701{font-size: 25px !important;}
.elementor-21 .elementor-element.elementor-element-6ba0a56 .elementor-heading-title{font-size: 30px !important;}
}