.landing-black {
  color: #333333;
}

.landing-white {
  color: white;
}

.landing-red {
  color: #ff5451;
}

.landing-grey {
  color: #555555;
}

.landing-blue {
  color: #75BEE9;
}

.landing-purple {
  color: #461d7c;
}

.landing-yellow {
  color: #FDD023;
}

.landing-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 45px;
}

.landing-title__biggerfont {
  font-size: 45px;
}

.landing-subtitle {
  font-size: 28px;
  line-height: 35px;
}

.landing-subtitle__smallerfont {
  font-size: 24px;
}

.landing-textwithline {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 50px;
}

.landing-textwithline hr {
  border-top: 2px solid #555555;
  margin: 10px 0;
}

.landing-jumbotron {
  align-items: center;
  display: flex;
  min-height: 700px;
  height: calc(100vh - 160px);
  position: relative;
}

.landing-jumbotron:before, .landing-jumbotron:after {
  display: none;
}

.landing-jumbotron__fullheight {
  height: 100vh;
}

@media (max-width: 1199px) {
  .landing-jumbotron {
    height: auto;
    min-height: auto;
    padding: 60px 0;
  }
}

.landing-jumbotron-background {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (max-width: 991px) {
  .landing-jumbotron-background:before {
    background-color: black;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.landing-jumbotron-background__darklayer:before {
  background: radial-gradient(farthest-corner at 0 0, #000 0, transparent 80%);
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (max-width: 991px) {
  .landing-jumbotron-background__darklayer:before {
    background-color: black;
  }
}

.landing-jumbotron-content {
  padding-top: 275px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .landing-jumbotron-content {
    padding-top: 75px;
  }
}

@media (max-width: 767px) {
  .landing-jumbotron-content {
    padding-top: 200px;
  }
}

.landing-jumbotron-content__nopadding {
  padding-top: 0;
}

.landing-jumbotron-logo {
  margin-bottom: 100px;
}

.landing-jumbotron-title, .landing-jumbotron .common-title {
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -1px;
  line-height: 50.4px;
}

@media (max-width: 767px) {
  .landing-jumbotron-title, .landing-jumbotron .common-title {
    font-size: 40px;
  }
}

@media (max-width: 480px) {
  .landing-jumbotron-title, .landing-jumbotron .common-title {
    font-size: 36px;
  }
}

.landing-jumbotron-title__redcolor, .landing-jumbotron .common-title__redcolor {
  color: #ff5451;
  font-weight: 400;
}

.landing-jumbotron-subtitle, .landing-jumbotron .common-subtitle {
  font-size: 28px;
  line-height: 35px;
}

.landing-offer-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid white;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  height: 248px;
  max-width: 248px;
  width: 100%;
}

@media (max-width: 1199px) {
  .landing-offer-image {
    height: 207.5px;
  }
}

@media (max-width: 991px) {
  .landing-offer-image {
    height: 248px;
  }
}

.landing-offer-titlebox {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  min-height: 90px;
}

.landing-offer-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 45px;
  margin-bottom: 0;
}

.landing-offer-description {
  color: white;
  font-size: 24px;
  line-height: 35px;
  margin-left: auto;
  margin-right: auto;
  max-width: 85%;
}

@media (max-width: 991px) {
  .landing-offer-description {
    margin-bottom: 70px;
  }
}

.landing-splitbox {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .landing-splitbox {
    flex-direction: row;
    margin-bottom: 50px;
  }
}

.landing-splitbox-title {
  align-items: center;
  background-color: white;
  color: #333333;
  display: flex;
  font-size: 18px;
  min-height: 162px;
  padding: 15px;
  text-align: center;
  width: 100%;
}

@media (max-width: 991px) {
  .landing-splitbox-title {
    justify-content: center;
    width: 50%;
  }
}

.landing-splitbox-image {
  background-position: center center;
  background-size: cover;
  height: 252px;
  width: 100%;
}

@media (max-width: 991px) {
  .landing-splitbox-image {
    width: 50%;
  }
}

.landing-splitbox__altversion .landing-splitbox-title {
  order: 1;
}

.landing-splitbox__altversion .landing-splitbox-image {
  order: 0;
}

.landing-splitbox__red .landing-splitbox-title {
  background-color: #ff5451;
  color: white;
}

.landing-splitbox__blue .landing-splitbox-title, .landing-splitbox__unf .landing-splitbox-title, .landing-splitbox__usd .landing-splitbox-title {
  background-color: #002D72;
  color: white;
}

.landing-splitbox__dark-blue .landing-splitbox-title {
  background-color: #002D72;
  color: white;
}

.landing-splitbox__light-blue .landing-splitbox-title {
  background-color: #75BEE9;
  color: white;
}

.landing-splitbox__purple .landing-splitbox-title, .landing-splitbox__lsu .landing-splitbox-title {
  background-color: #461d7c;
  color: #FDD023;
}

.landing-splitbox__green .landing-splitbox-title, .landing-splitbox__calpoly .landing-splitbox-title {
  background-color: #154734;
  color: white;
}

.landing-backgroundsection {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.landing-splitsection {
  background-color: white;
  color: #333333;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.landing-splitsection-background {
  background-size: cover;
  background-position: center right;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 55%;
}

@media (max-width: 991px) {
  .landing-splitsection-background {
    background-size: cover;
    background-position: top right;
    margin-bottom: 50px;
    max-height: 400px;
    padding-bottom: 52%;
    width: 100%;
    position: relative;
  }
}

.landing-splitsection-content {
  max-width: 375px;
}

@media (max-width: 991px) {
  .landing-splitsection-content {
    max-width: 100%;
  }
}

.landing-button {
  background-color: #461d7c;
  border: 0;
  border-radius: 2px;
  color: #FDD023;
  display: inline-block;
  font-size: 16px;
  margin-bottom: 50px;
  min-height: 44px;
  line-height: 44px;
  padding: 0 20px;
  text-align: center;
  width: auto;
}

.landing-button:hover {
  background-color: #3a1867;
  color: #FDD023;
}

@media (max-width: 767px) {
  .landing-button {
    width: 100%;
  }
}

@media (max-width: 479px) {
  .landing-button {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.landing-form {
  bottom: 0;
  left: 0;
  max-height: 100vh;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 12;
}

.landing-form.open {
  max-height: 2000px;
  pointer-events: all;
  opacity: 1;
  overflow-y: auto;
}

.landing-form-closebutton {
  background-color: transparent;
  border: 0;
  color: white;
  cursor: pointer;
  float: right;
  font-size: 30px;
  margin-right: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: -44px;
}

.landing-form-closebutton:focus, .landing-form-closebutton:active:focus {
  box-shadow: none;
  outline: 0;
}

.landing-form-container {
  position: relative;
  z-index: 10;
}

.landing-form-backdrop {
  background-color: rgba(51, 51, 51, 0.7);
  text-align: center;
}

.landing-form-backdrop:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -8px;
}

.landing-form-backdrop.open {
  max-height: 2000px;
  pointer-events: all;
  opacity: 1;
  overflow-y: auto;
}

.landing-form-box {
  background-color: transparent;
  display: inline-block;
  margin: 74px auto 30px;
  max-width: 800px;
  position: relative;
  text-align: left;
  width: 100%;
  vertical-align: middle;
}

.landing-form-box-content {
  background-image: url("../assets/images/modal-background-1.png");
  background-position: -35% calc(100% - 15px);
  background-repeat: no-repeat;
  background-size: auto;
  background-color: #EFF3F6;
  float: left;
  min-height: 474px;
  padding: 80px 15px 100px;
  width: 100%;
}

.landing-form-box-content.success {
  background-image: url("../assets/images/modal-background-2.png");
  display: none;
}

@media (max-width: 767px) {
  .landing-form-box-content.success {
    background-image: none;
  }
}

@media (max-width: 767px) {
  .landing-form-box-content {
    background-image: none;
  }
}

.landing-form-box-title {
  color: #75BEE9;
  font-size: 50px;
  margin-bottom: 60px;
}

.landing-form-box-row {
  padding-left: 34px;
  padding-right: 34px;
  position: relative;
  text-align: center;
}

.landing-form-box .no-list {
  list-style-type: none;
  margin-bottom: 15px;
  padding-left: 0;
}

.landing-form-box .hbspt-form {
  max-width: 350px;
  margin: 0 auto;
}

.landing-form-box .form-columns-1 .field .input {
  margin-right: 0;
}

@media (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
  .landing-form-box .form-columns-2 .field .input {
    margin-right: 0;
  }
}

.landing-form-box .form-columns-2 .field:last-child .input {
  margin-right: 0;
}

.landing-form-box .submitted-message {
  color: #333333;
  font-size: 28px;
  line-height: 35px;
  text-align: center;
}

.landing-form-box .field, .landing-form-box .hs_error_rollup, .landing-form-box .hs-submit {
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
}

.landing-form-box .field, .landing-form-box .hs_error_rollup {
  text-align: left;
}

.landing-form-box .hs-submit {
  text-align: center;
}

.landing-form-box-input, .landing-form-box input[type='text'], .landing-form-box input[type='email'], .landing-form-box input[type='tel'], .landing-form-box select {
  background-color: white;
  border-radius: 2px;
  border: 1px solid transparent;
  box-sizing: border-box;
  color: #333333;
  display: block;
  height: 42px;
  line-height: 42px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  max-width: 350px;
  padding: 0 12px;
  width: 100%;
}

.landing-form-box-input:focus, .landing-form-box input[type='text']:focus, .landing-form-box input[type='email']:focus, .landing-form-box input[type='tel']:focus, .landing-form-box select:focus {
  border-color: #333333;
  outline: 0;
}

.landing-form-box input[type='submit'] {
  margin-top: 5px;
  width: 100%;
}

.landing-form-box-button, .landing-form-box .hs-button {
  border: 0;
  font-weight: 700;
  height: 44px;
  margin-bottom: 0;
  margin-top: 5px;
  max-width: 350px;
  transition: background-color .3s ease, color .3s ease;
  width: 100%;
}

.landing-form .inputs-list {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 5px;
  padding-left: 0;
}

.landing-form .inputs-list label {
  margin-bottom: 5px;
}

.landing-form .inputs-list label.hs-error-msg {
  color: #707070;
  margin-bottom: 15px;
}

.landing-form .inputs-list label input[type="radio"], .landing-form .inputs-list label input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.landing-form .inputs-list label > span {
  cursor: pointer;
  font-size: 14px;
  line-height: 1.3;
  user-select: none;
  position: relative;
  display: inline-block;
  padding-left: 22px;
}

.landing-form .inputs-list label > span:before, .landing-form .inputs-list label > span:after {
  position: absolute;
  content: "";
  display: inline-block;
}

.landing-form .inputs-list label > span:before {
  background-color: #EFF3F6;
  border: 1px solid #86939E;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  left: 0px;
  top: 0px;
}

.landing-form .inputs-list label > span:after {
  height: 5px;
  width: 9px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(-45deg);
  left: 4px;
  top: 5px;
}

.landing-form .inputs-list label input[type="radio"] + span:after, .landing-form .inputs-list label input[type="checkbox"] + span:after {
  content: none;
}

.landing-form .inputs-list label input[type="radio"]:checked + span::after, .landing-form .inputs-list label input[type="checkbox"]:checked + span::after {
  content: "";
}

.landing-form .inputs-list label input[type="radio"]:focus + span::before, .landing-form .inputs-list label input[type="checkbox"]:focus + span::before {
  outline: #3b99fc auto 5px;
}

.landing-form .inputs-list label.hs-form-checkbox-display > span:before, .landing-form .inputs-list label.hs-form-booleancheckbox-display > span:before {
  border-radius: 2px;
}

.landing-referralform {
  border-radius: 6px;
  margin: 0 auto;
  max-width: 500px;
  overflow: hidden;
}

@media (max-width: 991px) {
  .landing-referralform {
    position: relative;
    overflow: unset;
    z-index: 0;
  }
}

@media (max-width: 991px) {
  .landing-referralform-start {
    color: #333333;
    position: relative;
  }
  .landing-referralform-start:before {
    background-color: white;
    content: '';
    height: 100%;
    left: -50%;
    position: absolute;
    top: 0;
    width: 200vw;
    z-index: -1;
  }
}

.landing-referralform-finish {
  text-align: center;
}

@media (max-width: 991px) {
  .landing-referralform-finish {
    background-color: white;
    color: #333333;
    position: relative;
    text-align: left;
  }
  .landing-referralform-finish:before {
    background-color: #333333;
    content: '';
    height: 100%;
    left: -50%;
    position: absolute;
    top: 0;
    width: 200vw;
    z-index: -1;
  }
}

.landing-referralform-header {
  align-items: center;
  background-color: #461d7c;
  color: white;
  display: flex;
  flex-wrap: wrap;
  font-size: 27px;
  font-weight: 700;
  justify-content: center;
  min-height: 93px;
  padding: 10px 40px;
  text-align: center;
}

@media (max-width: 991px) {
  .landing-referralform-header {
    background-color: #461d7c;
    color: white;
    justify-content: flex-start;
    padding: 10px 15px;
    position: relative;
    text-align: left;
    top: -40px;
  }
  .landing-referralform-header:before {
    background-color: #461d7c;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 200vw;
    z-index: -1;
  }
}

@media (max-width: 991px) {
  .landing-referralform-headertext {
    max-width: 290px;
  }
}

.landing-referralform-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px;
  position: relative;
}

.landing-referralform-title:before {
  background-image: url("../assets/images/join-tag-red-1.svg");
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 26px;
  position: relative;
  top: -2px;
  width: 16px;
  vertical-align: middle;
}

.landing-referralform-title:after {
  background-image: url("../assets/images/join-tag-red-2.svg");
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  height: 26px;
  position: relative;
  top: -2px;
  width: 34px;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .landing-referralform-title {
    margin-bottom: 80px;
  }
}

.landing-referralform-icon {
  left: 5px;
  position: absolute;
  top: 15px;
}

@media (max-width: 991px) {
  .landing-referralform-icon {
    left: 200px;
    top: 35px;
    height: 170px;
  }
}

.landing-referralform-content {
  background-color: #333333;
  padding: 55px 55px;
  position: relative;
}

@media (max-width: 991px) {
  .landing-referralform-content {
    background-color: transparent;
    padding: 20px 0 85px;
    z-index: 0;
  }
  .landing-referralform-content__finish {
    max-width: 320px;
    padding: 40px 0 55px;
  }
}

.landing-referralform-content-top {
  padding: 55px 55px 10px;
}

@media (max-width: 991px) {
  .landing-referralform-content-top {
    padding: 0;
  }
}

.landing-referralform-content-bottom {
  padding: 0 55px 55px;
}

@media (max-width: 991px) {
  .landing-referralform-content-bottom {
    padding: 0;
  }
}

.landing-referralform-laptop {
  height: 130px;
  position: absolute;
  bottom: 30px;
  z-index: -1;
  left: -60px;
}

.landing-referralform-tags {
  position: absolute;
  left: 220px;
  bottom: 35px;
}

.landing-referralform-info, .landing-referralform-info.p {
  color: white;
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 5px;
}

@media (max-width: 991px) {
  .landing-referralform-info, .landing-referralform-info.p {
    margin-top: 120px;
  }
}

.landing-referralform-building {
  position: absolute;
  bottom: -110px;
  z-index: -1;
  left: 205px;
  height: 350px;
}

.landing-referralform form {
  margin-bottom: 0;
}

.landing-referralform .hs-form-field {
  float: left;
  margin-bottom: 40px;
  text-align: center;
  width: 100%;
}

@media (max-width: 991px) {
  .landing-referralform .hs-form-field {
    max-width: 290px;
    text-align: left;
  }
}

.landing-referralform .hs-form-field > label:first-child {
  display: none;
}

.landing-referralform .hs-form-field .input {
  margin-right: 0;
}

.landing-referralform fieldset {
  max-width: 100%;
}

.landing-referralform input[type="text"], .landing-referralform input[type="email"], .landing-referralform input[type="tel"], .landing-referralform select {
  background-color: #EFF3F6;
  border: 0;
  border-radius: 8px;
  color: #333333;
  font-size: 16px;
  height: 34px;
  max-width: 100%;
  padding: 0 10px;
  text-align: center;
  text-align-last: center;
  width: 100% !important;
}

.landing-referralform p {
  font-size: 16px;
  margin-bottom: 18px;
}

.landing-referralform p:not([class]) {
  color: white;
}

.landing-referralform ul {
  font-size: 19px;
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 0;
  padding-left: 0;
  text-align: center;
}

.landing-referralform ul li {
  margin-bottom: -15px;
}

.landing-referralform ul li label {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .landing-referralform .hs_error_rollup {
    max-width: 290px;
  }
}

.landing-referralform .hs_error_rollup ul li {
  margin-bottom: 0;
}

.landing-referralform .hs_submit {
  text-align: center;
}

@media (max-width: 991px) {
  .landing-referralform .hs_submit {
    max-width: 295px;
  }
}

.landing-referralform .hs-button, .landing-referralform .chla-button {
  align-items: center;
  background-color: #D50032;
  border: 0;
  border-radius: 3px;
  color: white;
  display: inline-flex;
  font-size: 20px;
  font-weight: 500;
  min-height: 42px;
  justify-content: center;
  margin: 0 auto;
  max-width: 250px;
  padding: 5px 10px;
  text-align: center;
  transition: all .3s ease;
  width: 100%;
}

.landing-referralform .hs-button:hover, .landing-referralform .chla-button:hover {
  background-color: #ef0038;
  color: white;
}

@media (max-width: 991px) {
  .landing-referralform .hs-button {
    background-color: #333333;
    color: white;
    margin-top: 40px;
  }
  .landing-referralform .hs-button:hover {
    background-color: #404040;
    color: white;
  }
  .landing-referralform .chla-button {
    margin: 0;
  }
}

.landing-referralform__other-colors .landing-referralform-header {
  background-color: #461d7c;
  color: white;
  padding: 20px 40px;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-header:before {
    background-color: #461d7c;
  }
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-header {
    margin-top: 80px;
    padding: 10px 40px;
  }
}

.landing-referralform__other-colors .landing-referralform-content {
  background-color: white;
  padding: 63px 55px;
}

.landing-referralform__other-colors .landing-referralform-content:after {
  bottom: 0;
  border-top: 4px solid #D9E3EA;
  content: '';
  background-color: #EFF3F6;
  height: 86px;
  left: 0;
  width: 100%;
  position: absolute;
  z-index: 0;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-content {
    background-color: transparent;
    padding: 20px 0 85px;
  }
  .landing-referralform__other-colors .landing-referralform-content:after {
    display: none;
  }
}

.landing-referralform__other-colors .landing-referralform-content__finish {
  padding: 0;
}

.landing-referralform__other-colors .landing-referralform-content__finish:after {
  display: none;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-content__finish {
    padding: 60px 0 85px;
  }
}

.landing-referralform__other-colors .landing-referralform-content-top {
  background-color: #461d7c;
  color: white;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-content-top {
    background-color: transparent;
  }
}

.landing-referralform__other-colors .landing-referralform-content-bottom {
  background-color: white;
  color: #461d7c;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-content-bottom {
    background-color: transparent;
  }
}

.landing-referralform__other-colors .landing-referralform-finish {
  background-color: transparent;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-finish:before {
    display: none;
  }
}

.landing-referralform__other-colors .landing-referralform-title:before {
  background-image: url("../assets/images/join-tag-black-1.svg");
  background-size: cover;
  filter: invert(95%) sepia(10%) saturate(6521%) hue-rotate(337deg) brightness(105%) contrast(98%);
}

.landing-referralform__other-colors .landing-referralform-title:after {
  background-image: url("../assets/images/join-tag-black-2.svg");
  background-size: cover;
  filter: invert(95%) sepia(10%) saturate(6521%) hue-rotate(337deg) brightness(105%) contrast(98%);
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-icon {
    opacity: 0.6;
    top: -35px;
  }
}

.landing-referralform__other-colors .landing-referralform-info {
  color: #333333;
  margin-top: 33px;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-info {
    color: white;
  }
}

.landing-referralform__other-colors input[type=text], .landing-referralform__other-colors input[type=email], .landing-referralform__other-colors select {
  border: 2px solid #D9E3EA;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .chla-strikethrough:after {
    background-color: #D50032;
  }
}

.landing-referralform__other-colors .chla-free {
  color: #FDD023;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .chla-free {
    color: #FDD023;
  }
}

.landing-row {
  display: flex;
}

@media (max-width: 479px) {
  .landing-row {
    flex-wrap: wrap;
  }
}

.landing-column {
  display: flex;
  flex-direction: column;
}

.landing-button {
  background-color: #3A913F;
  color: white;
}

.landing-button:hover {
  background-color: #245a27;
  color: white;
}

.landing-form-box-title {
  color: #154734;
}

.landing-form .hs-button {
  background-color: #154734;
  color: white;
}

.landing-form .hs-button:hover {
  background-color: white;
  color: #154734;
}

.landing-referralform-header {
  background-color: #154734;
  color: white;
}

@media (max-width: 991px) {
  .landing-referralform-header {
    background-color: #154734;
    color: white;
  }
  .landing-referralform-header:before {
    background-color: #154734;
  }
}

.landing-referralform__other-colors .landing-referralform-header {
  background-color: #154734;
  color: white;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-header:before {
    background-color: #154734;
  }
}

.landing-referralform__other-colors .landing-referralform-content-top {
  background-color: #154734;
  color: white;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-content-top {
    background-color: transparent;
  }
}

.landing-referralform__other-colors .landing-referralform-content-bottom {
  background-color: white;
  color: #154734;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .landing-referralform-content-bottom {
    background-color: transparent;
  }
}

.landing-referralform__other-colors .landing-referralform-title:before {
  background-image: url("../assets/images/join-tag-black-1.svg");
  background-size: cover;
  filter: invert(65%) sepia(73%) saturate(2662%) hue-rotate(9deg) brightness(92%) contrast(84%);
}

.landing-referralform__other-colors .landing-referralform-title:after {
  background-image: url("../assets/images/join-tag-black-2.svg");
  background-size: cover;
  filter: invert(65%) sepia(73%) saturate(2662%) hue-rotate(9deg) brightness(92%) contrast(84%);
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .chla-strikethrough:after {
    background-color: #154734;
  }
}

.landing-referralform__other-colors .chla-free {
  color: #C69214;
}

@media (max-width: 991px) {
  .landing-referralform__other-colors .chla-free {
    color: #C69214;
  }
}


/*# sourceMappingURL=landing_calpoly.css.map*/