Portfolio - Liesl Claire

/* START: DROPDOWNS */ .flo-header ul ul, .flo-main-slideshow__menu-menu ul ul, .flo-footer__menu ul ul { background-color: rgba(244,243,242,1); } .flo-header ul ul a, .flo-main-slideshow__menu-menu ul ul a, .flo-footer__menu ul ul a { color: #2a2a2a!important; } /* END: DROPDOWNS */ /* START: SEARCH */ .flo-header__search-input, .flo-header__search-submit { color: #6b6764!important; } header .flo-header__search-form { color: #f9f9f9; } /* END: SEARCH */ /* START: NON STICKY STYLES */ 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 > div > ul > .menu-item > a:after, header :not(.is-sticky) .flo-header__menu-trigger, header :not(.is-sticky) .flo-header__social-links a, header :not(.is-sticky) .flo-header__search-trigger, header :not(.is-sticky) .flo-header__lang-switch { color: #2a2a2a; } header :not(.is-sticky) .flo-header__menu-item-search:before, header :not(.is-sticky) .flo-header__menu-trigger-item { background: #2a2a2a; } header :not(.is-sticky) .flo-header__menu .menu-item { border-color: #2a2a2a!important; } /* END: NON STICKY STYLES */ /* START: STICKY */ .flo-header--sticky .is-sticky .flo-header, .flo-block--merged-with-header .is-sticky .flo-slideshow__bottom-menu{ 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 > div > ul > .menu-item > a:after, .flo-header--sticky .is-sticky .flo-header__menu-trigger, .flo-header--sticky .is-sticky .flo-header__social-links a, .flo-header--sticky .is-sticky .flo-header__search-trigger, .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 { background: #000000; } .flo-header--sticky .is-sticky .flo-header__menu .menu-item { border-color: #000000!important; } /* 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: 13.125rem; } } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { /* START: Header Spacing */ .flo-header{ padding-top: 2.5rem; padding-bottom: 2.5rem } /* END: Header Spacing */ } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

.flo-header-mobile__logo { max-width: 12.5rem; } .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: #6b6764!important; } .is-main.flo-header-mobile .flo-header-mobile__menu { border-color: #6b6764; } /* 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__search-trigger, .flo-mobile-menu .flo-header-mobile__menu-wrap-trigger, .flo-mobile-menu .flo-header-mobile__logo, .flo-mobile-menu .flo-header-mobile__menu-wrap { color: #6b6764!important; } /* END: HEADER */ /* START: GENERIC */ .flo-mobile-menu { background-color: #f9f9f9; color: #6b6764; border-color: #6b6764; } /* END: GENERIC */ /* START: MENU */ .flo-mobile-menu__menu-wrap { border-top-color: #ffffff; } .flo-mobile-menu__menu .menu-item-has-children.children-visible { background-color: #ffffff; } .flo-mobile-menu__menu .menu-item-has-children.children-visible a { color: #6b6764!important; } /* END: MENU */ } /* 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--1102 { 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--1102 { 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--476{ max-width: 90%;; margin: 0 auto; } } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/