/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 11 2023 | 13:10:47 */
.calendar-slider .loop-calendar-horizontal-event .img_box li span:last-child {
    padding-left: 0;
}
.calendar-slider .loop-calendar-horizontal-event p.d-flex{
    justify-content: flex-end;
}
.calendar-full .loop-day:hover .event .wpstack-bg,
.loop-calendar-horizontal-event:hover .img_box .position-relative img{
    transform: scale(1.1);
}
.calendar-full .loop-day .event .wpstack-bg,
.loop-calendar-horizontal-event .img_box .position-relative img{
    transition: 0.4s;
    max-width: 100%;

}
.calendar-full .loop-day,
.loop-calendar-horizontal-event{
/*     overflow: hidden; */
}
.ipo-calendar.calendar-full.loading{
    opacity: .3;
    pointer-events: none;
}

.calendar-full .loop-day label{
    color: #fff;
}

.calendar-events-header .filter{
    width: 100px;
    max-width: 100px;
}

.calendar-events-header .filters a.open-filter span{
    position: absolute;
    width: 100%;
}

.loop-calendar-list-event{
    position: relative;
}

.loop-calendar-list-event:hover{
    background-color: #f6f6f6;;
}

.loop-calendar-list-event .img_box{
    padding-left: 15px;
    padding-right: 15px;
}

.loop-calendar-list-event .img_box .row{
    align-items: center
}
.events-container{
	transition: .5s;
}
.loop-day.has-events:hover .contents .events-container{
    transform: scale(1.2);
}

.page-template-template-calendar-full section.first-section{
    margin-top: 70px;
}

.calendar-full .calendar-header{
    margin-bottom: 30px;
}

.media > a{
    display: block;
    width: 100%;
    height: 100%;
}

.loop-calendar-horizontal-event .img_box h4{
    height: auto;
}

.img_box .playlist{
	z-index: 5;
}

.calendar-full{
    margin-top: 50px;
}

@media only screen and (max-width: 768px){
	.loop-calendar-horizontal-event img.horizontal-img{
		height: auto;
	}

	.loop-calendar-horizontal-event .row{
		margin-left: 0;
		margin-right: 0;
	}

	.loop-event.loop-calendar-horizontal-event .col-lg-5.order-2.order-lg-2{
		padding-left: 0;
		padding-right: 0;
	}

	.calendar_area .numCount li{
		padding-left: 5px;
		padding-right: 5px;
	}
	.loop-calendar-horizontal-event .position-relative .horizontal-img{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%) !important;
	}
	
	/* QA SAGI 26-2-23 */
	
	.loop-calendar-list-event{
		padding-left: 0;
		padding-right: 0;
	}

	.loop-calendar-list-event .ipo-program-image{
		height: auto;
	}

	.loop-calendar-list-event .ipo-program-image:after{
		content: "";
		display: block;
		padding-bottom: 55%;
	}

	.loop-calendar-list-event .ipo-program-image .wpstack-bg-image{
		height: 100%;
		position: absolute;
	}

	.calendar-events-header .filters a.open-filter i, 
	.calendar-events-header .filters a.open-filter span{
		display: none;
	}
	body .calendar-events-header > .search-field{
		margin-top: 0;
	}
	.calendar-events-header .filters{
		flex-basis: 50px;
		width: 70px;
	}
	.calendar-events-header i.icon.icon-filter{
		margin-left: 0;
	}

	.calendar-events-header input::placeholder,
	.calendar-events-header input{
		font-size: 18px !important;
	}

	.calendar-events-header>.search-field{
		height: 50px;
	}

	.calendar-events-header .icon-search img{
		margin-top: -5px;
	}
	.ipo-list-left.mobile-only a.event-link.disabled{
		pointer-events: none;
		background-color: rgba(0, 0, 0, 0.6) !important;
	}

	.ipo-event-details *{
		line-height: 1;
		font-size: 16px !important; 
	}

	.ipo-list-left.mobile-only .event-date .date{
		font-size: 50px !important;
		line-height: 1;
	}

	.loop-calendar-list-event{
		padding-bottom: 25px;
	}
	
	
}

@media (max-width: 1600px) and (min-width: 768px){
	.loop-event .col-lg-5.order-2.order-lg-2{
		width: calc( 100% - 50px );
		max-width: calc( 100% - 30px );
	}
}

/* CALENDAR DESIGN CHANGE */

.calendar_area .numCount li label{
    border-radius: 0;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.calendar_area .numCount li.active label{
    color: white;
}

.calendar_area .numCount li label p{
    font-family: 'Simpler';
    font-size: 16px;
    color: #d2d2d2;
}

.calendar_area .numCount li{
    padding-bottom: 10px;
}

.calendar_area .calendar-row:after{
    height: 2px;
    opacity: 1;
}

.calendar_area .numCount li label p,
.calendar_area .numCount li span{
    color: black;
}
.calendar_area .numCount li.active label p,
.calendar_area .numCount li.active span{
    color: white !important;
}
	.ipo-program-image .wpstack-bg-image{
		background-color: rgba(234,234,234,0.62);
	}

@media only screen and (max-width: 768px){
	html .calendar_area .numCount li label p{
		font-size: 14px;
		letter-spacing: -0.2px;
	}

	html .calendar_area .numCount li label{
		width: 50px;
		height: 50px;
	}
	
	html .slick-initialized .loop-calendar-horizontal-event.slick-slide{
		margin-left: 20px;
		margin-right: 10px;
	}
	.loop-calendar-horizontal-event .img_box h4{
		height: 50px !important;
	}
	html .img_box li .arrow{
		width: 1rem;
	}
	html .calendar-events-header .filters a.open-filter span{
		display: none;
	}



	.calendar-events-header .icon-search img{
		height: 22px;
	}

	.calendar-events-body{
		padding-top: 0;
	}

	.calendar-full .current-month{
		justify-content: center;
	}

	.ipo-list-left.mobile-only a.event-link{
		min-width: 100px !important;
		font-size: 16px;
		white-space: nowrap;
	}

	.ipo-event-details .time-and-day{
		text-align: right;
	}

	.ipo-event-details{
		margin-right: 15px;
		margin-left: auto;

	}

	.ipo-event-details span{
		font-weight: 500;
	}

	.calendar-events-header>.search-field{
		padding-right: 30px;
	}
	.ipo-list-left.mobile-only a.event-link{
		height: 43px !important;
		font-weight: 400;
	}

	.ipo-event-details .time-and-day{
		margin-bottom: 5px;
	}
	.filter .panel{
		padding: 7px;
		top: 0;
		left: 5px;
	}
	
	.calendar-events-header .filters .close{
		margin-left: 8px;
	}

	body .calendar-events-header .filters ul.options li{
		margin-left: 0;
		margin-right: 0;
		min-width: 60px;
		text-align: center;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
}

html .calendar-events-header .filters{
	margin-top: 0;
}

.clear-search{
    position: absolute;
    left: 0;
    width: 20px !important;
    cursor: pointer;
    transition: .5s;
    height: 20px !important;
    line-height: 0.5;
    top: 50%;
    transform: translatey(-50%);
}

@media only screen and (min-width: 769px){
    .calendar-slider .slick-list .loop-calendar-horizontal-event{
        width: calc( ( 100vw - 160px ) / 3  );
    }
}
@media only screen and (max-width: 1280px) and (min-width: 769px){
    .calendar-slider .slick-list .loop-calendar-horizontal-event{
        width: calc( ( 100vw - 160px ) / 2  );
    }
}

@media only screen and (max-width: 390px){
    .calendar_area  .title.style-1{
        flex-wrap: wrap;
    }
    .calendar_area  .title.style-1.pb-75{
        padding-bottom: 0 !important;
    }
    .calendar_area  .calendar_area .title_box .date{
        margin-top: 20px;
    }
    .calendar_area .numCount li{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .loop-calendar-horizontal-event .horizontal-img{
        min-height: 130px;
    }
}

@media only screen and (max-width: 768px){
    .loop-calendar-horizontal-event .img_box h4{
        height: unset !important;
    }
	.calendar-events-header i.icon.icon-filter{
		padding: 0 !important;
		height: 50px !important;
		width: 50px !important;
	}

	.calendar-events-header i.icon.icon-filter > img{
		height: 18px;
	}

	.calendar-events-header .filter .panel{
		left: 0px;
		padding-left: 10px;
		padding-right: 10px;
		top: 0;
	}
}