.flo-header--20 .flo-header__menu > div > ul > li > a{font-family:KonstantGrotesk Regular;font-size:0.625rem;letter-spacing:0.44em;word-spacing:0em;line-height:2.14em;text-transform:uppercase;font-weight:normal}@media screen and (max-width:767px){.flo-header--20 .flo-header__menu > div > ul > li > a{font-size:0.5rem;line-height:2.14em}}.flo-header--20 .flo-header__menu > div > ul > li.current-menu-item > a, .flo-header--20 .flo-header__menu > div > ul > li.current-menu-parent > a{}.flo-header--20 .flo-header__menu .sub-menu a{font-family:Syncopate Regular;font-size:0.5rem;letter-spacing:0.5em;word-spacing:0em;line-height:2.34em;text-transform:uppercase;font-weight:normal}@media screen and (max-width:767px){.flo-header--20 .flo-header__menu .sub-menu a{font-size:0.375rem}}.flo-header--20 .flo-header__menu .sub-menu li.current-menu-item a, .flo-header--20 .flo-header__menu .sub-menu li.current-menu-parent a{}.flo-header--20.flo-header--type-c .flo-header__menu ul.menu > li, .flo-header--20.flo-header--type-e .flo-header__menu ul.menu > li{margin-left:3.75rem}.flo-header--20.flo-header--type-d .flo-header__menu ul.menu > li, .flo-header--20.flo-header--type-f .flo-header__menu ul.menu > li{margin-right:3.75rem}header:not(.is-sticky) .flo-header--20{color:#000000;border-color:rgba(0,0,0,0.1);padding-top:1.875rem;padding-bottom:1.875rem}header:not(.is-sticky) .flo-header--20 .flo-header--type-a .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--20 .flo-header--type-b .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--20 .flo-header--type-g .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--20 .flo-header--type-h .flo-header__menu ul.menu li{border-color:rgba(0,0,0,0.1)}header:not(.is-sticky) .flo-header--20{background-color:#ffffff}header:not(.is-sticky) .flo-header--20 .flo-header__menu > ul > li > a{color:#000000}.flo-header--sticky .is-sticky .flo-header--20{background:rgba(33,33,33,0.65);color:#000000!important;border-color:rgba(0,0,0,0.1)}

.flo-header--20 .flo-header__logo{font-family:Cammron Regular;font-size:1.875rem;letter-spacing:0.07em;word-spacing:0em;line-height:1.27em;text-transform:uppercase;font-weight:normal}@media screen and (max-width:767px){.flo-header--20 .flo-header__logo{font-size:1.625rem}}@media (min-width:768px) and (max-width:1024px){.flo-header--20 .flo-header__logo{max-width:12.5rem}}@media (min-width:1025px){.flo-header--20 .flo-header__logo{max-width:9.375rem}}

@media (max-width:767px){.flo-header-mobile__logo{max-width:10rem}.flo-header-mobile{background-color:#f2f3f3;color:#000000}.is-sticky .flo-header-mobile{background-color:#f2f3f3;color:#000000}}

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

Page Fade-In/ Fade-Out

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

[button size=’medium’ type=’normal’ border_color=” color=” background_color=” font_style=” text=’Test Animation’ link=’http://demo.select-themes.com/nouveau/page-fade-updown-transition/’ target=’_self’]

No tags for this post.

Page Fade-In/ Fade-Out

follow along elsewhere

Follow Our Stories