/*
Theme Name:  Twenty Twelve - Arbalete de Chasse
Theme URI:   https://www.arbalete-de-chasse.fr/
Description: Theme enfant de Twenty Twelve. Corrige la hierarchie des titres pour n'avoir qu'un seul H1 par page : le titre du site porte le H1 sur l'accueil, le titre de la page ou de l'article le porte partout ailleurs.
Author:      Hattila
Template:    twentytwelve
Version:     1.0.0
License:     GNU General Public License v2 or later
Text Domain: twentytwelve-adc
*/

/*
 * Twenty Twelve stylise l'en-tete par BALISE (.site-header h1 / .site-header h2).
 * Le titre du site et le slogan n'etant plus des titres de section mais de
 * simples paragraphes, ces regles ne s'appliquent plus. On les redeclare en
 * ciblant les CLASSES : specificite superieure, rendu strictement identique.
 * Les marges des paragraphes sont neutralisees, un <p> n'ayant pas les memes
 * marges par defaut qu'un <h1>.
 */

.site-header .site-title,
.site-header .site-description {
	text-align: center;
	margin-top: 0;
}

.site-header .site-title a,
.site-header .site-description a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}

.site-header .site-title a:hover,
.site-header .site-description a:hover {
	color: #21759b;
}

.site-header .site-title {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
	font-weight: bold;
}

.site-header .site-description {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
	margin-bottom: 0;
}

@media screen and (min-width: 600px) {
	.site-header .site-title,
	.site-header .site-description {
		text-align: left;
	}

	.site-header .site-title {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
}

@media print {
	.site-header .site-title {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}

	.site-header .site-description {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}

	.site-header .site-title a,
	.site-header .site-description a {
		color: #000;
	}
}

/* Les tableaux de donnees sont centraux sur ce site : Twenty Twelve ne les
   stylise pas au-dela du strict minimum.
   Un tableau de 4 ou 5 colonnes deborde sur mobile et fait defiler toute la
   page horizontalement. On rend donc son conteneur defilable : le tableau
   garde une largeur lisible et glisse sous le doigt, la page ne bouge pas. */

.entry-content figure.wp-block-table {
	margin: 0 0 24px;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.entry-content table {
	border-collapse: collapse;
	margin-bottom: 24px;
	width: 100%;
}

.entry-content figure.wp-block-table table {
	margin-bottom: 0;
	min-width: 30rem;
}

.entry-content table th,
.entry-content table td {
	border: 1px solid #ededed;
	padding: 8px 10px;
	text-align: left;
	vertical-align: top;
}

.entry-content table th {
	background: #f7f7f7;
	font-weight: bold;
}

.entry-content table tr:nth-child(even) td {
	background: #fbfbfb;
}

.entry-content pre {
	background: #f7f7f7;
	border-left: 3px solid #21759b;
	overflow-x: auto;
	padding: 12px 14px;
}

.entry-content figure.wp-block-embed {
	margin: 0 0 24px;
}

.entry-content figcaption {
	color: #757575;
	font-size: 13px;
	font-style: italic;
	margin-top: 6px;
}

/* Pied de page : liens legaux et mention de rappel. */

.site-info .footer-links {
	margin-bottom: 6px;
}

.site-info .footer-links a {
	white-space: nowrap;
}

.site-info .footer-legal {
	margin: 0;
}

/* Sous le point de rupture du theme, on resserre les tableaux pour limiter
   le defilement horizontal. */

@media screen and (max-width: 599px) {
	.entry-content table {
		font-size: 13px;
	}

	.entry-content table th,
	.entry-content table td {
		padding: 6px 8px;
	}
}