.apb-wrap {
	position:relative;
}

.apb-wrap a {
    box-shadow: none;
}

.acoda-post-block .apb-module {
	margin-bottom:0.9375rem !important;
	display:block;
}

.apb-row:after,
.apb-inner-wrap:after,
.acoda-post-block .apb-module:after {
	content:'';
	display:block;
	clear:both;
}

.apb-inner-wrap {
	transition: opacity 0.2s ease-in-out;	
}

.apb-wrap.loading .apb-inner-wrap {
	opacity:0;	
}

.acoda-post-block .apb-content {
	margin-left:115px;
}

.acoda-post-block.apb-block_4 .apb-content {
	margin-left:0;
	margin-right:115px;
}


.acoda-post-block.apb-block_5 .apb-content,
.acoda-post-block .featured .apb-content {
	margin-left:0;
}

.acoda-post-block .apb-module .apb-image {
	position: relative;
	margin-bottom:0.9375rem;
	float:left;
	margin-right:15px;	
}

.acoda-post-block.apb-block_4 .apb-module .apb-image {
	float:right;
	margin-right:0;
	margin-left:15px;
}


.acoda-post-block .apb-module.featured .apb-image {
	float:none;
	margin-right:0;
}

.acoda-post-block .apb-image img,
.acoda-post-block .apb-image a {
	display:block;
}

.acoda-post-block .post-date,
.acoda-post-block .post-author,
.acoda-post-block .post-title,
.acoda-post-block .post-comments {
	margin-bottom:0.468rem;
}

.acoda-post-block.apb-block_4 .post-comments {
	margin-left:15px;
	float:left;
}

.acoda-post-block .post-title {
	display:block;
	font-size:1rem;
}

.widget_acoda_posts .acoda-post-block .post-title {
	font-size:0.85rem;
}

.abp-vc-addon .acoda-post-block .featured .post-title {
	font-size:1.2rem;
}

.acoda-post-block .post-date,
.acoda-post-block .post-author,
.acoda-post-block .post-cats {
	float:left;
}

.acoda-post-block .post-excerpt,
.acoda-post-block .apb-module:last-child {
	margin-bottom:0;
}

.acoda-post-block .overlay-bg {
	position: absolute;
	bottom: 0;
	height: 60%;
	width: 100%;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
	z-index: 1;
	left: 0;
}


.acoda-post-block .overlay-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 0.9375rem;
    color: #fff;
	width:100%;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);	
}

.acoda-post-block .post-comments {
	text-shadow: none;
}

.acoda-post-block .apb-module .post-cats a,
.acoda-post-block .apb-module .post-cats a:hover {
	color:#fff;
}

span.post-author a {
    color: #333;
}

.acoda-post-block .post-comments,
.acoda-post-block .post-date,
.acoda-post-block .post-author,
.acoda-post-block .post-cats {
	font-size:11px;
	display:inline-block;
}

.acoda-post-block .apb-image .post-cats {
	position: absolute;
    bottom: 0;
	line-height:normal;
    left: 0;
}

.acoda-post-block .post-cats {
	padding: 1px 5px;
	background-color:#000;
	float:right;
	position: relative;
	color: #fff;
    text-align: center;	
}

.acoda-post-block .post-comments {
	float:right;
}

.acoda-post-block .post-cats {
	float:none;
	padding: 1px 5px 3px 5px;
}

.acoda-post-block .post-excerpt {
	font-size:12px;
	display:block;
	clear:both;
}

.acoda-post-block .post-date {
	opacity:0.6;
}

.apb-title-wrap {
    margin-bottom: 1.875rem !important;
	position:relative;
}
	
.apb-title {
    display: inline-block;	
	margin:0;
}

.apb-title.background {
    padding: 8px 10px;
}

.apb-ajax-filter {
	font-size:14px;
	float:right;
	padding:8px 0;
}

.apb-ajax-filter.inline {
	display:none;
}

.apb-ajax-filter.inline ul {
	margin:0;
	padding:0;	
}

.apb-ajax-filter.dropdown .cats {
	cursor:pointer;
	margin-left:5px;
}

.apb-ajax-filter.dropdown .chevron {
	font-size:10px;
}

.apb-ajax-filter.dropdown ul {
	position: absolute;
    right: 0;
    z-index: 1;
	padding:15px;
    background-color: rgba(255,255,255,0.95);
	border:1px solid #E2E2E2;
	text-align:right;
	display:none;
	margin: -1px 0 0 0;
	padding:0;		
}

.apb-ajax-filter.dropdown ul li {
    list-style: none !important;
    margin: 0 !important;
}

.apb-ajax-filter.inline ul li {
    list-style: none !important;
    margin: 0 5px !important;
	display:inline-block;
}

a.apb-pagination,
.apb-ajax-filter.dropdown .cats,
.apb-ajax-filter ul li a {
	color:rgba(0,0,0,0.7);
}

.apb-ajax-filter.dropdown:hover ul {
	display:block;
	padding:5px 10px;
}

a.apb-pagination {
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    border: 1px solid #E2E2E2;
    text-align: center;
    font-size: 12px;
}

a.apb-pagination:first-child {
    margin-right: 0.468rem;
}

a.apb-pagination.not-active {
  pointer-events: none;
  cursor: default;
}

a.apb-pagination.not-active i {
  opacity:0.5;
}

.apb-pagination-wrap {
  clear:left;
}	


.apb-preloader {
	display: inline-block;
	position: absolute;
	width: 50px;
	height: 50px;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
}

.apb-wrap.loading .apb-preloader {
	-webkit-animation: container-rotate 1568ms linear infinite;
	animation: container-rotate 1568ms linear infinite
}

@-webkit-keyframes container-rotate {
	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes container-rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.spinner-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-color: rgba(0,0,0,0.2) !important;
}

.apb-wrap.loading .spinner-layer {
	opacity: 1;
	-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@-webkit-keyframes fill-unfill-rotate {
	12.5% {
		-webkit-transform: rotate(135deg)
	}
	25% {
		-webkit-transform: rotate(270deg)
	}
	37.5% {
		-webkit-transform: rotate(405deg)
	}
	50% {
		-webkit-transform: rotate(540deg)
	}
	62.5% {
		-webkit-transform: rotate(675deg)
	}
	75% {
		-webkit-transform: rotate(810deg)
	}
	87.5% {
		-webkit-transform: rotate(945deg)
	}
	to {
		-webkit-transform: rotate(1080deg)
	}
}

@keyframes fill-unfill-rotate {
	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}
	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}
	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg)
	}
	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}
	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg)
	}
	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg)
	}
	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg)
	}
	to {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg)
	}
}

.gap-patch {
	position: absolute;
	top: 0;
	left: 45%;
	width: 10%;
	height: 100%;
	overflow: hidden;
	border-color: inherit
}

.gap-patch .circle {
	width: 1000%;
	left: -450%
}

.circle-clipper {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
	border-color: inherit;
}

.circle-clipper .circle {
	width: 200%;
	height: 100%;
	border-width: 5px;
	border-style: solid;
	border-color: inherit;
	border-bottom-color: transparent !important;
	border-radius: 50%;
	-webkit-animation: none;
	animation: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.circle-clipper.left .circle {
	left: 0;
	border-right-color: transparent !important;
	-webkit-transform: rotate(129deg);
	transform: rotate(129deg)
}

.circle-clipper.right .circle {
	left: -100%;
	border-left-color: transparent !important;
	-webkit-transform: rotate(-129deg);
	transform: rotate(-129deg)
}

.apb-wrap.loading .circle-clipper.left .circle {
	-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.apb-wrap.loading  .circle-clipper.right .circle {
	-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@-webkit-keyframes left-spin {
	from {
		-webkit-transform: rotate(130deg)
	}
	50% {
		-webkit-transform: rotate(-5deg)
	}
	to {
		-webkit-transform: rotate(130deg)
	}
}

@keyframes left-spin {
	from {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}
	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	to {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}
}

@-webkit-keyframes right-spin {
	from {
		-webkit-transform: rotate(-130deg)
	}
	50% {
		-webkit-transform: rotate(5deg)
	}
	to {
		-webkit-transform: rotate(-130deg)
	}
}

@keyframes right-spin {
	from {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg)
	}
	50% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	to {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg)
	}
}

@-webkit-keyframes fade-out {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes fade-out {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@media only screen and (min-width: 40.063em) {

	.apb-ajax-filter.inline {
		display:block;
	}
	
	.apb-mobile {
		display:none;
	}
	
	.abp-vc-addon .apb-column {
		float:left;
		padding:0 30px;
	}
	
	.abp-vc-addon .apb-inner-wrap {
		margin:0 -30px;
	}	

	.abp-vc-addon .apb-col-1 { width: 8.33333%; }
	.abp-vc-addon .apb-col-2 { width: 16.66667%; }
	.abp-vc-addon .apb-col-2_4 { width: 20%; }		
	.abp-vc-addon .apb-col-3 { width: 25%; }
	.abp-vc-addon .apb-col-4 { width: 33.33333%; }
	.abp-vc-addon .apb-col-5 { width: 41.66667%; }
	.abp-vc-addon .apb-col-6 { width: 50%; }
	.abp-vc-addon .apb-col-7 { width: 58.33333%; }
	.abp-vc-addon .apb-col-8 { width: 66.66667%; }
	.abp-vc-addon .apb-col-9 { width: 75%; }
	.abp-vc-addon .apb-col-10 { width: 83.33333%; }
	.abp-vc-addon .apb-col-11 { width: 91.66667%; }
	.abp-vc-addon .apb-col-12 { width: 100%; }

	.abp-vc-addon .acoda-post-block [class*="apb-block"] {
		display: block;
		min-height: 1px;
		float: left;
		padding-right: 30px;
		padding-left: 30px;
	}
	
}