/*
Theme Name: peresearch
Theme URI: https://peresearch.eu
Description: Thème enfant personnalisé basé sur Hello Elementor
Author: Pierre Van Walleghem
Template: hello-elementor
Version: 1.0.0
*/

.page-content {
    margin-left  : 20px;
    margin-right : 20px;
}

.comments-section {
    margin        : 20px;
    padding       : 20px 30px;
    background    : #ebedef;
    border-radius : 12px;
}

.comment-list {
    list-style   : none;
    padding-left : 0;
    margin-top   : 20px;
}

.comment-list li {
    margin-bottom  : 30px;
    border-bottom  : 1px solid #ddd;
    padding-bottom : 20px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea {
    width         : 100%;
    padding       : 12px;
    margin-top    : 5px;
    border        : 1px solid #ccc;
    border-radius : 6px;
    font-size     : 16px;
}

.comment-form label {
    font-weight : bold;
    display     : block;
}

.comment-form button {
    margin-top       : 10px;
    padding          : 12px 24px;
    background-color : #0073aa;
    color            : #fff;
    border           : none;
    border-radius    : 6px;
    cursor           : pointer;
}

.comment-form button:hover {
    background-color : #005e8a;
}

/* Liste principale des mois */
.archives-list {
    list-style : none;
    margin     : 0;
    padding    : 0;
}

.archives-list > h3 {
    color : #b00303;
}

.archives-list > li {
    margin-bottom : 0.8em;
}

/* Lien vers un mois */
.archives-list > li > a {
    font-size       : 1.05em;
    font-weight     : bold;
    color           : #1a1a1a;
    text-decoration : none;
}

.archives-list > li > a:hover {
    text-decoration : underline;
}

/* Sous-liste des articles */
.archives-list ul.month-posts {
    margin-top   : 0.4em;
    padding-left : 1em;
    border-left  : 2px solid #ccc;
    text-align   : left;
}

.archives-list ul.month-posts li {
    list-style : disc;
    margin     : 0.3em 0;
    font-size  : 0.82em;
}

.archives-list ul.month-posts a {
    color           : #555;
    text-decoration : none;
}

.archives-list ul.month-posts a:hover {
    color           : #000;
    text-decoration : underline;
}

.archives-list ul.month-posts li.active-article a {
    font-weight     : bold;
    color           : #000;
    text-decoration : underline;
}

.toggle-month {
    cursor      : pointer;
    display     : inline-block;
    font-weight : bold;
    color       : #1a1a1a;
}

.toggle-month:hover {
    text-decoration : underline;
}

.archives-list ul.month-posts {
    display : none;
}

.archives-list li.open > ul.month-posts {
    display : block;
}

.archives-list ul.month-posts {
    display : none;
}

.archives-list li.open > ul.month-posts {
    display : block;
}

.elementor-widget-container h5 {
    color       : #576a72;
    margin-top  : 25px;
    font-weight : 800;
}

.elementor-widget-container p,
.elementor-widget-container ul,
.elementor-widget-container ol {
    margin-top : 7px;
    text-align : justify;
}