.is-small-text {
    font-size: .875em
}

.is-regular-text {
    font-size: 1em
}

.is-large-text {
    font-size: 2.25em
}

.is-larger-text {
    font-size: 3em
}

.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 8.4em;
    font-style: normal;
    font-weight: 100;
    line-height: .68;
    margin: .05em .1em 0 0;
    text-transform: uppercase
}

body.rtl .has-drop-cap:not(:focus):first-letter {
    float: none;
    margin-left: .1em
}

p.has-drop-cap.has-background {
    overflow: hidden
}

:root :where(p.has-background) {
    padding: 1.25em 2.375em
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit
}

p.has-text-align-left[style*="writing-mode:vertical-lr"],
p.has-text-align-right[style*="writing-mode:vertical-rl"] {
    rotate: 180deg
}


.wp-block-navigation .wp-block-navigation-item__label {
    overflow-wrap: break-word
}

.wp-block-navigation .wp-block-navigation-item__description {
    display: none
}

.link-ui-tools {
    border-top: 1px solid #f0f0f0;
    padding: 8px
}

.link-ui-block-inserter {
    padding-top: 8px
}

.link-ui-block-inserter__back {
    margin-left: 8px;
    text-transform: uppercase
}
@media (max-width: 768px) {
    .accom-center {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0 auto;
    }
}
/*Modal*/
.modal-backdrop {
    background-color: #000;
    height: 100vh;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    transition: opacity .15s linear;
    width: 100vw;
    z-index: -5;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    text-align: center;
}

.modal-dialog {
    align-items: center;
    display: flex;
    margin: auto;
    max-width: 411px;
    min-height: calc(100% - 60px);
    padding: 30px 7px;
}

.modal-content {
    background-color: var(--wp--preset--color--base);
    padding: 15px;
    position: relative;
    width: 100%;
}

.close-modal {
    position: absolute;
    top: -30px;
    right: 0;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
}

.modal-title {
    margin: 0.3em 0;
}

body.df-modal-open {
    overflow: hidden;
}

    body.df-modal-open .modal-backdrop {
        opacity: 0.37;
        z-index: 1050;
    }

.modal.show {
    display: block;
}

@media (max-width: 428px) {

    .modal .wp-block-button,
    .modal .wp-block-button__link {
        width: 100%;
    }
}