.elementor-55 .elementor-element.elementor-element-6e8754e{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:transparent;--border-color:transparent;--padding-top:28px;--padding-bottom:28px;--padding-left:40px;--padding-right:40px;top:0px;--z-index:100;}body:not(.rtl) .elementor-55 .elementor-element.elementor-element-6e8754e{left:0px;}body.rtl .elementor-55 .elementor-element.elementor-element-6e8754e{right:0px;}.elementor-55 .elementor-element.elementor-element-d1a7b30{--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;--align-items:center;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-a1b2c30{--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:flex-start;--align-items:center;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-a1b2c30.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-55 .elementor-element.elementor-element-22542ca.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-55 .elementor-element.elementor-element-22542ca{text-align:start;}.elementor-55 .elementor-element.elementor-element-22542ca img{width:auto;max-width:none;height:66px;}.elementor-55 .elementor-element.elementor-element-a2c4d51{--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;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu .elementor-item{font-family:"Hanken Grotesk", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main .elementor-item{color:currentColor;fill:currentColor;padding-left:0px;padding-right:0px;padding-top:6px;padding-bottom:6px;}.elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main .elementor-item:hover, .elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main .elementor-item.highlighted, .elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main .elementor-item:focus{color:currentColor;fill:currentColor;}.elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:currentColor;}.elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-framed .elementor-item:before, .elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-framed .elementor-item:after{border-color:currentColor;}.elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:currentColor;}.elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#b89b5e;}.elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#b89b5e;}.elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-underline .elementor-item:after, .elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-overline .elementor-item:before, .elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-double-line .elementor-item:before, .elementor-55 .elementor-element.elementor-element-739f80f .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-55 .elementor-element.elementor-element-739f80f{--e-nav-menu-horizontal-menu-item-margin:calc( 44px / 2 );}.elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:44px;}.elementor-55 .elementor-element.elementor-element-90877c6{--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:flex-end;--align-items:center;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-90877c6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-55 .elementor-element.elementor-element-07176de{width:auto;max-width:auto;}.elementor-55 .elementor-element.elementor-element-07176de.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root .panama-profile-name:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){font-family:"Hanken Grotesk", Sans-serif;font-size:13px;font-weight:500;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root.panama-ui .panama-profile-name:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root .panama-profile-role:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){font-family:"Hanken Grotesk", Sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:0.16em;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root.panama-ui .panama-profile-role:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root.panama-ui{--muted-foreground:currentColor;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root.panama-ui [data-slot="dropdown-menu-trigger"]:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root.panama-ui [data-slot="dropdown-menu-trigger"]:hover:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root.panama-ui [data-slot="avatar"]:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){width:34px;height:34px;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root.panama-ui:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root .panama-profile-link:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){font-family:"Hanken Grotesk", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root.panama-ui a.panama-profile-link:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-07176de .panama-profile-root.panama-ui a.panama-profile-link:hover:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-c2b4e81{--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;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-a3e6f72{--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:flex-start;--align-items:center;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-c4d8e63.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-55 .elementor-element.elementor-element-c4d8e63{text-align:start;}.elementor-55 .elementor-element.elementor-element-c4d8e63 img{width:auto;max-width:none;height:46px;}.elementor-55 .elementor-element.elementor-element-c3f9a52{--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:flex-end;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-55 .elementor-element.elementor-element-134a0bc{width:auto;max-width:auto;}.elementor-55 .elementor-element.elementor-element-134a0bc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root .panama-profile-name:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){font-family:"Hanken Grotesk", Sans-serif;font-size:13px;font-weight:500;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root.panama-ui .panama-profile-name:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root .panama-profile-role:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){font-family:"Hanken Grotesk", Sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:0.16em;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root.panama-ui .panama-profile-role:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root.panama-ui{--muted-foreground:currentColor;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root.panama-ui [data-slot="dropdown-menu-trigger"]:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root.panama-ui [data-slot="dropdown-menu-trigger"]:hover:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root.panama-ui [data-slot="avatar"]:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){width:34px;height:34px;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root.panama-ui:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root .panama-profile-link:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){font-family:"Hanken Grotesk", Sans-serif;font-size:11px;font-weight:500;text-transform:uppercase;line-height:1em;letter-spacing:0.2em;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root.panama-ui a.panama-profile-link:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-134a0bc .panama-profile-root.panama-ui a.panama-profile-link:hover:not(#panama-host-a):not(#panama-host-b):not(#panama-host-c):not(#panama-host-d){color:inherit;}.elementor-55 .elementor-element.elementor-element-a3c51d0{width:var( --container-widget-width, fit-content );max-width:fit-content;--container-widget-width:fit-content;--container-widget-flex-grow:0;--nav-menu-icon-size:22px;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-menu-toggle{margin-left:auto;background-color:transparent;border-width:0px;border-radius:0px;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-menu-toggle{color:#f4f3ee;fill:#f4f3ee;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown{background-color:#2f3a28;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a:hover, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a:focus, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a.highlighted, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-menu-toggle:hover, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-menu-toggle:focus{color:#b89b5e;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a:hover, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a:focus, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a.highlighted{background-color:transparent;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a.elementor-item-active{color:#b89b5e;background-color:transparent;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown .elementor-item, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Cormorant Garamond", Sans-serif;font-size:28px;font-weight:300;text-transform:none;letter-spacing:0em;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a{padding-left:40px;padding-right:40px;padding-top:16px;padding-bottom:16px;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:rgba(244,243,238,.12);border-bottom-width:1px;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-55 .elementor-element.elementor-element-a3c51d0 div.elementor-menu-toggle{color:currentColor;}.elementor-55 .elementor-element.elementor-element-a3c51d0 div.elementor-menu-toggle svg{fill:currentColor;}.elementor-55 .elementor-element.elementor-element-a3c51d0 div.elementor-menu-toggle:hover, .elementor-55 .elementor-element.elementor-element-a3c51d0 div.elementor-menu-toggle:focus{color:currentColor;}.elementor-55 .elementor-element.elementor-element-a3c51d0 div.elementor-menu-toggle:hover svg, .elementor-55 .elementor-element.elementor-element-a3c51d0 div.elementor-menu-toggle:focus svg{fill:currentColor;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-menu-toggle:hover, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-menu-toggle:focus{background-color:transparent;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1599px){.elementor-55 .elementor-element.elementor-element-6e8754e{--padding-top:28px;--padding-bottom:28px;--padding-left:40px;--padding-right:40px;}.elementor-55 .elementor-element.elementor-element-d1a7b30{--gap:41px 41px;--row-gap:41px;--column-gap:41px;}.elementor-55 .elementor-element.elementor-element-739f80f{--e-nav-menu-horizontal-menu-item-margin:calc( 44px / 2 );}.elementor-55 .elementor-element.elementor-element-739f80f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:44px;}.elementor-55 .elementor-element.elementor-element-90877c6{--gap:22px 22px;--row-gap:22px;--column-gap:22px;}}@media(max-width:1024px){.elementor-55 .elementor-element.elementor-element-6e8754e{--padding-top:22px;--padding-bottom:22px;--padding-left:31px;--padding-right:31px;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown .elementor-item, .elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:18px;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:11px;padding-bottom:11px;}}@media(max-width:767px){.elementor-55 .elementor-element.elementor-element-6e8754e{--padding-top:18px;--padding-bottom:18px;--padding-left:24px;--padding-right:24px;}.elementor-55 .elementor-element.elementor-element-c2b4e81{--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-55 .elementor-element.elementor-element-c4d8e63 img{height:36px;}.elementor-55 .elementor-element.elementor-element-c3f9a52{--gap:12px 12px;--row-gap:12px;--column-gap:12px;}.elementor-55 .elementor-element.elementor-element-a3c51d0 .elementor-nav-menu--dropdown a{padding-left:24px;padding-right:24px;}}@media(min-width:768px){.elementor-55 .elementor-element.elementor-element-a1b2c30{--width:200px;}.elementor-55 .elementor-element.elementor-element-90877c6{--width:200px;}.elementor-55 .elementor-element.elementor-element-a3e6f72{--width:50%;}.elementor-55 .elementor-element.elementor-element-c3f9a52{--width:50%;}}@media(max-width:1599px) and (min-width:768px){.elementor-55 .elementor-element.elementor-element-a2c4d51{--width:100%;}.elementor-55 .elementor-element.elementor-element-90877c6{--width:100px;}}/* Start custom CSS *//* WordPress toolbar: the header is fixed at the top (Advanced → Position); when the toolbar shows, it moves under it — 32px, 46px ≤782px (WordPress's own variable). The editor preview and visitors have no toolbar. */ body.admin-bar .belize-site-header.e-con { top: var(--wp-admin--admin-bar--height, 32px); } /* ≤600px WordPress lets its toolbar scroll away (position:absolute); keep it fixed so the header stays under it. */ @media (max-width: 600px) { html body.admin-bar #wpadminbar { position: fixed; } } @keyframes v2-header-solid { from { background-color: rgba(244,243,238,0); border-bottom-color: rgba(220,223,213,0); color: #f4f3ee; padding-top: 28px; padding-bottom: 28px; } to { background-color: rgba(22,21,19,0.97); border-bottom-color: rgba(244,243,238,0.12); color: #f4f3ee; padding-top: 16px; padding-bottom: 16px; } } @keyframes v2-logo-solid { from { height: 66px; filter: none; } to { height: 44px; filter: none; } } @media (max-width: 1024px) { @keyframes v2-header-solid { from { background-color: rgba(244,243,238,0); border-bottom-color: rgba(220,223,213,0); color: #f4f3ee; padding-top: 22px; padding-bottom: 22px; } to { background-color: rgba(22,21,19,0.97); border-bottom-color: rgba(244,243,238,0.12); color: #f4f3ee; padding-top: 14px; padding-bottom: 14px; } } @keyframes v2-logo-solid { from { height: 46px; filter: none; } to { height: 36px; filter: none; } } } @media (max-width: 767px) { @keyframes v2-header-solid { from { background-color: rgba(244,243,238,0); border-bottom-color: rgba(220,223,213,0); color: #f4f3ee; padding-top: 18px; padding-bottom: 18px; } to { background-color: rgba(22,21,19,0.97); border-bottom-color: rgba(244,243,238,0.12); color: #f4f3ee; padding-top: 12px; padding-bottom: 12px; } } @keyframes v2-logo-solid { from { height: 36px; filter: none; } to { height: 30px; filter: none; } } } @supports (animation-timeline: scroll()) { @media (prefers-reduced-motion: no-preference) { .belize-site-header { animation: v2-header-solid linear both; animation-timeline: scroll(root block); animation-range: 0 120px; } .belize-site-header .site-header-logo img { animation: v2-logo-solid linear both; animation-timeline: scroll(root block); animation-range: 0 120px; } } } /* Class mode (Custom Code snippet "Header scroll state"): browsers without scroll timelines, or reduced motion. */ .belize-site-header.is-animated { transition: background-color .45s cubic-bezier(.2,.7,.2,1), color .45s, padding .45s, border-color .45s; } .belize-site-header.is-animated .site-header-logo img { transition: height .45s, filter .45s; } .belize-site-header.is-stuck { background-color: rgba(22,21,19,0.97); border-bottom-color: rgba(244,243,238,0.12); color: #f4f3ee; padding-top: 16px; padding-bottom: 16px; } .belize-site-header.is-stuck .site-header-logo img { height: 44px; filter: none; } /* HEADER MODE — the one place that decides how the header starts on each page. * * HERO pages — TRANSPARENT and wide at the top (ivory text over a dark hero), * turning solid and compact on scroll: * - Home (body.home) * - About Us (body.page-id-20) * * Every OTHER page (Insights, articles, Contact, Properties …) opens on a light * background where ivory text would disappear, so the header is SOLID from the * top (ivory bar, ink text, black logo) — but it still starts WIDE and compacts * on scroll exactly like the hero pages: only the size animates, not the colour. * * To make another page start transparent (it must open on a dark hero), add its * body class to the :not() lists below, e.g. body:not(.home):not(.page-id-123). * The .elementor-55 repeats classes on purpose: it must outrank the header's own settings. */ /* Size-only versions of the header's scroll keyframes (page Custom CSS has the colour + size ones the hero pages use). Same sizes per breakpoint. */ @keyframes v2-header-compact { from { padding-top: 28px; padding-bottom: 28px; } to { padding-top: 16px; padding-bottom: 16px; } } @keyframes v2-logo-compact { from { height: 66px; } to { height: 44px; } } @media (max-width:1024px) { @keyframes v2-header-compact { from { padding-top: 22px; padding-bottom: 22px; } to { padding-top: 14px; padding-bottom: 14px; } } @keyframes v2-logo-compact { from { height: 46px; } to { height: 36px; } } } @media (max-width:767px) { @keyframes v2-header-compact { from { padding-top: 18px; padding-bottom: 18px; } to { padding-top: 12px; padding-bottom: 12px; } } @keyframes v2-logo-compact { from { height: 36px; } to { height: 30px; } } } /* Solid colours from the top, on every non-hero page. */ body:not(:has(.v2-hero)) .belize-site-header.belize-site-header.e-con.e-con.e-con.e-con{background-color:rgba(22,21,19,0.97);border-bottom-color:rgba(244,243,238,0.12);color:#f4f3ee} body:not(:has(.v2-hero)) .belize-site-header.belize-site-header.e-con.e-con.e-con.e-con .site-header-logo img{filter:none} /* The pages below were spaced for the compact header; at the top the header is now taller by exactly this much (wide − compact), so the content moves down by the same amount and keeps its spacing. Matches the header's breakpoints. */ body:not(:has(.v2-hero)){padding-top:46px} @media (max-width:1024px){body:not(:has(.v2-hero)){padding-top:20px}} @media (max-width:767px){body:not(:has(.v2-hero)){padding-top:12px}} /* Scroll-driven browsers: swap in the size-only keyframes (the timeline and range come from the page Custom CSS), so the bar stays solid while it compacts. */ @supports (animation-timeline: scroll()) { @media (prefers-reduced-motion: no-preference) { body:not(:has(.v2-hero)) .belize-site-header.belize-site-header.e-con.e-con.e-con.e-con{animation-name:v2-header-compact} body:not(:has(.v2-hero)) .belize-site-header.belize-site-header.e-con.e-con.e-con.e-con .site-header-logo img{animation-name:v2-logo-compact} } } /* v2-link-no-color-transition — the links inherit the header's scroll-animated colour. Elementor gives them `transition: all .4s`, and Chrome restarts that transition from the header's un-animated colour (ivory) on any page-wide restyle — e.g. a search dropdown opening — so the menu flashed white. Hover never changes the colour here, and the underline has its own transition, so colour needn't animate. */ .belize-site-header .elementor-nav-menu--main .elementor-item.elementor-item{transition-property:opacity,transform} /* Base colour — a V3 container has no native Text Color control, so the one declaration the Site Header container used to carry in its own Custom CSS lives here instead, beside the scroll keyframes that animate the same property. Class repeated to outrank Elementor's own per-element rules, as the header-mode .elementor-55s above already do. */ .belize-site-header.belize-site-header.belize-site-header.e-con.e-con.e-con{color:#f4f3ee} /* Mobile dropdown — the panel drops from the bottom edge of the fixed header and spans its full width. Elementor's own "Full Width" switch stretches to the WINDOW via JS, which is a different box once the header is boxed at 1300px, so the anchoring stays as three rules — moved here out of the Mobile Nav widget's Custom CSS. */ /* The dropdown is positioned against the FIXED header, so it spans the header's full width and starts at its bottom edge. Elementor gives every .e-con position:relative, and the nav now sits two containers deep (Compact Row > Compact Right), either of which would otherwise become the containing block and shrink the panel to the hamburger's own width. Elementor defines --position on every .e-con, so a var(--position, static) fallback would never fire — this is a plain value. */ .belize-site-header .e-con{position:static} .belize-site-header .elementor-widget-nav-menu{position:static} /* Editor only: with "Show Hidden Elements" on, Elementor veils a hidden row with an absolutely positioned ::before (inset:0). The static rule above would let that veil escape to the fixed header and haze the whole bar, so inside the editor the rows keep their containing block. The dropdown is never open in the editor, so nothing is lost. */ .e-preview--show-hidden-elements .belize-site-header .e-con{position:relative} .belize-site-header.belize-site-header .elementor-nav-menu__container.elementor-nav-menu--dropdown{position:absolute;top:100%;left:0;right:0} .belize-site-header .elementor-menu-toggle{padding:10px 0}/* End custom CSS */