@media (max-width: 767px) { /* START: LOGO */ .flo-header-mobile__logo { max-width: 10rem; } /* END: LOGO */ /* START: COLORS */ .flo-header-mobile { background-color: #f2f3f3; color: #000000; } .is-sticky .flo-header-mobile { background-color: #f2f3f3; color: #000000; } /* END: COLORS */ }
@media (max-width: 767px) { }
@media (max-width: 767px) { .flo-header-mobile__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-mobile__logo{font-size: 1.625rem;}} }
PORTO
@media (max-width: 767px) { .flo-block--4897 { margin-top: 0rem; margin-bottom: 0rem; } } @media (min-width: 768px) { .flo-block--4897 { margin-top: 0rem; margin-bottom: 0rem; } }
/* START: MENU */ .flo-header--136 .flo-header__menu > div > ul > li > 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 (min-width: 768px) and (max-width: 1024px){.flo-header--136 .flo-header__menu > div > ul > li > a{font-size: 0.7rem;}}@media screen and (max-width: 767px){.flo-header--136 .flo-header__menu > div > ul > li > a{font-size: 0.375rem;}} .flo-header--136 .flo-header__menu > div > ul > li.current-menu-item > a, .flo-header--136 .flo-header__menu > div > ul > li.current-menu-parent > a { } .flo-header--136 .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 (min-width: 768px) and (max-width: 1024px){.flo-header--136 .flo-header__menu .sub-menu a{font-size: 0.7rem;}}@media screen and (max-width: 767px){.flo-header--136 .flo-header__menu .sub-menu a{font-size: 0.375rem;}} .flo-header--136 .flo-header__menu .sub-menu li.current-menu-item a, .flo-header--136 .flo-header__menu .sub-menu li.current-menu-parent a { } /* END: MENU */ /* START: MENU ITEMS GAP */ .flo-header--136.flo-header--type-c .flo-header__menu ul.menu > li, .flo-header--136.flo-header--type-e .flo-header__menu ul.menu > li { margin-left: 9.0625rem; } .flo-header--136.flo-header--type-d .flo-header__menu ul.menu > li, .flo-header--136.flo-header--type-f .flo-header__menu ul.menu > li { margin-right: 9.0625rem; } /* END: MENU ITEMS GAP */ /* START: NON STICKY HEADER RULES */ header:not(.is-sticky) .flo-header--136 { color: #000000; border-color: rgba(0,0,0,0.1); padding-top: 1.875rem; padding-bottom: 1.875rem; } /* START: MENU LINES COLOR */ header:not(.is-sticky) .flo-header--136 .flo-header--type-a .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--136 .flo-header--type-b .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--136 .flo-header--type-g .flo-header__menu ul.menu li, header:not(.is-sticky) .flo-header--136 .flo-header--type-h .flo-header__menu ul.menu li { border-color: rgba(0,0,0,0.1); } /* END: MENU LINES COLOR */ header:not(.is-sticky) .flo-header--136 { background-color: #ffffff; } header:not(.is-sticky) .flo-header--136 .flo-header__menu > ul > li > a { color: #000000; } /* END: NON STICKY HEADER RULES */ /* START: STICKY HEADER RULES */ .flo-header--sticky .is-sticky .flo-header--136 { background: rgba(255,255,255,1); color: #332F2F!important; border-color: rgba(51,47,47,0.1); } /* END: STICKY HEADER RULES */
@media (min-width: 768px) { .flo-header--136 .flo-header__menu{ width: calc(100% - (12.5rem / 2) ); } .flo-header--136 .flo-header__logo { margin-right: -0.07em }.flo-header--136 .flo-header__menu--right .flo-header__search-wrap .flo-header__search-form,.flo-header--136 .flo-header__menu--right .flo-header__search-wrap .flo-header__search-form .flo-header__search-form-input{ background-color: #FFFFFF!important; }.flo-header--136 .flo-header__menu--right .flo-header__search-wrap .flo-header__search-form:before{ border-bottom-color: #FFFFFF!important; } }
/* START: DROPDOWNS */ .flo-header--136 .flo-header__menu ul ul { background-color: #000000; } .flo-header--136 .flo-header__menu ul ul:after { border-color: transparent transparent #000000 transparent!important; } .flo-header--136 .flo-header__menu ul ul a { color: #f2f3f3!important; } .flo-header--136 .flo-header__menu li ul li > a:before { background-color: #f2f3f3; } /* END: DROPDOWNS */
HOME
Home New
Home A
Home B
Home Landing
PORTO CLASSIC
PORTO LIFESTYLE
PORTO DARK
PORTO AMBER
ABOUT US
BLOG
Blog A – 2 columns
Blog B – grid, text hover
Blog C – grid, text below
Blog D – grid with feature
Blog E – regular list
Blog F – cards
POST A
POST B
POST C
PORTFOLIO
Portfolio 1 – two columns
Portfolio 2 – grid A
Portfolio 3 – grid B
Portfolio 4 – grid Feature
Portfolio 5 – regular list
Portfolio 6 – cards
GALLERY A
GALLERY B
GALLERY C
GALLERY D
PAGES
Our Team
Investment
BLOCKS
New Blocks
Headers and Footers
CONTACT
Contact A
Contact B
Contact C
.flo-header--136 .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--136 .flo-header__logo{font-size: 1.625rem;}} @media (min-width: 768px) and (max-width: 1024px) { .flo-header--136 .flo-header__logo { max-width: 12.5rem; } } @media (min-width: 1025px) { .flo-header--136 .flo-header__logo { max-width: 12.5rem; } }
PORTO
.flo-block-title-4--911 .flo-block-title-4__title{font-family: Cammron Regular;font-size: 1.625rem;letter-spacing: 0.03em;word-spacing: 0em;line-height: 1.27em;text-transform: none;font-weight: normal;}@media screen and (min-width: 768px) and (max-width: 1024px){.flo-block-title-4--911 .flo-block-title-4__title{font-size: 1.8rem;}}@media screen and (max-width: 767px){.flo-block-title-4--911 .flo-block-title-4__title{font-size: 1.4375rem;}} .flo-block-title-4--911 .flo-block-title-4__subtitle{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 (min-width: 768px) and (max-width: 1024px){.flo-block-title-4--911 .flo-block-title-4__subtitle{font-size: 0.7rem;}}@media screen and (max-width: 767px){.flo-block-title-4--911 .flo-block-title-4__subtitle{font-size: 0.375rem;}} .flo-block-title-4--911 { color: #000000; } .flo-block-title-4--911 .flo-block-title-4__title { margin-right: -0.03em; }
@media (max-width: 767px) { .flo-block--9957 { margin-top: 0rem; margin-bottom: 0rem; } } @media (min-width: 768px) { .flo-block--9957 { margin-top: -3.125rem; margin-bottom: -1.875rem; } }
DAILY JOURNAL
BLOG
@media (max-width: 767px) { .flo-block--5595 { margin-top: 0rem; margin-bottom: 0rem; } } @media (min-width: 768px) { .flo-block--5595 { margin-top: 0rem; margin-bottom: -3.125rem; } }
.flo-block-listing-4--500 .flo-block-listing-4__big-item-title{font-family: Cammron Regular;font-size: 1.75rem;letter-spacing: 0.05em;word-spacing: 0em;line-height: 1.39em;text-transform: uppercase;font-weight: normal;}@media screen and (min-width: 768px) and (max-width: 1024px){.flo-block-listing-4--500 .flo-block-listing-4__big-item-title{font-size: 1.8rem;}}@media screen and (max-width: 767px){.flo-block-listing-4--500 .flo-block-listing-4__big-item-title{font-size: 1.4375rem;}} .flo-block-listing-4--500 .flo-block-listing-4__big-item-category{font-family: KonstantGrotesk Regular;font-size: 0.5rem;letter-spacing: 0.44em;word-spacing: 0em;line-height: 2.14em;text-transform: uppercase;font-weight: normal;}@media screen and (min-width: 768px) and (max-width: 1024px){.flo-block-listing-4--500 .flo-block-listing-4__big-item-category{font-size: 0.7rem;}} .flo-block-listing-4--500 .flo-block-listing-4__big-item-decorative-letter{font-family: Cammron Light;font-size: 5.625rem;letter-spacing: 0em;word-spacing: 0em;line-height: 1.3em;text-transform: none;font-weight: normal;} .flo-block-listing-4--500 .flo-block-listing-4__big-item-tags{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 (min-width: 768px) and (max-width: 1024px){.flo-block-listing-4--500 .flo-block-listing-4__big-item-tags{font-size: 0.7rem;}}@media screen and (max-width: 767px){.flo-block-listing-4--500 .flo-block-listing-4__big-item-tags{font-size: 0.375rem;}} .flo-block-listing-4--500 .flo-block-listing-4__big-item-link{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 (min-width: 768px) and (max-width: 1024px){.flo-block-listing-4--500 .flo-block-listing-4__big-item-link{font-size: 0.7rem;}}@media screen and (max-width: 767px){.flo-block-listing-4--500 .flo-block-listing-4__big-item-link{font-size: 0.375rem;}} .flo-block-listing-4--500 .flo-block-listing-4__small-item-title{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 (min-width: 768px) and (max-width: 1024px){.flo-block-listing-4--500 .flo-block-listing-4__small-item-title{font-size: 0.7rem;}}@media screen and (max-width: 767px){.flo-block-listing-4--500 .flo-block-listing-4__small-item-title{font-size: 0.375rem;}} .flo-block-listing-4--500 .flo-block-listing-4__top-wrap { margin-bottom: 2.625rem; } .flo-block-listing-4--500 .flo-block-listing-4__item--big { color: #000000; border-color: #000000; } .flo-block-listing-4--500 .flo-block-listing-4__big-item-link:hover { color: #f2f3f3; background-color: #000000; } .flo-block-listing-4--500 .flo-block-listing-4__big-item-overlay { background-color: #f2f3f3; } .flo-block-listing-4--500 .flo-block-listing-4__big-item-decorative-letter { font-size: 12.5rem; color: rgba(0,0,0,0.1); } .flo-block-listing-4--500 .flo-block-listing-4__small-item-overlay { color: #000000; background-color: #f2f3f3; } .flo-block-listing-4--500 .flo-block-listing-4__small-item-title { color: #000000; } @media (max-width: 767px) { .flo-block-listing-4--500 .flo-block-listing-4__item { margin-bottom: 2.625rem; } .flo-block-listing-4--500 .flo-block-listing-4__mobile-disabled { display: none; } } @media (min-width: 768px) { .flo-block-listing-4--500 .flo-block-listing-4__bottom-wrap .flo-block-listing-4__item--small { width: calc(100% / 4 - 1.96875rem); margin-right: 2.625rem; margin-bottom: 2.625rem; } .flo-block-listing-4--500 .flo-block-listing-4__top-wrap-right-side .flo-block-listing-4__item--small { width: calc(100% / 2 - 1.3125rem); margin-right: 2.625rem; margin-bottom: 2.625rem; } .flo-block-listing-4--500 .flo-block-listing-4__top-wrap-left-side { width: calc(50% - 1.3125rem); } .flo-block-listing-4--500 .flo-block-listing-4__top-wrap-right-side { width: calc(50% - 1.3125rem); } }
Photography
TO THE STARS AND BACK
Personal /
Photography
READ MORE
MAKE IT EASY
WHAT MAKES ME HAPPY
EXPLORING THE WORLD
DO YOU KNOW WHERE YOUR CREATIVITY COMES FROM?
FROM ROME WITH LOVE
WELCOME TO THE NEW PORTO
POWER OF SHADES
HELLO WORLD!
@media (max-width: 767px) { .flo-block--2493 { margin-top: 0rem; margin-bottom: 0rem; } } @media (min-width: 768px) { .flo-block--2493 { margin-top: 0rem; margin-bottom: 0rem; } }
@media (max-width: 767px) { .flo-mobile-menu { background-color: #ffffff; color: #000000; } /* START: DROPDOWN ITEMS */ .flo-mobile-menu__menu li ul { color: #969696; } .flo-mobile-menu__menu-dropdown-toggle:before, .flo-mobile-menu__menu-dropdown-toggle:after { background-color: #969696; } .flo-mobile-menu__menu > li { border-bottom-color: rgba(150,150,150,0.2)!important; } /* END: DROPDOWN ITEMS */ .flo-mobile-menu__close{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 (min-width: 768px) and (max-width: 1024px){.flo-mobile-menu__close{font-size: 0.7rem;}}@media screen and (max-width: 767px){.flo-mobile-menu__close{font-size: 0.375rem;}} }
CLOSE MENU
@media (max-width: 767px) { .flo-mobile-menu__menu > li > a{font-family: Cammron Regular;font-size: 1.75rem;letter-spacing: 0.09em;word-spacing: 0em;line-height: 1.27em;text-transform: uppercase;font-weight: normal;}@media screen and (min-width: 768px) and (max-width: 1024px){.flo-mobile-menu__menu > li > a{font-size: 1.8rem;}}@media screen and (max-width: 767px){.flo-mobile-menu__menu > li > a{font-size: 1.4375rem;}} .flo-mobile-menu__menu ul > li.menu-item > a{font-family: Arapey Regular;font-size: 0.6875rem;letter-spacing: 0.37em;word-spacing: 0em;line-height: 1.96em;text-transform: uppercase;font-weight: normal;font-style: italic;}@media screen and (min-width: 768px) and (max-width: 1024px){.flo-mobile-menu__menu ul > li.menu-item > a{font-size: 0.9625rem;}}@media screen and (max-width: 767px){.flo-mobile-menu__menu ul > li.menu-item > a{font-size: 0.625rem;}} }
HOME
Home New
Home A
Home B
Home Landing
PORTO CLASSIC
PORTO LIFESTYLE
PORTO DARK
PORTO AMBER
ABOUT US
BLOG
Blog A – 2 columns
Blog B – grid, text hover
Blog C – grid, text below
Blog D – grid with feature
Blog E – regular list
Blog F – cards
POST A
POST B
POST C
PORTFOLIO
Portfolio 1 – two columns
Portfolio 2 – grid A
Portfolio 3 – grid B
Portfolio 4 – grid Feature
Portfolio 5 – regular list
Portfolio 6 – cards
GALLERY A
GALLERY B
GALLERY C
GALLERY D
PAGES
Our Team
Investment
BLOCKS
New Blocks
Headers and Footers
CONTACT
Contact A
Contact B
Contact C
@media (max-width: 767px) { .flo-mobile-menu__text-above-copyright-notice{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 (min-width: 768px) and (max-width: 1024px){.flo-mobile-menu__text-above-copyright-notice{font-size: 0.7rem;}}@media screen and (max-width: 767px){.flo-mobile-menu__text-above-copyright-notice{font-size: 0.375rem;}} .flo-mobile-menu__copyright-notice{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 (min-width: 768px) and (max-width: 1024px){.flo-mobile-menu__copyright-notice{font-size: 0.7rem;}}@media screen and (max-width: 767px){.flo-mobile-menu__copyright-notice{font-size: 0.375rem;}} }
Sacramento, California
123.456.7890
©2018 FLOTHEMES • IMAGES BY
DANILO AND SHARON
.flo-header__menu-popup { background-color: #f2f3f3; color: #000000; } .flo-header__menu-popup-logo-wrap { margin-bottom: 10rem; } .flo-header__menu-popup .flo-header__menu li ul { background-color: #000000!important; } .flo-header__menu-popup .flo-header__menu li ul a { color: #f2f3f3!important; } .flo-header__menu-popup .flo-header__menu li ul li > a:before { background-color: #f2f3f3!important; }
.flo-header--400 .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--400 .flo-header__logo{font-size: 1.625rem;}} @media (min-width: 768px) and (max-width: 1024px) { .flo-header--400 .flo-header__logo { max-width: 12.5rem; } } @media (min-width: 1025px) { .flo-header--400 .flo-header__logo { max-width: 12.5rem; } }
PORTO
/* START: DROPDOWNS */ .flo-header--400 .flo-header__menu ul ul { background-color: #000000; } .flo-header--400 .flo-header__menu ul ul:after { border-color: transparent transparent #000000 transparent!important; } .flo-header--400 .flo-header__menu ul ul a { color: #f2f3f3!important; } .flo-header--400 .flo-header__menu li ul li > a:before { background-color: #f2f3f3; } /* END: DROPDOWNS */
HOME
Home New
Home A
Home B
Home Landing
PORTO CLASSIC
PORTO LIFESTYLE
PORTO DARK
PORTO AMBER
ABOUT US
BLOG
Blog A – 2 columns
Blog B – grid, text hover
Blog C – grid, text below
Blog D – grid with feature
Blog E – regular list
Blog F – cards
POST A
POST B
POST C
PORTFOLIO
Portfolio 1 – two columns
Portfolio 2 – grid A
Portfolio 3 – grid B
Portfolio 4 – grid Feature
Portfolio 5 – regular list
Portfolio 6 – cards
GALLERY A
GALLERY B
GALLERY C
GALLERY D
PAGES
Our Team
Investment
BLOCKS
New Blocks
Headers and Footers
CONTACT
Contact A
Contact B
Contact C
SACRAMENTO, CALIFORNIA
123.456.7890
©2018 FLOTHEMES • IMAGES BY
DANILO AND SHARON