/* evt listing */

.component_evt_list {
	text-align: center;
}
	
	.evt_box {
  		max-width: 1400px;
		margin: auto;
		padding: 0 10px;
	}
	@media screen and (min-width : 1420px) {
		.evt_box { padding: unset; }
	}
	
	.evt_item {
		display: block;
		text-align: left;
		margin: 20px auto;
		width: 100%;
		background: color-mix(in srgb, var(--third_color), var(--fourth_color) 69%);
		vertical-align: top;
		border: 2px solid var(--first_color);
		cursor: pointer;
	}
	@media screen and (min-width : 993px) {
		.evt_item { display: flex; flex-direction: row; }
	}
	
	.evt_image_cat {
		position: relative;
		overflow: hidden;
	}
	
		.box_img {
			display: inline-block;
			width: 100%;
			height: auto;
			vertical-align: top;
			position: relative;
		}
		@media screen and (min-width : 480px) and (max-width : 992px) {
			.box_img { height: 230px; overflow: hidden; }
		}
		@media screen and (min-width : 993px) {
			.box_img { width: 473px; height: 247px;  }
		}

		.box_img img {
			display: block;
			width: 100%;
			height: auto;				
		}
		@media screen and (min-width : 480px) and (max-width : 992px) {
			.box_img img { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }
		}
		@media screen and (min-width : 993px) {
			.box_img img { width: 473px; }
		}
		
		.category_evt {
			position: absolute;
			bottom: -25px;
			left: -25px;
			background-color: var(--fourth_color);
			border: 2px solid var(--first_color);
			border-radius: 50%;
			height: 110px;
			width: 110px;
			padding: 18px 0 0 14px;
		}
		
		.category_evt.cat_ef424fec3d2a19b0fd09bda37a4d7402 {
			padding: 13px 0 0 14px;
		}
		
			.category_evt a {
				display: flex;
				flex-direction: column;
				align-items: center;
				color: var(--first_text);
			}
			
				.icon_cat_evt {
					font-size: 30px;
					margin-bottom: 5px;
				}
				
				.cat_66918ef8d485dc8f31179cf580889426 .icon_cat_evt {
					font-size: 25px;
				}
			
				.label_cat_evt {
					text-transform: uppercase;
					font-size: 13px;
					font-weight: 500;
					line-height: 17px;
					text-align: center;
				}
			
	.evt_info {
		border-bottom: unset;	
	}
	@media screen and (min-width : 993px) {
		.evt_info { display: flex; flex: 1; flex-direction: column; justify-content: space-between; }
	}
		
		.evt_item_title {
			font-size: 24px;
			font-weight: 600;
			color: var(--first_color);
			line-height: 24px;
			padding: 20px 10px 0;
		}
		
		.evt_item_text {
			padding: 20px 10px 0;
			-webkit-line-clamp: 2;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		
		.hour_evt {
			padding: 20px 10px 0;
		}
		
			.hour_evt svg {
				color: var(--first_light);
				margin-right: 10px;
				filter: drop-shadow(1px 0.5px 0.5px #7d7d7d);
			}
		
	.evt_calendar {
		color: var(--fourth_color);
		font-size: 24px;
		text-transform: uppercase;
		font-weight: 500;
	}
	
		.date_evt {
			padding: 10px;
			line-height: 28px;
			text-shadow: 1px 1px 1px #000000;
		}
		
			.date_evt svg {
				margin-right: 15px;
			}
			
	.address_evt {
		background-color: var(--first_color);
		padding: 10px;
		color: var(--fourth_color);
		margin-top: 20px;
	}
	
	.address_evt a {
		color: var(--fourth_color);
	}

.all_evts {
	margin: 30px auto 0;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--third_color);
}
@media screen and (min-width : 370px) {
	.all_evts { padding-bottom: unset; border-bottom: unset; }
}

	.btt_evt {
		width: 120px;
	}

	.btt_evt:hover {
		text-decoration: underline;
		background: var(--first_color);
	}