:root {
font-size: 18px;
--special: clamp(5vw, calc((100vw - 1260px) / 2), 50vw);
--menu-close-color: #fff;
--menu-close-height: 48px;
--menu-close-background: #002b47;
--menu-close-font: 24px;
--menu: "MENU";
}
body {
overflow-x: hidden;
font-weight: 400;
}
h1,
h2,
h3,
h4 {
margin: 0;
padding: 0;
}
.et_pb_button {
text-wrap: nowrap;
}
::placeholder {
color: #b0b3b8 !important;
}
.et_pb_row {
width: 90%;
}
.special-list ul {
padding: 0;
list-style: none;
}
.special-list ul li {
display: flex;
}
.equal-height-image .et_pb_image,
.equal-height-image .et_pb_image_wrap,
.equal-height-image .et_pb_module.et_pb_image img {
height: 100%;
width: 100%;
object-fit: cover;
}
.square-image .et_pb_image_wrap,
.square-image .et_pb_image_wrap img {
height: 100%;
width: 100%;
object-fit: cover;
}
#header-top .et_pb_column {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
#main-header-section #header-main .et_pb_column {
display: flex;
align-items: center;
gap: 16px;
}
#mobile-search {
margin: 0;
}
#mobile-search-form {
width: 100%;
}
#mobile-search-form .et_pb_column {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
#search-title {
flex: 1;
}
#search-form {
width: 100%;
flex: 0 0 100%;
}
#search-form form > div {
display: flex;
}
#search-form form > div .et_pb_s {
flex: 1;
border-radius: 100px 0 0 100px;
}
#header-main
#mega-menu-wrap-primary-menu
#mega-menu-primary-menu
.mega-menu-megamenu
.mega-sub-menu
> .mega-menu-row
.mega-menu-column
> .mega-sub-menu
> .mega-menu-item:not(.mega-sewer-sanitation)
> .mega-menu-link {
color: #004570;
font-weight: 700;
border: none;
margin: 0;
padding: 8px 0;
margin-bottom: 8px;
border-bottom: 2px solid #669bd2;
}
#header-main
#mega-menu-wrap-primary-menu
#mega-menu-primary-menu
.mega-menu-megamenu
.mega-sub-menu
> .mega-menu-row
.mega-menu-column
> .mega-sub-menu
> .mega-menu-item.mega-sewer-sanitation {
padding-top: 16px;
margin-top: 16px;
border-top: 2px solid #669bd2;
}
#header-main
#mega-menu-wrap-primary-menu
#mega-menu-primary-menu
.mega-menu-megamenu
.mega-sub-menu
> .mega-menu-row
.mega-menu-column
> .mega-sub-menu
> .mega-menu-item.mega-sewer-sanitation
> .mega-menu-link {
border-radius: 100px;
background: #004570;
width: fit-content;
color: #fff;
font-weight: 700;
padding: 8px 24px;
border: 0;
margin: 0;
display: flex;
gap: 8px;
border: 1px solid #004570;
transition: all 0.2s ease;
}
#header-main
#mega-menu-wrap-primary-menu
#mega-menu-primary-menu
.mega-menu-megamenu
.mega-sub-menu
> .mega-menu-row
.mega-menu-column
> .mega-sub-menu
> .mega-menu-item.mega-sewer-sanitation
> .mega-menu-link:hover {
color: #004570;
background: #fff;
transition: all 0.2s ease;
}
#header-main
#mega-menu-wrap-primary-menu
#mega-menu-primary-menu
.mega-menu-megamenu
.mega-sub-menu
> .mega-menu-row
.mega-menu-column
> .mega-sub-menu
> .mega-menu-item.mega-sewer-sanitation
> .mega-menu-link:after {
content: "\f08e";
font-weight: 700;
display: block;
font-family: "Font Awesome 5 Free";
}
#header-main
#mega-menu-wrap-primary-menu
#mega-menu-primary-menu
.mega-menu-megamenu
.mega-sub-menu
> .mega-menu-row
.mega-menu-column
> .mega-sub-menu
> .mega-menu-item:not(.mega-sewer-sanitation)
> .mega-sub-menu {
padding: 8px;
}
#header-main
#mega-menu-wrap-primary-menu
#mega-menu-primary-menu
.mega-menu-megamenu
.mega-sub-menu
> .mega-menu-row
.mega-menu-column
> .mega-sub-menu
> .mega-menu-item:not(.mega-sewer-sanitation)
> .mega-sub-menu
.mega-menu-link {
border: none;
margin: 0;
border-radius: 4px;
padding: 8px 16px;
}
#header-main
#mega-menu-wrap-primary-menu
#mega-menu-primary-menu
.mega-menu-megamenu
.mega-sub-menu
> .mega-menu-row
.mega-menu-column
> .mega-sub-menu
> .mega-menu-item:not(.mega-sewer-sanitation)
> .mega-sub-menu
.mega-menu-item:has(+ .mega-menu-item) {
margin-bottom: 4px;
}
#header-main
#mega-menu-wrap-primary-menu
#mega-menu-primary-menu
.mega-menu-megamenu
.mega-sub-menu
> .mega-menu-row
.mega-menu-column
> .mega-sub-menu
> .mega-menu-item:not(.mega-sewer-sanitation)
> .mega-sub-menu
.mega-menu-link:hover {
font-weight: 700;
background: #ecf1f4;
}
#header-top .et_pb_column {
display: flex;
flex-direction: row;
}
#header-top .et_pb_column .et_pb_button_module_wrapper {
width: fit-content;
}
#hero {
display: flex;
}
#hero .et_pb_row {
margin-bottom: 0;
}
.flex-icon-list ul {
padding: 0;
list-style: none;
display: flex;
gap: 24px;
}
.flex-icon-list ul li {
display: flex;
align-items: center;
gap: 8px;
}
#main-services-row .et_pb_column:hover * {
color: #002b47 !important;
}
#main-services-row .et_pb_column:hover img {
filter: invert(100%) sepia(57.7439%) saturate(0.997039)
hue-rotate(-57.7424deg) brightness(0.596443) contrast(1.139397);
}
.full-height-image,
.full-height-image .et_pb_image_wrap,
.full-height-image img {
height: 100%;
width: 100%;
object-fit: cover;
}
#dates ul {
padding: 0;
list-style: none;
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
#dates ul li {
padding-left: 16px;
border-left: 4px solid #669bd2;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 16px;
}
#dates ul li strong {
font-size: 20px;
font-weight: 600;
color: #002b47;
}
#dates ul li em {
font-style: normal;
}
#dates ul li em:before {
content: "\f133";
font-family: FontAwesome;
margin-right: 8px;
}
#utility-parter-cards .et_pb_column:hover * {
color: #fff;
}
#utility-parter-cards .et_pb_column:hover img {
filter: sepia(84.61%) saturate(2.204) hue-rotate(17.89deg) brightness(1.22)
contrast(1.52);
}
.has-arrow:after {
transform: rotate(45deg);
}
#jumplinks .et_pb_module h2 {
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
font-weight: 400;
}
#jumplinks .et_pb_column:hover .et_pb_module h2 {
font-weight: 700;
}
#blog .et_pb_ajax_pagination_container {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
#blog article.et_pb_post {
margin: 0;
}
#blog .et_pb_post .entry-featured-image-url,
#blog .et_pb_post .entry-title,
#blog .et_pb_post .post-content .post-content-inner {
margin-bottom: 16px;
}
#blog .et_pb_post .post-content .more-link {
border-radius: 100px;
border: 1px solid #001f33;
width: fit-content;
padding: 12px 24px;
}
#blog .et_pb_post .post-content .more-link:hover {
background: #001f33;
}
#page-container
.em.em-calendar
.em-cal-body.event-style-pill
.em-cal-event
> div {
background: #ff9a16;
border-color: #ff9a16;
}
.em.pixelbones .input button,
.em.pixelbones .input input,
.em.pixelbones .input optgroup,
.em.pixelbones .input select,
.em.pixelbones .input textarea,
.em.pixelbones {
font-family: "Work Sans", Helvetica, Arial, Lucida, sans-serif !important;
}
.em.em-list .em-item .em-item-info,
.em.em-list .em-item .em-item-image.has-placeholder {
--default-border: #ff9a16 !important;
}
.em-event-when h3,
.em-event-when .em-item-meta-line {
margin-bottom: 16px;
}
.em-item-meta-column {
margin-bottom: 32px;
}
@media (max-width: 980px) {
.reverse-m {
display: flex;
flex-direction: column-reverse;
}
.et_pb_row.reverse-m .et_pb_column:first-of-type {
margin-bottom: 0;
}
.et_pb_row.reverse-m .et_pb_column {
margin-bottom: 30px;
}
#mega-menu-wrap-primary-menu
.mega-menu-toggle.mega-menu-open
+ #mega-menu-primary-menu {
padding-top: var(--menu-close-height);
}
#mega-menu-wrap-primary-menu .mega-menu-toggle ~ button.mega-close {
width: 0;
max-width: 0;
opacity: 0;
transition: all 0.3s ease;
}
#mega-menu-wrap-primary-menu
.mega-menu-toggle.mega-menu-open
~ button.mega-close {
left: 0;
opacity: 1;
width: 100vw;
height: var(--menu-close-height);
max-width: 300px;
justify-content: space-between;
flex-direction: row-reverse;
background: var(--menu-close-background);
transition: all 0.3s ease;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle ~ button.mega-close:before {
width: var(--menu-close-height);
height: var(--menu-close-height);
font-size: var(--menu-close-font);
}
#mega-menu-wrap-primary-menu .mega-menu-toggle ~ button.mega-close:after {
content: var(--menu);
display: flex;
align-items: center;
margin-left: 24px;
font-weight: 700;
color: var(--menu-close-color);
font-size: var(--menu-close-font);
}
#utility-parter-cards .et_pb_column {
margin-bottom: 16px;
}
#utility-parter-cards.alt .et_pb_column {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-items: center;
gap: 24px;
}
#utility-parter-cards.alt .et_pb_column .et_pb_text {
flex: 1;
text-wrap: nowrap;
}
#page-container #jumplinks .et_pb_column:last-child {
margin: 0 !important;
}
}
@media (max-width: 768px) {
.et_pb_button {
width: 100%;
text-align: center;
}
.square-image.mobile {
height: calc(100vw - (var(--special) * 2));
}
#header-top .et_pb_column {
flex-wrap: wrap;
}
.et_pb_button_module_wrapper {
width: 100%;
}
#main-services-row .et_pb_column {
width: 100%;
}
#main-services-row .et_pb_column {
display: flex;
padding: 16px 5vw;
align-items: center;
gap: 12px;
}
#main-services-row .et_pb_column .et_pb_heading {
flex: 1;
}
#main-services-row .et_pb_column .et_pb_heading h2 {
text-align: start;
}
#jumplinks .et_pb_column {
width: 100%;
margin-right: 0;
margin-bottom: 12px;
}
}
@media (min-width: 769px) {
.et_pb_column_1_3 .square-image {
height: calc((100vw - (var(--special) * 2)) * 0.3133);
}
.et_pb_column_1_2 .square-image {
height: calc((100vw - (var(--special) * 2)) * 0.4725);
}
.et_pb_column_1_4 .square-image {
height: calc((100vw - (var(--special) * 2)) * 0.2087);
}
#main-services-row {
flex-wrap: nowrap;
}
#dates ul {
grid-template-columns: 1fr 1fr;
}
#blog .et_pb_ajax_pagination_container {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 769px) and (max-width: 980px) {
#jumplinks.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {
width: 48%;
margin-right: 2%;
}
#jumplinks .et_pb_column {
margin-bottom: 12px;
}
#jumplinks .et_pb_column_1_4:nth-last-child(-n + 2) {
margin-bottom: 0;
}
}
@media (min-width: 981px) {
.v-align {
display: flex;
align-items: center;
}
.flex-row .et_pb_column {
display: flex;
gap: 24px;
}
.flex-row.bottom .et_pb_column {
align-items: flex-end;
}
.flex-row.center .et_pb_column {
align-items: center;
}
.flex-1 {
flex: 1;
}
.align-center .et_pb_column {
align-items: center;
}
.align-bottom .et_pb_column {
align-items: flex-end;
}
.space-between .et_pb_column {
justify-content: space-between;
}
#header-main
#mega-menu-wrap-primary-menu
#mega-menu-primary-menu
.mega-menu-megamenu
.mega-sub-menu
> .mega-menu-row
> .mega-sub-menu {
display: flex;
gap: 24px;
}
#page-container .add-padding-left {
padding-left: var(--special);
}
#page-container .add-padding-right {
padding-right: var(--special);
}
#dates ul {
grid-template-columns: 1fr 1fr 1fr;
}
#cta .et_pb_column {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: flex-end;
}
#utility-parter-cards .et_pb_column {
width: 32%;
margin-right: 2%;
}
#blog .et_pb_ajax_pagination_container {
grid-template-columns: 1fr 1fr 1fr;
}
#jumplinks .et_pb_column_1_4 {
width: 23.5%;
margin-right: 2%;
}
#jumplinks .et_pb_column_1_3 {
width: 32%;
margin-right: 2%;
}
#copyright .et_pb_column {
display: flex;
justify-content: space-between;
gap: 16px;
}
}