/*
Чтобы раскрасить элемент, к нему нужно прописать css-класс в файле шаблона.
Подробнее см. в интранете, форум web разработки.

основное:
.color_normal - белый фон, тёмный текст, светлая граница
.color_inverse - белый текст, тёмный фон, тёмная граница
.color_border - насыщенная граница

фоны:
.color_translucent - полупрозрачный
.color_darktranslucent - чёрный полупрозрачный
.color_graybg - серый
.color_lightbg - светло-серый
.color_redbg - красный
.color_greenbg - зелёный
.color_brownbg - коричневый
.color_blackbg - чёрный

текст:
.color_whitetxt - белый текст
.color_redtxt - красный текст
.color_greentxt - зелёный текст
.color_aquatxt - голубой текст
.color_pinktxt - розовый текст
.color_goldtxt - жёлтый текст
.color_browntxt - коричневый текст
.color_blacktxt - чёрный текст
*/

/* default colors */
    * {border-color: #eaeaea;}
    input, textarea, button, select {color: #272725;}
    select {background-color: #ffffff;}
    a, a:hover {color: #272725;}
    *::-webkit-input-placeholder {color: #272725;}
    *::-moz-placeholder {color: #272725;}
    *:-moz-placeholder {color: #272725;}
    *:-ms-input-placeholder {color: #272725;}
/* default colors end */

/* mobile colors */
    @media (max-width: 1000px) {
        .menu-subcategory {background-color: #ffffff;}
    }
/* mobile colors end */

/* color classes */
    .color_normal {
        color: #272725;
        border-color: #eaeaea;
        background-color: #ffffff;
    }
    .color_inverse {
        color: #ffffff;
        border-color: #272725;
        background-color: #272725;
    }
    .color_inverse:hover {color: #ffffff;}
    .color_border {border-color: #272725;}
    .color_translucent {background-color: rgba(255,255,255,0.8);}
    .color_darktranslucent {
        color: #ffffff;
        background-color: rgba(0,0,0,0.7);
        border-color: rgba(0,0,0,0.7);
    }
    .color_graybg {background-color: #eaeaea;}
    .color_lightbg {background-color: #ebecef;}
    .color_redbg {background-color: #9f2943;}
    .color_greenbg {background-color: #026200;}
    .color_brownbg {background-color: #421b25;}
    .color_blackbg {background-color: #000000;}

    .color_whitetxt, .color_whitetxt:hover {color: #ffffff;}
    .color_redtxt, .color_redtxt:hover {color: #d70c24;}
    .color_greentxt, .color_greentxt:hover {color: #389323;}
    .color_aquatxt, .color_aquatxt:hover {color: #6caada;}
    .color_pinktxt, .color_pinktxt:hover {color: #f72e60;}
    .color_goldtxt, .color_goldtxt:hover {color: #f1a91b;}
    .color_browntxt, .color_browntxt:hover {color: #421b25;}
    .color_blacktxt, .color_blacktxt:hover {color: #000000;}
/* color classes end */