@charset "UTF-8";
/*
Theme Name: Twenty Nineteen - Laurence
Theme URI: https://www.laurenceherault.fr/
Description: Thème enfant de Twenty Nineteen pour laurenceherault.fr. Regroupe toutes les personnalisations du site (typographie Georgia, titres en Tangerine, widgets « Poèmes récents » et « Poèmes que j'aime », gabarits de listes de poèmes, bouton favoris). Le thème parent peut désormais être mis à jour sans rien effacer.
Author: Julien
Template: twentynineteen
Version: 1.0
Text Domain: twentynineteen-laurence
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
>>> SOMMAIRE
----------------------------------------------------------------
# 1. Neutralisations
     Règles du thème parent que tu avais mises en commentaire dans son
     style.css. On ne peut pas « supprimer » une règle depuis un enfant :
     il faut la contredire explicitement.
# 2. Retouches
     Tes modifications faites à l'intérieur de règles du parent. On ne
     reprend QUE les déclarations qui diffèrent, pour laisser passer les
     améliorations des versions suivantes du parent.
# 3. Additionnels
     Ton bloc d'ajouts, recopié tel quel depuis la fin de l'ancien style.css.
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 1. Neutralisations
--------------------------------------------------------------*/

/* Tu avais désactivé le point que le parent ajoute après le terme recherché
   et après la description d'archive. */
.archive .page-header .search-term:after,
.archive .page-header .page-description:after,
.search .page-header .search-term:after,
.search .page-header .page-description:after,
.error404 .page-header .search-term:after,
.error404 .page-header .page-description:after {
	content: none;
}

/* Tu avais désactivé la largeur maximale de la navigation entre articles. */
@media only screen and (min-width: 1168px) {
	.post-navigation .nav-links {
		max-width: none;
	}
}

/* Tu avais désactivé « color: inherit » sur le lien du titre : le titre reste
   bleu #31619e, mais le lien reprend la couleur de lien du thème.
   À confronter à l'écran lors de la prévisualisation. */
.entry .entry-title a {
	color: #0073aa;
}

/* Tu avais désactivé « display: flex » sur la colonne de widgets du pied de
   page ; les widgets se posent donc en blocs (voir leur largeur en § 2). */
#colophon .widget-column {
	display: block;
}

/* Tu avais désactivé « display: inline » sur le slogan, qui reste donc un
   paragraphe en bloc sous le titre du site. */
.site-description {
	display: block;
}

/* Note : tu avais aussi désactivé la règle « code, kbd, tt, var » du parent.
   Pour code et kbd, ta propre règle du § 2 reprend la main (même spécificité,
   et l'enfant est chargé après le parent). Restent tt et var, qui ne sont
   employés nulle part sur le site : rien à faire. */


/*--------------------------------------------------------------
# 2. Retouches
--------------------------------------------------------------*/

/* --- Typographie ------------------------------------------------------- */

body {
	font-family: Georgia, Times, "Times New Roman", serif;
}

code,
kbd,
samp {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
}

.author-description .author-link,
.comment-metadata,
.comment-reply-link,
.comments-title,
.comment-author .fn,
.discussion-meta-info,
.entry-meta,
.entry-footer,
.main-navigation,
.no-comments,
.not-found .page-title,
.error-404 .page-title,
.post-navigation .post-title,
.page-links,
.page-description,
.pagination .nav-links,
.sticky-post,
.site-title,
.site-info,
#cancel-comment-reply-link,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Georgia, Times, "Times New Roman", serif;
}

@media only screen and (min-width: 768px) {
	.entry-title,
	.not-found .page-title,
	.error-404 .page-title,
	.has-larger-font-size,
	h2 {
		font-size: 1.5em;
	}
}

h1:not(.site-title):before,
h2:before {
	margin: 0 0 1rem 0;
}

/* --- Boutons ----------------------------------------------------------- */

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-weight: 500;
	font-size: 15px;
	padding: 9px;
}

/* --- En-tête du site --------------------------------------------------- */

.site-title {
	font-size: 2.125em;
	font-family: Georgia, Times, "Times New Roman", serif;
}

.site-description {
	font-size: 1em;
}

/* --- Article ----------------------------------------------------------- */

.entry .entry-title {
	margin-bottom: 40px !important;
	font-family: "Tangerine", cursive;
	font-size: 57px;
	color: #31619e;
}

@media only screen and (min-width: 768px) {
	.entry .entry-header {
		margin: 0 calc(10% + 60px) 1rem;
	}

	.hfeed .entry .entry-header {
		margin: calc(3 * 1rem) calc(10% + 60px) calc(4rem / 2);
		margin-top: 15px;
	}

	.entry .entry-content,
	.entry .entry-summary {
		max-width: 85%;
	}

	/* Note : dans l'ancien style.css, un point-virgule manquant après
	   « margin-bottom:15px!important » rendait cette déclaration ET la
	   suivante invalides — elles ne s'appliquaient donc pas. Elles ne sont
	   pas reprises ici, pour garder le rendu identique. */
	.entry .entry-footer {
		margin-top: 35px;
		margin-bottom: 15px;
	}
}

.entry .entry-content p {
	font-size: 20px;
	margin: 0px;
	line-height: 1.4;
	color: #3d6b89;
}

.entry .entry-content .wp-block-quote:not(.is-large),
.entry .entry-content .wp-block-quote:not(.is-style-large) {
	border-left: 2px solid #0073aa;
}

/* --- Navigation entre articles ----------------------------------------- */

@media only screen and (min-width: 1168px) {
	.post-navigation {
		margin-top: 35px;
	}

	.post-navigation .nav-links .nav-next {
		padding-left: 15rem;
	}
}

/* --- Commentaires ------------------------------------------------------ */

.comments-area > * {
	margin-top: -40px;
}

.entry + .comments-area {
	margin-top: -40px;
}

@media only screen and (min-width: 768px) {
	.comments-area {
		margin-top: -70px !important;
		margin-bottom: 0px !important;
	}

	.comments-area > * {
		margin-top: -40px;
	}
}

/* --- Pied de page et widgets ------------------------------------------- */

@media only screen and (min-width: 768px) {
	#colophon .widget-area,
	#colophon .site-info {
		margin-top: 0px !important;
	}
}

#colophon .widget-column .widget {
	width: 49%;
	display: inline-grid;
}

@media only screen and (min-width: 1168px) {
	#colophon .widget-column .widget {
		width: calc(49% - (3 * 1rem));
		display: inline-grid;
	}
}

.widget a {
	font-weight: normal;
}

h2.widget-title {
	font-weight: normal !important;
}

/* Tu avais ajouté le widget « Poèmes récents » à la liste des widgets que le
   parent dépouille de ses puces. */
.widget_articles_recents_v2_widget ul {
	padding: 0;
	list-style: none;
}

.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_articles_recents_v2_widget ul li {
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 20px;
}


/*--------------------------------------------------------------
# 3. Additionnels

Bloc recopié tel quel depuis la fin de l'ancien style.css du thème parent.
--------------------------------------------------------------*/

/*Additionnels*/

article {
	padding-left:25%;
}

span.byline {
	display:none;
}

span.cat-links {
	display:none
}

.post-date {
	font-size:17px;
  font-weight: normal;
  color:#767676
}

.post-date:not(:empty):before {
	content :"\2014";
	margin:0 .2em
}

#liste_chronologique ul{
	/*margin-left:20px;*/
	font-size: 0.9em;
	padding-left:0px;
}

#liste_alphabetique ul{	
	/*margin-left:20px;*/
	font-size: 0.9em;
	padding-left:0px;
}

#liste_alphabetique li{
	list-style-type: none;
}

#liste_chronologique li{
	list-style-type: none!important;
}

.entry-footer.button, .entry-footer button, .entry-footer input[type="button"], .entry-footer input[type="reset"], .entry-footer input[type="submit"]
{
	border-radius: 5px;
	font-size: 0.95em;
	padding: 0px;
	line-height: 1;
	vertical-align:baseline;
	margin-right: 0.2rem;
	font-family: Georgia,Times,Times New Roman,serif;
	font-weight:normal
}

.entry-meta {
  display:none;
}

.archive .page-header .page-description::after {
  display:none;
}

.category .page-header {
  margin-top: 0px;
  margin-right: calc(10% + 60px);
  margin-bottom: 0px;
  margin-left: calc(10% + 60px);
}

.comments-title {
  font-size:18px;
	
}

.comment-body {
	margin-left: -25%; 
    
    /* 2. S'assurer qu'il a 100% de la largeur du parent (sinon il serait tronqué) */
    width: 100%;
    
    /* 3. Assurer qu'il n'ajoute pas son propre padding à gauche */
    padding-left: 0;
}

ul.themes_widgets {
  list-style: none!important;
  padding:0px!important;
}

.themes_widgets li {
list-style: none!important;
padding:0px;
font-family: Georgia,Times,Times New Roman,serif;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}

ul.themes_widgets {
  list-style: none!important;
  padding:0px!important;
}

.post-758 .entry-footer {
  display:none;
}

#lien-758 {
  display:none;
}

.comment-author .fn {
  font-size:12px;
  font-style: normal;
}

.comment-content {
  font-size:15px;
}

.comment-reply-link {
  font-size:14px;
}

.comment-reply {
  /*margin-left:150px;*/
}
.comment-metadata time {
  font-size:12px;
}

ul,li {
	color:#3d6b89!important;
}

.mailpoet_form_paragraph {
	font-size:17px;
}

.mailpoet_text_label {
	font-size:17px;
	margin-bottom:15px;
}

.mailpoet_submit {
	padding: 0.76rem 1rem!important;
}

#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea {
  margin:0!important;
  padding:0!important
}

#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_text_label{
  display:inline!important;
}

.mailpoet_required {
  display:none;
}

#mailpoet_form_1 form.mailpoet_form {
	padding:0!important;
}

.mailpoet_submit {
  padding:9px!important;
}

#mailpoet_form-2 h2.widget-title{
  font-size:24px
}

#mailpoet_form-2 p {
  margin:0!important;
  text-align: justify!important;
}

#mailpoet_form-2 .mailpoet_paragraph {
  /*margin-bottom:0px!important*/
}

.post-912 h3, .post-912 h4 {
	font-size:1em!important;
}
.post-912 .entry-title{
background: #0073aa;
color: #fff!important;
display: inline-block;
font-weight: bold;
line-height: 1;
padding: .25rem;
position: absolute;
text-transform: uppercase;
top: -1rem;
z-index: 1;
font-family: Georgia,Times,Times New Roman,serif;
font-size:1em;
}

.post-912 .entry-title a{
	color:#fff!important
}

.post-912  .entry-title::before {
	display:none!important
}

.post-912 li {
  font-size:20px!important
}

.privacy-policy-link {
  margin:0px!important;
}

#search-3 h2 {
  font-size:24px!important;
}

#search-3 span {
  font-size:17px!important;
  text-align: justify;
  display: block;
  margin-bottom:20px;
}

#search-3 input {
	padding:0!important
}

#search-3 #searchsubmit {
  padding:9px!important;
  font-size:15px!important;
	font-weight:500;
}

.widget_articles_recents_v2_widget a{
  font-size:20px!important

}

.archives_section {
  margin-right: calc(1 * 0.5rem);
  width: calc(100% - (3 * 1rem));
  width: calc(32% - (1 * 0.5rem));
  display: inline-grid;
}

.archives_div {
  margin-top:15px;
  font-size:17px;
}

.archives_div li{
  list-style: none !important;
  line-height:1.3;
}

.mailpoet_submit {
  margin-top:15px!important;
}

.entry-title::before, .comments-title::before, h1:not(.site-title)::before {
  width:25px!important;
}

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

  #search-form #searchsubmit {
    margin-top:15px;
  }

}

@media only screen and (min-width: 1168px) and (max-width: 1239px) {

  #search-form #searchsubmit {
    margin-top:15px;
  }

}

.mailpoet_form_paragraph {
  margin-top:15px!important;
}

.cat-item {
  font-size:25px!important;
}

#text-2 li {
  list-style: none;
  font-size:24px!important
}

.textwidget ul {
  padding:0px!important
}

.post-758 .entry-title {
  font-family:Georgia,Times,Times New Roman,serif;
  font-size:35px;
}

#comment {
  height:100px;
}

.widget_articles_recents_v4_widget a {
  color:#248401!important;
  font-size: 20px !important;
}

.widget_articles_recents_v4_widget li {
  list-style-type:none;
  font-size: 20px;
  line-height: 1.2;
  margin-top: 0.5rem;
  font-size: 20px;
  font-weight: 700;
  font-family: Georgia,Times,Times New Roman,serif;
  box-sizing: inherit;
}

.widget_articles_recents_v2_widget ul {
  margin: 0 !important;
  padding:0 !important;
}

.widget_articles_recents_v4_widget a {
  color:#248401!important;
}

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

  article {
    padding-left: 4%!important;
  }

}

#post-912.post-912.page.type-page.status-publish.hentry.entry div.entry-content form {
  margin:0px!important;
}

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

  .entry .entry-content p {
    word-wrap: break-word;
    font-size:16px;
    margin:0px;
    line-height:1.4;
    color:#3d6b89;
  }  

  .entry .entry-title {
    margin: 0;
    margin-bottom: 20px!important;
    font-family: 'Tangerine', cursive;
    font-size:42px;
    color:#31619e;
  }

  .sticky-post {
    font-size:10px;
    padding:0.20rem;
    top: -0.5rem;
    text-transform:none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

  }

  .site-title {
    font-size:1.4em;
  }

  .site-description {
    font-size:0.7em;
  }

  .site-title:not(:empty) + .site-description:not(:empty)::after {
    content: "\2014";
    margin: 0 .2em;
  }

  #content {
    padding-top:0px;
    margin-top:0px;
  }

  .entry .entry-header {
    margin-top: calc(1rem);
  }
  
  .site-header {
    padding-bottom:1rem;
  }

  .entry-content em {
    font-size: 11px;
  }
  .entry-footer {
    font-size:0.5em;
  }

  .widget-area h2, #search-3 h2, #mailpoet_form-2 h2.widget-title {
    font-size:1em!important;
    color:#000;
	margin-bottom:0px!important
  }

  .cat-item {
    font-size:16px!important;
  }

  #text-2 li {
    font-size:16px!important;
    padding-bottom:10px;
  }

  .widget_articles_recents_v2_widget a {
    font-size:16px!important;
  }

  .widget_articles_recents_v4_widget li {
    font-size:16px!important;
  }

  .widget_articles_recents_v4_widget a {
    font-size:16px!important;
  }
  .post-date {
    font-size:16px!important;
  }
  #search-3 span, .mailpoet_form_paragraph, .mailpoet_text_label {
    font-size:13px!important;
  }

  #search-3 #searchsubmit, .mailpoet_submit {
    padding:5px!important
  }

  .button, button, input[type="button"], input[type="reset"], input[type="submit"] {
    font-size:13px!important;

  }
  .search {
    width:90%
  }
  #search-form input, .mailpoet_submit {
    width:100%!important;
  }

  .site-info {
    font-size: 12px!important;
  }


}

.nav-links{
  font-size: 15px!important;
}

.widget_articles_recents_v4_widget ul {
  padding:0px!important;
  margin:0px!important
}

.simplefavorite-button.active, .simplefavorite-button {
	font-size:1em!important
}

/* Cibler les conteneurs principaux et les titres pour réduire l'espace */
.comments-title-wrap,
#respond {
    /* Enlève la marge extérieure autour des blocs */
    margin-top: 0;
    margin-bottom: 0;
}

.comments-title, /* Le <h2> Laisser un commentaire */
#reply-title /* Le <h3> sans texte */
{
    /* Enlève la marge par défaut des titres */
    margin-top: 0;
    margin-bottom: 5px; /* Vous pouvez laisser une petite marge de 5px */
    padding: 0;
}
/* Cibler les paragraphes dans le formulaire */
.comment-form p {
    /* Supprime la marge par défaut des paragraphes */
    margin-top: 5px; /* Petite marge au-dessus */
    margin-bottom: 5px; /* Petite marge en dessous */
    padding: 0;
}
#respond.comment-respond {
    /* Cibler spécifiquement le conteneur du formulaire */
    margin-top: 10px; /* Réduire l'espace avant le formulaire */
    margin-bottom: 20px; /* Réduire l'espace après le formulaire */
    padding-top: 0;
    padding-bottom: 0;
}

/* Cibler le conteneur du titre */
.comments-title-wrap {
    padding-bottom: 0 !important; /* Force la suppression de tout rembourrage inférieur */
    margin-bottom: 0 !important;  /* Force la suppression de toute marge inférieure */
}

/* Cibler le titre lui-même pour être sûr */
.comments-title {
    margin-bottom: 5px !important;
}

/* Cibler le conteneur du formulaire */
#respond {
    margin-top: 5px !important; /* Réduire l'espace entre le titre et le formulaire */
}

article#post-758 {
	padding:0px 0px 20px 0px!important
}

.page-description {
	padding-bottom:10px!important;
}