.flo-header ul ul, .flo-main-slideshow__menu-menu ul ul { background: #f9f9f9; } .flo-header ul ul a, .flo-main-slideshow__menu-menu 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 { color: #000000; } .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: #000000; } 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: #000000; } /* START: STICKY */ .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 .flo-header__menu ul > .menu-item, .flo-header--sticky .is-sticky .flo-header .flo-header__menu ul > .menu-item > a, .flo-header--sticky .is-sticky .flo-header__menu-trigger-text, .flo-header--sticky .is-sticky .flo-header .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: #000000; } .flo-header--sticky .is-sticky .flo-header__menu-item-search:before, .flo-header--sticky .is-sticky .flo-header__menu-trigger-item { background: #000000; } .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: #000000; } /* END: STICKY */ /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { .flo-header__logo { max-width: 7.625rem; } } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { .flo-header__logo { max-width: 10rem; } } /* END: LARGE UP*/

.flo-header-mobile__logo { max-width: 6.6875rem; } .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__menu-trigger-text, .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; } /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

/* START: SMALL ONLY */ @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 a, .flo-mobile-menu__ul ul a{ color: #000000 !important; } .flo-mobile-menu .sub-menu:after{ background: #000000 !important; } .flo-mobile-menu .flo-header-mobile__menu-trigger-item{ background: #000000; } /* Start: Mobile header inside */ .flo-mobile-menu .flo-header-mobile__menu-trigger-text, .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; } /* End: Mobile header inside */ } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

/* START: SMALL ONLY */ @media (max-width: 767px) { .flo-block--5657 { margin-top: 0rem; margin-bottom: 0rem; } } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { .flo-block--5657 { margin-top: 0rem; margin-bottom: 0rem; } } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

Sample Page

/* START: SMALL ONLY */ @media (max-width: 767px) { .flo-block--1244 { margin-top: 0rem; margin-bottom: 0rem; } } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { .flo-block--1244 { margin-top: 0rem; margin-bottom: 0rem; } } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

/* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { .flo-wp-content--596{max-width: 80%;} } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

.flo-footer-type-a, .flo-footer-type-b, .flo-footer-type-c { background-color: #ffffff; } .flo-footer__logo .flo-header__logo img{ max-width: 7.625rem; } .flo-footer-type-c input[type]:not([type='submit']){ color: #000000; } .flo-footer, .flo-footer__logo-desktop a, .flo-footer__logo-mobile a, .flo-footer__content-text, .flo-footer__content-title, .flo-footer__social-title, .flo-footer__social, .flo-footer__newsletter, .flo-footer__newsletter-btn, .flo-footer__newsletter input, .flo-footer__newsletter-title, .flo-footer__main-block .flo-icon, .flo-footer__main-block .flo-icon:before, .flo-footer-type-c__newsletter-form-field input, .flo-footer-type-c__newsletter-title, .flo-footer .menu-item > a, .flo-footer__copyright-notice { color: #000000!important; } .flo-footer .sub-menu li a{ color: #FFFFFF!important; } .flo-footer-type-c__newsletter-form-field input, .flo-footer-type-a__bottom{ border-color: #000000; } .flo-footer .sub-menu{ background: #000000; } .flo-footer .flo-footer__newsletter-form-btn{ background: #f3ebe6; color: #000000; } /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

.flo-header__search-wrap { background: #FFFFFF; } flo-header__search-wrap .flo-header__search-hint, flo-header__search-wrap .flo-header__search-input{ color: #000000; } /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/