

/* Start:/bitrix/templates/unicum_blue/components/bitrix/news/sev_cards/bitrix/news.list/.default/style.css?17919516117338*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color: #5F021F;
	font-weight: bold;
    font-size: 11pt;
}
.preview_picture {
height: 200px;
width: 100%;
}
.property_calendar {
    display: inline-block;
    width: 16px; /* Ширина иконки */
    height: 16px; /* Высота иконки */
	background-image: url(/bitrix/templates/unicum_blue/images/calendar-icon.png);
	background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
	vertical-align: middle; /* Выравнивает по середине текста */
}

/* ============================================================
   Шаблон «Мероприятия: современные карточки» — sarounb.ru
   компонент bitrix:news.list (sev_cards)
   ------------------------------------------------------------
   Сетка: 4 карточки в ряд → 3 (до 1280px) → 2 (до 992px) → 1 (до 640px)
   Фирменный цвет: #6e263c
   ============================================================ */

.sev {
        /* базовые переменные шаблона */
        --sev-brand:        #6e263c;
        --sev-brand-hover:  #88354e;
        --sev-brand-soft:   #f3e9ed;
        --sev-border:       #ece0e5;
        --sev-text:         #3a2229;
        --sev-text-muted:   #6f6a6c;
        --sev-radius:       12px;
        --sev-shadow:       0 2px 12px rgba(110, 38, 60, .08);
        --sev-shadow-hover: 0 12px 28px rgba(110, 38, 60, .17);
}

/* ---------- Сетка ---------- */
.sev .sev-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 22px;
}
@media (max-width: 1279px) {
        .sev .sev-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
        .sev .sev-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 639px) {
        .sev .sev-grid { grid-template-columns: 1fr; gap: 18px; }
}

/* ---------- Карточка ---------- */
.sev .sev-card {
        background: #fff;
        border: 1px solid var(--sev-border);
        border-radius: var(--sev-radius);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        box-shadow: var(--sev-shadow);
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sev .sev-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--sev-shadow-hover);
        border-color: rgba(110, 38, 60, .28);
}

/* ---------- Фото ---------- */
.sev .sev-card__media {
        position: relative;
        display: block;
        height: 190px;               /* fallback для старых браузеров */
        overflow: hidden;
        background: var(--sev-brand-soft);
}
@supports (aspect-ratio: 16 / 10) {
        .sev .sev-card__media { height: auto; aspect-ratio: 16 / 10; }
}
.sev .sev-card__img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .35s ease;
}
.sev .sev-card:hover .sev-card__img { transform: scale(1.06); }

/* ---------- Бейдж даты на фото ---------- */
.sev .sev-card__date {
        position: absolute;
        top: 10px;
        left: 10px;
        min-width: 54px;
        padding: 6px 10px 7px;
        background: var(--sev-brand);
        color: #fff;
        border-radius: 9px;
        text-align: center;
        line-height: 1.1;
        box-shadow: 0 4px 10px rgba(110, 38, 60, .35);
}
.sev .sev-card__date b {
        display: block;
        font-size: 17px;
        font-weight: 700;
}
.sev .sev-card__date i {
        display: block;
        font-style: normal;
        font-size: 11px;
        opacity: .92;
}
/* Вариант бейджа, когда значение EVENT_DATE не распознано как дата (текст) */
.sev .sev-card__date--text {
        font-size: 12px;
        font-weight: 600;
        line-height: 1.3;
        max-width: 160px;
        text-align: left;
}

/* ---------- Текстовая часть ---------- */
.sev .sev-card__body {
        padding: 14px 16px 16px;
        display: flex;
        flex-direction: column;
        flex: 1;
}
.sev .sev-card__title {
        margin: 0 0 8px;
        font-size: 16px;
        line-height: 1.35;
        font-weight: 700;
        font-family: inherit;
}
.sev .sev-card__title a {
        color: var(--sev-text);
        text-decoration: none;
        transition: color .2s ease;
}
.sev .sev-card__title a:hover { color: var(--sev-brand); }

.sev .sev-card__text {
        font-size: 13.5px;
        line-height: 1.5;
        color: var(--sev-text-muted);
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
}

/* ============================================================
   Пагинация
   ============================================================ */
.sev .sev-nav {
        margin-top: 32px;
        text-align: center;
}
.sev .sev-nav__info {
        margin-bottom: 12px;
        font-size: 13px;
        color: #8a7a80;
}
.sev .sev-nav__pages {
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 6px;
}
.sev .sev-nav__page,
.sev .sev-nav__arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 38px;
        height: 38px;
        padding: 0 10px;
        background: #fff;
        border: 1.5px solid #e5d8dd;
        border-radius: 10px;
        color: var(--sev-brand);
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        box-sizing: border-box;
        transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.sev .sev-nav__page:hover,
.sev .sev-nav__arrow:hover {
        background: var(--sev-brand-hover);
        border-color: var(--sev-brand-hover);
        color: #fff;
        text-decoration: none;
}
.sev .sev-nav__page--active,
.sev .sev-nav__page--active:hover {
        background: var(--sev-brand);
        border-color: var(--sev-brand);
        color: #fff;
        cursor: default;
}
.sev .sev-nav__dots {
        color: #b9a7ae;
        padding: 0 2px;
        font-weight: 700;
}

/* На случай fallback-вывода стандартной NAV_STRING (старый HTML) */
.sev .sev-nav font.text { color: #8a7a80; font-size: 13px; }
.sev .sev-nav a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 34px;
        height: 34px;
        margin: 2px;
        padding: 0 8px;
        background: #fff;
        border: 1.5px solid #e5d8dd;
        border-radius: 9px;
        color: var(--sev-brand);
        font-weight: 600;
        text-decoration: none;
        box-sizing: border-box;
}
.sev .sev-nav a:hover { background: var(--sev-brand-hover); border-color: var(--sev-brand-hover); color: #fff; }
.sev .sev-nav b { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; margin: 2px; padding: 0 8px; background: var(--sev-brand); border-radius: 9px; color: #fff; box-sizing: border-box; }

/* End */


/* Start:/bitrix/templates/unicum_blue/components/bitrix/menu/main_menu/style.css?16765356004414*/
/**Top menu**/
#horizontal-multilevel-menu,#horizontal-multilevel-menu ul
{
	margin:0; padding:0;
	background:#BC262C url(/bitrix/templates/unicum_blue/components/bitrix/menu/main_menu/images/header_menu_bg.gif) repeat-x;
	min-height:27px;
	width:100%;
	list-style:none;
	font-size:11px;
	float:left;
	/*font-size:90%*/
}

#horizontal-multilevel-menu
{

}

/*Links*/
#horizontal-multilevel-menu a
{
	display:block;
	padding:5px 10px;
	/*padding:0.3em 0.8em;*/
	text-decoration:none;
	text-align:center;
}

#horizontal-multilevel-menu li
{
	float:left;
}

/*Root items*/
#horizontal-multilevel-menu li a.root-item
{
	color:#fff;
	font-weight:bold;
	padding:7px 12px;
}

/*Root menu selected*/
#horizontal-multilevel-menu li a.root-item-selected
{
	background:#fc8d3d;
	color:#fff;
	font-weight:bold;
	padding:7px 12px;
}

/*Root items: hover*/
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item
{
	background:#e26336;
	color:#fff;
}

/*Item-parents*/
#horizontal-multilevel-menu a.parent
{
	background: url(/bitrix/templates/unicum_blue/components/bitrix/menu/main_menu/images/arrow.gif) center right no-repeat;
}

/*Denied items*/
#horizontal-multilevel-menu a.denied
{
	background: url(/bitrix/templates/unicum_blue/components/bitrix/menu/main_menu/images/lock.gif) center right no-repeat;
}

/*Child-items: hover*/
#horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover
{
	background:#D6D6D6;
	color:#fff;
}

/*Child-items selected*/
#horizontal-multilevel-menu li.item-selected
{
	background:#D6D6D6;
	color:#fff;
}

/*Sub-menu box*/
#horizontal-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;

	height:auto;
	/*width:12em;*/
	width:135px;
	background:#F5F5F5;
	border:1px solid #C1C1C1;
}

/*Sub-menu item box*/
#horizontal-multilevel-menu li li
{
	width:100%;
	border-bottom:1px solid #DEDEDE;
}

/*Item link*/
#horizontal-multilevel-menu li ul a
{
	text-align:left;
}

/*Items text color & size */
#horizontal-multilevel-menu li a,
#horizontal-multilevel-menu li:hover li a,
#horizontal-multilevel-menu li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a
{
	color:#4F4F4F;
	font-weight:bold;
}

/*Items text color & size: hover*/
#horizontal-multilevel-menu li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a
#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,
#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a
{
	color:#4F4F4F;
}

#horizontal-multilevel-menu li ul ul
{
	margin:-27px 0 0 132px;
	/*margin:-1.93em 0 0 11.6em;*/
}

#horizontal-multilevel-menu li:hover ul ul,
#horizontal-multilevel-menu li.jshover ul ul,
#horizontal-multilevel-menu li:hover ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul,
#horizontal-multilevel-menu li:hover ul ul ul ul ul,
#horizontal-multilevel-menu li.jshover ul ul ul ul ul
{
	/*top:-999em;*/
	display:none;
}

#horizontal-multilevel-menu li:hover ul,
#horizontal-multilevel-menu li.jshover ul,
#horizontal-multilevel-menu li li:hover ul,
#horizontal-multilevel-menu li li.jshover ul,
#horizontal-multilevel-menu li li li:hover ul,
#horizontal-multilevel-menu li li li.jshover ul,
#horizontal-multilevel-menu li li li li:hover ul,
#horizontal-multilevel-menu li li li li.jshover ul,
#horizontal-multilevel-menu li li li li li:hover ul,
#horizontal-multilevel-menu li li li li li.jshover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

div.menu-clear-left
{
	clear:left;
}

/* End */
/* /bitrix/templates/unicum_blue/components/bitrix/news/sev_cards/bitrix/news.list/.default/style.css?17919516117338 */
/* /bitrix/templates/unicum_blue/components/bitrix/menu/main_menu/style.css?16765356004414 */
