/*
 * Beaver Builder Compatibility Styles
 * Ensures campaign styles work correctly inside BB rows/modules
 */

/* Full width rows flush with page edges */
.fl-page-content {
  padding: 0 !important;
}

.fl-post-content {
  padding: 0 !important;
  margin: 0 !important;
}

/* BB row full width */
.fl-row-content-wrap {
  padding: 0;
}

/* Campaign color classes usable in BB */
.fl-module-content .btn-red {
  background: #b41710 !important;
  color: #fff !important;
  border-color: #b41710 !important;
}

.fl-module-content .btn-blue {
  background: #10069f !important;
  color: #fff !important;
  border-color: #10069f !important;
}

/* BB heading modules inherit campaign font */
.fl-module-heading h1,
.fl-module-heading h2,
.fl-module-heading h3,
.fl-module-heading h4 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 900;
}

/* BB text editor module */
.fl-module-rich-text p,
.fl-module-rich-text li {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.75;
  color: #444;
}

/* BB button module */
.fl-button-wrap a.fl-button {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
}

/* BB photo module */
.fl-photo-img {
  border-radius: 4px;
}

/* BB separator */
.fl-separator {
  border-color: #e8e8e8;
}

/* Campaign section label in BB (use heading with Dancing Script class) */
.fl-module-heading .section-label {
  font-family: 'Dancing Script', cursive !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #b41710 !important;
  letter-spacing: 1px !important;
}

/* Fix BB adding extra margins around CF7 */
.fl-module .wpcf7 {
  margin: 0;
}

/* BB rows with campaign blue background */
.fl-row.bg-blue {
  background-color: #10069f;
}

.fl-row.bg-red {
  background-color: #b41710;
}

.fl-row.bg-light {
  background-color: #f4f4f6;
}

/* White text helper for dark BB rows */
.fl-row.bg-blue .fl-module-content,
.fl-row.bg-blue .fl-module-content p,
.fl-row.bg-blue .fl-module-content h1,
.fl-row.bg-blue .fl-module-content h2,
.fl-row.bg-blue .fl-module-content h3,
.fl-row.bg-red .fl-module-content,
.fl-row.bg-red .fl-module-content p {
  color: #ffffff;
}