/** Widgets: breadcrumbs, justified-gallery **/

ul.ha-breadcrumbs {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.ha-breadcrumbs li {
	display: inline-block;
	margin-right: 15px;
}

ul.ha-breadcrumbs li:last-child {
	margin: 0;
}

ul.ha-breadcrumbs li a, ul.ha-breadcrumbs li span.ha-breadcrumbs-separator-icon, ul.ha-breadcrumbs li span.ha-breadcrumbs-text {
	display: block;
}

ul.ha-breadcrumbs li span.ha-breadcrumbs-text {
	-webkit-transition: all .4s;
	transition: all .4s;
}

span.ha-breadcrumbs-home-icon {
	margin-right: 10px;
}

@-webkit-keyframes haSmoothReveal {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
	
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes haSmoothReveal {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
	}
	
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.ha-justified-gallery .ha-justified-grid__wrap {
	margin-right: calc(-1 * var(--justified-grid-pull, 0));
	margin-left: calc(-1 * var(--justified-grid-pull, 0));
	width: auto;
}

.ha-justified-gallery .ha-justified-grid__item {
	border-radius: 3px;
}

.ha-justified-gallery .ha-justified-grid__item img {
	border-radius: inherit;
}

.ha-justified-gallery .justified-gallery>.ha-justified-grid__item>.caption {
	bottom: -100px !important;
	padding: 10px;
	-webkit-transition: all .25s !important;
	transition: all .25s !important;
	-webkit-animation: haSmoothReveal .3s forwards;
	animation: haSmoothReveal .3s forwards;
}

.ha-justified-gallery .justified-gallery>.ha-justified-grid__item>.caption.caption-visible {
	bottom: 0 !important;
}

.ha-justified-gallery .justified-gallery>.entry-visible>a>img, .ha-justified-gallery .justified-gallery>.entry-visible>img {
	-webkit-transition: all 300ms, opacity 500ms ease-in;
	transition: all 300ms, opacity 500ms ease-in;
	-o-object-fit: cover;
	object-fit: cover;
}

.ha-filter {
	margin-bottom: 20px;
}

.ha-filter__item {
	display: inline-block;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 8px 20px;
	max-width: 100%;
	border: 2px solid #885cff;
	border-radius: 3px;
	background-color: transparent;
	color: #885cff;
	text-transform: uppercase;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 1.2;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ha-filter__item:focus, .ha-filter__item:hover {
	outline: 0;
	background-color: #885cff;
	color: #fff;
}

.ha-filter__item--active, .ha-filter__item:active {
	background-color: #885cff;
	color: #fff;
}

.ha-filter__item:not(:last-child) {
	margin-right: 10px;
}