.vlb_color_01 {
  background: #203d7c;
  color: #fff;
}

.vlb_color_02 {
  background: #c5203e;
  color: #fff;
}

.vlb_color_03 {
  background: #cad7eb;
  color: #000;
}

.vlb_color_04 {
  background: #f5f5f5;
  color: #000;
}

.vlb_color_05 {
  background: #d9d9d9;
  color: #000;
}

.vlb_color_06 {
  background: #4c4c4c;
  color: #fff;
}

.vlb_color_07 {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #f5f5f5), color-stop(50%, #fff), to(#fff));
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #fff 50%, #fff 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #fff 50%, #fff 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 50%, #fff 50%, #fff 100%);
  color: #000;
}

#drupal-off-canvas .vlb_color_01 {
  background: #203d7c;
  color: #fff;
}

#drupal-off-canvas .vlb_color_02 {
  background: #c5203e;
  color: #fff;
}

#drupal-off-canvas .vlb_color_03 {
  background: #cad7eb;
  color: #000;
}

#drupal-off-canvas .vlb_color_04 {
  background: #f5f5f5;
  color: #000;
}

#drupal-off-canvas .vlb_color_05 {
  background: #d9d9d9;
  color: #000;
}

#drupal-off-canvas .vlb_color_06 {
  background: #4c4c4c;
  color: #fff;
}

#drupal-off-canvas .vlb_color_07 {
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), color-stop(50%, #f5f5f5), color-stop(50%, #fff), to(#fff));
  background: -webkit-linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #fff 50%, #fff 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #fff 50%, #fff 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 50%, #fff 50%, #fff 100%);
  color: #000;
}

.vlb_color_01,
.vlb_color_02,
.vlb_color_03,
.vlb_color_04,
.vlb_color_05,
.vlb_color_06 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.vlb_color_01 .paragraph--type-vertical-teaser.paragraph--view-mode-default .teaser-body .field--name-bp-text,
.vlb_color_02 .paragraph--type-vertical-teaser.paragraph--view-mode-default .teaser-body .field--name-bp-text,
.vlb_color_03 .paragraph--type-vertical-teaser.paragraph--view-mode-default .teaser-body .field--name-bp-text,
.vlb_color_04 .paragraph--type-vertical-teaser.paragraph--view-mode-default .teaser-body .field--name-bp-text,
.vlb_color_05 .paragraph--type-vertical-teaser.paragraph--view-mode-default .teaser-body .field--name-bp-text,
.vlb_color_06 .paragraph--type-vertical-teaser.paragraph--view-mode-default .teaser-body .field--name-bp-text {
  color: #000;
}

.vlb_color_07 {
  padding-top: 70px;
}

@media (max-width: 991.98px) {
  .vlb_color_07 {
    background: #f5f5f5;
    padding-bottom: 70px;
  }
}

#drupal-off-canvas .layout-builder-configure-section .vlb_background_color .option.vlb_color_07 {
  background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), color-stop(50%, #e2e2e2), color-stop(50%, #fff), to(#fff));
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #e2e2e2 50%, #fff 50%, #fff 100%);
  background: -o-linear-gradient(top, #e2e2e2 0%, #e2e2e2 50%, #fff 50%, #fff 100%);
  background: linear-gradient(to bottom, #e2e2e2 0%, #e2e2e2 50%, #fff 50%, #fff 100%);
}