/* Start:/local/templates/aspro_next/components/bitrix/news.detail/course-schedule/style.css?1772113144738*/

/* Внимание! Дополнительно классы описаны в шаблоне для news.list*/

.mod-schedule {--pink: #ed008c;}
.mod-schedule h3{margin-top: 0;}
.mod-schedule .c-pink{color: var(--pink);}
.mod-schedule .fw-700{font-weight: 700;}
.mod-schedule .preview-text{padding-bottom: 2rem;}
.mod-schedule .block-points-links{padding-bottom: 2rem;}
.mod-schedule .block-buttons {display: flex;gap: 12px;flex-wrap: wrap; padding-bottom: 2rem;}
.mod-schedule .telegram-btn {background-color: transparent !important;border: 1px solid #2AABEE !important;color: inherit !important;transition: all 0.3s ease !important;}
.mod-schedule .telegram-btn:hover {background-color: #2AABEE !important;color: #ffffff !important;}
/* End */


/* Start:/local/templates/aspro_next/components/bitrix/news.list/course-schedule/style.css?17724300606177*/
.mod-schedule .course-card{padding-bottom: 1rem;height: 100%;}
.mod-schedule .course-name{display: inline-block; font-weight: 600;font-size: 18px;margin-bottom: 1rem;}
.mod-schedule .course-item{color: black;}
.mod-schedule .fl-col{display: flex;flex-direction: column;}
.mod-schedule .course-item:hover{color: #d346ad !important;}
.mod-schedule .course-item .row{justify-content: space-between;}
.mod-schedule .send-button {margin-top: auto; text-align: center; padding-top: 1rem;}
.mod-schedule button {display: inline-block; margin-top: auto;}
.mod-schedule .course-item-period {word-wrap: break-word; hyphens: auto;}

.mod-schedule .preview-picture {max-width: 100%;width: 100%; height: auto;display: block;object-fit: cover; padding-bottom: 1rem;}

.mod-schedule .pb-1{padding-bottom: 0.25rem;}
.mod-schedule .pb-2{padding-bottom: 0.5rem;}
.mod-schedule .pb-3{padding-bottom: 1rem;}
.mod-schedule .pb-4{padding-bottom: 2rem;}
.mod-schedule .pb-5{padding-bottom: 3rem;}

/* Контейнер для рядов */
.mod-schedule .align-str {align-items: stretch;height: 100%;}
.mod-schedule .list-block {display: flex; flex-direction: column; height: 100%;}
.mod-schedule .row {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}

/* Базовые стили для всех колонок */
.mod-schedule [class*="col-"] {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;box-sizing: border-box;line-height: 1.2;}

/* Колонки для разных размеров экрана */
.mod-schedule .col-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
.mod-schedule .col-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
.mod-schedule .col-3  { flex: 0 0 25%;        max-width: 25%; }
.mod-schedule .col-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
.mod-schedule .col-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
.mod-schedule .col-6  { flex: 0 0 50%;        max-width: 50%; }
.mod-schedule .col-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
.mod-schedule .col-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
.mod-schedule .col-9  { flex: 0 0 75%;        max-width: 75%; }
.mod-schedule .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
.mod-schedule .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
.mod-schedule .col-12 { flex: 0 0 100%;       max-width: 100%; }

/* Адаптивные классы (как в Bootstrap) */
/* Адаптивные классы - компактная запись */
@media (min-width: 576px) {
	.mod-schedule .col-sm-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
	.mod-schedule .col-sm-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.mod-schedule .col-sm-3  { flex: 0 0 25%;        max-width: 25%; }
	.mod-schedule .col-sm-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.mod-schedule .col-sm-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
	.mod-schedule .col-sm-6  { flex: 0 0 50%;        max-width: 50%; }
	.mod-schedule .col-sm-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
	.mod-schedule .col-sm-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
	.mod-schedule .col-sm-9  { flex: 0 0 75%;        max-width: 75%; }
	.mod-schedule .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
	.mod-schedule .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
	.mod-schedule .col-sm-12 { flex: 0 0 100%;       max-width: 100%; }



}

@media (min-width: 768px) {
	.mod-schedule .col-md-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
	.mod-schedule .col-md-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.mod-schedule .col-md-3  { flex: 0 0 25%;        max-width: 25%; }
	.mod-schedule .col-md-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.mod-schedule .col-md-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
	.mod-schedule .col-md-6  { flex: 0 0 50%;        max-width: 50%; }
	.mod-schedule .col-md-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
	.mod-schedule .col-md-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
	.mod-schedule .col-md-9  { flex: 0 0 75%;        max-width: 75%; }
	.mod-schedule .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
	.mod-schedule .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
	.mod-schedule .col-md-12 { flex: 0 0 100%;       max-width: 100%; }
}

@media (min-width: 992px) {
	.mod-schedule .col-lg-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
	.mod-schedule .col-lg-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.mod-schedule .col-lg-3  { flex: 0 0 25%;        max-width: 25%; }
	.mod-schedule .col-lg-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.mod-schedule .col-lg-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
	.mod-schedule .col-lg-6  { flex: 0 0 50%;        max-width: 50%; }
	.mod-schedule .col-lg-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
	.mod-schedule .col-lg-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
	.mod-schedule .col-lg-9  { flex: 0 0 75%;        max-width: 75%; }
	.mod-schedule .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
	.mod-schedule .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
	.mod-schedule .col-lg-12 { flex: 0 0 100%;       max-width: 100%; }
}

@media (min-width: 1200px) {
	.mod-schedule .col-xl-1  { flex: 0 0 8.333333%;  max-width: 8.333333%; }
	
	.mod-schedule .col-xl-2  { flex: 0 0 16.666667%; max-width: 16.666667%; }
	.mod-schedule .col-xl-3  { flex: 0 0 25%;        max-width: 25%; }
	.mod-schedule .col-xl-4  { flex: 0 0 33.333333%; max-width: 33.333333%; }
	.mod-schedule .col-xl-5  { flex: 0 0 41.666667%; max-width: 41.666667%; }
	.mod-schedule .col-xl-6  { flex: 0 0 50%;        max-width: 50%; }
	.mod-schedule .col-xl-7  { flex: 0 0 58.333333%; max-width: 58.333333%; }
	.mod-schedule .col-xl-8  { flex: 0 0 66.666667%; max-width: 66.666667%; }
	.mod-schedule .col-xl-9  { flex: 0 0 75%;        max-width: 75%; }
	.mod-schedule .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; }
	.mod-schedule .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; }
	.mod-schedule .col-xl-12 { flex: 0 0 100%;       max-width: 100%; }
	.mod-schedule .send-button {text-align: left; padding-top: 2rem;}
}
/* End */
/* /local/templates/aspro_next/components/bitrix/news.detail/course-schedule/style.css?1772113144738 */
/* /local/templates/aspro_next/components/bitrix/news.list/course-schedule/style.css?17724300606177 */