/* STRUCTURAL */
body{
    margin: 0;
}



h1{
    font-size: 60px;
    font-weight: 900;
}
h2{
    font-size: 52px;
    font-weight: 900;
}
h3{
    font-size: 44px;
    font-weight: 900;
}
h4{
    font-size: 36px;
    font-weight: 900;
}
h5{
    font-size: 28px;
    font-weight: 900;
}
h6{
    font-size: 20px;
    font-weight: 900;
}


h1,h2,h3,h4,h5,h6{
    font-family: var(--font-headings);
    letter-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 0.25em;
    margin-top: 0;
}

br{
    display: inline-flex;
}
b{
    font-weight: bold;
}
i{
    font-style: italic;
}
a,
li,
p{
    font-family: var(--font-text);
    line-height: 1.4;
    letter-spacing: 1px;
    margin-bottom: 1em; 
    font-weight: 300;
}


h1:not(:first-child),
h2:not(:first-child),
h3:not(:first-child),
h4:not(:first-child),
h5:not(:first-child),
h6:not(:first-child){
    margin-top: 2em;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child{
    margin-bottom: 0;
}


/* CONTENTEDITABLE */
body.logged-in img[contenteditable],
body.logged-in *[contenteditable]{
    border: 2px dashed var(--inactive);
}
/* body.logged-in img:focus,
body.logged-in img:hover,
body.logged-in img:focus-visible,
body.logged-in img:active,
body.logged-in *[contenteditable]:focus,
body.logged-in *[contenteditable]:hover,
body.logged-in *[contenteditable]:focus-visible,
body.logged-in *[contenteditable]:active{
    z-index: 3;
    padding: 1rem;
    border: 2px dashed var(--active);
    outline: unset;
} */
button,
button a{
    color: var(--black);
    text-decoration: unset;
    font-family: var(--black);
    display: flex;
    margin-bottom: 0;
}
button a{
    padding: 12px 16px;
}

a:visited{
    color: var(--black);
}


.error-message {
    color: var(--alert);
    font-size: 0.875rem;
    margin-top: 0.5rem;
}



/* MEADIQ QUERIES */
@media screen and (max-width: 600px) {
    /* SECTIONS */
    .section-wrapper{
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;  
    }
}