/*
===============================================================================================================================
Put your custom CSS in this file.
===============================================================================================================================
*/

:root {
	--border-radius: 10px;
}

input, button, a.btn {
	border-radius: calc(var(--border-radius) * 0.6) !important;
	padding-inline: 0.7em;
}

.search-wrapper {
	form {
		display: flex;

		.search-input {
			border-top-right-radius: 0 !important;
			border-bottom-right-radius: 0 !important;
		}
		.search-submit {
			border-top-left-radius: 0 !important;
			border-bottom-left-radius: 0 !important;
		}
	}
}

.blog-listing .card {
	border-radius: var(--border-radius);
}
.blog-listing .card {
	border-radius: var(--border-radius);
	box-shadow: 0 10px 25px -9px rgba(0,0,0,.15);
	border: 1px solid #eee;
}
.blog-listing .card .card-image,
.blog-listing .card .card-image a,
.blog-listing .card .card-image img {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

#breadcrumbs {
	display:-ms-flexbox;
	display:flex;
	margin-top:-1rem;
	margin-bottom:1rem;
	padding-left:0;
	-ms-flex-align:center;
	align-items:center
}
#breadcrumbs i {
	display:inline-block;
}
#breadcrumbs a,
#breadcrumbs span {
	padding:initial;
}
#breadcrumbs a:first-child,
#breadcrumbs span:first-child {
	padding-left:0
}
#breadcrumbs a:not(:first-child)::before,
#breadcrumbs span:not(:first-child)::before {
	padding-right:initial;
	content:none;
	color:#e7e9ed
}

#item {
	.content-item {
		h2, h3, h4, h5 {
			font-weight: bold;
			scroll-margin-top: 5rem;
		}
		ul ul {
			margin-top: 0;
			margin-bottom: 0;
		}
		hr {
			--wl-s: 6px;
			--wl-b: 2px;
			--wl-m: 0.8;
			--_r: calc(var(--wl-s)*sqrt(var(--wl-m)*var(--wl-m) + 1) + var(--wl-b)/2);
			--_g: #0000 calc(99% - var(--wl-b)), #000 calc(101% - var(--wl-b)) 99%, #0000 101%;
			border: 0;
			background: currentColor;
			height: calc(2*var(--_r));
			width: 100%;
			max-width: 100%;
			margin-top: 0;
			mask: radial-gradient(var(--_r) at left 50% bottom calc(-1*var(--wl-m)*var(--wl-s)), var(--_g)) calc(50% - 2*var(--wl-s)) calc(50% - var(--wl-s)/2 - var(--wl-b)/2)/calc(4*var(--wl-s)) calc(var(--wl-s) + var(--wl-b)) repeat-x,radial-gradient(var(--_r) at left 50% top calc(-1*var(--wl-m)*var(--wl-s)), var(--_g)) 50% calc(50% + var(--wl-s)/2 + var(--wl-b)/2)/calc(4*var(--wl-s)) calc(var(--wl-s) + var(--wl-b)) repeat-x;
		}
		img {
			border-radius: var(--border-radius);
			&+em {
				margin-inline: auto;
				display: block;
				text-align: center;
			}
		}
		.e-content {
			> p {
				margin: 1.2rem 0;
			}
		}
	}
}

blockquote {
	border-left: 3px solid #e7e9ed;
	background: #fafafa;
	padding: 1em;
}

#glightbox-body {
	.goverlay {
		background: rgba(255,255,255,0.95) !important;
	}
	.glightbox-container .gcontainer div#glightbox-slider.gslider .gslide .gslide-inner-content .ginner-container .gslide-media.gslide-image {
	    box-shadow: 0px 7px 15px 0 rgba(0,0,0,0.2);
		img {
			border-radius: 10px;
		}
	}
}