.event_item_right, .event_list li, .event_item_left, .footer_content_event ul, .footer_content_event li a{
	display: flex;display: -webkit-flex;}


.event_list_wrapper > a{display: block;margin: auto;}
.event_list li{margin-bottom: 20px;border-radius: 5px;overflow: hidden;}
.event_item_left{text-align: center;position: relative;align-items: center;color: #fff;
	justify-content: center;flex-direction: column;}
.event_list li:nth-child(3n+1) .event_item_left{background: #3bb6c5}/*pertama*/
.event_list li:nth-child(3n+2) .event_item_left{background: #efd000}/*kedua*/
.event_list li:nth-child(3n+3) .event_item_left{background: #e58cad}/*ketiga*/

.event_list li:nth-child(3n+1) .event_item_left::before{border-left: 13px solid #3bb6c5}/*pertama*/
.event_list li:nth-child(3n+2) .event_item_left::before{border-left: 13px solid #efd000}/*kedua*/
.event_list li:nth-child(3n+3) .event_item_left::before{border-left: 13px solid #e58cad}/*ketiga*/

.event_item_left h4, .event_item_left h2, .event_item_left p, .event_item_desc h2, .event_item_desc p, .event_item_desc a
{color: inherit;}
.event_item_left::before{content: "";z-index: 1;position: absolute;right: -13px;width: 0;}
.event_item_left h4{margin: 0;font-size: 16px;}
.event_item_left h2{margin: 0;}
.event_item_left .month, .event_item_left .price{font-size: 26px;}

.event_item_right{flex-grow: 4;position: relative;overflow: hidden;align-items: center;justify-content: center;}
.event_item_right img{width: 100%;height: 100%;position: absolute;object-fit: cover;top: 0;z-index: -1}
.event_item_desc{color: #fff;position: relative;}
.event_item_desc h2{font-size: 32px;margin: 0;margin-bottom: 10px;text-transform: uppercase;}
.event_item_desc p{font-size: 21px;line-height: 30px}
.event_item_desc a{width: 180px;padding: 10px;border: 1px solid #fff;border-radius: 100px;display: block;text-align: center;
	margin-top: 30px;box-sizing: border-box;transition: all 0.2s;-webkit-transition: all 0.2s;}
.event_item_desc a:hover{background: #fff;color: #51c1b0;transition: all 0.2s;-webkit-transition: all 0.2s;}
.overlay_bg{background: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 0;display: inline-block;}

.footer_content_event{margin-bottom: 150px;margin-top: 100px}
.footer_content_event li a{flex-direction: column;justify-content: center;align-items: center;
	box-sizing: border-box;text-align: center;position: relative;transition: all 0.2s;-webkit-transition: all 0.2s}
.footer_content_event li a:hover{background: #f7f7f7;transition: all 0.2s;-webkit-transition: all 0.2s}
.footer_content_event li h3{text-decoration: underline;font-size: 22px;}
.footer_content_event li p{font-size: 20px;font-family: "ssL"}

.footer_content_event .sep{position: absolute;}
.footer_content_event h2{font-size: 40px;width: 290px;margin:auto;text-align: center;margin-bottom: 30px;
	text-transform: uppercase;}
.logo{width: 45px;height: 55px;background-size: contain;background-repeat: no-repeat;display: block;}
.volunteer_logo{background-image: url('../media/volunteer_logo.png');}
.donation_logo{background-image: url('../media/icon_forum.png');background-position: bottom;}
.show_more_button_grey{margin-top: 60px;}



@media (min-width: 0){
	.event_list li, .footer_content_event ul{flex-direction: column;}
	.event_item_left::before{top: auto;left: 50%;transform: translateX(-50%);bottom: -13px;
		border-left: 13px solid transparent;border-right: 13px solid transparent;
		border-top: 13px solid #51c1b0;border-bottom: 0;}
	.event_item_left{width: 100%;height: auto;padding: 20px 0;}
	.event_item_desc{width: 85%;padding: 30px 0;}
	.event_item_left .price, .event_item_left h4{margin-bottom: 10px;}
	.event_item_left h2{font-size: 90px;line-height: 90px;}
	.footer_content_event li{width: 100%;}
	.footer_content_event .sep{height: auto;border-right: 0;border-bottom: 1px solid #e2e2e2;right: 0;top: auto;
		transform: auto;-webkit-transform: auto;
		width: 100%;bottom: 0;display: block;}
	.footer_content_event li a{padding: 30px 20%;}
}
@media (min-width: 640px){
	.footer_content_event ul, .event_list li{flex-direction: row}
	.event_item_left::before{top: 50%;left: auto;transform: translateY(-50%);bottom: auto;
		border-left: 13px solid #51c1b0;border-right: 0;
		border-top: 13px solid transparent;border-bottom: 13px solid transparent;}
	.event_item_left{width: 300px;height: auto;padding: 20px 0;}
	.event_item_desc{width: 80%;padding: 30px 0; max-width: 480px;}
	.event_item_left .price, .event_item_left h4{margin-bottom: 10px;}
	.event_item_left h2{font-size: 100px;line-height: 90px;}
	.footer_content_event li{width: 100%;}
	.footer_content_event .sep{height: 80%;border-bottom: 0;border-right: 1px solid #e2e2e2;right: 0;top: 50%;
		transform: translateY(-50%);-webkit-transform: translateY(-50%);display: block;
		width: auto;bottom: auto;}
	.footer_content_event li a{padding: 30px 10%;}
}
@media (min-width: 1190px){
	.event_list li, .footer_content_event ul{flex-direction: row}
	.event_item_left::before{top: 50%;left: auto;transform: translateY(-50%);bottom: auto;
		border-left: 13px solid #51c1b0;border-right: 0;
		border-top: 13px solid transparent;border-bottom: 13px solid transparent;}
	.event_item_left{width: 300px;height: 330px;padding: 0}
	.event_item_desc{width: 75%;padding: 0; max-width:650px;}
	.event_item_left h4{margin-bottom: 30px;}
	.event_item_left .price{margin-top: 30px;}
	.event_item_left h2{font-size: 100px;line-height: 75px;}
	.footer_content_event li{width: 50%;}
	.footer_content_event .sep{height: 80%;border-bottom: 0;border-right: 1px solid #e2e2e2;right: 0;top: 50%;
		transform: translateY(-50%);-webkit-transform: translateY(-50%);display: block;
		width: auto;bottom: auto;}
	.footer_content_event li a{padding: 30px 20%;}
}