/* //@ ==================================================================================================== */
/* //@ GUIA DE ESTILOS BÁSICA PARA PROYECTO VALLADOLID */
/* //@ ==================================================================================================== */

:root {

    /**variables principales**/

        /**coloreS**/
        --theme-color-1: #263667;
        --theme-color-2: #79adde;
        --theme-color-3: #001998;
        --theme-color-4: #777;
        --theme-color-5: white;
        --theme-color-6: #f5f5f5;
        --theme-color-7: #404e79;
        --theme-color-8: rgb(24,28,50);

        /**text**/
        --theme-text-color: var(--theme-color-4);

        /**links**/
        --theme-link-color: var(--theme-color-4);
        --theme-link-color-hover: var(--theme-color-4);
        --theme-link-backcolor-hover: var(--theme-color-6);

        --theme-link-color-inverse: var(--theme-color-5) /*#5e5b5b*/;
        --theme-link-color-inverse-hover: var(--theme-color-5);
        --theme-link-backcolor-inverse-hover:var(--theme-color-7);

    /**header**/
    --theme-header-color: var(--theme-color-5);
    --theme-header-backcolor: var(--theme-color-1);

    --theme-header-link-color: var(--theme-link-color-inverse) ;
    --theme-header-link-color-hover: var(--theme-link-color-inverse-hover);
    --theme-header-link-background-hover: var(--theme-link-backcolor-inverse-hover);

    /**footer**/
    --theme-footer-color: var(--theme-header-color);
    --theme-footer-backcolor: var(--theme-header-backcolor);

    --theme-footer-link-color: var(--theme-header-link-color) ;
    --theme-footer-link-color-hover: var(--theme-header-link-color-hover);
    --theme-footer-link-background-hover: var(--theme-header-link-background-hover);


    /**list**/
    --theme-list-backcolor: #fafafa;
    --theme-list-border-color: #ebebeb;

    /**table**/
    --theme-table-header-backcolor: var(--theme-color-6);
    --theme-table-header-color: var(--theme-color-8);

    --theme-table-body-backcolor: var(--theme-color-5);
    --theme-table-body-color: var(--theme-color-8);
}

.ckeditor-content-style p {
    margin: 10px 0 25px 0;
}

.ckeditor-content-style h2,
.ckeditor-content-style h3 {
    color: var(--theme-color-1);
    margin-bottom: 25px;
    text-transform: uppercase;
}

.ckeditor-content-style h3 {
    text-transform: unset   ;
}

.ckeditor-content-style table th,
.ckeditor-content-style table td {
    padding: 10px;
}

.ckeditor-content-style table th {
    text-transform: uppercase;
    font-weight: bold;
    background-color: var(--theme-table-header-backcolor);
    color: var(--theme-table-header-forecolor);
}

.ckeditor-content-style a {
    color: var(--theme-link-color);
    text-decoration: none;
}

.ckeditor-content-style a:hover {
    color: var(--theme-link-color-hover);
    text-decoration: underline;
}


.ckeditor-content-style ul,
.ckeditor-content-style ol {
    list-style: none;
}

.ckeditor-content-style > ul,
.ckeditor-content-style > ol {
    background-color: var(--theme-list-backcolor);
    border: 1px solid var(--theme-list-border-color);
    padding: 20px 20px 20px 40px;
}

.ckeditor-content-style ul li,
.ckeditor-content-style ol li {
    line-height: 30px;
}

.ckeditor-content-style ul li::marker,
.ckeditor-content-style ol li::marker {
    font-weight: bold;
}

.ckeditor-content-style img {
    width: 100%;
}

.ckeditor-content-style ul,
.ckeditor-content-style ol {
    counter-reset: list-counter;
}

.ckeditor-content-style ul li:before,
.ckeditor-content-style ol li:before {
    content: "";
    width: 1em;
    height: 1em;
    margin-right: 10px;
    border-radius: 50%;
    border: .25em solid var(--theme-list-border-color);
    background: var(--theme-color-1);
    display: inline-block;
}



/*
.ckeditor-content-style ul li a::before {
    content:'\21E2';
    padding-right: 10px;
}
*/


/*
.ckeditor-content-style ul li:nth-child(odd) {
    background-color: var(--theme-list-item-odd);
}

.ckeditor-content-style ul li:nth-child(even) {
    background-color: var(--theme-list-item-even);
}
*/
