:root {
    --colorTurquose: #2dc0ba;
    --colorHazeBlack: #2F3237;
    --colorTextParagraph: #666666;
    --colorTurquoseGradient: linear-gradient(90deg, #2DC0BA  0%, #1B8C8D 100%);
    --colorTurquoseAscentSemiTransparent: rgba(237, 105, 44, 0.1);
    --colorTurquose50Percent: rgba(237, 105, 44, 0.5);
    --colorWhite: #ffffff;
    --colorWhiteGradient: linear-gradient(180deg, #FAFAFA 0%, #FFFFFF 100%);
    --colorBgZebra: rgb(250, 250, 250);
    --colorRed: #EA4335;
    --colorBlue: #3B5998;
}

/* .btn {
border-radius: 5px;
padding: 9px 16px;
line-height: 1.175;
transition: all 0.4s ease 0s;
}
.btn:hover {
-webkit-box-shadow: 0px 4px 25px -10px rgba(0,0,0,0.57);
-moz-box-shadow: 0px 4px 25px -10px rgba(0,0,0,0.57);
box-shadow: 0px 4px 25px -10px rgba(0,0,0,0.57);
transition: all 0.4s ease 0s;
} */
.btn.btn-wide {
    padding: 16px 32px;
}

.business-page.canvas.canvas-builder {
    /* margin-top: 29px; */
    margin-top: 14px;
    margin-left: 50px;
    width: calc(100% - 50px);
}

.business-page.canvas.canvas-builder .page-topbar .navbar {
    padding: 0;
    min-height: 80px;
}

/*
.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle {
display:none;
}
*/
.block-editor-warning {
    display: none;
}

.components-notice-list.components-editor-notices__dismissible {
    display: none;
}

.block-editor-post-preview__dropdown {
    display: none;
}

.components-toolbar-group .block-editor-block-toolbar__slot button[aria-label="Apply duotone filter"],
.components-toolbar-group .block-editor-block-toolbar__slot button[aria-label="Crop"] {
    display: none;
}

.block-editor-media-replace-flow__media-upload-menu>.components-button {
    display: none;
}

.components-dropdown button[aria-label="Details"] {
    display: none;
}

.components-dropdown-menu__menu .components-menu-group:nth-child(2) {
    display: none;
}

.components-dropdown>button[aria-label="More"] {
    display: none;
}


.components-menu-group>div>button:nth-child(6),
.components-menu-group>div>button:nth-child(7) {
    display: none;
}

.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*.components-button {
    display: none;
}

/* wp override */
.wp-block-button__link {
    border-radius: 5px;
    background-color: #707070;
    color: #ffffff;
    font-size: 14px;
    min-width: 190px;
}

a:not([href]):not([tabindex]):not(.has-text-color):not(.wp-block-button__link) {
    color: #ffffff;
    text-decoration: none;
}

.has-background.has-pale-pink-background-color {
    background-color: #f78da7 !important;
}

.has-background.has-vivid-red-background-color {
    background-color: #cf2e2e !important;
}

.has-background.has-luminous-vivid-orange-background-color {
    background-color: #ff6900 !important;
}

.has-background.has-luminous-vivid-amber-background-color {
    background-color: #fcb900 !important;
}

.has-background.has-light-green-cyan-background-color {
    background-color: #7bdcb5 !important;
}

.has-background.has-vivid-green-cyan-background-color {
    background-color: #00d084 !important;
}

.has-background.has-pale-cyan-blue-background-color {
    background-color: #8ed1fc !important;
}

.has-background.has-vivid-cyan-blue-background-color {
    background-color: #0693e3 !important;
}

.has-background.has-vivid-purple-background-color {
    background-color: #9b51e0 !important;
}

.has-background.has-white-background-color {
    background-color: #fff !important;
}

.has-background.has-very-light-gray-background-color {
    background-color: #eee !important;
}

.has-background.has-cyan-bluish-gray-background-color {
    background-color: #abb8c3 !important;
}

.has-background.has-very-dark-gray-background-color {
    background-color: #313131 !important;
}

.has-background.has-black-background-color {
    background-color: #000 !important;
}

.has-text-color.has-pale-pink-color {
    color: #f78da7 !important;
}

.has-text-color.has-vivid-red-color {
    color: #cf2e2e !important;
}

.has-text-color.has-luminous-vivid-orange-color {
    color: #ff6900 !important;
}

.has-text-color.has-luminous-vivid-amber-color {
    color: #fcb900 !important;
}

.has-text-color.has-light-green-cyan-color {
    color: #7bdcb5 !important;
}

.has-text-color.has-vivid-green-cyan-color {
    color: #00d084 !important;
}

.has-text-color.has-pale-cyan-blue-color {
    color: #8ed1fc !important;
}

.has-text-color.has-vivid-cyan-blue-color {
    color: #0693e3 !important;
}

.has-text-color.has-vivid-purple-color {
    color: #9b51e0 !important;
}

.has-text-color.has-white-color {
    color: #fff !important;
}

.has-text-color.has-very-light-gray-color {
    color: #eee !important;
}

.has-text-color.has-cyan-bluish-gray-color {
    color: #abb8c3 !important;
}

.has-text-color.has-very-dark-gray-color {
    color: #313131 !important;
}

.has-text-color.has-black-color {
    color: #000 !important;
}

.has-background.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%) !important;
}

.has-background.has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg, #00d084 0%, #0693e3 100%) !important;
}

.has-background.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%) !important;
}

.has-background.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%) !important;
}

.has-background.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%) !important;
}

.has-background.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%) !important;
}

.has-background.has-cool-to-warm-spectrum-gradient-background {
    background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%) !important;
}

.has-background.has-blush-light-purple-gradient-background {
    background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%) !important;
}

.has-background.has-blush-bordeaux-gradient-background {
    background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%) !important;
}

.has-background.has-purple-crush-gradient-background {
    background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%) !important;
}

.has-background.has-luminous-dusk-gradient-background {
    background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%) !important;
}

.has-background.has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%) !important;
}

.has-background.has-pale-ocean-gradient-background {
    background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%) !important;
}

.has-background.has-electric-grass-gradient-background {
    background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%) !important;
}

.has-background.has-subdued-olive-gradient-background {
    background: linear-gradient(135deg, #fafae1 0%, #67a671 100%) !important;
}

.has-background.has-atomic-cream-gradient-background {
    background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%) !important;
}

.has-background.has-nightshade-gradient-background {
    background: linear-gradient(135deg, #330968 0%, #31cdcf 100%) !important;
}

.has-background.has-midnight-gradient-background {
    background: linear-gradient(135deg, #020381 0%, #2874fc 100%) !important;
}

/*
.block-editor-block-list__layout .block-editor-block-list__block.wp-block-columns {
box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
}
*/
/* .block-editor-block-list__layout .block-editor-block-list__block:hover {
box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
} */
/* previewing */
.mxcanvas-wrapper-header {
    display: flex;
    justify-content: space-between;
    padding: 12px 40px !important;
    border-bottom: 1px solid #dedede;
}

.mxcanvas-wrapper-header .container {
    display: flex;
    justify-content: space-between;
}

.mxcanvas-wrapper-logo {
    display: flex;
    align-items: center;
}

.mxcanvas-wrapper-logo .mx-canvas-wrapper-logo-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 1em;
}

.mxcanvas-wrapper-logo .mxcanvas-wrapper-title {
    font-weight: 700;
}

.mxcanvas-wrapper-actions {
    display: flex;
    align-items: center;
}

.mxcanvas-wrapper-body {
    /* margin-top: 12px;
    margin-bottom: 12px; */

}

.custom-control-input:checked~.custom-control-label::before {
    background-size: 100% 85%;
}

p.has-black-background-color {
    margin-bottom: 0;
}

/* editor frame*/
.gutenberg__editor .edit-post-visual-editor {
    /* background-color: #ffffff; */
    /* display: flex;
justify-content: center; */
}

.edit-post-visual-editor>div,
.edit-post-visual-editor__content-area>div {
    /* max-width: 750px; */
    /* background-color: #ffffff; */
    /* background-color: #f8f8f8 !important; */
}

.edit-post-visual-editor.mobile-preview>div {
    position: relative;
    /* background-color: #f4f4f4; */
    border: 1px solid transparent !important;
    /* padding: 15px 15px 45px 15px; */
    /* background-image: url("../../../img/business/canvas/mobile-frame.svg");
background-repeat: no-repeat;
background-size: 100%; */
    height: 650px !important;
    margin-top: 90px !important;
    /* border-radius: 0 0 40px 40px !important; */
}

.edit-post-visual-editor.mobile-preview:before {
    content: "";
    background-image: url("../../../img/business/canvas/mobile-frame.svg?v=1");
    background-repeat: no-repeat;
    position: absolute;
    width: 403px;
    height: 100%;
    background-size: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.edit-post-visual-editor.mobile-preview:after {
    content: " ://tribelio.page/" attr(label) "";
    position: absolute;
    width: 360px;
    background-size: 100%;
    left: 50%;
    top: 56px;
    transform: translateX(-50%);
    margin-left: 177px;
    font-size: 13px;
    padding-right: 190px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.edit-post-visual-editor .editor-styles-wrapper {
    background-color: transparent;
}

#mxcanvas__editor__header.mobile-preview {
    display: none;
}

#mxcanvas__editor__footer.mobile-preview {
    position: absolute;
    /* bottom: -171px; */
    bottom: -200px;
    left: 50% !important;
    transform: translate(-50%);
    width: 360px;
    background-color: transparent;
}

#mxcanvas__editor__footer.mobile-preview>.footer {
    width: inherit;
    position: unset;
    left: unset;
    transform: unset;
}

#mxcanvas__editor__footer.mobile-preview .footer s {}

.mx-loading-wrapper {}

.mx-loading-wrapper>img {
    max-width: 100%;
    width: 120px;
}

/* .gutenberg__editor .editor-styles-wrapper {
position: relative;
padding: 80px 30px;
}
.gutenberg__editor .editor-styles-wrapper:before {
content: "";
background-image: url("../../../img/business/canvas/mobile-frame.svg");
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
background-size: 100%;
left: 0px;
top: 0;
} */

#mx-loading {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: rgba(255, 255, 255, 0);
    z-index: 9999;
}

#mx-loading>.mx-loading-content {
    color: #f36f28;
    margin: 0 auto;
    max-width: 250px;
    height: auto;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.65);
    padding: 5px;
    text-align: center;
    font-size: 11px;
    font-style: italic;
    border-radius: 10px;
    box-shadow: 0px 1px 10px #ccc;
}

.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item,
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item {
    width: calc(33.3333333333% - 0.6666666667em);
    margin-right: 3px;
}

.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item,
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item {
    margin: 0 3px 3px 0;
}

.blocks-gallery-item img:hover {
    opacity: 0.9;
}

.mxcanvas__editor {
    border-left-color: transparent;
}

.edit-post-layout .interface-interface-skeleton__content {
    background-color: transparent;
}

#mxcanvas__editor__footer {
    position: relative;
}

#mxcanvas__editor__footer>.footer {
    background-color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 750px;
}

.edit-post-layout.is-mode-visual #mxcanvas__editor__header {

    background-color: #fff;
}

.edit-post-layout.is-mode-visual #mxcanvas__editor__header .container {
    max-width: 750px;
}

#mxcanvas__editor__footer,
#mxcanvas__editor__header {
    background-color: transparent;
}

.modal.modal-rounded .modal-dialog .modal-content,
.modal-dialog.modal-rounded .modal-content {
    border-radius: 10px;
}

.modal.header-border-0 .modal-header {
    border: 0;
}

.modal.body-pt-0 .modal-body {
    padding-top: 0;
}

.block-editor-inserter__block-list {
    max-height: 450px;
}

@media (min-width: 600px) {}

@media (min-width: 782px) {
    .block-editor-inserter__main-area {
        width: 300px;
    }
}

.gutenberg__editor .editor-styles-wrapper {
    font-family: 'Public Sans', sans-serif;
    font-size: 16px;
    padding: 0;
}

.interface-interface-skeleton__secondary-sidebar {

    left: 183px;
    max-width: 300px;
}

#mxcanvas-btn-inserter:focus {
    outline: none !important;
    box-shadow: none;
}

#mxcanvas__editor-inserter-popup {
    padding: 5px;
}

.is-dark-theme .block-editor-button-block-appender,
.block-editor-button-block-appender {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: auto;
    color: #1e1e1e;
    box-shadow: inset 0 0 0 1px #1e1e1e;
}

.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
    box-shadow: 0 0 0 2px #007cba;

}

.interface-interface-skeleton__secondary-sidebar {
    border-color: #EDEDED;
    margin-top: 2px;
    -webkit-box-shadow: 0px 0px 36px rgba(170, 170, 170, 0.2);
    -moz-box-shadow: 0px 0px 36px rgba(170, 170, 170, 0.2);
    box-shadow: 0px 0px 36px rgba(170, 170, 170, 0.2);
}

.is-alternate .components-popover__content {
    border-color: #EDEDED;
    -webkit-box-shadow: 0px 0px 36px rgba(170, 170, 170, 0.2);
    -moz-box-shadow: 0px 0px 36px rgba(170, 170, 170, 0.2);
    box-shadow: 0px 0px 36px rgba(170, 170, 170, 0.2);
}

#mxcanvas__editor-sidebar-nav .mxcanvas-sidebar-nav-list {
    max-height: 520px;
    overflow-y: scroll;
    width: 291px;
}


.wp-embed-responsive .is-type-video .wp-block-embed__wrapper>iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.wp-embed-responsive .is-type-video .wp-block-embed__wrapper:before {
    content: "";
    display: block;

    padding-top: 56.25%;
}

.wp-block-embed__wrapper>iframe {
    width: 100%;
}

.mxcanvas-wrapper iframe {
    width: 100%;
}

.wp-block[data-align=right]>.wp-block-image {
    margin-left: auto;
    margin-right: 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.wp-block-buttons:not(.is-content-justification-center)>.wp-block-button:last-child:not(.has-custom-width) {
    margin-right: 0;
    width: calc(50%);
}

@media (max-width: 480px) {
    .wp-block-button__link {
        min-width: auto;
    }
}

@media (max-width: 575px) {
    .mxcanvas-wrapper-header {
        display: flex;
        justify-content: space-between;
        padding: 12px 0 !important;
        border-bottom: 1px solid #dedede;
    }
}

.mxcanvas-wrapper p {
    color: inherit;
}


.mxcanvas-wrapper.mxcanvas-wrapper-version-2 .mxcanvas-wrapper-body {
    margin-top: 0px;
    margin-bottom: 0px;
}


#container-mxcanvas.container-mxcanvas-version-2 figure,
.mxcanvas-wrapper.mxcanvas-wrapper-version-2 figure {
    margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#container-mxcanvas.container-mxcanvas-version-2 .container {
    max-width: 750px;
}
[class^="icon-"], [class*=" icon-"]{
    background-image: none;
    width: auto;
    height: auto;
    margin:0px;
}
#container-mxcanvas .component-group{
    list-style: none;
}
.mxcanvas-editor{
    border: 1px solid #ccc;
    width:100%;
}
.mx-canvas-top{    
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    height: 60px;
    align-items: center;
    border-bottom: 1px solid #ccc;
}
.interface-interface-skeleton__html-container{
    overflow: auto !important;
}
figure{
    margin:0px;
}
input[type='text'], .input-block textarea, input[type='number'], input[type='tel'], input[type='email'], input[type='password'], .input, .form-control{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; 
}
.block-inspector .input-group-text{
    padding: .375rem .25rem !important;
}
.components-mxcanvas-inline-color-picker .components-color-palette__custom-color .input-group button{
    padding: 0px 8px;
}

.mx-plugin-floating-button {

}
.mx-plugin-floating-button a {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 20px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.mx-plugin-floating-button .mx-plugin-floating-button-icon {
    margin-top: 15px;
}