.flo-header-mobile__logo{max-width:10rem}.flo-header-mobile{background-color:#FFFFFF;color:#6e6e6e}.is-sticky .flo-header-mobile.is-main{background-color:#FFFFFF;color:#6e6e6e}

@media (min-width:768px){html.html--style-fixed .flo-block-item-title-3-block .flo-block-item-title-3--featured-image-position-bg .flo-block-item-title-3__text-area-wrap{padding-left:calc((100vw - 61.88rem) / 2);padding-right:calc((100vw - 61.88rem) / 2)}}@media (min-width:1025px){.html--style-fixed .flo-block:not(.flo-block--full-width), .html--style-fixed .flo-footer > *{padding-left:calc((100vw - 61.88rem) / 2);padding-right:calc((100vw - 61.88rem) / 2)}html.html--style-fixed{font-size:19.07px}html.html--style-fixed .flo-block-intro-block .flo-block-intro-block__title-area{margin-left:calc((100vw - 61.88rem) / 2)}}

header:not(.is-sticky) .flo-header--502{color:#6e6e6e;border-color:rgba(110,110,110,0.3);padding-top:2.5rem;padding-bottom:2.5rem}header:not(.is-sticky) .flo-header--502{background-color:#FFFFFF}header:not(.is-sticky) .flo-header--502 .flo-header__menu > ul > li > a{color:#6e6e6e}.flo-header--sticky .is-sticky .flo-header--502{background-color:rgba(237,236,234,0.9);color:#6e6e6e!important;border-color:rgba(110,110,110,0.3)}

@media (max-width:767px){.flo-block--3529{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--3529{margin-top:0rem;margin-bottom:0rem}}

.flo-header-topbar--extended{color:#6e6e6e}.flo-header-topbar--extended__close{color:#BDBDBD}.flo-header-topbar--extended__button, .flo-header-topbar--extended__button:focus, .flo-header-topbar--extended__button:active, .flo-header-topbar--extended__button:hover{background-color:#BDBDBD;color:#FFFFFF!important}.flo-header-topbar--extended__close:hover{color:#6e6e6e}.flo-header-topbar--extended__title{font-family:CormorantGaramond-Medium;font-size:1.25rem;letter-spacing:0em;word-spacing:0em;line-height:1.3em;text-transform:none;font-weight:normal}.flo-header-topbar--extended__button{font-family:LibreBaskerville-Regular;font-size:0.5625rem;letter-spacing:0.5em;word-spacing:0em;line-height:1.2em;text-transform:none;font-weight:normal}

.flo-header--502 .flo-header__menu > div > ul > li > a{font-family:CormorantGaramond-Medium;font-size:1.25rem;letter-spacing:0em;word-spacing:0em;line-height:1.3em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--502 .flo-header__menu > div > ul > li > a{font-size:1.7375rem}}.flo-header--502 .flo-header__menu .sub-menu a{font-family:CormorantGaramond-Medium;font-size:1.25rem;letter-spacing:0em;word-spacing:0em;line-height:1.3em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--502 .flo-header__menu .sub-menu a{font-size:1.7375rem}}.flo-header--502 .flo-header__search-form-input{font-family:CormorantGaramond-Medium;font-size:1.25rem;letter-spacing:0em;word-spacing:0em;line-height:1.3em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--502 .flo-header__search-form-input{font-size:1.7375rem}}.flo-header--502 .flo-header__menu .sub-menu li.current-menu-item a, .flo-header--502 .flo-header__menu .sub-menu li.current-menu-parent a{}.flo-header--502 .flo-header__menu ul ul{background-color:#FAF7F6}.flo-header--502 .flo-header__menu ul ul:after{border-color:transparent transparent #FAF7F6 transparent!important}.flo-header--502 .flo-header__menu ul ul a{color:#6e6e6e!important}.flo-header--502 .flo-header__menu li ul li > a:before{background-color:#6e6e6e}@media (min-width:768px){.flo-header--502 .flo-header__menu{width:calc(50% - 14.375rem / 2 )}}

.flo-header--502 .flo-header__logo{font-family:LibreBaskerville-Regular;font-size:0.5625rem;letter-spacing:0.5em;word-spacing:0em;line-height:1.2em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-header--502 .flo-header__logo{font-size:0.781875rem}}@media (min-width:768px) and (max-width:1024px){.flo-header--502 .flo-header__logo{max-width:5.625rem}}@media (min-width:1025px){.flo-header--502 .flo-header__logo{max-width:14.375rem}}

Tag: Styleguide

@media (max-width:767px){.flo-block--5257{margin-top:0rem;margin-bottom:0rem}}@media (min-width:768px){.flo-block--5257{margin-top:0rem;margin-bottom:0rem}}

.flo-block-listing-5--194 .flo-block-listing-5__title{font-family:CormorantGaramond-Medium;font-size:1.25rem;letter-spacing:0em;word-spacing:0em;line-height:1.3em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-listing-5--194 .flo-block-listing-5__title{font-size:1.7375rem}}.flo-block-listing-5--194 .flo-block-listing-5__category{font-family:Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif;font-size:0.8125rem;letter-spacing:0.33em;word-spacing:0.11em;line-height:2.04em;text-transform:none;font-weight:bold}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-listing-5--194 .flo-block-listing-5__category{font-size:1.129375rem}}@media screen and (max-width:767px){.flo-block-listing-5--194 .flo-block-listing-5__category{font-size:1rem;line-height:2em}}.flo-block-listing-5--194 .flo-block-listing-5__overlay{font-family:LibreBaskerville-Regular;font-size:0.5625rem;letter-spacing:0.5em;word-spacing:0em;line-height:1.2em;text-transform:none;font-weight:normal}@media screen and (min-width:768px) and (max-width:1024px){.flo-block-listing-5--194 .flo-block-listing-5__overlay{font-size:0.781875rem}}.flo-block-listing-5--194 .flo-block-listing-5__overlay{color:#6e6e6e;width:calc(100% - 1.125rem * 2);height:calc(100% - 1.125rem * 2);transform:translate(1.125rem, 1.125rem)}.flo-block-listing-5--194 .flo-block-listing-5__overlay-color{background-color:#FFFFFF}.flo-block-listing-5--194 .flo-block-listing-5__text-area{color:#6e6e6e}@media (min-width:768px){.flo-block-listing-5--194 .flo-block-listing-5__item{width:calc(100% / 3);padding:0.3125rem}.grid-sizer{width:calc(100% / 3)}.flo-block-listing-5--194{margin:-0.3125rem}}

READ THE STORY

Style Guide

PREPARE FOR SHOOT

@media (max-width:767px){.flo-mobile-menu{background-color:#FAF7F6;color:#6e6e6e}.flo-mobile-menu__menu > li{border-bottom-color:rgba(110,110,110,0.15)!important}.flo-mobile-menu__menu-dropdown-toggle{color:rgba(110,110,110,0.15)!important}}

Ready for 2019?

Style Guide

PREPARE FOR SHOOT

annahornby

Tag: Styleguide

Style Guide

PREPARE FOR SHOOT

annahornby

Subscribe to my Newsletter

I won't bug you!