/*
	eClaims Workflow - site overrides layered on top of Arcana (HTML5 UP).
	Keep edits here so assets/css/main.css stays as shipped by the theme.
*/

/* ---------- Logo ---------- */

#header h1 #logo {
	display: inline-flex;
	align-items: center;
	border-bottom: 0;
}

#header h1 #logo img {
	height: 60px;
	width: auto;
	display: block;
	margin-right: 0.75em;
}

#header h1 #logo em {
	font-size: 0.75em;
	opacity: 0.6;
	font-style: normal;
}

@media screen and (max-width: 736px) {
	#header h1 #logo em {
		display: none;
	}
}

/* ---------- Banner / slider ---------- */

#banner {
	background-image: none;
	background-color: #1b1b1b;
	height: 32em;
	overflow: hidden;
}

#banner > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.9s ease-in-out, visibility 0.9s;
}

#banner > div.is-active {
	opacity: 1;
	visibility: visible;
}

#banner > div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20, 20, 20, 0.45);
}

#banner header p {
	margin: 0.5em 0 0 0;
	font-size: 0.95em;
	line-height: 1.6;
	opacity: 0.9;
}

#banner header .button {
	margin: 1em 0 0 0;
}

#banner .slide-nav {
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 3;
}

#banner .slide-nav li {
	display: inline-block;
	padding: 0;
	margin-left: 0.5em;
}

#banner .slide-nav button {
	width: 9px;
	height: 9px;
	min-width: 0;
	line-height: normal;
	padding: 0;
	border: 0;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
	cursor: pointer;
	outline: 0;
}

#banner .slide-nav button.is-active {
	background: #ffffff;
}

#banner .slide-nav .label {
	display: none;
}

@media screen and (max-width: 736px) {
	#banner {
		height: auto;
		min-height: 22em;
	}

	#banner header p br {
		display: none;
	}
}

/* ---------- Content bits ---------- */

.feature-icon {
	display: block;
	width: 84px;
	height: auto;
	margin: 0 auto 1em auto;
}

.feature-tile h4 {
	margin: 0;
}

#content .row + ul.actions {
	margin-top: 1.5em;
}

.product-row {
	padding: 2em 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.08);
}

.product-row:last-child {
	border-bottom: 0;
}

.product-image img {
	max-width: 280px;
	margin: 0 auto;
	display: block;
}

.check-list {
	list-style: none;
	padding-left: 0;
}

.check-list li {
	padding-left: 1.75em;
	position: relative;
}

.check-list li:before {
	content: '\f00c';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.5;
}

.news-item {
	margin-bottom: 2em;
}

.news-date {
	font-size: 0.85em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	opacity: 0.6;
	margin-bottom: 1em;
}

.image.right {
	display: block;
	float: right;
	margin: 0 0 2em 2em;
	position: relative;
	top: 0.25em;
}

.image.right img {
	display: block;
	width: 100%;
}

.image.featured img {
	width: 100%;
	height: auto;
}

#footer .footer-contact {
	font-size: 0.9em;
	line-height: 1.7;
	margin-top: 1.5em;
}