/*!
Theme Name: Antigone
Theme URI: http://underscores.me/
Author: Morgane SUTTER - Creative Agency
Author URI: https://www.linkedin.com/in/suttermorgane/
Description: Antigone est un thème léger et performant, spécialement conçu pour nos clients et leurs besoins. Une ergonomie sur-mesure, pour vous garantir un résultat haut-de-gamme, rapide et optimal pour vos utilisateurs et votre SEO.
Version: 4.0.0
Requires PHP: 5.6
Text Domain: antigone
Tags: Prêt à traduire, Sur-mesure, Performant, Compatible WooCommerce, Rapide, Haut-de-gamme, Accessible, Éco-conçu
*/


/* General
--------------------------------------------- */

html {line-height:1.15;-webkit-text-size-adjust:100%;max-width:100%;width:100%;overflow-x:hidden;box-sizing:border-box;font-size:62.5%}
*,*::before,*::after {box-sizing: inherit;}

@media screen and (min-width: 600px) {
    :root { --font-size: 1.6rem; }
}

@media screen and (max-width: 600px) {
    :root { --font-size: 1.3rem; }
}

body {margin: 0 auto; background: #fff; max-width:100%;width:100%;overflow-x:hidden;}
body,button,input,select,optgroup,textarea {color: var(--text-color);font-family: var(--font-family), sans-serif;line-height: 1.5; font-size: var(--font-size);}
main {display: block;}
.grecaptcha-badge {opacity: 0;visibility: hidden;pointer-events: none;}

/* Titres, textes et assimilés
--------------------------------------------- */

h1,h2,h3,h4,h5,h6 {clear: both; word-wrap: break-word;}
h4, h5, h6 {font-size: 1em; margin: 1em auto;}
p {margin-bottom: 1em;}


h1 {font-size: var(--h1-size);} h2 {font-size: var(--h2-size);} h3 {font-size: var(--h3-size);}
hr {box-sizing: content-box;height: 0;overflow: visible;background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
h1.entry-title, h2.entry-title, h3.entry-title {margin: 0 auto;}

pre {font-family: monospace, monospace;font-size: 1em;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b,strong {font-weight: bolder;}
code,kbd,samp {font-family: monospace, monospace;font-size: 1em;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

ul, ol {margin: 0 auto; list-style: none; padding: 0;}
article ul, article ol {margin-left: 10px; padding-left: 10px;}
article ul {list-style: disc;} article ol {list-style: decimal;}
li > ul, li > ol {margin-bottom: 0;margin-left: 1.5em;}


/* Liens, boutons, et formulaires
--------------------------------------------- */

a {background-color: transparent; transition: ease all 0.25s; color: var(--text-color);}
a:not(.btn) {text-decoration: underline dotted 1px var(--text-color);}

a.btn, button, input[type="button"],input[type="reset"], input[type="submit"] {display: inline-table;text-decoration: none; padding: var(--padding-btn); cursor: pointer; transition: ease all 0.25s; border-radius: 3px; font-weight: bold; font-size: 120%}
a.btn:hover {text-decoration: none;}

a:visited {color: inherit;}
a:hover,a:focus,a:active {color: var(--primary-color);text-decoration: underline 1px solid;}

a:focus {outline: 2px dotted;}
a:hover,a:active {outline: 0;}

button,input,optgroup,select,textarea {margin: 0;}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%;padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}

form.wpcf7-form {max-width: 800px;} form.wpcf7-form label, form.wpcf7-form span:not(.wpcf7-list-item-label) {display: block;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], textarea {width: 100%;}

[type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0; width: 22px;height: 22px;vertical-align: middle;margin-right: 4px;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}


/* Elements
--------------------------------------------- */

img {border-style: none;height: auto;max-width: 100%;}

details {display: block;}
summary {display: list-item;}
template, [hidden] {display: none;}
dfn,cite,em,i {font-style: italic;}
blockquote {margin:20px auto 20px 30px;border-left:1px solid #000;padding-left:20px}
address {margin: 0 auto; font-style: normal;}
pre {background: #eee;font-family: "Courier 10 Pitch", courier, monospace;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code,kbd,tt,var {font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}

abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
mark,ins {background: #fff9c0;text-decoration: none;}
big {font-size: 125%;}

dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}

embed,iframe,object {max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em;width: 100%; border: 1px solid #000; border-collapse: collapse;}
table td, table th {border: 1px solid #000;}

/* Forms
--------------------------------------------- */

button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,
input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],
input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],
input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"], textarea {
	color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 8px 20px;
}

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="range"]: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,
textarea:focus {color: #111;} input[type="button"] {min-width: 200px;}
span.wpcf7-list-item-label {vertical-align: middle;}

select {border: 1px solid #ccc;}
textarea {width: 100%;}

/* Navigation
--------------------------------------------- */

.main-navigation {display: block;width: 100%;}

.main-navigation ul {
	display: flex;
}

.main-navigation ul ul {
	display: none;
}

.main-navigation li {position: relative;}
.main-navigation a {display: block;text-decoration: none;}

.site-main .comment-navigation,.site-main.posts-navigation,.site-main.post-navigation {margin: 0 0 1.5em;}
.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links {display: flex;}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {flex: 1 0 50%;}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {text-align: end;flex: 1 0 50%;}

/* Posts and pages
--------------------------------------------- */

.sticky {display: block;}
.updated:not(.published) {display: none;}
.post,.page,.page-content,.entry-content,.entry-summary {margin:0}
.page-links {clear: both;margin: 0 0 1.5em;}
article footer.entry-footer {color: var(--secondary-color);text-transform: uppercase;font-weight: 600;margin-top: 3em;}
ul.entry-meta {list-style: none; margin:0;padding: 0;}
ul.entry-meta li {display: inline-block;} ul.entry-meta a {text-decoration: none;}
ul#liste-tags {margin: 0 0 0 6px;list-style: none;padding: 0;display: inline-flex;column-gap: 6px; row-gap: 6px;flex-wrap: wrap;}
ul#liste-tags li a {background-color: var(--secondary-color);border-radius: 3px;padding: 2px 8px;display: block;text-transform: lowercase;text-decoration: none;color: white;}
ul#liste-tags li a:hover, ul#liste-tags li a:focus {background-color: black;}

ul#related-posts-list {margin: 3em auto 0; text-align: left; list-style: none;}
section#related-posts {text-align: center;padding: 30px 0px 50px;margin: 50px auto;}

section#main-blog, section#main-archives, ul#related-posts-list {display: grid; column-gap: 2em; row-gap: 2em;}
img.wp-post-image {border-radius: 3px;} .entry-title a {text-decoration: none; word-break: break-word;}

a.post-thumbnail {aspect-ratio: 21/9;background-color: #e3e3e3;display: block; border-radius: 3px; overflow: hidden; margin-bottom: 1em;}

article:not(.is-singular) img.wp-post-image {width: 100%;aspect-ratio: 21/9;object-fit: cover; display: block;}
article.is-singular img.wp-post-image {background-color: #eee;float: left;margin: 0 1em 1em 0;}

nav.navigation {margin-top: 2em; clear: both;}
nav.pagination {margin-bottom: 2em; clear: both;}
nav.navigation:after {clear: both;content: '';display: table;}
.nav-links {border-top: 1px solid lightgrey;padding-top: 2em;}
.nav-links a {text-decoration: none;}
ul.page-numbers {display: flex;flex-wrap: wrap;column-gap: 10px; margin-left: -9px;}
a.page-numbers {padding: 4px 9px;font-size: 120%; opacity: 0.55;} span.page-numbers {font-size: 120%; padding: 4px 9px;}
a.page-numbers:hover {opacity: 1; color: var(--text-color);} ul.page-numbers svg {vertical-align: text-bottom;}

span.nav-subtitle {display: block;text-transform: uppercase;color: var(--secondary-color);font-weight: 600;font-size: 80%;}

div#comments {text-align: center; margin-bottom: 5em;}
ol.comment-list, ol.children {display: flex; flex-wrap: wrap; row-gap: 12px; margin-top: 12px; margin-bottom: 12px;}
ol.comment-list li, ol.children li {flex: 100%;max-width: 100%;}
ol.comment-list article {border: 1px solid rgb(229, 231, 235);border-radius: 3px;text-align: left;padding: 1.5em;}
a.comment-reply-link {text-decoration: none;background-color: #e5e7eb;padding: 8px 10px;border-radius: 50px;font-size: 80%;}
a.comment-reply-link:hover {background-color: var(--text-color);color: white;}

a.comment-reply-link:before {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iMTYiIGhlaWdodD0iMTYiCnZpZXdCb3g9IjAgMCAxNiAxNiIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDUuNTMxMjUgMS4wMjM0MzggTCAyLjA1NDY4OCA0LjUgTCA1LjUzMTI1IDcuOTc2NTYzIEwgNi4yNDIxODggNy4yNzM0MzggTCAzLjk2ODc1IDUgTCA1LjEwOTM3NSA1IEMgOS40Njg3NSA1IDEyLjk5MjE4OCA4LjUyNzM0NCAxMi45OTIxODggMTIuODg2NzE5IEwgMTIuOTkyMTg4IDE0IEwgMTMuOTkyMTg4IDE0IEwgMTMuOTkyMTg4IDEyLjg4NjcxOSBDIDEzLjk5MjE4OCA3Ljk4NDM3NSAxMC4wMDc4MTMgNCA1LjEwOTM3NSA0IEwgMy45Njg3NSA0IEwgNi4yNDIxODggMS43MjY1NjMgWiBNIDMuNDkyMTg4IDQuNDc2NTYzIEwgMy40OTIxODggNC41MjM0MzggTCAzLjQ2ODc1IDQuNSBaIj48L3BhdGg+PC9zdmc+');
    height: 20px;width: 20px;display: inline-block;margin-right: 6px;vertical-align: middle;transition: ease all 0.3s;
}

a.comment-reply-link:hover:before {filter: invert(100%);}
span.edit-link {display: none; pointer-events: none;}
.comment-metadata a {pointer-events: none;text-decoration: none;}
footer.comment-meta {display: flex;flex-wrap: wrap;}
.comment-author.vcard:after {content: '•';margin: 0 4px 0 2px;}

@media screen and (max-width: 576px) {.nav-previous {margin-bottom: 1em;}}

@media screen and (min-width: 576px) {
	.nav-previous {float: left;} .nav-next {float: right; text-align: right;}
	.nav-previous, .nav-next {width: calc(100% / 2);}
	ul#liste-tags li a, article footer.entry-footer {font-size: 80%;} ul#liste-tags {vertical-align: top;}
}

@media screen and (min-width: 768px) {
	section#main-blog, section#main-archives, ul#related-posts-list {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (min-width: 992px) {
	ul#related-posts-list {grid-template-columns: repeat(3, 1fr);}
}

/* Comments
--------------------------------------------- */
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}

/* Widgets
--------------------------------------------- */
.widget {margin: 0 auto;}
.widget select {max-width: 100%;}

/* Captions
--------------------------------------------- */
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;font-style: italic;font-size: 90%;}
.wp-caption-text {text-align: center;}

/* Galleries
--------------------------------------------- */

.gallery {margin-bottom: 1.5em;display: grid;grid-gap: 1.5em;}
.gallery-item {display: inline-block;text-align: center;width: 100%;}
.gallery-columns-2 {grid-template-columns: repeat(2, 1fr);}.gallery-columns-3 {grid-template-columns: repeat(3, 1fr);}
.gallery-columns-4 {grid-template-columns: repeat(4, 1fr);}.gallery-columns-5 {grid-template-columns: repeat(5, 1fr);}
.gallery-columns-6 {grid-template-columns: repeat(6, 1fr);}.gallery-columns-7 {grid-template-columns: repeat(7, 1fr);}
.gallery-columns-8 {grid-template-columns: repeat(8, 1fr);}.gallery-columns-9 {grid-template-columns: repeat(9, 1fr);}
.gallery-caption {display: block;}

/* Accessibility
--------------------------------------------- */

a.skip-link {text-align: center; width: 100%; background-color: var(--primary-color); color: white; text-decoration: none;padding: 6px 0px;position: absolute;top: -50px;left: 0;right: 0;transition: ease all 0.2s;}
a.skip-link:focus {top: 0px;z-index: 999;}

.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}
#primary[tabindex="-1"]:focus {outline: 0;}

/* Alignments
--------------------------------------------- */

.alignleft {float: left;margin-right: 1.5em;margin-bottom: 1.5em;}
.alignright {float: right;margin-left: 1.5em;margin-bottom: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom: 1.5em;}
figure:after {content: '';display: block;clear: both;
}

/* Container, Copyright, Back to Top, Modal
--------------------------------------------- */

.container{max-width:100%;margin-right:auto;margin-left:auto}
.copyright {text-align: center;}
button#back-to-top {position: fixed;right: 0.5em;bottom: 0.5em;background-color: var(--primary-color);border: none;padding: 6px 4px;width: 32px;height: 32px;fill: #FFF;}
button#back-to-top:hover {background-color: #000;}
button#back-to-top svg {width: 14px;height: 14px;}

@media screen and (max-width: 768px) {
	button#back-to-top {display: none; visibility: hidden;}
}

/* RGPD
--------------------------------------------- */

div.seopress-user-message{display:block;position:fixed;bottom:0;left:0;right:0;z-index:9;background-color:#fff;text-align:center;padding:12px 20px 0;border:1px solid var(--primary-color); border-radius: 2px;}.seopress-user-message a{display:block}button#seopress-user-consent-accept{width:70%;background-color:var(--primary-color);border:2px solid var(--primary-color);color:#fff}button#seopress-user-consent-close{width:28%;border-color:transparent;font-family:sans-serif}.seopress-user-message button{padding:10px;cursor:pointer}div.seopress-user-consent-hide{display:none}.seopress-user-consent.seopress-edit-choice p{margin:0 auto}.seopress-edit-choice button{background:0 0;border:none;padding:0;text-decoration:underline;text-align:center;display:block;width:100%}@media screen and (min-width:576px){div.seopress-user-message{right:auto;width:400px}.seopress-edit-choice button{width:40px;height:40px;background:#e3e3e3;position:fixed;left:10px;bottom:10px;font-size:0;cursor:pointer;z-index: 8;}}


/* Modal pop-up
--------------------------------------------- */

div#background-modal {
    position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 12;background-color: rgba(0,0,0,0.3);
    display: flex;flex-wrap: wrap;justify-content: center;align-content: center;
}

div#modal-popup {background-color: white;box-shadow: 3px 3px 30px rgb(0 0 0 / 10%); border-radius: 3px;cursor: initial;}
div.contenu-modal {padding: 20px;overflow-y: auto; position: relative; max-width: 800px;}
div.contenu-modal strong {color: var(--primary-color);}
button#closeModal {background: none;border: none;padding: 0;line-height: 1;position: absolute;right: 4px;top: 4px;}

@media screen and (min-width: 850px) {
    div.contenu-modal {width: 40vw;}
}

@media screen and (max-width: 850px) {
    div#background-modal {padding: 4%;}
    div#modal-popup {width: 100%;max-height: 70vh;}
}