/* Shared <style> blocks extracted from 239 live pages.
   Families here appeared on 168+ pages. One canonical copy per family.
   Generated by analyze-shared-head.js */

/* DPOM rebuild override: keep the Explore Our Other Services grid on a
   single row at normal desktop widths. The inline auto-fit rule wraps to
   3+1 below ~1000px wrap. Force 5 cols on wide screens (bumps inner
   container wider to fit), 3 on narrow desktop, 2 on tablet, 1 on mobile. */
@media (min-width: 1100px) { .dpom-related-services .dpom-related-inner { max-width: 1400px !important; margin-left: auto !important; margin-right: auto !important; } .dpom-related-grid { grid-template-columns: repeat(5, 1fr) !important; gap: 16px !important; justify-content: center !important; } .dpom-related-services a.dpom-related-card { padding: 20px 16px !important; } .dpom-related-services a.dpom-related-card h3 { font-size: 14px !important; line-height: 1.3 !important; white-space: nowrap !important; } .dpom-related-services a.dpom-related-card p { font-size: 13px !important; line-height: 1.45 !important; } }
@media (max-width: 1099px) and (min-width: 900px) { .dpom-related-grid { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 899px) and (min-width: 600px) { .dpom-related-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 599px)  { .dpom-related-grid { grid-template-columns: 1fr !important; } }

/* DPOM rebuild override: when a post-grid widget is followed by a creative
   button widget (the "DPOM Blog" / "Case Studies" buttons that sit next to
   the 3 cards), the original Elementor layout parks the button in the grid's
   empty 4th slot at the right. With our 3-col grid we want the button to
   drop onto its own row, centered below the cards. */
.elementor-widget-eael-post-grid + .elementor-widget-eael-creative-button,
.elementor-widget-eael-post-grid + .elementor-widget-spacer + .elementor-widget-eael-creative-button {
  clear: both !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 30px !important;
  text-align: center !important;
}
.elementor-widget-eael-post-grid + .elementor-widget-eael-creative-button .eael-creative-button-wrapper,
.elementor-widget-eael-post-grid + .elementor-widget-spacer + .elementor-widget-eael-creative-button .eael-creative-button-wrapper {
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
}

/* Essential Addons post-grid columns. Per-page SiteGround-purged stylesheets
   stripped these from any page that didn't have a post grid in the original
   WordPress version. We now inject the latest 3 cards into every page that
   had the widget, so the rules need to be globally available or the cards
   stack as a single full-width column. */
.eael-post-grid-container .eael-post-grid { margin: 0 -10px; }
.eael-post-grid-container .eael-post-grid::after { content: ""; display: table; clear: both; }
.elementor-element.elementor-grid-eael-col-3 { position: relative; }
.elementor-element.elementor-grid-eael-col-3 .eael-grid-post { width: 33.3333%; float: left; padding: 10px; box-sizing: border-box; }
.elementor-element.elementor-grid-eael-col-3 .eael-grid-post:nth-of-type(3n+1) { clear: both; }
.elementor-element.elementor-grid-eael-col-4 { position: relative; }
.elementor-element.elementor-grid-eael-col-4 .eael-grid-post { width: 25%; float: left; padding: 10px; box-sizing: border-box; }
.elementor-element.elementor-grid-eael-col-4 .eael-grid-post:nth-of-type(4n+1) { clear: both; }
@media (max-width: 1024px) {
  .elementor-element.elementor-grid-tablet-eael-col-2 .eael-grid-post { width: 50% !important; }
  .elementor-element.elementor-grid-tablet-eael-col-2 .eael-grid-post:nth-of-type(2n+1) { clear: both; }
}
@media (max-width: 767px) {
  .elementor-element.elementor-grid-mobile-eael-col-1 .eael-grid-post { width: 100% !important; clear: both; }
}
.eael-grid-post-holder { border: 1px solid rgba(0,0,0,.1); height: 100%; }
.eael-grid-post-holder-inner { height: 100%; display: flex; flex-direction: column; }
.eael-grid-post .eael-entry-wrapper { padding: 15px; }
.eael-grid-post-excerpt p { margin: 0 0 10px; font-size: 14px; }
.eael-grid-post-excerpt .eael-post-elements-readmore-btn { display: block; }
.elementor-element.elementor-grid-eael-col-3 .eael-entry-thumbnail,
.elementor-element.elementor-grid-eael-col-4 .eael-entry-thumbnail { height: 200px; overflow: hidden; }
.elementor-element.elementor-grid-eael-col-3 .eael-entry-thumbnail > img,
.elementor-element.elementor-grid-eael-col-4 .eael-entry-thumbnail > img { width: 100%; height: 100%; object-fit: cover; }

/* Footer review badges: Feefo and Trustpilot. Inline styles set them as
   shrink-to-fit (display:inline-flex) so each one is a different width
   based on its label length. Stack them vertically and stretch each to
   fill the column so they're visually consistent. */
#media_image-4 { flex-direction: column !important; align-items: stretch !important; }
#media_image-4 > a { display: block; }
#media_image-4 > a > div { display: flex !important; width: 100%; box-sizing: border-box; }

/* Blog post / page header banner: title and breadcrumbs are baked into
   <header class="page-header"> from the WordPress export, but the article
   body underneath repeats the same title as its own H1. The banner just
   creates a duplicate that overlaps the breadcrumb text on top of itself.
   Hide the whole banner. */
.page-header { display: none !important; }

/* /blog filter bar: search + topic pills injected at build time.
   /blog has the dark space background, so the bar uses translucent
   surfaces that sit on top of it without breaking the look. */
.dpom-blog-filter { margin: 0 auto 30px; padding: 0 20px; max-width: 1200px; }
.dpom-blog-filter-inner { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 20px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
#dpom-blog-search { width: 100%; padding: 12px 16px; font-size: 15px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; color: #ffffff; outline: none; box-sizing: border-box; margin-bottom: 16px; font-family: inherit; }
#dpom-blog-search::placeholder { color: rgba(255,255,255,0.5); }
#dpom-blog-search:focus { border-color: #c8252d; background: rgba(255,255,255,0.08); box-shadow: 0 0 0 3px rgba(200,37,45,0.2); }
.dpom-blog-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.dpom-blog-pill { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.85); padding: 8px 16px; border-radius: 999px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.15s ease; font-family: inherit; }
.dpom-blog-pill:hover { background: rgba(255,255,255,0.1); color: #ffffff; }
.dpom-blog-pill.is-active { background: #c8252d; border-color: #c8252d; color: #ffffff; }

/* When the filter bar is present (only on /blog), switch the post grid
   from the default float layout to CSS grid so filtered-out cards don't
   leave holes or break nth-of-type clear rules. */
body:has(.dpom-blog-filter) .eael-post-grid-container .eael-post-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin: 0 !important; }
body:has(.dpom-blog-filter) .eael-post-grid-container .eael-post-grid .eael-grid-post { width: auto !important; float: none !important; padding: 0 !important; clear: none !important; margin: 0 !important; }
body:has(.dpom-blog-filter) .eael-post-grid-container .eael-post-grid .eael-grid-post[style*="display: none"] { display: none !important; }

/* Tools menu items render smaller than the other megamenus because their
   links sit inside a nested .sub-menu (wrapped under a "DPOM Tools"
   section header), so the default uppercase-label styling doesn't apply
   in the same way. Force the tools submenu item labels + descriptions to
   match the Pricing / PPC / SEO menus. */
#site-navigation-wrap #menu-item-tools .sub-menu .text-wrap,
#site-navigation-wrap #menu-item-tools .sub-menu a { font-size: 1.18rem !important; font-weight: 800 !important; line-height: 1.28 !important; text-transform: uppercase !important; letter-spacing: 0.02em !important; }
#site-navigation-wrap #menu-item-tools .sub-menu .nav-content { font-size: 0.85rem !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0 !important; opacity: 0.75; }

/* Demo report CTA section ("See What Your Monthly Report Looks Like").
   The original inline CSS specified text-align:center on the section but
   a parent Elementor column's text-align:left beats it. Force centering
   with !important, and polish the look so it doesn't feel like a naff
   afterthought slapped on at the bottom of the page. */
.dpom-report-demo { text-align: center !important; padding: 80px 20px !important; background: linear-gradient(135deg, #0f1228 0%, #1a1a2e 100%) !important; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); position: relative; overflow: hidden; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; left: 0 !important; right: 0 !important; }
.dpom-report-demo::before { content: ""; position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 600px; height: 600px; background: radial-gradient(circle, rgba(200,37,45,0.12) 0%, transparent 60%); pointer-events: none; }
.dpom-report-demo > * { position: relative; z-index: 1; }
.dpom-report-demo h2 { text-align: center !important; font-size: 36px !important; line-height: 1.2 !important; font-weight: 800 !important; color: #ffffff !important; max-width: 760px; margin: 0 auto 18px !important; letter-spacing: -0.01em; }
.dpom-report-demo p { text-align: center !important; font-size: 17px !important; color: rgba(255,255,255,0.75) !important; max-width: 640px !important; margin: 0 auto 36px !important; line-height: 1.6 !important; }
.dpom-report-demo .demo-buttons { display: flex !important; gap: 14px !important; justify-content: center !important; flex-wrap: wrap !important; margin: 0 auto 28px; }
.dpom-report-demo .demo-btn { display: inline-flex !important; align-items: center; justify-content: center; padding: 16px 36px !important; border-radius: 999px !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none !important; transition: all 0.2s ease !important; min-width: 220px; }
.dpom-report-demo .demo-btn-primary { background: #c8252d !important; color: #ffffff !important; box-shadow: 0 8px 24px rgba(200,37,45,0.35); }
.dpom-report-demo .demo-btn-primary:hover { background: #d72638 !important; transform: translateY(-2px); box-shadow: 0 12px 32px rgba(200,37,45,0.5); }
.dpom-report-demo .demo-btn-outline { background: transparent !important; color: #ffffff !important; border: 2px solid rgba(255,255,255,0.25) !important; }
.dpom-report-demo .demo-btn-outline:hover { border-color: rgba(255,255,255,0.6) !important; background: rgba(255,255,255,0.05) !important; transform: translateY(-2px); }
.dpom-report-demo .demo-note { text-align: center !important; font-size: 12px !important; color: rgba(255,255,255,0.45) !important; margin: 0 auto !important; max-width: 620px; letter-spacing: 0.02em; }



/* ---- family 1 (234/239 pages, 1 variants, 86B) ---- */
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}

/* ---- family 2 (234/239 pages, 1 variants, 611B) ---- */
 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-),
 .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-) * {
 background-image: none !important;
 }
 @media screen and (max-height: 1024px) {
 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-),
 .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-) * {
 background-image: none !important;
 }
 }
 @media screen and (max-height: 640px) {
 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-),
 .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-) * {
 background-image: none !important;
 }
 } 

/* ---- family 3 (234/239 pages, 4 variants, 40702B) ---- */
 .InfinityNumber.clickable a{color:#ffffff !important}.InfinityNumber.clickable a:hover{color:#ffffff !important}.eael-post-grid .eael-entry-wrapper>.eael-entry-meta span.eael-posted-on::before{display:none}.elementor-element.elementor-grid-eael-col-4 .eael-entry-media{height:160px}.page-header-title{display:none}.related-thumb{height:200px;overflow:hidden}h3.related-post-title{line-height:1.6}/* ---------- Vars ---------- */:root{/* Match this to the red background behind the phone number */--dpom-red:#C8252D;/* li.megamenu-li{position:relative}/* mega panel */#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu{position:absolute;left:0;top:100%;margin-top:6px;/* appearance */background:#1a1f3a;border-top:3px solid #c82333;padding:35px 25px;border-radius:0 0 10px 10px;box-shadow:0 16px 48px rgba(0,0,0,0.35);/* layout:flexible columns using flexbox */display:flex;flex-wrap:wrap;gap:25px;/* width constraint and centering */max-width:1200px;width:100%;margin-left:auto;margin-right:auto;/* hide until hover */opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 0.2s ease,transform 0.2s ease}/* show on hover */#site-navigation-wrap .dropdown-menu >li.megamenu-li:hover >ul.sub-menu.megamenu{opacity:1;visibility:visible;transform:translateY(0)}/* Each top-level column:allow it to grow,but never shrink below 220px */#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li{flex:1 0 220px;margin:0;padding:0;position:relative}/* ===== 2. SECTION HEADERS (SOLID RED BOX STYLE) ===== */#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li >a[href="#"]{display:block;padding:14px 18px;margin-bottom:22px;font-weight:900;font-size:1rem;letter-spacing:.14em;color:#ffffff;text-transform:uppercase;background:#c82333;/* solid DPOM red */border-left:none;border-radius:4px;pointer-events:none}/* ===== 3. REGULAR LINKS (clean & subtle) ===== */#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li a{display:block;padding:10px 18px;color:#ffffff;text-decoration:none;border:0;white-space:normal;word-break:normal;overflow-wrap:normal;font-size:1.18rem;line-height:1.28;font-weight:800;transition:all 0.15s ease}/* IMPROVED HOVER:subtle white glow + red accent stripe */#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li a:not([href="#"]):hover{background:rgba(255,255,255,0.05);border-left:3px solid #c82333;padding-left:21px;border-radius:4px}/* ===== 4. COLUMN SEPARATORS (subtle dividers) ===== */#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li:not(:last-child)::after{content:"";position:absolute;right:-12px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent 0,rgba(255,255,255,0.1) 20%,rgba(255,255,255,0.1) 80%,transparent 100% )}/* ===== 5. REMOVE WHITE HORIZONTAL LINES ===== */#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu li,#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu li a{border:none !important;border-top:none !important;border-bottom:none !important}/* ===== 6. ACCESSIBILITY & FOCUS STATES ===== */#site-navigation-wrap .megamenu a{position:relative;outline:none}#site-navigation-wrap .megamenu a:focus-visible{box-shadow:0 0 0 2px rgba(200,35,51,.6);border-radius:6px}/* ===== 7. BADGE SYSTEM ===== */.menu-badge--new >a,.menu-badge--hot >a,.menu-badge--save >a,.menu-badge--popular >a,a.menu-badge--new,a.menu-badge--hot,a.menu-badge--save,a.menu-badge--popular{position:relative;padding-right:56px}.menu-badge--new >a::after,a.menu-badge--new::after,.menu-badge--hot >a::after,a.menu-badge--hot::after,.menu-badge--save >a::after,a.menu-badge--save::after,.menu-badge--popular >a::after,a.menu-badge--popular::after{position:absolute;right:18px;top:12px;margin:0;padding:2px 8px;font-size:10px;font-weight:800;border-radius:999px;line-height:1;vertical-align:middle}.menu-badge--new >a::after,a.menu-badge--new::after{content:"NEW";background:#36d399;color:#0b2f24}.menu-badge--hot >a::after,a.menu-badge--hot::after{content:"HOT";background:#ffd166;color:#5a3a00}.menu-badge--save >a::after,a.menu-badge--save::after{content:"SAVE";background:#8bd3ff;color:#00324a}.menu-badge--popular >a::after,a.menu-badge--popular::after{content:"POPULAR";background:#a78bfa;color:#2e1065}/* ===== 8. DESCRIPTIONS ===== */#site-navigation-wrap .megamenu a .menu-item-description,#site-navigation-wrap .megamenu a .menu-desc{display:block;margin-top:6px;font-size:0.86rem;line-height:1.28;color:rgba(255,255,255,0.72);font-weight:400}/* ===== 9. RESPONSIVE BEHAVIOR ===== */@media (max-width:768px){#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu{grid-template-columns:1fr}.menu-badge--new >a,.menu-badge--hot >a,.menu-badge--save >a,.menu-badge--popular >a,a.menu-badge--new,a.menu-badge--hot,a.menu-badge--save,a.menu-badge--popular{padding-right:48px}.menu-badge--new >a::after,a.menu-badge--new::after,.menu-badge--hot >a::after,a.menu-badge--hot::after,.menu-badge--save >a::after,a.menu-badge--save::after,.menu-badge--popular >a::after,a.menu-badge--popular::after{right:14px;top:10px}#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li::after{display:none}}/* ===== 10. REDUCED MOTION SUPPORT ===== */@media (prefers-reduced-motion:reduce){#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu{transition:none}#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li a{transition:none}}/* ========================================== 11. CTA STYLING FOR MENU ITEMS ========================================== *//* PRIMARY CTA (Google Ads Audit) */.menu-cta-primary >a{display:block !important;padding:18px 20px !important;margin:0 0 24px 0 !important;background:linear-gradient(135deg,rgba(200,35,51,0.2) 0,rgba(200,35,51,0.1) 100%) !important;border:2px solid rgba(200,35,51,0.4) !important;border-left:4px solid #c82333 !important;border-radius:8px !important;text-align:center !important;transition:all 0.2s ease !important;font-size:1.05rem !important;font-weight:900 !important}.menu-cta-primary >a:hover{background:linear-gradient(135deg,rgba(200,35,51,0.3) 0,rgba(200,35,51,0.15) 100%) !important;border-color:rgba(200,35,51,0.6) !important;transform:translateY(-2px) !important;box-shadow:0 4px 16px rgba(200,35,51,0.3) !important;padding-left:20px !important}.menu-cta-primary .menu-item-description{display:block !important;margin-top:8px !important;font-size:0.88rem !important;color:rgba(255,255,255,0.8) !important;font-weight:400 !important;line-height:1.4 !important}.menu-cta-primary >a::before{content:"🔍";display:block;font-size:2rem;margin-bottom:8px;line-height:1}/* SECONDARY CTA (Package Builder) */.menu-cta-secondary >a{visibility:visible !important;display:block !important;padding:18px 20px !important;margin:0 0 16px 0 !important;background:rgba(255,255,255,0.04) !important;border:2px solid rgba(255,255,255,0.15) !important;border-radius:8px !important;text-align:center !important;transition:all 0.2s ease !important;font-size:1.05rem !important;font-weight:900 !important}.menu-cta-secondary >a:hover{background:rgba(255,255,255,0.08) !important;border-color:rgba(255,255,255,0.25) !important;transform:translateY(-2px) !important;box-shadow:0 4px 16px rgba(0,0,0,0.2) !important;padding-left:20px !important}.menu-cta-secondary .menu-item-description{display:block !important;margin-top:8px !important;font-size:0.88rem !important;color:rgba(255,255,255,0.75) !important;font-weight:400 !important;line-height:1.4 !important}.menu-cta-secondary >a::before{content:"📦";display:block;font-size:2rem;margin-bottom:8px;line-height:1}/* Remove icons if you don't want them - uncomment this:.menu-cta-primary >a::before,.menu-cta-secondary >a::before{display:none !important}*//* ========================================== 12. TRANSPARENCY GUARANTEE STYLING ========================================== *//* BLUE SHIELD STYLE (default) */.transparency-highlight >a{display:block !important;padding:24px 20px !important;margin:24px 0 0 0 !important;background:linear-gradient(135deg,rgba(56,189,248,0.15) 0,rgba(56,189,248,0.05) 100%) !important;border:2px solid rgba(56,189,248,0.3) !important;border-left:4px solid #38bdf8 !important;border-radius:8px !important;text-align:center !important;font-size:1.05rem !important;font-weight:900 !important;line-height:1.3 !important;text-transform:uppercase !important;letter-spacing:.02em !important;transition:all 0.2s ease !important}.transparency-highlight >a:hover{background:linear-gradient(135deg,rgba(56,189,248,0.2) 0,rgba(56,189,248,0.08) 100%) !important;border-color:rgba(56,189,248,0.5) !important;transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(56,189,248,0.2) !important;padding-left:20px !important}.transparency-highlight >a::before{content:"🛡️";display:block;font-size:2.5rem;margin-bottom:12px;line-height:1}.transparency-highlight .menu-item-description{display:block !important;margin-top:10px !important;font-size:0.85rem !important;color:rgba(255,255,255,0.85) !important;font-weight:400 !important;line-height:1.5 !important;text-transform:none !important;letter-spacing:normal !important}/* GREEN CHECKMARK STYLE (alternative) */.transparency-highlight-green >a{background:linear-gradient(135deg,rgba(34,197,94,0.15) 0,rgba(34,197,94,0.05) 100%) !important;border:2px solid rgba(34,197,94,0.3) !important;border-left:4px solid #22c55e !important}.transparency-highlight-green >a::before{content:"✓";font-size:3rem;color:#22c55e}.transparency-highlight-green >a:hover{background:linear-gradient(135deg,rgba(34,197,94,0.2) 0,rgba(34,197,94,0.08) 100%) !important;border-color:rgba(34,197,94,0.5) !important;box-shadow:0 6px 20px rgba(34,197,94,0.2) !important}/* ========================================== 13. PRICING MENU IMPROVEMENTS ========================================== *//* Narrower container for pricing menu */#menu-item-pricing .sub-menu.megamenu{max-width:900px !important}/* SECTION HEADERS */.pricing-section-header >a{display:block !important;padding:8px 0 10px 0 !important;margin:24px 0 16px 0 !important;font-weight:800 !important;font-size:0.8rem !important;letter-spacing:.12em !important;color:rgba(255,255,255,0.6) !important;text-transform:uppercase !important;background:none !important;border:none !important;border-bottom:1px solid rgba(255,255,255,0.15) !important;pointer-events:none !important}.pricing-section-header:first-child >a{margin-top:0 !important}/* FEATURED CTA (Build Your Bundle) */.pricing-cta-featured >a{display:block !important;padding:20px 24px !important;margin:0 0 20px 0 !important;background:linear-gradient(135deg,#c82333 0,#a01d2a 100%) !important;border:none !important;border-radius:8px !important;text-align:center !important;font-size:1.1rem !important;font-weight:900 !important;color:#ffffff !important;box-shadow:0 4px 16px rgba(200,35,51,0.4) !important;transition:all 0.2s ease !important}.pricing-cta-featured >a:hover{transform:translateY(-3px) !important;box-shadow:0 6px 24px rgba(200,35,51,0.5) !important;background:linear-gradient(135deg,#a01d2a 0,#8a1825 100%) !important;border-left:none !important;padding-left:24px !important}.pricing-cta-featured >a::before{content:"🚀";display:inline-block;font-size:1.3rem;margin-right:8px;line-height:1;vertical-align:middle}.pricing-cta-featured .menu-item-description{display:block !important;margin-top:8px !important;font-size:0.88rem !important;color:rgba(255,255,255,0.9) !important;font-weight:400 !important;line-height:1.4 !important}/* REGULAR PRICING PACKAGES */.pricing-package >a{display:block !important;padding:14px 18px !important;margin:0 0 8px 0 !important;background:rgba(255,255,255,0.02) !important;border:1px solid rgba(255,255,255,0.08) !important;border-left:3px solid transparent !important;border-radius:6px !important;font-size:1rem !important;font-weight:800 !important;transition:all 0.15s ease !important}.pricing-package >a:hover{background:rgba(255,255,255,0.06) !important;border-left-color:#c82333 !important;padding-left:22px !important;transform:translateX(2px) !important}.pricing-package .menu-item-description{display:block !important;margin-top:4px !important;font-size:0.82rem !important;color:rgba(255,255,255,0.65) !important;font-weight:400 !important;line-height:1.3 !important}/* SPECIAL/PREMIUM SERVICES */.pricing-special >a{display:block !important;padding:14px 18px !important;margin:0 0 8px 0 !important;background:rgba(200,35,51,0.08) !important;border:1px solid rgba(200,35,51,0.2) !important;border-left:3px solid rgba(200,35,51,0.5) !important;border-radius:6px !important;font-size:1rem !important;font-weight:800 !important;transition:all 0.15s ease !important}.pricing-special >a:hover{background:rgba(200,35,51,0.12) !important;border-left-color:#c82333 !important;padding-left:22px !important;transform:translateX(2px) !important}/* POPULAR BADGE */.pricing-popular >a::after{content:"POPULAR";display:inline-block;margin-left:8px;padding:2px 8px;font-size:9px;font-weight:800;border-radius:999px;background:#ffd166;color:#5a3a00;line-height:1;vertical-align:middle}/* LAYOUT OPTIONS */.pricing-two-column{grid-template-columns:repeat(2,1fr) !important;gap:30px !important}.pricing-three-column{grid-template-columns:repeat(3,1fr) !important;gap:25px !important}@media (max-width:768px){.pricing-two-column,.pricing-three-column{grid-template-columns:1fr !important}}/* ========================================== ONLY TWO CHANGES - NOTHING ELSE ========================================== *//* ===== 1. NEW:CALL EXPERT CTA BOX ===== */.call-expert-cta >a{display:block !important;padding:24px 20px !important;margin:24px 0 0 0 !important;background:linear-gradient(135deg,rgba(200,35,51,0.25) 0,rgba(200,35,51,0.12) 100%) !important;border:2px solid rgba(200,35,51,0.4) !important;border-left:4px solid #c82333 !important;border-radius:8px !important;text-align:center !important;font-size:1.05rem !important;font-weight:900 !important;line-height:1.3 !important;text-transform:uppercase !important;letter-spacing:.02em !important;transition:all 0.2s ease !important}.call-expert-cta >a:hover{background:linear-gradient(135deg,rgba(200,35,51,0.35) 0,rgba(200,35,51,0.18) 100%) !important;border-color:rgba(200,35,51,0.6) !important;transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(200,35,51,0.3) !important;padding-left:20px !important}.call-expert-cta >a::before{content:"📞";display:block;font-size:2.5rem;margin-bottom:12px;line-height:1}.call-expert-cta .menu-item-description{display:block !important;margin-top:10px !important;font-size:0.85rem !important;color:rgba(255,255,255,0.85) !important;font-weight:400 !important;line-height:1.5 !important;text-transform:none !important;letter-spacing:normal !important}/* ========================================== FINAL FIXES 1. Make menu items under headers same size 2. Phone number on one line ========================================== *//* ===== FIX MENU ITEMS (not headers) - ALL SAME SIZE ===== */body #site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li a:not([href="#"]),body #site-navigation-wrap .megamenu li a:not([href="#"]){font-size:1.18rem !important;font-weight:800 !important;line-height:1.28 !important;padding:10px 18px !important}/* ===== HEADERS - KEEP THEM ALL IDENTICAL ===== */body #site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li >a[href="#"],body.oceanwp-theme #site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li >a[href="#"],#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li >a[href="#"]{font-size:1rem !important;line-height:1.2 !important;padding:14px 18px !important;margin-bottom:22px !important;font-weight:900 !important;letter-spacing:.14em !important;color:#ffffff !important;text-transform:uppercase !important;background:#c82333 !important;border-radius:4px !important;display:block !important;pointer-events:none !important}/* ========================================== REPLACE THE .call-expert-cta SECTION ONLY MASSIVE phone number ========================================== *//* ===== CALL EXPERT BOX ===== */body .call-expert-cta >a,body #site-navigation-wrap .call-expert-cta >a,#site-navigation-wrap .megamenu .call-expert-cta >a{display:block !important;padding:38px 24px 32px 24px !important;margin:24px 0 0 0 !important;background:linear-gradient(135deg,rgba(200,35,51,0.25) 0,rgba(200,35,51,0.12) 100%) !important;border:2px solid rgba(200,35,51,0.4) !important;border-left:4px solid #c82333 !important;border-radius:8px !important;text-align:center !important;transition:all 0.2s ease !important;/* PHONE NUMBER - MASSIVE */font-size:3.8rem !important;font-weight:900 !important;letter-spacing:.05em !important;line-height:1.1 !important;color:#ffffff !important;text-transform:none !important;white-space:nowrap !important}body .call-expert-cta >a:hover,body #site-navigation-wrap .call-expert-cta >a:hover{background:linear-gradient(135deg,rgba(200,35,51,0.35) 0,rgba(200,35,51,0.18) 100%) !important;border-color:rgba(200,35,51,0.6) !important;transform:translateY(-2px) !important;box-shadow:0 6px 20px rgba(200,35,51,0.3) !important;padding-left:24px !important}/* BIG ICON AND HEADING */body .call-expert-cta >a::before,body #site-navigation-wrap .call-expert-cta >a::before{content:"📞\A SPEAK TO AN EXPERT";white-space:pre;display:block !important;margin-bottom:20px !important;/* Icon and heading size */font-size:2.2rem !important;font-weight:900 !important;letter-spacing:.08em !important;line-height:1.6 !important;text-transform:uppercase !important;color:#ffffff !important}/* Hours */body .call-expert-cta .menu-item-description,body #site-navigation-wrap .call-expert-cta .menu-item-description{display:block !important;margin-top:16px !important;font-size:0.9rem !important;color:rgba(255,255,255,0.85) !important;font-weight:600 !important;line-height:1.5 !important;text-transform:uppercase !important;letter-spacing:.08em !important;white-space:normal !important}/* SEO AUDIT CTA — RED VERSION (MATCHES GOOGLE ADS AUDIT STYLE) */.menu-cta-seo >a{display:block !important;padding:18px 20px !important;margin:0 0 16px 0 !important;background:linear-gradient(135deg,rgba(200,35,51,0.2) 0,rgba(200,35,51,0.1) 100%) !important;border:2px solid rgba(200,35,51,0.4) !important;border-left:4px solid #c82333 !important;border-radius:8px !important;text-align:center !important;transition:all 0.2s ease !important;font-size:1.05rem !important;font-weight:900 !important;color:#ffffff !important}.menu-cta-seo >a:hover{background:linear-gradient(135deg,rgba(200,35,51,0.3) 0,rgba(200,35,51,0.15) 100%) !important;border-color:rgba(200,35,51,0.6) !important;transform:translateY(-2px) !important;box-shadow:0 4px 16px rgba(200,35,51,0.3) !important;padding-left:20px !important}/* ICON — change if you want (📈 currently for SEO) */.menu-cta-seo >a::before{content:"📈";display:block;font-size:2rem;margin-bottom:8px;line-height:1}/* DESCRIPTION — same layout as other CTAs */.menu-cta-seo .menu-item-description{display:block !important;margin-top:8px !important;font-size:0.88rem !important;color:rgba(255,255,255,0.8) !important;font-weight:400 !important;line-height:1.4 !important}/* Small screen safeguard */@media (max-width:480px){.menu-cta-seo >a{font-size:clamp(1rem,3.6vw,1.05rem) !important}}/* POPULAR pill sits on the title line only */.pricing-popular >a{position:relative;display:block !important;/* reset any flex/grid from earlier */padding-right:96px !important;/* space for the pill so text never overlaps */white-space:normal;/* allow title to wrap if needed */}/* Place the pill at the right edge,aligned to the first text line */.pricing-popular >a::after{position:absolute;right:18px;top:12px;/* tweak if your title padding changes */margin:0;/* ignore previous margins */}/* Description always drops below the title line */.pricing-popular .menu-item-description{display:block !important;margin-top:6px !important;white-space:normal !important}/* Optional:if titles are super long,softly cap to 2 lines before the description */.pricing-popular >a{display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pricing-popular .menu-item-description{-webkit-line-clamp:unset;display:block !important}.menu-cta-primary,.menu-cta-seo,.menu-cta-secondary{box-shadow:0 6px 20px rgba(0,0,0,0.25)}.menu-cta-primary >a:hover,.menu-cta-seo >a:hover,.menu-cta-secondary >a:hover{transform:translateY(-3px)}#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li:hover{background:rgba(255,255,255,0.02);border-radius:6px}#site-navigation-wrap .dropdown-menu >li.megamenu-li >ul.sub-menu.megamenu >li >a[href="#"]{margin-bottom:26px !important}/* Ensure the media wrapper is positioned for overlay */.eael-entry-media,.eael-entry-media .eael-entry-thumbnail{position:relative;overflow:hidden}/* --------------------------------------------------------- DPOM – Case Study Image Space Overlays (3 variants) Applies only to the grid with ID eael-post-grid-a662b84 --------------------------------------------------------- *//* Ensure the media wrapper is positioned for overlay */#eael-post-grid-a662b84 .eael-entry-media,#eael-post-grid-a662b84 .eael-entry-media .eael-entry-thumbnail{position:relative;overflow:hidden}/* Variant 1 – used on 1st,4th,7th,… cards */#eael-post-grid-a662b84 .eael-entry-media::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient( to bottom,rgba(3,12,30,0.55),rgba(3,12,30,0.35) ),url('https://www.dpom.co.uk/wp-content/uploads/2025/11/cs-overlay1.webp') center / cover no-repeat;opacity:0.6;background-blend-mode:screen,normal}/* Variant 2 – used on 2nd,5th,8th,… cards */#eael-post-grid-a662b84 article:nth-child(3n+2) .eael-entry-media::after{background:linear-gradient( to bottom,rgba(3,12,30,0.55),rgba(3,12,30,0.35) ),url('https://www.dpom.co.uk/wp-content/uploads/2025/11/cs-overlay2.webp') center / cover no-repeat}/* Variant 3 – used on 3rd,6th,9th,… cards */#eael-post-grid-a662b84 article:nth-child(3n+3) .eael-entry-media::after{background:linear-gradient( to bottom,rgba(3,12,30,0.55),rgba(3,12,30,0.35) ),url('https://www.dpom.co.uk/wp-content/uploads/2025/11/cs-overlay3.webp') center / cover no-repeat}/* ============================================ *//* DPOM ROCKET RUSH - Mega Menu Item Styling *//* ============================================ *//* SETUP INSTRUCTIONS:1. In WordPress,add a custom CSS class to your menu item:"rocket-rush-menu" 2. Add this CSS to your theme's custom CSS 3. Enjoy the smooth pulsating effect! *//* Add spacing around the menu item */.rocket-rush-menu,.menu-item-rocket-rush,li.rocket-rush{margin:1.5rem 0 !important;padding:0 !important}/* Style the menu link */.rocket-rush-menu >a,.menu-item-rocket-rush >a,li.rocket-rush >a{position:relative;display:block !important;background:linear-gradient(135deg,#16a34a,#22c55e,#4ade80) !important;background-size:200% 200% !important;color:#000000 !important;font-weight:900 !important;padding:1rem 1.8rem !important;border-radius:16px !important;text-transform:uppercase !important;letter-spacing:.1em !important;font-size:1.05rem !important;text-align:center !important;transition:all 0.4s ease !important;border:2px solid rgba(110,231,183,0.5) !important;box-shadow:0 4px 20px rgba(34,197,94,0.4),0 0 0 0 rgba(34,197,94,0.4),inset 0 1px 0 rgba(255,255,255,0.3) !important;animation:smooth-pulse 3s ease-in-out infinite,gradient-shift 6s ease infinite !important;overflow:hidden}/* Add rocket emoji before text */.rocket-rush-menu >a::before,.menu-item-rocket-rush >a::before,li.rocket-rush >a::before{content:"🚀 ";font-size:1.3em;margin-right:0.4rem;display:inline-block;animation:rocket-bounce 2s ease-in-out infinite}/* Rocket bounce animation */@keyframes rocket-bounce{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-2px) rotate(5deg)}}/* Gradient animation for background */@keyframes gradient-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}/* Smooth pulsating glow animation */@keyframes smooth-pulse{0%,100%{box-shadow:0 4px 20px rgba(34,197,94,0.4),0 0 25px rgba(34,197,94,0.3),inset 0 1px 0 rgba(255,255,255,0.3)}50%{box-shadow:0 6px 30px rgba(34,197,94,0.6),0 0 50px rgba(34,197,94,0.5),0 0 75px rgba(34,197,94,0.3),inset 0 1px 0 rgba(255,255,255,0.4)}}/* Hover effect - enhanced but not jarring */.rocket-rush-menu >a:hover,.menu-item-rocket-rush >a:hover,li.rocket-rush >a:hover{background:linear-gradient(135deg,#22c55e,#4ade80,#6ee7b7) !important;transform:translateY(-3px) scale(1.02) !important;border-color:rgba(110,231,183,0.8) !important;box-shadow:0 8px 35px rgba(34,197,94,0.7),0 0 60px rgba(34,197,94,0.6),inset 0 1px 0 rgba(255,255,255,0.5) !important;animation:none !important}/* Hover effect on rocket emoji */.rocket-rush-menu >a:hover::before,.menu-item-rocket-rush >a:hover::before,li.rocket-rush >a:hover::before{animation:rocket-blast 0.6s ease-in-out}/* Rocket blast animation on hover */@keyframes rocket-blast{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(-10deg) scale(1.2)}100%{transform:translateY(0) rotate(0deg)}}/* Subtle shine effect that moves across */.rocket-rush-menu >a::after,.menu-item-rocket-rush >a::after,li.rocket-rush >a::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.3),transparent );transform:skewX(-20deg);animation:shine-sweep 8s ease-in-out infinite}@keyframes shine-sweep{0%,90%,100%{left:-100%}50%,60%{left:150%}}/* Stop shine on hover */.rocket-rush-menu >a:hover::after,.menu-item-rocket-rush >a:hover::after,li.rocket-rush >a:hover::after{animation:none;opacity:0}/* Active/clicked state */.rocket-rush-menu >a:active,.menu-item-rocket-rush >a:active,li.rocket-rush >a:active{transform:translateY(0) !important;box-shadow:0 2px 10px rgba(34,197,94,0.5) !important}/* Focus state for keyboard navigation */.rocket-rush-menu >a:focus,.menu-item-rocket-rush >a:focus,li.rocket-rush >a:focus{outline:3px solid #22c55e !important;outline-offset:3px !important;animation:none !important}/* Mobile responsive */@media (max-width:768px){.rocket-rush-menu,.menu-item-rocket-rush,li.rocket-rush{margin:1rem 0 !important}.rocket-rush-menu >a,.menu-item-rocket-rush >a,li.rocket-rush >a{padding:0.85rem 1.5rem !important;font-size:0.95rem !important}}/* Reduce animation for users who prefer reduced motion */@media (prefers-reduced-motion:reduce){.rocket-rush-menu >a,.menu-item-rocket-rush >a,li.rocket-rush >a{animation:none !important}.rocket-rush-menu >a::before,.menu-item-rocket-rush >a::before,li.rocket-rush >a::before{animation:none !important}.rocket-rush-menu >a::after,.menu-item-rocket-rush >a::after,li.rocket-rush >a::after{display:none !important}}/* test123 *//* DPOM Header Redesign - Round Logo *//* ===== SINGLE HEADER - Move portal bar links into main header ===== *//* Position portal bar at top-right of header,directly above the CTA */.portal-bar{position:fixed !important;top:0 !important;right:calc((100vw - 1200px) / 2) !important;left:auto !important;width:auto !important;background:transparent !important;border:none !important;box-shadow:none !important;z-index:10000 !important;padding:0 !important;margin:0 !important;transition:opacity 0.3s ease,transform 0.3s ease !important}/* Hide portal bar when scrolled */.portal-bar.portal-hidden{opacity:0 !important;transform:translateY(-100%) !important;pointer-events:none !important}.portal-bar__inner{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:12px !important;background:linear-gradient(135deg,#c82333 0,#a01c2a 100%) !important;padding:6px 20px !important;border-radius:0 0 8px 8px !important}.portal-bar a{color:rgba(255,255,255,0.9) !important;font-size:11px !important;font-weight:500 !important;letter-spacing:.5px !important;text-transform:uppercase !important;transition:color 0.2s ease !important;text-decoration:none !important}.portal-bar a:hover{color:#ffffff !important}/* Hide any #top-bar-wrap */#top-bar-wrap,.top-bar-wrap{display:none !important}/* ===== TWINKLING STARS ANIMATION ===== */@keyframes twinkle1{0%,100%{opacity:0.3}50%{opacity:1}}@keyframes twinkle2{0%,100%{opacity:0.6}50%{opacity:0.15}}/* Main header - navy background with stars + STICKY */#site-header,#site-header.minimal-header{background:#1a1a2e !important;border:none !important;box-shadow:0 2px 20px rgba(0,0,0,0.3) !important;position:sticky !important;top:0 !important;z-index:9999 !important;transition:box-shadow 0.35s ease,background 0.35s ease !important;will-change:box-shadow !important;backface-visibility:hidden !important}#site-header-inner,#site-logo,#site-logo-inner,#site-navigation-wrap,#site-navigation,.after-header-content,.after-header-content-inner,#site-navigation .main-menu>li{transition:none !important}#site-header{contain:layout !important}/* ===== COMPACT MODE when scrolled ===== */#site-header.header-scrolled #site-header-inner{padding-top:6px !important;padding-bottom:6px !important}#site-header.header-scrolled #site-logo img{max-height:55px !important;box-shadow:0 0 12px rgba(200,35,51,0.3),0 0 25px rgba(200,35,51,0.1) !important}#site-header.header-scrolled .after-header-content-inner >div,#site-header.header-scrolled .after-header-content .after-header-content-inner >div{padding:8px 20px !important;font-size:12px !important}#site-header.header-scrolled{box-shadow:0 4px 30px rgba(0,0,0,0.5) !important}#site-header.header-scrolled,#site-header.header-scrolled.minimal-header{height:auto !important;min-height:0 !important}#site-header.header-scrolled #site-logo a{height:auto !important;min-height:0 !important}#site-header.header-scrolled #site-logo,#site-header.header-scrolled #site-navigation-wrap,#site-header.header-scrolled .after-header-content{height:auto !important;min-height:0 !important}#site-header.header-scrolled #site-header-inner{height:auto !important;min-height:0 !important}/* Break OceanWP's table layout in compact mode */#site-header.header-scrolled #site-logo,#site-header.header-scrolled .after-header-content{display:block !important}#site-header.header-scrolled #site-logo-inner,#site-header.header-scrolled .after-header-content-inner{display:flex !important;align-items:center !important;height:auto !important}#site-header.header-scrolled #site-navigation{height:auto !important}/* Vertically center nav items in compact header */#site-header.header-scrolled #site-navigation-wrap{display:flex !important;align-items:center !important}#site-header.header-scrolled #site-navigation{display:flex !important;align-items:center !important}#site-header.header-scrolled #site-navigation .main-menu{display:flex !important;align-items:center !important;justify-content:flex-start !important;height:auto !important;margin:0 !important;padding:0 !important}#site-header.header-scrolled #site-navigation .main-menu >li{float:none !important;height:auto !important;line-height:normal !important;display:flex !important;align-items:center !important}#site-header.header-scrolled #site-navigation .main-menu >li >a{line-height:normal !important;padding-top:8px !important;padding-bottom:8px !important;font-size:12px !important}/* Smaller dropdown offset in compact mode */#site-header.header-scrolled #site-navigation .main-menu >li >.sub-menu,#site-header.header-scrolled #site-navigation .main-menu >li >.megamenu{margin-top:0 !important}/* Star layer 1 - small bright stars */#site-header::before{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,0.8) 0,transparent 100%),radial-gradient(1px 1px at 25% 60%,rgba(255,255,255,0.7) 0,transparent 100%),radial-gradient(1px 1px at 40% 15%,rgba(255,255,255,0.9) 0,transparent 100%),radial-gradient(1px 1px at 55% 75%,rgba(255,255,255,0.6) 0,transparent 100%),radial-gradient(1px 1px at 70% 35%,rgba(255,255,255,0.8) 0,transparent 100%),radial-gradient(1px 1px at 85% 55%,rgba(255,255,255,0.7) 0,transparent 100%),radial-gradient(1px 1px at 15% 80%,rgba(255,255,255,0.5) 0,transparent 100%),radial-gradient(1px 1px at 95% 10%,rgba(255,255,255,0.9) 0,transparent 100%),radial-gradient(1px 1px at 5% 45%,rgba(255,255,255,0.6) 0,transparent 100%),radial-gradient(1px 1px at 60% 90%,rgba(255,255,255,0.7) 0,transparent 100%),radial-gradient(1.5px 1.5px at 33% 40%,rgba(255,255,255,0.9) 0,transparent 100%),radial-gradient(1.5px 1.5px at 78% 70%,rgba(255,255,255,0.8) 0,transparent 100%),radial-gradient(1px 1px at 48% 50%,rgba(255,255,255,0.5) 0,transparent 100%),radial-gradient(1px 1px at 88% 85%,rgba(255,255,255,0.7) 0,transparent 100%) !important;z-index:0 !important;pointer-events:none !important;animation:twinkle1 3s ease-in-out infinite !important}/* Star layer 2 - offset timing for natural feel */#site-header::after{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background-image:radial-gradient(1px 1px at 18% 30%,rgba(255,255,255,0.7) 0,transparent 100%),radial-gradient(1px 1px at 35% 70%,rgba(255,255,255,0.6) 0,transparent 100%),radial-gradient(1.5px 1.5px at 52% 25%,rgba(255,255,255,0.8) 0,transparent 100%),radial-gradient(1px 1px at 68% 55%,rgba(255,255,255,0.5) 0,transparent 100%),radial-gradient(1px 1px at 82% 15%,rgba(255,255,255,0.9) 0,transparent 100%),radial-gradient(1px 1px at 8% 65%,rgba(255,255,255,0.6) 0,transparent 100%),radial-gradient(1.5px 1.5px at 45% 85%,rgba(255,255,255,0.7) 0,transparent 100%),radial-gradient(1px 1px at 92% 40%,rgba(255,255,255,0.8) 0,transparent 100%),radial-gradient(1px 1px at 22% 95%,rgba(255,255,255,0.5) 0,transparent 100%),radial-gradient(1px 1px at 75% 8%,rgba(255,255,255,0.7) 0,transparent 100%),radial-gradient(2px 2px at 62% 45%,rgba(200,35,51,0.4) 0,transparent 100%),radial-gradient(2px 2px at 28% 12%,rgba(200,35,51,0.3) 0,transparent 100%) !important;z-index:0 !important;pointer-events:none !important;animation:twinkle2 4.5s ease-in-out infinite !important}#site-header-inner{background:transparent !important;border:none !important;box-shadow:none !important;position:relative !important;z-index:1 !important}/* Client Portal pill button - subtle border style */a[href*="portal.dpom"]{border:1.5px solid rgba(255,255,255,0.7) !important;border-radius:50px !important;padding:4px 14px !important;font-weight:600 !important;font-size:11px !important;letter-spacing:.5px !important;transition:all 0.3s ease !important}a[href*="portal.dpom"]:hover{background:rgba(255,255,255,0.1) !important;border-color:#ffffff !important;color:#ffffff !important}a[href*="/partners/"]{margin-right:4px !important;border:1.5px solid rgba(255,255,255,0.7) !important;border-radius:50px !important;padding:4px 14px !important;font-weight:600 !important;font-size:11px !important;letter-spacing:.5px !important}a[href*="/partners/"]:hover{background:rgba(255,255,255,0.1) !important;border-color:#ffffff !important;color:#ffffff !important}#menu-item-25612>a{background:linear-gradient(135deg,rgba(201,168,76,0.15) 0%,rgba(201,168,76,0.05) 100%) !important;border:1px solid rgba(201,168,76,0.3) !important;border-radius:8px !important}#menu-item-25612>a .text-wrap{color:#C9A84C !important}#menu-item-25612>a .nav-content{color:rgba(201,168,76,0.6) !important}#menu-item-25612>a:hover{background:linear-gradient(135deg,rgba(201,168,76,0.25) 0%,rgba(201,168,76,0.1) 100%) !important;border-color:rgba(201,168,76,0.5) !important}a[href*="premium.dpom"]:hover{background:rgba(201,168,76,0.15) !important;border-color:#C9A84C !important;color:#C9A84C !important}a[href*="/partners/"]{margin-right:4px !important;border:1.5px solid rgba(255,255,255,0.7) !important;border-radius:50px !important;padding:4px 14px !important;font-weight:600 !important;font-size:11px !important;letter-spacing:.5px !important;transition:all 0.3s ease !important;margin-left:-4px !important;margin-right:-4px !important}a[href*="/partners/"]:hover{background:rgba(255,255,255,0.1) !important;border-color:#ffffff !important;color:#ffffff !important}/* ===== LOGO - Red Glow ===== */#site-logo{order:1 !important}#site-logo img{border-radius:50% !important;box-shadow:0 0 18px rgba(200,35,51,0.35),0 0 40px rgba(200,35,51,0.12) !important;transition:box-shadow 0.35s ease,background 0.35s ease !important;will-change:box-shadow !important;backface-visibility:hidden !important;max-height:110px !important}#site-logo img:hover{transform:scale(1.06) !important;box-shadow:0 0 28px rgba(200,35,51,0.5),0 0 55px rgba(200,35,51,0.2) !important}/* ===== NAV LINKS - clean white ===== */#site-navigation .menu-item >a{color:#ffffff !important;transition:color 0.2s ease !important}#site-navigation .menu-item >a:hover{color:#e63946 !important}/* ===== CTA PHONE - Neat pill ===== */.after-header-content,#site-header .after-header-content{background:transparent !important;border:none !important;border-radius:0 !important;padding:0 !important;margin:0 !important;box-shadow:none !important;transition:all 0.3s ease !important;order:3 !important}/* Override the inner div's inline styles */.after-header-content-inner >div,.after-header-content .after-header-content-inner >div{background-color:transparent !important;background:transparent !important;border:2px solid #c82333 !important;border-radius:50px !important;padding:12px 28px !important;margin-left:0 !important;font-size:13px !important;font-weight:700 !important;letter-spacing:.5px !important;color:#ffffff !important;transition:all 0.3s ease !important;box-shadow:0 0 12px rgba(200,35,51,0.15) !important}.after-header-content-inner >div:hover,.after-header-content .after-header-content-inner >div:hover{background:#c82333 !important;box-shadow:0 0 25px rgba(200,35,51,0.45) !important;transform:translateY(-1px) !important}.after-header-content a,.after-header-content span{color:#ffffff !important}/* ===== FLEX LAYOUT - even spacing ===== */#site-header-inner{display:flex !important;align-items:center !important;justify-content:space-between !important;padding-top:30px !important;padding-bottom:12px !important}#site-logo{order:1 !important;align-self:center !important}#site-navigation-wrap{order:2 !important;flex:1 !important;align-self:center !important}.after-header-content{order:3 !important;align-self:center !important}/* Force nav menu to flexbox instead of floats for proper centering */#site-navigation .main-menu{display:flex !important;align-items:center !important;justify-content:flex-start !important;height:auto !important}#site-navigation .main-menu >li{float:none !important;height:auto !important;line-height:normal !important;position:relative !important}/* Hover bridge:invisible extension below each nav item so mouse can reach dropdown */#site-navigation .main-menu >li:hover::after{content:"" !important;position:absolute !important;top:100% !important;left:0 !important;width:100% !important;height:60px !important}#site-header.header-scrolled #site-navigation .main-menu >li:hover::after{height:5px !important}#site-navigation .main-menu >li >a{line-height:normal !important;padding-top:10px !important;padding-bottom:10px !important}/* ===== DROPDOWN MENUS - match dark theme ===== *//* Push first-level dropdowns down to align with header bottom */#site-navigation .main-menu >li >.sub-menu,#site-navigation .main-menu >li >.megamenu{margin-top:55px !important}#site-navigation .sub-menu{background:#1a1a2e !important;border:1px solid rgba(255,255,255,0.08) !important;border-radius:8px !important;box-shadow:0 10px 30px rgba(0,0,0,0.4) !important;overflow:hidden !important}#site-navigation .sub-menu .menu-item a{color:#e0e0e0 !important;font-size:12px !important;padding:10px 20px !important;border-bottom:1px solid rgba(255,255,255,0.04) !important;transition:all 0.2s ease !important}#site-navigation .sub-menu .menu-item a:hover{background:rgba(200,35,51,0.12) !important;color:#ffffff !important}/* ===== RESPONSIVE ===== */@media (max-width:959px){.portal-bar{position:relative !important;top:auto !important;right:auto !important;background:#1a1a2e !important;width:100% !important;text-align:center !important;padding:8px 0 !important}#site-header-inner{padding-top:10px !important;padding-bottom:10px !important}.after-header-content{padding:8px 16px !important;font-size:12px !important}}/* END DPOM Header Redesign */ 

/* ---- family 4 (234/239 pages, 2 variants, 9118B) ---- */
 /* General CSS */a:hover,a.light:hover,.theme-heading .text::before,.theme-heading .text::after,#top-bar-content >a:hover,#top-bar-social li.oceanwp-email a:hover,#site-navigation-wrap .dropdown-menu >li >a:hover,#site-header.medium-header #medium-searchform button:hover,.oceanwp-mobile-menu-icon a:hover,.blog-entry.post .blog-entry-header .entry-title a:hover,.blog-entry.post .blog-entry-readmore a:hover,.blog-entry.thumbnail-entry .blog-entry-category a,ul.meta li a:hover,.dropcap,.single nav.post-navigation .nav-links .title,body .related-post-title a:hover,body #wp-calendar caption,body .contact-info-widget.default i,body .contact-info-widget.big-icons i,body .custom-links-widget .oceanwp-custom-links li a:hover,body .custom-links-widget .oceanwp-custom-links li a:hover:before,body .posts-thumbnails-widget li a:hover,body .social-widget li.oceanwp-email a:hover,.comment-author .comment-meta .comment-reply-link,#respond #cancel-comment-reply-link:hover,#footer-widgets .footer-box a:hover,#footer-bottom a:hover,#footer-bottom #footer-bottom-menu a:hover,.sidr a:hover,.sidr-class-dropdown-toggle:hover,.sidr-class-menu-item-has-children.active >a,.sidr-class-menu-item-has-children.active >a >.sidr-class-dropdown-toggle,input[type=checkbox]:checked:before{color:#d72638}input[type="button"],input[type="reset"],input[type="submit"],button[type="submit"],.button,#site-navigation-wrap .dropdown-menu >li.btn >a >span,.thumbnail:hover i,.post-quote-content,.omw-modal .omw-close-modal,body .contact-info-widget.big-icons li:hover i,body div.wpforms-container-full .wpforms-form input[type=submit],body div.wpforms-container-full .wpforms-form button[type=submit],body div.wpforms-container-full .wpforms-form .wpforms-page-button{background-color:#d72638}.widget-title{border-color:#d72638}blockquote{border-color:#d72638}#searchform-dropdown{border-color:#d72638}.dropdown-menu .sub-menu{border-color:#d72638}.blog-entry.large-entry .blog-entry-readmore a:hover{border-color:#d72638}.oceanwp-newsletter-form-wrap input[type="email"]:focus{border-color:#d72638}.social-widget li.oceanwp-email a:hover{border-color:#d72638}#respond #cancel-comment-reply-link:hover{border-color:#d72638}body .contact-info-widget.big-icons li:hover i{border-color:#d72638}#footer-widgets .oceanwp-newsletter-form-wrap input[type="email"]:focus{border-color:#d72638}input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,button[type="submit"]:hover,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button[type="submit"]:focus,.button:hover,#site-navigation-wrap .dropdown-menu >li.btn >a:hover >span,.post-quote-author,.omw-modal .omw-close-modal:hover,body div.wpforms-container-full .wpforms-form input[type=submit]:hover,body div.wpforms-container-full .wpforms-form button[type=submit]:hover,body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover{background-color:#c22232}a{color:#1c1d21}a:hover{color:#333333}/* Header CSS */#site-logo #site-logo-inner,.oceanwp-social-menu .social-menu-inner,#site-header.full_screen-header .menu-bar-inner,.after-header-content .after-header-content-inner{height:120px}#site-navigation-wrap .dropdown-menu >li >a,.oceanwp-mobile-menu-icon a,.mobile-menu-close,.after-header-content-inner >a{line-height:120px}#site-header,.has-transparent-header .is-sticky #site-header,.has-vh-transparent .is-sticky #site-header.vertical-header,#searchform-header-replace{background-color:#1a1a2e}#site-header-inner{padding:0 0 0 40px}@media (max-width:480px){#site-header-inner{padding:0}}#site-header.has-header-media .overlay-header-media{background-color:rgba(0,0,0,0.5)}#site-header #site-logo #site-logo-inner a img,#site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:110px}@media (max-width:768px){#site-header #site-logo #site-logo-inner a img,#site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:50px}}@media (max-width:480px){#site-header #site-logo #site-logo-inner a img,#site-header.center-header #site-navigation-wrap .middle-site-logo a img{max-height:40px}}.effect-one #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after,.effect-three #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after,.effect-five #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:before,.effect-five #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after,.effect-nine #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:before,.effect-nine #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after{background-color:#c72639}.effect-four #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:before,.effect-four #site-navigation-wrap .dropdown-menu >li >a.menu-link >span:after,.effect-seven #site-navigation-wrap .dropdown-menu >li >a.menu-link:hover >span:after,.effect-seven #site-navigation-wrap .dropdown-menu >li.sfHover >a.menu-link >span:after{color:#c72639}.effect-seven #site-navigation-wrap .dropdown-menu >li >a.menu-link:hover >span:after,.effect-seven #site-navigation-wrap .dropdown-menu >li.sfHover >a.menu-link >span:after{text-shadow:10px 0 #c72639,-10px 0 #c72639}#site-navigation-wrap .dropdown-menu >li >a{padding:0 14px}#site-navigation-wrap .dropdown-menu >li >a,.oceanwp-mobile-menu-icon a,#searchform-header-replace-close{color:#ffffff}#site-navigation-wrap .dropdown-menu >li >a:hover,.oceanwp-mobile-menu-icon a:hover,#searchform-header-replace-close:hover{color:#C22232}#site-navigation-wrap .dropdown-menu >.current-menu-item >a,#site-navigation-wrap .dropdown-menu >.current-menu-ancestor >a,#site-navigation-wrap .dropdown-menu >.current-menu-item >a:hover,#site-navigation-wrap .dropdown-menu >.current-menu-ancestor >a:hover{color:#d72638}.dropdown-menu .sub-menu{min-width:260px}.dropdown-menu .sub-menu,#searchform-dropdown,.current-shop-items-dropdown{border-color:#c72638}.dropdown-menu ul li a.menu-link{color:#1c1d21}.dropdown-menu ul li a.menu-link:hover{color:#ffffff}.dropdown-menu ul li a.menu-link:hover{background-color:#c72638}#mobile-dropdown{max-height:600px}/* Blog CSS */.single-post.content-max-width .thumbnail,.single-post.content-max-width .entry-header,.single-post.content-max-width ul.meta,.single-post.content-max-width .entry-content p,.single-post.content-max-width .entry-content h1,.single-post.content-max-width .entry-content h2,.single-post.content-max-width .entry-content h3,.single-post.content-max-width .entry-content h4,.single-post.content-max-width .entry-content h5,.single-post.content-max-width .entry-content h6,.single-post.content-max-width .wp-block-image,.single-post.content-max-width .wp-block-gallery,.single-post.content-max-width .wp-block-video,.single-post.content-max-width .wp-block-quote,.single-post.content-max-width .wp-block-text-columns,.single-post.content-max-width .entry-content ul,.single-post.content-max-width .entry-content ol,.single-post.content-max-width .wp-block-cover-text,.single-post.content-max-width .post-tags,.single-post.content-max-width .comments-area,.wp-block-separator.is-style-wide{max-width:900px}.single-post.content-max-width .wp-block-image.alignleft,.single-post.content-max-width .wp-block-image.alignright{max-width:450px}.single-post.content-max-width .wp-block-image.alignleft{margin-left:calc( 50% - 450px)}.single-post.content-max-width .wp-block-image.alignright{margin-right:calc( 50% - 450px)}/* Footer Widgets CSS */#footer-widgets{background-color:#202226}#footer-widgets li,#footer-widgets #wp-calendar caption,#footer-widgets #wp-calendar th,#footer-widgets #wp-calendar tbody,#footer-widgets .contact-info-widget i,#footer-widgets .oceanwp-newsletter-form-wrap input[type="email"],#footer-widgets .posts-thumbnails-widget li,#footer-widgets .social-widget li a{border-color:rgba(255,255,255,0.05)}/* Footer Bottom CSS */#footer-bottom{background-color:#1c1d21}#footer-bottom,#footer-bottom p{color:#636363}/* Typography CSS */body{font-family:Raleway;font-size:18px}h1,h2,h3,h4,h5,h6,.theme-heading,.widget-title,.oceanwp-widget-recent-posts-title,.comment-reply-title,.entry-title,.sidebar-box .widget-title{font-family:Montserrat;font-weight:700;color:#1c1d21;line-height:1.1}h1{font-size:36px}h2{font-weight:700;font-size:26px}h3{font-size:20px}h4{font-weight:400;font-style:normal;font-size:22px;color:#848484;line-height:1.6}#site-navigation-wrap .dropdown-menu >li >a,#site-header.full_screen-header .fs-dropdown-menu >li >a,#site-header.top-header #site-navigation-wrap .dropdown-menu >li >a,#site-header.center-header #site-navigation-wrap .dropdown-menu >li >a,#site-header.medium-header #site-navigation-wrap .dropdown-menu >li >a,.oceanwp-mobile-menu-icon a{font-weight:700;letter-spacing:.1px;text-transform:uppercase}.dropdown-menu ul li a.menu-link,#site-header.full_screen-header .fs-dropdown-menu ul.sub-menu li a{font-weight:700;font-size:11px;letter-spacing:.1px;text-transform:uppercase}.sidebar-box,.footer-box{font-weight:500;font-size:12px;color:rgba(255,255,255,0.7);line-height:1.8}#footer-widgets .footer-box .widget-title{font-size:0} 

/* ---- family 5 (236/239 pages, 1 variants, 483B) ---- */
/* Megamenu positioning - match header container width */
#site-navigation-wrap .dropdown-menu > li.megamenu-li {
  position: static !important;
}

#site-navigation-wrap .dropdown-menu > li.megamenu-li > ul.sub-menu.megamenu {
  position: absolute !important;
  width: 1200px !important;
  max-width: 95vw !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  box-sizing: border-box !important;
}

#site-navigation-wrap {
  position: relative !important;
}


/* ---- family 6 (236/239 pages, 1 variants, 739B) ---- */

/* Fix mega menu column layouts - flexbox override */
ul.megamenu.col-4 {
  display: flex !important;
  flex-wrap: nowrap !important;
}
ul.megamenu.col-4 > li {
  flex: 1 1 25% !important;
  float: none !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}
ul.megamenu.col-2 {
  display: flex !important;
  flex-wrap: nowrap !important;
}
ul.megamenu.col-2 > li {
  flex: 1 1 50% !important;
  float: none !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}
ul.megamenu.col-3 {
  display: flex !important;
  flex-wrap: nowrap !important;
}
ul.megamenu.col-3 > li {
  flex: 1 1 33.33% !important;
  float: none !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}


/* ---- family 7 (235/239 pages, 1 variants, 1080B) ---- */
.menu-cta-secondary,.menu-cta-secondary>a,.menu-cta-secondary .text-wrap,.menu-cta-secondary .nav-content{visibility:visible !important;display:block !important}.menu-cta-secondary>a{opacity:1 !important}.call-expert-cta{margin-bottom:20px !important}@media(max-width:959px){#site-navigation-wrap{display:none !important}#site-header-inner{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important}#site-logo{order:1 !important;float:none !important}.oceanwp-mobile-menu-icon{order:3 !important;float:none !important;margin-left:auto !important}.after-header-content{order:2 !important;display:none !important}.mobile-menu{font-size:22px !important;padding:8px !important}.mobile-menu .hamburger-box{width:28px !important;height:22px !important}.mobile-menu .hamburger-inner,.mobile-menu .hamburger-inner::before,.mobile-menu .hamburger-inner::after{width:28px !important;height:3px !important}a.mobile-menu{font-size:22px !important}.oceanwp-mobile-menu-icon a{font-size:22px !important;padding:10px !important}}

/* ---- family 8 (233/239 pages, 1 variants, 1391B) ---- */

/* Case Studies menu item - match CTA card style */
#menu-item-88501 > a {
  visibility: visible !important;
  display: block !important;
  padding: 18px 20px !important;
  margin: 0 0 16px 0 !important;
  background: linear-gradient(135deg, rgba(200,35,51,0.12) 0, rgba(200,35,51,0.04) 100%) !important;
  border: 2px solid rgba(200,35,51,0.2) !important;
  border-radius: 8px !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
}
#menu-item-88501 > a:hover {
  background: linear-gradient(135deg, rgba(200,35,51,0.25) 0, rgba(200,35,51,0.1) 100%) !important;
  border-color: rgba(200,35,51,0.5) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(200,35,51,0.25) !important;
}
#menu-item-88501 > a::before {
  content: 
F4CA;
  display: block;
  font-size: 2rem;
  margin-bottom: 8px;
  line-height: 1;
}
#menu-item-88501 .nav-content {
  display: block !important;
  margin-top: 8px !important;
  font-size: 0.88rem !important;
  color: rgba(255,255,255,0.8) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}
#menu-item-88501, #menu-item-88501 > a, #menu-item-88501 .text-wrap, #menu-item-88501 .nav-content {
  visibility: visible !important;
}
#menu-item-88501 {
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  border-radius: 8px;
}


/* ---- family 9 (234/239 pages, 1 variants, 2256B) ---- */

/* Case Studies menu card - all dropdowns */
#menu-item-88501>a,#menu-item-88502>a,#menu-item-88503>a,#menu-item-88504>a,#menu-item-88505>a,#menu-item-885>a{visibility:visible!important;display:block!important;padding:18px 20px!important;margin:0 0 16px 0!important;background:linear-gradient(135deg,rgba(200,35,51,0.12) 0,rgba(200,35,51,0.04) 100%)!important;border:2px solid rgba(200,35,51,0.2)!important;border-radius:8px!important;text-align:center!important;transition:all .2s ease!important;font-size:1.05rem!important;font-weight:900!important}
#menu-item-88501>a:hover,#menu-item-88502>a:hover,#menu-item-88503>a:hover,#menu-item-88504>a:hover,#menu-item-88505>a:hover,#menu-item-885>a:hover{background:linear-gradient(135deg,rgba(200,35,51,0.25) 0,rgba(200,35,51,0.1) 100%)!important;border-color:rgba(200,35,51,0.5)!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px rgba(200,35,51,0.25)!important}
#menu-item-88501>a::before,#menu-item-88502>a::before,#menu-item-88503>a::before,#menu-item-88504>a::before,#menu-item-88505>a::before,#menu-item-885>a::before{content:"\1F4CA";display:block;font-size:2rem;margin-bottom:8px;line-height:1}
#menu-item-88501 .nav-content,#menu-item-88502 .nav-content,#menu-item-88503 .nav-content,#menu-item-88504 .nav-content,#menu-item-88505 .nav-content,#menu-item-885 .nav-content{display:block!important;margin-top:8px!important;font-size:.88rem!important;color:rgba(255,255,255,0.8)!important;font-weight:400!important;line-height:1.4!important}
#menu-item-88501,#menu-item-88501>a,#menu-item-88501 .text-wrap,#menu-item-88501 .nav-content,#menu-item-88502,#menu-item-88502>a,#menu-item-88502 .text-wrap,#menu-item-88502 .nav-content,#menu-item-88503,#menu-item-88503>a,#menu-item-88503 .text-wrap,#menu-item-88503 .nav-content,#menu-item-88504,#menu-item-88504>a,#menu-item-88504 .text-wrap,#menu-item-88504 .nav-content,#menu-item-88505,#menu-item-88505>a,#menu-item-88505 .text-wrap,#menu-item-88505 .nav-content,#menu-item-885,#menu-item-885>a,#menu-item-885 .text-wrap,#menu-item-885 .nav-content{visibility:visible!important}
#menu-item-88501,#menu-item-88502,#menu-item-88503,#menu-item-88504,#menu-item-88505,#menu-item-885{box-shadow:0 6px 20px rgba(0,0,0,0.25);border-radius:8px}


/* ---- family 10 (234/239 pages, 2 variants, 2970B) ---- */

/* Tools mega menu */
#menu-item-tools{position:relative!important}
#menu-item-tools>ul.sub-menu{
position:absolute!important;left:50%!important;margin-left:-230px!important;top:100%!important;
margin-top:6px!important;background:#1a1f3a!important;border-top:3px solid #c82333!important;
padding:24px 20px!important;border-radius:0 0 10px 10px!important;
box-shadow:0 16px 48px rgba(0,0,0,0.35)!important;
min-width:340px!important;max-width:460px!important;width:460px!important
}
/* Section header - red bar */
#menu-item-tools>ul.sub-menu>li>a.menu-link{
display:block!important;padding:14px 18px!important;margin-bottom:18px!important;
font-weight:900!important;font-size:1rem!important;letter-spacing:.14em!important;
color:#fff!important;text-transform:uppercase!important;background:#c82333!important;
border-radius:4px!important;pointer-events:none!important;cursor:default!important;
border:none!important
}
#menu-item-tools>ul.sub-menu>li>a .nav-arrow{display:none!important}
/* Force inner sub-menu visible */
#menu-item-tools .sub-menu .sub-menu{
display:block!important;position:static!important;background:transparent!important;
box-shadow:none!important;border:none!important;border-top:none!important;
padding:0!important;margin:0!important;opacity:1!important;visibility:visible!important;
width:100%!important;min-width:0!important
}
/* Item links */
#menu-item-tools .sub-menu .sub-menu>li{
margin:0!important;padding:0!important;border:none!important;border-top:none!important;
border-bottom:none!important
}
#menu-item-tools .sub-menu .sub-menu>li:not(:last-child){
border-bottom:1px solid rgba(255,255,255,0.08)!important
}
#menu-item-tools .sub-menu .sub-menu>li>a{
display:block!important;padding:14px 18px!important;color:#fff!important;
text-decoration:none!important;border:none!important;border-radius:4px!important;
font-size:1.18rem!important;font-weight:800!important;line-height:1.28!important;
transition:background 0.15s ease,border-left 0.15s ease!important;
position:relative!important;white-space:normal!important
}
#menu-item-tools .sub-menu .sub-menu>li>a:hover{
background:rgba(255,255,255,0.05)!important;
border-left:3px solid #c82333!important;padding-left:15px!important
}
/* Descriptions */
#menu-item-tools .sub-menu .sub-menu .nav-content{
display:block!important;margin-top:6px!important;font-size:0.86rem!important;
line-height:1.28!important;color:rgba(255,255,255,0.72)!important;font-weight:400!important;
letter-spacing:0!important;text-transform:none!important
}
/* NEW badges */
#menu-item-tools .sub-menu .sub-menu>li.menu-badge--new>a{padding-right:60px!important}
#menu-item-tools .sub-menu .sub-menu>li.menu-badge--new>a::after{
content:"NEW"!important;position:absolute!important;right:18px!important;top:16px!important;
padding:3px 8px!important;font-size:10px!important;font-weight:800!important;
border-radius:999px!important;background:#36d399!important;color:#0b2f24!important;
line-height:1!important
}


/* ---- family 11 (236/239 pages, 1 variants, 441B) ---- */

@media(max-width:1024px){
  body #wrap #site-header #site-header-inner #site-navigation-wrap{display:none !important}
  body #wrap #site-header #site-header-inner .oceanwp-mobile-menu-icon{display:block !important;visibility:visible !important}
  body .after-header-content{margin-left:0 !important}
  body .after-header-content-inner>div{margin-left:0 !important;padding:10px 15px !important;font-size:12px !important;text-align:center}
}


/* ---- family 12 (232/239 pages, 1 variants, 135B) ---- */
 img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 

/* ---- family 13 (173/239 pages, 1 variants, 2761B) ---- */
 .wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote :where(cite),.wp-block-pullquote :where(footer),.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
/*# sourceURL=/wp-includes/css/dist/block-library/theme.min.css */ 

/* ---- family 14 (232/239 pages, 1 variants, 350B) ---- */
 /*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 

/* ---- family 15 (232/239 pages, 1 variants, 9291B) ---- */
 :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */ 

/* ---- family 16 (235/239 pages, 1 variants, 316B) ---- */

.dropdown-menu > li > ul.sub-menu {
  display: none !important;
}
.dropdown-menu > li:hover > ul.sub-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.dropdown-menu > li:hover > ul.sub-menu.megamenu {
  display: flex !important;
}