@import "../global.css";
@import "../hero-shrink.css";
@import "../custom-color-package-text.css";
@import "../custom-color-package-elements.css";
@import "../seamless.css";

div#root {
  --primary: #00487c;
  --primary-text: #00487c;
  --primary-svg: #00487c;
  --secondary: var(--sky);
  --secondary-text: var(--sky);
  --secondary-svg: var(--sky);
  --secondary-accent-line: var(--sky);
}

/* DBA logo */
div#root .fwm-team-header-entity-logo-image {
  width: 18.75rem;
}

/* Connect Bar Hide */
.fwm-utility-nav-header {
  display: none !important;
}

/* Align Center - Tall */
.fwm-column-thirds .fwm-nestable-flex {
  align-items: center;
}

/* Primary H3 */
h3.fwm-primary-h3.fwm-primary-h3 {
  font-weight: 500;
}

/* Rich Text bold */
span.fwm-rich-text-editor b,
span.fwm-rich-text-editor strong {
  font-weight: 500;
}

/* Hero Overlay/Box (light only) */
.fwm-hero-overlay.fwm-hero-box .fwm-hero-large-text-container {
  background: rgba(237, 240, 243, 0.9);
}

/* Flip Cards (rounded) */
.fwm-lightTheme.fwm-card-flip-set .fwm-primary-h3::after {
  display: none;
}
.fwm-lightTheme.fwm-card-flip-set .fwm-nestable-content {
  gap: 1rem !important;
}
.fwm-lightTheme.fwm-card-flip-set .fwm-nestable-field {
  background: var(--gray);
  border-radius: 5%;
}

/* Text Banner Image side-hack */
section.fwm-bg-lightC.fwm-text-center.fwm-nestable-no-subcomponents.fwm-not-subcomponent {
  position: relative;
}
section.fwm-bg-lightC.fwm-text-center.fwm-nestable-no-subcomponents.fwm-not-subcomponent::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background-image: url(https://media.northwesternmutual.com/sites/images/custom-content-photo-full/e00bca66-57d8-4540-a307-9868e0a4e7a3.png?width=original);
  background-size: 55% !important;
  background-position: center;
  background-repeat: no-repeat;
}

/* Drop Shadow */
.fwm-lightTheme img[src*="737ca2a4-adb4-476a-81ef-4567dabe9200"],
.fwm-lightTheme img[src*="98310db6-de6b-426a-85a8-dd3e93a1218a"],
.fwm-lightTheme img[src*="52d7a241-3bca-4a89-922a-5cf42d63165d"] {
  filter: drop-shadow(0 1px 0.1875rem rgba(0, 0, 0, 0.12)) drop-shadow(0 1px 0.125rem rgba(0, 0, 0, 0.24));
}