/* START: NON STICKY STYLES */ header :not(.is-sticky) .flo-header { background-color: #ffffff; } header :not(.is-sticky) .flo-header__logo, header :not(.is-sticky) .flo-header__menu > div > ul > .menu-item > a, header :not(.is-sticky) .flo-header__menu-trigger, header :not(.is-sticky) .flo-header__social-links-trigger, header :not(.is-sticky) .flo-header__social-links a:before, header :not(.is-sticky) .flo-header__search-trigger, header :not(.is-sticky) .flo-header__search-form-input, header :not(.is-sticky) .flo-header__search-form-submit, header :not(.is-sticky) .flo-header__featured-link { color: #252525; } .flo-header{ padding-top:2.5rem; padding-bottom:2.5rem; } header :not(.is-sticky).flo-header { background-color: #ffffff; } header :not(.is-sticky) .flo-header__menu-item-search:before, header :not(.is-sticky) .flo-header__menu-trigger-item, header :not(.is-sticky) .flo-header__search-form:before, header :not(.is-sticky) .flo-header__search-form:after { background-color: #252525; } header :not(.is-sticky) .flo-header__column-top-wrap { border-color: #252525; } /* END: NON STICKY STYLES */ /* START: STICKY STYLES */ .flo-header--sticky .is-sticky .flo-header{ background: rgba(255,255,255,1); } .flo-header--sticky .is-sticky .flo-header__logo, .flo-header--sticky .is-sticky .flo-header__menu > div > ul > .menu-item > a, .flo-header--sticky .is-sticky .flo-header__menu-trigger, .flo-header--sticky .is-sticky .flo-header__social-links-trigger, .flo-header--sticky .is-sticky .flo-header__social-links a:before, .flo-header--sticky .is-sticky .flo-header__search-trigger, .flo-header--sticky .is-sticky .flo-header__search-form-input, .flo-header--sticky .is-sticky .flo-header__search-form-submit, .flo-header--sticky .is-sticky .flo-header__featured-link, .flo-header--sticky .is-sticky .flo-header__lang-switch { color: #000000; } .flo-header--sticky .is-sticky .flo-header__menu-item-search:before, .flo-header--sticky .is-sticky .flo-header__menu-trigger-item, .flo-header--sticky .is-sticky .flo-header__search-form:before, .flo-header--sticky .is-sticky .flo-header__search-form:after { background-color: #000000; } .flo-header--sticky .is-sticky .flo-header__column-top-wrap { border-color: #252525; } /* END: STICKY STYLES */ /* START: DROPDOWNS */ .flo-header ul ul { background-color: #fef6ed; } .flo-header ul ul a { color: !important; } /* END: DROPDOWNS */ /* 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: 6.25rem; } } /* 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: 4.375rem; } } /* END: LARGE UP*/

.flo-header--type-a .flo-header__social-links-dropdown { background-color: #fef6ed; } .flo-header--type-a .flo-header__social-links-dropdown a { color: !important; } /* 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-mobile__logo { max-width: 3.75rem; } .is-main.flo-header-mobile { background-color: #ffffff; } .is-main.flo-header-mobile .flo-header-mobile__search-trigger, .is-main.flo-header-mobile .flo-header-mobile__menu-trigger, .is-main.flo-header-mobile .flo-header-mobile__logo, .is-main.flo-header-mobile .flo-header-mobile__menu { color: #252525!important; } .is-main.flo-header-mobile .flo-header-mobile__menu { border-color: #252525; } /* 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) { /* START: HEADER */ .flo-mobile-menu .flo-header-mobile { background-color: #ffffff; } .flo-mobile-menu .flo-header-mobile__menu-trigger, .flo-mobile-menu .flo-header-mobile__logo, .flo-mobile-menu .flo-header-mobile__menu-wrap { color: #252525!important; } /* END: HEADER */ /* START: GENERIC */ .flo-mobile-menu { background-color: #fef6ed; } .flo-mobile-menu__menu > li > a, .flo-mobile-menu__menu > li .flo-mobile-menu__menu-submenu-toggle, .flo-mobile-menu__social-links a { color: #252525; } /* END: GENERIC */ /* START: MENU */ .flo-mobile-menu__menu > li > a { color: #252525; } /* END: MENU */ /* START: SEARCH */ .flo-mobile-menu__search { background-color: #ffffff; } .flo-mobile-menu__search-input, .flo-mobile-menu__search-submit { color: #252525!important; } /* END: SEARCH */ /* START: SUBMENU */ .flo-mobile-menu__submenu { background-color: #252525; } .flo-mobile-menu__submenu-header-wrap { background-color: #ffffff; } .flo-mobile-menu__submenu-parent-title { color: #252525!important; } .flo-mobile-menu__submenu-items a { color: #968f88!important; } .flo-mobile-menu__submenu-close-button { color: #ffffff; border-color: #ffffff; } .flo-mobile-menu__submenu-close-text { color: #757575!important; } /* END: SUBMENU */ } /* 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-listing--164 .flo-listing__title, .flo-listing--164 .flo-listing__excerpt, .flo-listing--164 .flo-listing__date, .flo-listing--164 .flo-listing__category { color: #252525!important; } .flo-listing--164 .flo-listing__date:before, .flo-listing--164 .flo-listing__date:after { background-color: #252525; } .flo-listing--164 .flo-listing__image-wrap:before { background-color: #fef6ed; } /* 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*/

Tag: animation

.flo-listing--164 .flo-listing__date{font-family: 'Raleway', sans-serif, 'google';font-size: 0.625rem;letter-spacing: 0.3em;word-spacing: 0em;line-height: 1.8em;text-transform: none;font-weight: normal;}@media screen and (min-width: 768px) and (max-width: 1024px){.flo-listing--164 .flo-listing__date{font-size: 0.69375rem;}}@media screen and (max-width: 767px){.flo-listing--164 .flo-listing__date{font-size: 0.625rem}} /* 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*/

February 10, 2018

.flo-listing--164 .flo-listing__title{font-family: 'Raleway', sans-serif, 'google';font-size: 1.5625rem;letter-spacing: 0.05em;word-spacing: 0em;line-height: 1.2em;text-transform: uppercase;font-weight: normal;}@media screen and (min-width: 768px) and (max-width: 1024px){.flo-listing--164 .flo-listing__title{font-size: 1.734375rem;}}@media screen and (max-width: 767px){.flo-listing--164 .flo-listing__title{font-size: 1.25rem}} /* 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*/

5 Brands that use Illustrations in Branding really well

.flo-header-popup:before { background-color: #252525; } .flo-header-popup__main-wrap { background-color: #ffffff; } .flo-header-popup__close, .flo-header-popup__search-input, .flo-header-popup__search-submit, .flo-header-popup__menu .menu-item a, .flo-header-popup__social-links a:before { color: #252525!important; } .flo-header-popup__menu .menu-item a:before { background-color: #252525; } .flo-header-popup__search { border-bottom: 1px solid #252525; } /* 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) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { /* START: MENU */ .flo-footer__menu .sub-menu { background-color: #fef6ed; } .flo-footer__menu .sub-menu a { color: !important; } /* END: MENU */ } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/