/*
-----------------------------------------------
imarketsolutions.com 
Stylesheet: Master.css
Created: 8/28/2013
Author:  Ben Schiling
Organization:  iMarket Solutions
----------------------------------------------- */

/*----- LAYOUTS - TYPOGRAPHY ----- */
@media all and (min-width: 571px) {
	h1,
	.h1 {
		font-size: 3.5em;
	}
	h2,
	.h2 {
		font-size: 3em;
	}
	h3,
	.h3 {
		font-size: 2.5em;
	}
	h4,
	.h4 {
		font-size: 2em;
	}
	h5,
	.h5 {
		font-size: 1.7em;
	}
	h6,
	.h6 {
		font-size: 1.6em;
	}
	p,
	li {
		font-size: 1.6em;
		line-height: 1.4em;
	}
}

@media all and (min-width: 801px) {
	h1,
	.h1 {
		font-size: 4em;
	}
	h2,
	.h2 {
		font-size: 3.2em;
	}
	h3,
	.h3 {
		font-size: 2.8em;
	}
	h4,
	.h4 {
		font-size: 2.2em;
	}
	h5,
	.h5 {
		font-size: 1.8em;
	}
	h6,
	.h6 {
		font-size: 1.7em;
	}
	p,
	li {
		font-size: 1.7em;
	}
}

@media all and (min-width: 1025px) {
	h1,
	.h1 {
		font-size: 4.2em;
	}
	h2,
	.h2 {
		font-size: 3.6em;
	}
	h3,
	.h3 {
		font-size: 3em;
	}
	h4,
	.h4 {
		font-size: 2.4em;
	}
	h5,
	.h5 {
		font-size: 2em;
	}
	h6,
	.h6 {
		font-size: 1.8em;
	}
	p,
	li {
		font-size: 1.8em;
	}
}

@media all and (min-width: 571px) {
	.width-limiter {
		width: calc(100% - 40px);
	}
}

/* imsLightbox Modal Forms */
@media (min-width: 571px) {
	.ims-lightbox {
		width: 80%;
		left: 10%;
		border-radius: 10px;
	}
	.ims-lightbox .close-popup {
		top: -20px;
		right: -10px;
	}
}
@media (min-width: 801px) {
	.ims-lightbox {
		width: 85%;
		left: 5%;
	}
}
@media (min-width: 1025px) {
	.ims-lightbox {
		width: 70%;
		left: 15%;
	}
}
@media (min-width: 1251px) {
	.ims-lightbox {
		width: 60%;
		left: 20%;
	}
}

/* End - imsLightbox Modal Forms */

/* Hidden Content / Read More Style */

@media all and (min-width: 801px) {
	.hc-trigger {
		display: none;
	}
}

/*----- LAYOUTS - ERRORS & CONFIRMATIONS ----- */

@media all and (min-width: 571px) {
	#error-container {
		border-radius: 0 0 0 7px !important;
		width: 50% !important;
		right: 0 !important;
	}
}

@media all and (min-width: 801px) {
	#error-container {
		width: 40% !important;
		right: 2.5% !important;
	}
}

/* --- GENERAL UTILITY ------------------------------------------------------ */
/* --- 404 PAGE ------------------------------------------------------------- */

/*----- LAYOUTS - 404 PAGE ----- */

@media all and (min-width: 801px) {
	#page-not-found #top-content p {
		font-size: 2em;
	}
}

/* --- MASTHEAD ------------------------------------------------------------- */
/* --- LAYOUTS/ANIMATION ---------------------------------------------------- */

@media all and (min-width: 801px) {
	#masthead .masthead-inner {
		padding: 20px 0 18px;
	}
	.mobile-col:not(.mobile-phone),
	.mobile-phone .phone-number img {
		/* display: none; */
	}
	.mobile-phone {
		width: 100%;
	}
	.mobile-phone .phone-number {
		/* font-size: 4em; */
		display: inline-block;
		/* border-radius: 0;
		background-color: transparent;
		box-shadow: none;
		padding: 0; */
	}
	#masthead .masthead-inner {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	#masthead .masthead-left a.logo-mobile {
		/* display: none; */
	}
	#masthead .masthead-center,
	#masthead .masthead-left .logo a:not(.logo-mobile) {
		display: block;
	}
	#masthead .masthead-left .logo {
		max-width: 400px;
		margin-left: 0px;
		margin-bottom: 15px;
	}
	#masthead .masthead-center p {
		margin-bottom: 0;
	}
	#masthead .masthead-center p a {
		font-size: 20px;
		font-weight: 900;
		text-transform: uppercase;
	}
	#masthead .masthead-right .cta-button {
		display: inline-block;
		margin-bottom: 10px;
	}
	#masthead .masthead-right .cta-button a {
		font-size: 20px;
		font-weight: 700;
		height: 58px;
		line-height: 55px;
		position: relative;
		-webkit-box-shadow: 0 5px 6px rgba(26, 64, 93, 0.25);
		        box-shadow: 0 5px 6px rgba(26, 64, 93, 0.25);
		color: #fff;
		background-color: #df1a2a;
	}
	/* background: #123673; blue */
	#masthead .masthead-right .cta-button a svg {
		fill: #fff;
		top: 12px;
		position: relative;
		max-width: 35px;
		margin-right: 15px;
		-webkit-transition: 0.2s all;
		-o-transition: 0.2s all;
		transition: 0.2s all;
	}
	#masthead .masthead-right .cta-button a:hover {
		background-color: #f68029;
		color: #123673;
	}
	#masthead .masthead-right .cta-button a:hover svg {
		fill: #123673;
		-webkit-transition: 0.2s all;
		-o-transition: 0.2s all;
		transition: 0.2s all;
	}
	#masthead .masthead-right .cta-button a:before {
		/* content: '';
    left: 0;
    top: 0;
    height: 38px;
    width: 38px; */
	}
}

/* CODELIBENTRY_ENTRY: 166 */

.full-width-limiter {
	max-width: 2048px;
	width: initial;
	margin: 0 auto;
}

#fixed-masthead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	padding: 7px 0;
}

#fixed-masthead #fixed-masthead-left,
#fixed-masthead #fixed-masthead-right {
	margin-right: 10px;
	width: 35%;
}
#fixed-masthead #fixed-masthead-left-center,
#fixed-masthead #fixed-masthead-right-center {
	width: 100%;
}
#fixed-masthead #masthead-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 30%;
}
#fixed-masthead .fixed-masthead-left .logo {
	margin-left: 0;
}
#fixed-masthead-left-center p {
	margin-bottom: 0;
	font-weight: 700;
	font-size: 14px;
}
#fixed-masthead .phone-number {
	color: #2a70b8;
	font-size: 24px;
	font-weight: 700;
}
#fixed-masthead .cta-button a {
	font-size: 18px;
}
#fixed-masthead #fixed-masthead-right .cta-button a svg {
	display: none;
	fill: #fff;
	top: 0px;
	position: relative;
	max-width: 30px;
	margin-right: 0px;
	-webkit-transition: 0.2s all;
	-o-transition: 0.2s all;
	transition: 0.2s all;
	vertical-align: middle;
}
#fixed-masthead #fixed-masthead-right .cta-button a {
	font-weight: 700;
	background-color: #df1a2a;
	color: #fff;
}
#fixed-masthead #fixed-masthead-right .cta-button a:hover {
	background-color: #f68029;
	color: #123673;
}
#fixed-masthead #fixed-masthead-right .cta-button a:hover svg {
	fill: #123673;
}
@media all and (min-width: 900px) {
	#fixed-masthead .phone-number a {
		font-size: 30px;
	}
	#fixed-masthead .schedule-service-button.cta-button a {
		font-size: 18px;
	}
	#fixed-masthead #fixed-masthead-right .cta-button a svg {
		display: initial;
	}
}
@media all and (min-width: 1135px) {
	#fixed-masthead #fixed-masthead-left,
	#fixed-masthead #fixed-masthead-right {
		width: 25%;
	}
	#fixed-masthead #fixed-masthead-left-center,
	#fixed-masthead #fixed-masthead-right-center {
		width: 50%;
	}
	#fixed-masthead #masthead-center {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		width: 50%;
	}
	#fixed-masthead .phone-number a {
		font-size: 36px;
	}
	#fixed-masthead-left-center p {
		font-size: 18px;
	}
}
@media all and (min-width: 801px) {
	#container-footer {
		margin-bottom: 0;
	}
	.mobile-col:not(.mobile-phone),
	.mobile-phone .phone-number svg {
		display: none;
	}
	.mobile-fixed-footer {
		position: relative;
		-webkit-box-shadow: none;
		        box-shadow: none;
		height: auto;
		z-index: initial;
		line-height: initial;
		display: inline-block;
		text-align: right;
		padding-right: 0;
	}
	.mobile-phone {
		width: 100%;
		display: block;
	}
	.mobile-phone .phone-number {
		font-size: 3.6em;
	}
}
@media all and (min-width: 1026px) {
	#masthead .logo img {
		height: 92px;
	}
}
@media all and (max-width: 1100px) and (min-width: 1000px) {
	#masthead .masthead-right .cta-button a {
		font-size: 20px;
	}
	#masthead .masthead-right .cta-button a svg {
		max-width: 30px;
		margin-right: 0px;
	}
}
@media all and (min-width: 1000px) {
	#masthead .masthead-right .cta-button a,
	#fixed-masthead  .schedule-service-button.cta-button a {
		padding-left: 60px;
	}
	#masthead .masthead-right .cta-button a::before,
	#fixed-masthead  .schedule-service-button.cta-button a::before {
		width: 36px;
		height: 36px;
	}
	#masthead .phone-number {
		margin-right: 25px;
	}
}
@media all and (max-width: 1000px) and (min-width: 800px) {
	#masthead .masthead-right .cta-button a {
		font-size: 16px;
		height: 52px;
		line-height: 52px;
	}
	#masthead .masthead-right .cta-button a svg {
		display: none;
	}
	#masthead .masthead-center p a {
		font-size: 18px;
	}
}

/*--------------------------------------------------------------------------- */
/* --- BEGIN PRIMARY NAVIGATION (DESKTOP) ----------------------------------- */

@media all and (min-width: 571px) {
	#primary-navigation .phone-number {
		font-size: 4em;
	}
}

@media all and (min-width: 801px) {
	/* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
	/* --- SET UP --------------------------------------------------------------- */

	#container-primary-navigation .nav-logo,
	#container-primary-navigation .phone-number {
		display: none;
	}

	/* no toggle nav button for any desktop view */
	.js #toggle-navigation {
		font-size: 0;
		height: 0;
		width: 0;
	}

	/* Base CSS for #container-primary-navigation */
	#container-primary-navigation {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
		        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.16);
		background-color: #c4e3f7;
		position: relative;
    	z-index: 11;
	}

	/* Base CSS for #primary-navigation */
	#primary-navigation {
		clear: both;
		margin: 0 auto;
		padding: 0;
		position: relative;
		text-align: center;
		z-index: 800;
	}

	/* Base nav ul CSS */
	#primary-navigation ul {
		display: block;
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}

	/* Base CSS for all nav items */
	#primary-navigation ul li,
	#primary-navigation ul li a {
		text-decoration: none;
		cursor: pointer;
	}

	#primary-navigation a {
		display: block;
		position: relative;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}

	#primary-navigation a span {
		position: relative;
		line-height: 1.1em;
	}

	/* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
	/* --- TOP-LEVEL ------------------------------------------------------------ */

	/*-- TOP-LEVEL UL -----------------------*/
	#primary-navigation > ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		/* Space items evenly */
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	/*-- TOP-LEVEL LI -----------------------*/
	#primary-navigation .nav-level-1 {
		position: relative;
	}

	#primary-navigation li.docid-1 {
		/* display: none; */
	}

	/*-- TOP-LEVEL A -----------------------*/
	#primary-navigation .nav-level-1 > a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		/* Vertically-Center spans within links */
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;

		/* Set preferred height of link */
		height: 65px;

		/* Set up font styles here */
		font-weight: bold;
		padding: 0 15px;
		font-size: 16px;
	}

	/*-- TOP LEVEL LINK COLORS -----------------------*/
	/* Default */
	#primary-navigation .nav-level-1 > a:link,
	#primary-navigation .nav-level-1 > a:visited {
		color: #2a70b8;
	}

	/* Hover */
	#primary-navigation .nav-level-1 > a:hover,
	#primary-navigation .nav-level-1 > a:active {
		color: #c4e3f7;
		background-color: #2a70b8;
	}

	/* Current/Active */
	#primary-navigation .nav-level-1.current > a:link,
	#primary-navigation .nav-level-1.current > a:visited,
	#primary-navigation .nav-level-1.current > a:hover,
	#primary-navigation .nav-level-1.current > a:active,
	#service-areas #primary-navigation #nav-21 > a,
	#city-landing-page #primary-navigation #nav-21 > a,
	#wp-blog #primary-navigation #nav-21 > a {
		color: #c4e3f7;
		background-color: #2a70b8;
	}

	/*-- DROPDOWN ICONS -----------------------*/

	/**** Arrow on the right ****/

	/* Add padding to make room for icon */
	#primary-navigation .nav-level-1:not(.contains-0) > a {
		padding-right: 25px; /* Adjust as needed */
	}

	/* Add icon */
	.nav-level-1:not(.contains-0) > a > span::before {
		content: "";
		background-image: url("/assets/templates/main/images/icons/icon-dropdown-arrow.svg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		position: absolute;
		top: 0;
		height: 100%;
		width: 8px;
		right: -14px;
	}

	/**** Arrow below ****/
	/*.nav-level-1:not(.contains-0) > a::before {
  content: '';
  background-image: url("/assets/templates/main/images/nav/icon-dropdown.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  height: 6px;
  width: 100%;
  bottom: 4px;
  left: 0;
}*/

	/* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
	/* --- 2ND-LEVEL ------------------------------------------------------------ */

	/*-- 2ND-LEVEL UL -----------------------*/
	#primary-navigation .nav-level-1 > ul {
		display: none;
		position: absolute;
		background-color: rgba(196, 227, 247, 0.91);
		-webkit-box-shadow: 15px 15px 15px rgba(103, 135, 180, 0.22);
		        box-shadow: 15px 15px 15px rgba(103, 135, 180, 0.22);
		text-align: left;
		/*top: 50px;*/ /* Just in case top position is wonky */
		width: 300px;
	}

	/* Show dropdown ul on hover */
	#primary-navigation .nav-level-1.active > ul {
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		border-radius: 0 0 10px 10px;
		overflow: hidden;
		/* box-shadow: inset 10px 10px 10px rgb(103 135 180 / 22%); */
	}

	/* Postion dropdown ul based on position of parent */
	#primary-navigation .nav-level-1.center-position > ul {
		left: -75px;
	}
	#primary-navigation .nav-level-1.right-position > ul {
		left: auto;
		right: 0;
	}

	/*-- 2ND-LEVEL FLEXBOX UL -----------------------*/

	/* Target Desired Nav Items for Flexbox*/
	/* #primary-navigation #nav-8.active > ul {
		display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	} */

	/* Set up Menu Widths */
	/* #primary-navigation #nav-8 > ul {
		width: 700px;
	} */

	/*#primary-navigation #nav-11 > ul {*/
	/*width: 520px;*/ /* 2 Columns */
	/*}*/

	/*-- 2ND-LEVEL FLEXBOX LI -----------------------*/

	/* Set Up Column Widths */

	/* 2 Columns */
	/*#nav-11 li.nav-level-2 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}*/

	/* 3 Columns */
	/* #nav-8 li.nav-level-2 {
		-ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
	} */

	/* 4 Columns */
	/*#nav-12 li.nav-level-2 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}*/

	/* Column Background Colors */
	/* #nav-8 li.nav-level-2:nth-child(odd) {
		background-color: #005972;
	}

	#nav-8 li.nav-level-2:nth-child(even) {
		background-color: #049aa2;
	} */

	/*-- STYLE 2ND-LEVEL FLEXBOX COLUMN TITLES -----------------------*/
	/* #nav-8 .nav-level-2 > a {
		border-bottom: 4px solid #49becc;
    padding-top: 8px;
    padding-bottom: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	} */
	#primary-navigation > ul > li.nav-level-1:last-of-type > a {
		position: relative;
		text-transform: uppercase;
		z-index: 1;
		margin-left: 5px;
	}

	#primary-navigation > ul > li.nav-level-1:last-of-type > a:after {
		content: "";
		position: absolute;
		left: 50%;
		top: calc(50% - 1px);
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		height: 40px;
		width: 100%;
		border-radius: 5px;
		border: 2px solid #1e2a66;
		background-color: transparent;
		z-index: -1;
		-webkit-transition: 0.2s all;
		-o-transition: 0.2s all;
		transition: 0.2s all;
	}
	#primary-navigation > ul > li.current.nav-level-1:last-of-type > a,
	#primary-navigation > ul > li.nav-level-1:last-of-type > a:hover {
		background-color: #c4e3f7;
		color: #1e2a66;
	}
	#primary-navigation > ul > li.nav-level-1:last-of-type > a:hover:after,
	#primary-navigation > ul > li.current.nav-level-1:last-of-type > a:after {
		background-color: #2a70b8;
	}

	/*-- 2ND-LEVEL A -----------------------*/
	.nav-level-2 a {
		padding: 5px 10px 5px 15px;
	}

	.nav-level-2:first-child a {
		padding-top: 8px;
	}

	.nav-level-2:last-child a {
		padding-bottom: 8px;
	}

	/*-- 2ND LEVEL LINK COLORS -----------------------*/
	/* Default */
	#primary-navigation .nav-level-2 a:link,
	#primary-navigation .nav-level-2 a:visited {
		color: #2a70b8;
	}

	/* Hover */
	#primary-navigation .nav-level-2 a:hover,
	#primary-navigation .nav-level-2 a:active {
		color: #fff;
		background-color: #2a70b8;
	}

	/* Current/Active */
	#primary-navigation .nav-level-2.current > a:link,
	#primary-navigation .nav-level-2.current > a:visited,
	#primary-navigation .nav-level-2.current > a:hover,
	#primary-navigation .nav-level-2.current > a:active,
	#service-areas #primary-navigation #nav-119 > a,
	#city-landing-page #primary-navigation #nav-119 > a,
	#wp-blog #primary-navigation #nav-88 > a {
		color: #fff;
		background-color: #2a70b8;
	}

	/* Special Current/Active */
	#hvac-repair-mandeville-la #primary-navigation #nav-218 > a,
	#hvac-contractor-madisonville-la #primary-navigation #nav-218 > a,
	#ac-replacement-mandeville-la #primary-navigation #nav-8 > a,
	#emergency-ac-repair-mandeville-la #primary-navigation #nav-8 > a,
	#ductless-mini-split-installation-mandeville-la #primary-navigation #nav-8 > a,
	#thermostat-repair-mandeville-la #primary-navigation #nav-8 > a,
	#heat-pump-repair-mandeville-la #primary-navigation #nav-9 > a,
	#heat-pump-maintenance-mandeville-la #primary-navigation #nav-9 > a,
	#air-duct-installation-mandeville-la #primary-navigation #nav-10 > a {
		color: #c4e3f7;
		background-color: #2a70b8;
	}
	
	#emergency-ac-repair-mandeville-la #primary-navigation #nav-212 > a,
	#ac-replacement-mandeville-la #primary-navigation #nav-213 > a,
	#hvac-repair-mandeville-la #primary-navigation #nav-217 > a,
	#ductless-mini-split-installation-mandeville-la #primary-navigation #nav-216 > a,
	#hvac-contractor-madisonville-la #primary-navigation #nav-232 > a,
	#thermostat-repair-mandeville-la #primary-navigation #nav-215 > a,
	#heat-pump-repair-mandeville-la #primary-navigation #nav-211 > a,
	#heat-pump-maintenance-mandeville-la #primary-navigation #nav-210 > a,
	#air-duct-installation-mandeville-la #primary-navigation #nav-214 > a {
		color: #fff;
		background-color: #2a70b8;		
	}

	/* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
	/* --- 3RD-LEVEL ------------------------------------------------------------ */

	/*-- 3RD LEVEL LINK COLORS -----------------------*/
	/* Default */
	#primary-navigation .nav-level-3 a:link,
	#primary-navigation .nav-level-3 a:visited {
		color: #2a70b8;
	}

	/* Hover */
	#primary-navigation .nav-level-3 a:hover,
	#primary-navigation .nav-level-3 a:active {
		background-color: #2a70b8;
		color: #fff;
	}

	/* Current/Active */
	#primary-navigation .nav-level-3.current > a:link,
	#primary-navigation .nav-level-3.current > a:visited,
	#primary-navigation .nav-level-3.current > a:hover,
	#primary-navigation .nav-level-3.current > a:active {
		background-color: #2a70b8;
		color: #fff;
	}

	/* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
	/* --- DROPDOWNS - CONTAINERS ----------------------------------------------- */

	#primary-navigation ul li.nav-level-1 > ul {
		-webkit-transition: max-height ease 0.3s, -webkit-box-shadow ease 0.3s;
		transition: max-height ease 0.3s, -webkit-box-shadow ease 0.3s;
		-o-transition: box-shadow ease 0.3s, max-height ease 0.3s;
		transition: box-shadow ease 0.3s, max-height ease 0.3s;
		transition: box-shadow ease 0.3s, max-height ease 0.3s, -webkit-box-shadow ease 0.3s;
	}

	/* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
	/* --- EXPAND NAVIGATION BUTTONS (repurposed as close megadropdown) --------- */

	/* no close button for no-touchevents devices */
	.no-touchevents div.expand-nav,
	.no-touchevents div.expand-nav span.nav-expand {
		display: none;
	}
	.nav-level-1.active > div.expand-nav {
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0 0;
		background-color: #dadada;
		border-radius: 30px;
		-webkit-box-shadow: 1px 2px 2px #000000;
		        box-shadow: 1px 2px 2px #000000;
		color: #000000;
		height: 40px;
		position: absolute;
		left: 280px;
		top: 41px;
		width: 40px;
		z-index: 900;
	}

	/* Standard Button Position */
	.nav-level-1.active.center-position > div.expand-nav {
		left: 210px;
	}

	/* Left-aligned, 3-4-column menu 
	#primary-navigation #nav-8 > div.expand-nav {
		left: 680px; /* Nav width - 20px 
	}*/

	/* Left-aligned, 2-column menu */
	/*#primary-navigation #nav-11 > div.expand-nav {*/
	/*left: 500px; */ /* Nav width - 20px */
	/*}*/

	/*#primary-navigation #nav-11.center-position > div.expand-nav {*/
	/*left: 423px;*/ /* Custom Adjustment. Not sure what the math is here... */
	/*}*/

	/*#primary-navigation #nav-12 > div.expand-nav {*/
	/*right: -20px;*/ /* This one needs to be right-aligned */
	/*}*/

	.nav-level-1.active.right-position > div.expand-nav {
		left: auto;
		right: -25px;
	}
	.nav-level-1.active > div.expand-nav:hover,
	.nav-level-1.active > div.expand-nav:active {
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0 0;
		background-color: #333333;
		color: #dadada;
	}
	.nav-level-1.active > div.expand-nav span.nav-expand {
		display: block;
		height: 40px;
		line-height: 40px;
	}
	.nav-level-1.active > div.expand-nav span.nav-expand:after {
		content: "X";
	}

  /* --- 2ND-LEVEL FLEXBOX UL --- */

  /* Target Desired Nav Items for Flexbox*/
  #primary-navigation li:has(> .mega-menu).active > ul {
    display: flex;
    padding: 0px;
  }

  /* Set up Menu Widths */

  /* 2 Column */
  #primary-navigation li:has(> .mm-two-col) > ul {
    width: 520px;
  }
  /* 3-4 Column */
  #primary-navigation li:has(> .mega-menu):not(:has(.mm-two-col)) > ul {
    width: 700px;
  }

  /* Set up internal padding */
  #primary-navigation li:has(> .mega-menu) li.nav-level-2 {
	  padding: 10px 0;
  }

  /* Set up bottom border radius */
  #primary-navigation li:has(> .mega-menu) li.nav-level-2:first-child {
	  border-bottom-left-radius: 10px;
  }
  #primary-navigation li:has(> .mega-menu) li.nav-level-2:last-child {
	  border-bottom-right-radius: 10px;
  }

    /* 2 Columns */
  li:has(> .mm-two-col) li.nav-level-2 {
    flex-basis: 50%;
  }

  /* 3 Columns */
  li:has(> .mega-menu):not(:has(.mm-two-col)) li.nav-level-2 {
    flex-basis: 33.3333%;
  }

  /* 4 Columns */
  /* li:has(> .mega-menu):not(:has(.mm-two-col)) li.nav-level-2 {
    flex-basis: 25%;
  } */


  /* Column Background Colors */
  #primary-navigation li:has(> .mega-menu) li.nav-level-2:nth-child(odd) {
    background-color: rgba(196,227,247,.91);
  }

  #primary-navigation li:has(> .mega-menu) li.nav-level-2:nth-child(even) {
    background-color: rgb(155 214 251 / 91%);
  }

  /* --- STYLE 2ND-LEVEL FLEXBOX COLUMN TITLES --- */
  #primary-navigation li:has(> .mega-menu) .nav-level-2 > a {
	  font-size: 1.2em;
    font-weight: bold;
	/* border-bottom: 4px solid #3b3b3b; */
	/* font-style: italic; */
	/* text-transform: uppercase; */
  /* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */
  }

  /* Resets indentation for megamenu links */
  #primary-navigation li.nav-level-1:has(> .mega-menu) .nav-level-3 {
	  margin-left: 0px;
	  border-left: none;
  }

  /* Preserve flex layout for mega menus */
  #primary-navigation .nav-level-1:has(> a.mega-menu).submenu-open > ul,
  #primary-navigation .nav-level-1:has(> a.mega-menu):focus-within:not(.submenu-closed) > ul,
  #primary-navigation .nav-level-1:has(> a.mega-menu):hover:not(.submenu-closed) > ul {
    display: flex;
  }

  /* Left-aligned, 3-4-column menu */
  #primary-navigation li:has(> .mega-menu):not(:has(.mm-two-col)) > button.expand-nav {
    left: 680px;
  }

	/* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
	/* --- DROPDOWNS - NAV ITEMS ------------------------------------------------ */
} /* @media all and (min-width: 801px) */

/* --- PRIMARY NAVIGATION (DESKTOP) ----------------------------------------- */
/* --- TWO-LINE TEXT -------------------------------------------------------- */

/* Two-Line Text */
@media all and (min-width: 801px) and (max-width: 1140px) {
	#primary-navigation .nav-level-1 > a {
		padding: 0 12px;
	}
	#primary-navigation .nav-level-1:not(.contains-0) > a {
		padding-right: 20px;
	}
}
@media all and (min-width: 801px) and (max-width: 900px) {
	#primary-navigation .nav-level-1 > a {
		font-size: 14px;
	}
	#primary-navigation .nav-level-1 > a {
		padding: 0 5px;
	}
	#primary-navigation .nav-level-1:not(.contains-0) > a {
		padding-right: 18px;
	}
}
@media all and (min-width: 901px) and (max-width: 950px) {
	#primary-navigation .nav-level-1 > a {
		font-size: 15px;
	}
	#primary-navigation .nav-level-1 > a {
		padding: 0 10px;
	}
}

/* --- END PRIMARY NAVIGATION (DESKTOP) ------------------------------------- */
/*----------------------------------------------------------------------------*/

/*----- LAYOUTS - SUBPAGE CONTENT STRUCTURE --------------------------------- */
/* Smaller Desktop */
@media all and (min-width: 801px) {
	#content-wrap > .width-limiter {
	}

	.content-left,
	.content-right {
		display: inline-block;
		max-width: 100%;
	}
	.content-left {
		width: calc(100% - 350px);
		padding-right: 45px;
	}
	.content-right {
		width: 350px;
	}
	.no-top-content #top-content-wrap > .width-limiter {
		padding-top: 40px;
		padding-bottom: 40px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	/* Template Variable Layout Overrides */
	.full-width-layout .content-left,
	.exclude-top-sidebar #top-content-wrap .content-left,
	.single-sidebar #top-content-wrap .content-left,
	.exclude-bottom-sidebar #main-content-wrap .content-left {
		display: block;
		width: 100%;
	}
	.full-width-layout .content-right,
	.exclude-top-sidebar.exclude-bottom-sidebar .content-right {
		display: none;
		visibility: hidden;
	}
}

/* Wider Desktop / DesignDemo Size */
@media all and (min-width: 1025px) {
	#content-wrap > .width-limiter {
		padding-top: 45px;
	}
	.content-left {
		width: calc(100% - 510px);
	}
	.content-right {
		width: 510px;
	}
}

/*----- LAYOUTS - FEATURED IMAGE ----- */
/* Smaller Desktop */
@media all and (min-width: 801px) {
	.has-landing-page-image:not(.contact) #top-content-wrap .content-left p,
	.has-landing-page-image:not(.contact) #top-content-wrap .content-left li {
		font-size: 2.1em;
	}
}


/* Desktop Sidebar */

@media all and (min-width: 801px) {
	#schedule-service-cta {
		border-radius: 5px;
	}
	#promotions-secondary {
		background-image: url("/assets/templates/main/images/other/texture-light-blue.png");
		background-size: auto;
		background-position: center;
		background-repeat: repeat;
		padding-bottom: 30px;
		border-radius: 5px;
	}
	.sidebar-right {
		margin-bottom: 40px;
	}
	.sidebar-content #promotions-secondary .promotions > li {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.sidebar-content #promotions-secondary .secondary-tools-heading {
		margin-bottom: 0;
	}
	.sidebar-content #testimonials-secondary {
		background-image: url("/assets/templates/main/images/other/texture-light-blue.png");
		background-size: auto;
		background-position: center;
		background-repeat: repeat;
		padding-bottom: 30px;
		border-radius: 5px;
	}
	.sidebar-content #testimonials-secondary .testimonial {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	#home-reviews #testimonials-secondary .secondary-tools {
		width: 50%;
		margin-left: auto;
		position: relative;
		z-index: 1;
	}
	#home-reviews #testimonials-secondary {
		position: relative;
	}
	#home-reviews #testimonials-secondary .testimonial {
		padding: 40px 50px 40px;
	}
	#home-reviews #testimonials-secondary:before {
		content: "";
		position: absolute;
		bottom: 0;
		height: 107%;
		width: 100%;
		background-size: contain;
		background-position: calc(50% - 200px) bottom;
		background-repeat: no-repeat;
	}
	#home-reviews #testimonials-secondary .secondary-tools-heading {
		font-size: 38px;
		max-width: 550px;
	}
	.webp #home-reviews #testimonials-secondary:before {
		background-image: url("/assets/templates/main/images/other/review-family-s.webp"); }
   	.no-webp #home-reviews #testimonials-secondary:before {
		background-image: url("/assets/templates/main/images/other/review-family-s.png"); }
}
@media all and (min-width: 1150px) {
	#home-reviews #testimonials-secondary:before {
		background-position: calc(50% - 300px) bottom;
	}
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- SERVICE AREAS -------------------------------------------------------- */

@media all and (min-width: 701px) {
	#service-areas #main-content #service-area-towns-list ul li:not(.view-all) {
		width: 25%;
	}
}

/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- Promotions -------------------------------------------------------- */
@media (min-width: 801px) {
	.sidebar-content #promotions-secondary .secondary-tools li {
		display: list-item;
	}
	#service-areas .sa-city-wrapper {
		padding: 45px 0 20px;
	}

	#service-areas #service-area-search {
		max-width: 400px;
		text-align: center;
		margin-top: 50px;
	}
	.full-width .service-area-list .sa-city-wrapper {
		padding: 45px 0 20px;
	}

}
/* --- SECONDARY CONTENT ---------------------------------------------------- */
/* --- Service Areas -------------------------------------------------------- */
@media (min-width: 801px) {
	#service-area-list {
		/* background-image: url(/assets/templates/main/images/bg/bg-service-area-desktop.jpg); */
		background-position: center;
	}
	.webp #service-area-list {
		background-image: url("/assets/templates/main/images/bg/bg-service-area-desktop.webp"); }
	.no-webp #service-area-list {
		background-image: url("/assets/templates/main/images/bg/bg-service-area-desktop.jpg"); }
	#service-area-list .sa-title {
		color: #2a70b8;
		font-size: 32px;
	}
	
}
@media (min-width: 1025px) {
	#service-area-list .sa-title {
		font-size: 38px;
	}
	.full-width #service-area-list > .width-limiter .secondary-tools {
		max-width: unset;
	}
	.full-width #service-area-list > .width-limiter .secondary-tools #service-area-search,
	.full-width #service-area-list > .width-limiter .secondary-tools .view-all {
		max-width: 670px;
		margin-left: auto;
		margin-right: auto;
	}
}


/*----------------------------------------------------------------------------*/
/* --- PROJECTS PAGES ------------------------------------------------- */

@media (min-width: 801px) {
	.project-col-left {
		width: calc(100% - 350px);
		padding-right: 45px;
		width: 60%;
	}
	.project-col-right {
		width: 350px;
		width: 40%;
	}
	.project-col-left,
	.project-col-right {
		display: inline-block;
		max-width: 100%;
	}
}
@media (min-width: 1025px) {
	.project-col-left {
		width: calc(100% - 420px);
		width: 66%;
	}
	.project-col-right {
		width: 420px;
		width: 34%;
	}
}

/* -------------- Project Grid View ------------------- */

@media all and (min-width: 801px) {
	.projects-grid > div:nth-child(3n) {
		/* padding-right: 0px; */
		/* margin-right: 0px; */
	}
	.projects-grid > div:nth-child(3n + 1) {
		/* padding-left: 0; */
		/* margin-left: 0; */
	}
}

/*----------------------------------------------------------------------------*/
/* --- PRODUCTS PAGES ------------------------------------------------- */

/* Products Grid */
@media all and (min-width: 801px) {
	.products-grid > div:nth-child(3n) {
		/* padding-right: 0px; */
		/* margin-right: 0px; */
	}
	.products-grid > div:nth-child(3n + 1) {
		/* padding-left: 0; */
		/* margin-left: 0; */
	}
}

/* --------------- End Products Landing ------------------ */

/* -------------- Product Details View ------------------- */

@media (min-width: 801px) {
	.product-col-left {
		width: calc(100% - 350px);
		padding-right: 45px;
		width: 60%;
	}
	.product-col-right {
		width: 350px;
		width: 40%;
	}
	.product-col-left,
	.product-col-right {
		display: inline-block;
		max-width: 100%;
	}
	#wp-blog #logo-footer {
		position: relative;
		top: -25px;
	}
}
@media (min-width: 1025px) {
	.product-col-left {
		width: calc(100% - 420px);
		width: 66%;
	}
	.product-col-right {
		width: 420px;
		width: 34%;
	}
}

@media all and (min-width: 801px) {
	#newsletter-signup .secondary-tools form button {
		padding: 6px 40px;
	}
}

#logo-footer {
    margin-bottom: 40px;
}
@media (min-width: 1025px) {
	#logo-footer {
		margin-bottom: 50px;
	}
}

@media all and (min-width: 801px) {
	#faq-outer {
		padding-bottom: 60px;
	}
}

@media all and (min-width: 660px) {
  #maintenance-service-plans .service-plans-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: flex-start;
    max-width: 1130px;
    margin: 0 auto;
  }
	#maintenance-service-plans.commercial .service-plans-outer {
		max-width: 1250px;
		gap: 15px;
		align-items:initial;
	}
  #maintenance-service-plans .service-plans-outer .service-plan {
    margin: 100px 10px 25px 10px;
    width: calc(50% - 10px);
    max-width: 555px;
  }
	#maintenance-service-plans.commercial .service-plans-outer .service-plan {
		margin: 0;
		max-width: 100%;
		width: calc(33.33% - 10px);
	}
  #maintenance-service-plans .service-plans-outer .service-plan:nth-child(odd) {
    margin-left: 0;
  }
  #maintenance-service-plans .service-plans-outer .service-plan:nth-child(even) {
    margin-right: 0;
  }
	#maintenance-service-plans.commercial .service-plans-outer .service-plan:nth-child(odd),
	#maintenance-service-plans.commercial .service-plans-outer .service-plan:nth-child(even) {
		margin: 0;
	}
	#maintenance-service-plans.commercial .service-plan .plan-benefit {
		font-size: 1.5em;
		padding-right: 5px;
		padding-left: 30px;
	}
}
@media all and (min-width: 801px) {
	#residential-maintenance .top-content-upper,
	#commercial-maintenance .top-content-upper {
		padding: 90px 0;
	}
	#residential-maintenance .top-content-upper h1,
#commercial-maintenance .top-content-upper h1 {
	margin-bottom: 15px;
}
  #residential-maintenance .top-content-upper .width-limiter,
  #commercial-maintenance .top-content-upper .width-limiter {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-evenly;
  }
  #residential-maintenance .top-content-upper .top-content-left,
  #commercial-maintenance .top-content-upper .top-content-left {
    width: 57%;
    text-align: left;
    padding-right: 20px;
  }
  #residential-maintenance .top-content-upper .top-content-right,
  #commercial-maintenance .top-content-upper .top-content-right {
    width: 34%;
  }

	#maintenance-service-plans {
		padding: 90px 0 80px 0;
	}
	#maintenance-service-plans .h1 {
		margin-top: 0;
	}
  
  #maintenance-steps .maintenance-steps-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
  }
  #maintenance-steps .maintenance-step {
    width: 33.33%;
    margin: 0;
  }
  #maintenance-steps .maintenance-step p {
    margin-bottom: 0;
  }
  #maintenance-steps .maintenance-step h3 {
	font-size: 2.4em;
  }

  #maintenance-cta h2 {
	  margin-bottom: 0px;
  }
  #maintenance-cta h4 {
	  margin: 10px 0 5px 0;
  }

  #maintenance-main-content {
	  padding: 100px 0;
  }
  #maintenance-main-content .width-limiter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: flex-start;
  }
  #commercial-maintenance #maintenance-main-content .width-limiter {
	  align-items: stretch;
  }
  #maintenance-main-content .content-left {
    width: 51%;
    position: relative;
  }
	#maintenance-main-content .content-left .h1 {
		margin-bottom: 5px;
	}
	#maintenance-main-content .content-left h2 {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#maintenance-main-content .content-left p {
		margin-bottom: 14px;
	}
	#commercial-maintenance #maintenance-main-content .content-left p {
		margin-bottom: 16px;
	}
	#commercial-maintenance #maintenance-main-content .content-left p:last-of-type {
		margin-bottom: 0;
	}
  #maintenance-main-content .cta-button,
  #maintenance #site-modal {
    display: none;
  }
  #maintenance-main-content #maintenance-form {
    display: block;
    width: 49%;
    height: auto;
    margin-top: 90px;
    background-color: #f68029;
    padding: 50px 15px;
  }
	#maintenance-main-content #maintenance-form.commercial {
		background-color: #a1252b;
		height: auto;
		margin: 0;
		display: flex;
		align-items: center;
	}
	#maintenance-main-content #maintenance-form .mf-title {
		color: #2b2b2b;
		font-size: 4.2em;
	}
	#maintenance-main-content #maintenance-form .mf-subtitle {
		color: #222121;
		font-style: italic;
		font-size: 1.6em;
		line-height: 1.25;
		margin-bottom: 20px;
		display: block;
	}
	#maintenance-main-content #maintenance-form.commercial .mf-title,
	#maintenance-main-content #maintenance-form.commercial .mf-subtitle {
		color: #fff;
	}
	#maintenance-main-content #maintenance-form label {
		color: #fff;
		font-weight: 400;
		font-size: 16px;
		line-height: 1.87;
	}
	#maintenance-main-content #maintenance-form button {
		background-color: #71c5e8;
		padding: 16px 26px;
		border-radius: 26.5px;
		font-size: 17px;
		margin-top: 20px;
	}

	#maintenance-additional-benefits {
		padding: 100px 0 145px 0;
	}

	#maintenance-additional-benefits .additional-benefits-inner {
		max-width: 925px;
		margin: 0 auto;
		padding: 50px 32px 53px;
	}
	#maintenance-additional-benefits .additional-benefits-inner h2:first-of-type {
		margin-bottom: 10px;
	}
	#maintenance-additional-benefits .additional-benefits-inner li {
		padding-bottom: 12px;
	}
}