Fragrances for the office | Officina delle Essenze

li { line-height: 38px; } .topbar-wrapp, .topbar-content:before { height: 38px; } .sticky-header-prepared.basel-top-bar-on .header-shop, .sticky-header-prepared.basel-top-bar-on .header-split, .enable-sticky-header.basel-header-overlap.basel-top-bar-on .main-header { top: 38px; } /* Header height configs */ /* Limit logo image height for according to header height */ .site-logo img { max-height: 80px; } /* And for sticky header logo also */ .act-scroll .site-logo img, .header-clone .site-logo img { max-height: 60px; } /* Set sticky headers height for cloned headers based on menu links line height */ .header-clone .main-nav .menu > li > a { height: 60px; line-height: 60px; } /* Height for switch logos */ .sticky-header-real:not(.global-header-menu-top) .switch-logo-enable .basel-logo { height: 80px; } .sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable .basel-logo { height: 60px; } .sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable { transform: translateY(-60px); } /* Header height for layouts that don't have line height for menu links */ .wrapp-header { min-height: 80px; } /* Page headings settings for heading overlap. Calculate on the header height base */ .basel-header-overlap .title-size-default, .basel-header-overlap .title-size-small, .basel-header-overlap .title-shop.without-title.title-size-default, .basel-header-overlap .title-shop.without-title.title-size-small { padding-top: 120px; } .basel-header-overlap .title-shop.without-title.title-size-large, .basel-header-overlap .title-size-large { padding-top: 200px; } @media (max-width: 991px) { /* header Banner */ body .header-banner { height: 35px; } body.header-banner-display .website-wrapper { margin-top:35px; } /* Topbar height configs */ .topbar-menu ul > li { line-height: 38px; } .topbar-wrapp, .topbar-content:before { height: 38px; } .sticky-header-prepared.basel-top-bar-on .header-shop, .sticky-header-prepared.basel-top-bar-on .header-split, .enable-sticky-header.basel-header-overlap.basel-top-bar-on .main-header { top: 38px; } /* Set header height for mobile devices */ .main-header .wrapp-header { min-height: 60px; } /* Limit logo image height for mobile according to mobile header height */ .site-logo img { max-height: 60px; } /* Limit logo on sticky header. Both header real and header cloned */ .act-scroll .site-logo img, .header-clone .site-logo img { max-height: 60px; } /* Height for switch logos */ .main-header .switch-logo-enable .basel-logo { height: 60px; } .sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable .basel-logo { height: 60px; } .sticky-header-real:not(.global-header-menu-top) .act-scroll .switch-logo-enable { transform: translateY(-60px); } /* Page headings settings for heading overlap. Calculate on the MOBILE header height base */ .basel-header-overlap .title-size-default, .basel-header-overlap .title-size-small, .basel-header-overlap .title-shop.without-title.title-size-default, .basel-header-overlap .title-shop.without-title.title-size-small { padding-top: 80px; } .basel-header-overlap .title-shop.without-title.title-size-large, .basel-header-overlap .title-size-large { padding-top: 120px; } }