:root {
  --purple: #8a2c80;
  --grey-bkgd: #dbd6cc;
  --royal-blue: #00599c;
  --green: #ced31c;
  --sky-blue: #33baeb;
  --white: white;
  --lt-grey: #e7e8e9;
  --dodger-blue: #2290da;
  --deep-sky-blue: #61c4f2;
  --sky-blue-2: #d7e9e8;
  --tan: #ead5b9;
  --black: black;
  --gb: #2a788c;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

h2 {
  color: var(--purple);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

strong {
  font-weight: bold;
}

.container-main {
  background-color: #fff;
  max-width: 1450px;
  margin-left: auto;
  margin-right: auto;
}

.nav {
  z-index: 1000;
  background-color: #fff;
  width: 100%;
  max-width: 1450px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  display: block;
  position: fixed;
}

.body {
  background-color: var(--grey-bkgd);
  text-align: left;
}

.introduction-pp {
  color: var(--royal-blue);
  text-align: center;
  margin-top: 167px;
  margin-bottom: 27px;
  padding-left: 0%;
  padding-right: 0%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  position: relative;
}

.two-btn-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  min-width: 250px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0;
  list-style-type: none;
  display: inline-block;
  position: static;
}

.btn-grn-xl {
  float: none;
  background-color: var(--green);
  color: var(--purple);
  text-align: center;
  border-radius: 4px;
  min-width: 350px;
  margin-top: 25px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 14px 40px;
  font-size: 20px;
  font-weight: 700;
  display: inline-block;
  position: static;
}

.btn-grn-xl:hover {
  background-color: #bdc217;
}

.two-btn-list-item {
  float: left;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 10px;
  display: block;
  position: relative;
}

.list-2 {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  list-style-type: none;
}

.rebate-icon {
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
}

.h3 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
}

.h3.verticalspace, .link-block.verticalspace {
  margin-top: 10px;
}

.text-block {
  color: #fff;
  margin-top: 25px;
  margin-bottom: 10px;
  font-size: 16px;
}

.link {
  color: #fff;
}

.div-block {
  padding-top: 20px;
}

.heading-lg-purple {
  color: var(--purple);
  text-align: center;
  margin: 0 auto;
  padding: 60px 0% 0;
  font-size: 48px;
  line-height: 54px;
}

.list-3 {
  justify-content: center;
  margin-bottom: 0;
  padding-left: 15%;
  padding-right: 15%;
  list-style-type: none;
  display: flex;
}

.list-item-9 {
  text-align: left;
  width: 50%;
}

.list-item-10 {
  width: 50%;
}

.btn-grn-xlg {
  float: none;
  background-color: var(--green);
  color: var(--purple);
  text-align: center;
  border-radius: 4px;
  width: 100%;
  min-width: 200px;
  max-width: 350px;
  padding: 20px 15%;
  font-size: 26px;
  font-weight: 700;
  line-height: 28px;
  display: inline-block;
  position: static;
}

.btn-grn-xlg:hover {
  background-color: #bdc217;
}

.btn-grn-xlg.largeb {
  padding-top: 50px;
  padding-bottom: 50px;
}

.footer-list-bottom {
  padding-left: 0%;
  padding-right: 0%;
  list-style-type: none;
}

.footer-list-item {
  text-align: center;
  width: 50%;
  display: inline-block;
  position: relative;
}

.list-5 {
  text-align: left;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
}

.social-icon {
  text-align: left;
  width: 70px;
  padding-right: 0;
  display: inline-block;
}

.btn-blue-lg {
  background-color: var(--sky-blue);
  text-align: left;
  border-radius: 7px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 40px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
}

.btn-blue-lg.wes-bttn, .btn-blue-lg.flowmon-bttn {
  background-color: var(--purple);
}

.text-block-2 {
  color: #fff;
  text-align: left;
  padding-bottom: 0;
  padding-right: 25%;
  font-size: 14px;
}

.link-2 {
  color: #fff;
  font-style: normal;
  text-decoration: none;
}

.footer-heading {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 24px;
}

.div-block-2 {
  text-align: left;
  padding-top: 20px;
}

.heading-3 {
  text-align: left;
}

.button-3 {
  text-align: right;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-3 {
  text-align: right;
  padding-bottom: 40px;
}

.footer-link {
  color: var(--lt-grey);
  text-align: left;
  padding-top: 4px;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.list-6 {
  width: 100%;
  margin-bottom: 0;
  padding-top: 30px;
  padding-left: 0;
  list-style-type: none;
  position: relative;
  inset: 0%;
}

.footer-bottom-list-item {
  float: none;
  width: 33%;
  display: inline-block;
}

.image {
  text-align: right;
}

.paragraph-2 {
  color: var(--lt-grey);
}

.paragraph-3 {
  color: var(--lt-grey);
  font-size: 12px;
  line-height: 14px;
}

.link-block-2 {
  float: right;
}

.bold-text, .bold-text-2 {
  color: var(--lt-grey);
  text-decoration: none;
}

.click-banner {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  position: absolute;
  inset: 25% 0 auto;
}

.section-head {
  color: var(--royal-blue);
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 26px;
  display: block;
}

.section-head.firstp {
  margin-bottom: 56px;
}

.list-7 {
  padding-top: 20px;
  padding-left: 10%;
  padding-right: 10%;
  list-style-type: none;
}

.header-nav {
  float: none;
  text-align: right;
  width: 38%;
  display: inline-block;
  position: relative;
}

.btn-menu {
  background-color: var(--purple);
  text-align: center;
  border-radius: 4px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 700;
}

.btn-language {
  background-color: var(--sky-blue);
  text-align: center;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 0;
  padding: 4px 20px;
  font-size: 12px;
}

.header-nav-home {
  width: 50%;
  display: inline-block;
  position: relative;
}

.header-nav-menu {
  float: none;
  text-align: right;
  width: 12%;
  display: inline-block;
  position: relative;
}

.btn-language-sm {
  background-color: var(--sky-blue);
  border-radius: 4px;
  margin-left: 10px;
  padding: 4px 8px;
  font-size: 12px;
  display: none;
}

.image-13 {
  max-width: 30px;
}

.link-block-5 {
  background-color: var(--purple);
  border-radius: 4px;
  padding: 8px;
  display: none;
}

.menu-overlay {
  z-index: 100;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffffffdb;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-width: 0;
  max-width: 1450px;
  height: 100%;
  min-height: 100vw;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: fixed;
  inset: 80px 0 0;
}

.menu-block {
  background-color: var(--sky-blue);
  border-radius: 4px;
  width: 70%;
  margin-top: 0;
  margin-left: 15%;
  margin-right: 15%;
  padding: 20px 60px 60px;
  display: block;
  position: relative;
}

.menu-list-item-heading {
  color: var(--purple);
  padding-top: 40px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: relative;
}

.menu-list-item-item {
  color: #fff;
  padding-left: 10px;
  text-decoration: none;
  display: block;
}

.link-block-6 {
  border: 1px #fff;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.grid {
  grid-template-rows: auto auto 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.div-block-4 {
  text-align: left;
  display: inline-block;
}

.text-block-5, .text-block-6 {
  margin-right: 10px;
  display: inline;
}

.nav-tree {
  color: var(--grey-bkgd);
  text-align: left;
  padding-top: 24px;
  padding-left: 0%;
  font-size: 16px;
  line-height: 20px;
}

.nav-tree-link {
  color: var(--purple);
  margin-right: 10px;
  text-decoration: none;
}

.nav-tree-link-active {
  color: var(--purple);
  font-weight: 700;
  text-decoration: none;
}

.page-head {
  color: var(--royal-blue);
  margin-top: 0;
  margin-bottom: 0;
  padding: 80px 0% 0;
  font-size: 28px;
}

.hero-slider {
  background-color: #0000;
  width: 100%;
  height: 400px;
  padding-bottom: 0%;
  display: none;
}

.nav-spacer {
  width: 100%;
  height: 80px;
}

.slide-3 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: 125px;
}

.project-item {
  text-align: left;
  font-size: 14px;
  display: inline;
}

.project-item h2 {
  clear: none;
  color: var(--royal-blue);
  margin-top: 0;
  font-size: 18px;
  line-height: 22px;
}

.project-item p {
  clear: none;
  color: var(--royal-blue);
  font-size: 15px;
}

.project-item a {
  color: var(--royal-blue);
  text-decoration: none;
}

.project-item-thumb {
  float: left;
  padding-bottom: 60px;
  padding-right: 40px;
  display: inline-block;
  position: relative;
}

.project-item-thumb-number {
  background-color: var(--green);
  color: var(--royal-blue);
  text-align: center;
  border-radius: 20px;
  width: 25px;
  height: 25px;
  padding-top: 2px;
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  inset: 67px 0% auto 79px;
}

.application-grid-content {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  line-height: 24px;
}

.application-grid-content h2 {
  color: var(--purple);
  margin-bottom: 20px;
}

.application-grid-content p {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 20px;
}

.application-grid-content ul {
  color: var(--royal-blue);
  text-align: left;
  font-size: 20px;
}

.application-grid-content a {
  color: var(--royal-blue);
  text-decoration: none;
}

.btn-prpl-lg {
  background-color: var(--purple);
  text-align: left;
  border-radius: 30px;
  padding: 16px 100px;
  font-size: 20px;
  font-weight: 700;
}

.slide-4 {
  background-image: url('../images/mcpherson3r1_beforeg7r2-crop-u477905.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slide-heading {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  position: absolute;
  bottom: 20px;
  left: 100px;
}

.slide-5 {
  background-image: url('../images/mcpherson3r1_afterg7r2-crop-u478088.jpg');
  background-position: 0 0;
  background-size: cover;
}

.page-head-p {
  color: var(--royal-blue);
  text-align: left;
  max-width: 850px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p.firstparagraph_spacing_rebates {
  margin-top: 40px;
}

.page-head-p.cnp {
  margin-bottom: 48px;
}

.classes-item {
  text-align: left;
  font-size: 20px;
  line-height: 24px;
}

.classes-item h2 {
  color: var(--royal-blue);
  margin-top: 0;
  font-size: 30px;
  line-height: 30px;
}

.classes-item p {
  color: var(--royal-blue);
  font-size: 20px;
}

.classes-item ul {
  color: var(--royal-blue);
}

.drop-prpl {
  z-index: 0;
  background-color: var(--purple);
  color: #fff;
  text-align: center;
  margin-bottom: 2px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  display: block;
}

.paragraph-5 {
  color: var(--royal-blue);
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 24px;
}

.hero-heading {
  color: var(--purple);
  text-align: center;
  background-color: #ced31ccc;
  margin-top: 13%;
  margin-bottom: 0;
  padding: 14px 30px;
  display: inline-block;
  position: relative;
  left: auto;
  right: auto;
}

.plant-profile-dropdown {
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  display: block;
}

.text-block-8 {
  color: #fff;
  text-align: center;
}

.text-block-9 {
  color: var(--royal-blue);
  height: 50px;
  padding-top: 10px;
}

.plant-profile-link-block {
  height: auto;
  font-size: 16px;
  text-decoration: none;
}

.bold-text-4 {
  color: var(--sky-blue);
}

.dropdown-list-2 {
  padding-top: 60px;
}

.dropdown-list-2.w--open {
  background-color: #0000;
  padding-bottom: 60px;
  position: relative;
}

.dropdown-toggle-native {
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
}

.dropdown-toggle-native.annual {
  z-index: 0;
  background-image: url('../images/clarkia-unguiculata-2_annuals-hero-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
}

.dropdown-toggle-native.groundcover {
  background-image: url('../images/ceanothus-thyrsiflorus-skylark2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.dropdown-toggle-native.grasses {
  background-image: url('../images/carex-pansa_grasses-hero.jpg');
  background-position: 50%;
  background-size: cover;
}

.dropdown-toggle-native.perennials {
  background-image: url('../images/romneya-coulteri_perennials-hero.jpg');
  background-position: 50%;
  background-size: 2144px;
}

.dropdown-toggle-native.shrubs {
  background-image: url('../images/ceanothus-concha_shrubs-hero-p-800.jpeg');
  background-position: 50%;
  background-size: cover;
}

.dropdown-toggle-native.succulents {
  background-image: url('../images/dudleya-pulverulenta_succulents-hero-p-2000.jpeg');
  background-position: 50%;
  background-size: cover;
}

.dropdown-toggle-native.trees {
  background-image: url('../images/parkinsonia-aculeata_trees-hero.jpg');
  background-position: 50%;
  background-size: cover;
}

.dropdown-toggle-native.vines {
  background-image: url('../images/calystegia-anacapa_vines-hero-p-800.jpeg');
  background-position: 0 0;
  background-size: cover;
}

.program-link-block {
  background-color: var(--sky-blue);
  color: #fff;
  text-align: left;
  width: 270px;
  height: 70px;
  margin-top: 40px;
  margin-left: 10px;
  margin-right: 10px;
  padding-right: 0;
  text-decoration: none;
  position: relative;
}

.text-block-11 {
  color: var(--dodger-blue);
  padding-top: 100px;
  font-size: 20px;
}

.text-block-11.reb-pginfo {
  padding-top: 51px;
}

.text-block-12 {
  margin-top: 12px;
  padding-top: 0;
  display: inline-block;
  position: absolute;
}

.text-block-12.nda {
  margin-top: 16px;
  margin-right: 13px;
  font-size: 14px;
  line-height: 20px;
}

.image-16 {
  margin-right: 20px;
}

.btn-strokeprpl {
  border: 2px solid var(--purple);
  color: var(--purple);
  background-color: #0000;
  border-radius: 4px;
  margin-top: 18px;
  padding: 16px 60px;
  font-size: 16px;
  font-weight: 700;
}

.btn-stroke-wht {
  color: #fff;
  background-color: #0000;
  border: 2px solid #fff;
  border-radius: 4px;
  margin-top: 40px;
  padding: 16px 60px;
  font-size: 16px;
  font-weight: 700;
}

.div-block-7 {
  padding-top: 0;
}

.div-block-8 {
  color: #fff;
  background-color: #8a2c80b3;
  width: 45%;
  min-height: 500px;
  margin-left: 55%;
  padding: 140px 10% 140px 60px;
  font-size: 20px;
  line-height: 28px;
}

.heading-grn-float {
  color: var(--purple);
  text-align: center;
  background-color: #ced31ccc;
  margin-top: 0%;
  margin-bottom: 0;
  padding: 14px 30px;
  font-size: 28px;
  font-weight: 700;
  line-height: 44px;
  display: inline-block;
  position: relative;
  top: 46%;
  left: 0%;
}

.div-block-9 {
  text-align: center;
  width: 55%;
  position: absolute;
  inset: 0%;
}

.bold-text-5 {
  font-size: 28px;
}

.garden-div1 {
  color: #fff;
  background-color: #ced31cb3;
  width: 45%;
  min-height: 500px;
  margin-left: 0%;
  padding: 140px 60px 140px 10%;
  font-size: 20px;
  line-height: 28px;
}

.garden-div2 {
  text-align: center;
  width: 55%;
  margin-left: 45%;
  position: absolute;
  inset: 0%;
}

.section-native-profiles {
  text-align: center;
  background-image: url('../images/garden-5-santa-monica-c.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 225px;
  padding-bottom: 225px;
  position: relative;
}

.section-local-nurseries {
  text-align: center;
  background-image: url('../images/garden-21-historic-filipinotown-k.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 225px;
  padding-bottom: 225px;
  position: relative;
}

.toolkit-link-block-1 {
  text-align: center;
  height: 0;
  min-height: 0%;
  padding-top: 15%;
  padding-bottom: 35%;
  text-decoration: none;
  display: block;
}

.toolkit-link-block-1.savings-tips {
  background-image: url('../images/toolkit---1.JPG');
  background-position: 50%;
  background-size: cover;
}

.toolkit-link-block-1.how-to {
  background-image: url('../images/toolkit---2.jpg');
  background-position: 0 0;
  background-size: cover;
}

.toolkit-link-block-1.efficient-devices {
  background-image: url('../images/toolkit---4.jpg');
  background-position: 50%;
  background-size: cover;
}

.toolkit-link-block-1.public-widget {
  background-image: url('../images/toolkit---5.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.heading-grn-float-sm {
  color: var(--purple);
  text-align: center;
  background-color: #ced31ccc;
  margin-top: auto;
  margin-bottom: auto;
  padding: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
}

.toolkit-text-block {
  color: var(--royal-blue);
  text-align: left;
}

.toolkit-text-block h2 {
  color: var(--purple);
  margin-top: 0;
}

.toolkit-text-block p {
  margin-bottom: 20px;
}

.toolkit-text-block a {
  color: var(--royal-blue);
  text-decoration: none;
}

.bold-text-6 {
  line-height: 24px;
  text-decoration: none;
}

.div-block-12 {
  width: 100%;
  height: 60px;
}

.grant-program-link-block {
  color: var(--purple);
  padding: 10px;
  font-size: 20px;
  line-height: 24px;
  text-decoration: none;
}

.grant-program-link-block:hover {
  padding: 0;
  font-size: 24px;
  line-height: 26px;
}

.div-block-13 {
  background-image: url('../images/incentives-programsinnovative-program.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  min-height: 400px;
  padding: 40px 40px 60px;
  text-decoration: none;
  transition: padding .2s;
}

.div-block-13:hover {
  min-height: 410px;
  padding-bottom: 60px;
}

.bold-text-7 {
  text-align: center;
  font-size: 30px;
  line-height: 30px;
}

.paragraph-9 {
  padding-top: 20px;
}

.div-block-14 {
  background-image: url('../images/incentives-programswater-savings-program.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  min-height: 400px;
  padding: 40px 40px 60px;
  text-decoration: none;
}

.div-block-15 {
  background-image: url('../images/incentives-programsretrofit-program.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  min-height: 400px;
  padding: 40px 40px 60px;
  text-decoration: none;
}

.div-block-16 {
  background-image: url('../images/incentives-programscommunity-program.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  min-height: 400px;
  padding: 40px 40px 60px;
  text-decoration: none;
}

.div-block-17 {
  background-image: url('../images/incentives-programsworld-water-forum.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  min-height: 400px;
  padding: 40px 40px 60px;
  text-decoration: none;
}

.link-19 {
  color: var(--royal-blue);
  text-decoration: none;
}

.text-block-15 {
  color: #fff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  inset: auto 0% 20px 10%;
}

._365-list {
  width: 100%;
  padding-left: 0%;
  padding-right: 0%;
  list-style-type: none;
  display: inline-block;
}

._365-list-item {
  width: 50%;
  padding-right: 10px;
  display: inline-block;
}

.youtube {
  width: auto;
}

._365-text-block {
  color: var(--sky-blue);
  padding-bottom: 60px;
}

._365-text-block p {
  margin-bottom: 0;
}

._365-text-block h2 {
  color: var(--royal-blue);
  margin-bottom: 0;
  font-size: 20px;
}

._365-text-block a {
  color: var(--sky-blue);
}

.campaign-list {
  margin-bottom: 0;
  padding: 0 0%;
  list-style-type: none;
}

.image-17 {
  display: inline-block;
}

.btn-bluemd-2 {
  background-color: var(--sky-blue);
  text-align: center;
  border-radius: 8px;
  padding: 6px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.list-item-24 {
  text-align: center;
  width: 25%;
  padding-bottom: 0;
  list-style-type: none;
  display: inline-block;
}

.heading-6 {
  color: var(--royal-blue);
  width: auto;
  height: 44px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 22px;
}

.div-video-block {
  color: var(--sky-blue);
  min-height: auto;
  margin-bottom: 40px;
  font-size: 16px;
}

.video-text-block {
  min-height: 170px;
}

.video-text-block h2 {
  color: var(--royal-blue);
  font-size: 20px;
}

.slider-rebates {
  text-align: center;
  height: 480px;
}

.appliance {
  text-align: center;
  background-image: url('../images/gorgeous-crop-u576440.jpg');
  background-position: 50%;
  background-size: cover;
}

.toilet {
  text-align: center;
  background-image: url('../images/10032013_ll_conservation_model_home_0010-crop-u1029.jpg');
  background-position: 0 0;
  background-size: cover;
}

.sprinkler {
  text-align: center;
  background-image: url('../images/10032013_ll_conservation_model_home_0073-crop-u1057.jpg');
  background-position: 50%;
  background-size: cover;
}

.barrell {
  text-align: center;
  background-image: url('../images/10032013_ll_conservation_model_home_0079-crop-u1085.jpg');
  background-position: 50%;
  background-size: cover;
  padding-bottom: 33%;
}

.text-block-16 {
  padding-top: 2px;
  padding-bottom: 4px;
  display: inline-block;
}

.text-block-17 {
  padding-top: 2px;
  padding-bottom: 4px;
}

.bold-text-8 {
  color: var(--royal-blue);
  text-decoration: none;
}

.text-block-18, .block {
  padding-top: 2px;
  padding-bottom: 4px;
}

.section-purple-footer {
  background-color: var(--purple);
  text-align: center;
  padding: 20px 5% 60px;
  transform: translate(0);
}

.btn-bluemd-3 {
  background-color: var(--sky-blue);
  text-align: center;
  border-radius: 8px;
  min-width: 200px;
  padding: 6px 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.link-block-12 {
  text-align: left;
  margin-top: 20px;
  padding-left: 40px;
  text-decoration: none;
  display: block;
}

.text-block-21 {
  color: var(--royal-blue);
  text-align: left;
  font-size: 16px;
  text-decoration: none;
  display: inline;
}

.adobe-pdf {
  width: 40px;
  margin-right: 20px;
}

.ca-friendly-book-text-block {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 47px;
  font-size: 20px;
  font-style: normal;
  line-height: 26px;
}

.ca-friendly-book-text-block h2 {
  color: var(--purple);
  font-weight: 400;
}

.image-19 {
  width: 100%;
}

.chapter-outline-bold {
  padding-top: 20px;
  display: block;
}

.div-block-18 {
  text-align: left;
}

.chapter-outline {
  color: var(--royal-blue);
  text-align: left;
  padding-bottom: 0;
  font-size: 20px;
  line-height: 26px;
  overflow: visible;
}

.chapter-outline-link {
  color: var(--royal-blue);
  padding-left: 20px;
  line-height: 40px;
  display: block;
}

.heading-lg-blue-2 {
  color: var(--royal-blue);
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
  padding: 0 0%;
  font-size: 48px;
  line-height: 54px;
}

.grid-4 {
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  padding-left: 10%;
  padding-right: 10%;
}

.image-20 {
  text-align: center;
}

.text-block-22 {
  color: var(--royal-blue);
  padding-top: 10px;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.regional-link-block {
  margin-top: 20px;
  margin-bottom: 20px;
  text-decoration: none;
}

.image-21 {
  text-align: left;
  border-radius: 6px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.first-step-div {
  color: var(--royal-blue);
  text-align: left;
  font-size: 20px;
  line-height: 26px;
}

.heading-md-purple-2 {
  color: var(--purple);
  text-align: left;
  margin: 0 auto;
  padding: 0 0%;
  font-size: 32px;
  line-height: 30px;
}

.first-steps-p {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.first-steps-p.left {
  text-align: left;
}

.first-steps-list {
  margin-top: 20px;
  margin-bottom: 40px;
}

.firststeps-list0item {
  padding-bottom: 20px;
}

.firststeps-list0item.left {
  text-align: left;
}

.bold-text-12, .bold-text-13 {
  color: var(--royal-blue);
  text-decoration: none;
}

.drop-prpl-text {
  background-color: var(--purple);
  color: #fff;
  text-align: left;
  margin-bottom: 4px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 20px;
}

.drop-prpl-text:hover {
  background-color: var(--sky-blue);
}

.drop-prpl-text.green {
  background-color: var(--green);
  color: var(--purple);
}

.dropdown {
  z-index: 0;
  display: block;
}

.drop-prpl-list {
  color: var(--royal-blue);
  text-align: left;
  background-color: #fff;
  margin-bottom: 0;
  padding: 40px 60px;
  font-size: 16px;
  display: none;
}

.drop-prpl-list.w--open {
  color: var(--royal-blue);
  text-align: left;
  padding: 40px 60px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  position: relative;
}

.dropdown-toggle {
  text-align: center;
  padding: 0;
  display: block;
}

.dropdown-toggle.w--open {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.image-23 {
  margin-top: 40px;
  position: relative;
}

.text-span, .text-span-2, .text-span-3, .text-span-4 {
  color: var(--purple);
}

.hero {
  text-align: center;
  background-color: #0000;
  width: 100%;
  height: 0;
  padding-bottom: 33%;
}

.hero.home-hero {
  background-image: url('../images/Homepage-Photo.JPG');
  background-position: 50% 100%;
  background-size: cover;
}

.hero.native-hero {
  background-image: url('../images/California-Native-Plants.jpg');
  background-position: 50%;
  background-size: cover;
}

.hero.classes-hero {
  background-image: url('../images/IMG_5499.jpg');
  background-position: 50%;
  background-size: cover;
}

.hero.ad-hero {
  background-color: #0000;
  background-image: url('../images/new_turf_removal_banner_1440x400.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

.hero.grants-hero {
  background-image: url('../images/sapflow-wiredx4-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.hero.videos-hero {
  background-image: url('../images/365-commercial-screenshot---1920x1080---30-crop-u207599.jpg');
  background-position: 50%;
  background-size: cover;
}

.section-body {
  background-color: var(--white);
  text-align: center;
  margin-top: 52px;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 20px;
  line-height: 26px;
  display: block;
  transform: translate(0);
}

.section-body.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body.bkgd-blue {
  background-color: var(--deep-sky-blue);
  color: #fff;
  margin-top: 0;
  padding-top: 55px;
  padding-bottom: 55px;
}

.section-body.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  margin-top: 0;
  padding: 45px 25% 62px;
  display: block;
}

.section-body.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding: 20px 15% 39px;
}

.section-body.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body.flow-monitor-prog {
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  margin-top: 0;
  padding-top: 99px;
  padding-bottom: 99px;
}

.section-body.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  margin-top: 0;
  padding: 40px 18%;
}

.section-body.bkgd-grey-education {
  background-color: var(--lt-grey);
  color: var(--purple);
  margin-top: 0;
  padding: 117px 18%;
}

.section-body.bkgd-grey-wateringindex {
  background-color: var(--white);
  color: var(--purple);
  margin-top: 0;
  padding: 40px 18%;
}

.h1 {
  margin-top: 0;
  font-size: 48px;
  line-height: 54px;
}

.h1.blue-text {
  color: var(--dodger-blue);
}

.h1.blue-text.flow-monitor-prog-title {
  text-align: right;
  max-width: 630px;
  padding-left: 127px;
  padding-right: 0;
}

.h1.wes-heading {
  font-size: 45px;
  display: inline;
}

.h1.hp-trp-title {
  margin-bottom: 25px;
}

.h1.watering_index_title {
  margin-top: 5px;
  margin-bottom: 32px;
}

.transparent-box {
  background-color: #0000006b;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 60px;
}

.h2 {
  color: var(--purple);
  text-align: left;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  display: inline-block;
}

.body-text {
  margin-top: 40px;
}

.no-decoration {
  color: var(--dodger-blue);
  text-decoration: none;
}

.no-decoration.text-white {
  color: #fff;
}

.no-decoration.text-white.block {
  display: block;
}

.no-decoration.text-blue {
  color: var(--royal-blue);
}

.no-decoration.text-blue:hover {
  text-decoration: underline;
}

.no-decoration.text-blue.block {
  padding-top: 4px;
  padding-bottom: 2px;
  display: block;
}

.no-decoration.text-prpl {
  color: var(--purple);
  text-align: left;
  display: inline;
}

.no-decoration.text-prpl:hover {
  text-decoration: underline;
}

.no-decoration.text-prpl.block {
  margin-bottom: 4px;
  display: block;
}

.no-decoration.text-blue2 {
  color: var(--dodger-blue);
}

.gardens-list {
  margin-top: 0;
  margin-bottom: 60px;
}

.garden {
  position: relative;
}

.garden.guides {
  background-image: url('../images/droughtgardens-108.jpg');
  background-position: 50%;
  background-size: cover;
}

.garden.how-to {
  background-image: url('../images/droughtgardens-106.jpg');
  background-position: 0 0;
  background-size: cover;
}

.garden.landscape {
  background-image: url('../images/garden-10-san-pedro-o.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-24 {
  display: none;
}

.image-25 {
  width: 100%;
}

.bold-text-15 {
  color: var(--dodger-blue);
}

.local-columns.drop-prpl-list {
  margin-left: auto;
  margin-right: auto;
  padding-left: 13px;
  padding-right: 13px;
}

.bold-text-16, .text-span-5, .bold-text-17 {
  color: var(--dodger-blue);
}

.columns {
  text-align: left;
  margin-bottom: 60px;
}

.div-block-21, .div-block-22, .div-block-23 {
  position: relative;
}

.div-block-24 {
  margin-top: 40px;
  position: relative;
}

.div-block-25 {
  position: relative;
}

.div-block-26 {
  margin-top: 40px;
  position: relative;
}

.div-block-27 {
  position: relative;
}

.column {
  text-align: left;
}

.column-2, .column-3 {
  text-align: right;
}

.column-4 {
  color: var(--lt-grey);
  text-align: center;
}

.footer-column1 {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-28 {
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-29 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.column-5 {
  text-align: right;
  padding-left: 0;
  padding-right: 0;
}

.column-6 {
  padding-left: 0;
  padding-right: 0;
}

.column-nav {
  padding-top: 20px;
}

.menu-btn {
  background-color: var(--purple);
  color: #fff;
  background-image: url('../images/nav-btn.png');
  background-position: 102px 6px;
  background-repeat: no-repeat;
  background-size: 28px;
  border-radius: 6px;
  height: auto;
  margin-left: 40px;
  padding: 8px 20px;
  font-size: 20px;
  line-height: 20px;
  text-decoration: none;
  position: relative;
}

.text-block-23 {
  padding-right: 50px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: auto;
  bottom: auto;
}

.text {
  color: var(--royal-blue);
  text-align: left;
  font-size: 20px;
}

.btn-grn-sm {
  float: none;
  background-color: var(--green);
  color: var(--purple);
  text-align: center;
  border-radius: 20px;
  min-width: 350px;
  margin-left: 0;
  margin-right: 0;
  padding: 6px 30px;
  font-size: 16px;
  font-weight: 700;
  display: inline;
  position: static;
}

.btn-grn-sm:hover {
  background-color: #bdc217;
}

.project-column {
  padding-top: 20px;
  display: block;
}

.column-9 {
  padding-left: 20px;
  padding-right: 0;
}

.column-10, .column-11 {
  padding-left: 0;
  padding-right: 20px;
}

.column-12 {
  padding-left: 20px;
  padding-right: 0;
}

.column-13 {
  text-align: right;
  margin-bottom: 40px;
}

.column-14 {
  text-align: left;
}

.columns-5 {
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.list-8, .list-9 {
  padding-left: 0;
  list-style-type: none;
}

.column-16 {
  background-image: url('../images/8045a6f5-b28c-4c3b-a229-2501004b0b23.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 250px;
}

.spacer-60 {
  width: 100%;
  height: 60px;
}

.spacer-250 {
  width: 100%;
  height: 250px;
}

.column-17, .column-18, .column-19 {
  padding-right: 0;
}

.columns-6, .columns-7, .columns-8 {
  text-align: left;
}

.column-20 {
  background-image: url('../images/california-friendly-gardening-materials-crop-u3155.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 0;
  padding-left: 0;
  padding-right: 0;
}

.column-21, .column-22 {
  padding-left: 0;
  padding-right: 0;
}

.link-block-13 {
  text-align: center;
  background-image: url('../images/california-friendly-gardening-materials-crop-u3155.jpg');
  background-position: 0 0;
  background-size: cover;
  height: 0;
  padding-top: 40%;
  padding-bottom: 60%;
  display: block;
}

.link-block-13.no-decoration {
  background-image: url('../images/toolkit---3.JPG');
  background-position: 50% 0;
}

.toolkit-img-colum {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.toolkit-text-column {
  text-align: left;
  padding-left: 40px;
  padding-right: 0;
}

.anchor-div {
  height: 0;
  position: absolute;
  inset: -80px 0% auto;
}

.page-head-p-left {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-left.no-space {
  padding-bottom: 0;
}

.page-head-p-left.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  font-weight: 700;
}

.page-head-p-left.gtvpage {
  margin-top: 75px;
  margin-bottom: 53px;
}

.h2love-column {
  text-align: left;
  margin-top: 50px;
  margin-bottom: 80px;
}

.ytrr-column-1 {
  text-align: center;
  padding-left: 0;
  padding-right: 40px;
}

.column-24 {
  padding-left: 40px;
  padding-right: 0;
}

.image-26 {
  width: 100%;
}

.link-block-14 {
  width: 100%;
  height: auto;
}

.click-banner-home {
  background-color: #0000;
  width: 80%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 250px 0 auto;
}

.slide-6 {
  width: 100%;
  height: 0;
  padding-bottom: 32%;
}

.mask {
  border-radius: 13px;
  width: 100%;
  height: 0;
  padding-bottom: 32%;
  box-shadow: 6px 7px 5px #0003;
}

.slide-nav {
  margin-top: 66px;
  padding-top: 10px;
  position: relative;
  inset: auto 0% 46px;
}

.right-arrow {
  top: 35%;
  right: -67px;
}

.left-arrow {
  top: 35%;
  left: -67px;
}

.image5, .link-block-15 {
  width: 100%;
}

.video {
  width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.video.main, .video.vdlcp {
  margin-bottom: 20px;
}

.turf-removal-column {
  width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: inline;
}

.image-28, .image-29, .image-30 {
  width: 50px;
}

.pdf-link-block {
  background-color: var(--deep-sky-blue);
  color: #fff;
  width: auto;
  margin-left: 20px;
  padding-top: 17%;
  padding-bottom: 15%;
  padding-left: 61px;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.column-no-pad {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
}

.dropdown-2 {
  display: block;
}

.classes-link-block {
  color: var(--royal-blue);
  padding-bottom: 20px;
  text-decoration: none;
  display: block;
}

.text-span-6, .text-span-7, .text-span-8, .text-span-9, .text-span-10, .text-span-11, .text-span-12 {
  color: var(--sky-blue);
}

.link-block-16 {
  position: absolute;
  inset: 0%;
}

.bold-text-18 {
  display: inline-block;
}

.div-block-30 {
  background-image: url('../images/26608833_l.jpg');
  background-position: 50% 100%;
  background-size: cover;
  height: 0;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-bottom: 35%;
}

.div-block-31 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.link-block-17 {
  margin-top: 40px;
  display: block;
}

.image-31 {
  display: inline-block;
}

.heading-7 {
  color: var(--dodger-blue);
  padding-left: 40px;
  display: inline-block;
}

.heading-8 {
  color: var(--dodger-blue);
}

.link-20 {
  color: var(--dodger-blue);
  text-decoration: none;
}

.div-block-32 {
  background-image: url('../images/Recycled-Water-158.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  height: 0;
  padding-bottom: 300px;
}

.div-block-33 {
  background-image: url('../images/Recycled-Water-211.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  width: 100%;
  height: 0;
  padding-bottom: 300px;
}

.columns-10 {
  margin-bottom: 60px;
}

.heading-9 {
  color: var(--dodger-blue);
  text-align: center;
}

.link-21 {
  color: var(--dodger-blue);
  text-decoration: none;
}

.link-22 {
  color: var(--dodger-blue);
  text-decoration: underline;
}

.list-10 {
  color: var(--dodger-blue);
  margin-top: 60px;
  margin-bottom: 80px;
  padding-left: 0;
  list-style-type: none;
}

.heading-10 {
  color: var(--dodger-blue);
  text-align: left;
}

.paragraph-10 {
  color: var(--dodger-blue);
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
}

.link-23 {
  color: var(--dodger-blue);
  font-size: 20px;
}

.paragraph-11 {
  text-align: left;
}

.columns-11 {
  margin-top: 80px;
  margin-bottom: 47px;
  display: flex;
}

.image-32 {
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.column-25 {
  text-align: center;
}

.link-block-18 {
  text-align: left;
  margin-bottom: 20px;
  display: block;
}

.heading-11 {
  color: var(--dodger-blue);
  margin-left: 30px;
  display: inline-block;
}

.column-26 {
  padding-left: 0;
  padding-right: 100px;
}

.link-24 {
  color: var(--royal-blue);
  text-decoration: none;
}

.spacer-30 {
  width: 100%;
  height: 30px;
}

.link-25 {
  color: var(--dodger-blue);
  text-decoration: none;
}

.list-11 {
  margin-top: 60px;
  padding-left: 0;
  list-style-type: none;
  display: block;
}

.logo-list-item {
  float: none;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.image-33 {
  margin-right: 0;
  padding-bottom: 20px;
  padding-right: 0;
}

.profile-list-item {
  height: auto;
  padding: 20px;
  display: inline-block;
}

.plant-profile-list {
  align-items: flex-start;
  margin-bottom: 0;
  padding-left: 0;
  display: block;
}

.link-26 {
  color: var(--dodger-blue);
  text-decoration: none;
}

.heading-12 {
  color: var(--dodger-blue);
  padding-left: 40px;
  display: inline-block;
}

.image-35 {
  background-image: url('../images/pdf.svg');
  background-position: 0 0;
  background-size: 50px;
  width: 50px;
  display: inline-block;
}

.link-block-20 {
  margin-top: 60px;
  display: block;
}

.columns-12 {
  margin-top: 60px;
}

.html-embed {
  text-align: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.list-12 {
  padding-left: 0;
  list-style-type: none;
  display: block;
}

.list-item-25, .list-item-26, .list-item-27 {
  width: 33%;
  display: inline-block;
}

.image-36 {
  width: 50px;
  display: inline-block;
}

.heading-13 {
  color: var(--dodger-blue);
  text-align: left;
  padding-left: 10px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.link-block-21 {
  margin-top: 40px;
  text-decoration: none;
  display: none;
}

.div-block-34 {
  z-index: 999;
  background-color: var(--purple);
  width: 350px;
  height: 200px;
  position: fixed;
  inset: 0% 0% auto auto;
}

.div-block-35 {
  float: right;
  background-color: var(--green);
  width: 40px;
  height: 40px;
}

.slide-7 {
  background-image: url('../images/The_Reef_1140_x_370_v02.jpg');
  background-position: 0 0;
  background-size: auto;
}

.slide-9 {
  background-image: url('../images/NSHM-bww-Banner-002.jpg');
  background-position: 0 0;
  background-size: auto;
}

.paragraph-12 {
  margin-top: 30px;
}

.paragraph-13 {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
}

.paragraph-14 {
  text-align: left;
}

.list-item-28, .list-item-29, .list-item-30, .list-item-31 {
  text-align: left;
  padding-bottom: 20px;
}

.list-13 {
  flex-direction: column;
  align-items: flex-start;
  min-width: 500px;
  max-width: 700px;
  padding-bottom: 0;
  display: block;
}

.heading-14 {
  margin-bottom: 40px;
}

.columns-13 {
  margin-bottom: 0;
}

.section {
  background-color: var(--green);
}

.bold-text-19 {
  color: var(--purple);
  text-align: center;
}

.container {
  text-align: center;
  max-width: 700px;
}

.paragraph-15 {
  color: var(--purple);
  text-align: left;
}

.list-item-32, .list-item-33, .list-item-34, .list-item-35 {
  color: var(--royal-blue);
  text-align: left;
  font-size: 20px;
  line-height: 26px;
}

.container-2 {
  max-width: 500px;
  margin-top: 20px;
  margin-bottom: 0;
}

.column-27, .column-28 {
  text-align: center;
}

.container-3 {
  max-width: 840px;
  padding-left: 20px;
}

.paragraph-16 {
  color: var(--purple);
}

.container-4 {
  max-width: 700px;
}

.heading-15 {
  color: var(--purple);
  text-align: center;
}

.paragraph-17 {
  color: var(--royal-blue);
}

.paragraph-18 {
  color: var(--royal-blue);
  text-align: left;
  max-width: 840px;
  padding-bottom: 40px;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}

.container-5 {
  text-align: center;
  max-width: 700px;
}

.columns-14 {
  max-width: 1000px;
  padding-bottom: 40px;
}

.column-29 {
  text-align: center;
}

.dropdown-5 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.dropdown-toggle-4 {
  background-color: var(--purple);
  color: var(--white);
  width: 900px;
  margin-bottom: 4px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.container-6 {
  padding-bottom: 40px;
}

.dropdown-list-4 {
  z-index: 1;
  display: none;
}

.dropdown-list-4.w--open {
  background-color: var(--white);
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.columns-15 {
  width: 100%;
  min-width: 900px;
  display: block;
}

.column-32, .column-33 {
  padding: 20px;
}

.bold-text-20, .bold-text-21 {
  font-size: 24px;
}

.columns-16 {
  margin-bottom: 40px;
}

.paragraph-19 {
  color: var(--royal-blue);
  margin-top: 20px;
}

.btn-mustard {
  background-color: var(--green);
  color: var(--purple);
  text-align: center;
  border-radius: 20px;
  width: 400px;
}

.container-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.column-34 {
  align-items: center;
  display: flex;
}

.image-37 {
  text-align: left;
  min-height: 100%;
  display: inline-block;
}

.column-35 {
  position: relative;
  inset: auto 0% 0% auto;
}

.section-2 {
  background-color: var(--sky-blue-2);
  background-image: url('../images/fence.svg');
  background-position: 0 0;
  background-size: cover;
}

.paragraph-20 {
  color: var(--royal-blue);
}

.image-38 {
  background-image: url('../images/fence.svg');
  background-position: 0 0;
  background-size: auto;
}

.section-3 {
  background-color: var(--tan);
}

.container-8 {
  margin-top: -200px;
}

.image-39 {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.heading-16 {
  color: var(--purple);
  text-align: center;
}

.image-40 {
  border-radius: 15px;
}

.column-36 {
  background-color: var(--white);
  border-radius: 20px;
  padding-top: 10px;
}

.paragraph-21 {
  padding-top: 20px;
}

.heading-17 {
  color: var(--white);
}

.column-37 {
  background-color: var(--dodger-blue);
  color: var(--dodger-blue);
}

.column-38 {
  background-color: var(--white);
  border-radius: 20px;
}

.column-39 {
  background-color: #0000;
  border-radius: 20px;
}

.heading-18 {
  color: var(--purple);
  text-align: center;
}

.column-40 {
  background-color: var(--white);
  border-radius: 20px;
}

.bold-text-22 {
  color: var(--purple);
  flex-direction: row;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.section-4 {
  background-color: var(--sky-blue-2);
}

.image-41 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.heading-19 {
  color: var(--purple);
}

.button-4 {
  background-color: var(--dodger-blue);
  border-radius: 19px;
}

.container-trp {
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  padding-top: 53px;
  padding-bottom: 40px;
  display: flex;
}

.section-5 {
  background-color: var(--lt-grey);
}

.heading-20 {
  color: var(--purple);
  text-align: center;
}

.button-5 {
  background-color: var(--sky-blue);
  text-align: center;
  border-radius: 20px;
  width: 200px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 9px;
  font-size: 18px;
  font-weight: 700;
}

.column-41 {
  flex-direction: column;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
  display: flex;
}

.column-42, .column-43 {
  flex-direction: column;
  display: flex;
}

.container-10 {
  padding-top: 40px;
  padding-bottom: 60px;
}

.section-6 {
  background-color: #057e56;
}

.columns-17 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.paragraph-22 {
  color: var(--white);
  font-size: 20px;
  line-height: 24px;
}

.heading-21 {
  color: var(--white);
  margin-top: 0;
  line-height: 40px;
}

.button-6 {
  background-color: var(--green);
  border-radius: 11px;
  font-size: 18px;
  font-weight: 700;
}

.button-6.cnpbttncolor {
  background-color: var(--green);
  color: var(--purple);
  margin-top: 4px;
}

.heading-22 {
  color: var(--purple);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.heading-23 {
  color: var(--purple);
  text-align: center;
}

.paragraph-23 {
  text-align: left;
}

.paragraph-24 {
  text-align: center;
}

.image-42 {
  text-align: center;
  width: 140px;
  max-width: 100%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.paragraph-25 {
  grid-column-gap: 20px;
  color: var(--white);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: 60px;
  display: flex;
  position: relative;
  inset: 140px auto 0% 0%;
}

.section-7 {
  background-color: var(--green);
  color: var(--royal-blue);
}

.container-11 {
  padding-top: 40px;
}

.heading-24 {
  color: var(--purple);
  padding-left: 140px;
}

.heading-25 {
  text-align: center;
}

.paragraph-26 {
  text-align: left;
  margin-bottom: 18px;
  padding-top: 0;
  font-size: 14px;
  font-weight: 700;
}

.heading-26 {
  color: var(--purple);
}

.section-8 {
  background-color: var(--lt-grey);
}

.container-12 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.heading-27, .heading-28 {
  color: var(--purple);
}

.paragraph-27, .paragraph-28, .list-14 {
  color: var(--royal-blue);
  font-size: 20px;
  line-height: 24px;
}

.column-44 {
  text-align: center;
}

.button-7, .button-8 {
  background-color: var(--sky-blue);
  border-radius: 7px;
  font-size: 20px;
}

.button-9 {
  background-color: var(--purple);
  text-align: left;
  border-radius: 20px;
  margin: 40px auto;
  padding: 10px 60px;
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
}

.container-13 {
  text-align: center;
}

.section-9 {
  background-color: var(--sky-blue);
}

.heading-29 {
  color: var(--white);
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.heading-29.bkgd-blue {
  background-color: var(--deep-sky-blue);
}

.image-43 {
  margin-top: 70px;
}

.columns-18 {
  max-width: 750px;
  margin: 0 auto;
}

.container-14 {
  margin-top: 40px;
  padding-top: 0;
}

.heading-30 {
  color: var(--purple);
  text-align: left;
  margin-top: 0;
}

.paragraph-29 {
  color: var(--royal-blue);
  text-align: left;
  text-decoration: none;
}

.column-47 {
  padding-left: 0;
  padding-right: 0;
}

.heading-31 {
  color: var(--purple);
  text-align: center;
}

.heading-32 {
  color: var(--royal-blue);
  text-align: center;
  margin-top: 40px;
}

.button-10 {
  background-color: var(--purple);
  color: var(--white);
  text-align: center;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
}

.image-44 {
  border-radius: 100px;
}

.heading-33 {
  color: var(--purple);
  text-align: center;
}

.div-block-36 {
  background-color: var(--green);
  border-radius: 0 0 20px 20px;
  height: 120px;
  padding: 20px;
}

.paragraph-30 {
  border-radius: 9px;
}

.heading-34 {
  color: var(--royal-blue);
  margin-bottom: 40px;
}

.button-11 {
  background-color: var(--purple);
  border-radius: 2px;
}

.button-12 {
  background-color: var(--purple);
  border-radius: 10px;
  padding: 20px 40px;
}

.bold-text-23 {
  font-size: 24px;
}

.columns-19 {
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.columns-19.ct-spacing {
  margin-top: 46px;
}

.column-48 {
  display: block;
}

.columns-20 {
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.image-45 {
  text-align: left;
  display: inline-block;
}

.columns-21 {
  margin-top: 40px;
}

.link-27 {
  color: var(--royal-blue);
  text-decoration: none;
}

.bold-text-25 {
  color: var(--royal-blue);
}

.link-28 {
  color: var(--royal-blue);
  text-decoration: none;
}

.bold-text-26 {
  text-decoration: none;
}

.columns-22 {
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.columns-23 {
  margin-top: 40px;
}

.image-46 {
  align-self: auto;
  margin-bottom: 21px;
}

.image-47 {
  margin-bottom: 0;
  padding-top: 23px;
}

.image-48 {
  max-width: 90%;
  margin-bottom: 21px;
  padding-bottom: 0;
}

.image-49 {
  margin-bottom: 21px;
}

.image-50 {
  margin-bottom: 9px;
}

.image-51 {
  max-width: 90%;
  margin-bottom: 8px;
}

.bold-text-27, .link-29 {
  color: var(--dodger-blue);
  font-size: 20px;
}

.link-30, .bold-text-28, .bold-text-29, .link-31, .link-32, .link-33, .link-34, .link-35, .link-36 {
  color: var(--purple);
}

.container-16 {
  margin-bottom: 21px;
}

.container-16.cfpspace {
  margin-top: 34px;
}

.list-item-36 {
  list-style-type: none;
}

.link-37, .link-38, .link-39, .link-40, .link-41, .bold-text-30 {
  color: var(--dodger-blue);
}

.columns-25 {
  margin-bottom: 20px;
}

.columns-26 {
  text-align: center;
}

.column-52 {
  background-color: var(--white);
  border-radius: 20px;
  padding-top: 10px;
}

.link-43 {
  color: var(--royal-blue);
}

.link-44, .link-45, .link-46 {
  color: var(--royal-blue);
  padding-left: 20px;
}

.columns-27 {
  margin-top: 0;
  margin-bottom: 0;
}

.container-18 {
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-11 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.column-60 {
  padding-left: 0;
  padding-right: 0;
}

.image-54 {
  max-width: 100%;
}

.link-47 {
  color: var(--purple);
}

.link-47.lwap {
  text-decoration: none;
}

.link-48 {
  color: var(--royal-blue);
  text-decoration: none;
}

.link-49 {
  color: var(--purple);
}

.link-49.lwap {
  text-decoration: none;
}

.link-50 {
  color: var(--purple);
}

.link-50.lwap {
  text-decoration: none;
}

.link-51 {
  color: var(--purple);
}

.link-51.lwap {
  text-decoration: none;
}

.link-52 {
  color: var(--purple);
}

.link-52.lwap {
  text-decoration: none;
}

.link-53 {
  color: var(--purple);
}

.link-53.lwap {
  text-decoration: none;
}

.link-54 {
  color: var(--purple);
}

.link-54.lwap {
  text-decoration: none;
}

.link-55 {
  color: var(--purple);
}

.link-55.lwap {
  text-decoration: none;
}

.link-56 {
  color: var(--purple);
}

.link-56.lwap {
  text-decoration: none;
}

.list-15 {
  text-align: left;
  margin-bottom: 40px;
  padding-left: 40px;
}

.page-head-p-left-c {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-left-c.no-space {
  padding-bottom: 0;
}

.page-head-p-left-c.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.page-head-p-left-ct {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-left-ct.no-space {
  padding-bottom: 0;
}

.page-head-p-left-ct.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.page-head-p-left-cl {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-left-cl.no-space {
  padding-bottom: 0;
}

.page-head-p-left-cl.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.wes-cols {
  margin-bottom: 60px;
}

.page-head-p-flowm {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-flowm.no-space {
  padding-bottom: 0;
}

.page-head-p-flowm.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.list-flowm-page {
  color: var(--royal-blue);
  font-size: 20px;
  line-height: 24px;
}

.page-p-reg {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-p-reg.no-space {
  padding-bottom: 0;
}

.page-p-reg.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.bold-text-31 {
  color: var(--royal-blue);
  text-decoration: none;
}

.link-57 {
  text-decoration: none;
}

.link-57:hover {
  text-decoration: underline;
}

.div-block-38 {
  text-align: center;
  width: 100%;
  margin: 20px auto 30px;
}

.div-block-39 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.image-62 {
  width: 100%;
}

.section-head-hp1 {
  color: var(--royal-blue);
  text-align: center;
  width: 100%;
  margin-bottom: 46px;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 26px;
}

.section-body-bottom-hp1 {
  background-color: var(--white);
  text-align: center;
  margin-top: 42px;
  padding: 60px 25%;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.section-body-bottom-hp1.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body-bottom-hp1.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-bottom-hp1.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body-bottom-hp1.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-bottom-hp1.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
}

.section-body-bottom-hp1.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding-left: 15%;
  padding-right: 15%;
}

.section-body-bottom-hp1.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body-bottom-hp1.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-bottom-hp1.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-bottom-hp1.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body-bottom-hp1.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-bottom-hp1.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-bottom-hp1.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-bottom-hp1.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-bottom-hp1.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.btn-blue-md-turfrpl-prgrm-1 {
  background-color: var(--sky-blue);
  text-align: center;
  border-radius: 8px;
  min-width: 210px;
  margin-top: 16px;
  padding: 6px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  display: inline-block;
}

.section-blue-bttns-1 {
  text-align: center;
  background-color: #efeeea;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 40px 12% 50px;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.section-blue-bttns-1.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-blue-bttns-1.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-blue-bttns-1.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-blue-bttns-1.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-blue-bttns-1.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
}

.section-blue-bttns-1.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding-left: 15%;
  padding-right: 15%;
}

.section-blue-bttns-1.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-blue-bttns-1.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-blue-bttns-1.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-blue-bttns-1.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-blue-bttns-1.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-blue-bttns-1.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-blue-bttns-1.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-blue-bttns-1.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-blue-bttns-1.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.btn-column-1 {
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.btn-column-2 {
  margin-bottom: 0;
}

.btn-prpl-lg-trp1 {
  background-color: var(--purple);
  text-align: left;
  border-radius: 30px;
  margin-top: 18px;
  padding: 16px 100px;
  font-size: 20px;
  font-weight: 700;
}

.section-body-p-trp1 {
  background-color: var(--white);
  text-align: center;
  padding: 35px 12%;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.section-body-p-trp1.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body-p-trp1.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-p-trp1.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body-p-trp1.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-p-trp1.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
}

.section-body-p-trp1.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding-left: 15%;
  padding-right: 15%;
}

.section-body-p-trp1.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body-p-trp1.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-p-trp1.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-p-trp1.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body-p-trp1.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-p-trp1.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-p-trp1.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-p-trp1.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-p-trp1.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.section-head-trp1 {
  color: var(--royal-blue);
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 26px;
}

.section-green-bg-trp-1 {
  background-color: var(--green);
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
}

.section-trp-drpdwns-1 {
  background-color: var(--white);
  padding-top: 40px;
  padding-bottom: 40px;
  display: none;
}

.section-body-trp-3 {
  background-color: var(--white);
  text-align: center;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.section-body-trp-3.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body-trp-3.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-3.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body-trp-3.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-trp-3.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
}

.section-body-trp-3.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding: 40px 15%;
}

.section-body-trp-3.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body-trp-3.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-3.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-3.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body-trp-3.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-3.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-3.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-3.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-trp-3.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.section--trp-bttm-1 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.heading-lg-purple-trp-1 {
  color: var(--purple);
  text-align: center;
  margin: 40px auto;
  padding-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 48px;
  line-height: 54px;
}

.heading-trp-02 {
  text-align: center;
  max-width: 1140px;
  margin: 0 auto 40px;
}

.list-trp-1 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 800px;
  padding-bottom: 0;
  padding-left: 0;
  display: inline-block;
}

.image-63 {
  max-width: 1450px;
}

.slider-trp-1 {
  text-align: center;
  height: 400px;
}

.heading-md-purple-3 {
  color: var(--purple);
  text-align: left;
  margin: 0 auto;
  padding: 0 0%;
  font-size: 32px;
  line-height: 30px;
}

.paragraph--trp-1 {
  color: var(--royal-blue);
  text-align: left;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 24px;
}

.paragraph-18-trp {
  color: var(--royal-blue);
  text-align: left;
  max-width: 700px;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}

.container-_flp-trp-1 {
  text-align: center;
  max-width: 840px;
}

.heading_flp-trp-1 {
  color: var(--purple);
  text-align: center;
  margin-bottom: 40px;
}

.columns-trp-4 {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.container-trp-5 {
  margin-top: 40px;
  padding-bottom: 40px;
  padding-left: 25px;
  display: block;
}

.container-trp-6 {
  text-align: left;
  margin-top: 40px;
  padding-bottom: 40px;
}

.columns-la-trp-1 {
  text-align: left;
  display: inline;
}

.p-address-trp-1 {
  color: var(--royal-blue);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.bold-text-32, .bold-text-33, .bold-text-34, .bold-text-35, .bold-text-36, .bold-text-37, .bold-text-38 {
  font-weight: 400;
}

.bbb {
  color: var(--sky-blue);
}

.address-link-trp-1 {
  color: var(--royal-blue);
}

.introduction-pp-hp1 {
  color: var(--royal-blue);
  text-align: center;
  margin-top: 115px;
  margin-bottom: 27px;
  padding-left: 0%;
  padding-right: 0%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
  position: relative;
}

.link-58 {
  color: var(--royal-blue);
}

.pdf-icon {
  width: 50px;
  margin-bottom: 7px;
}

.pdf-text {
  margin-top: 12px;
}

.video-container {
  text-align: left;
  padding-bottom: 40px;
}

.footer-3 {
  background-color: var(--purple);
  color: var(--grey-bkgd);
  margin-top: 60px;
  padding-top: 30px;
}

.footer-3-list {
  margin: 0 60px;
  padding-top: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer-3-list-item {
  flex: 1;
  padding-top: 0;
  padding-bottom: 6px;
}

.footer-3-list-item.footer-list-item-center {
  text-align: center;
  align-self: flex-end;
  padding: 0 40px;
}

.footer-3-list-item.footer-3-list-item-right {
  text-align: right;
  align-self: flex-end;
}

.footer-3-link {
  color: var(--grey-bkgd);
  display: block;
}

.footer-3-disclaimer {
  text-align: center;
  margin-bottom: 0;
  padding: 16px 25% 60px;
  font-size: 12px;
  line-height: 16px;
}

.footer-3-social-icon-list {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.paragraph-31 {
  color: var(--white);
}

.image-64 {
  margin-top: 20px;
}

.footer-3-list-bottom {
  margin: 0 60px;
  padding-top: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.list-16 {
  padding-left: 0;
}

.list-16-trp-blue-bttns {
  margin-top: 0;
  margin-bottom: 25px;
  padding-left: 0;
}

.bluebttn-trp {
  margin-top: 13px;
  margin-left: 22px;
  display: inline;
}

.div-block-40 {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.list-16-trp-blue-bttns_2 {
  text-align: center;
  width: 700px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: -105px;
  padding-left: 0;
  display: inline-block;
}

.paragraph--trp-2 {
  color: var(--royal-blue);
  text-align: left;
  font-size: 20px;
  line-height: 24px;
}

.section-green-bg-trp-3 {
  background-color: var(--white);
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}

.paragraph--trp-4 {
  color: var(--royal-blue);
  text-align: left;
  margin-bottom: 40px;
  padding-left: 43px;
  padding-right: 43px;
  font-size: 20px;
  line-height: 24px;
}

.list-trp-12 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 800px;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
}

.list-8-copy, .list-trp-13 {
  padding-left: 0;
  list-style-type: none;
}

.columns-65-66-67 {
  color: var(--royal-blue);
  text-align: left;
  font-size: 20px;
}

.heading_flp-trp-123 {
  color: var(--purple);
  text-align: center;
  margin-bottom: 40px;
}

.list_logos {
  text-align: center;
  width: 100%;
  padding-left: 0;
  list-style-type: none;
}

.list-item-logo {
  text-align: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  display: inline-block;
}

.small-video-container {
  margin-bottom: 60px;
  padding-left: 93px;
  padding-right: 93px;
}

.small-video-column {
  width: 80%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: inline;
}

.sm-vid-columns {
  margin-bottom: 30px;
}

.section-body-tlkt-2 {
  background-color: var(--white);
  text-align: center;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.section-body-tlkt-2.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body-tlkt-2.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-2.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body-tlkt-2.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-tlkt-2.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
  display: block;
}

.section-body-tlkt-2.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding-left: 15%;
  padding-right: 15%;
}

.section-body-tlkt-2.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body-tlkt-2.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-2.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-2.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body-tlkt-2.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-2.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-2.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 99px;
  padding-bottom: 99px;
}

.section-body-tlkt-2.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-tlkt-2.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.section-body-tlkt-3 {
  background-color: var(--white);
  text-align: center;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.section-body-tlkt-3.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body-tlkt-3.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-3.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body-tlkt-3.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-tlkt-3.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
  display: block;
}

.section-body-tlkt-3.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding-left: 15%;
  padding-right: 15%;
}

.section-body-tlkt-3.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body-tlkt-3.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-3.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-3.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body-tlkt-3.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-3.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-3.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 99px;
  padding-bottom: 99px;
}

.section-body-tlkt-3.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-tlkt-3.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.section-body-tlkt-4 {
  background-color: var(--white);
  text-align: center;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.section-body-tlkt-4.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body-tlkt-4.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-4.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body-tlkt-4.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-tlkt-4.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
  display: block;
}

.section-body-tlkt-4.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding-left: 15%;
  padding-right: 15%;
}

.section-body-tlkt-4.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body-tlkt-4.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-4.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-4.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body-tlkt-4.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-4.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-4.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 99px;
  padding-bottom: 99px;
}

.section-body-tlkt-4.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-tlkt-4.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.section-body-tlkt-5 {
  background-color: var(--white);
  text-align: center;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.section-body-tlkt-5.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body-tlkt-5.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-5.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body-tlkt-5.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-tlkt-5.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
  display: block;
}

.section-body-tlkt-5.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding-left: 15%;
  padding-right: 15%;
}

.section-body-tlkt-5.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body-tlkt-5.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-5.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-5.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body-tlkt-5.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-5.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-5.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 99px;
  padding-bottom: 99px;
}

.section-body-tlkt-5.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-tlkt-5.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.section-body-tlkt-6 {
  background-color: var(--white);
  text-align: center;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.section-body-tlkt-6.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body-tlkt-6.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-6.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body-tlkt-6.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-tlkt-6.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
  display: block;
}

.section-body-tlkt-6.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding-left: 15%;
  padding-right: 15%;
}

.section-body-tlkt-6.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body-tlkt-6.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-6.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-6.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body-tlkt-6.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-6.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-tlkt-6.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 99px;
  padding-bottom: 99px;
}

.section-body-tlkt-6.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-tlkt-6.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.section-head-tlkt-1 {
  color: var(--royal-blue);
  text-align: center;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 26px;
}

.page-head-p-1-tlkt {
  color: var(--royal-blue);
  text-align: left;
  max-width: 900px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-1-tlkt.firstparagraph_spacing_rebates {
  margin-top: 40px;
}

.html-embed-2 {
  min-width: 350px;
  min-height: 150px;
  display: block;
}

.widget {
  margin-top: 40px;
  margin-bottom: 40px;
}

.page-head-p-left-puw {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-left-puw.no-space {
  padding-bottom: 0;
}

.page-head-p-left-puw.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.page-head-p-left-copy {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-left-copy.no-space {
  padding-bottom: 0;
}

.page-head-p-left-copy.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.page-p-left-puw {
  color: var(--royal-blue);
  text-align: left;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-p-left-puw.no-space {
  padding-bottom: 0;
}

.page-p-left-puw.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.h2love-column-1 {
  text-align: left;
  margin-top: 50px;
  margin-bottom: 80px;
}

.h2love-column-2 {
  text-align: left;
  margin-top: 50px;
  margin-bottom: 40px;
}

.h2love-column-3 {
  text-align: left;
}

.page-head-p-left-wsi {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 55px;
  margin-bottom: 51px;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-left-wsi.no-space {
  padding-bottom: 0;
}

.page-head-p-left-wsi.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.dropdown-wsi {
  z-index: 0;
  display: block;
}

.drop-prpl-wsi {
  z-index: 0;
  background-color: var(--purple);
  color: #fff;
  text-align: left;
  margin-bottom: 2px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  display: block;
}

.drop-p-wsi {
  margin-bottom: 0;
}

.column-71 {
  background-color: #e7e5e2;
}

.column-72 {
  background-color: #e7e5e2;
  border-radius: 15px;
}

.page-head-p-1-wst {
  color: var(--royal-blue);
  text-align: left;
  max-width: 900px;
  margin: 60px auto 119px;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-1-wst.firstparagraph_spacing_rebates {
  margin-top: 40px;
}

.div-block-41, .div-block-42 {
  text-align: center;
  margin-top: -120px;
}

.column-wst-gray {
  background-color: #0000;
  display: inline;
}

.columns-wst {
  margin-left: 0;
  margin-right: 0;
  padding-right: 40px;
  display: inline;
}

.container-wst {
  text-align: left;
  display: inline;
}

.gray-div {
  background-color: #e7e5e2;
  border-radius: 20px 20px 0 0;
  height: 680px;
  padding: 34px 37px;
}

.columns-wst-check {
  margin-top: 19px;
}

.p-wst-check {
  color: var(--royal-blue);
  font-size: 20px;
  line-height: 25px;
}

.heading-wst {
  color: var(--purple);
  text-align: center;
}

.image-65 {
  max-width: 60%;
}

.p-wst-check-sub {
  color: var(--royal-blue);
  font-size: 15px;
  line-height: 20px;
}

.wst-link {
  color: var(--royal-blue);
}

.div-block-36-2 {
  background-color: var(--green);
  border-radius: 0 0 20px 20px;
  height: 120px;
  padding: 20px;
}

.div-block-yellow-bg {
  background-image: url('../images/incentives-programsinnovative-program.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  min-height: 350px;
  padding: 40px 40px 60px;
  text-decoration: none;
  transition: padding .2s;
}

.div-block-yellow-bg:hover {
  min-height: 350px;
  padding-bottom: 60px;
  font-size: 20px;
  line-height: 24px;
}

.div-block-yellow-bg-2 {
  background-image: url('../images/incentives-programsretrofit-program.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  min-height: 350px;
  padding: 40px 40px 60px;
  text-decoration: none;
}

.div-block-yellow-bg-2:hover {
  min-height: 350px;
  font-size: 20px;
  line-height: 24px;
}

.div-block-blue-bg-1 {
  background-image: url('../images/incentives-programswater-savings-program.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  min-height: 350px;
  padding: 40px 40px 60px;
  text-decoration: none;
}

.div-block-blue-bg-1:hover {
  min-height: 350px;
  font-size: 20px;
  line-height: 24px;
}

.gip-section-headings {
  color: var(--purple);
  text-align: center;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
  display: inline-block;
}

.gip-p {
  padding-top: 20px;
}

.gip-p:hover {
  font-size: 20px;
  line-height: 24px;
}

.div-block-blue-bg-2 {
  background-image: url('../images/incentives-programscommunity-program.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 12px;
  min-height: 350px;
  padding: 40px 40px 60px;
  text-decoration: none;
}

.div-block-blue-bg-2:hover {
  min-height: 350px;
  font-size: 20px;
  line-height: 24px;
}

.section-head-gip {
  color: var(--royal-blue);
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 26px;
  display: block;
}

.container-main-gip {
  background-color: #fff;
  max-width: 1450px;
  margin-left: auto;
  margin-right: auto;
}

.page-head-p-left-gip {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 67px;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-left-gip.no-space {
  padding-bottom: 0;
}

.page-head-p-left-gip.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.heading-lg-purple-gip {
  color: var(--purple);
  text-align: center;
  margin: 0 auto;
  padding-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 48px;
  line-height: 54px;
}

.paragraph-caption-gip {
  grid-column-gap: 20px;
  color: var(--white);
  text-align: left;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 500px;
  margin-left: 40px;
  display: none;
  position: relative;
  top: 80%;
  left: 10%;
  right: auto;
}

.hero-heading-text-gip {
  color: var(--purple);
  text-align: center;
  background-color: #ced31ccc;
  margin-top: 13%;
  margin-bottom: 0;
  padding: 14px 30px;
  display: inline-block;
  position: relative;
  left: auto;
  right: auto;
}

.image-66 {
  max-width: 40%;
  margin-top: 143px;
}

.section-main-cfp {
  background-image: url('../images/Screenshot-2023-06-06-at-4.43.32-PM.png');
  background-position: 50% 0;
  background-size: cover;
  background-attachment: scroll;
  min-height: 1000px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-airplane {
  text-align: right;
  min-height: 120px;
}

.image-airplane {
  text-align: left;
  min-width: 400px;
  max-width: none;
  display: inline-block;
}

.container-header-p-cfp {
  margin-top: 23px;
}

.paragraph--cfp-1 {
  color: var(--royal-blue);
  text-align: center;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 24px;
}

.heading-1-cfp {
  color: var(--purple);
  text-align: center;
  margin-top: 566px;
}

.container-video-1-cfp {
  margin-top: 39px;
}

.heading-2-cfp {
  color: var(--purple);
  text-align: center;
  margin-top: 45px;
  margin-bottom: 55px;
}

.garden-image-main-cfp {
  width: 220px;
  max-width: 220px;
  display: block;
}

.column-frame-cfp {
  background-color: var(--white);
  border-radius: 20px;
  padding-top: 10px;
}

.div-block-43 {
  background-image: url('../images/Eschscholzia-californica.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 220px;
  height: 220px;
}

.div-main-image-calpoppy {
  background-image: url('../images/Eschscholzia-californica.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  width: 220px;
  height: 220px;
}

.columns-gallery-cfp {
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-44 {
  background-color: var(--white);
  border-radius: 15px;
}

.div-bg-frame-cfp {
  background-color: var(--white);
  border-radius: 15px;
  height: 300px;
  padding: 15px;
}

.div-img-cfp-1 {
  background-image: url('../images/Eschscholzia-californica.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.paragraph-gallery-text {
  color: var(--royal-blue);
  padding-top: 20px;
}

.div-img-cfp-2 {
  background-image: url('../images/Ceanothus-concha1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-cfp-3 {
  background-image: url('../images/Salvia-clevelandii-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-cfp-4 {
  background-image: url('../images/Iris-douglasiana-.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-cfp-5 {
  background-image: url('../images/MAIN-IMAGE-ON-NATIVE-PROFILE-PAGE.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-cfp-6 {
  background-image: url('../images/wendy-alumroot.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-cfp-7 {
  background-image: url('../images/Dudleya-pulverulenta-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-bg-frame-cfp-8 {
  background-color: var(--dodger-blue);
  border-radius: 15px;
  min-height: 300px;
  padding: 15px;
}

.div-text-cfp-8 {
  text-align: center;
  margin-top: 41px;
}

.bold-text-40 {
  color: var(--white);
  text-align: left;
  font-size: 30px;
  line-height: 35px;
}

.get-inspired-list {
  color: var(--royal-blue);
}

.list-get-inspired {
  line-height: 24px;
}

.columns-getinspired-and-started {
  margin-bottom: 67px;
}

.link-59, .link-60, .link-61, .link-62, .link-63, .link-64, .link-65, .link-66, .link-67, .cfp-link {
  color: var(--royal-blue);
}

.div-list-text-cfp {
  font-size: 18px;
  line-height: 24px;
}

.div-bg-list-frame-cfp {
  background-color: var(--white);
  border-radius: 15px;
  height: 350px;
  margin-top: 26px;
  padding: 15px;
}

.paragraph--cfp-2 {
  color: var(--royal-blue);
  text-align: center;
  max-width: 800px;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 24px;
}

.heading-3-cfp {
  color: var(--purple);
  text-align: left;
  margin-top: 45px;
  margin-bottom: 55px;
}

.dropdown-toggle-cfp {
  background-color: var(--purple);
  color: var(--white);
  width: 900px;
  margin-bottom: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dropdown-list-cfp {
  z-index: 1;
  display: none;
}

.dropdown-list-cfp.w--open {
  background-color: var(--white);
  margin-top: 332px;
  margin-left: auto;
  margin-right: auto;
}

.dropdown-cfp {
  margin-left: auto;
  margin-right: auto;
}

.div-dropdown-cfp {
  width: 900px;
  margin-bottom: -176px;
}

.section-trp {
  background-color: var(--sky-blue-2);
}

.columns-cfnp-03 {
  margin-left: auto;
  margin-right: auto;
  display: inline;
}

.column-cfnp-1 {
  clear: none;
  padding: 20px;
}

.column-cfnp-2, .column-cfnp-3 {
  padding: 20px;
}

.paragraph-32 {
  margin-bottom: 0;
}

.page-head-p-ttfs {
  color: var(--royal-blue);
  text-align: left;
  max-width: 900px;
  margin: 60px auto 35px;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-ttfs.firstparagraph_spacing_rebates {
  margin-top: 40px;
}

.columns-ec {
  text-align: left;
  margin-top: 47px;
  margin-bottom: 60px;
}

.page-head-p-osrp {
  color: var(--royal-blue);
  text-align: left;
  max-width: 900px;
  margin: 60px auto 36px;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-osrp.firstparagraph_spacing_rebates {
  margin-top: 40px;
}

.section-head-wsip {
  color: var(--royal-blue);
  text-align: center;
  width: 100%;
  margin-bottom: 52px;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 26px;
}

.section-tigs {
  background-color: var(--lt-grey);
  padding-top: 26px;
}

.page-head-p-left-ln {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 40px;
  margin-bottom: 46px;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-head-p-left-ln.no-space {
  padding-bottom: 0;
}

.page-head-p-left-ln.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.gray-div-1, .gray-div-2 {
  background-color: #e7e5e2;
  border-radius: 20px 20px 0 0;
  padding: 34px 37px;
}

.columns-wst-check-1 {
  margin-top: 34px;
}

.heading-grn-float-sm-materials {
  color: var(--purple);
  text-align: center;
  background-color: #ced31ccc;
  margin-top: 64px;
  margin-bottom: auto;
  padding: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
}

.div-block-45, .div-img-01, .div-img-toolkit {
  background-image: url('../images/tool-kit---6.JPG');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 400px;
}

.div-img-toolkit._001 {
  height: 400px;
}

.div-img-toolkit._002 {
  background-image: url('../images/toolkit---7.jpg');
}

.div-img-toolkit._003 {
  background-image: url('../images/toolkit---8.jpg');
}

.div-img-toolkit._004 {
  background-image: url('../images/toolkit---9.jpg');
}

.div-img-toolkit._005 {
  background-image: url('../images/toolkit---10.jpg');
}

.section-spacer {
  height: 80px;
}

.wsip-text-container {
  margin-top: 32px;
}

.col-fmrpp {
  text-align: right;
}

.col2-fmrpp {
  text-align: left;
}

.button-owah {
  background-color: var(--sky-blue);
  border-radius: 7px;
  font-size: 20px;
}

.column-owah {
  display: block;
}

.columns-owah {
  text-align: center;
  margin-top: 35px;
}

.div-dropdown-trp {
  width: 900px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.image-6-ppct-1, .link-block-6-ppct-1 {
  width: 100%;
}

.registerherebutton1 {
  background-color: var(--purple);
  text-align: left;
  border-radius: 20px;
  margin: 40px auto;
  padding: 10px 60px;
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
}

.sizzle-reel-video {
  margin-top: 31px;
  display: none;
}

.link-blue {
  color: var(--dodger-blue);
  text-decoration: underline;
}

.container-for-register-here-button {
  text-align: center;
  display: none;
}

.heading-defs {
  color: var(--royal-blue);
  width: auto;
  margin-bottom: 11px;
  margin-right: 37px;
  font-size: 20px;
  line-height: 22px;
}

.p-reg {
  color: var(--royal-blue);
  text-align: center;
  margin-top: 18px;
  margin-right: 23px;
  font-size: 20px;
  font-style: normal;
  line-height: 26px;
}

.p-reg h2 {
  color: var(--purple);
  font-weight: 400;
}

.campaign-list_wuet {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  list-style-type: none;
}

.list-item-wuet {
  text-align: center;
  width: 25%;
  padding-bottom: 0;
  list-style-type: none;
  display: inline-block;
}

.flex-block {
  flex-direction: row;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-img-cfp-8 {
  background-image: url('../images/Bubbler.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-def1 {
  background-image: url('../images/Sprinklers.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-def2 {
  background-image: url('../images/Impact-Rotors.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-def3 {
  background-image: url('../images/Gear-Rotor-Sprinklers.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-def4 {
  background-image: url('../images/Bubbler.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.section-body-def {
  background-color: var(--white);
  text-align: center;
  margin-top: 52px;
  margin-bottom: 76px;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 20px;
  line-height: 26px;
  display: block;
  transform: translate(0);
}

.section-body-def.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body-def.bkgd-blue {
  background-color: var(--deep-sky-blue);
  color: #fff;
  margin-top: 0;
  padding-top: 55px;
  padding-bottom: 55px;
}

.section-body-def.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body-def.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-def.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  margin-top: 0;
  padding: 45px 25% 62px;
  display: block;
}

.section-body-def.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding: 20px 15% 39px;
}

.section-body-def.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body-def.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-def.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-def.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body-def.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-def.flow-monitor-prog {
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-def.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  margin-top: 0;
  padding-top: 99px;
  padding-bottom: 99px;
}

.section-body-def.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-def.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  margin-top: 0;
  padding: 40px 18%;
}

.section-body-def.bkgd-grey-education {
  background-color: var(--lt-grey);
  color: var(--purple);
  margin-top: 0;
  padding: 117px 18%;
}

.section-body-def.bkgd-grey-wateringindex {
  background-color: var(--white);
  color: var(--purple);
  margin-top: 0;
  padding: 40px 18%;
}

.columns-gallery-def {
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-bg-frame-def, .div-bg-frame-cfp-copy {
  background-color: var(--white);
  border-radius: 15px;
  height: 300px;
  padding: 15px;
}

.paragraph-gallery-text-def {
  color: var(--royal-blue);
  padding-top: 20px;
}

.button-def {
  background-color: var(--dodger-blue);
  border-radius: 19px;
  margin-top: 55px;
}

.text-block-types {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 47px;
  font-size: 20px;
  font-style: normal;
  line-height: 26px;
}

.text-block-types h2 {
  color: var(--purple);
  margin-bottom: -20px;
  font-weight: 400;
}

.ca-friendly-book-text-block_1 {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 47px;
  font-size: 20px;
  font-style: normal;
  line-height: 26px;
}

.ca-friendly-book-text-block_1 h2 {
  color: var(--purple);
  font-weight: 400;
}

.text-block-24 {
  color: var(--purple);
  display: inline;
}

.text-block-25 {
  display: inline;
}

.paragraph--disclaimer {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 22px;
  font-size: 16px;
  line-height: 24px;
}

.accordion-wrapper {
  width: 900px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: none;
  overflow: hidden;
}

.accordion-item {
  background-color: #8b2c81;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 24px 30px 14px;
  box-shadow: 0 3px 7px #00000008;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: -10px;
  padding-bottom: 10px;
  display: flex;
}

.accordion-heading {
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 30px;
}

.icon-3.accordion-icon {
  opacity: .58;
  color: #fff9;
  cursor: pointer;
  margin-top: 6px;
  font-family: Material symbols rounded;
  font-size: 32px;
  line-height: 30px;
}

.accordion-item-content {
  background-color: #fff;
  margin-top: 10px;
  margin-left: -30px;
  margin-right: -30px;
  padding-left: 37px;
  padding-right: 37px;
  overflow: hidden;
}

.accordion-item-new {
  background-color: #8b2c81;
  border-radius: 0;
  margin-bottom: 0;
  padding: 24px 30px 0;
  overflow: hidden;
  box-shadow: 0 3px 7px #00000008;
}

.accordion-item-new.green {
  color: #8b2c81;
  background-color: #ced41d;
}

.accordion-heading-new {
  color: #fff;
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 30px;
}

.accordion-item-content-new {
  background-color: #fff;
  margin-top: 0;
  margin-left: -30px;
  margin-right: -30px;
  padding: 4px 37px 0;
  overflow: hidden;
}

.bold-text-42 {
  font-size: 20px;
  line-height: 20px;
}

.bold-text-42.purple {
  color: #8b2c81;
}

.columns-la-trp-2 {
  text-align: left;
  display: inline;
}

.column-32-2 {
  padding: 20px;
}

.p-address-trp-2 {
  color: var(--royal-blue);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.column-33-2 {
  padding: 20px;
}

.p-address-trp-1-copy, .p-address-trp-1-copy-copy {
  color: var(--royal-blue);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.image-68 {
  opacity: .68;
  margin-top: 7px;
}

.paragraph-33, .paragraph-34, .paragraph-35 {
  color: #02599c;
}

.columns-la-trp-3 {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  display: inline;
}

.dbtitle {
  color: var(--dodger-blue);
}

.rbtitle {
  color: var(--royal-blue);
}

.p-address-grdn-1 {
  color: var(--royal-blue);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.columns-la-grd-1 {
  text-align: left;
  display: inline;
}

.column-cfnp4 {
  margin-bottom: 20px;
}

.link-68 {
  color: var(--royal-blue);
  font-weight: 700;
  text-decoration: none;
}

.link-68:hover {
  text-decoration: underline;
}

.tree-rebate-hero-banner {
  width: 100%;
}

.tree-rebate-intro {
  margin-bottom: 65px;
}

.tree-rebate-p {
  color: var(--royal-blue);
  text-align: left;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.tree-rebate-p.no-space {
  padding-bottom: 0;
}

.tree-rebate-p.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.tree-rebate-list {
  color: var(--royal-blue);
  margin-top: 25px;
  font-size: 20px;
  line-height: 24px;
}

.page-p-reg-copy {
  color: var(--royal-blue);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.page-p-reg-copy.no-space {
  padding-bottom: 0;
}

.page-p-reg-copy.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.tree-rebate-p-center {
  color: var(--royal-blue);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 0;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.tree-rebate-p-center.no-space {
  padding-bottom: 0;
}

.tree-rebate-p-center.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.tree-rebate-p-center.special_width {
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.tr-section-2 {
  background-color: var(--green);
  padding-top: 45px;
  padding-bottom: 45px;
}

.h1-heading_tr {
  color: var(--purple);
  text-align: center;
  margin-bottom: 20px;
}

.h2_heading-tr {
  color: var(--purple);
  text-align: left;
}

.h2_heading-tr.centeralign {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 25px;
}

.what-not-to-plant_section {
  margin-top: 45px;
  margin-bottom: 65px;
}

.h3-heading-tr {
  color: #8a2c80;
  text-align: center;
}

.tr-p-title {
  color: var(--royal-blue);
  text-align: left;
  margin-bottom: 14px;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.tr-p-title.no-space {
  padding-bottom: 0;
}

.tr-p-title.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.tree-rebate-p-list {
  color: var(--royal-blue);
  text-align: left;
  margin-bottom: 8px;
  margin-right: 0%;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.tree-rebate-p-list.no-space {
  padding-bottom: 0;
}

.tree-rebate-p-list.important {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
}

.resources-section-tr {
  background-color: #f1f1f1;
  margin-bottom: -61px;
  padding-top: 23px;
  padding-bottom: 55px;
}

.div-bg-frame-tr {
  background-color: var(--white);
  border-radius: 15px;
  height: 220px;
  padding: 15px;
}

.paragraph-gallery-text_tr {
  color: var(--royal-blue);
  text-align: center;
  padding-top: 10px;
}

.div-img-tr-1 {
  background-image: url('../images/Eschscholzia-californica.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.columns-gallery-tr {
  margin-top: 20px;
  margin-bottom: 20px;
}

.tr-link {
  color: var(--royal-blue);
  text-decoration: none;
}

.tr-link:hover {
  text-decoration: underline;
}

.link-69 {
  height: 150px;
}

.link-block-22 {
  width: 100%;
  height: 100%;
}

.tr-link-purple {
  color: var(--purple);
  text-decoration: none;
}

.tr-link-purple:hover {
  text-decoration: underline;
}

.div-img-tr-sm-1 {
  background-image: url('../images/Western-Redbud.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-sm-2 {
  background-image: url('../images/Bubba-Desert-Willow.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-sm-3 {
  background-image: url('../images/Chitalpa.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-sm-4 {
  background-image: url('../images/Desert-Museum-Palo-Verde.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-sm-5 {
  background-image: url('../images/Blue-Elderberry.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-sm-6 {
  background-image: url('../images/Toyon.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-sm-7 {
  background-image: url('../images/Purple-Fernleaf-Acacia.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-md-1 {
  background-image: url('../images/Hollyleaf-Cherry.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-md-2 {
  background-image: url('../images/Tecate-Cypress.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-md-3 {
  background-image: url('../images/Southern-CA-Black-Walnut.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-md-4 {
  background-image: url('../images/CA-Bay-Laurel.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-lg-1 {
  background-image: url('../images/Incense-Cedar.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-lg-2 {
  background-image: url('../images/Coast-Live-Oak_sm.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-lg-3 {
  background-image: url('../images/Englemann-Oak_sm.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-lg-4 {
  background-image: url('../images/California-Sycamore.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-oth-1 {
  background-image: url('../images/Torrey-Pine.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-oth-2 {
  background-image: url('../images/California-Ash.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-oth-3 {
  background-image: url('../images/Island-Ceanothus.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-oth-4 {
  background-image: url('../images/Catalina-Cherry.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.div-img-tr-oth-5 {
  background-image: url('../images/Eschscholzia-californica.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15px;
  height: 150px;
}

.accordion-wrapper-tr {
  width: 950px;
  height: auto;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.accordion-item-tr {
  background-color: #8b2c81;
  border-radius: 0;
  padding: 24px 30px 0;
  overflow: hidden;
  box-shadow: 0 3px 7px #00000008;
}

.accordion-item-tr.green {
  color: #8b2c81;
  background-color: #ced41d;
}

.tr-section1 {
  background-image: url('../images/treesbg.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 26px;
  padding-left: 10%;
  padding-right: 10%;
}

.image-69 {
  text-align: left;
}

.tree-image1 {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.tr-section3 {
  background-image: url('../images/2ndbg.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px 10% 12px;
}

.image-70 {
  margin: -125px auto -29px;
  display: none;
}

.trp_intro {
  color: var(--royal-blue);
  text-align: left;
  max-width: 900px;
  margin: 0 auto 46px;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.trp_intro.firstparagraph_spacing_rebates {
  margin-top: 40px;
}

.trp_intro.cnp {
  margin-bottom: 48px;
}

.trp-link-purple {
  color: var(--purple);
  text-decoration: none;
}

.trp-link-purple:hover {
  text-decoration: underline;
}

.section-green-bg-trp-4 {
  background-color: var(--lt-grey);
  margin-bottom: -63px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 22px;
}

.section-body-trp-5 {
  background-color: var(--white);
  text-align: center;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.section-body-trp-5.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.section-body-trp-5.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-5.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.section-body-trp-5.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-trp-5.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
}

.section-body-trp-5.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  margin-bottom: 35px;
  padding: 40px 15%;
}

.section-body-trp-5.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.section-body-trp-5.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-5.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-5.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.section-body-trp-5.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-5.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-5.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-body-trp-5.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.section-body-trp-5.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.hero-slider-wel {
  background-color: #0000;
  width: 100%;
  height: 400px;
  padding-bottom: 0%;
  display: none;
}

.section-green-bg-wel {
  background-color: var(--green);
  margin-bottom: 42px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
}

.section-trp-drpdwns-wel {
  background-color: var(--white);
  padding-top: 65px;
  padding-bottom: 65px;
  display: block;
}

.accordion-wrapper-wel {
  width: 900px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.bold-text-44 {
  color: var(--dodger-blue);
  text-decoration: none;
}

.link-70 {
  text-decoration: none;
}

.bold-text-45 {
  color: var(--dodger-blue);
}

.link-71, .link-72, .link-73, .link-74, .link-75 {
  color: var(--dodger-blue);
  text-decoration: none;
}

._1-link-color-dodger-blue {
  color: var(--dodger-blue);
  text-align: left;
}

.link-76, .link-77, .link-78, .link-79, .link-80, .link-81, .link-82, .link-83, .link-84, .link-85, .link-86, .link-87, .link-88, .link-89, .link-90 {
  text-decoration: none;
}

.list-item-41, .list-item-42, .list-item-43 {
  text-align: left;
}

.list-17 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 85px;
  padding-right: 0;
}

.paragraph-222 {
  color: var(--royal-blue);
  text-align: left;
  max-width: 850px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 20px;
  line-height: 24px;
}

.paragraph-222.firstparagraph_spacing_rebates {
  margin-top: 40px;
}

.paragraph-222.cnp {
  margin-bottom: 48px;
}

.rebates_list {
  margin-bottom: 21px;
}

.div-block-hero1 {
  background-image: url('../images/02112020_AAU_ROGERSGARDEN_0048-12.jpg');
  background-position: 50%;
  background-size: cover;
  height: 0;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 47px 224px 178px;
}

.ytrr-heading1 {
  color: var(--purple);
  margin-top: 0;
  margin-bottom: 0;
}

.text-block-26 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.ytrr-text-block {
  color: #00599c;
  width: 75%;
  margin-bottom: 47px;
  margin-left: auto;
  margin-right: auto;
  font-size: 25px;
  line-height: 35px;
}

.div-block-hero-2 {
  background-image: url('../images/02112020_AAU_ROGERSGARDEN_0048-12.jpg');
  background-position: 50%;
  background-size: cover;
  height: 0;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-bottom: 35%;
}

.bold-text-46, .thank-you-text {
  display: block;
}

.ytrr-text-block-2 {
  color: var(--royal-blue);
  width: 50%;
  margin: 46px auto 47px;
  font-size: 20px;
  line-height: 35px;
}

.heading-35, .heading-36, .ytrr-heading {
  text-align: left;
}

.ytrr-list_pre {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 40px;
}

.ytrr_list_item_01 {
  color: #00599c;
  padding-bottom: 20px;
}

.ytrr_list_item_01.left {
  text-align: left;
}

.column-24-copy, .ytrr-column-2 {
  padding-left: 40px;
  padding-right: 0;
}

.ytrr-section-lists {
  text-align: center;
  background-color: #efeeea;
  margin-top: 0;
  margin-bottom: 0;
  padding: 55px 12% 0;
  font-size: 20px;
  line-height: 26px;
  transform: translate(0);
}

.ytrr-section-lists.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.ytrr-section-lists.bkgd-blue {
  background-color: var(--dodger-blue);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ytrr-section-lists.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.ytrr-section-lists.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.ytrr-section-lists.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding-left: 25%;
  padding-right: 25%;
}

.ytrr-section-lists.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding-left: 15%;
  padding-right: 15%;
}

.ytrr-section-lists.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.ytrr-section-lists.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ytrr-section-lists.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ytrr-section-lists.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.ytrr-section-lists.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ytrr-section-lists.flow-monitor-prog {
  background-image: url('../images/flow-monitor.png');
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ytrr-section-lists.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ytrr-section-lists.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.ytrr-section-lists.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  padding: 40px 25%;
}

.ytrr-section-head {
  background-color: var(--white);
  text-align: center;
  margin-top: 52px;
  padding-left: 12%;
  padding-right: 12%;
  font-size: 20px;
  line-height: 26px;
  display: block;
  transform: translate(0);
}

.ytrr-section-head.bkgd-purple {
  background-color: var(--purple);
  color: #fff;
  padding-bottom: 40px;
}

.ytrr-section-head.bkgd-blue {
  background-color: var(--deep-sky-blue);
  color: #fff;
  margin-top: 0;
  padding-top: 55px;
  padding-bottom: 55px;
}

.ytrr-section-head.bkgd-blue.blue-bar {
  padding-top: 6px;
  padding-bottom: 6px;
}

.ytrr-section-head.bkgd-ca-natives {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  padding-top: 122px;
  padding-bottom: 120px;
}

.ytrr-section-head.bkgd-grey {
  background-color: var(--lt-grey);
  color: var(--purple);
  margin-top: 0;
  padding: 45px 25% 62px;
  display: block;
}

.ytrr-section-head.bkgd-green {
  background-color: var(--green);
  color: var(--purple);
  padding: 20px 15% 39px;
}

.ytrr-section-head.bkgd-res-rebates {
  color: var(--purple);
  background-image: url('../images/mwd_shea_099_1---for-residential-rebates-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  padding: 40px 20%;
}

.ytrr-section-head.bkgd-com-rebates {
  color: #fff;
  background-image: url('../images/commercial-industrial-for-commercial-rebates-and-incentives-p-1080.jpeg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ytrr-section-head.bkgd-irrigation {
  color: var(--purple);
  background-image: url('../images/drought-gardens---option-1-for-landscape-p-1080.jpeg');
  background-position: 0 0;
  background-size: cover;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ytrr-section-head.bkgd-ltgrey {
  color: var(--royal-blue);
  background-color: #f7f8f8;
}

.ytrr-section-head.prog_info {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ytrr-section-head.flow-monitor-prog {
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ytrr-section-head.bkgd-purple-hp1 {
  background-color: var(--purple);
  color: #fff;
  margin-top: 0;
  padding-top: 99px;
  padding-bottom: 99px;
}

.ytrr-section-head.bkgd-ca-natives-hp1 {
  color: #fff;
  background-image: url('../images/Outreach-Materials-sm.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
  padding-top: 122px;
  padding-bottom: 120px;
}

.ytrr-section-head.bkgd-grey-hp1 {
  background-color: var(--lt-grey);
  color: var(--purple);
  margin-top: 0;
  padding: 40px 18%;
}

.ytrr-section-head.bkgd-grey-education {
  background-color: var(--lt-grey);
  color: var(--purple);
  margin-top: 0;
  padding: 117px 18%;
}

.ytrr-section-head.bkgd-grey-wateringindex {
  background-color: var(--white);
  color: var(--purple);
  margin-top: 0;
  padding: 40px 18%;
}

.ytrr-section-body-1 {
  color: var(--royal-blue);
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 26px;
}

.ytrr-section-body-1.firstp {
  margin-bottom: 56px;
}

.ytrr-section-body-2 {
  color: var(--royal-blue);
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 26px;
}

.ytrr-section-body-2.firstp {
  margin-bottom: 56px;
}

.div-block-hero-3 {
  background-image: url('../images/Matilija-poppy.jpg');
  background-position: 50%;
  background-size: cover;
  height: 0;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-bottom: 35%;
}

.paragraph-223 {
  color: var(--royal-blue);
  text-align: left;
}

.bold-text-47, .ytrr-text-p1 {
  color: var(--royal-blue);
}

.ytrr-column-3 {
  padding-left: 40px;
  padding-right: 0;
}

.wr-text-block-copy {
  color: #00599c;
  width: 75%;
  margin-bottom: 47px;
  margin-left: auto;
  margin-right: auto;
  font-size: 25px;
  line-height: 35px;
}

.wr-heading {
  text-align: left;
}

.wr-text-p1 {
  color: var(--royal-blue);
  text-align: left;
}

.wr-column-1 {
  text-align: center;
  padding-left: 0;
  padding-right: 40px;
}

.wr-column-2 {
  padding-left: 0;
  padding-right: 0;
}

.wr-column-3 {
  padding-left: 40px;
  padding-right: 0;
}

.wr_list_item_01 {
  color: #00599c;
  padding-bottom: 20px;
}

.wr_list_item_01.left {
  text-align: left;
}

.outreach-slide-1 {
  background-image: url('../images/GOODBYE-GRASS_BLOOM-RECT.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.outreach-slider {
  box-sizing: border-box;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  min-width: 100%;
  min-height: 550px;
}

.outreach-slide-2 {
  background-image: url('../images/AMOR-SP-RECT.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.outreach-slide-3 {
  background-image: url('../images/GOODBYE-GRASS_HANDSOME-RECT.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.outreach-slide-4 {
  background-image: url('../images/BELLEZA-SP-RECT.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.outreach-slide-5 {
  background-image: url('../images/GOODBYE-GRASS_BETTER-FLOWERS-RECT.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.outreach-slide-6 {
  background-image: url('../images/MEJOR-SP-RECT.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.hero-slider-onewater {
  background-color: #0000;
  width: 100%;
  height: 400px;
  padding-bottom: 0%;
  display: block;
}

.one-water {
  text-align: center;
  background-image: url('../images/Hero_Image5-no-logo.jpg');
  background-position: 50% 49%;
  background-size: cover;
}

.accordion-wrapper-onewater {
  width: 900px;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.section-green-bg-one-water {
  background-color: var(--green);
  text-align: left;
  margin-bottom: 42px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 28px;
  padding-bottom: 28px;
  display: none;
}

.paragraph--ow {
  color: var(--royal-blue);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 24px;
}

.container-ow {
  text-align: center;
  max-width: 450px;
  padding-top: 29px;
  padding-bottom: 29px;
}

.paragraph-ow {
  color: var(--purple);
}

.accordion-item-1-ow {
  background-color: #8b2c81;
  border-radius: 0;
  margin-bottom: 0;
  padding: 24px 30px 0;
  overflow: hidden;
  box-shadow: 0 3px 7px #00000008;
}

.accordion-item-1-ow.green {
  color: #8b2c81;
  background-color: #ced41d;
}

.accordion-item-new-1-ow {
  background-color: #8b2c81;
  border-radius: 0;
  margin-bottom: 0;
  padding: 24px 30px 0;
  overflow: hidden;
  box-shadow: 0 3px 7px #00000008;
}

.accordion-item-new-1-ow.green {
  color: #8b2c81;
  background-color: #ced41d;
}

.sub-title-ow {
  color: var(--purple);
  font-size: 30px;
  line-height: 35px;
}

.sub-title-ow-1 {
  color: var(--royal-blue);
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
  text-decoration: none;
}

.paragraph-1--ow {
  color: var(--royal-blue);
  text-align: left;
  width: 70%;
  margin: 20px auto 40px;
  font-size: 20px;
  line-height: 24px;
}

.sub-title-ow-2 {
  color: var(--royal-blue);
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 7px;
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
  text-decoration: none;
}

.sub-title-ow---2 {
  color: var(--purple);
  font-size: 45px;
  line-height: 45px;
}

.slide-nav-ow {
  display: none;
}

.section-head-ow {
  color: var(--royal-blue);
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 26px;
}

.nav-tree-ow {
  color: var(--grey-bkgd);
  text-align: left;
  padding-top: 24px;
  padding-left: 0%;
  font-size: 16px;
  line-height: 20px;
}

.heading-lg-purple-ow {
  color: var(--purple);
  text-align: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 48px;
  line-height: 54px;
}

.sub-heading-lg-purple-ow-copy {
  color: var(--royal-blue);
  text-align: center;
  width: 70%;
  margin: 4px auto 30px;
  padding-bottom: 0;
  padding-left: 0%;
  padding-right: 0%;
  font-size: 26px;
  line-height: 30px;
}

.image-71 {
  z-index: 20;
  margin-top: 73px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.section-head_icp {
  color: var(--royal-blue);
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 10%;
  padding-right: 10%;
  font-size: 20px;
  line-height: 26px;
  display: none;
}

.section-head_icp.firstp {
  margin-bottom: 56px;
}

@media screen and (max-width: 991px) {
  .introduction-pp {
    margin-top: 67px;
  }

  .two-btn-list {
    float: none;
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .btn-grn-xl {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .two-btn-list-item {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    display: block;
    left: auto;
    right: auto;
  }

  .link-block {
    width: 320px;
  }

  .btn-grn-xlg {
    max-width: 400px;
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .list-5 {
    text-align: center;
  }

  .social-icon {
    width: 60px;
  }

  .btn-blue-lg {
    padding-left: 40px;
    padding-right: 40px;
  }

  .btn-blue-lg.flowmon-bttn {
    text-align: right;
    margin-right: 0;
    display: inline-block;
  }

  .text-block-2 {
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
  }

  .footer-heading, .button-3, .footer-link {
    text-align: center;
  }

  .click-banner {
    top: 40%;
    bottom: auto;
  }

  .section-head {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    white-space: normal;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .header-nav {
    width: 32%;
  }

  .btn-menu {
    margin: 9px 130px;
  }

  .btn-language {
    padding-left: 14px;
    padding-right: 14px;
  }

  .header-nav-home {
    width: 50%;
  }

  .header-nav-menu {
    width: 18%;
  }

  .social-img, .image-4, .image-5, .image-6, .image-7 {
    max-width: 85%;
  }

  .btn-language-sm, .link-block-5 {
    display: none;
  }

  .menu-overlay {
    top: 80px;
  }

  .menu-block {
    width: 100%;
    margin-top: 0;
    margin-left: 0%;
    margin-right: 0%;
    padding: 20px 20px 60px;
    position: relative;
  }

  .grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .project-item h2, .project-item p {
    text-align: center;
  }

  .project-item-thumb {
    float: none;
    clear: both;
    text-align: center;
    padding-bottom: 20px;
    padding-right: 0;
    display: block;
  }

  .project-item-thumb-number {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    inset: 40% 0% 0%;
  }

  .page-head-p {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0%;
  }

  .drop-prpl {
    width: 100%;
  }

  .plant-profile-link-block {
    display: block;
  }

  .div-block-7 {
    padding-top: 24px;
  }

  .div-block-8 {
    text-align: center;
    width: 100%;
    min-height: 0;
    margin-left: 0%;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }

  .div-block-9 {
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
  }

  .garden-div1 {
    text-align: center;
    width: 100%;
    min-height: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }

  .garden-div2 {
    width: 100%;
    margin-left: 0%;
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
  }

  .section-native-profiles, .section-local-nurseries {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .toolkit-link-block-1 {
    padding-top: 0%;
    padding-bottom: 80%;
  }

  .heading-grn-float-sm {
    display: block;
  }

  .toolkit-text-block {
    text-align: left;
  }

  .grant-program-link-block {
    font-size: 18px;
  }

  .div-block-13, .div-block-13:hover, .div-block-14, .div-block-15, .div-block-16, .div-block-17 {
    min-height: 0;
  }

  .list-item-24 {
    width: 33%;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
  }

  .appliance {
    background-position: 50%;
  }

  .section-purple-footer {
    padding-top: 20px;
  }

  .btn-bluemd-3 {
    min-width: 200px;
    font-size: 16px;
  }

  .link-block-12 {
    text-align: left;
    padding-left: 0;
  }

  .text-block-21 {
    line-height: 20px;
    display: block;
  }

  .adobe-pdf {
    text-align: left;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .ca-friendly-book-text-block {
    margin-left: 0;
    padding-left: 40px;
  }

  .image-21 {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
  }

  .first-steps-list {
    padding-left: 20px;
  }

  .drop-prpl-text {
    white-space: normal;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    display: block;
    overflow: visible;
  }

  .dropdown-toggle {
    width: 100%;
  }

  .hero {
    padding-bottom: 50%;
  }

  .hero.home-hero {
    padding-top: 14px;
    padding-bottom: 36%;
  }

  .hero.videos-hero {
    background-image: url('../images/365-commercial-screenshot---1920x1080---30-crop-u207599.jpg');
    background-position: 50% 0;
    background-size: cover;
  }

  .section-body {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body.bkgd-green, .section-body.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body.flow-monitor-prog {
    background-position: 85%;
  }

  .section-body.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body.bkgd-grey-hp1, .section-body.bkgd-grey-education, .section-body.bkgd-grey-wateringindex {
    padding-left: 7%;
    padding-right: 7%;
    line-height: 26px;
  }

  .h1 {
    margin-bottom: 0;
  }

  .h1.blue-text.flow-monitor-prog-title {
    max-width: 360px;
    padding-left: 0;
  }

  .h1.hp-rebates-title-mobile {
    margin-bottom: 18px;
  }

  .h1.watering_index_title {
    margin-top: 7px;
    margin-bottom: 35px;
  }

  .h2 {
    text-align: left;
  }

  .body-text.rebates-p {
    margin-left: 10px;
    margin-right: 10px;
  }

  .no-decoration.text-blue.block {
    text-align: left;
  }

  .garden.how-to {
    text-align: left;
    background-image: url('../images/droughtgardens-106.jpg');
    background-position: 0 0;
    background-size: cover;
  }

  .bold-text-14 {
    width: 100%;
    position: static;
  }

  .local-columns {
    text-align: center;
  }

  .local-columns.drop-prpl-list {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .columns, .column, .column-2, .column-3 {
    text-align: center;
  }

  .menu-btn {
    background-position: 72px 8px;
    background-size: 20px;
    height: auto;
    margin-left: 20px;
    padding-top: 6px;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-block;
  }

  .text-block-23 {
    padding-right: 30px;
    font-size: 16px;
    line-height: 16px;
    display: inline;
  }

  .columns-3 {
    display: block;
  }

  .text {
    text-align: left;
  }

  .project-column {
    padding-bottom: 40px;
  }

  .column-9 {
    text-align: center;
  }

  .list-8 {
    padding-left: 0;
    list-style-type: none;
  }

  .list-9 {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
  }

  .column-16 {
    padding-left: 0;
    padding-right: 0;
  }

  .spacer-250 {
    text-align: center;
  }

  .column-17 {
    padding-right: 0;
  }

  .link-block-13 {
    padding-top: 60%;
    padding-bottom: 100%;
  }

  .toolkit-text-column {
    text-align: left;
  }

  .ytrr-column-1 {
    padding-right: 20px;
  }

  .column-24 {
    padding-left: 20px;
  }

  .columns-9 {
    display: block;
  }

  .click-banner-home {
    background-color: #0000;
    margin-top: -94px;
    top: 310px;
    bottom: auto;
  }

  .slide-nav {
    margin-top: 43px;
    font-size: 12px;
    bottom: 31px;
  }

  .right-arrow {
    top: -32%;
  }

  .left-arrow {
    top: -31%;
  }

  .turf-removal-column {
    text-align: center;
    display: block;
  }

  .pdf-link-block {
    margin-left: 0;
    margin-right: 0;
    padding-top: 51px;
    padding-bottom: 7px;
    padding-left: 0;
  }

  .column-no-pad {
    text-align: left;
  }

  .column-25 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .link-block-18 {
    text-align: center;
  }

  .heading-11 {
    margin-left: 0;
  }

  .column-26 {
    padding-right: 40px;
  }

  .image-33 {
    text-align: center;
    display: inline-block;
  }

  .image-34 {
    display: inline-block;
  }

  .html-embed {
    width: 100%;
  }

  .paragraph-13 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .container-3, .section-7 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .container-11 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-24 {
    padding-left: 38px;
  }

  .paragraph-26 {
    margin-bottom: 8px;
  }

  .section-8 {
    margin-left: 0;
    padding-left: 80px;
    padding-right: 80px;
  }

  .columns-18 {
    margin-top: 0;
  }

  .column-45 {
    margin-top: 10px;
  }

  .column-46 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-36 {
    height: 140px;
  }

  .image-47 {
    margin-bottom: 2px;
  }

  .image-48 {
    margin-bottom: 23px;
  }

  .image-50 {
    margin-bottom: 11px;
  }

  .image-51 {
    margin-bottom: 10px;
  }

  .bold-text-30 {
    color: var(--dodger-blue);
  }

  .columns-25 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    display: block;
  }

  .link-42 {
    color: var(--dodger-blue);
  }

  .link-44, .div-block-37 {
    display: block;
  }

  .column-60 {
    padding-left: 0;
    padding-right: 0;
  }

  .flow-m-reb_p_container {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .container-19 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-head-hp1 {
    white-space: normal;
  }

  .section-body-bottom-hp1 {
    margin-bottom: -20px;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-bottom-hp1.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body-bottom-hp1.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-bottom-hp1.bkgd-green, .section-body-bottom-hp1.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body-bottom-hp1.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body-bottom-hp1.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .btn-blue-md-turfrpl-prgrm-1 {
    min-width: 200px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    display: inline-block;
  }

  .section-blue-bttns-1 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-blue-bttns-1.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-blue-bttns-1.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-blue-bttns-1.bkgd-green, .section-blue-bttns-1.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-blue-bttns-1.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-blue-bttns-1.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .btn-column-1 {
    display: inline;
  }

  .section-body-p-trp1 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-p-trp1.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body-p-trp1.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-p-trp1.bkgd-green, .section-body-p-trp1.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body-p-trp1.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body-p-trp1.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-head-trp1 {
    white-space: normal;
  }

  .section-body-trp-3 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-trp-3.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body-trp-3.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-trp-3.bkgd-green, .section-body-trp-3.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body-trp-3.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body-trp-3.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .container-_flp-trp-1 {
    padding-left: 54px;
    padding-right: 54px;
  }

  .columns-trp-4 {
    margin-bottom: 43px;
    padding-left: 41px;
    padding-right: 41px;
  }

  .container-trp-5 {
    display: none;
  }

  .introduction-pp-hp1 {
    margin-top: 81px;
  }

  .video-container {
    max-width: 100%;
    display: block;
  }

  .footer-3-list {
    text-align: center;
    flex-direction: column-reverse;
    justify-content: space-around;
    align-items: center;
    margin-left: 60px;
  }

  .footer-3-list-item {
    padding-top: 30px;
    padding-left: 15%;
    padding-right: 15%;
  }

  .footer-3-list-item.footer-list-item-center {
    align-self: stretch;
    padding-top: 30px;
    padding-left: 15%;
    padding-right: 15%;
  }

  .footer-3-list-item.footer-3-list-item-right {
    text-align: center;
    align-self: center;
  }

  .footer-3-disclaimer {
    padding-left: 15%;
    padding-right: 15%;
  }

  .footer-3-list-bottom {
    text-align: center;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
  }

  .list-16-trp-blue-bttns {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .bluebttn-trp {
    margin-left: 0;
  }

  .div-block-40 {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .list-16-trp-blue-bttns_2 {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .list-8-copy, .list-trp-13 {
    padding-left: 0;
    list-style-type: none;
  }

  .columns-65-66-67 {
    text-align: left;
  }

  .list_logos {
    list-style-type: none;
    display: inline-block;
  }

  .list-item-logo {
    padding-top: 28px;
    padding-bottom: 28px;
    list-style-type: none;
    display: block;
  }

  .small-video-container {
    text-align: center;
    margin-bottom: 40px;
    display: block;
    position: relative;
  }

  .small-video-column {
    float: none;
    clear: none;
    text-align: center;
    display: block;
  }

  .sm-video-div {
    text-align: center;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }

  .sm-vid-columns {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .section-body-tlkt-2 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-tlkt-2.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body-tlkt-2.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-tlkt-2.bkgd-green, .section-body-tlkt-2.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body-tlkt-2.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body-tlkt-2.bkgd-grey-hp1, .section-body-tlkt-3 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-tlkt-3.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body-tlkt-3.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-tlkt-3.bkgd-green, .section-body-tlkt-3.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body-tlkt-3.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body-tlkt-3.bkgd-grey-hp1, .section-body-tlkt-4 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-tlkt-4.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body-tlkt-4.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-tlkt-4.bkgd-green, .section-body-tlkt-4.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body-tlkt-4.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body-tlkt-4.bkgd-grey-hp1, .section-body-tlkt-5 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-tlkt-5.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body-tlkt-5.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-tlkt-5.bkgd-green, .section-body-tlkt-5.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body-tlkt-5.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body-tlkt-5.bkgd-grey-hp1, .section-body-tlkt-6 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-tlkt-6.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body-tlkt-6.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-tlkt-6.bkgd-green, .section-body-tlkt-6.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body-tlkt-6.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body-tlkt-6.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-head-tlkt-1 {
    white-space: normal;
  }

  .page-head-p-1-tlkt {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0%;
  }

  .drop-prpl-wsi {
    width: 100%;
  }

  .page-head-p-1-wst {
    margin-left: 29px;
    margin-right: 29px;
    padding-left: 0%;
  }

  .gray-div {
    height: 1050px;
  }

  .div-block-36-2 {
    height: 140px;
  }

  .div-block-yellow-bg {
    min-height: 420px;
  }

  .div-block-yellow-bg:hover {
    min-height: 420px;
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-yellow-bg-2 {
    min-height: 420px;
  }

  .div-block-yellow-bg-2:hover {
    min-height: 420px;
    font-size: 18px;
    line-height: 24px;
  }

  .div-block-blue-bg-1 {
    min-height: 420px;
  }

  .div-block-blue-bg-1:hover {
    min-height: 420px;
    font-size: 18px;
    line-height: 24px;
  }

  .gip-section-headings {
    text-align: center;
  }

  .gip-p:hover {
    font-size: 18px;
  }

  .div-block-blue-bg-2 {
    min-height: 420px;
  }

  .div-block-blue-bg-2:hover {
    min-height: 420px;
    font-size: 18px;
    line-height: 24px;
  }

  .section-head-gip {
    white-space: normal;
  }

  .columns-1-gip {
    display: block;
  }

  .column-1-gip-icp {
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .paragraph-caption-gip {
    text-align: left;
    max-width: 400px;
    margin-left: 26px;
    margin-right: 0;
    display: none;
    top: 141px;
  }

  .hero-heading-text-gip {
    margin-top: 18%;
    margin-bottom: -20px;
  }

  .section-main-cfp {
    background-image: url('../images/Screenshot-2023-06-06-at-4.43.19-PM.png');
  }

  .div-airplane {
    margin-top: 59px;
    margin-right: 23px;
    padding-right: 56px;
  }

  .image-airplane {
    min-width: 350px;
  }

  .paragraph--cfp-1 {
    padding-left: 86px;
    padding-right: 86px;
  }

  .div-bg-frame-cfp {
    height: 320px;
  }

  .div-bg-frame-cfp-8 {
    min-height: 320px;
  }

  .div-bg-list-frame-cfp {
    height: 450px;
  }

  .div-dropdown-cfp {
    width: 100%;
  }

  .page-head-p-ttfs {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0%;
  }

  .columns-ec {
    text-align: center;
  }

  .page-head-p-osrp {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0%;
  }

  .section-head-wsip {
    white-space: normal;
    margin-bottom: 40px;
  }

  .section-tigs {
    margin-left: 0;
    padding-left: 80px;
    padding-right: 80px;
  }

  .gray-div-1, .gray-div-2 {
    height: 1050px;
  }

  .columns-wst-check-1 {
    margin-top: 31px;
  }

  .heading-grn-float-sm-materials {
    margin-top: 148px;
    display: block;
  }

  .div-block-45, .div-img-01, .div-img-toolkit {
    height: 200px;
  }

  .bold-text-41 {
    display: inline;
  }

  .col1-fmrpp {
    text-align: right;
  }

  .column-owah {
    margin-top: 14px;
  }

  .columns-owah {
    flex-direction: column;
  }

  .div-dropdown-trp {
    width: 100%;
  }

  .p-reg {
    min-width: auto;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .list-item-wuet {
    width: 33%;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
  }

  .section-body-def {
    margin-bottom: 78px;
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-def.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body-def.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-def.bkgd-green, .section-body-def.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body-def.flow-monitor-prog {
    background-position: 85%;
  }

  .section-body-def.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body-def.bkgd-grey-hp1, .section-body-def.bkgd-grey-education, .section-body-def.bkgd-grey-wateringindex {
    padding-left: 7%;
    padding-right: 7%;
    line-height: 26px;
  }

  .div-bg-frame-def {
    height: auto;
  }

  .div-bg-frame-cfp-copy {
    height: 320px;
  }

  .button-def {
    margin-top: 9px;
  }

  .text-block-types, .ca-friendly-book-text-block_1 {
    margin-left: 0;
    padding-left: 40px;
  }

  .paragraph--disclaimer {
    margin-left: 78px;
    margin-right: 78px;
  }

  .accordion-wrapper {
    width: auto;
  }

  .paragraph-33 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .tree-rebate-intro, .what-not-to-plant_section, .tr-resources {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .div-bg-frame-tr {
    height: 250px;
  }

  .accordion-wrapper-tr {
    width: 100%;
  }

  .tr-section1 {
    background-position: 0 0;
    background-size: cover;
    padding-bottom: 11px;
  }

  .tr-section3 {
    background-position: 0 0;
    background-size: cover;
  }

  .trp_intro {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0%;
  }

  .section-body-trp-5 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-trp-5.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .section-body-trp-5.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .section-body-trp-5.bkgd-green, .section-body-trp-5.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .section-body-trp-5.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .section-body-trp-5.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .accordion-wrapper-wel {
    width: auto;
  }

  .list-17 {
    padding-left: 47px;
  }

  .paragraph-222 {
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0%;
  }

  .ytrr-list_pre, .column-24-copy, .ytrr-column-2 {
    padding-left: 20px;
  }

  .ytrr-section-lists {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .ytrr-section-lists.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .ytrr-section-lists.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .ytrr-section-lists.bkgd-green, .ytrr-section-lists.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .ytrr-section-lists.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .ytrr-section-lists.bkgd-grey-hp1, .ytrr-section-head {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .ytrr-section-head.bkgd-ca-natives {
    padding-bottom: 116px;
  }

  .ytrr-section-head.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
    line-height: 26px;
  }

  .ytrr-section-head.bkgd-green, .ytrr-section-head.bkgd-res-rebates {
    padding-left: 10%;
    padding-right: 10%;
  }

  .ytrr-section-head.flow-monitor-prog {
    background-position: 85%;
  }

  .ytrr-section-head.bkgd-ca-natives-hp1 {
    padding-bottom: 116px;
  }

  .ytrr-section-head.bkgd-grey-hp1, .ytrr-section-head.bkgd-grey-education, .ytrr-section-head.bkgd-grey-wateringindex {
    padding-left: 7%;
    padding-right: 7%;
    line-height: 26px;
  }

  .ytrr-section-body-1, .ytrr-section-body-2 {
    white-space: normal;
  }

  .ytrr-column-3 {
    padding-left: 20px;
  }

  .wr-column-1 {
    padding-right: 20px;
  }

  .wr-column-2 {
    padding-left: 0;
  }

  .wr-column-3 {
    padding-left: 20px;
  }

  .outreach-slider {
    min-height: 405px;
  }

  .one-water {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 200%;
  }

  .accordion-wrapper-onewater {
    width: auto;
  }

  .container-ow {
    padding-left: 50px;
    padding-right: 50px;
  }

  .sub-title-ow {
    font-size: 28px;
  }

  .paragraph-1--ow {
    width: 100%;
  }

  .section-head-ow {
    white-space: normal;
  }

  .sub-heading-lg-purple-ow-copy {
    width: 90%;
  }

  .image-71 {
    width: 100%;
    max-width: 320px;
    margin-top: 59px;
  }

  .section-head_icp {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    white-space: normal;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .nav {
    height: 66px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .introduction-pp {
    margin-top: 59px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 18px;
  }

  .two-btn-list {
    padding-top: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .btn-grn-xl {
    min-width: 350px;
    margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
    display: inline-block;
  }

  .two-btn-list-item {
    float: none;
    display: block;
  }

  .list-2 {
    margin-top: 21px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .rebate-icon {
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .h3 {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 18px;
  }

  .text-block {
    padding-left: 5%;
    padding-right: 5%;
    font-size: 14px;
  }

  .heading-lg-purple {
    padding-left: 5%;
    padding-right: 5%;
  }

  .list-3 {
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .list-item-9, .list-item-10 {
    clear: both;
    flex: 1;
    width: 100%;
    display: block;
  }

  .btn-grn-xlg {
    min-width: 350px;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
  }

  .footer-list-bottom {
    padding-left: 15%;
    padding-right: 15%;
  }

  .footer-list-item {
    text-align: center;
    width: 100%;
    display: block;
  }

  .list-5, .social-icon {
    text-align: center;
  }

  .btn-blue-lg {
    text-align: center;
    min-width: 350px;
  }

  .btn-blue-lg.flowmon-bttn {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-2 {
    text-align: center;
    padding-right: 0%;
    font-size: 16px;
  }

  .footer-heading, .div-block-2, .heading-3, .div-block-3, .footer-link {
    text-align: center;
  }

  .footer-bottom-list-item {
    text-align: center;
    width: 100%;
    display: block;
  }

  .link-block-2 {
    float: none;
  }

  .click-banner {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    top: 30%;
    bottom: 58%;
  }

  .section-head, .list-7 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .header-nav {
    width: 40%;
  }

  .btn-menu {
    display: inline-block;
  }

  .btn-language {
    display: none;
  }

  .header-nav-menu {
    width: 10%;
  }

  .image-8, .image-9, .image-10, .image-11, .image-12 {
    max-width: 85%;
  }

  .link-block-4 {
    text-align: center;
  }

  .btn-language-sm {
    padding: 2px 6px;
    display: inline-block;
    position: relative;
  }

  .image-13 {
    max-width: 30px;
    padding: 6px 4px;
  }

  .link-block-5 {
    padding: 0;
    display: inline-block;
  }

  .menu-overlay {
    top: 66px;
  }

  .menu-block {
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-left: 0%;
    margin-right: 0%;
    padding: 20px 40px 40px;
    position: relative;
  }

  .menu-list-item-heading {
    color: #fff;
    padding-top: 10px;
  }

  .menu-list-item-heading.menu-link-hide, .menu-list-item-item {
    display: none;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .nav-spacer {
    height: 66px;
  }

  .project-item {
    text-align: center;
  }

  .application-grid-content {
    padding-left: 0;
    padding-right: 0;
  }

  .btn-prpl-lg {
    text-align: center;
    min-width: 350px;
    margin-top: 40px;
  }

  .hero-heading {
    margin-top: 25%;
  }

  .program-link-block {
    margin-top: 34px;
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .text-block-11.reb-pginfo {
    padding-top: 29px;
  }

  .div-block-7 {
    padding-top: 15px;
  }

  .div-block-8, .garden-div1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .toolkit-link-block-1 {
    min-height: 0%;
    padding-top: 0;
    padding-bottom: 30%;
    position: relative;
  }

  .toolkit-link-block-1.savings-tips, .toolkit-link-block-1.how-to, .toolkit-link-block-1.efficient-devices, .toolkit-link-block-1.public-widget {
    height: auto;
    padding-bottom: 0%;
  }

  .heading-grn-float-sm {
    color: #fff;
    background-color: #00000036;
    justify-content: center;
    align-items: center;
    height: 150px;
    font-size: 30px;
    line-height: 34px;
    display: flex;
  }

  .toolkit-text-block {
    text-align: center;
  }

  .grant-program-link-block {
    font-size: 18px;
  }

  ._365-list-item {
    width: 100%;
    padding-right: 0;
  }

  .btn-bluemd-2 {
    text-align: center;
    min-width: 0;
  }

  .list-item-24 {
    width: 50%;
    list-style-type: none;
    display: inline;
  }

  .appliance {
    background-position: 50%;
  }

  .btn-bluemd-3 {
    text-align: center;
    min-width: 350px;
  }

  .ca-friendly-book-text-block {
    margin-top: 27px;
    margin-bottom: 29px;
    padding-left: 0;
  }

  .ca-friendly-book-text-block h2 {
    text-align: left;
  }

  .heading-lg-blue-2 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .image-21 {
    margin-left: auto;
    margin-right: auto;
  }

  .first-step-div {
    text-align: left;
  }

  .heading-md-purple-2 {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
  }

  .drop-prpl-text {
    white-space: normal;
    padding-left: 60px;
    padding-right: 10px;
  }

  .drop-prpl-list.w--open {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-body {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body.bkgd-grey, .section-body.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body.flow-monitor-prog {
    background-position: 140%;
  }

  .section-body.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body.bkgd-grey-education {
    padding: 47px 5% 67px;
  }

  .section-body.bkgd-grey-wateringindex {
    padding-left: 5%;
    padding-right: 5%;
  }

  .h1 {
    margin-bottom: 0;
  }

  .h1.blue-text.flow-monitor-prog-title {
    text-align: center;
    max-width: none;
  }

  .h1.hp-trp-title {
    margin-bottom: 0;
  }

  .transparent-box {
    width: 100%;
    max-width: 600px;
  }

  .h2, .body-text {
    text-align: left;
  }

  .body-text.rebates-p {
    margin-left: 10px;
    margin-right: 10px;
  }

  .no-decoration.text-blue.block, .image-24, .local-columns, .columns, .column-3, .div-block-28, .div-block-29 {
    text-align: center;
  }

  .column-nav {
    height: auto;
    display: flex;
  }

  .menu-btn {
    background-position: 50%;
    height: auto;
    padding-left: 18px;
    padding-right: 18px;
    display: inline;
  }

  .text-block-23 {
    display: none;
  }

  .text {
    text-align: center;
    margin-bottom: 20px;
  }

  .btn-grn-sm {
    min-width: 350px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: inline-block;
  }

  .column-9 {
    padding-left: 0;
  }

  .column-10, .column-11 {
    padding-bottom: 60px;
    padding-right: 0;
  }

  .column-12 {
    padding-left: 0;
  }

  .column-13 {
    text-align: center;
    margin-bottom: 0;
  }

  .column-14 {
    text-align: center;
    padding-top: 20px;
  }

  .column-15 {
    padding-top: 20px;
  }

  .list-8, .list-9 {
    margin-bottom: 0;
  }

  .spacer-250 {
    text-align: center;
  }

  .column-20 {
    clear: both;
    background-position: 50%;
    height: auto;
    padding-bottom: 0%;
  }

  .column-21 {
    clear: both;
    position: relative;
  }

  .column-22 {
    clear: both;
  }

  .link-block-13 {
    padding-top: 0%;
    padding-bottom: 30%;
    position: relative;
  }

  .link-block-13.no-decoration {
    height: auto;
    padding-bottom: 0%;
    display: block;
  }

  .toolkit-img-colum {
    text-align: center;
    padding-bottom: 40px;
  }

  .toolkit-text-column {
    text-align: center;
    padding-left: 0;
  }

  .anchor-div {
    height: 0;
    top: -66px;
  }

  .ytrr-column-1 {
    padding-right: 0;
  }

  .column-24 {
    padding-left: 0;
  }

  .click-banner-home {
    width: 90%;
    margin-top: -169px;
    margin-left: 5%;
    margin-right: 5%;
    top: 360px;
    bottom: 58%;
  }

  .slide-nav {
    bottom: 29px;
  }

  .right-arrow {
    top: -45%;
    right: -55px;
  }

  .left-arrow {
    top: -45%;
    left: -52px;
  }

  .pdf-link-block {
    margin-top: 0;
    margin-left: 0;
    padding-top: 12px;
    padding-bottom: 9px;
  }

  .column-no-pad {
    text-align: center;
  }

  .div-block-30 {
    padding-bottom: 50%;
  }

  .div-block-32 {
    margin-bottom: 20px;
  }

  .columns-10 {
    margin-bottom: 0;
  }

  .list-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .columns-11 {
    display: block;
  }

  .column-25 {
    margin-top: 40px;
    display: block;
    position: relative;
  }

  .column-26 {
    flex: 0 auto;
    padding-right: 0;
    display: block;
  }

  .plant-profile-list {
    padding-left: 0;
  }

  .html-embed {
    width: 100%;
  }

  .list-item-33, .list-item-34, .list-item-35 {
    text-align: left;
  }

  .container-7 {
    align-items: center;
  }

  .column-34 {
    text-align: center;
    margin-bottom: 30px;
    display: block;
  }

  .section-3 {
    margin-top: -62px;
  }

  .bold-text-22 {
    padding-top: 0;
  }

  .heading-19 {
    text-align: center;
  }

  .container-trp {
    padding-left: 58px;
    padding-right: 58px;
  }

  .column-41 {
    align-items: stretch;
    margin-bottom: 20px;
  }

  .column-42, .column-43 {
    margin-bottom: 20px;
  }

  .heading-21 {
    margin-top: 20px;
  }

  .button-6 {
    text-align: left;
    display: inline-block;
  }

  .heading-24 {
    text-align: center;
    padding-left: 0;
  }

  .heading-25 {
    margin-bottom: 20px;
  }

  .paragraph-26 {
    text-align: center;
  }

  .section-8 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-12 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-18, .column-45 {
    margin-top: 0;
  }

  .heading-30, .paragraph-29 {
    text-align: center;
  }

  .column-47 {
    margin-bottom: 40px;
  }

  .div-block-36 {
    height: auto;
    margin-bottom: 131px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .container-15 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .image-46, .image-47, .image-48, .image-49, .image-50, .image-51 {
    align-self: center;
    max-width: 70%;
  }

  .container-16, .container-17 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-52 {
    max-width: 70%;
    display: inline-block;
  }

  .column-49 {
    text-align: center;
    display: block;
  }

  .column-50 {
    text-align: center;
  }

  .columns-24 {
    flex-direction: row;
    justify-content: flex-start;
    display: flex;
  }

  .column-51 {
    text-align: center;
    align-self: flex-start;
    display: none;
  }

  .columns-26 {
    display: flex;
  }

  .column-53 {
    text-align: center;
    margin-bottom: 30px;
    display: block;
  }

  .column-54, .column-55, .column-56, .column-57, .column-58, .column-59 {
    text-align: center;
    margin-bottom: 30px;
  }

  .image-53 {
    text-align: center;
  }

  .column-61 {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .column-62, .column-63, .column-64 {
    margin-bottom: 40px;
  }

  .column-65 {
    margin-bottom: 18px;
  }

  .image-55, .image-56, .image-57, .image-58, .image-59, .image-60, .image-61 {
    margin-bottom: 20px;
  }

  .flow-m-reb_p_container, .container-19 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-head-hp1, .section-body-bottom-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-bottom-hp1.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-bottom-hp1.bkgd-grey, .section-body-bottom-hp1.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-bottom-hp1.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-bottom-hp1.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .btn-blue-md-turfrpl-prgrm-1 {
    text-align: center;
    min-width: 350px;
  }

  .section-blue-bttns-1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-blue-bttns-1.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-blue-bttns-1.bkgd-grey, .section-blue-bttns-1.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-blue-bttns-1.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-blue-bttns-1.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .btn-prpl-lg-trp1 {
    text-align: center;
    min-width: 350px;
    margin-top: 40px;
  }

  .section-body-p-trp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-p-trp1.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-p-trp1.bkgd-grey, .section-body-p-trp1.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-p-trp1.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-p-trp1.bkgd-grey-hp1, .section-head-trp1, .section-body-trp-3 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-trp-3.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-trp-3.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-trp-3.bkgd-green {
    padding-bottom: 25px;
  }

  .section-body-trp-3.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-trp-3.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-trp-3.bkgd-grey-hp1, .heading-lg-purple-trp-1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .list-trp-1 {
    padding-left: 19px;
    padding-right: 19px;
  }

  .heading-md-purple-3 {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-_flp-trp-1 {
    padding-left: 58px;
    padding-right: 58px;
  }

  .introduction-pp-hp1 {
    margin-top: 109px;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 18px;
  }

  .bluebttn-trp {
    margin-left: 0;
  }

  .div-block-40 {
    display: inline-block;
  }

  .list-16-trp-blue-bttns_2 {
    width: 100%;
  }

  .paragraph--trp-4 {
    margin-bottom: 0;
  }

  .column-66 {
    margin-bottom: 18px;
    display: block;
  }

  .list-item-37, .list-item-38, .list-item-39, .list-item-40 {
    text-align: left;
    list-style-type: disc;
  }

  .list-trp-12 {
    text-align: left;
    width: 200px;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .list-8-copy {
    margin-bottom: 0;
  }

  .list-trp-13 {
    width: 200px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .column-67 {
    text-align: center;
    display: block;
  }

  .columns-65-66-67 {
    text-align: center;
    margin-bottom: 20px;
    display: block;
  }

  .heading_flp-trp-123 {
    width: 100%;
    padding-left: 55px;
    padding-right: 55px;
  }

  .list_logos {
    padding-left: 0;
    list-style-type: none;
  }

  .list-item-logo {
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .section-body-tlkt-2 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-2.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-tlkt-2.bkgd-grey, .section-body-tlkt-2.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-2.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-tlkt-2.bkgd-grey-hp1, .section-body-tlkt-3 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-3.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-tlkt-3.bkgd-grey, .section-body-tlkt-3.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-3.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-tlkt-3.bkgd-grey-hp1, .section-body-tlkt-4 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-4.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-tlkt-4.bkgd-grey, .section-body-tlkt-4.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-4.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-tlkt-4.bkgd-grey-hp1, .section-body-tlkt-5 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-5.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-tlkt-5.bkgd-grey, .section-body-tlkt-5.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-5.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-tlkt-5.bkgd-grey-hp1, .section-body-tlkt-6 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-6.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-tlkt-6.bkgd-grey, .section-body-tlkt-6.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-6.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-tlkt-6.bkgd-grey-hp1, .section-head-tlkt-1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .column-68, .column-69, .column-70 {
    text-align: center;
  }

  .page-head-p-1-wst {
    margin-left: 73px;
    margin-right: 73px;
  }

  .columns-wst {
    padding-left: 0;
    padding-right: 0;
  }

  .gray-div {
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 66px;
    padding-right: 66px;
  }

  .div-block-36-2 {
    height: auto;
    margin-bottom: -3px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .column-check-wst, .gip-section-headings {
    text-align: center;
  }

  .section-head-gip, .heading-lg-purple-gip {
    padding-left: 5%;
    padding-right: 5%;
  }

  .hero-heading-text-gip {
    margin-top: 18%;
  }

  .div-caption-gip {
    margin-top: 50%;
  }

  .section-main-cfp {
    background-image: url('../images/Screenshot-2023-06-06-at-4.42.29-PM.png');
  }

  .div-airplane {
    margin-top: 52px;
    margin-right: 0;
  }

  .image-airplane {
    min-width: 250px;
  }

  .paragraph--cfp-1 {
    margin-bottom: 837px;
  }

  .heading-1-cfp {
    margin-top: 95px;
  }

  .columns-gallery-cfp {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .div-bg-frame-cfp {
    width: 200px;
    height: 300px;
  }

  .div-bg-frame-cfp-8 {
    width: 200px;
  }

  .div-bg-list-frame-cfp {
    height: 350px;
  }

  .columns-ec {
    text-align: center;
  }

  .section-head-wsip {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-tigs {
    padding-left: 30px;
    padding-right: 30px;
  }

  .column-74 {
    display: flex;
    position: static;
  }

  .column-cfp-1 {
    justify-content: center;
    margin-top: 20px;
    display: flex;
    position: static;
  }

  .column-75 {
    padding-left: 59px;
    padding-right: 59px;
  }

  .column-76 {
    padding-left: 174px;
    padding-right: 174px;
  }

  .gray-div-1, .gray-div-2 {
    height: auto;
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 66px;
    padding-right: 66px;
  }

  .columns-wst-check-1 {
    margin-top: 0;
  }

  .heading-grn-float-sm-materials {
    color: #fff;
    background-color: #00000036;
    justify-content: center;
    align-items: center;
    height: 150px;
    margin-top: 0;
    font-size: 30px;
    line-height: 34px;
    display: flex;
  }

  .div-block-45, .div-img-01, .div-img-toolkit {
    height: 400px;
  }

  .bold-text-41 {
    text-align: left;
  }

  .col1-fmrpp {
    text-align: center;
    margin-bottom: 40px;
    display: block;
  }

  .col2-fmrpp {
    text-align: center;
  }

  .columns-owah {
    flex-direction: column;
    display: flex;
  }

  .p-reg {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .p-reg h2 {
    text-align: center;
  }

  .list-item-wuet {
    width: 50%;
    list-style-type: none;
    display: inline;
  }

  .section-body-def {
    margin-bottom: 11px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-def.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-def.bkgd-grey, .section-body-def.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-def.flow-monitor-prog {
    background-position: 140%;
  }

  .section-body-def.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-def.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-def.bkgd-grey-education {
    padding: 47px 5% 67px;
  }

  .section-body-def.bkgd-grey-wateringindex {
    padding-left: 5%;
    padding-right: 5%;
  }

  .columns-gallery-def {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .div-bg-frame-def {
    width: 200px;
    height: auto;
  }

  .column-def-1, .column-cfp-1-copy {
    justify-content: center;
    margin-top: 20px;
    display: flex;
    position: static;
  }

  .div-bg-frame-cfp-copy {
    width: 200px;
    height: 300px;
  }

  .text-block-types {
    margin-top: 23px;
    padding-left: 0;
  }

  .text-block-types h2 {
    text-align: left;
  }

  .ca-friendly-book-text-block_1 {
    margin-top: 0;
    margin-bottom: 9px;
    padding-left: 0;
  }

  .ca-friendly-book-text-block_1 h2 {
    text-align: left;
  }

  .paragraph--disclaimer {
    margin-left: 58px;
    margin-right: 58px;
  }

  .column-77 {
    margin-bottom: 20px;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .columns-la-trp-3 {
    margin-top: 20px;
    display: block;
  }

  .tree-rebate-intro {
    padding-left: 40px;
    padding-right: 40px;
  }

  .tr-section-2 {
    margin-top: -6px;
  }

  .what-not-to-plant_section, .tr-resources {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-bg-frame-tr {
    width: 200px;
    height: 230px;
  }

  .columns-gallery-tr {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .column-tr-1 {
    justify-content: center;
    margin-top: 20px;
    display: flex;
    position: static;
  }

  .tr-section1 {
    background-position: 100%;
    padding-bottom: 0%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .tr-section3 {
    background-position: 20% 0;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .image-70 {
    margin-top: -127px;
  }

  .section-body-trp-5 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-trp-5.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-trp-5.bkgd-grey {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-trp-5.bkgd-green {
    padding-bottom: 25px;
  }

  .section-body-trp-5.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-trp-5.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .section-body-trp-5.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .list-17 {
    padding-left: 56px;
  }

  .div-block-hero1, .div-block-hero-2 {
    padding-bottom: 50%;
  }

  .column-24-copy, .ytrr-column-2 {
    padding-left: 0;
  }

  .ytrr-section-lists {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ytrr-section-lists.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .ytrr-section-lists.bkgd-grey, .ytrr-section-lists.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ytrr-section-lists.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .ytrr-section-lists.bkgd-grey-hp1, .ytrr-section-head {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ytrr-section-head.bkgd-purple {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .ytrr-section-head.bkgd-grey, .ytrr-section-head.bkgd-res-rebates {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ytrr-section-head.flow-monitor-prog {
    background-position: 140%;
  }

  .ytrr-section-head.bkgd-purple-hp1 {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .ytrr-section-head.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ytrr-section-head.bkgd-grey-education {
    padding: 47px 5% 67px;
  }

  .ytrr-section-head.bkgd-grey-wateringindex, .ytrr-section-body-1, .ytrr-section-body-2 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-hero-3 {
    padding-bottom: 50%;
  }

  .ytrr-column-3 {
    padding-left: 0;
  }

  .wr-column-1 {
    padding-right: 0;
  }

  .wr-column-2, .wr-column-3 {
    padding-left: 0;
  }

  .outreach-slider {
    min-width: auto;
    min-height: auto;
  }

  .one-water {
    background-position: 50% 49%;
    background-size: 250%;
  }

  .sub-title-ow {
    font-size: 28px;
  }

  .paragraph-1--ow {
    width: 90%;
  }

  .section-head-ow, .heading-lg-purple-ow {
    padding-left: 5%;
    padding-right: 5%;
  }

  .sub-heading-lg-purple-ow-copy {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .image-71 {
    width: 100%;
    max-width: 300px;
    margin-top: 68px;
  }

  .section-head_icp {
    padding-left: 5%;
    padding-right: 5%;
  }
}

@media screen and (max-width: 479px) {
  .nav {
    height: 100px;
  }

  .introduction-pp {
    margin-top: 22px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .two-btn-list {
    min-width: 100%;
  }

  .btn-grn-xl {
    width: 100%;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .two-btn-list-item {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 0;
    display: block;
  }

  .rebate-icon {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .div-block {
    margin-left: 10%;
    margin-right: 10%;
  }

  .btn-grn-xlg {
    min-width: 100%;
    max-width: 100%;
    padding-left: 20%;
    padding-right: 20%;
  }

  .footer-list-bottom {
    padding-left: 5%;
    padding-right: 5%;
  }

  .social-icon {
    text-align: center;
    width: 50px;
  }

  .btn-blue-lg {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .btn-blue-lg.wes-bttn, .btn-blue-lg.flowmon-bttn {
    margin-top: 0;
  }

  .click-banner {
    top: 42%;
    bottom: auto;
  }

  .section-head {
    padding-left: 5%;
    padding-right: 5%;
  }

  .header-nav {
    width: 30%;
  }

  .btn-menu {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .btn-language {
    display: none;
  }

  .header-nav-menu {
    width: 20%;
  }

  .btn-language-sm {
    float: left;
    text-align: right;
    margin-left: 6px;
  }

  .image-13 {
    text-align: right;
  }

  .link-block-5 {
    float: none;
    clear: none;
    text-align: right;
    width: auto;
    min-width: auto;
    text-decoration: none;
  }

  .menu-overlay {
    z-index: 12;
    background-color: #ffffffab;
    top: 100px;
  }

  .menu-block {
    margin-top: 0;
  }

  .menu-list-item-heading.menu-link-hide {
    display: none;
  }

  .nav-tree {
    font-size: 14px;
  }

  .nav-spacer {
    height: 100px;
  }

  .project-item {
    text-align: center;
  }

  .application-grid-content {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .application-grid-content p {
    text-align: center;
  }

  .btn-prpl-lg {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .page-head-p {
    padding-top: 0;
    padding-bottom: 0;
  }

  .classes-item {
    text-align: center;
    overflow: visible;
  }

  .classes-item h2 {
    text-align: center;
  }

  .classes-item p, .classes-item ul {
    text-align: left;
  }

  .hero-heading {
    justify-content: center;
    align-items: center;
    margin-top: 26px;
    font-size: 34px;
    line-height: 38px;
    display: block;
  }

  .heading-grn-float {
    color: var(--white);
    background-color: #0000;
    flex: 0 auto;
    align-self: center;
    margin-top: 0%;
    line-height: 32px;
    display: inline-block;
    top: auto;
  }

  .div-block-9 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 300px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .bold-text-5 {
    line-height: 0;
  }

  .heading-grn-float-sm {
    justify-content: center;
    align-items: center;
    height: 200px;
    display: flex;
  }

  ._365-list-item {
    width: 100%;
    padding-right: 0;
    display: block;
  }

  .btn-bluemd-2 {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .list-item-24 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .slider-rebates {
    justify-content: center;
    align-items: center;
    height: 300px;
    display: flex;
  }

  .appliance {
    background-position: 50%;
    width: 100%;
  }

  .btn-bluemd-3 {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .ca-friendly-book-text-block {
    padding-left: 0;
  }

  .ca-friendly-book-text-block h2 {
    display: block;
  }

  .grid-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading-md-purple-2 {
    text-align: left;
    padding-left: 12%;
    display: inline-block;
  }

  .first-steps-p {
    margin-bottom: 25px;
  }

  .first-steps-list {
    padding-left: 20px;
  }

  .drop-prpl-text {
    text-align: center;
    white-space: normal;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .drop-prpl-list.w--open {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero.home-hero {
    padding-bottom: 100%;
  }

  .hero.native-hero, .hero.classes-hero {
    justify-content: center;
    align-items: center;
    height: 300px;
    padding-bottom: 0%;
    display: flex;
  }

  .hero.grants-hero, .hero.videos-hero {
    padding-bottom: 100%;
  }

  .section-body {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body.bkgd-ca-natives, .section-body.bkgd-grey, .section-body.bkgd-green {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body.flow-monitor-prog {
    background-image: linear-gradient(#0000, #0000);
    margin-bottom: 36px;
    padding-top: 228px;
    display: inline;
  }

  .section-body.bkgd-ca-natives-hp1, .section-body.bkgd-grey-hp1, .section-body.bkgd-grey-education {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body.bkgd-grey-wateringindex {
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .h1 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
    line-height: 38px;
  }

  .h1.blue-text.flow-monitor-prog-title {
    text-align: center;
    margin-bottom: 37px;
  }

  .transparent-box {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .h2 {
    text-align: left;
  }

  .body-text.rebates-p {
    margin-left: 10px;
    margin-right: 10px;
  }

  .column-6 {
    padding-bottom: 16px;
  }

  .column-nav {
    display: block;
  }

  .menu-btn {
    height: auto;
    margin-left: 10px;
    padding: 4px 16px;
    display: inline;
  }

  .text-block-23 {
    display: none;
  }

  .btn-grn-sm {
    width: 100%;
    min-width: 0;
    margin-left: 0%;
    margin-right: 0%;
    display: block;
  }

  .column-17 {
    padding-right: 10px;
  }

  .column-20 {
    background-image: url('../images/california-friendly-gardening-materials-crop-u3155.jpg');
    background-size: cover;
  }

  .anchor-div {
    height: 0;
    top: -100px;
  }

  .page-head-p-left {
    text-align: center;
  }

  .page-head-p-left.important {
    text-align: left;
  }

  .click-banner-home {
    width: 80%;
    margin-top: -71px;
    margin-left: 10%;
    display: none;
    top: 42%;
    bottom: auto;
  }

  .slide-nav {
    padding-top: 20px;
  }

  .div-block-30 {
    padding-bottom: 100%;
  }

  .list-10 {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-10 {
    text-align: left;
  }

  .paragraph-11 {
    text-align: center;
  }

  .columns-11 {
    flex-direction: row;
    display: block;
  }

  .column-26 {
    flex: 0 auto;
    padding-right: 0;
  }

  .plant-profile-list {
    padding-left: 0;
  }

  .mask-2 {
    flex: 1;
    align-self: auto;
  }

  .html-embed {
    text-align: left;
    width: 100%;
  }

  .paragraph-12 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .paragraph-16 {
    font-size: 22px;
    line-height: 25px;
  }

  .btn-mustard {
    align-self: center;
    width: auto;
    margin-right: 0;
    padding-right: 15px;
  }

  .container-7 {
    flex-flow: column;
    align-content: stretch;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .image-37 {
    max-width: 80%;
    margin-top: 30px;
  }

  .container-trp {
    padding-left: 16px;
    padding-right: 16px;
  }

  .column-41, .column-42, .column-43 {
    padding-left: 0;
    padding-right: 0;
  }

  .section-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-8 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-44 {
    text-align: center;
    margin-bottom: 20px;
  }

  .columns-18 {
    flex: 0 auto;
    width: 100%;
    max-width: 300px;
  }

  .div-block-36 {
    height: auto;
    margin-left: 12px;
    margin-right: 12px;
  }

  .heading-34 {
    text-align: center;
    line-height: 25px;
  }

  .button-12 {
    text-align: center;
  }

  .columns-19, .columns-20 {
    display: block;
  }

  .bold-text-24 {
    text-align: left;
  }

  .columns-21 {
    margin-top: 20px;
  }

  .image-46, .image-47, .image-48, .image-49, .image-50, .image-51 {
    max-width: 90%;
  }

  .container-16, .container-17 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-52 {
    max-width: 100%;
  }

  .columns-26 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .page-head-p-left-c, .page-head-p-left-c.important {
    text-align: left;
  }

  .page-head-p-left-copy.important, .page-head-p-left-ct, .page-head-p-left-ct.important {
    text-align: left;
  }

  .page-head-p-left-cl {
    text-align: center;
  }

  .page-head-p-left-cl.important {
    text-align: left;
  }

  .page-head-p-flowm {
    text-align: left;
    padding-left: 0%;
    padding-right: 0%;
  }

  .page-head-p-flowm.important {
    text-align: left;
  }

  .list-flowm-page {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-p-reg {
    text-align: center;
  }

  .page-p-reg.important {
    text-align: left;
  }

  .section-head-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-bottom-hp1 {
    margin-bottom: 0;
    padding: 0 5%;
  }

  .section-body-bottom-hp1.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body-bottom-hp1.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body-bottom-hp1.bkgd-ca-natives, .section-body-bottom-hp1.bkgd-grey, .section-body-bottom-hp1.bkgd-green, .section-body-bottom-hp1.bkgd-ca-natives-hp1, .section-body-bottom-hp1.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .btn-blue-md-turfrpl-prgrm-1 {
    min-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-blue-bttns-1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-blue-bttns-1.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-blue-bttns-1.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-blue-bttns-1.bkgd-ca-natives, .section-blue-bttns-1.bkgd-grey, .section-blue-bttns-1.bkgd-green, .section-blue-bttns-1.bkgd-ca-natives-hp1, .section-blue-bttns-1.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .btn-prpl-lg-trp1 {
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .section-body-p-trp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-p-trp1.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body-p-trp1.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body-p-trp1.bkgd-ca-natives, .section-body-p-trp1.bkgd-grey, .section-body-p-trp1.bkgd-green, .section-body-p-trp1.bkgd-ca-natives-hp1, .section-body-p-trp1.bkgd-grey-hp1, .section-head-trp1, .section-body-trp-3 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-trp-3.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body-trp-3.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body-trp-3.bkgd-ca-natives, .section-body-trp-3.bkgd-grey, .section-body-trp-3.bkgd-green, .section-body-trp-3.bkgd-ca-natives-hp1, .section-body-trp-3.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .heading-trp-02 {
    direction: ltr;
    text-transform: none;
    margin-bottom: 24px;
  }

  .list-trp-1 {
    padding-left: 23px;
    padding-right: 23px;
  }

  .slider-trp-1 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    display: flex;
  }

  .bbb, .address-link-trp-1 {
    display: inline;
  }

  .introduction-pp-hp1 {
    margin-top: 35px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .footer-3-list {
    margin-left: 30px;
    margin-right: 30px;
  }

  .footer-3-list-item, .footer-3-list-item.footer-list-item-center {
    padding-left: 0%;
    padding-right: 0%;
  }

  .div-block-40 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .list-16-trp-blue-bttns_2 {
    width: 100%;
  }

  .bold-text-39 {
    font-size: 40px;
    line-height: 40px;
  }

  .list-trp-12, .list-trp-13 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .list-item-logo {
    padding-left: 23px;
    padding-right: 23px;
  }

  .small-video-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-body-tlkt-2 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-2.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body-tlkt-2.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body-tlkt-2.bkgd-ca-natives, .section-body-tlkt-2.bkgd-grey, .section-body-tlkt-2.bkgd-green, .section-body-tlkt-2.bkgd-ca-natives-hp1, .section-body-tlkt-2.bkgd-grey-hp1, .section-body-tlkt-3 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-3.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body-tlkt-3.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body-tlkt-3.bkgd-ca-natives, .section-body-tlkt-3.bkgd-grey, .section-body-tlkt-3.bkgd-green, .section-body-tlkt-3.bkgd-ca-natives-hp1, .section-body-tlkt-3.bkgd-grey-hp1, .section-body-tlkt-4 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-4.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body-tlkt-4.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body-tlkt-4.bkgd-ca-natives, .section-body-tlkt-4.bkgd-grey, .section-body-tlkt-4.bkgd-green, .section-body-tlkt-4.bkgd-ca-natives-hp1, .section-body-tlkt-4.bkgd-grey-hp1, .section-body-tlkt-5 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-5.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body-tlkt-5.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body-tlkt-5.bkgd-ca-natives, .section-body-tlkt-5.bkgd-grey, .section-body-tlkt-5.bkgd-green, .section-body-tlkt-5.bkgd-ca-natives-hp1, .section-body-tlkt-5.bkgd-grey-hp1, .section-body-tlkt-6 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-tlkt-6.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body-tlkt-6.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body-tlkt-6.bkgd-ca-natives, .section-body-tlkt-6.bkgd-grey, .section-body-tlkt-6.bkgd-green, .section-body-tlkt-6.bkgd-ca-natives-hp1, .section-body-tlkt-6.bkgd-grey-hp1, .section-head-tlkt-1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .page-head-p-1-tlkt {
    padding-top: 0;
    padding-bottom: 0;
  }

  .page-head-p-left-puw, .page-head-p-left-puw.important {
    text-align: left;
  }

  .page-head-p-left-copy {
    text-align: center;
  }

  .page-head-p-left-copy.important {
    text-align: left;
  }

  .page-p-left-puw {
    text-align: center;
  }

  .page-p-left-puw.important {
    text-align: left;
  }

  .page-head-p-left-wsi {
    text-align: center;
  }

  .page-head-p-left-wsi.important {
    text-align: left;
  }

  .page-head-p-1-wst {
    margin-top: 39px;
    margin-left: 25px;
    margin-right: 25px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .gray-div {
    margin-left: 12px;
    margin-right: 12px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .div-block-36-2 {
    height: auto;
    margin-left: 12px;
    margin-right: 12px;
  }

  .column-73, .column-check-wst, .gip-section-headings {
    text-align: center;
  }

  .section-head-gip {
    padding-left: 5%;
    padding-right: 5%;
  }

  .page-head-p-left-gip, .page-head-p-left-gip.important {
    text-align: left;
  }

  .paragraph-caption-gip {
    text-align: left;
    max-width: 200px;
    display: none;
  }

  .hero-heading-text-gip {
    justify-content: center;
    align-items: center;
    margin-top: 26px;
    font-size: 34px;
    line-height: 38px;
    display: block;
  }

  .div-caption-gip {
    margin-top: 75%;
  }

  .section-main-cfp {
    background-image: url('../images/Screenshot-2023-06-06-at-4.42.29-PM.png');
  }

  .div-airplane {
    text-align: center;
    margin-top: -52px;
    padding-right: 0;
  }

  .image-airplane {
    max-width: 80%;
    margin-top: 30px;
  }

  .paragraph--cfp-1 {
    padding-left: 31px;
    padding-right: 31px;
  }

  .div-bg-list-frame-cfp {
    height: 500px;
  }

  .flower-1-cfp {
    max-width: 200px;
  }

  .page-head-p-ttfs, .page-head-p-osrp {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-head-wsip {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-tigs {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-head-p-left-ln {
    text-align: center;
  }

  .page-head-p-left-ln.important {
    text-align: left;
  }

  .column-76 {
    padding-left: 57px;
    padding-right: 57px;
  }

  .gray-div-1, .gray-div-2 {
    height: auto;
    margin-left: 12px;
    margin-right: 12px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .heading-grn-float-sm-materials {
    justify-content: center;
    align-items: center;
    height: 200px;
    margin-top: 0;
    display: flex;
  }

  .div-block-45, .div-img-01, .div-img-toolkit {
    height: 250px;
  }

  .bold-text-41 {
    text-align: right;
  }

  .column-owah {
    text-align: center;
    margin-bottom: 20px;
  }

  .columns-owah {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .p-reg {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .p-reg h2 {
    display: block;
  }

  .list-item-wuet {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .section-body-def {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-def.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body-def.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body-def.bkgd-ca-natives, .section-body-def.bkgd-grey, .section-body-def.bkgd-green {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-def.flow-monitor-prog {
    background-image: linear-gradient(#0000, #0000);
    margin-bottom: 36px;
    padding-top: 228px;
    display: inline;
  }

  .section-body-def.bkgd-ca-natives-hp1, .section-body-def.bkgd-grey-hp1, .section-body-def.bkgd-grey-education {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-def.bkgd-grey-wateringindex {
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-bg-frame-def {
    height: auto;
  }

  .icon {
    margin-top: 160px;
  }

  .icon-2 {
    margin-top: 160px;
    margin-left: 16px;
  }

  .text-block-types {
    padding-left: 0;
  }

  .text-block-types h2 {
    display: block;
  }

  .ca-friendly-book-text-block_1 {
    padding-left: 0;
  }

  .ca-friendly-book-text-block_1 h2 {
    display: block;
  }

  .paragraph--disclaimer {
    margin-left: 37px;
    margin-right: 37px;
  }

  .bold-text-43 {
    display: inline;
  }

  .tree-rebate-p {
    text-align: left;
    padding-left: 0%;
    padding-right: 0%;
  }

  .tree-rebate-p.important {
    text-align: left;
  }

  .tree-rebate-list {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-p-reg-copy {
    text-align: center;
  }

  .page-p-reg-copy.important {
    text-align: left;
  }

  .tree-rebate-p-center {
    text-align: left;
    padding-left: 0%;
    padding-right: 0%;
  }

  .tree-rebate-p-center.important {
    text-align: left;
  }

  .tr-section-2 {
    margin-top: 15px;
  }

  .tr-p-title {
    text-align: left;
    padding-left: 0%;
    padding-right: 0%;
  }

  .tr-p-title.important {
    text-align: left;
  }

  .tree-rebate-p-list {
    text-align: left;
    padding-left: 0%;
    padding-right: 0%;
  }

  .tree-rebate-p-list.important {
    text-align: left;
  }

  .tr-section1 {
    background-image: url('../images/treesbg.svg');
    background-position: 15% 0;
    background-size: cover;
    padding-bottom: 0%;
  }

  .tr-section3 {
    background-position: 82% 0;
    padding-bottom: 5%;
  }

  .image-70 {
    margin-top: -91px;
  }

  .trp_intro {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-body-trp-5 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section-body-trp-5.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .section-body-trp-5.bkgd-blue.blue-bar {
    height: 0;
  }

  .section-body-trp-5.bkgd-ca-natives, .section-body-trp-5.bkgd-grey, .section-body-trp-5.bkgd-green, .section-body-trp-5.bkgd-ca-natives-hp1, .section-body-trp-5.bkgd-grey-hp1 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .list-17 {
    padding-left: 48px;
  }

  .paragraph-222 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-hero1, .div-block-hero-2 {
    padding-bottom: 100%;
  }

  .ytrr-list_pre {
    padding-left: 20px;
  }

  .ytrr-section-lists {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ytrr-section-lists.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .ytrr-section-lists.bkgd-blue.blue-bar {
    height: 0;
  }

  .ytrr-section-lists.bkgd-ca-natives, .ytrr-section-lists.bkgd-grey, .ytrr-section-lists.bkgd-green, .ytrr-section-lists.bkgd-ca-natives-hp1, .ytrr-section-lists.bkgd-grey-hp1, .ytrr-section-head {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ytrr-section-head.bkgd-blue {
    justify-content: center;
    align-items: center;
    padding-left: 0%;
    padding-right: 0%;
    display: block;
  }

  .ytrr-section-head.bkgd-blue.blue-bar {
    height: 0;
  }

  .ytrr-section-head.bkgd-ca-natives, .ytrr-section-head.bkgd-grey, .ytrr-section-head.bkgd-green {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ytrr-section-head.flow-monitor-prog {
    background-image: linear-gradient(#0000, #0000);
    margin-bottom: 36px;
    padding-top: 228px;
    display: inline;
  }

  .ytrr-section-head.bkgd-ca-natives-hp1, .ytrr-section-head.bkgd-grey-hp1, .ytrr-section-head.bkgd-grey-education {
    padding-left: 5%;
    padding-right: 5%;
  }

  .ytrr-section-head.bkgd-grey-wateringindex {
    padding-bottom: 0;
    padding-left: 5%;
    padding-right: 5%;
  }

  .ytrr-section-body-1, .ytrr-section-body-2 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .div-block-hero-3 {
    padding-bottom: 100%;
  }

  .outreach-slider {
    display: none;
  }

  .one-water {
    background-position: 50%;
    background-size: 350%;
    width: 100%;
  }

  .bold-text-ow {
    line-height: 25px;
  }

  .paragraph-ow {
    font-size: 22px;
    line-height: 25px;
  }

  .sub-title-ow {
    font-size: 25px;
    line-height: 25px;
  }

  .paragraph-1--ow {
    width: 90%;
  }

  .sub-title-ow---2 {
    font-size: 30px;
    line-height: 25px;
  }

  .mask-ow {
    flex: 1;
    align-self: auto;
  }

  .section-head-ow {
    padding-left: 5%;
    padding-right: 5%;
  }

  .nav-tree-ow {
    font-size: 14px;
  }

  .sub-heading-lg-purple-ow-copy {
    line-height: 18px;
  }

  .image-71 {
    width: 100%;
    max-width: 250px;
    margin-top: 86px;
  }

  .section-head_icp {
    padding-left: 5%;
    padding-right: 5%;
  }
}