/*
Theme Name: Mots en liberté - Avada Child
Description: Personnalisations conservées pour Avada 7.16.2
Author: Menestys Consulting
Template: Avada
Version: 2.0.0
Text Domain: Avada
*/

#main { 
background-position: center top !important; 
background-attachment: scroll !important; 
}

/*shortcode Popular*/
.post-holder a {font-size:12px !important;}

.fusion-recent-posts.layout-thumbnails-on-side .columns .column .floated-slideshow { width:320px;}

/*breadcrumbs*/
.fusion-page-title-captions {width:14%;}
.fusion-page-title-secondary {text-align: left;}
.fusion-page-title-bar .fusion-breadcrumbs, .fusion-page-title-bar .fusion-breadcrumbs a {font-family:"PT Sans"; font-size: 14px !important;}

/*Slide*/
.slide-content h2 { font-family: "Lato" !important; font-weight: 700  !important; text-transform: uppercase; font-size:14px;}
.slide-content h3 { font-family: "Lato" !important; font-weight: 700  !important; font-size:25px;}
h2 .title-heading-left {font-family: "Lato" !important; font-weight: 700  !important; text-transform: uppercase; font-size:14px; background-color:#000; padding : 8px;}
h3 .title-heading-left {font-family: "Lato" !important; font-weight: 700  !important; font-size:25px; background-color:#000;}
.fusion-title-sc-wrapper {background-color: #000 !important; padding: 5px 8px !important;}
.fusion-button-text {color:#ffffff; text-transform:none; font-size:14px;}
.buttons {margin-left: 8%;}

/*shortcode recent post*/
.mel_bloc_picto {float:left; width:65px; height:50px; padding:3px; margin-right: 10px; border-right: 3px solid #000000;}
.mel_picto { }
.mel_bloc_titre { display: table; height:50px; margin-bottom: 10px; }

.mel_bloc_date {background-color: #d76425; color: #ffffff; height: 31px; left: -10px; position: absolute; top: 130px; z-index: 1000; padding-top: 5px; padding-left:18px; padding-right:10px; font-weight: 700;}
.mel_bloc_date .date { color:#ffffff; font-family: "Lato";}
.mel_bloc_date p { color:#ffffff; font-family: "Lato";}

.mel_sous_post {clear: both;position:relative;}
.mel_bloc_meta {float:left; width:80%;}
.mel_meta { color: #d76425; font-weight: 700; font-size:11px; font-family: "Lato"; }
.mel_meta a { color: #d76425; font-weight: 700; font-size:11px;  font-family: "Lato";}
.mel_bloc_lien { float: right;}
.mel_bouton_lien {width: 100px;background-color: #d76425;color: #ffffff;height: 31px; text-align:center; padding-top: 5px; font-weight: 700; padding:5px; font-family: "PT Sans"; font-size:12px;}
.entry-title a {font-size:21px; line-height: 25px; text-transform: uppercase;}
.recent-posts-content p { color: #454140; }

/*page loop*/
.fusion-alignleft a { color: #d76425; font-weight: 700; font-size:11px;  font-family: "Lato";}
.fusion-read-more { width: 100px;background-color: #d76425;color: #ffffff;height: 31px; text-align:center; padding-top: 5px; font-weight: 700; padding:5px; font-family: "PT Sans"; font-size:12px; }
.more a::after, .fusion-read-more::after {content: "";}
.fusion-meta-info {border:none;}
.fusion-flexslider.fusion-post-slideshow {float:left; margin-right:10px;}

.mel_bloc_date_layout {background-color: #d76425; color: #ffffff; height: 31px; left: -10px; position: absolute; top: 130px; z-index: 1000; padding-top: 5px; padding-left:13px; padding-right:10px; font-weight: 700;}

/*page article*/
.single-navigation a { font-family: "PT Sans"; }
.mel-post-content {clear:both; position: relative; }
.mel_post_content_txt { float:left; width:700px; font-family: "Lora"; font-size:16px;}
.mel_post_content_meta {float:right; width:240px; font-family: "PT Sans"; font-size:11px;}
.mel_post_content_tab_meta {float: left; width:85px; margin-bottom:20px; padding-left:22px; color:#333333;}
.mel_post_content_tab_detail {float: right; width:145px; margin-bottom:20px;}

/* page article commentaire*/
.fusion-title .title-sep-container {flex-grow:0;}
.logged-in-as { font-family: "PT Sans"; }
.fusion-button { background:#dc7b4d none repeat scroll 0 0 !important; }
.form-submit {text-align:right;}

/* Elements sidebar*/
.heading .widget-title {font-family: "Lato"; color:#d76324; font-weight:600; text-transform: uppercase;}

/*actualité*/
li.cat-item a {font-family:"Lato" !important; color:#838383 !important;}

/*moteur de recherche*/
.searchform .search-table .search-button input[type="submit"] { background:#ffffff; color:#d76324; border-top:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
input.s {border-right:none !important;}

/*bloc newsletter*/
.widget_wysija .heading .widget-title {background: #d76324; color: #ffffff; padding:5px; margin-bottom: 2px;}
/*.widget_wysija input[name="wysija[user][email]"] { width:530px; height:42px; border-radius: 5px; background-color:#ffffff; color:#5bbbb0; font-size:18px;}*/
/*.wysija-submit-field { border-radius:25px; background-color:#ffffff; color: #5bbbb0; font-weight:600; height:38px; border:0;}*/
/*To change the validation warnings
.formErrorContent { ...your styles... !important }*/
/*To change the success message with the beige background*/
.allmsgs .updated { background-color:#ffffff; border-color: #5bbbb0; width:500px; margin-left:auto; margin-right:auto;}
/*To put the email input and the button on the same line*/
/*.widget_wysija .wysija-submit, .widget_wysija .wysija-paragraph { display: inline; }*/
/*To remove the space between the input and the button*/
.wysija-submit-field { margin-top:0 !important; }
/*To change the style of the brief “Loading…” message on submitting the form
.allmsgs blink { ...your styles... }*/
/*To align center the email input*/
/*.widget_wysija_cont { text-align:center; margin-top:30px;}*/
.wysija-paragraph {margin-bottom:2px !important;}
.widget_wysija_cont .wysija-submit {float: right; background:#d76425; color: #ffffff; border:0; padding:5px;}




/* AVADA 7.16.2 - compatibilité et maquette historique */
body #main { background-position: center top; background-attachment: scroll; }
.fusion-page-title-bar .fusion-breadcrumbs,
.fusion-page-title-bar .fusion-breadcrumbs a { color:#fff; font-family:"PT Sans",sans-serif; font-size:14px; }
.fusion-page-title-bar .fusion-breadcrumbs { text-align:left; }
.fusion-page-title-bar { min-height:40px; }
.fusion-page-title-bar .fusion-page-title-row { min-height:40px; }
.fusion-blog-layout-medium .fusion-post-medium { margin-bottom:38px; }
.fusion-blog-layout-medium .fusion-post-medium .fusion-post-slideshow,
.fusion-blog-layout-medium .fusion-post-medium .fusion-flexslider { width:320px; max-width:43%; margin-right:20px; margin-bottom:0; float:left; }
.fusion-blog-layout-medium .fusion-post-medium .fusion-post-slideshow img {width:100%;height:auto;display:block;}
.fusion-blog-layout-medium .fusion-post-medium .fusion-post-content {display:block;overflow:visible;}
.fusion-blog-layout-medium .fusion-post-medium .fusion-post-content-container { display:block; }
.fusion-blog-layout-medium .fusion-post-medium .fusion-post-content:after {content:"";display:table;clear:both;}
.fusion-blog-layout-medium .fusion-post-medium .entry-title {line-height:1.18;}
.fusion-blog-layout-medium .fusion-post-medium .entry-title a {font-size:21px;line-height:1.15;}
.mel-category-picto {display:block;float:left;color:#111;border-right:2px solid #111;padding:1px 9px 0 0;margin:0 10px 5px 0;width:58px;height:53px;box-sizing:border-box;}
.mel-category-picto svg { width:44px;height:44px; }
.single-post .mel-post-content {display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start;clear:both;}
.single-post .mel_post_content_txt {float:none;width:auto;min-width:0;}
.single-post .mel_post_content_meta {float:none;width:auto;padding-top:3px;}
.single-post .mel-meta-row {display:grid;grid-template-columns:85px minmax(0,1fr);gap:8px;margin:0 0 18px;}
.single-post .mel_post_content_tab_meta,.single-post .mel_post_content_tab_detail {float:none;width:auto;margin:0;padding:0;font-family:"PT Sans",sans-serif;font-size:11px;}
.single-post .mel_post_content_tab_meta {padding-left:12px;}
.single-post .fusion-post-slideshow {float:none;margin-right:0;max-width:100%;}
.single-post #content .post-content {font-family:"Lora",serif;font-size:16px;}
@media(max-width:800px) {
 .single-post .mel-post-content {grid-template-columns:minmax(0,1fr);}
 .single-post .mel_post_content_meta {max-width:320px;}
 .fusion-blog-layout-medium .fusion-post-medium .fusion-post-slideshow,
 .fusion-blog-layout-medium .fusion-post-medium .fusion-flexslider {max-width:100%;width:100%;float:none;margin:0 0 15px;}
 .fusion-blog-layout-medium .fusion-post-medium .fusion-post-content {clear:both;}
}

/* V3 - Commentaires : restitution de la présentation historique. */
.single-post #comments .fusion-title .title-sep-container,
.single-post #respond .fusion-title .title-sep-container,
.single-post #comments .fusion-title .title-sep,
.single-post #respond .fusion-title .title-sep { display:none !important; }
.single-post #comments .fusion-title,
.single-post #respond .fusion-title { border:0 !important; margin-bottom:25px; }
.single-post #comments .fusion-title h2, .single-post #comments .fusion-title h3,
.single-post #respond .comment-reply-title { font-family:'Lora',serif; font-size:18px; font-weight:400; text-transform:none; }
.single-post #respond #comment-textarea textarea,
.single-post #respond #comment-input input { border:1px solid #e5e5e5 !important; border-radius:0 !important; box-shadow:none !important; background:#fff; }
.single-post #respond #comment-textarea textarea { min-height:145px; }
.single-post #respond #comment-submit { border-radius:0 !important; background:#dc7b4d !important; color:#fff !important; }
.single-post #comments .comment-list, .single-post #comments .commentlist { border-top:0; }
.single-post #comments .comment-list li.comment,
.single-post #comments .commentlist li.comment { border-color:#e9e9e9; }

/* V4 - images originales des pictogrammes de la mediatheque. */
.mel-category-picto .mel-picto-media { display:block; width:44px; height:44px; object-fit:contain; max-width:100%; }

/* Home page - original Recent Posts presentation, scoped to our enhanced cards */
.home .fusion-recent-posts.layout-thumbnails-on-side .column { display: flow-root; }
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow { width: 320px; max-width: 46%; margin-right: 20px; float: left; }
.home .fusion-recent-posts .mel_recent_heading { display: flex; align-items: flex-start; min-height: 50px; margin-bottom: 8px; }
.home .fusion-recent-posts .mel_recent_heading .mel_bloc_picto { flex: 0 0 65px; width: 65px; height: 50px; box-sizing: border-box; border-right: 3px solid #000; padding: 3px 8px 3px 3px; margin: 0 10px 0 0; }
.home .fusion-recent-posts .mel_recent_heading .mel_picto { width: 47px; height: 44px; object-fit: contain; display:block; }
.home .fusion-recent-posts .mel_recent_heading .mel_bloc_titre { display:block; height:auto; min-height:50px; margin:0; flex:1; }
.home .fusion-recent-posts .mel_recent_heading h4 { margin: 0; line-height: 1.2; }
.home .fusion-recent-posts .mel_recent_heading h4 a { text-transform: uppercase; }
@media (max-width: 767px) { .home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow { float:none; max-width:100%; width:100%; margin:0 0 12px; } }

/* V7 - Retablit le ratio photo historique du module Recent Posts.
   La vignette native Avada est parfois recadree en panoramique.
   La fonction PHP utilise maintenant l'image non recadree et son srcset. */
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow {
    width: 320px; max-width: 46%; margin-right: 20px; float: left;
}
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow .fusion-image-wrapper,
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow .fusion-flexslider,
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow .slides {
    width: 100%;
}
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow img.mel-recent-featured-image {
    display: block; width: 100%; height: auto; aspect-ratio: 320 / 203;
    object-fit: cover; object-position: center;
}
@media (max-width: 767px) {
    .home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow {
        width: 100%; max-width: 100%; float: none; margin: 0 0 12px;
    }
}

/* V8 - Hauteur constante des photos dans Recent Posts (accueil).
   Les deux dimensions sont imposees sur le cadre ET sur l'image, afin que
   les variantes Avada (blog-medium / portfolio-five) ne changent pas le rendu.
   Ratio de reference : 320 x 203 px, d'apres les captures historiques. */
@media (min-width: 768px) {
  .home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow {
    width: 320px !important;
    height: 203px !important;
    max-width: 46%;
	margin-bottom:4px!important;
    overflow: hidden;
  }
}
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow .fusion-image-wrapper,
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow .fusion-flexslider,
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow .slides,
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow .slides > li {
  height: 100% !important;
  overflow: hidden;
}
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow img.mel-recent-featured-image,
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow img.attachment-blog-medium,
.home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow img.attachment-portfolio-five {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 767px) {
  .home .fusion-recent-posts.layout-thumbnails-on-side .floated-slideshow {
    height: auto !important;
    aspect-ratio: 320 / 203;
    overflow: hidden;
  }
}

/* V10: Newsletter widget historic right-column styling, using current MailPoet. */
.mel-newsletter-widget { width: 100%; margin: 0 0 24px; }
.mel-newsletter-widget .mel-newsletter-title {
    display: block; margin: 0; padding: 8px 12px; border: 0;
    color: #fff; background: #df6725; font: 700 13px/1.4 Arial, sans-serif;
    text-transform: uppercase;
}
.mel-newsletter-widget .mel-newsletter-form { padding: 9px 0 0; }
.mel-newsletter-widget .mailpoet_form { margin: 0 !important; padding: 0 !important; }
.mel-newsletter-widget .mailpoet_paragraph { margin: 0 0 6px !important; }
.mel-newsletter-widget input[type="email"],
.mel-newsletter-widget input.mailpoet_text {
    width: 100% !important; max-width: 100%; min-height: 30px;
    padding: 5px 8px !important; border: 1px solid #dedede !important;
    border-radius: 0 !important; background: #fff;
    font-size: 12px !important; box-sizing: border-box;
}
.mel-newsletter-widget input[type="submit"],
.mel-newsletter-widget .mailpoet_submit,
.mel-newsletter-widget button[type="submit"] {
    display: block; width: auto !important; margin: 5px 0 0 auto !important;
    padding: 7px 12px !important; border: 0 !important;
    border-radius: 0 !important; background: #df6725 !important;
    color: #fff !important; font-size: 12px !important; cursor: pointer;
}
.mel-newsletter-widget .mailpoet_message { font-size: 12px; }

/* V11 - Newsletter: restoration of compact 2016 Wysija sidebar layout for current MailPoet. */
.mel-newsletter-widget {
  width: 100%;
  margin: 0 0 22px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.mel-newsletter-widget .mel-newsletter-title {
  display: block;
  margin: 0 0 2px !important;
  padding: 5px 8px !important;
  min-height: 0;
  border: 0 !important;
  background: #d76324 !important;
  color: #fff !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-transform: uppercase;
  box-shadow: none !important;
}
.mel-newsletter-widget .mel-newsletter-title::before,
.mel-newsletter-widget .mel-newsletter-title::after { display: none !important; }
.mel-newsletter-widget .mel-newsletter-form { padding: 0 !important; margin: 0 !important; }
.mel-newsletter-widget .mailpoet_form,
.mel-newsletter-widget .mailpoet_form form,
.mel-newsletter-widget .mailpoet_form_html,
.mel-newsletter-widget .mailpoet_form_widget,
.mel-newsletter-widget .mailpoet_form_columns,
.mel-newsletter-widget .mailpoet_form_column {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.mel-newsletter-widget .mailpoet_paragraph,
.mel-newsletter-widget .mailpoet_form_paragraph,
.mel-newsletter-widget .mailpoet_form_field,
.mel-newsletter-widget .mailpoet_form_row {
  margin: 0 0 2px !important;
  padding: 0 !important;
}
.mel-newsletter-widget label.mailpoet_label { font-size: 11px !important; line-height: 1.3 !important; }
.mel-newsletter-widget input[type="email"],
.mel-newsletter-widget input.mailpoet_text,
.mel-newsletter-widget input.mailpoet_text_input {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 4px 7px !important;
  border: 1px solid #ddd !important;
  border-radius: 0 !important;
  outline-offset: 2px;
  background: #fff !important;
  color: #555 !important;
  font: 12px/20px Lato, Arial, sans-serif !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}
.mel-newsletter-widget input[type="email"]::placeholder,
.mel-newsletter-widget input.mailpoet_text::placeholder { color: #999; opacity: 1; }
.mel-newsletter-widget .mailpoet_paragraph:has(.mailpoet_submit),
.mel-newsletter-widget .mailpoet_paragraph:has([type="submit"]),
.mel-newsletter-widget .mailpoet_form_paragraph:has(.mailpoet_submit),
.mel-newsletter-widget .mailpoet_form_paragraph:has([type="submit"]) { text-align: right !important; margin-top: 0 !important; }
.mel-newsletter-widget input[type="submit"],
.mel-newsletter-widget button[type="submit"],
.mel-newsletter-widget .mailpoet_submit {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 0 auto !important;
  padding: 5px 9px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #d76324 !important;
  color: #fff !important;
  font: 400 11px/1.35 Lato, Arial, sans-serif !important;
  text-align: center !important;
  text-transform: none !important;
  cursor: pointer;
  box-shadow: none !important;
  float: none !important;
}
.mel-newsletter-widget input[type="submit"]:hover,
.mel-newsletter-widget button[type="submit"]:hover,
.mel-newsletter-widget .mailpoet_submit:hover { background: #bb541e !important; }
.mel-newsletter-widget .mailpoet_message,
.mel-newsletter-widget .mailpoet_validate_success,
.mel-newsletter-widget .mailpoet_validate_error { clear: both; font-size: 12px; line-height: 1.4; }
/* Preserve anti-spam hidden fields and MailPoet validation behavior. */