@import url('./header.css');
@import url('./front-page.css');
@import url('./carousel.css');
@import url('./footer.css');
@import url('./fonts.css');
@import url('./page.css');

:root {
    --red: #E42147;
    --blue: #1B29C5;
    --green: #88AA93;
    --purple: #31013A;
    --dark-sand: #FFF3D6;
    --light-sand: #FFF9EB;
    --ice-blue: #EBFBFF;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:inherit;
    font-family:inherit;
    vertical-align:baseline;
}

article {
    border: black;

}

article p {
    /*line-height: 1rem;*/
    line-height: 2.5rem;
    text-align: justify;
    margin-block: 1em;
}

html{
    scroll-behavior:smooth;
}

body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
    max-width: 100%;
    font-family: var(--font-primary);
    font-size: var(--font-size-base);
    line-height: var(--line-height-normal);
    font-weight: var(--font-weight-medium);
}

a{
    text-decoration-skip-ink:auto;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

button{
    outline:0;
}

ol,ul{
    list-style:none;
}

blockquote,q{
    quotes:none;
}

blockquote::before,blockquote::after,q::before,q::after{
    content:'';
    content:none;
}

q{
    display:inline;
    font-style:italic;
}

q::before{
    content:'"';
    font-style:normal;
}

q::after{
    content:'"';
    font-style:normal;
}

textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{
    appearance:none;
    border-radius:0;
}

input[type="search"]{
    appearance:textfield;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

th,td{
    padding:2px;
}

big{
    font-size:120%;
}

small,sup,sub{
    font-size:80%;
}

sup{
    vertical-align:super;
}

sub{
    vertical-align:sub;
}

dd{
    margin-left:20px;
}

kbd,tt{
    font-family:courier;
    font-size:12px;
}

ins{
    text-decoration:underline;
}

del,strike,s{
    text-decoration:line-through;
}

dt{
    font-weight:bold;
}

address,cite,var{
    font-style:italic;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
}

*{
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent;
}

.sticky{
}

.bypostauthor{
}

.wp-caption{
}

.wp-caption-text{
}

.gallery-caption{
}

.alignright{
}

.alignleft{
}

.aligncenter{
}

.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;
    overflow-wrap:normal!important;
    word-break:normal;
}

.screen-reader-text:focus{
    background-color:#f7f7f7;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgb(0 0 0 / 60%);
    clip:auto!important;
    clip-path:none;
    color:#007acc;
    display:block;
    font-size:14px;
    font-size:.875rem;
    font-weight:700;
    height:auto;
    right:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000;
}

.skip-link{
    left:-9999rem;
    top:2.5rem;
    z-index:999999999;
    text-decoration:underline;
}

.skip-link:focus{
    display:block;
    left:6px;
    top:7px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    line-height:normal;
    padding:15px 23px 14px;
    z-index:100000;
    right:auto;
}

.visually-hidden:not(:focus, :active), .form-allowed-tags:not(:focus, :active){
    position:absolute !important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px, 1px, 1px, 1px);
    white-space:nowrap;
}

/* custom config */
.hidden {
    display: none;
}

h1, h2, h3, h5, h6 {
    font-family: var(--font-primary);
}

h1, h2, h3, h4, h5, h6 {
    line-height: var(--line-height-tight);
}

h1 {
    font-size: var(--font-size-3xl);
    letter-spacing: var(--letter-spacing-tight);
}

h2 {
    font-size: var(--font-size-2xl);
}

h3 {
    font-size: var(--font-size-xl);
}

/*TODO: supprimer h4 (pas utilisé, remplacer par h5)*/
h4 {
    font-family: var(--font-third);
    font-size: var(--font-size-lg);
}

h5 {
    font-family: var(--font-primary);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
}
/*TODO: supprimer h6*/
h6 {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-wide);
}

p {
    margin-bottom: 1.5rem;
}

section {
    background-color: white;
    opacity: 1;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

.main-content {
    margin-left: 70px;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
}

/* Editor from old specto
body:not(#tinymce).editor_tpl_classic{
    background-color: #fff;
}

html.interface-interface-skeleton__html-container{
    font-size: 62.5%;
}

.block-editor-writing-flow{
    font-size: 1.6rem;
    background-color: #fff;
    padding-bottom: 2rem;
}

.sp-button{
    line-height: auto;
}

.editor-post-title .editor-post-title__input::-webkit-input-placeholder {
color: #959595;
}
.editor-post-title .editor-post-title__input::-moz-placeholder {
    color: #959595;
}
.editor-post-title .editor-post-title__input:-ms-input-placeholder {
    color: #959595;
}
.editor-post-title .editor-post-title__input:-moz-placeholder {
    color: #959595;
}
*/
/*reset from old specto
html,body:not(#tinymce){
    margin: 0;
    padding: 0;
}

html{
    font-size: 62.5%;
}

body{
    font-size: 1.6rem;
}

figure{
    margin: 0;
}

.wp-block-image{
    margin-bottom: 0;
}

blockquote p,
blockquote{
    margin: 0;
}

*/
@media (width <= 900px) {
    .main-content {
        margin-left: 0;
        width: 100%;
        margin-right: 0;
        padding-right: 0;
    }

    h1 {
        font-size: var(--font-size-2xl);
    }

    h2 {
        font-size: var(--font-size-xl);
    }

    h3 {
        font-size: var(--font-size-base);
    }

    h4 {
        font-family: var(--font-primary);
        font-weight: var(--font-weight-semibold);
        font-size: var(--font-size-base);
        text-transform: uppercase;
    }
}