/* HEADER PARAGRPH */
/* .field-multiple-table thead th{background: #333; color: #FFF;}
 */

 :root{
    --admin-dark: #000000;
    --admin-white: #FFFFFF;
    --admin-gray1 : #F6F6F6;
    --admin-gray2 : #E3E3E3;
    --admin-gray3 : #999999;
    --admin-gray4 : #333333;

    --admin-text : #333333;

    --admin-main-color :#0f51dd;
    --admin-main-color-light: #b3cbff;
    --admin-main-color-dark: #1f2ea1;

    --admin-secondary-color :#dd8e1e;
    --admin-secondary-color-light: #ffdeb1;
    --admin-secondary-color-dark: #9c6416;
}


.ck-editor .table{width: 100%;}
.ck-editor .table th{background: var(--admin-main-color)!important; color: #FFF!important;}
.ck-editor .ck.ck-content.ck-editor__editable{height: 300px;}

/* TITRES */
.ck-editor h2{color: var(--admin-main-color); font-size: 30px;}
.ck-editor h3{color: #000; font-size: 22px;}

/* COULEURS */
.ck-editor span.main-color{color: var(--admin-main-color);}
.ck-editor span.secondary-color{color: var(--admin-secondary-color);}


/* LIENS */
.ck-editor .link{color: var(--admin-main-color);}
.ck-editor .drupal-media {margin: 0;}
.ck-editor .drupal-media .media--type-document .file{color: var(--admin-main-color);}
.ck-editor .drupal-media .media--type-document .file:before{content:""; background-color: var(--admin-main-color); mask: url(/themes/custom/efil/images/icons/download.svg); mask-position: 50% 50%; mask-repeat: no-repeat; display: inline-block; width: 20px; height: 20px; margin: 0 10px; position: relative; top: 2px;}
.ck-editor .drupal-media .media--type-document .file + span{display: none;}

.ck-editor .drupal-media .media--type-document .pdf{color: var(--admin-main-color);}
.ck-editor .drupal-media .media--type-document .pdf:before{content:""; background-color: var(--admin-main-color); mask: url(/themes/custom/efil/images/icons/download.svg); mask-position: 50% 50%; mask-repeat: no-repeat; display: inline-block; width: 20px; height: 20px; margin: 0 10px; position: relative; top: 2px;}


.ck-editor abbr{background: #EEE;}


/* MEDIA (bug SVG sans taille) */
.ck-editor .drupal-media img{min-width: 150px!important;}


.ck-editor .media-popin span{display: flex; align-items: center;}
.ck-editor .media-popin .picto{width: 30px!important; height: 30px!important; margin-right: 10px;}

/* BOUTONS */
.ck-editor .button-secondary,
.ck-editor .button {
    box-shadow: none!important;
    padding: 5px 30px;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    border: none;
    color: #FFFFFF!important;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
}
.ck-editor .button{background: var(--admin-main-color)!important;}
.ck-editor .button-secondary{background: var(--admin-secondary-color)!important;}



.ck-editor .button-secondary-outline,
.ck-editor .button-outline {
    box-shadow: none;
    padding: 5px 30px;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    border: none;
    background: #FFF!important;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0;
}

.ck-editor .button-outline{color: var(--admin-main-color)!important; border: 2px solid var(--admin-main-color)!important;}
.ck-editor .button-secondary-outline{color: var(--admin-secondary-color)!important; border: 2px solid var(--admin-secondary-color)!important;}

/* QUOTE */
.ck-editor blockquote{border-left: 5px solid var(--admin-gray3)!important; background: var(--admin-gray1);}
.ck-editor blockquote:before,
.ck-editor blockquote:after{display: none;}
.ck-editor blockquote.blockquote-bg-main-color{border-left: 5px solid var(--admin-main-color)!important; background: var(--admin-main-color-light);}
.ck-editor blockquote.blockquote-bg-secondary-color{border-left: 5px solid var(--admin-secondary-color)!important; background: var(--admin-secondary-color-light);}


/* TEMPLATE 2 COL */
.ck-editor .two-col-admin{border: 1px solid #000; display: grid; padding: 20px;}
.ck-editor .two-col-admin.line-2-1{grid-template-columns: 2fr 1fr; gap: 40px;}
.ck-editor .two-col-admin.line-1-1{grid-template-columns: 1fr 1fr; gap: 40px;}
.ck-editor .two-col-admin.line-1-2{grid-template-columns: 1fr 2fr; gap: 40px;}
.ck-editor .two-col-admin .col-1{padding: 20px; border: 1px dashed #000;}
.ck-editor .two-col-admin .col-2{padding: 20px; border: 1px dashed #000;}