:root {
 --brg-color: #14171b;
 --txt-color: #f1f1f1;
}
.mos-img img {display: none !important;}

:root {
  --olncp-black: #ffffff;
  --olncp-white: #000000;
  --olncp-black2: #f1f1f1;
  --olncp-base: #f5900d;
  --olncp-black3: #e1e1e1;
  --olncp-black4: #cccccc;
  --olncp-color: #5d5d5d;
}
:root .darks {
  --olncp-color: #5d5d5d;
  --olncp-base: #f5900d;
  --olncp-black: #000000;
  --olncp-black2: #1a1a1a;
  --olncp-black3: #303030;
  --olncp-black4: #999999;
  --olncp-white: #ffffff;
}
.npage5-inner {
 color: var(--olncp-white);
  background-color: var(--olncp-black);
  padding: 20px;
}
	art {
		position:relative;
		display:block;	
		width:100%;
		margin:0 auto;
		padding:50px 0;
		box-sizing:border-box;		
		border-bottom:1px solid var(--olncp-black3)
	}
	
	art::after {
		clear: both;
		content: " ";
		display: table;
	}
	
	
	art:first-child {
		border-top:1px solid var(--olncp-black3);
	}
	
	
	.art-wrap {
		position:relative;
		box-sizing:border-box;		
		display:flex;
		align-items: center;
		width:auto;
		max-width: 50%;
		float:left;
	}
	
	.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: 0;
		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 + 1.5vw);
		line-height: calc(1rem + 2vw);	
		-ms-word-wrap: break-word;
		word-wrap: break-word;
		text-align:left;
		box-sizing:border-box;
		padding:0;
		color: var(--olncp-white)
		-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(30px);
		-webkit-transform: translateX(30px);
	}
	
	.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;
	}
	
	.entry-meta li {
		position: relative;
		display: inline-flex;
		line-height: 26px;
		list-style: none;
		padding: 0;
		margin: 0;
		margin-right: 15px;
		font-size: 14px;
		margin-bottom: 6px;
	}
	
	.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;
		opacity:0.75;
	}
	
	.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(-100%);
		transform: translateY(-100%);
		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;
	}


@media only screen and (max-width: 1466px) {
	
	art {
  		padding: 40px 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;
	}
	
}
.fields-container li, .field-entry {list-style: none;  display: inline-block; color: #FAFAFA; background: rgba(13, 13, 13, 0.3); padding: 3px 20px}
.npage5-inner .tags {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	justify-content: center;
display: block;
border-top: 0;
border-bottom: 0;
  order: 6 !important;
	margin-bottom: 10px !important;
}

.npage5-inner .tags > li {
	margin: 0;
}

.npage5-inner .tags > li a {
display: inline-block;
  background: #f4f4f4;
  padding: 6px 16px;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  border: none;
  color: #333;
}

.npage5-inner .tags > li a:hover {
background-color: #333;
  color: #fff !important;
}

.npage5-inner .tags > li {margin-left: 5px;}