html, body {font-family: 'Avenir', sans-serif;}
h1, h2, h3, h4 {font-family: 'Avenir', sans-serif;}
a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; outline: 0; }
a.highlight {background: #9cad87;color:#231f20;}
a.highlight:hover, a.highlight:focus {color:#231f20;}
.btn, a { transition: all .3s; }
header, section, footer, aside, nav, main, article, figure {position:relative;display: block;width:100%;}
.wrapper {min-height: 100%; margin-bottom: -60px;}
footer {height: 60px; color:#A7A9AC;background:#231f20; padding: 15px;}




/* BRANDING COLORS */
.servicercx-blue {color:#00457e;}
.servicercx-bg-blue {background:#00457e;}

/* INTRO SECTION */
.top-bar {display: flex; width: 100%; height: 100px; padding-bottom: 25px; background-color: #00457e;}
nav.site-header {background-color: transparent; width: cover; height: 50px; display: flex; align-items: left; padding: 0px 15px 15px 0px;}
.veolia {margin: 15px;}
.header-logo {display: flex; justify-content: center; align-items: center; max-width: 150px; padding: 10px;}
.header-logo img {max-width: 100%; max-height: 75%; object-fit: contain;}
.socalgas {padding-left: 10px; padding-top: 15px;}
.h1-header {font-weight: 800;}
.nav-below {display: flex; height: 60px; border-bottom: 1px solid white; width: 100%; background-color: #00457e !important; align-items: center; justify-content: space-between;}
.breadcrumb {display: flex; align-items: center; padding-left: 40px; color: #fff; box-sizing: border-box !important;}
.breadcrumb p {margin-top: 25px; margin-left: 10px;}
.breadcrumb a {color: #fff;}
.breadcrumb a:hover {color: #55555A;}
.hero-header {border-left: 15px solid white; border-right: 15px solid white; display: flex; align-items: flex-end; min-height: 400px; width: 100%; background-color: #00457e; background-image: linear-gradient(25deg, rgba(0, 69, 126, 1) 25%, rgba(0, 69, 126, 0) 65%), url("../img/servicercx-header-06.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.hero-title {position: absolute; bottom: 20px; left: 20px; color: white; padding: 10px;}
.hero-title h1 {font-size: 40px; font-weight: 900;}
.program-intro {display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 50px; padding-left: calc(var(--bs-gutter-x)* 0.5);}
.program-intro h2 {line-height: 1;font-weight:800;margin:50px 0 20px;font-size:35px; padding-left: calc(var(--bs-gutter-x)* 0.5); color: #00457e !important;}
.about-title {color: #00457e;  }
.program-intro p {font-weight:400;font-size:20px; padding-left: calc(var(--bs-gutter-x)* 0.5);}
.program-header {border-left: 15px solid white; border-right: 15px solid white; display: flex; height: 100px; width: 100%; background-color: #fff; align-items: center; justify-content: space-between; color: #fff !important; font-family: Arial;}
.program-header h1 {position: relative; padding-right: 50px; font-weight: 800 !important; font-size: 30px !important; padding-bottom: 10px;}
.program-header p {margin-top: 40px; margin-right: 10px; color: #00457e; font-weight: 500;}
.program-header a {color: #00457e; font-weight: 900;}
.nav {max-width: 30%; display: flex; justify-content: space-between; align-items: center;}
.home-link {position: absolute; top: 100%; right: 50px; font-weight: 200; font-size: 16px; color: #fff;}
.home-link a {color: #fff !important;}
.program-subheader {height: 100px; width: 75%; background-color: #fff; margin: 25px auto; display: flex; align-items: center; text-align: left; padding-left: 50px; color: #fff; font-family: Arial;}
.program-link {color: #231f20; padding-right: calc(var(--bs-gutter-x)* 0.5); padding-left: calc(var(--bs-gutter-x)* 0.5);}
/* SEGMENTS*/
.disclaimer {width: 100%; background-color: #A7A9AC; padding: 15px 200px 25px 200px; color: #000; font-size: 12px;}
.disclaimer-logolinks {display: flex; flex-direction: row; align-items: center; width: 100%; margin: 50px 50px 50px 25px; padding-bottom: 25px; padding-right: 35px;}
.disclaimer-logo {margin-right: auto;}
.apply-logo {display: flex; max-width: 175px; margin-left: -20px;}
.disclaimer-links {display: flex; flex-direction: row; margin-left: auto; font-size: 16px;}
.disclaimer-link {padding-left: 10px; padding-right: 30px;}
.disclaimer a {color: #000}
.spacer {height: 5px; width: 100; background: #fff;}
.process h3 {font-size: 30px; font-weight: 400; color: #00457e;}
.process h4 {font-size: 20px; font-weight:500;}
.process-spacing {padding: 10px;}
.process-background {width: 100%; background: #fff !important; color: #231f20; padding: 75px 100px 25px 25px !important;}
.process-text {font-size: 20px;}
.process-steps {margin-bottom: 50px;}
.h3-large {font-size: 50px;}
.apply-now {padding-top: 40px; padding-bottom: 50px; background: #00457e; color: #fff;}
.card-background {background-color: #fff; color: #231f20;}
.lead-constrain {width: 80%;}

footer p {margin:0; align-content:flex-end;}
.text-right {text-align: right;}
.text-left {text-align: left;}

.terms {width: 90%; justify-content: center; padding: 50px 0px 50px 50px; min-height: 500px;}
.terms h1 { align-items: center; display: flex; text-align: left;}
.terms h2 {color: #00457e;}
.terms p { align-items: center; display: flex; text-align: left;}
.terms ol {font-size: 12px; margin-top: 20px;}
.terms a {color: #00457e;}
.utility-disclaimer {color: #00457e;}
.footer-padding {padding: 2px}
footer a {color: #A7A9AC !important;}

/* MEDIA QUERIES */
/* MOBILE PHONE */
@media (max-width: 500px) {
  .header-logo {
    max-width: 100px;
  }
}

@media (max-width: 767.98px) {
    .introCover {
      padding: 0px 15px 30px;
    }
    section {
      padding: 50px 15px;
    }
    fieldset.form-columns-2 .hs-form-field {
      width: 100% !important;
    }
    .header-logo {
      max-width: 100px;
    }
    .program-header h1 {
      font-size: 20px;
    }
    .process-steps {
      margin-bottom: 20px;
    }
    .process-text {
      font-size: 16px;
    }
    .apply-now {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .lead-constrain {
      width: 100%;
    }
    .disclaimer {
      padding: 15px;
    }
    .disclaimer-logolinks {
      flex-direction: column;
    }
    .disclaimer-logo {
      margin-bottom: 20px;
    }
    footer {
      height: 100px;
    }
    .footer-padding {
      padding: 10px;
    }
    .program-header {
      height: auto;
      flex-wrap: wrap;
      padding: 15px;
      align-items: flex-start;
    }
    .header-logo {
      width: auto;
      justify-content: flex-start;
    }
    .nav {
      max-width: 100%;
      width: auto;
      margin-left: auto;
      flex-direction: column;
      gap: 10px;
      align-items: flex-end;
    }
    .program-header p {
      margin-top: 0;
      margin-bottom: 0;
    }
  }
@media (min-width:768px) {
/* TABLET PORTRAIT */
}
@media (min-width:992px) {
/* TABLET LANDSCAPE */

}
@media (min-width:1200px) {
/* DESKTOP */
.container {max-width:1140px;}
}

/* EXTRA UTILITIES */
.flex-equal > * {-ms-flex: 1;flex: 1;}
@media (min-width: 768px) {
.flex-md-equal > * {-ms-flex: 1;flex: 1;}
}
.overflow-hidden { overflow: hidden; }