/*
 Theme Name:   Histoire Monnaie
 Description:  Thème enfant de GeneratePress pour Histoire Monnaie
 Template:     generatepress
 Version:      1.0
 Text Domain:  histoire-monnaie
*/

:root {
	--c-lien: #3f8a22;
	--c-titre: #2b2b2b;
	--c-fond: #f2f8ee;
	--c-trait: #dbe8d2;
	--c-pied: #26331f;
	--c-texte: #2b3345;
}

body { color: var(--c-texte); font-size: 18px; line-height: 1.6; }
a { color: var(--c-lien); }
a:hover, a:focus { color: var(--c-titre); }

h1, h2, h3, h4, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
	color: var(--c-titre);
	font-weight: 700;
	line-height: 1.2;
}
h1, .entry-content h1 { font-size: 38px; }
.entry-content h2 { font-size: 29px; margin-top: 1.7em; }
.entry-content h3 { font-size: 23px; margin-top: 1.4em; }
.entry-content h4 { font-size: 19px; }
.entry-content p { text-align: left !important; }
.entry-title a { color: var(--c-titre); }

.entry-content img { border-radius: 10px; height: auto; max-width: 100%; }
.entry-content img[width="64"], .entry-content img[width="50"], .entry-content img[width="48"], .entry-content img[width="32"] { border-radius: 0; }
.featured-image img { border-radius: 12px; height: auto; }
.entry-content hr { background: var(--c-trait); border: 0; height: 2px; margin: 2.4em 0; }
.entry-content blockquote { background: var(--c-fond); border-left: 4px solid var(--c-lien); border-radius: 0 10px 10px 0; padding: 14px 20px; }

/* Entete */
.site-logo img, .site-header .header-image { height: auto; max-height: 60px; width: auto; }
.inside-header { padding: 14px 20px; }
.main-title a, .main-title a:hover { color: var(--c-titre); font-weight: 800; }
.main-navigation .main-nav ul li a {
	color: var(--c-titre);
	font-size: 14px;
	font-weight: 700;
	line-height: 46px;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
}
.main-navigation, .main-navigation ul ul { background: #fff; }
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a { background: transparent; color: var(--c-lien); }
.main-navigation ul ul { border-radius: 0 0 10px 10px; box-shadow: 0 10px 24px rgba(0, 0, 0, .12); width: 260px; }
.main-navigation .main-nav ul ul li a { font-size: 14px; font-weight: 600; line-height: 1.35; padding-bottom: 11px; padding-top: 11px; text-transform: none; }
.site-header { border-bottom: 1px solid var(--c-trait); }

/* Boutons */
a.su-button, .wp-block-button__link, a.button, button, input[type="submit"] { border-radius: 10px !important; }
a.su-button { text-decoration: none !important; }
a.su-button span { line-height: 1.3 !important; text-shadow: none !important; }

/* Tableaux : premiere colonne a gauche, defilement dans leur cadre sur mobile */
.entry-content table { border-collapse: collapse; display: block; font-size: 16px; max-width: 100%; overflow-x: auto; }
.entry-content table td, .entry-content table th { border: 1px solid var(--c-trait); padding: 9px 12px; }
.entry-content table th { background: var(--c-fond); }

/* Sommaire */
#toc_container, #ez-toc-container { background: var(--c-fond); border: 0; border-radius: 12px; padding: 16px 20px; }

/* Colonne laterale */
.sidebar .widget { background: var(--c-fond); border-radius: 12px; font-size: 16px; }
.sidebar .widget .widget-title { color: var(--c-titre); font-size: 18px; font-weight: 700; }
.sidebar .widget img { border-radius: 8px; height: auto; max-width: 100%; }

/* Liste d'articles */
.blog .inside-article, .archive .inside-article, .search .inside-article { border-bottom: 1px solid var(--c-trait); }
.read-more, .more-link { font-weight: 700; }

/* Pied de page */
.site-footer .footer-widgets { background: var(--c-pied); color: #fff; }
.site-footer .footer-widgets a { color: #fff; }
.site-footer .footer-widgets a:hover { text-decoration: underline; }
.site-footer .footer-widgets .widget-title { color: #fff; font-size: 19px; font-weight: 700; }
.site-footer .footer-widgets ul { font-size: 16px; }
.site-footer .footer-widgets li { margin-bottom: 6px; }
.site-footer .footer-widgets img { height: auto; max-width: 100%; }
.site-info { background: var(--c-pied); border-top: 1px solid rgba(255, 255, 255, .15); color: #fff; font-size: 15px; }
.site-info a { color: #fff; text-decoration: underline; }

@media (max-width: 768px) {
	body { font-size: 17px; }
	h1, .entry-content h1 { font-size: 30px; }
	.entry-content h2 { font-size: 25px; }
	.entry-content h3 { font-size: 21px; }
	.entry-content .alignleft, .entry-content .alignright { float: none; margin-left: 0; margin-right: 0; }
	.main-navigation .main-nav ul li a { font-size: 16px; line-height: 50px; }
	.main-navigation .main-nav ul ul li a { line-height: 1.35; }
	a.su-button { display: block !important; width: 100% !important; }
}

/* Bouton du menu mobile : visible sur fond blanc */
.menu-toggle, .main-navigation .menu-toggle, .main-navigation .menu-bar-item > a, .mobile-menu-control-wrapper .menu-toggle { color: var(--c-titre); background: transparent; }
.menu-toggle:hover, .menu-toggle:focus, .main-navigation.toggled .menu-toggle { color: var(--c-lien); background: transparent; }
.main-navigation.toggled .main-nav ul li a { line-height: 46px; }