.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-28456 .elementor-element.elementor-element-5e329599{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:2px 2px 2px 2px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-28456 .elementor-element.elementor-element-5e329599:not(.elementor-motion-effects-element-type-background), .elementor-28456 .elementor-element.elementor-element-5e329599 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFAF700;}.elementor-28456 .elementor-element.elementor-element-5e329599.e-con{--align-self:center;}.elementor-28456 .elementor-element.elementor-element-6e9ec99a{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:48px;--padding-right:48px;}.elementor-28456 .elementor-element.elementor-element-7081ac35{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--border-radius:0px 0px 0px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-widget-image.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-image .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-image.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-image:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-image.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-image .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-28456 .elementor-element.elementor-element-52028280{width:100%;max-width:100%;text-align:start;}.elementor-28456 .elementor-element.elementor-element-52028280 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-28456 .elementor-element.elementor-element-52028280.elementor-element{--align-self:center;}.elementor-28456 .elementor-element.elementor-element-52028280 img{width:204px;}.elementor-28456 .elementor-element.elementor-element-470cf938{width:100%;max-width:100%;text-align:start;}.elementor-28456 .elementor-element.elementor-element-470cf938 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-28456 .elementor-element.elementor-element-470cf938.elementor-element{--align-self:flex-start;}.elementor-28456 .elementor-element.elementor-element-470cf938 img{width:204px;}.elementor-widget-icon.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-icon .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-icon.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-icon:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-icon.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-icon .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-28456 .elementor-element.elementor-element-5bafcabb .elementor-icon-wrapper{text-align:center;}.elementor-28456 .elementor-element.elementor-element-5bafcabb.elementor-view-stacked .elementor-icon{background-color:#1F304300;color:var( --e-global-color-ff3ea58 );}.elementor-28456 .elementor-element.elementor-element-5bafcabb.elementor-view-framed .elementor-icon, .elementor-28456 .elementor-element.elementor-element-5bafcabb.elementor-view-default .elementor-icon{color:#1F304300;border-color:#1F304300;}.elementor-28456 .elementor-element.elementor-element-5bafcabb.elementor-view-framed .elementor-icon, .elementor-28456 .elementor-element.elementor-element-5bafcabb.elementor-view-default .elementor-icon svg{fill:#1F304300;}.elementor-28456 .elementor-element.elementor-element-5bafcabb.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-ff3ea58 );}.elementor-28456 .elementor-element.elementor-element-5bafcabb.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-ff3ea58 );}.elementor-28456 .elementor-element.elementor-element-5bafcabb .elementor-icon{font-size:26px;padding:11px;}.elementor-28456 .elementor-element.elementor-element-5bafcabb .elementor-icon svg{height:26px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-28456 .elementor-element.elementor-element-5e329599{--width:100%;}.elementor-28456 .elementor-element.elementor-element-6e9ec99a{--content-width:1084px;}.elementor-28456 .elementor-element.elementor-element-7081ac35{--width:204px;}}@media(max-width:1024px){.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-28456 .elementor-element.elementor-element-6e9ec99a{--min-height:76px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-widget-image.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-28456 .elementor-element.elementor-element-5bafcabb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-28456 .elementor-element.elementor-element-5bafcabb .elementor-icon-wrapper{text-align:end;}.elementor-28456 .elementor-element.elementor-element-5bafcabb .elementor-icon{font-size:26px;}.elementor-28456 .elementor-element.elementor-element-5bafcabb .elementor-icon svg{height:26px;}}@media(max-width:767px){.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-28456 .elementor-element.elementor-element-6e9ec99a{--min-height:68px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-28456 .elementor-element.elementor-element-7081ac35{--width:164px;}.elementor-widget-image.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-icon.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-size:var( --e-global-typography-primary-font-size );}.elementor-28456 .elementor-element.elementor-element-5bafcabb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-28456 .elementor-element.elementor-element-5bafcabb .elementor-icon-wrapper{text-align:end;}.elementor-28456 .elementor-element.elementor-element-5bafcabb .elementor-icon{font-size:26px;border-radius:9px 9px 9px 9px;}.elementor-28456 .elementor-element.elementor-element-5bafcabb .elementor-icon svg{height:26px;}}/* Start custom CSS for container, class: .elementor-element-5e329599 *//* ========================================= DIGITAL OUTREACH GLOBAL HEADER (POSTS) Header 28456: always in 24193's solid state (cream bar, colour logo, navy menu icon). No .is-solid rules, so the site-wide scroll script that toggles .is-solid on .do-header changes nothing here. ========================================= */ .elementor-28456 .elementor-element.elementor-element-5e329599 { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; box-shadow: 0 6px 24px rgba(21, 41, 58, 0.04), 0 1px 0 rgba(15, 70, 91, 0.08); } /* Solid bar from the top. Same .elementor-28456 .elementor-element.elementor-element-5e329599 shape as Elementor's own background-color rule for this container, so it wins without !important. */ .elementor-28456 .elementor-element.elementor-element-5e329599, .elementor-28456 .elementor-element.elementor-element-5e329599:not(.elementor-motion-effects-element-type-background) { background-color: #FBFAF6; } /* ========================================= SPACER The bar is position:fixed and takes no space, so posts and archives (white pages with no dark hero) start under it. The template's own wrapper reserves the bar's height: 80 / 76 / 68, as 24193's bar. ========================================= */ .elementor-28456 { min-height: 80px; } @media (max-width: 1024px) { .elementor-28456 { min-height: 76px; } } @media (max-width: 600px) { .elementor-28456 { min-height: 68px; } } /* Archives (category, tag): the theme's archive title has no top margin, so reserve 32px more than the bar (Matt, 2026-10-28). */ body.archive .elementor-28456 { min-height: 112px; } @media (max-width: 1024px) { body.archive .elementor-28456 { min-height: 108px; } } @media (max-width: 600px) { body.archive .elementor-28456 { min-height: 100px; } } /* ========================================= INNER HEADER ========================================= */ .elementor-28456 .elementor-element.elementor-element-5e329599 .do-header-inner { width: 100%; min-height: 80px; margin-left: auto; margin-right: auto; box-sizing: border-box; } /* ========================================= LOGO WRAPPER ========================================= */ .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-wrap { position: relative; display: flex; align-items: center; justify-content: flex-start; width: 204px; min-width: 204px; flex: 0 0 204px; } /* ========================================= REVERSE (WHITE) LOGO: HIDDEN ========================================= */ .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-reverse { position: relative; width: 100%; z-index: 2; opacity: 0; visibility: hidden; pointer-events: none; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-reverse img { display: block; width: 204px; max-width: 100%; height: auto; } /* ========================================= STANDARD (COLOUR) LOGO: SHOWN ========================================= */ .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-standard { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); z-index: 1; opacity: 1; visibility: visible; pointer-events: auto; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-standard img { display: block; width: 204px; max-width: 100%; height: auto; } /* ========================================= MENU TRIGGER: NAVY ========================================= */ .elementor-28456 .elementor-element.elementor-element-5e329599 .do-menu-trigger { width: 48px; min-width: 48px; height: 48px; flex: 0 0 48px; display: flex; align-items: center; justify-content: center; margin: 0 -11px 0 0; padding: 0; color: #0F465B !important; transition: opacity 170ms ease; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-menu-trigger .elementor-icon { font-size: 26px; color: #0F465B !important; fill: #0F465B !important; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-menu-trigger .elementor-icon svg { color: #0F465B !important; fill: #0F465B !important; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-menu-trigger .elementor-icon svg [fill]:not([fill="none"]) { fill: #0F465B !important; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-menu-trigger .elementor-icon svg [stroke]:not([stroke="none"]) { stroke: #0F465B !important; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-menu-trigger:hover { opacity: 0.62; } /* ========================================= TABLET ========================================= */ @media (max-width: 1024px) { .elementor-28456 .elementor-element.elementor-element-5e329599 .do-header-inner { min-height: 76px; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-wrap { width: 184px; min-width: 184px; flex-basis: 184px; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-reverse img, .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-standard img { width: 184px; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 600px) { .elementor-28456 .elementor-element.elementor-element-5e329599 .do-header-inner { min-height: 68px; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-wrap { width: 164px; min-width: 164px; flex-basis: 164px; } .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-reverse img, .elementor-28456 .elementor-element.elementor-element-5e329599 .do-logo-standard img { width: 164px; } } /* ========================================= WORDPRESS ADMIN BAR ========================================= */ body.admin-bar .elementor-28456 .elementor-element.elementor-element-5e329599 { top: 32px; } @media (max-width: 782px) { body.admin-bar .elementor-28456 .elementor-element.elementor-element-5e329599 { top: 46px; } } /* ========================================= REDUCED MOTION ========================================= */ @media (prefers-reduced-motion: reduce) { .elementor-28456 .elementor-element.elementor-element-5e329599, .elementor-28456 .elementor-element.elementor-element-5e329599 * { transition: none !important; } }/* End custom CSS */