:root {
    --primary: #000;
    --secondary: #000;
    --accent: #000;
    --tertiary: #000;
    --font-main: #000;
    --highlight: #000;
    --dividers: #000;
    --muted: #eee;
    --wp--preset--font-size--large: 2.1rem !important;
}

.wp-block
    .wp-block[data-type="core/group"]:not([data-align="full"]):not(
        [data-align="wide"]
    ):not([data-align="left"]):not([data-align="right"]),
.wp-block
    .wp-block[data-type="core/cover"]:not([data-align="full"]):not(
        [data-align="wide"]
    ):not([data-align="left"]):not([data-align="right"]),
.wp-block {
    max-width: 100%;
}

.editor-styles-wrapper {
    --wp--style--global--wide-size: 1200px !important;
    color: var(--font-main);
}

:where(.editor-styles-wrapper) h1,
:where(.editor-styles-wrapper) h2,
:where(.editor-styles-wrapper) h3,
:where(.editor-styles-wrapper) h4,
:where(.editor-styles-wrapper) h5,
:where(.editor-styles-wrapper) h6 {
    color: var(--primary);
}

.editor-styles-wrapper .wp-block-group .wp-block-group.alignwide,
.editor-styles-wrapper
    .edit-post-visual-editor__post-title-wrapper
    > .alignwide,
.editor-styles-wrapper
    .block-editor-block-list__layout.is-root-container
    > .alignwide {
    max-width: var(--wp--style--global--wide-size) !important;
}

.editor-styles-wrapper {
    background-color: white;
}

.editor-styles-wrapper .has-base-font-size {
    font-size: 18px !important;
}

.editor-styles-wrapper .has-large-font-size {
    font-size: 21px !important;
}

.editor-styles-wrapper p,
.editor-styles-wrapper ol,
.editor-styles-wrapper ul,
.editor-styles-wrapper dl,
.editor-styles-wrapper dt {
    font-family: sans-serif;
}

:root .editor-styles-wrapper .wp-block-button__link,
:root .editor-styles-wrapper .wp-block-file__button {
    background-color: var(--secondary);
}

.editor-styles-wrapper .wp-block-button__link,
.editor-styles-wrapper .wp-block-file__button,
.editor-styles-wrapper .editor-block-list__layout a {
    color: var(--secondary);
}

.editor-styles-wrapper .wp-block-button__link,
.editor-styles-wrapper .wp-block-file__button {
    border-radius: 8px;
    border: solid 1px var(--secondary);
    background-color: white;
    padding: 10px 30px;
}

.wp-core-ui .button-primary {
    color: white !important;
}

/* prevent white text on white bg */
.edit-post-visual-editor .editor-styles-wrapper .has-white-color {
    color: #ccc !important;
}

.has-large-font-size a {
    font-size: 24px;
}

.is-style-is-card-carousel .block-editor-block-list__block,
.is-style-is-basic-carousel .block-editor-block-list__block {
    display: flex;
    overflow-x: auto;
}

.is-style-is-basic-carousel .wp-block-post {
    min-width: 10rem;
}

.is-style-is-card-carousel .wp-block-post {
    min-width: 20rem;
}

.editor-styles-wrapper a {
    color: var(--accent);
}

.is-style-is-card-carousel .block-editor-block-list__block .wp-block-group {
    display: flex;
    flex-direction: column;
}

.is-style-is-card-carousel .is-style-drop-shadow {
    background-color: #fff;
    border-radius: 1.6rem;
}

.block-editor-block-list__block {
    overflow: hidden;
}

.is-style-graphic-in-corner {
    position: relative;
    overflow: hidden;
}

.is-style-graphic-in-corner::before {
    content: "";
    position: absolute;
    max-width: 9rem;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("/wp-content/themes/mg-starter/images/corner-grahic-1.svg");
    background-repeat: no-repeat;
}

.is-style-graphic-in-corner::after {
    content: "";
    position: absolute;
    max-height: 14rem;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 33%;
    background-image: url("/wp-content/themes/mg-starter/images/corner-grahic-2.svg");
    background-repeat: no-repeat;
}

.is-style-content-border-image {
    z-index: 10;
    position: relative;
}