.page {
    background-color: #eaeaea;
}

.site-footer .region {
    color: var(--color-title);
}

.region {
    background-color: #fff;
    padding: 0.25rem 1rem;
    border-radius: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: block;
    position: relative;
    min-height: 3rem;
}

.region--header {
    border-radius: 0;
    background: linear-gradient(160deg, #2494db 0%, #0d7ab8 78.66%);
}

.region--header .site-branding {
    background-image: none;
    background: transparent;
}

.region.region--content {
    border-radius: 1rem;
}

.region.region--content .component-builder-toolbar--component-block:last-of-type {
    margin-bottom: 0;
}

.region.region--content .component-builder-toolbar__region {
    box-shadow: none;
}

.region:not(.region--content) {
    display: block;
}

.region:not(.region--content).region--header {
    display: flex;
    align-items: center;
}

.region.region--social .rotate {
    top: 2rem;
}

.region.region-content {
    padding-bottom: 0.25rem;
}

.region >.region--footer_top__inner {
    margin-bottom: 0;
}

.block {
    background: #f0f0f0;
    border-radius: 1rem;
}

.block .feed-icon__label {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    color: #151d2e;
    font-family: "Inter";
}

.block-node-syndicate-block {
    margin-bottom: 0;
    border-radius: 0.5rem;
}

.block.block-system-branding-block {
    margin-top: 0;
}

.block[data-id="searchform_2"] {
    z-index: 999;
}

.block.block-node-syndicate-block {
    padding: 0.5rem 3rem 0.5rem 1.25rem;
    border: 2px solid #e5e5e5;
}

.block.block-system-main-block {
    background-color: #fff;
    margin: 0;
}

.block.block-system-main-block + .block {
    margin-top: 0;
}

.block:hover ,
.block:focus {
    background-color: #fff;
    border: 2px dashed var(--color-theme);
}

.block .text-content p, 
.block .cke_editable p {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.component-builder-toolbar__field {
    background-color: #fff;
}

.component-builder-toolbar__field .notice-text {
    display: block;
    margin-top: 0.75rem;
    font-weight: 700;
}

.component-builder-toolbar--component-block {
    background-color: #fff;
    border-radius: 8px;
    margin: 8px 8px;
    border: 2px solid #e5e5e5;
}

.component-builder-toolbar__wrapper-info ,
.component-builder-toolbar__block__title {
    font-weight: 700;
}

.component-builder-toolbar__wrapper-actions {
    position: absolute;
    top: 0.5rem;
    right: 0.625rem;
}

.component-builder-toolbar__block.focus {
    background-color: #fff;
    border: 2px dashed var(--color-theme);
}

.component-wrapper-sidebar-grid > .site-main {
    margin-bottom: 0.5rem;
}

.component-wrapper-sidebar-grid .component-builder-toolbar__wrapper-info {
    padding-right: 5.75rem;
}

.site-main {
    background-color: transparent;
    border-radius: 1rem;
    padding: 0;
    margin: 0;
}

.component-builder-toolbar--component-block {
    padding: 0.5rem 1.25rem;
    border: 2px solid #e5e5e5;
    border-radius: 8px;
    margin-bottom: 0.75rem;
    min-height: 3rem;
}

.site-main>.component-wrapper-sidebar-grid {
    margin-top: 0;
}

.social-bar,
.site-footer {
    margin-top: 2rem;
}

/* ------------- */
.region.region--hero > *:last-child {
    margin-bottom: 0.75rem;
}

.region>.component-builder-toolbar--component-block {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.preview .notice-text {
    display: none;
}

.component-builder-toolbar--component-block.shortable-ghost {
    outline: 2px dashed #2f91da;
    z-index: 1;
    opacity: 1;
}

.sortable-drag {
    opacity: 0;
}

.sortable-drag-host {
    background-color: #e8f4ff;
    border: 2px dashed #2a85d5;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 230px;
}
.vertical-tabs__menu-item.is-selected a{
    padding: 20px 13.5px;
}
.js-form-type-vertical-tabs .vertical-tabs{
    display: flex;
    flex-wrap: wrap;
}
.js-form-type-vertical-tabs .vertical-tabs .vertical-tabs__menu{
    border-right: 0;
}
.js-form-type-vertical-tabs .vertical-tabs__pane.olivero-details{
    border-left: 0;
}
@media (min-width: 699.98px){
    .vertical-tabs__panes{
        width: calc(100% - 12rem);
    }

    form.component-wrapper-toolbar-form-form > .form-wrapper.field--name-title >.form-item >input{
        max-width: calc(100% - 12rem);
    }
}
@media (max-width: 700px) {
    .vertical-tabs__panes{
        flex: 1;
    }
}

