/*!
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 optimimum pour vos utilisateurs et votre SEO.
Version: 3.0.0
Text Domain: antigone
Tags: Prêt à traduire, Sur-mesure, Performant, Compatible WooCommerce, Rapide, Haut-de-gamme
*/

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

*,::after,::before{box-sizing:inherit}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%}
body {margin: 0;max-width:100%;width:100%;overflow-x:hidden;line-height: 1.5;color: var(--text-color); font-family: 'Noto Sans', sans-serif;}

@media screen and (min-width:576px){body{font-size:1.6rem}}@media screen and (max-width:576px){body{font-size:1.3rem}}img{border-style:none;height:auto;max-width:100%}

.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;}h1{font-size:var(--h1-size);}h2{font-size:var(--h2-size)}h3{font-size: var(--h3-size);}p{margin:0 auto 1.5em}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}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:1.2rem}sub,sup{font-size:1.2rem;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}cite,dfn,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}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}

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

a:not(:focus-within, :focus, :focus-visible) {background-color: transparent;transition: ease all 0.25s;}

a:hover {
	color: var(--secondary-color);
	text-decoration: underline 1px dotted currentColor;
}


a:active,a:hover{outline:0}a:-webkit-any-link:focus-visible {outline-offset: 0px;} a:focus, a:focus-visible {outline: 2px dotted var(--primary-color); text-decoration-skip-ink: none;}main a:focus{background-color: var(--secondary-color); outline-color: transparent; text-decoration: underline 1px dotted currentColor; }a:focus:not(:focus-visible) {outline: none; background-color: transparent;}

a.btn button, input[type="button"],
input[type="reset"], input[type="submit"] {
	border: 1px solid transparent;
	background: black;
	color: white;
	line-height: 1;
	padding: var(--padding-btn);
	min-width: 180px;
	cursor: pointer;
	transition: ease all 0.25s;
}

a.btn:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {outline-offset: -4px;outline: 2px dotted white;}
a.btn:focus:not(:focus-visible), button:focus:not(:focus-visible), input[type="button"]:focus:not(:focus-visible), input[type="reset"]:focus:not(:focus-visible), input[type="submit"]:focus:not(:focus-visible) {outline: none;}


input:not([type="submit"]):focus, textarea:focus {outline-offset: -4px;outline: 2px dotted black;}
input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:12px 10px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}div.wpcf7{max-width:750px}.wpcf7-form-control-wrap,div.wpcf7 input[type=email],div.wpcf7 input[type=tel],div.wpcf7 input[type=text],div.wpcf7 label{width:100%}


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

hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 auto;list-style:none}article ol,article ul{margin-left:20px;list-style:initial}article ol {list-style:decimal;}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}embed,iframe,object{max-width:100%}figure{margin:1em 0}table:not(.variations){margin:0 0 1.5em;width:100%;border:1px solid #ededed;border-collapse:collapse}table:not(.variations) td,table:not(.variations) th{border:1px solid #ededed}

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

.main-navigation {display: block;width: 100%;}.main-navigation ul {list-style: none;padding-left: 0;}

.main-navigation ul ul {
	border:  1px solid black;
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul {left: auto;}
.main-navigation li {position: relative;}

.main-navigation ul li.page_item_has_children > a:after {
    content: url('/wp-content/themes/antigone/assets/icons/antigone-icone-down-triangle.svg');
    margin: 0 6px;
}

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

.site-main .comment-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, Comments, Widgets, Captions
---------------------------------------------------- */

.sticky{display:block}.updated:not(.published){display:none}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.widget select{max-width:100%}.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:.8075em 0}.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
--------------------------------------------- */

.screen-reader-text{text-align: center;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.screen-reader-text:focus{color: white;position: static;background-color:var(--primary-color);clip:auto!important;clip-path:none;color:white;display:block;font-size:1.6rem;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:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.aligncenter{clear:both;display:block;margin:0 auto 20px}@media screen and (min-width:992px){.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}}@media screen and (max-width:992px){.align-center,.align-left,.align-right{text-align:center}}

/* Page 404
--------------------------------------------- */

section.error-404.not-found {text-align:center;margin:80px auto;}

/* CSS flex grid
--------------------------------------------- */

.container{max-width:100%;margin-right:auto;margin-left:auto}

/* 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;}button#seopress-user-consent-edit:after{content:url(/wp-content/themes/antigone/assets/icons/antigone-icone-cookie.svg)}}

/* Others
--------------------------------------------- */

span.edit-link, p.comment-form-url {display: none;}
footer.comment-meta a {text-decoration: none;pointer-events: none;color: inherit;}
ol.comment-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 10px;
    row-gap: 20px;
    margin-bottom:  50px;
}

li.comment.parent {
    flex: 100%;
}

ol.children {
    padding: 0;
    list-style: none;
}

ol.children li {
    margin-top: 30px;
    border: grey 1px solid;
}

ol.comment-list li {border: 1px solid #eeeeee;padding: 12px;border-radius: 3px; flex: 100%;}
.comment-form > p label, .comment-form > p input[type=email], .comment-form > p input[type=text], .comment-form > p input[type=url], .comment-form > p textarea {display: block;width: 100%;}
.comment-form{display:flex;flex-wrap:wrap}.comment-form>*{flex-basis:100%}.comment-form .comment-form-comment,.comment-form .comment-form-url{width:100%}@media screen and (min-width:576px){.comment-form>p.comment-form-author{margin-right:20px}.comment-form .comment-form-author,.comment-form .comment-form-email{flex-basis:0;flex-grow:1}}
.comment-form > p.comment-form-cookies-consent label {display: inline;margin-left: 6px;font-size: 14px;vertical-align: top;}
input#wp-comment-cookies-consent {width: 20px;height: 20px;}
h1.entry-title, h3.entry-title {margin: 0 auto;}


section#main-blog, section#related-post, section#main-archives {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 40px;
}

body.single-post .entry-meta {
    margin-bottom: 30px;
}

nav.navigation.posts-navigation {
    flex: 100%;
    margin: 50px auto;
}

section#related-post h2, section#main-archives header.page-header {
	flex: 100%;
	margin-bottom: -20px;
}

section#main-blog article, section#related-post article, section#main-archives article{
    flex: 100%;
    max-width: 100%;
}

a.post-thumbnail img, section#related-post article img, section#main-archives img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top;
}

div.post-thumbnail img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: top;
}

span.nav-subtitle {
    display: block;
    text-transform: uppercase;
    font-size: 1.1rem;
}

div.nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
    column-gap: 50px;
}

nav.navigation.first div.nav-links {
    justify-content: flex-end;
}

nav.navigation.last div.nav-links {
    justify-content: flex-start;
}

.nav-links div {
    margin-bottom: 20px;
}

.nav-links a {
    text-decoration: none;
    color: inherit;
}

@media screen and (min-width: 768px) {
	section#main-blog article, section#main-archives article {
	    flex: calc(50% - 20px);
	    max-width: calc(50% - 20px);
	}

	.nav-next {
	    text-align: right;
	}

	section#related-post article {
		flex: calc(33.333% - 20px);
		max-width: calc(33.333% - 20px);
	}

	ol.comment-list li {
	    flex: calc(50% - 10px);
	    max-width: 100%;
	}
}

footer.entry-footer {
    margin-top: 50px;
}

span.tags-links {
    display: block;
}

span.tags-links a {
	display: inline-block;
    border: 1px solid grey;
    text-decoration: none;
    padding: 4px 10px;
    color: grey;
    margin-bottom: 5px;
}

span.tags-links a:hover, span.tags-links a:focus {
	background-color: #eee;
}

.entry-content:after {
    content: '';
    display: table;
    clear: both;
}

.comment-metadata {
	font-size: 1.1rem;
	color: grey;
	margin-bottom: 12px;
	text-transform: uppercase;
}

div#comments {
    margin: 80px auto 50px;
}

button#back-to-top {
    background-color: var(--primary-color);
    fill: white;
    border: none;
    width: 30px;
    height: 30px;
    position: fixed;
    bottom: 8px;
    right: 8px;
    padding-top: 4px;
    text-align: center;
}

button#back-to-top svg {
    width: 18px;
    height: 18px;
}

.copyright a {
    color: inherit;
    text-decoration-style: dotted;
}

/* 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;
    max-width: 800px;
    box-shadow: 3px 3px 30px rgb(0 0 0 / 10%);
    border-radius: 3px;
    cursor: initial;
}

div.contenu-modal {
    padding: 20px;
    overflow-y: auto;
}

div.contenu-modal strong {
    color: var(--primary-color);
}

span.close-modal {
    display: block;
    text-align: center;
    background-color: var(--primary-color);
    font-size: 16px;
    padding: 6px 0px;
    color: white;
}

@media screen and (max-width: 850px) {

    div#background-modal {
        padding: 4%;
    }

    div#modal-popup {
        width: 100%;
        max-height: 70vh;
    }
}