.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-8359 .elementor-element.elementor-element-7266734c .elementor-menu-toggle{margin-left:auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for nav-menu, class: .elementor-element-7266734c */.elementor-8359 .elementor-element.elementor-element-7266734c { flex: 1 1 auto !important; width: auto !important; max-width: none !important; position: static !important; } .elementor-location-header { position: sticky; top: 0; z-index: 999; } .admin-bar .elementor-location-header { top: 32px; } @media (max-width: 782px) { .admin-bar .elementor-location-header { top: 0; } } :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)) .elementor-location-header { position: fixed; left: 0; right: 0; top: 0; } :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)).admin-bar .elementor-location-header { top: 32px; } .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .elementor-nav-menu { flex-wrap: nowrap; justify-content: center; } .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .elementor-item.elementor-item { font-family: 'Hanken Grotesk', sans-serif; font-size: 14px; font-weight: 400; color: #2B2622; padding: 8px 16px; white-space: nowrap; } .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .elementor-item.elementor-item:hover { color: #9A7F68; } .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .sub-arrow { color: inherit; } .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .sub-menu { background: #FBF9F6; box-shadow: 0 12px 24px rgba(43,38,34,.10); border: 0; } .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .sub-menu .elementor-sub-item { font-family: 'Hanken Grotesk', sans-serif; font-size: 14px; color: #2B2622; background: transparent; padding: 12px 18px; } .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover { background: #EFE7DD; color: #2B2622; } .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-menu-toggle { color: #2B2622; background: transparent !important; margin-left: auto !important; margin-right: 0 !important; font-size: 24px; padding: 8px; } .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-menu-toggle svg { fill: currentColor; } .elementor-8359 .elementor-element.elementor-element-7266734c nav.elementor-nav-menu--dropdown { position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: 100% !important; margin: 0 !important; background: #FBF9F6 !important; border-top: 1px solid #E3D9CC; box-shadow: 0 16px 32px rgba(43,38,34,.10); z-index: 998; } .elementor-8359 .elementor-element.elementor-element-7266734c nav.elementor-nav-menu--dropdown > .elementor-nav-menu { padding: 8px 0 16px; max-height: calc(100vh - 80px); overflow-y: auto; } .elementor-8359 .elementor-element.elementor-element-7266734c nav.elementor-nav-menu--dropdown .elementor-item { font-family: 'Hanken Grotesk', sans-serif !important; font-size: 17px !important; font-weight: 400 !important; color: #2B2622 !important; background: transparent !important; padding: 16px 24px !important; border-bottom: 1px solid #E3D9CC; justify-content: space-between; white-space: normal; } .elementor-8359 .elementor-element.elementor-element-7266734c nav.elementor-nav-menu--dropdown .elementor-item:hover, .elementor-8359 .elementor-element.elementor-element-7266734c nav.elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-8359 .elementor-element.elementor-element-7266734c nav.elementor-nav-menu--dropdown .elementor-item.elementor-item-active { background: #EFE7DD !important; color: #2B2622 !important; } .elementor-8359 .elementor-element.elementor-element-7266734c nav.elementor-nav-menu--dropdown .sub-menu { background: #F5EFE8 !important; border: 0 !important; box-shadow: none !important; } .elementor-8359 .elementor-element.elementor-element-7266734c nav.elementor-nav-menu--dropdown .elementor-sub-item { font-family: 'Hanken Grotesk', sans-serif !important; font-size: 15px !important; color: #5E554E !important; background: transparent !important; padding: 13px 24px 13px 40px !important; border-bottom: 1px solid #E3D9CC; } .elementor-8359 .elementor-element.elementor-element-7266734c nav.elementor-nav-menu--dropdown .elementor-sub-item:hover { background: #EFE7DD !important; color: #2B2622 !important; } .elementor-8359 .elementor-element.elementor-element-7266734c nav.elementor-nav-menu--dropdown .sub-arrow { color: #9A7F68; } @keyframes mybHdr { from { background-color: rgba(251,249,246,0); box-shadow: 0 1px 0 rgba(43,38,34,0); -webkit-backdrop-filter: blur(0px); backdrop-filter: blur(0px); padding-top: 22px; padding-bottom: 22px; } to { background-color: rgba(251,249,246,.94); box-shadow: 0 1px 0 rgba(43,38,34,.08); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); padding-top: 12px; padding-bottom: 12px; } } @keyframes mybInk { from { color: #FFFFFF; } to { color: #2B2622; } } @keyframes mybBtn { from { background-color: #FFFFFF; color: #2B2622; border-color: #FFFFFF; } to { background-color: #2B2622; color: #FBF9F6; border-color: #2B2622; } } @keyframes mybLogo { from { width: 72px; height: 72px; flex-basis: 72px; min-width: 72px; filter: brightness(0) invert(1); } to { width: 52px; height: 52px; flex-basis: 52px; min-width: 52px; filter: brightness(1) invert(0); } } @supports (animation-timeline: scroll()) { :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)) [data-id='4b442e43'] { animation: mybHdr linear both; animation-timeline: scroll(root); animation-range: 0px 80px; } :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)) [data-id='2739a602'] { animation: mybLogo linear both; animation-timeline: scroll(root); animation-range: 0px 80px; } :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)) [data-id='7266734c'] .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item, :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)) [data-id='7266734c'] .elementor-menu-toggle, :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)) [data-id='1d0f2e04'], :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)) [data-id='1d0f2e04'] a { animation: mybInk linear both; animation-timeline: scroll(root); animation-range: 0px 80px; } :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)) [data-id='71a525a5'] { animation: mybBtn linear both; animation-timeline: scroll(root); animation-range: 0px 80px; } } .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .elementor-item:focus-visible { outline: 1px solid currentColor; }
/* dropdown-pile følger tekstfarven */
.elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .elementor-item, .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .elementor-item:hover, .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .elementor-item.highlighted, .elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .elementor-item.elementor-item-active { fill: currentColor !important; }
.elementor-8359 .elementor-element.elementor-element-7266734c .elementor-nav-menu--main .sub-arrow svg { fill: currentColor !important; }
/* hover-farve på hero-sider: lys sand øverst, brun når headeren er lys */
@keyframes mybInkHover { 0% { color: #DCCBB6; } 100% { color: #9A7F68; } }
@supports (animation-timeline: scroll()) { :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)) [data-id="7266734c"] .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item:hover, :is(.home, .page-id-8290, body:has([data-elementor-type="wp-page"] > .myb-hero-dark:first-child, [data-elementor-type="single"] > .myb-hero-dark:first-child)) [data-id="7266734c"] .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-item.highlighted { animation-name: mybInkHover; } }/* End custom CSS */