/*
 Theme Name:   Histoire du microscope (Divi enfant)
 Description:  Thème enfant de Divi pour le site Toute l'histoire du microscope : couleurs laiton et acajou, typographies de gravure, style musée classique.
 Template:     Divi
 Version:      0.1.0
 Text Domain:  hdm-divi-enfant
*/

/* Les couleurs et polices sont definies par l'extension "Histoire du microscope" (variables --paper, --ink, --brass...).
   Ce theme les applique a l'ensemble du site Divi : fond, titres, menu, pied de page. */

body { background: var(--paper, #eeefea); color: var(--ink, #1d221f); font-family: var(--f-body, "Spectral", Georgia, serif); }
#main-content, #main-content .container { background: transparent; }
#main-content .container::before { display: none; } /* trait vertical de la barre laterale */

h1, h2, h3, h4, h5, h6, .et_pb_module_header { font-family: var(--f-display, "IM Fell English", Georgia, serif); font-weight: 400; color: var(--ink, #1d221f); }
a { color: var(--brass, #8a6a24); }

/* En-tete de l'extension place dans le Theme Builder ([hdm_entete]) : reste visible au defilement */
.et-l--header { position: sticky; top: 0; z-index: 99; }
.admin-bar .et-l--header { top: 32px; }
@media (max-width: 782px) { .admin-bar .et-l--header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .et-l--header { top: 0; } }
.et-l--header .et_pb_section, .et-l--footer .et_pb_section { padding: 0; }
.et-l--header .et_pb_fullwidth_code, .et-l--footer .et_pb_fullwidth_code { padding: 0; margin: 0; }

/* En-tete Divi classique (si le Theme Builder n'est pas utilise) */
#main-header { background: var(--paper, #eeefea); box-shadow: none; border-bottom: 1px solid var(--line, #cfd3ca); }
#top-menu li a, .et_mobile_menu li a { font-family: var(--f-sc, "Spectral SC", Georgia, serif); font-weight: 400; letter-spacing: .08em; color: var(--muted, #5a625c); }
#top-menu li.current-menu-item > a, #top-menu li a:hover { color: var(--ink, #1d221f) !important; opacity: 1 !important; }
#top-menu li.current-menu-item > a { border-bottom: 1px solid var(--brass-hi, #c3a052); }
.et_mobile_menu { border-top-color: var(--brass-hi, #c3a052); background: var(--paper, #eeefea); }
.mobile_menu_bar::before { color: var(--brass, #8a6a24); }

/* Pied de page */
#main-footer { background: var(--velours, #1b2621); }
#main-footer .footer-widget, #main-footer .footer-widget a { color: var(--velours-muted, #a9b1aa); }
#main-footer .footer-widget h4 { font-family: var(--f-sc, "Spectral SC", Georgia, serif); letter-spacing: .14em; color: var(--brass-hi, #c3a052); }
#footer-bottom { background: rgba(0, 0, 0, .25); }
#footer-info, #footer-info a { color: var(--velours-muted, #a9b1aa); }

/* Boutons Divi accordes au style du site */
.et_pb_button { font-family: var(--f-sc, "Spectral SC", Georgia, serif) !important; letter-spacing: .12em !important; border: 1px solid var(--brass-hi, #c3a052) !important; border-radius: 0 !important; color: var(--ink, #1d221f) !important; }
.et_pb_button:hover { background: var(--brass-hi, #c3a052) !important; }