/*
 Theme Name:   Geneviève Morvan
 Theme URI:    https://genevievemorvan.fr
 Description:  Geneviève Morvan - Twenty Twenty-One Child Theme
 Author:       SophieWeb
 Author URI:   http://sophieweb.com
 Template:     twentytwentyone
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Text Domain:  twentytwentyonechild
*/

:root {
	--white: #fff;
	--yellow-light: #fffdf0;
	--yellow-mid: #fff3a8;
	--yellow: #ffea5f;
	--green: #008579;
	--dark-green: #007469;
	--grey: #333;
	--black: #000;

	--gm--body-font-family: 'Comic Helvetic', 'Comic Sans', Arial, sans-serif;
	--gm--heading--font-size-h3: 1.75rem;

	--form--border-width: 1px !important;
	--form--input-background: rgba(255,255,255,.5);
	--form--input-focus-background: var(--white);
	--form--input-color: var(--black);
	--footer--font-size: .875rem !important;
	--global--color-primary: #333 !important;

	--global--spacing-negative-vertical: -30px;
}
@media only screen {

	body.is-dark-theme {
		--branding--color-link: var(--global--color-light-gray) !important;
		--primary-nav--color-link: var(--global--color-light-gray) !important;
		--primary-nav--color-link-hover: var(--global--color-light-gray) !important;
		--form--input-background: rgba(0,0,0,.25);
		--form--input-focus-background: var(--black);
		--form--input-color: var(--white);
		--global--color-primary: var(--global--color-light-gray) !important;
	}
}

*.has-white-background-color {
	background: var(--white);
}

*.has-yellow-light-background-color {
	background: var(--yellow-light);
}

*.has-green-background-color {
	background: var(--green);
}

*.has-grey-background-color {
	background: var(--grey);
}

*.has-black-background-color {
	background: var(--black);
}

@font-face {
	font-family: 'Comic Helvetic';
	src: url('fonts/comichelvetic_light.woff2') format('woff2'),
		 url('fonts/comichelvetic_light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Comic Helvetic';
	src: url('fonts/comichelvetic_medium.woff2') format('woff2'),
		 url('fonts/comichelvetic_medium.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Comic Helvetic';
	src: url('fonts/comichelvetic_heavy.woff2') format('woff2'),
		 url('fonts/comichelvetic_heavy.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}

body {
	background: var(--yellow) !important;
}

h1,
h1.page-title,
h1.entry-title,
h2 {
	color: var(--green);
}

.site .site-header {
	align-items: center;
	flex-wrap: nowrap;
	padding: 10px 0;
}

.site .site-header .site-logo {
	border-bottom: none;
	margin: 0 .5em 0 0;
	padding: 0;
	width: 6em;
}

h1.site-title,
p.site-title a {
	color: var(--black);
	font-family: var(--gm--body-font-family) !important;
	font-size: 1.75rem;
	font-weight: bold;
	text-transform: none;
	width: 7em;
}

p.site-title a {
	text-decoration: none;
}

p.site-title a:hover,
p.site-title a:focus,
p.site-title a:active {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.site-description {
	display: none;
}

.site-header .primary-navigation .current-menu-item > a:first-child,
.site-header .primary-navigation .current_page_item > a:first-child {
	text-decoration: none;
}

.site-header .primary-navigation > div > .menu-wrapper {
	justify-content: flex-end;
}

.site-content {
	background: var(--white);
	padding-top: 0;
}

.site-main .entry-content .wp-block-image.alignfull:first-child {
	transform: translateY( var(--global--spacing-negative-vertical) );
}

h1.page-title,
h1.entry-title,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content,
.entry-content cite,
.entry-content p,
.entry-content ul,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file,
.widget_text p,
.widget_text ol,
.widget_text ul,
.widget_text dl,
.widget_text dt,
.widget-content .rssSummary {
	font-family: var(--gm--body-font-family) !important;
}

.site-main .page-header,
.site-main .entry-header,
.singular .site-main .entry-header {
	border-bottom: none;
	margin-bottom: var(--global--spacing-vertical);
	padding-bottom: var(--global--spacing-vertical);
}

.site-main h1.page-title,
.site-main h1.entry-title {
	font-size: 3rem;
	text-align: center;
}

.singular .site-main h2 {
	font-size: 2.5rem;
}

.entry-content h3,
.entry-content .h3 {
	font-size: var( --gm--heading--font-size-h3 );
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
.site textarea,
.is-dark-theme input[type="text"],
.is-dark-theme input[type="email"],
.is-dark-theme input[type="url"],
.is-dark-theme input[type="password"],
.is-dark-theme input[type="search"],
.is-dark-theme input[type="number"],
.is-dark-theme input[type="tel"],
.is-dark-theme input[type="date"],
.is-dark-theme input[type="month"],
.is-dark-theme input[type="week"],
.is-dark-theme input[type="time"],
.is-dark-theme input[type="datetime"],
.is-dark-theme input[type="datetime-local"],
.is-dark-theme input[type="color"],
.is-dark-theme .site textarea {
	background: var(--form--input-background) !important;
	color: var(--form--input-color) !important;
	transition: background .5s ease-out;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
.site textarea:focus,
.is-dark-theme input[type="text"]:focus,
.is-dark-theme input[type="email"]:focus,
.is-dark-theme input[type="url"]:focus,
.is-dark-theme input[type="password"]:focus,
.is-dark-theme input[type="search"]:focus,
.is-dark-theme input[type="number"]:focus,
.is-dark-theme input[type="tel"]:focus,
.is-dark-theme input[type="date"]:focus,
.is-dark-theme input[type="month"]:focus,
.is-dark-theme input[type="week"]:focus,
.is-dark-theme input[type="time"]:focus,
.is-dark-theme input[type="datetime"]:focus,
.is-dark-theme input[type="datetime-local"]:focus,
.is-dark-theme input[type="color"]:focus,
.is-dark-theme .site textarea:focus {
	background: var(--form--input-focus-background) !important;
}

.entry-content p:not([class*="align"]) {
	text-align: justify;
}

.entry-content .verbatim {
	background: var(--yellow-mid);
	margin: calc( 2 * var(--global--spacing-vertical) ) auto;
}

.entry-content .verbatim [class*="inner-container"] > p {
	padding: .5em 2em;
	margin: 0 !important;
	max-width: 100% !important;
}

.entry-content .verbatim [class*="inner-container"] > p:first-child {
	padding-top: 1em;
}

.entry-content .verbatim [class*="inner-container"] > p:last-child {
	padding-bottom: 1em;
}

.entry-content hr.wp-block-separator:not(.is-style-dots).alignfull {
	border: 2px solid var(--yellow);
	margin-bottom: calc( 2 * var(--global--spacing-vertical) );
	width: 100%;
}

.entry-content hr.wp-block-separator.is-style-dots.has-background::before,
.entry-content hr.wp-block-separator.is-style-dots.has-text-color::before {
	color: var(--green) !important;
}

.entry-content .wp-block-group.map [class*="inner-container"] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
	margin: 0;
	max-width: 100%;
}

.entry-content .wp-block-group.map small {
	padding: 0 .5em;
}

.entry-content .wpcf7-form p {
	text-align: left;
}

.entry-content .wpcf7-submit {
	margin-top: 20px;
}

.is-dark-theme .wpcf7-not-valid-tip {
	color: #ffb900;
}

.is-light-theme .wpcf7 form.invalid .wpcf7-response-output,
.is-light-theme .wpcf7 form.unaccepted .wpcf7-response-output,
.is-light-theme .wpcf7 form.payment-required .wpcf7-response-output,
.is-light-theme .wpcf7 input.wpcf7-not-valid,
.is-light-theme .wpcf7 textarea.wpcf7-not-valid {
	border-color: #dc3232;
}

.is-dark-theme .wpcf7 form.invalid .wpcf7-response-output,
.is-dark-theme .wpcf7 form.unaccepted .wpcf7-response-output,
.is-dark-theme .wpcf7 form.payment-required .wpcf7-response-output,
.is-dark-theme .wpcf7 input.wpcf7-not-valid,
.is-dark-theme .wpcf7 textarea.wpcf7-not-valid {
	border-color: #ffb900;
}

.widget-area {
	display: none !important;
}

.site .site-footer {
	padding-bottom: 0;
}

.site .site-footer > .site-info {
	border-top: none;
	justify-content: center;
	padding-top: 0;
}

.site-footer .site-name {
	display: none;
}

.site .site-footer > .site-info .privacy-policy {
	margin-left: 0;
}

@media screen and (max-width: 48em) {
	.site .site-header {
		flex-wrap: wrap;
	}
	.site-header .primary-navigation {
		flex-basis: 100%;
		margin: 0;
	}
	.site-header .primary-navigation > div > .menu-wrapper {
		justify-content: center;
	}
	.entry-content .verbatim [class*="inner-container"] > p {
		padding: .5em 1em;
	}
}

@media screen and (max-width: 481px) {
	.site .site-header {
		align-items: center;
	} 
}

@media only screen {
	.respect-color-scheme-preference.is-dark-theme body {
		background: var(--global--color-background) !important;
	}
	.respect-color-scheme-preference.is-dark-theme h1.site-title,
	.respect-color-scheme-preference.is-dark-theme p.site-title a {
		color: var(--yellow);
	}
	.respect-color-scheme-preference.is-dark-theme img.custom-logo {
		filter: none;
	}
	.respect-color-scheme-preference.is-dark-theme .primary-navigation a:hover, 
	.respect-color-scheme-preference.is-dark-theme .primary-navigation a:link, 
	.respect-color-scheme-preference.is-dark-theme .primary-navigation a:visited {
		color: var(--yellow);
	}
	.respect-color-scheme-preference.is-dark-theme .site-content {
		background: var(--black);
	}
	.respect-color-scheme-preference.is-dark-theme .entry-content .verbatim [class*="inner-container"] > p {
		color: var(--yellow);
	}
	.respect-color-scheme-preference.is-dark-theme .entry-content .verbatim {
		background: var(--global--color-background);
	}
	.respect-color-scheme-preference.is-dark-theme .site-footer > .site-info a:link, 
	.respect-color-scheme-preference.is-dark-theme .site-footer > .site-info a:visited, 
	.respect-color-scheme-preference.is-dark-theme .site-footer > .site-info a:active, 
	.respect-color-scheme-preference.is-dark-theme .site-footer, 
	.respect-color-scheme-preference.is-dark-theme .site-footer > .site-info {
		color: var(--global--color-primary);
	}
}