/**
* Global editor styles
*/

:root {
    --editor-border-color: rgba(255, 150, 60, 1);
    --editor-background-color: rgba(0, 0, 0, 0.025);
    --editor-padding: 20px;
}

.editor-post-title,
.editor-post-title__input {
    font-size: 1.5em !important;
}

.wp-block-engineering-featured-news,
.wp-block-engineering-featured-content,
.wp-block-engineering-news,
.wp-block-engineering-eng-cta,
.wp-block-engineering-events,
.wp-block-engineering-facts,
.wp-block-engineering-faq,
.wp-block-engineering-key-contact,
.wp-block-engineering-lede,
.wp-block-engineering-notes,
.wp-block-engineering-program-information,
.wp-block-engineering-person {
    /* background-color: var(--editor-background-color); */
    margin-bottom: 20px;
}

.block-editor-rich-text__editable,
.components-circular-option-picker,
.components-base-control__field,
.block-editor-inner-blocks {
    /* padding: var(--editor-padding); */
}

.components-flex-container {
    display: flex;
    padding-bottom: 0.5rem;

    &__add-cta {
        padding-top: 0.5rem;
    }

    &__right {
        justify-content: flex-end;
    }

    &__left {
        justify-content: flex-start;
    }
}

.editor-styles-wrapper [type="checkbox"]:checked {
    background-image: none !important;
}

.components-form-token-field__suggestions-list {
    padding-left: 0px !important;
}

.wp-block-post-content.wp-block-post-content {
    -webkit-user-select: none;
    user-select: none;
    max-width: 620px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.engineering-block__content {
    background-color: var(--editor-background-color);
    border-top: 4px solid var(--editor-border-color);
    border-radius: 4px;
    padding: var(--editor-padding);

    h3 {
        margin-top: 0;
    }

    hr {
        margin: 2.5rem 0;
    }

    p {

        &[role="textbox"],
        &[role="document"] {
            background: white;
            border: 1px solid rgba(148, 148, 148, 1);
            border-radius: 2px;
            color: rgba(44, 51, 56, 1);
            font-size: 13px;
            padding: 8px 6px;
        }
    }
}

.contentOptionsTwoCol {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.contentOptionsThreeCol {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.contentOptionsTwoCol,
.contentOptionsThreeCol {
    p {
        margin-top: 0;
    }
}

/* RichText components*/
.block-editor-rich-text__editable {
    font-size: 0.9em;
    line-height: 1.5em !important;
    color: black !important;

    >a {
        text-decoration-thickness: 2px !important;
        text-decoration-line: underline !important;
        text-decoration-color: orange !important;
        text-underline-offset: 3px;
    }
}

/**
* Temporary fix for WP bug
*/
.editor-styles-wrapper [type="radio"] {
    height: 1.2rem !important;
    width: 1.2rem !important;
}

input.components-combobox-control__input[type="text"] {
    font-family: inherit;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    min-height: 30px;
    padding: 5px 2px;
    width: 100%;
}

.block-editor-block-list__block {
    /* padding: 1em 0em; */
}

.card-item {
    border: 1px #d5cece solid !important;
    padding: 1em !important;
    margin-bottom: 1em !important;
}

.featured-content-details {
    padding-top: 1em;
}

/**
* Global styles
**/

.newsletter-content {
    h3 {
        font-size: 1em !important;
    }

    h4 {
        font-size: 0.8em !important;
        margin-bottom: 0.3em !important;
    }

    p {
        font-size: 0.7em !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
    }

    a {
        color: #1055cc !important;
        text-decoration: none !important;
    }
}