/*====================================
	Single Portfolio
====================================*/
.viba-portfolio-single-item { float: none; display: block; width: 100%; }
.viba-portfolio-single-item::after { content: ''; display: table; clear: both; }
.viba-portfolio-single-content::after { content: ""; display: table; clear: both; }

/* Single Content */
.viba-portfolio-single-description p:first-child { margin-top: 0; }
.vp-single-sidebars .viba-portfolio-single-description p:last-child { margin-bottom: 20px }

.viba-portfolio-single-content { margin-top: 30px }

/* tablet landscape */
@media screen and ( min-width: 960px ) {

	/* Single Layout */
	.vp-single-sidebars .viba-portfolio-single-media { width: 66.65%; }
	.vp-single-sidebars .viba-portfolio-single-content { width: 33.32%; margin-top: 0px }

	.vp-single-right-sidebar .viba-portfolio-single-media { float: left; padding-right: 15px }
	.vp-single-right-sidebar .viba-portfolio-single-content { float: right; padding-left: 15px }
	.vp-single-left-sidebar .viba-portfolio-single-media { float: right; padding-left: 15px }
	.vp-single-left-sidebar .viba-portfolio-single-content { float: left; padding-right: 15px }

	.vp-single-full-width .viba-portfolio-single-description { float: left; width: 75%; padding-right: 15px; }
	.viba-portfolio-single-description p:first-child { margin-top: 0 }
	.vp-single-full-width .viba-portfolio-single-meta { float: right; width: 25%; padding-left: 15px; }

	.vp-no-meta .viba-portfolio-single-description,
	.vp-no-content .viba-portfolio-single-meta { width: 100%; padding: 0; }
}

/*====================================
	Single Media
====================================*/
.viba-portfolio-single-media { position: relative; overflow: hidden; margin: 0 !important; }
.viba-portfolio-single-media p { margin: 0; padding: 0 }

/* Media Meta */
.viba-portfolio-media-caption {
	position: absolute; top: 0; left: 40px; right: 0; height: 40px; line-height: 40px; overflow: hidden; max-width: 100%;
	background: rgba(0,0,0,.5); color: #fff; opacity: 0; padding: 0 20px 0 0;
	font-size: 15px; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transform:translate3d(0,2px,0); transform:translate3d(0,2px,0);
	-webkit-transition: all 0.3s; transition: all 0.3s;
}
.viba-portfolio-single-media .viba-portfolio-media-link {
	position: absolute; top: 0; left: 0; height: 100%; width: 100%;
	/* override margin, padding, border from themes */
	color: inherit; text-decoration: none; border: none; padding: 0; margin: 0; font-weight: normal;
}

.viba-portfolio-media-link::before {
  position: absolute; top: 0; left: 0;
  height: 40px; width: 40px; line-height: 40px; font-size: 16px; color: inherit;
  background: rgba(0,0,0,.5); color: #fff; opacity: 0;
  -webkit-transform:translate3d(0,2px,0); transform:translate3d(0,2px,0);
  -webkit-transition: all 0.3s; transition: all 0.3s;
}

.js-vp-loading .viba-portfolio-media-caption,
.js-vp-loading .viba-portfolio-media-link { opacity: 0 !important }

.viba-portfolio-single-thumbnail:hover .viba-portfolio-media-caption,
.viba-portfolio-gallery-item:hover .viba-portfolio-media-caption,
.viba-portfolio-single-thumbnail:hover .viba-portfolio-media-link::before,
.viba-portfolio-gallery-item:hover .viba-portfolio-media-link::before {
  opacity: 1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
}

/* Single Thumbnail */
.viba-portfolio-single-thumbnail { position: relative; background: rgba(0,0,0,.07); }

/* Single Gallery */
.viba-portfolio-gallery-item {}
.viba-portfolio-gallery-item-inner { position: relative; background: rgba(0,0,0,.07); }

.viba-portfolio-gallery .owl-wrapper-outer {
  -webkit-transition-property: height, width; transition-property: height, width;
	-webkit-transition-duration: 0.6s; transition-duration: 0.6s;
}

.viba-portfolio-gallery.viba-portfolio-owl .owl-controls .owl-pagination { height: 0; position: absolute; top: 100%; margin: 0; display: block; }
.viba-portfolio-gallery.viba-portfolio-owl .owl-controls .owl-page span { margin-top: -45px; border: 2px solid #fff; background: #fff; }
.viba-portfolio-gallery.viba-portfolio-owl .owl-controls .owl-page.active span,
.viba-portfolio-gallery.viba-portfolio-owl .owl-controls.clickable .owl-page:hover span { background: rgba(0,0,0,.15); }

/* Slider Gallery */
.viba-portfolio-gallery-slider { display: flex; overflow: hidden; }
.vp-js .viba-portfolio-gallery-slider { opacity: 1; }
.viba-portfolio-gallery-slider .viba-portfolio-gallery-item { flex: 1 0 auto; width: 100%; }
.viba-portfolio-gallery-slider .viba-portfolio-gallery-item:not(:first-child) { display: none; }
.viba-portfolio-gallery-slider.viba-portfolio-owl .viba-portfolio-gallery-item { display: block; }

/* Stacked Gallery */
.viba-portfolio-gallery-stacked .viba-portfolio-gallery-item { margin-top: 15px; }
.viba-portfolio-gallery-stacked .viba-portfolio-gallery-item:first-child { margin-top: 0 }

/* Carousel Gallery */
.viba-portfolio-gallery-carousel { display: flex; margin: 0 -5px; width: auto; overflow: hidden; }
.vp-js .viba-portfolio-gallery-carousel { opacity: 1; }
.viba-portfolio-gallery-carousel .viba-portfolio-gallery-item { width: 100%; flex: 1 0 auto; padding: 0 5px }
.viba-portfolio-gallery-carousel.viba-portfolio-owl .viba-portfolio-gallery-item { width: 100%; padding: 0; }
.viba-portfolio-gallery-carousel .owl-item { padding: 0 5px }
.viba-portfolio-gallery-carousel.viba-portfolio-owl .owl-prev { left: 20px }
.viba-portfolio-gallery-carousel.viba-portfolio-owl .owl-next { right: 20px }

@media (min-width: 480px) {
  .viba-portfolio-gallery-carousel .viba-portfolio-gallery-item { width: 50%; }
}

@media (min-width: 768px) {
  .viba-portfolio-gallery-carousel .viba-portfolio-gallery-item { width: 33.33334%; }
}

/* Grid Gallery */
.viba-portfolio-gallery-grid {
	width: auto; max-width: none; min-width: 100%; margin: -5px;
}
.viba-portfolio-gallery-grid::after { content: ""; clear: both; display: table; }
.viba-portfolio-gallery-grid .viba-portfolio-gallery-item { float: left; width: 100%; padding: 5px }
.vp-single-sidebars .viba-portfolio-gallery-grid .viba-portfolio-gallery-item { width: 50%;}

/* mobile landscape */
@media screen and ( min-width: 480px ) {
	.viba-portfolio-gallery-grid .viba-portfolio-gallery-item { width: 50%; }
}
/* tablet landscape */
@media screen and ( min-width: 960px ) {
	.viba-portfolio-gallery-grid .viba-portfolio-gallery-item { width: 33.32%; }
}

/* Video */
.viba-portfolio-video-item { margin-top: 15px }
.viba-portfolio-video-item:first-child { margin-top: 0 }

.viba-portfolio-single-media .mejs-controls .mejs-time-rail a { border: none; }
.viba-portfolio-single-media .mejs-offscreen { display: none !important; }

.vp-video-item { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.vp-video-item iframe,
.vp-video-item video,
.vp-video-item object,
.vp-video-item embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.viba-portfolio-video video { height: 100% }

.viba-portfolio-video-item .wp-video,
.viba-portfolio-video-item .wp-playlist { width: 100% !important }
.viba-portfolio-video-item .wp-video-shortcode { max-width: 100%; }
.viba-portfolio-video-item .mejs-container { width: 100% !important; height: auto !important; padding-top: 56.25%; margin: 0 !important }
.viba-portfolio-video-item .mejs-overlay, .viba-portfolio-video-item .mejs-poster { width: 100% !important; height: 100% !important; }

.viba-portfolio-video .wp-playlist,
.viba-portfolio-audio .wp-playlist { margin: 0; border: none; padding: 0; }
.viba-portfolio-video .wp-playlist-tracks,
.viba-portfolio-audio .wp-playlist-tracks { margin: 0; padding: 10px 10px 5px 10px; border: 1px solid rgba(0,0,0,.07); border-top: 0; }
.viba-portfolio-video .wp-playlist-item,
.viba-portfolio-audio .wp-playlist-item { border-color: rgba(0,0,0,.07) }
.viba-portfolio-video .wp-playlist-item.wp-playlist-playing,
.viba-portfolio-audio .wp-playlist-item.wp-playlist-playing { background: none }
.viba-portfolio-video .wp-playlist-item .wp-playlist-caption,
.viba-portfolio-audio .wp-playlist-item .wp-playlist-caption { padding: 5px 3px }
.viba-portfolio-video .wp-playlist-item-length,
.viba-portfolio-audio .wp-playlist-item-length { top: 4px }
.viba-portfolio-video .wp-playlist-caption,
.viba-portfolio-audio .wp-playlist-caption { text-decoration: none; font-weight: normal; border: none; }
.viba-portfolio-video .wp-playlist-playing .wp-playlist-caption,
.viba-portfolio-audio .wp-playlist-playing .wp-playlist-caption { font-weight: bold; }

/* Audio */
.viba-portfolio-audio-item { margin-top: 15px }
.viba-portfolio-audio-item:first-child { margin-top: 0 }

.viba-portfolio-audio iframe { width: 100%; height: auto }
.viba-portfolio-audio .wp-audio-shortcode { max-width: 100%; }
.viba-portfolio-audio .mejs-container { width: 100% !important; margin: 0 !important }
.viba-portfolio-audio .wp-playlist-current-item { display: none; }


/* Single Meta */
.viba-portfolio-single-meta { }
.viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3 { font-size: 1em; line-height: 1em; margin: 20px 0 5px 0; padding: 0 }
.viba-portfolio-single-item .viba-portfolio-single-meta div:first-child h3 { margin-top: 6px }

.vp-single-meta { font-size: 90%; }
.vp-single-meta span,
.vp-single-meta ul { opacity: .75; text-decoration: none; }

.viba-portfolio-single-item .viba-portfolio-single-categories ul,
.viba-portfolio-single-item .viba-portfolio-single-tags ul { list-style: none; margin: 0; padding: 0; }

.viba-portfolio-single-item .viba-portfolio-single-categories ul li,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li { display: inline-block; margin: 0 5px 0 0; padding: 0; position: relative; background: none }

.viba-portfolio-single-item .viba-portfolio-single-categories ul li::before,
.viba-portfolio-single-item .viba-portfolio-single-categories ul li::after,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li::before,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li::after { display: none !important }

.viba-portfolio-single-item .viba-portfolio-single-categories ul li a::after,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li a::after,
.viba-portfolio-single-item .viba-portfolio-single-categories ul li span::after,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li span::after { content: ","; margin-left: 1px }

.viba-portfolio-single-item .viba-portfolio-single-categories ul li:last-child a::after,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li:last-child a::after,
.viba-portfolio-single-item .viba-portfolio-single-categories ul li:last-child span::after,
.viba-portfolio-single-item .viba-portfolio-single-tags ul li:last-child span::after { display: none; }

.viba-portfolio-single-item .viba-portfolio-single-categories a,
.viba-portfolio-single-item .viba-portfolio-single-tags a,
.viba-portfolio-single-item .viba-portfolio-single-client a {
	/* override margin, padding, border from themes */
	text-decoration: none; border: none; padding: 0; margin: 0;
}

.viba-portfolio-single-item .viba-portfolio-single-project-link { margin: 20px 0 0 0; }

/* Single Likes */
.viba-portfolio-single-item .viba-portfolio-likes {
	float: left; font-size: 14px; height: 40px; line-height: 40px; padding: 0 15px; margin: 20px -1px 0 0;
  display: flex; align-items: center; gap: 4px;
	border: 1px solid rgba(0,0,0,.07);
}
.viba-portfolio-single-item .viba-portfolio-likes::before { line-height: 1; }
.viba-portfolio-single-item .viba-portfolio-likes:hover { border-color: rgba(0,0,0,.07); }

/* Share Icons */
.viba-portfolio-share-icons { display: inline-block;  margin-top: 20px; }
.viba-portfolio-share-icons ul { list-style: none !important; margin: 0 !important; padding: 0 !important }
.viba-portfolio-share-icons ul::after { content: ""; display: table; clear: both; }
.viba-portfolio-share-icons ul li { float: left; margin: 0 -1px 10px 0; padding: 0; list-style: none !important; background: none }
.viba-portfolio-share-icons ul li::before,
.viba-portfolio-share-icons ul li::after { display: none !important }
.viba-portfolio-single-meta .viba-portfolio-share {
	width: 40px; height: 40px; line-height: 40px; font-size: 0; text-align: center; display: block; overflow: hidden;
	border: 1px solid rgba(0,0,0,.07);
	-webkit-transition: all 0.3s; transition: all 0.3s;
}
.viba-portfolio-share::before { font-size: 16px; color: inherit; }

.viba-portfolio-single-meta .vp-share { display: none; }
.viba-portfolio-single-meta .vp-share-facebook:hover { color: #fff; background: #3b5998; border-color: #3b5998 }
.viba-portfolio-single-meta .vp-share-twitter:hover { color: #fff; background: #00aced; border-color: #00aced }
.viba-portfolio-single-meta .vp-share-google-plus:hover { color: #fff; background: #dd4b39; border-color: #dd4b39 }
.viba-portfolio-single-meta .vp-share-pinterest:hover { color: #fff; background: #cb2027; border-color: #cb2027 }
.viba-portfolio-single-meta .vp-share-linkedin:hover { color: #fff; background: #007bb6; border-color: #007bb6 }
.viba-portfolio-single-meta .vp-share-reddit:hover { color: #fff; background: #ff5700; border-color: #ff5700 }
.viba-portfolio-single-meta .vp-share-tumblr:hover { color: #fff; background: #32506d; border-color: #32506d }
.viba-portfolio-single-meta .vp-share-vk:hover { color: #fff; background: #45668e; border-color: #45668e }
.viba-portfolio-single-meta .vp-share-mail:hover { color: #fff; background: #5bc1af; border-color: #5bc1af }

/* Single Pagination */
.viba-portfolio-single-pagination::before, .viba-portfolio-single-pagination::after { content: ""; display: table; clear: both; }
.viba-portfolio-single-pagination { position: relative;  margin-top: 50px; text-align: center; }

.single-viba-portfolio .viba-portfolio-single-pagination .vp-pagination-single-archives,
.single-viba-portfolio .viba-portfolio-single-pagination .vp-pagination-single-arrow a {
	position: relative; display: inline-block; vertical-align: middle; height: 50px; width: 50px; line-height: 50px; font-size: 0;
	border: 1px solid rgba(0,0,0,.07); color: inherit; margin-right: -1px;
	-webkit-transition: all 0.3s; transition: all 0.3s;
	/* override theme styles for links */
	text-decoration: none; padding: 0; font-weight: normal;
}
.vp-pagination-single-arrow::before,
.vp-pagination-single-archives::before { line-height: inherit; }

.vp-pagination-single-arrow { display: inline-block; }
.vp-pagination-single-arrow span {
	position: absolute; top: -1px; min-width: 10px; max-width: 300px;  height: 50px; padding: 0 10px; opacity: 0; visibility: hidden; overflow: hidden;
	border: 1px solid rgba(0,0,0,.07);
	font-size: 14px; white-space: nowrap; text-overflow: ellipsis;
	-webkit-transition: all 0.3s; transition: all 0.3s;
}

.vp-pagination-single-arrow.vp-nav-previous span {
	right: 100%; text-align: right;
	-webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0);
}
.vp-pagination-single-arrow.vp-nav-next span {
	left: 100%; text-align: left;
	-webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0);
}

/* Show prev and next title only on big screens */
@media screen and ( min-width: 1024px ) {
  .vp-pagination-single-arrow:hover span { opacity: 1; visibility: visible; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
}

/* Single Related */
.viba-portfolio-related { margin-top: 50px }
.viba-portfolio-related-title { margin-bottom: 0.67em; }