/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.enhanced-blocks-d-flex{
    display: flex;
}
.enhanced-blocks-flex-1{
    flex: 1;
}
.enhanced-blocks-jc-sb{
    justify-content: space-between;
}
.enhanced-blocks-as-center{
    align-self: center;
}
.enhanced-blocks-margin-zero {
    margin: 0 !important;
}
.enhanced-blocks-d-none{
    display: none;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}
.center{
    text-align: center;
}

.eb-row{
    margin-left: -15px;
    margin-right: -15px;
}
.eb-d-flex{
    display: flex;
}
.eb-flex-wrap{
    flex-wrap: wrap;
}
.eb-mb-40{
    margin-bottom: 40px;
}
.eb-mlr-15{
    margin-right: 15px;
    margin-left: 15px;
}
.eb-flex{
    flex: 1 1;
}
.column-1{
    width: calc( 100% - 30px);
}
.column-2{
    width: calc( 50% - 30px);
}
.column-3{
    width: calc( 33.333% - 30px);
}
.column-4{
    width: calc( 25% - 30px);
}
.column-5{
    width: calc( 20% - 30px);
}
.column-6{
    width: calc( 16.666% - 30px);
}

.editor-block-list-item-enhanced-blocks-author-profile,
.editor-block-list-item-enhanced-blocks-eb-heading,
.editor-block-list-item-enhanced-blocks-post-grid,
.editor-block-list-item-enhanced-blocks-eb-testimonial,
.editor-block-list-item-enhanced-blocks-eb-notice,
.editor-block-list-item-enhanced-blocks-enhanced-block-spacer,
.editor-block-list-item-enhanced-blocks-enhanced-block-divider,
.editor-block-list-item-enhanced-blocks-enhanced-before-and-after-image,
.editor-block-list-item-enhanced-blocks-social-sharing,
.editor-block-list-item-enhanced-blocks-icon-list{
    .editor-block-types-list__item-icon{
        color: #F28F10;
    }
}
.editor-block-types-list__item.editor-block-list-item-enhanced-blocks-author-profile:not(:disabled):hover .editor-block-types-list__item-icon,
.editor-block-types-list__item.editor-block-list-item-enhanced-blocks-eb-heading:not(:disabled):hover .editor-block-types-list__item-icon,
.editor-block-types-list__item.editor-block-list-item-enhanced-blocks-post-grid:not(:disabled):hover .editor-block-types-list__item-icon,
.editor-block-types-list__item.editor-block-list-item-enhanced-blocks-eb-testimonial:not(:disabled):hover .editor-block-types-list__item-icon,
.editor-block-types-list__item.editor-block-list-item-enhanced-blocks-eb-notice:not(:disabled):hover .editor-block-types-list__item-icon,
.editor-block-types-list__item.editor-block-list-item-enhanced-blocks-enhanced-block-spacer:not(:disabled):hover .editor-block-types-list__item-icon,
.editor-block-types-list__item.editor-block-list-item-enhanced-blocks-enhanced-block-divider:not(:disabled):hover .editor-block-types-list__item-icon,
.editor-block-types-list__item.editor-block-list-item-enhanced-blocks-enhanced-before-and-after-image:not(:disabled):hover .editor-block-types-list__item-icon,
.editor-block-types-list__item.editor-block-list-item-enhanced-blocks-social-sharing:not(:disabled):hover .editor-block-types-list__item-icon,
.editor-block-types-list__item.editor-block-list-item-enhanced-blocks-icon-list:not(:disabled):hover .editor-block-types-list__item-icon {
    color: #F28F10;
}

$tab: '(max-width: 1024px)';
$mobile: '(max-width: 767px)';

@media screen and (max-width: 767px) {
    .column-1, .column-2, .column-3, .column-4, .column-5, .column-6 {
        width: calc(100% - 30px);
    }
}


//Tab Start
.enhanced-tab-panels {
    margin-top: 20px;
    .components-tab-panel__tabs{
        border-top: 2px solid #e2e4e7;
        border-bottom: 2px solid #e2e4e7;
        display: flex;
        justify-content: center;
        margin: 0 -16px;
    }
    .tab-panel {
        cursor: pointer;
        border: none;
        border-right: 2px solid #e2e4e7;
        color: black;
        font-weight: bold;
        padding: 13px;
        margin: auto;
        &:focus {
            outline: none;
        }
    }
    .tab-panel:nth-last-child(2) {
        padding-right: 21px;
    }
    .tab-panel:last-child {
        border-right: none;
    }
    .active-tab {
        position: relative;
        // border-bottom: 2px solid #00a0d2;
        z-index: 1;
        color: gray;
    }
}
//Tab End