/*
Theme Name:  KKL Events
Author: Mohammad Shalata
Version: 4.1
Text Domain: Asaf Digital
*/


table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    padding: 10px;
    text-align: center;
    border: 1px solid black;
}

th {
    background-color: #eee;
}

.bottom_footer p {text-align:left;}

.gallery_slider_home {}
	.gallery_slider_home a {position:relative; width:100%; height:100%; display:block;}
		.gallery_slider_home a span {position:absolute; bottom:0; left:50%; transform:translate(-50%, 0); width:calc(100% - 38px); background:rgba(0,0,0,0.5); color:#fff; text-align:center; padding:.5em 1em;}
@media all and (max-width:768px){
	.home_img .date_event img {margin:0 auto;}
	.title_post {position:relative; width:auto; top:0;}
	.title_post .date_event {text-align:center; margin-left:0;}
	.title_post .event_title {margin-left:0;}
	.title_post .event_title div:first-of-type {margin-top:-10px;}
	.title_post .event_title > * {display:inline-block; width:auto!important}
}


.row-lecturers {}
	.pointer-event {flex-wrap:wrap; gap:10px;}
	
	.pointer-event.three-parts {}
		.pointer-event .more_info_icon {margin:0!important; }
		.pointer-event.three-parts > .name {width:calc(100% - 130px); margin:0!important;}
.main_post_title h3 {justify-content:space-between; }
	.main_post_title h3:after {width:65%;}		
#GeneralProjects .img, #projectsForDonation .img {width:100%; height:200px;}
#lecturers .img img, #projectsForDonation .img img, #GeneralProjects .img img {width:100%; height:100%; object-fit:cover}
#projectsForDonation .main_post_title .icon:after, #GeneralProjects .main_post_title .icon:after {content:none;}
#projectsForDonation .main_post_title .icon svg, #GeneralProjects .main_post_title .icon svg {margin-left:0;;}
 #lecturers .img {width:84px; height:84px;}
 
 
 body .metaslider .flexslider .flex-direction-nav .flex-nav-prev {font-size:0; position:absolute; top:50%; left:0;}
	body .metaslider .flexslider .flex-direction-nav .flex-nav-prev a.flex-prev {right:-45px;}
 body .metaslider .flexslider .flex-direction-nav .flex-nav-next {font-size:0; position:absolute; top:50%; right:0;}
 
 #gallery {direction:ltr;}
 #gallery .rl-gallery-item.slick-slide {width:220px; height:220px;}
	#gallery .rl-gallery-item.slick-slide a {width:100%; height:100%; display:block;}
	#gallery .rl-gallery-item.slick-slide img {width:100%; height:100%; object-fit:cover;}

button.slick-prev.slick-arrow {right:0;}	
button.slick-prev.slick-arrow, button.slick-next.slick-arrow {z-index:550; }
button.slick-next.slick-arrow {left:0;}