/*
 * Ochanta — typographie de base d'un site venant de The7.
 *
 * Sur ces sites, les couleurs et polices sont réglées dans le kit Elementor, qui les publie
 * sous forme de variables --the7-* sur #the7-body (id repris par le thème Ochanta).
 * Ces règles les appliquent au texte, aux titres et aux liens, comme le faisait The7.
 * Les réglages des widgets Elementor restent prioritaires.
 */

/* Remise à zéro de The7 : pas de marges navigateur, puis marges propres au texte. */
* {
	margin: 0;
	padding: 0;
}

b,
strong {
	font-weight: 700;
}

ul,
ol,
menu,
dl,
dd {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 10px;
	clear: both;
}

p {
	margin-bottom: 10px;
}

blockquote {
	box-sizing: border-box;
	margin: 0 0 10px;
	padding: 20px 25px;
}

small {
	font-size: 75%;
}

/* Listes du contenu (zone .content du thème, popups) : puces et retrait. */
.content ul,
.content ol,
.elementor-popup-modal ul,
.elementor-popup-modal ol {
	margin: 0 0 10px 20px;
}

.content ul,
.elementor-popup-modal ul {
	list-style: disc;
}

.content ol,
.elementor-popup-modal ol {
	list-style-type: decimal;
}

.content .elementor-nav-menu,
.content .elementor-nav-menu ul,
.content .widget ul,
.content .widget ol,
.elementor-widget-heading ul {
	margin: 0;
}

.content .elementor-nav-menu,
.content .elementor-nav-menu ul {
	list-style: none;
}

html,
body {
	color: var(--the7-base-color);
	font-family: var(--the7-base-font-family);
	font-size: var(--the7-text-big-font-size, var(--the7-base-font-size));
	font-style: var(--the7-base-font-style, normal);
	font-weight: var(--the7-base-font-weight, normal);
	line-height: var(--the7-text-big-line-height, var(--the7-base-line-height));
	letter-spacing: var(--the7-base-letter-spacing, normal);
	text-transform: var(--the7-base-text-transform, none);
	word-spacing: normal;
}

/* Liens */
:where(#the7-body) a,
:where(#the7-body) a:hover {
	color: var(--the7-links-color);
}

:where(#the7-body) a:hover {
	color: var(--the7-links-hover-color, var(--the7-links-color));
}

/* Titres : couleur commune, police propre à chaque niveau. */
:where(#the7-body) h1, :where(#the7-body) h2, :where(#the7-body) h3,
:where(#the7-body) h4, :where(#the7-body) h5, :where(#the7-body) h6,
:where(#the7-body :is(h1, h2, h3, h4, h5, h6)) a,
:where(#the7-body .h1-size, #the7-body .h2-size, #the7-body .h3-size, #the7-body .h4-size, #the7-body .h5-size, #the7-body .h6-size, #the7-body .color-title) {
	color: var(--the7-title-color);
}

:where(#the7-body) h1,
:where(#the7-body .h1-size) {
	color: var(--the7-h1-color, var(--the7-title-color));
	font-family: var(--the7-h1-font-family);
	font-size: var(--the7-h1-font-size);
	font-style: var(--the7-h1-font-style, normal);
	font-weight: var(--the7-h1-font-weight, normal);
	line-height: var(--the7-h1-line-height);
	letter-spacing: var(--the7-h1-letter-spacing, normal);
	text-transform: var(--the7-h1-text-transform, none);
}

:where(#the7-body) h2,
:where(#the7-body .h2-size) {
	color: var(--the7-h2-color, var(--the7-title-color));
	font-family: var(--the7-h2-font-family);
	font-size: var(--the7-h2-font-size);
	font-style: var(--the7-h2-font-style, normal);
	font-weight: var(--the7-h2-font-weight, normal);
	line-height: var(--the7-h2-line-height);
	letter-spacing: var(--the7-h2-letter-spacing, normal);
	text-transform: var(--the7-h2-text-transform, none);
}

:where(#the7-body) h3,
:where(#the7-body .h3-size) {
	color: var(--the7-h3-color, var(--the7-title-color));
	font-family: var(--the7-h3-font-family);
	font-size: var(--the7-h3-font-size);
	font-style: var(--the7-h3-font-style, normal);
	font-weight: var(--the7-h3-font-weight, normal);
	line-height: var(--the7-h3-line-height);
	letter-spacing: var(--the7-h3-letter-spacing, normal);
	text-transform: var(--the7-h3-text-transform, none);
}

:where(#the7-body) h4,
:where(#the7-body .h4-size) {
	color: var(--the7-h4-color, var(--the7-title-color));
	font-family: var(--the7-h4-font-family);
	font-size: var(--the7-h4-font-size);
	font-style: var(--the7-h4-font-style, normal);
	font-weight: var(--the7-h4-font-weight, normal);
	line-height: var(--the7-h4-line-height);
	letter-spacing: var(--the7-h4-letter-spacing, normal);
	text-transform: var(--the7-h4-text-transform, none);
}

:where(#the7-body) h5,
:where(#the7-body .h5-size) {
	color: var(--the7-h5-color, var(--the7-title-color));
	font-family: var(--the7-h5-font-family);
	font-size: var(--the7-h5-font-size);
	font-style: var(--the7-h5-font-style, normal);
	font-weight: var(--the7-h5-font-weight, normal);
	line-height: var(--the7-h5-line-height);
	letter-spacing: var(--the7-h5-letter-spacing, normal);
	text-transform: var(--the7-h5-text-transform, none);
}

:where(#the7-body) h6,
:where(#the7-body .h6-size) {
	color: var(--the7-h6-color, var(--the7-title-color));
	font-family: var(--the7-h6-font-family);
	font-size: var(--the7-h6-font-size);
	font-style: var(--the7-h6-font-style, normal);
	font-weight: var(--the7-h6-font-weight, normal);
	line-height: var(--the7-h6-line-height);
	letter-spacing: var(--the7-h6-letter-spacing, normal);
	text-transform: var(--the7-h6-text-transform, none);
}

/* Classes utilitaires de The7, utilisables dans les contenus. */
.text-big {
	font-size: var(--the7-text-big-font-size);
	line-height: var(--the7-text-big-line-height);
}

.text-normal {
	font-size: var(--the7-base-font-size);
	line-height: var(--the7-base-line-height);
}

.text-small,
.wp-caption-text {
	font-size: var(--the7-text-small-font-size);
	line-height: var(--the7-text-small-line-height);
}

.text-uppercase {
	text-transform: uppercase;
}

.paint-accent-color {
	color: var(--the7-accent-color) !important;
}

:where(#the7-body) .color-accent {
	color: var(--the7-accent-color);
}

:where(#the7-body) .color-secondary {
	color: var(--the7-secondary-text-color);
}

:where(#the7-body) .color-base-transparent,
:where(#the7-body) .color-base {
	color: var(--the7-base-color);
}

.accent-bg {
	background-color: var(--the7-accent-color);
}