a.cw-inline-link {
	font-weight: 700;
	color: var(--color-theme-primary);
}

a.cw-inline-link:hover {
	color: var(--color-theme-highlight);
}

.header .header-info {
    padding-top: 0em;
    padding-bottom: 0em;
}
/*<!--Center navbar-->*/
.header .navbar .navbar-nav {
	justify-content: center;
}

.header .navbar .container {
	max-width: 1400px;
}

.cw-hero {
    padding: 5rem 0 0;
    position: relative;
    background-image: linear-gradient(45deg, black, transparent);
}

.cw-hero-divider {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.cw-hero:before {
	overflow: hidden;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgba(16, 16, 16, .45);
}

.cw-hero h1 span {
	font-family: "Source Sans Pro", sans-serif;
	display: block;
	text-transform: uppercase;
	font-size: 1.4rem;
}

.cw-hero h2 {
	font-family: "Source Sans Pro", sans-serif;
	text-transform: uppercase;
}

.page-home .galleryslideshow {
	padding: 0 0 4em;
}

.cw-checklist li {
	display: inline-block;
	margin-right: 3rem;
}

/* -------------------- Service Pages ---------------------- */

.detailedlist .detailedlist-item-desc h2 {
	font-size: 1.6rem;
}

/* -------------------- picture list thing ---------------------- */
:root {
	--cw-var-steplist-num-width: 30%;
}

.cw-step-list {
	padding: 2rem 0;
	margin-bottom: 4rem;
}

.cw-step-list h2 {
	text-align: center;
	margin-bottom: 1rem;
}

.cw-step-list .cw-step-card {
	background: #fff;
	color: #000;
	border: 3px solid var(--color-theme-secondary);
	border-radius: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-flow: column;
	height: 90%;
	margin: 5% 0;
}

/* -------------------- Service pages Footer ---------------------- */
.cw-service-footer {
	padding: 2rem 0;
	margin-top: 1.5rem;
	margin-bottom: 2.5rem;
}

.cw-service-footer a.btn {
	margin: .3rem;
}

/* fancy :where used to hide this footer on non-service pages. hid on these instead of revealing on the service pages because there are fewer non-service pages and they probably wont change names as much. */
/* If they want a unique phone number for each dropdown this might need to be added to each page again. */
:where(.page-home, .page-about-us, .page-gallery, .page-build-a-package, .page-request-a-quote) .cw-service-footer {
	display: none;
}

.cw-step-list .cw-step-card .cw-text {
	font-size: 1.3rem;
	text-align: center;
	padding: 5px .5rem;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.cw-step-list h2 {
		font-size: 2.75rem;
	}

	.cw-step-list .cw-step-card {
		height: 90%;
	}

}

@media (min-width: 992px) {

	.cw-step-list .cw-step-card {
		flex-flow: row;
	}

	.cw-step-list .cw-step-pic {
		/* align-items: flex-start; */
		/* flex-basis: 30%; */
		/* max-width: 30%; */
		flex-basis: var(--cw-var-steplist-num-width);
		max-width: var(--cw-var-steplist-num-width);
		/* height: auto; */
	}

	.cw-step-list .cw-step-pic span {
		font-size: 6rem;
	}

	.cw-step-list .cw-step-card .cw-text {
		/* flex-basis: 70%; */
		/* max-width: 70%; */
		flex-basis: calc(100% - var(--cw-var-steplist-num-width));
		max-width: calc(100% - var(--cw-var-steplist-num-width));
		padding: 5px .8rem;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}