/* Start:/bitrix/templates/.default/components/bitrix/breadcrumb/breadcrumb/style.min.css?1706023585448*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/calendar/template_styles.css?17886976177442*/
/* Раздел «Лунные календари». Заход 6.
 *
 * Файл шаблона сайта calendar: Bitrix подключает его сам, отдельного
 * <link> заводить не нужно. До захода 6 файл был пуст.
 *
 * Палитра, скругления и типографика взяты из уже используемых на сайте
 * блоков (/css/one.css, бутстраповская основа): ни одного нового цвета.
 *   #337ab7  — основной синий сайта (26 употреблений в one.css)
 *   #ddd #eee #f5f5f5 — рамки и подложки
 *   #333 #777 — текст и приглушённый текст
 *   благоприятный / нейтральный / неблагоприятный — цвета .alert-success,
 *   .alert-info и .alert-danger соответственно, без изменений
 *   скругление 4px — самое частое в one.css (21 употребление)
 */

/* --- Ширина контейнера раздела ------------------------------------------ */
/* В /css/one.css начиная с ширины 768px стоит `.container { width: 1260px }`
 * без верхнего ограничения. На главной это безвредно: там отдельным файлом
 * подключён bootstrap4.min.css, и его `max-width` держит контейнер в рамках
 * окна. Шаблон раздела bootstrap4 не подключает, поэтому те же 1260px
 * применяются как есть, и на экране 768px страница уезжала вправо почти на
 * 500 пикселей.
 *
 * Ограничение ставится только для контейнера раздела (у него есть свой класс
 * section-calendar), общий one.css не трогается: он общий для всего сайта. */
.container.section-calendar {
    max-width: 100%;
}

/* --- Иконки ------------------------------------------------------------- */
/* Иконки встроены в разметку и наследуют цвет текста через currentColor,
 * поэтому отдельных цветовых правил на каждую иконку не нужно. */
.lunar-ico {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    display: inline-block;
}

/* --- Главная плашка страницы дня ---------------------------------------- */
/* Одна плашка на три элемента. Внутри — только отступы: разделительных
 * линий нет, обводки у элементов нет. */
.lunar-hero {
    background: #fff;
    border: 1px solid #ddd;
    border-top: 3px solid #337ab7;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
    padding: 16px 10px 14px;
    margin: 0 0 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.lunar-hero__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    min-width: 0;
    padding: 4px 16px;
    text-align: center;
}

.lunar-hero__ico {
    font-size: 44px;
    line-height: 1;
    color: #337ab7;
    display: block;
    margin: 0 auto 8px;
}

.lunar-hero__label {
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #777;
    margin: 0 0 3px;
}

.lunar-hero__value {
    font-size: 20px;
    line-height: 1.25;
    color: #333;
    font-weight: 500;
    word-wrap: break-word;
}

.lunar-hero__sub {
    font-size: 13px;
    color: #777;
    margin-top: 3px;
}

.lunar-hero__marks {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 12px 6px 0;
    padding-top: 12px;
    border-top: 1px solid #eee;
    font-size: 13px;
    color: #777;
    text-align: center;
}

/* --- Индикатор благоприятности ------------------------------------------ */
.lunar-rating {
    display: inline-block;
    padding: 3px 11px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.4;
    white-space: nowrap;
}

.lunar-rating .lunar-ico {
    margin-right: 5px;
}

.lunar-rating--good {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.lunar-rating--neutral {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.lunar-rating--bad {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.lunar-mark {
    display: inline-block;
    margin: 2px 4px 0;
    padding: 2px 9px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #f5f5f5;
    color: #777;
    font-size: 12px;
}

/* --- Сайдбар раздела ----------------------------------------------------- */
/* Блок «Луна сегодня» повторяет разметку .day-info с главной страницы:
 * классы те же, стили берутся из one.css, здесь только дополнения. */
.lunar-side {
    margin-bottom: 22px;
}

.lunar-side .day-info .phase {
    color: #337ab7;
    font-size: 40px;
    line-height: 1;
}

.lunar-side__rating {
    margin: 8px 0 0;
}

.lunar-side__illum {
    font-size: 13px;
    color: #777;
    margin-top: 2px;
}

.lunar-nextphases {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    font-size: 13px;
}

.lunar-nextphases li {
    padding: 3px 0;
    color: #333;
}

.lunar-nextphases .lunar-ico {
    font-size: 18px;
    color: #337ab7;
    margin-right: 6px;
}

.lunar-daynav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 18px;
}

.lunar-daynav a,
.lunar-daynav span {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    padding: 7px 10px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    font-size: 13px;
    text-align: center;
}

.lunar-daynav a:first-child,
.lunar-daynav span:first-child {
    border-radius: 4px 0 0 4px;
}

.lunar-daynav a:last-child,
.lunar-daynav span:last-child {
    border-radius: 0 4px 4px 0;
    border-left: 0;
}

.lunar-daynav span {
    color: #999;
}

/* Ненаполненная страница ссылкой не становится: она отдаёт 404. */
.unpublished {
    color: #999;
}

/* --- Адаптив ------------------------------------------------------------- */
/* Проверялось на 360, 768 и 1280. */
@media (max-width: 767px) {
    .lunar-hero {
        display: block;
        padding: 14px 12px 12px;
    }

    .lunar-hero__item {
        padding: 10px 4px;
    }

    .lunar-hero__item + .lunar-hero__item {
        border-top: 1px solid #f5f5f5;
    }

    .lunar-hero__ico {
        font-size: 38px;
        margin-bottom: 6px;
    }

    .lunar-hero__value {
        font-size: 18px;
    }

    .lunar-hero__marks {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .lunar-hero__item {
        padding: 4px 8px;
    }

    .lunar-hero__ico {
        font-size: 38px;
    }

    .lunar-hero__value {
        font-size: 17px;
    }
}

/* End */
/* /bitrix/templates/.default/components/bitrix/breadcrumb/breadcrumb/style.min.css?1706023585448 */
/* /bitrix/templates/calendar/template_styles.css?17886976177442 */