:root {
    --school-bg-color: #F8F7F5;
    --school-body-font-color: #383f48;
    --school-body-font-family: Poppins, sans-serif;
    --school-body-font-size: 1rem;
    --school-body-max-width: 980px;
    --school-body-max-width-wide: 1200px;
    --school-body-max-width-full: none;
    --school-border-color: #e7e7e7;
    --school-button-bg-color: #a63a33;
    --school-button-bg-color-hover: #31373d;
    --school-button-color: #FFF;
    --school-head-font-family: CormorantGaramond, serif;
    --school-primary-color: #a63a33;
    --school-secondary-color: #383f48;
    --school-tertiary-color: #b8860a;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body:not(.wp-admin) {
    background-color: #FFF;
    color: var(--school-body-font-color);
    font-family: var(--school-body-font-family);
    font-size: var(--school-body-font-size);
    font-weight: 400;
}

a {
    color: inherit;
    outline: none;
    text-decoration: none;
}

button {
    cursor: pointer;
}

ol {
    /*margin: 0 auto;*/
    padding: 0 0 0 1em;
}

ul {
    list-style-type: none;
    /*margin: 0 auto;*/
    padding: 0 0 0 1em;
}

input, textarea, select {
    font: inherit;
    padding: .5em;
}

main a {
    color: var(--school-primary-color);
    text-decoration: underline;
}

main a:hover {
    text-decoration: none;
}


main ul,
.editor-styles-wrapper ul {
    list-style-type: disc;
}

main > * {
    max-width: var(--school-body-max-width);
}

main > .alignwide {
    max-width: var(--school-body-max-width-wide);
}

main > .alignfull {
    max-width: var(--school-body-max-width-full);
}

@media (min-width: 1024px){
    main > * {
        margin-inline: auto !important;
    }
}