/*
	Theme Name: NCT Plumbing
	Template: Divi
	Version: 1.0.0
*/

:root {
    --black: #082417;
    --white: #ffffff;
    --dark: #212721;
    --green: #108b44;
    --darkgreen: #1d5a2c;
	--brightgreen: #149848;
}

/* Selection Color */
::selection {
    color: var(--white);
    background: var(--green);
}

::-moz-selection {
    color: var(--white);
    background: var(--green);
}

/* Header — Wisetack Financing Button */
.wisetack-finanacing div {
	background-color: var(--darkgreen);
	padding: 10px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	transition-duration: 0.2s;
}

div.wisetack-mobile {
	background-color: #00000090 !important;
}

.wisetack-finanacing div:hover {
	background-color: var(--brightgreen);
}

.wisetack-finanacing img {
	max-width: 110px;
}

.wisetack-finanacing span {
	color: var(--white);
}

/* Header Social Links */
.header-links {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 10px;
}

.header-social-links {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
	flex-grow: 1;
}

.header-button-links {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 4px;
	flex-grow: 1;
}

.header-text-link a,
.et-db #et-boc .et-l .header-text-link a {
	color: var(--blue);
	font-size: 17px;
	transition-duration: 0.2s;
}

.header-text-link a:hover,
.et-db #et-boc .et-l .header-text-link a:hover {
	color: var(--green);
}

.header-icon-link a,
.et-db #et-boc .et-l .header-icon-link a {
	color: var(--blue);
	font-size: 18px;
	transition-duration: 0.2s;
}

.header-icon-link a:hover,
.et-db #et-boc .et-l .header-icon-link a:hover {
	color: var(--green);
}

.header-social-link a,
.et-db #et-boc .et-l .header-social-link a {
	font-size: 20px;
}

/* Mobile Social Links */
.mobile-social-links {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 0.75em;
	flex-grow: 1;
}

.mobile-social-link a {
	color: var(--white);
	font-size: 18px;
	transition-duration: 0.2s;
}

.mobile-social-link a:hover {
	color: var(--green);
}

/* Footer Modifications */
.footer-sitemap li::before,
.footer-license li::before,
.footer-contact li::before {
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	color: var(--brightgreen);
}

.footer-sitemap li {
	padding-bottom: 2px;
	padding-left: 15px;
}

.footer-sitemap li::before {
	content: "\f105";
}

.footer-license li {
	padding-bottom: 5px;
	padding-left: 25px;
}

.footer-license li::before {
	content: "\f015";
}

.footer-contact li {
	padding-bottom: 5px;
	padding-left: 25px;
}

.footer-contact li.phone-icon::before {
	content: "\f095";
}

.footer-contact li.fax-icon::before {
	content: "\f1ac";
}

/* Emerald Club Slide */
.emerald-list li {
	list-style-type: none;
	padding-bottom: 2px;
	padding-left: 10px;
}

.emerald-list li::before {
	content: "\f3a5";
	font-family: "FontAwesome";
	position: absolute;
	left: 0;
	color: var(--brightgreen);
}

/* Halo Water Systems Slide */
.halo-slide {
	text-align: center;
	text-transform: uppercase;
}

.halo-image-wrap img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

.halo-top-text {
	color: #0153a3;
	font-size: 75px;
	font-weight: 300;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	padding-bottom: 20px;
}

.halo-bottom-text {
	color: #0153a3;
	font-size: 38px;
	font-weight: 400;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	line-height: 1em;
}

/* Contact Icon Buttons */
.contact-btn a {
	background-color: var(--green);
	display: inline-flex;
	width: 48px;
	height: 48px;
	text-align: center;
	align-content: center;
	align-items: center;
	justify-content: center;
	color: var(--white);
	font-size: 24px;
	border-radius: 100px;
	transition-duration: 0.1s;
}

.contact-btn a:hover {
	background-color: var(--darkgreen);
}

/* Mobile Menu — Size Fix */
@media (max-width: 980px) {
	.nct-menu-bar {
		width: 100%;
		max-width: 100%;
		box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
	}
	#mega-menu-wrap-primary-menu .mega-menu-toggle~button.mega-close::before {
		color: var(--white) !important;
		background-color: var(--black);
		margin-right: 4px;
		margin-top: 4px;
		border-radius: 24px;
		width: 32px;
		height: 32px;
		font-size: 20px;
	}
}

/* Mobile Menu — Badges */
.mobile-menu-badge-row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 5px;
	padding-top: 20px;
}

.mobile-menu-badge {
	flex-basis: 30%;
}

/* Mobile Menu — Contact Links */
.mobile-menu-social-links {
	display: flex;
	gap: 15px;
	font-size: 18px;
	justify-content: center;
	align-items: center;
}

.mobile-menu-social-links a {
	color: var(--white);
}

.mobile-menu-social-link.mobile-menu-icon-link {
	font-size: 1.25em;
}

/* Emerald Club Tiers */
.emerald-club-tier {
	background-color: #f5f5f5;
	padding: 1em;
	border-left: 1px solid var(--brightgreen);
	margin-bottom: 10px;
}