

/* Start:/local/templates/etm_44/components/bitrix/news.list/company-events/style.css?17016104954994*/
.company-events-list {
}

.company-events-list .items-row {
	align-items: stretch;
}

.company-events-list .item-block {
}
.company-events-list .item-block .item-block-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.company-events-list .item-block .year-label-block {
	--year-label-font-size: calc(var(--font-size-1) - 5px);
	padding-top: 60px;
	height: calc(var(--year-label-font-size) * 1.3 + 60px);
	margin-bottom: 25px;
}
/* md- (incl) */
@media (max-width: 991px) {
	.company-events-list .item-block .year-label-block {
		--year-label-font-size: calc(var(--font-size-1));
	}
}
/* sm- (incl) */
@media (max-width: 767px) {
	.company-events-list .item-block .year-label-block {
		--year-label-font-size: calc(var(--font-size-1));
		/*  */
	}
}

.company-events-list .item-block .year-label {
	display: inline-block;
	height: 100%;
	font-size: var(--year-label-font-size);
	padding: calc(var(--year-label-font-size) * 0.1) calc(var(--year-label-font-size) * 0.5);
	margin-left: -30px;
	line-height: 1;
	font-weight: bold;
	color: var(--color-white);
	background-color: var(--color-green);
	border-radius: 10px;
	box-shadow: 0 0 0 1rem var(--color-light-gray);
}

.company-events-list .item-block .block-icon {
	width: 50px;
	margin-left: -10px;
}

.company-events-list .item-block .block-header {
	padding: 0.5rem 0 1.5rem;
	flex-grow: 1;
}
.company-events-list .item-block .block-header .title-block {
	height: 100%;
	padding-left: 1rem;
	border-left: 7px solid var(--color-green);
	display: flex;
	align-items: flex-end;
}

.company-events-list .item-block .img-block {
}
.company-events-list .item-block .img-block .img-wrapper {
	background-color: var(--color-gray);
	border: 7px solid var(--color-green);
	position: relative;
}
.company-events-list .item-block .img-block .img-wrapper::before {
	content: " ";
	display: block;
	top: -14px;
	left: -14px;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 1;
	background-color: var(--color-white);
	border: 7px solid var(--color-green);
}
.company-events-list .item-block .img-block .img-wrapper .img-bg {
	transition:
	width 0.2s,
	height 0.2s,
	margin 0.2s;
}
.company-events-list .item-block .img-block .img-wrapper .img-bg.nophoto {
	background-size: contain;
	opacity: 50%;
}
.company-events-list .item-block:hover .img-block .img-wrapper .img-bg {
	width: 105%;
	height: 105%;
	margin-top: -2.5%;
	margin-left: -2.5%;
}

.company-events-list .bx-newslist-video {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	opacity: 0.7;
	z-index: 1;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	background: url("/local/templates/etm_44/components/bitrix/news.list/company-events/images/bx-video.png") no-repeat center;
}
.company-events-list .bx-newslist-video:hover {
	opacity: 1;
}


/* lg+: змеевидный порядок элементов, +таймлайл "полоской"  */
@media (min-width: 992px) {
	/* змейка */
	.company-events-list .items-row:nth-child(even) {
		flex-direction: row-reverse;
	}

	/* таймлайн горизонтальный */
	.company-events-list .items-row .img-block {
		border-top: 7px solid var(--color-green);
		margin: 0 -0.75rem;
		padding: 0 0.75rem;
	}
	.company-events-list .items-row .img-wrapper {
		margin-top: -6px; /* не понял, почему -6px а не -7px, но при -7px визуально границы не совпадают */
	}
	.company-events-list .items-row:nth-child(odd) .item-block:first-child .img-block,
	.company-events-list .items-row:nth-child(even) .item-block:last-child .img-block {
		padding-left: 0;
		margin-left: 0;
	}
	.company-events-list .items-row:nth-child(odd) .item-block:last-child .img-block,
	.company-events-list .items-row:nth-child(even) .item-block:first-child .img-block {
		padding-right: 0;
		margin-right: 0;
	}

	/* таймлайн вертикальный */
	.company-events-list .items-row:nth-child(even) .item-block:first-child .item-block-inner {
		border-right: 7px solid var(--color-green);
	}
	.company-events-list .items-row:nth-child(even) .item-block:first-child .img-wrapper {
		margin-right: -7px; 
	}
	.company-events-list .items-row:nth-child(odd):not(:first-child) .item-block:first-child .year-label-block {
		border-left: 7px solid var(--color-green);
	}
}

/****** mobile adaptation (degradation) ******/

/* md- (incl) */
@media (max-width: 991px) {
	.company-events-list .item-block .block-icon {
		display: none;
	}
	
	.company-events-list .item-block .title-block {
		padding-left: 0 !important;
		border-left: none transparent !important;
		font-size: var(--font-size-3);
	}
	
}

/* sm- (incl) */
@media (max-width: 767px) {
	.company-events-list .item-block .year-label-block {
		height: unset;
		padding-top: 0;
	}
	.company-events-list .item-block .year-label {
		margin-top: 60px;
		margin-left: 0;
		height: unset;
	}
	/*  */
	/*  */
}

/* End */
/* /local/templates/etm_44/components/bitrix/news.list/company-events/style.css?17016104954994 */
