:root {
    --primary: #00609c;
    --primary-alt: #1fa18d;
    --secondary: #fdc52a;
    --tertiary: #6c9a2f;
    --accent: #f38935;
    --font-main: #252525;
    --highlight: #d6efff;
    --dividers: #252525;
    --muted: #fffcf3;
}

.editor-styles-wrapper {
    --wp--preset--font-size--small: 16px !important;
    --wp--preset--font-size--base: 18px !important;
    --wp--preset--font-size--large: 20px !important;
    --wp--preset--font-size--extra-large: 24px !important;
    --wp--preset--font-size--extra-large: 24px !important;
    --wp--preset--font-size--extra-large-2: 36px !important;
}

body {
    --wp--preset--font-size--small: 1.6rem !important;
    --wp--preset--font-size--base: 1.8rem !important;
    --wp--preset--font-size--large: 2rem !important;
    --wp--preset--font-size--extra-large: 2.4rem !important;
    --wp--preset--font-size--extra-large-2: 3.6rem !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(--font-main);
}

.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
    .block-editor-block-list__layout.wp-block-group.has-secondary-background-color {
    color: var(--font-main);
}

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

.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;
}

.wp-block-heading[style*="font-size: 1.6rem"],
.wp-block-paragraph[style*="font-size: 1.6rem"] {
    font-size: 16px !important;
}

.wp-block-heading[style*="font-weight:600"] {
    font-variation-settings: "wdth" 80, "wght" 600;
}

.editor-styles-wrapper :where(body .is-layout-flow) > * {
    margin-top: 1.5rem !important;
}

.editor-styles-wrapper .is-style-image-swimlane {
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: 37%;
}

.editor-styles-wrapper .is-style-image-swimlane::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: inherit;
    opacity: 0.9;
}

.edit-post-visual-editor .editor-styles-wrapper .has-white-color {
    color: #fff !important;
}

.editor-styles-wrapper .is-style-category-box .wp-block-cover {
    height: 21.3rem;
    min-height: auto;
}

.editor-styles-wrapper
    .is-style-category-box
    .wp-block-cover
    .has-background-dim {
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.3) 0%,
        rgba(0, 0, 0, 0.3) 100%
    ) !important;
}

.editor-styles-wrapper .is-style-mg-list-content > ol {
    margin: 0 !important;
}
.editor-styles-wrapper .is-style-mg-list-content > ol > li {
    margin-left: 0;
}

.editor-styles-wrapper .is-style-mg-list-content li div {
    display: inline;
}

.editor-styles-wrapper .is-style-mg-list-content li {
    margin-left: 10px;
}

/** Temporary fix of pop-up not overlaping on parent container causing difficult to select text url's **/
.components-resizable-box__container.editor-resizable-editor {
    position: unset !important;
}

.editor-styles-wrapper .select2-container--default .select2-results__group {
    font-size: 16px !important;
}

.editor-styles-wrapper .select2-results__option,
.editor-styles-wrapper .select2-container--default .select2-selection--single {
    font-size: 14px !important;
}

.editor-styles-wrapper
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-top: 0;
    padding-bottom: 0;
}
