@import '../Variable.scss';

.ck {
    font-family: IRANYekan,sans-serif !important;
    box-shadow: none !important;
    outline: none !important;
}

.ck.ck-list__item .ck-button.ck-on {
    background: $Background-5 !important;
    box-shadow: none !important;
    color: $ColorText-4 !important;
}

.ck.ck-button, a.ck.ck-button {
    justify-content: right !important;
}

.ck.ck-toolbar {
    border: $Border-Color-4 1px solid !important;
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {
    box-shadow: none !important;
    outline: none !important;
}

.ck-editor__editable_inline {
    min-height: 300px;
}

.ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:active, a.ck.ck-button:focus {
    border: solid 1px transparent !important;
}

.ck-focused {
    border: $Border-Color-4 1px solid !important;
    border-top: none !important;
}

.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border: $Border-Color-4 1px solid !important;
    border-top: none !important;
}

.ck-content {
    padding: 5px 20px !important;
    line-height: 30px !important;
}

/*.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover {
    background: $Background-5 !important;
    color: $ColorText-4 !important;
}
*/
.ck.ck-button.ck-on, a.ck.ck-button.ck-on {
    background: transparent !important;
    color: $ColorText-1 !important;
}

.ck-powered-by {
    display: none !important;
}

.ck-source-editing-area textarea {
    color: $ColorText-4 !important;
    border: $Border-Color-4 1px solid !important;
    border-top: solid 5px $Border-Color-3 !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: $Background-1 !important;
    text-align: left;
    direction: ltr;
}

.ck {
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px !important;
    }
}

.ck-link-form {
    .ck.ck-list__item .ck-button.ck-on {
        background: transparent !important;
        color: $ColorText-1 !important;
    }

    .ck.ck-list__item .ck-button.ck-on:hover {
        background: transparent !important;
        color: $ColorText-1 !important;
    }

    .ck.ck-list__item .ck-button.ck-off:hover {
        background: transparent !important;
        color: $ColorText-1 !important;
    }
}
.ck-Gallery{
    display:none !important;
}
.gallery {
    width: 100%;
    background: $Background-8;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px;
    border: solid 1px $Border-Color-2;
    margin-bottom: 15px;

    a {
        display: inline-block;
        box-sizing: border-box;
        text-align: center;
        line-height: 0;

        img {
            width: 120px;
            box-sizing: border-box;
            border-radius: 5px;
        }
    }
}

.gallery-1 {
    a {
        //width: 99%;
    }
}

.gallery-2 {
    a {
        //width: 49%;
    }
}

.gallery-3 {
    a {
        //width: 33%;
    }
}

.gallery-4 {
    a {
        //width: 24%;
    }
}

.gallery-5 {
    a {
        width: 19%;
    }
}


