.flo-header ul ul{background:#ffffff}.flo-header ul ul a{color:#000000!important}header:not(.is-sticky) .flo-header, header:not(.is-sticky) .flo-header__logo, header:not(.is-sticky) .flo-social-links__link, header:not(.is-sticky) .flo-header__menu-container > div > ul > .menu-item, header:not(.is-sticky) .flo-header__menu-container > div > ul > .menu-item > a, header:not(.is-sticky) .flo-header__menu-trigger-text, header:not(.is-sticky) .flo-header__search-trigger .flo-header__search-trigger-search-icon, header:not(.is-sticky) .flo-header__search-trigger .flo-header__search-trigger-close-icon, header:not(.is-sticky) .flo-header__search-input, header:not(.is-sticky) .flo-header__search-form-btn, header:not(.is-sticky) .flo-post.flo-header__lang-switch{color:#c16143}header:not(.is-sticky) .flo-header{padding-top:2.8125rem;padding-bottom:2.8125rem}header:not(.is-sticky) .flo-header__menu-item-search:before, header:not(.is-sticky) .flo-header__menu-trigger-item{background:#c16143}header:not(.is-sticky) .flo-header, header:not(.is-sticky) .flo-header__menu, header:not(.is-sticky) .flo-header__item, header:not(.is-sticky) .flo-header__menu-container{border-color:#c16143}.flo-header--logo-left .flo-header__lang-switch:before{color:#c16143}.flo-header--sticky .is-sticky .flo-header{background:#FFFFFF}.flo-header--sticky .is-sticky .flo-header, .flo-header--sticky .is-sticky .flo-header__logo, .flo-header--sticky .is-sticky .flo-social-links__link, .flo-header--sticky .is-sticky .flo-header .flo-header__menu-container > div > ul > .menu-item, .flo-header--sticky .is-sticky .flo-header .flo-header__menu-container > div > ul > .menu-item > a, .flo-header--sticky .is-sticky .flo-header__menu-trigger-text, .flo-header--sticky .is-sticky .flo-header__search-trigger .flo-header__search-trigger-search-icon, .flo-header--sticky .is-sticky .flo-header__search-trigger .flo-header__search-trigger-close-icon, .flo-header--sticky .is-sticky .flo-header__search-input, .flo-header--sticky .is-sticky .flo-header__search-form-btn{color:#e2c35d}.flo-header--sticky .is-sticky .flo-header__menu-item-search:before, .flo-header--sticky .is-sticky .flo-header__menu-trigger-item{background:#e2c35d}.flo-header--sticky .is-sticky .flo-header, .flo-header--sticky .is-sticky .flo-header__menu, .flo-header--sticky .is-sticky .flo-header__item, .flo-header--sticky .is-sticky .flo-header__menu-container{border-color:#e2c35d}.flo-header-and-flo-page-hero .flo-header-and-flo-page-hero-type-b__description-inner{border-color:}@media (min-width:768px) and (max-width:1024px){.flo-header__logo{max-width:3.125rem}}@media (min-width:768px){.flo_sidebar{width:25%}.body_has_sidebar .flo-section, .body_has_sidebar .flo-block{max-width:75%}}@media (min-width:1025px){.flo-header__logo{max-width:11.1875rem}}

.flo-header-mobile__logo{max-width:3.5rem}.is-main.flo-header-mobile{background-color:#FFFFFF}.is-main.flo-header-mobile .flo-header-mobile__search-input, .is-main.flo-header-mobile .flo-header-mobile__search-submit, .is-main.flo-header-mobile .flo-header-mobile__logo, .is-main.flo-header-mobile .flo-header-mobile__menu{color:#000000!important}.is-main.flo-header-mobile .flo-header-mobile__menu{border-color:#000000}.is-main.flo-header-mobile .flo-header-mobile__menu-trigger-item{background-color:#000000}

@media (max-width:767px){.flo-mobile-menu{background-color:#ffffff;color:#000000;border-color:#000000}.flo-mobile-menu .flo-mobile-header__menu, .flo-mobile-menu__social{border-color:#000000}.flo-mobile-menu .flo-header-mobile__logo, .flo-mobile-menu__ul li, .flo-mobile-menu__ul{color:#000000}.flo-mobile-menu .flo-header-mobile__menu-trigger-item{background:#000000}.flo-mobile-menu .flo-header-mobile__search-input, .flo-mobile-menu .flo-header-mobile__search-submit, .flo-mobile-menu .flo-header-mobile__logo, .flo-mobile-menu .flo-header-mobile__menu{color:#000000!important}.flo-mobile-menu .flo-header-mobile__menu{border-color:#000000}.flo-mobile-menu .flo-header-mobile__menu-trigger-item{background-color:#000000}}

Headers

You can see the various options of the menu – how it expands, changes and works.

Menu 1

Menu 1 expanded

Menu 1 expanded with numbers

Menu 1 with search expanded

Menu 2

Menu 3

Menu 3 with search expanded

Menu 4

.flo-footer__main-block{background:#e5dfda;color:#545454}.flo-footer__logo .flo-header__logo img{max-width:5.9375rem}.flo-footer-type-c input[type]:not([type='submit']){color:#545454}.flo-footer__main-block .flo-icon, .flo-footer__main-block .flo-icon:before, .flo-footer .flo-header__logo, .flo-footer-type-c__newsletter-form-field input, .flo-footer-type-c__newsletter-title, .flo-footer__signup-trigger, .flo-footer li, .flo-footer li a, .flo-footer__copyright-notice-title, .flo-footer__text-block-title, .flo-footer__text-block-content, .flo-footer__scroll-to-top-title, .flo-footer__copyright-notice{color:#545454}.flo-footer .sub-menu li a{color:#000000}.flo-footer-type-c__newsletter-form-field input, .flo-footer-type-a__bottom{border-color:#545454}.flo-footer .sub-menu{background:#e1e1e1}.flo-footer .flo-footer__newsletter-form-btn{background:#ffffff;color:#000000}

Headers

Share this:

Like this: