/* Brook Wagman submenu templates — load ONCE after Elementor/theme styles.
   No global element selectors; no plugin show/hide or position overrides.
   Container & widgets keep their editable content in Elementor.
   This file styles the panel body. The menu plugin owns its outer popup. */
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel {
  --bwmm-panel:#102d40; --bwmm-teal:#86ded1; --bwmm-white:#f5f8f8;
  --bwmm-muted:#b7c9d2; --bwmm-line:rgba(179,215,222,.19);
  --bwmm-gutter:clamp(24px,5vw,88px); --bwmm-max:1440px;
  display:flex; flex-direction:column; gap:0; width:100%; max-width:none;
  margin:0; padding:34px var(--bwmm-gutter) 0;
  background:var(--bwmm-panel); color:var(--bwmm-white);
  border:0; border-top:1px solid rgba(134,222,209,.35); border-radius:0;
  font:15px/1.5 Arial,Helvetica,sans-serif; text-align:left;
  box-shadow:none; isolation:isolate; --widgets-spacing:0px;
}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel *, .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel *::before, .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel *::after {box-sizing:border-box}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .e-con {--container-widget-width:100%; --container-widget-flex-grow:0; --flex-wrap:nowrap; --gap:0px; --row-gap:0px; --column-gap:0px; margin:0; padding:0; border-radius:0; min-width:0}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .elementor-widget {margin:0; padding:0; min-width:0; max-width:100%; width:100%}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .elementor-widget-container {margin:0; padding:0; border:0; background:none}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .elementor-heading-title, .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel p {margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; color:inherit}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel a {text-decoration:none; color:inherit}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel a:focus-visible {outline:2px solid var(--bwmm-teal); outline-offset:3px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-inner {display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr) minmax(0,1.04fr); gap:clamp(25px,3.6vw,58px); align-items:stretch; width:100%; max-width:var(--bwmm-max); margin:0 auto; padding:0 0 28px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-intro {display:flex; flex-direction:column; align-items:flex-start; gap:0; padding:4px 0}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-eyebrow {font-size:10px; font-weight:600; letter-spacing:2.2px; line-height:1.6; color:var(--bwmm-teal)}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-title {max-width:265px; margin-top:15px; font-size:clamp(25px,2.2vw,31px); font-weight:600; line-height:1.2; letter-spacing:-.4px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-description {max-width:210px; margin-top:14px; color:var(--bwmm-muted); font-size:12px; line-height:1.5}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-intro::after {content:''; display:block; flex-shrink:0; width:36px; height:1px; margin-top:28px; background:var(--bwmm-teal)}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-links {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; align-content:start; align-items:stretch}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-row {display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:16px; align-self:stretch; min-height:65px; height:100%; width:100%; padding:13px 6px; border:0; border-bottom:1px solid var(--bwmm-line); background:transparent; color:var(--bwmm-white); font-size:13px; line-height:1.4; transition:color .2s,background .2s,padding .2s}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-link-label {flex:1 1 auto; width:auto; font-weight:400}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-arrow {flex:0 0 auto; width:auto; color:var(--bwmm-teal); font-size:17px; line-height:1; font-weight:400; transition:transform .25s}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-row:is(:hover,:focus-visible) {color:var(--bwmm-teal); background:rgba(134,222,209,.055); padding-inline:12px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel a:is(:hover,:focus-visible) .bwmm-arrow {transform:translate(3px,-3px)}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card {display:flex; position:relative; flex-direction:column; justify-content:flex-end; width:100%; min-height:232px; overflow:hidden; isolation:isolate; gap:0; background:#1a4555; border:1px solid rgba(134,222,209,.17); color:var(--bwmm-white)}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card:not(.bwmm-card-resources)::before, .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card:not(.bwmm-card-resources)::after {content:''; position:absolute; width:265px; height:265px; border:1px solid rgba(134,222,209,.17); border-radius:50%; left:auto; bottom:auto; right:-130px; top:-50px; pointer-events:none; z-index:0}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card:not(.bwmm-card-resources)::after {width:219px; height:219px; right:-107px; top:-27px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card-copy {position:relative; z-index:2; display:flex; flex-direction:column; gap:0; padding:24px; width:100%}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card .bwmm-eyebrow {font-size:8px; letter-spacing:1.6px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card-title {font-size:23px; line-height:1.18; letter-spacing:-.6px; font-weight:400; margin:10px 0 18px; max-width:230px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card-description {font-size:12px; line-height:1.6; color:#d0e4e9; max-width:230px; margin:-7px 0 20px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card-cta {display:flex; flex-direction:row; align-items:center; justify-content:flex-start; gap:20px; width:auto; max-width:100%; color:var(--bwmm-teal); font-size:11px; line-height:1.5}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-cta-label {width:auto; flex:0 1 auto}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card:is(:hover,:focus-visible) .bwmm-cta-label {text-decoration:underline; text-underline-offset:5px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card-company .bwmm-card-copy, .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card-resources .bwmm-card-copy {padding:24px 20px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card-company .bwmm-card-title, .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card-resources .bwmm-card-title {font-size:21px; max-width:280px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-portrait {position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-portrait .elementor-widget-container {width:100%; height:100%}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-portrait img {display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center 20%; opacity:.58; border-radius:0}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card-resources::after {content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(0deg,#102f40 0%,rgba(16,47,64,.82) 25%,rgba(16,47,64,.1) 100%)}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-play {position:absolute; top:14px; right:15px; z-index:2; display:grid; place-items:center; width:34px; height:34px; border:1px solid var(--bwmm-teal); border-radius:50%; font-size:19px; line-height:1; color:var(--bwmm-teal)}
/* Replace the font-dependent play glyph with a vector whose triangle centroid
   is at (12,12). Keep the existing editable widget and card link intact. */
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-play > .elementor-widget-container,
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-play .elementor-heading-title {display:none}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-play::before {content:'';display:block;position:static;width:20px;height:20px;background:currentColor;pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.5 5 19 12 8.5 19Z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.5 5 19 12 8.5 19Z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-footer {display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:20px; width:100%; max-width:var(--bwmm-max); margin:0 auto; padding:15px 0; border-top:1px solid var(--bwmm-line); color:var(--bwmm-muted); font-size:10px; line-height:1.5}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-footer-brand, .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-footer-note {width:auto; flex:0 1 auto}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-footer-contact {display:flex; flex-direction:row; align-items:center; justify-content:flex-end; width:auto; gap:24px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-footer-link {display:flex; flex-direction:row; align-items:center; gap:10px; width:auto; flex:0 0 auto; color:var(--bwmm-teal)}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-footer-link .bwmm-arrow {font-size:16px}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-footer-link:is(:hover,:focus-visible) .bwmm-link-label {text-decoration:underline; text-underline-offset:5px}
/* Match the prototype's 1100px switch. Coordinate the plugin's mobile breakpoint. */
@media(max-width:1024px) {
  .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel {padding:22px 24px}
  .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-inner {grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; padding:0}
  .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-intro, .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-footer {display:none}
  .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-links {grid-template-columns:minmax(0,1fr)}
  .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-row {min-height:48px; padding:10px 4px; font-size:14px}
  .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-row:is(:hover,:focus-visible) {padding-inline:10px}
  .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card {min-height:240px}
}
@media(max-width:650px) {
  .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-inner {grid-template-columns:minmax(0,1fr)}
  .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-card {display:none}
}
@media(prefers-reduced-motion:reduce) {
  .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel *, .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel *::before, .bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel *::after {transition:none!important; animation:none!important}
}

/* Do not render U+2197 as a font glyph: iOS can substitute its emoji artwork.
   Use an SVG mask on the same widget, preserving its hover movement. */
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-arrow {display:inline-grid;place-items:center;width:17px;height:17px;font-size:0}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-arrow > .elementor-widget-container,
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-arrow .elementor-heading-title {display:none}
.bwmm-panel.bwmm-panel.bwmm-panel.bwmm-panel .bwmm-arrow::before {content:'';display:block;width:100%;height:100%;background:currentColor;pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 18 18 6M7 6h11v11' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 18 18 6M7 6h11v11' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

