.flo-header-mobile { --max-logo-width: 13.75rem; --color: #454543; --background-color: #FFFFFF; --sticky-color: #454543; --sticky-bgc: #FFFFFF; }
@media (max-width: 767px) { .flo-block--1626 { margin-top: 0rem; margin-bottom: 0rem; } } @media (min-width: 768px) { .flo-block--1626 { margin-top: 0rem; margin-bottom: 0rem; } }
/* START: NON STICKY HEADER RULES */ header:not(.is-sticky) .flo-header--556, header:not(.is-custom) .flo-header--556 { color: #454543; border-color: #454543; } header:not(.is-sticky) .flo-header--556, header:not(.is-custom) .flo-header--556 { background-color: #FFFFFF; } header:not(.is-sticky) .flo-header--556 .flo-header__menu > ul > li > a, header:not(.is-custom) .flo-header--556 .flo-header__menu > ul > li > a { color: #454543; } /* END: NON STICKY HEADER RULES */ /* START: CUSTOM HEADER RULES */ header.is-custom .flo-header.flo-header--556 { color: #454543; border-color: #454543; background-color: #FFFFFF; } /* END: CUSTOM HEADER RULES */ /* START: STICKY HEADER RULES */ .flo-header--sticky.is-sticky .flo-header.flo-header--556 { color: #332F2F; border-color: #332F2F; background-color: rgba(255,255,255,1); } /* END: STICKY HEADER RULES */
/* START: MENU */ .flo-header--556 .flo-header__menu > div > ul > li > a{font-family: Roboto Regular;font-size: 0.75rem;letter-spacing: 0.05em;word-spacing: 0em;line-height: 1.33em;text-transform: none;font-weight: normal;}@media screen and (max-width: 767px){.flo-header--556 .flo-header__menu > div > ul > li > a{font-size: 0.75rem;}} .flo-header--556 .flo-header__menu .sub-menu a{font-family: Roboto Regular;font-size: 0.625rem;letter-spacing: 0.033em;word-spacing: 0em;line-height: 1.6em;text-transform: none;font-weight: normal;}@media screen and (max-width: 767px){.flo-header--556 .flo-header__menu .sub-menu a{font-size: 0.625rem;line-height: 1.6em;}} .flo-header--556 .flo-header__search-form-input{font-family: Roboto Regular;font-size: 0.75rem;letter-spacing: 0.05em;word-spacing: 0em;line-height: 1.33em;text-transform: none;font-weight: normal;}@media screen and (max-width: 767px){.flo-header--556 .flo-header__search-form-input{font-size: 0.75rem;}} .flo-header--556 .flo-header__menu--right .flo-header__menu-items > li:not(:first-child) { margin-left: 3.125rem; } .flo-header--556 .flo-header__menu--left .flo-header__menu-items > li:not(:last-child) { margin-right: 3.125rem; } /* END: MENU */ /* START: SEARCH */ .flo-header--556 .flo-header__search-wrap { color: #000000; } /* END: SEARCH */ /* START: DROPDOWNS */ .flo-header--556 .flo-header__menu .sub-menu li.current-menu-item a, .flo-header--556 .flo-header__menu .sub-menu li.current-menu-parent a { } .flo-header--556 .flo-header__menu ul ul { background-color: #B9B1A7; } .flo-header--556 .flo-header__menu ul ul a { color: #FFFFFF!important; } .flo-header--556 .flo-header__menu li ul li { border-color: #FFFFFF; } /* END: DROPDOWNS */ @media (min-width: 768px) { .flo-header--556 .flo-header__menu { width: calc((100% - 21.875rem / 2 ) / 2 - 3.75rem ); } }
Werk
Over
Press
Zomeracademie
Shop
Contact
.flo-header--556 .flo-header__logo{font-family: Libertinus Sans Regular;font-size: 2.5rem;letter-spacing: 0em;word-spacing: 0em;line-height: 1em;text-transform: none;font-weight: normal;}@media screen and (max-width: 767px){.flo-header--556 .flo-header__logo{font-size: 2.1875rem;}} @media (min-width: 768px) and (max-width: 1024px) { .flo-header--556 .flo-header__logo { max-width: 18.75rem; } } @media (min-width: 1025px) { .flo-header--556 .flo-header__logo { max-width: 21.875rem; } }
@media (max-width: 767px) { .flo-block--1136 { margin-top: 0rem; margin-bottom: 0rem; } } @media (min-width: 768px) { .flo-block--1136 { margin-top: 0rem; margin-bottom: 0rem; } }
@media (max-width: 767px) { .flo-mobile-menu { background-color: #B9B1A7; color: #444403; border-color: #444403; } /* START: DROPDOWN ITEMS */ .flo-mobile-menu__menu > li { border-bottom-color: rgba(68,68,3,0.15)!important; } .flo-mobile-menu__menu > li:before, .flo-mobile-menu__menu > li:after { border-color: rgba(68,68,3,0.5)!important; } .flo-mobile-menu__menu > .children-visible .flo-mobile-menu__menu-dropdown-toggle { color: #444403!important; } .flo-mobile-menu__menu-dropdown-toggle { color: #444403!important; } /* END: DROPDOWN ITEMS */ }
Werk
Over
Press
Zomeracademie
Shop
Contact
