/*--- page list event ---*/

.list-event-wrap{
	margin-bottom: -30px;
}
.list-event-wrap .list-event-item{
	margin-bottom: 30px;
	border: 1px solid var(--bzo-border-color);
	border-radius: 14px;
	gap: 20px;
	overflow: hidden;
}
.list-event-wrap .list-event-item:hover{
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
}
.list-event-item .event-date svg path{
	fill: var(--bzo-main-color);
}
.list-event-item .list-event-item_image{
	width: 40%;
	overflow: hidden;
}
.list-event-item .list-event-item_info{
	width: 60%;
	padding: 30px 0;
}
.list-event-item .list-event-item_info h3{
	margin: 0 0 5px 0;
}
.list-event-item .meta-event .item-meta-event{
	margin: 8px 0;
	gap: 5px;
}
.list-event-item .meta-event .item-meta-event svg{
	min-width: 20px;
}
@media(max-width: 1200px){
	.main-page-event{
		margin: 50px 0 50px 0;
	}
	.list-event-item .list-event-item_image{
		width: 45%;
	}
	.list-event-item .list-event-item_info{
		width: 55%;
		padding: 10px 0;
	}
	.list-event-item .meta-event .item-meta-event{
		margin: 4px 0;
	}
}
@media(max-width: 767px){
	.list-event-wrap .list-event-item{
		flex-direction: column;
		gap: 0;
	}
	.list-event-item .list-event-item_image{
		width: 100%;
	}
	.list-event-item .list-event-item_info{
		width: 100%;
		padding: 20px 15px;
	}
	.list-event-item .list-event-item_info h3{
		font-size: 18px;
	}
}
/*--- end page list event ---*/
/*--- page single event ---*/
.main-page-event.single-event-post{
	margin: 0 0 80px 0;
}
.content-single-event .event-gallery{
	margin-bottom: 20px;
}
.content-single-event .event-gallery img{
	border-radius: 8px;
}
.content-single-event .event-gallery .elbzotech-wrapper-slider{
	gap: 30px;
}
.content-single-event .gallery-thumbs{
	width: 31.8%;
}
.content-single-event .swiper-container-horizontal{
	width: 68.2%;
}
.event-gallery .gallery-thumbs .swiper-slide{
	height: auto!important;
	
}
.event-gallery .swiper-container-horizontal .swiper-button-nav{
	padding: 30px 12px;
	background-color: #f5f5f5;
	color: #999;
	font-size: 20px;
	width: 36px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
}
.event-gallery .swiper-container-horizontal .swiper-button-nav:hover{
	background: var(--bzo-main-color);
	color: #fff;
}
.event-gallery .swiper-container-horizontal .swiper-button-next{
	border-radius: 8px 0 0 8px;
	right: 0;
}
.event-gallery .swiper-container-horizontal .swiper-button-prev{
	border-radius: 0 8px 8px 0;
	left: 0;
}
.content-single-event .item-image-event img{
	width: 100%;
}
.content-single-event .title-post-single{
	margin-bottom: 20px;
}
.content-single-event .meta-event h3{
	margin-bottom: 15px;
}
.content-single-event .detail-content-wrap ul,
.content-single-event .detail-content-wrap h3{
	margin: 0 0 15px 0;
}
.content-single-event .meta-event-list{
	margin-bottom: 15px;
}
.content-single-event .meta-event-list .item-meta-event{
	margin-bottom: 10px;
}
.content-single-event .meta-event-list .item-meta-event svg{
	margin-right: 10px;
	min-width: 25px;
}
.content-single-event .meta-event-list label{
	margin-right: 5px;
}
@media(max-width: 1200px){
	.content-single-event .title-post-single{
		font-size: 32px;
	}
	.content-single-event .meta-event h3{
		font-size: 22px;
	}
}
@media(max-width: 767px){
	.content-single-event .title-post-single{
		font-size: 22px;
	}
	.content-single-event .meta-event h3{
		font-size: 18px;
	}
	.event-gallery .gallery-thumbs .swiper-slide{
		margin-bottom: 10px !important;
	}
	.content-single-event .event-gallery .elbzotech-wrapper-slider{
		gap: 15px;
	}
	.event-gallery .swiper-container-horizontal .swiper-button-nav{
		width: 26px;
		font-size: 18px;
		padding: 20px 15px;
	}
}
/*--- end page single event ---*/

/* event home 1 */
.item-grid-post-event1{
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
	border-radius: 14px;
	padding: 20px 30px;
	transition: .1s;
}
.item-grid-post-event1.active-effect,
.item-grid-post-event1:hover{
	background-color: #FFF3CF;
}
.item-grid-post-event1 .item-post{
	position: relative;
	display: flex;
	gap: 12px;
	align-items: center;
}
.item-grid-post-event1 .post-info-event h3{
	position: relative;
	margin: 0 0 6px 0;
	padding: 0 0 7px 0;
}
.item-grid-post-event1 .post-info-event h3::before{
	position: absolute;
	content: "";
	width: 55px;
	height: 4px;
	background-color: var(--bzo-main-color);
	left: 0;
	bottom: 0;
}
.item-grid-post-event1 .item-post .readmore-wrap a{
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-color: var(--bzo-main-color);
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	text-align: center;
	padding: 0;
	line-height: 24px;
}
.item-grid-post-event1 .item-post .readmore-wrap a:hover{
	background-color: var(--bzo-main-color2);
}
.item-grid-post-event1 .item-post .readmore-wrap a span{
	display: none;
}
.item-grid-post-event1 .item-post .post-date-event{
	background-color: var(--bzo-main-color);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	width: 102px;
	height: 85px;
	padding: 15px 30px;
	text-align: center;
	line-height: 1.4;
}
.item-grid-post-event1 .event-time-wrap .event-venue{
	text-transform: uppercase;
}
.item-grid-post-event1 .event-time-wrap{
	gap: 3px;
}
@media(max-width: 1200px){
	.item-grid-post-event1 .post-info-event h3{
		font-size: 18px;
	}
}
@media(max-width: 767px){
	.item-grid-post-event1 .post-info-event h3{
		font-size: 16px;
	}
	.item-grid-post-event1{
		padding: 20px 15px;
	}
	.item-grid-post-event1 .item-post .post-date-event{
		width: 80px;
		background-size: contain;
		padding: 16px;
		font-size: 16px;
	}
}

/* event home 1 */
.item-grid-post-event2{
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.14);
	border-radius: 14px;
	padding: 20px 30px;
	transition: .1s;
}
.item-grid-post-event2 .item-post{
	position: relative;
	display: flex;
	gap: 12px;
	align-items: center;
}
.item-grid-post-event2 .item-post .post-thumb{
	width: 160px;
	border-radius: 14px;
	overflow: hidden;
}
.item-grid-post-event2 .event-time-wrap{
	gap: 3px;
}
.item-grid-post-event2 .event-time-wrap .event-venue{
	text-transform: uppercase;
}
.item-grid-post-event2 .event-address span{
	padding-right: 3px;
}
.item-grid-post-event2 .item-post .readmore-wrap a{
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background-color: var(--bzo-main-color);
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: block;
	text-align: center;
	padding: 0;
	line-height: 22px;
}
.item-grid-post-event2 .item-post .readmore-wrap a:hover{
	background-color: var(--bzo-main-color2);
}
.item-grid-post-event2 .item-post .readmore-wrap a span{
	display: none;
}
.item-grid-post-event2 .item-post .post-title{
	margin-bottom: 6px;
}
@media(max-width: 1200px){
	.item-grid-post-event2 .post-info-event h3{
		font-size: 18px;
	}
}
@media(max-width: 767px){
	.item-grid-post-event2 .post-info-event h3{
		font-size: 16px;
	}
	.item-grid-post-event2{
		padding: 20px 15px;
	}
}
@media(max-width: 480px){
	.item-grid-post-event2 .item-post .readmore-wrap{
		display: none;
	}
	.item-grid-post-event2{
		padding: 15px 10px;
	}
	.item-grid-post-event2 .event-time-wrap{
		flex-wrap: wrap;
	}
	.item-grid-post-event2 .item-post .post-thumb{
		width: 135px;
	}
}
/* event style 3 */
.item-grid-post-event3 .item-post{
	display: flex;
	gap: 20px;
	align-items: center;
}
.item-grid-post-event3 .item-post .post-date-event{
	background-color: var(--bzo-main-color2);
	color: var(--bzo-main-color);
	font-size: 20px;
	width: 70px;
	padding: 15px 10px;
	border-radius: 3px;
	line-height: 1.1;
}
.item-grid-post-event3 .item-post .post-title{
	margin-bottom: 5px;
}
.item-grid-post-event3 .item-post .event-time{
	padding: 0 3px;
}
@media(max-width: 767px){
	.item-grid-post-event3 .item-post .post-title{
		font-size: 16px;
		font-weight: 600;
	}
}