:root {
  --upcommingcolor: #eb0000;
}


	art {
		position:relative;
		display:block;	
		width:100%;
		margin:0 auto;
		padding:10px 0;
		box-sizing:border-box;		
		border-bottom:1px solid rgba(132, 132, 132, 0.35);
	}
	
	art::after {
		clear: both;
		content: " ";
		display: table;
	}
	
	
	art:first-child {
		border-top:1px solid rgba(0,0,0,0.15);
	}
	
	
	.art-wrap {
		position:relative;
		box-sizing:border-box;		
		display:flex;
		align-items: center;
		width:auto;
		max-width: 50%;
		float:left;
		left: 5px;
		height: 140px;
	}
	
	.active .art-wrap {
		opacity: 1;
		-webkit-transition:translateY(0px);
		transform: translateY(0px);	
	}
	
	.art-content {
		display: flex;
		align-items: center;
		position: absolute;
		width: 50%;
		float: left;
		right: 5px;
		height: 100%;
		top: 0;
		justify-content: space-between;
	}
	
	art .hover-reveal {
		position: relative;
		width:0px;
		height: 140px;
		pointer-events: initial;
		opacity: 1;
		overflow:hidden;
		-webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
		transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
		top:0!important;
		left:0!important;
	}
	
	art:hover .hover-reveal {
		width:220px;
	}
	
	art .hover-reveal__inner {
  		width:220px;
 		height: 140px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
  		position: relative;
		-webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
		transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
	}
	
	art:hover .hover-reveal__inner {
		transform: translateX(0);
		-webkit-transform: translateX(0);
	}
	
	art .hover-reveal img {
		object-position: center;
		object-fit: cover;
		width: 100%;
		height: 100%;
		-webkit-transform:scale(1.2);
		transform: scale(1.2);
		-webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
		transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);			
	}
	
	art:hover .hover-reveal img {
		-webkit-transform:scale(1);
		transform: scale(1);			
	}
	
	art .post-title {
		font-weight:500;
		font-size: calc(1rem + 1vw);
		line-height: calc(1rem + 1.2vw);	
		-ms-word-wrap: break-word;
		word-wrap: break-word;
		text-align:left;
		box-sizing:border-box;
		padding:0;
		-webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
		transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1);
	}
	
	art:hover .post-title {
		transform: translateX(10px);
		-webkit-transform: translateX(10px);
	}
	
	.uppercase-text art .post-title {
		text-transform: uppercase;
		line-height: 110%;
	}
	
	.entry-meta-wrap {
		position:relative;
		display:block;
		box-sizing:border-box;
		width: auto;
	}
	
	.entry-meta-wrap::after {
		clear: both;
		content: " ";
		display: table;
	}
	
	.entry-meta {
		position:relative;
		display:block;
		box-sizing:border-box;
		padding:0;
		margin:0;
		margin-bottom:20px;
		overflow:hidden;
	}
	
	.entry-meta.entry-date {
		width:140px;
		text-align:right;
	}
	
	.entry-meta ul {
		position:relative;
		display:block;
		box-sizing:border-box;
		padding:0;
		margin:0;
	}
	
	.get-date span {
		position: relative;
		display: inline-block;
		width: 90px;
		margin-right: 3px;
		background-color: var(--upcommingcolor);
		line-height: 26px;
		color: #fff;
		list-style: none;
		padding: 10px;
		font-size: 18px;
		text-align: center;
	}
	.uppercase-text .entry-meta li {
		text-transform: uppercase;
	}
	
	.entry-meta li:last-child {
		margin-right:0;
	}
	
	.entry-meta li:hover::after {
		opacity:1;
	}
	
	.entry-meta li a {
		color:#000;
		display:inline-block;		
		overflow:hidden;
	}
	
	.entry-meta li a:hover {
		opacity:1;
	}
	
	.entry-meta li a span {
		position: relative;
		display: block;
		-webkit-transition: -webkit-transform 0.2s;
		transition: transform 0.2s;
		transform-origin: 100% 0%;
	}
	
	.entry-meta li a span::before {
		position: absolute;
		top: 100%;
		width:100%;
		left:0;
		content: attr(data-hover);
	}
	
	.entry-meta li:hover a span {
		-webkit-transform: translateY(-10%);
		transform: translateY(-10%);
		transform-origin: 0% 0%;
	}
	
	.entry-categories li::after {
		content: "/";
		width: 10px;
		height: 10px;
		top:0px;
		right: -15px;
		opacity:1;
		position: absolute;
		border-radius: 10px;
	}
	
	.entry-categories li:last-child:after {
		display:none;
	}
	
	.entry-tags li:first-child {
		width: 30px;
		position: relative;
		color: transparent;
		margin-right:10px;
		overflow:hidden;
	}
	
	.entry-tags li {
		margin-right:20px;
	}
	
	.entry-tags li:first-child:after {
		font: var(--fa-font-solid);
		content: "\f02b";
		width:20px;
		height:28px;
		font-size:18px;
		line-height:28px;
		text-align:left;
		position:absolute;
		left:0px;
		top:2px;
		color:#000;
	}

.upcomming-event span {
  display: block;
  color: var(--upcommingcolor);
  font-size: 22px;
  text-transform: uppercase;
}

@media only screen and (max-width: 1466px) {
	
	art {
  		padding: 20px 0;
	}
	
	.art-wrap {
		max-width: 50%;
	}
	
	.art-content {
		width:50%;
	}
	
	art .hover-reveal {
		height: 100px;
	}
	
	art:hover .hover-reveal {
		width:160px;
	}
	
	art .hover-reveal__inner {
  		width:160px;
 		height: 100px;
	}
	
}

@media only screen and (max-width: 1024px) {
	
	.art-content {
		display: grid;
		align-items: center;
		position: absolute;
		width: 50%;
		float: left;
		right: 0;
		height: 100%;
		top: 0;
		justify-content: flex-end;
		align-content: center;
	}

	.entry-meta {
		margin-bottom: 0;
	}
	
	.entry-meta.entry-date {
		width: auto;
	}
	
}

@media only screen and (max-width: 767px) {
	
	.art-wrap {
  		max-width: 100%;
		margin-bottom:10px
	}
	
	art .hover-reveal {
		height: 60px;		
	}
	
	art:hover .hover-reveal {
		width:100px;
	}
	
	art .hover-reveal__inner {
  		width:100px;
 		height: 60px;
	}
	
	.art-content {
		position: relative;
		width: 100%;
		justify-content: flex-start;
		text-align: left;
		align-content: center;
	}
	
	.entry-meta.entry-date {
  		text-align: left;
	}
	
}
.btn_buy_ticket, .btn_watch_video {
	background: #fafafa;
	color: #222222;
	padding: 7px 14px;
	text-align: center;
	width: 100%;
	border-radius: 0;
	border: 1px solid var(--upcommingcolor);
}
.btn_buy_ticket:hover {
	background: var(--upcommingcolor);
	color: #fff !important;;
}
.btn_buy_ticket:hover a {
	color: #fff;
}
.btn_buy_ticket span {
 color: var(--upcommingcolor);
 font-size:20px; 
}
.sold_out, .sold_out:hover {
	background: #ffae00;
	color: #fff;
	cursor: not-allowed;
}
.btn_buy_ticket:hover span{
	color: #fff;
}