/**
 *  Файл:    <шаблон>/css/color.css
 *  Раздел:  CSS-стили цветовой палитры
 *  Автор:   BVP
 *  ------------------------------------
 *  На сайте используются следующие цвета:
 *      белый        - white           - #fff
 *      черный       - black           - #000
 *      светло-серый - very-light-grey - #f2efee
 *      светло-серый - light-grey      - #eee
 *      светло-серый - light-grey-2    - #ddd
 *      светло-серый - middle-grey     - #bbb
 *      серый        - grey            - #778
 *      темно-серый  - dark-gray       - #555
 *      темно-серый  - very-dark-gray  - #222
 *      синий        - blue            - #19408a
 *      темно-синий  - dark-blue       - #2c396e
 *      бежевый      - beige           - #e0bd8f
 */

/*  Цвета текста
 -------------------------------------------------------- */

.c-black {
    color: #000;
}
.c-white {
    color: #fff;
}
.c-grey {
    color: #778;
}
.c-light-grey {
    color: #eee;
}
.c-middle-grey {
    color: #bbb;
}
.c-dark-grey {
    color: #555;
}
.c-very-dark-grey {
    color: #222;
}
.c-dark-blue {
    color: #2c396e;
}
.c-blue {
    color: #19408a;
}
.c-dark-blue {
    color: #2c396e;
}
.c-beige {
    color: #e0bd8f;
}

/*  Цвета текста для ссылок
 -------------------------------------------------------- */

.c-link-white a {
    color: #fff;
}


/*  Цвета фона
 -------------------------------------------------------- */

.bg-no {
    background-color: transparent;
}
.bg-white {
    background-color: #fff;
}
.bg-black {
    background-color: #000;
}
.bg-very-light-grey {
    background-color: #f2efee;
}
.bg-light-grey {
    background-color: #eee;
}
.bg-grey {
    background-color: #778;
}
.bg-dark-grey {
    background-color: #555;
}
.bg-blue {
    background-color: #19408a;
}
.bg-dark-blue {
    background-color: #2c396e;
}
.bg-beige {
    background-color: #e0bd8f;
}


/*  Цвета рамок
 -------------------------------------------------------- */

.brd-no {
    border-color: transparent !important;
}
.brd-white {
    border-color: #fff !important;
}
.brd-black {
    border-color: #000 !important;
}
.brd-grey {
    border-color: #778 !important;
}
.brd-light-grey {
    border-color: #eee !important;
}
.brd-light-grey-2 {
    border-color: #ddd !important;
}
.brd-middle-grey {
    border-color: #bbb !important;
}
.brd-dark-grey {
    border-color: #555 !important;
}
.brd-blue {
    border-color: #19408a !important;
}
.brd-dark-blue {
    border-color: #2c396e !important;
}


/*  Цвет текста под курсором
 -------------------------------------------------------- */

.ch-white:hover {
    color: #fff;
}
.ch-white-all:hover,
.ch-white-all:hover > * {
    color: #fff;
}
.ch-black:hover {
    color: #000;
}
.ch-black-all:hover,
.ch-black-all:hover > * {
    color: #000;
}
.ch-light-grey:hover {
    color: #eee;
}
.ch-middle-grey:hover {
    color: #bbb;
}
.ch-dark-grey:hover {
    color: #555;
}
.ch-blue:hover {
    color: #19408a;
}


/*  Цвет ссылки под курсором
 -------------------------------------------------------- */

.ch-link-white a:hover {
    color: #fff;
}


/*  Цвет фона под курсором
 -------------------------------------------------------- */

.bgh-white:hover {
    background-color: #fff;
}
.bgh-black:hover {
    background-color: #000;
}
.bgh-light-grey:hover {
    background-color: #eee;
}
.bgh-dark-grey:hover {
    background-color: #555;
}
.bgh-child-dark-grey:hover > * {
    background-color: #555;
}
.bgh-blue:hover {
    background-color: #19408a;
}
.bgh-dark-blue:hover {
    background-color: #2c396e;
}


/*  Цвета рамок под курсором
 -------------------------------------------------------- */

.brdh-dark-blue:hover {
    border-color: #2c396e !important;
}
.brdh-middle-grey:hover {
    border-color: #bbb !important;
}

/*  Цвета маркера списка
 -------------------------------------------------------- */

ul.ul-blue > li:before {
    color: #19408a;
}
ul.ul-dark-grey > li:before {
    color: #555;
}