/* YC Header Hide/Show CSS draait op een vaste class die door JS aan je header wordt toegevoegd: .yc-hhs-header Breakpoint wordt gekozen via gezet door JS. */ /* ===== ALTJD ACTIEF (min-width = 0) ===== */ html.yc-hhs-minw-0 .yc-hhs-header.is-sticky { position: fixed; top: 0; left: 0; right: 0; width: 100%; transform: translateY(0); transition: transform 220ms ease; will-change: transform; z-index: 9999999 !important; } html.yc-hhs-minw-0 .yc-hhs-header.is-sticky.is-hidden { transform: translateY(-100%); } html.yc-hhs-minw-0.admin-bar .yc-hhs-header.is-sticky:not(.is-hidden) { top: 32px; } @media (max-width: 782px) { html.yc-hhs-minw-0.admin-bar .yc-hhs-header.is-sticky:not(.is-hidden) { top: 46px; } } html.yc-hhs-minw-0 body.has-sticky-header { padding-top: var(--site-header-height, 0px); } /* ===== 768+ ===== */ @media only screen and (min-width: 768px) { html.yc-hhs-minw-768 .yc-hhs-header.is-sticky { position: fixed; top: 0; left: 0; right: 0; width: 100%; transform: translateY(0); transition: transform 220ms ease; will-change: transform; z-index: 9999999 !important; } html.yc-hhs-minw-768 .yc-hhs-header.is-sticky.is-hidden { transform: translateY(-100%); } html.yc-hhs-minw-768 body.admin-bar .yc-hhs-header.is-sticky:not(.is-hidden) { top: 32px; } @media (max-width: 782px) { html.yc-hhs-minw-768 body.admin-bar .yc-hhs-header.is-sticky:not(.is-hidden) { top: 46px; } } html.yc-hhs-minw-768 body.has-sticky-header { padding-top: var(--site-header-height, 0px); } } /* ===== 992+ ===== */ @media only screen and (min-width: 992px) { html.yc-hhs-minw-992 .yc-hhs-header.is-sticky { position: fixed; top: 0; left: 0; right: 0; width: 100%; transform: translateY(0); transition: transform 220ms ease; will-change: transform; z-index: 9999999 !important; } html.yc-hhs-minw-992 .yc-hhs-header.is-sticky.is-hidden { transform: translateY(-100%); } html.yc-hhs-minw-992 body.admin-bar .yc-hhs-header.is-sticky:not(.is-hidden) { top: 32px; } @media (max-width: 782px) { html.yc-hhs-minw-992 body.admin-bar .yc-hhs-header.is-sticky:not(.is-hidden) { top: 46px; } } html.yc-hhs-minw-992 body.has-sticky-header { padding-top: var(--site-header-height, 0px); } } /* ===== 1024+ ===== */ @media only screen and (min-width: 1024px) { html.yc-hhs-minw-1024 .yc-hhs-header.is-sticky { position: fixed; top: 0; left: 0; right: 0; width: 100%; transform: translateY(0); transition: transform 220ms ease; will-change: transform; z-index: 9999999 !important; } html.yc-hhs-minw-1024 .yc-hhs-header.is-sticky.is-hidden { transform: translateY(-100%); } html.yc-hhs-minw-1024.admin-bar .yc-hhs-header.is-sticky:not(.is-hidden) { top: 32px; } @media (max-width: 782px) { html.yc-hhs-minw-1024.admin-bar .yc-hhs-header.is-sticky:not(.is-hidden) { top: 46px; } } html.yc-hhs-minw-1024 body.has-sticky-header { padding-top: var(--site-header-height, 0px); } } /* ===== 1200+ ===== */ @media only screen and (min-width: 1200px) { html.yc-hhs-minw-1200 .yc-hhs-header.is-sticky { position: fixed; top: 0; left: 0; right: 0; width: 100%; transform: translateY(0); transition: transform 220ms ease; will-change: transform; z-index: 9999999 !important; } html.yc-hhs-minw-1200 .yc-hhs-header.is-sticky.is-hidden { transform: translateY(-100%); } html.yc-hhs-minw-1200.admin-bar .yc-hhs-header.is-sticky:not(.is-hidden) { top: 32px; } @media (max-width: 782px) { html.yc-hhs-minw-1200.admin-bar .yc-hhs-header.is-sticky:not(.is-hidden) { top: 46px; } } html.yc-hhs-minw-1200 body.has-sticky-header { padding-top: var(--site-header-height, 0px); } }