/* -------------------- HEADER -------------------- */ /* -- MENU -- */ .header__logo-menu-site-links.grid.grid--align-items-center { position: fixed; width: 100%; z-index: 1000; height: 50px; box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 10%); } .fixed-bar, li.main-nav__item.grid__cell:nth-child(1), .fixed-social, #header .site-links__link--1, .menu-layout__content .site-links__link--2, .header__menu-content .grid__cell:nth-child(5) { display: none !important; } .main-nav__item.grid__cell { letter-spacing: 2px; font-size: 15px; font-weight: bold !important; border-left: 1px solid #999; padding-right: 15px; padding-top: 0; margin-top: 16px; } .logo__img { max-height: 50px; } .content { margin-top: 50px; } .main-nav__item.grid__cell:nth-child(2) { border-left: 0px solid; } .main-nav__link--is-selected, .main-nav__sub-link--is-selected, .main-nav__sub-link--is-hovered, .main-nav__link--has-open-dropdown, .main-nav__link-is-hovered, .main-nav__link--is-hovered { color: var(--c-global-accent1); } /* -- DROP DOWN MENU WIDTH -- */ .main-nav__dropdown { white-space: nowrap; text-align: left; } .main-nav--dropdown-center .main-nav__dropdown { left: 100%; padding: 10px 20px 20px; } /* -- MENU AND SITE LINKS STYLING -- */ .sites-icon--sphere:before { content: "\e907"; } .site-links__link--1 { padding-right: 20px; padding-top: 17px; } .site-links__link--2 { margin: 20px 10px 0; } .site-links .grid--gutter-thin>.grid__cell { padding: 0; } .site-links__content.u-margin-ultra-thin { margin: 0 !important; } .site-links .btn.btn--text { height: 50px; margin-top: 20px; padding: 15px; } .site-links__label { font-family: montserrat; font-size: 14px; letter-spacing: 2px; margin-left: 5px; } .header__site-links { max-width: 360px; } .header__menu { max-width: calc(100% - 530px); padding-left: 170px; } .placeholder-social { display: none; } /* - desktop - */ @media (max-width: 1100px) { .header__menu { padding-left: 0px; } } @media (min-width: 1000px) { .header__logo { max-width: 180px; } } /* -- MOBILE LOGO -- */ /* - mobile - */ /* -- MOBILE MENU -- */ @media (max-width: 999px) { .main-nav__item.grid__cell { border-left: 0px solid; font-size: 25px; text-align: center; margin-top: 25px; } .main-nav__sub-item.u-padding-bottom-thin { padding-bottom: 25px; } .main-nav--x-align-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .main-nav--y-align-center .main-nav__content { margin-top: 50px; margin-bottom: auto; } .main-nav { background-color: #F6F5F3; margin: 0; padding: 15px; } .main-nav__dropdown { color: var(--c-global-siteText); font-size: 17px; text-align: center !important; } .main-nav__item.grid__cell:nth-child(2) { border-left: 0px solid; } .menu-layout__content .main-nav__dropdown { display: block !important; } /* MOBILE DDM */ .sites-icon.sites-icon--plus.main-nav__dropdown-icon.main-nav__closed-dropdown-icon { display: none; } /* MOBILE LOGO HEADER */ .social { padding: 25px; } .social .grid--gutter-thin { margin: 0px 0 0 0px !important; } .social .btn__content { font-size: 20px; letter-spacing: 15px; } .header__logo-menu-site-links.grid.grid--align-items-center, .menu-layout__logo-trigger-grid.grid.grid--align-items-center.menu-layout__non-flex-item { padding: 10px; height: 60px; } .site-links .btn.btn--text { margin-top: 0px !important; } /* MOBILE SITE LINKS*/ .site-links__content .grid--gutter-thin { margin: 0px 0 0 0px !important; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; background-color: #eaeaea; } .site-links.u-padding-ultra-thin { padding: 0px; } .site-links__link--1 { padding-top: 4px !important; } /* MOBILE MENU FONT */ .main-nav__item.grid__cell { padding-right: 0px; } .main-nav__sub-item, .main-nav__item.grid__cell { font-size: 21px; } .main-nav__item.grid__cell:nth-child(2) .main-nav__link { display: none; } .menu-layout__content .main-nav__dropdown { display: block !important; margin-bottom: -25px; } /* IMAGES STACK BACKGROUND SIZE */ .images-block .images-stackable-layout { background-size: contain; } /* LOGO */ .logo__img { max-height: 35px; } } /* -- FOOTER -- */ .sitemap-block .sitemap-block__hdr { font-size: 17px; letter-spacing: 3px; } .sitemap-block .sitemap-block__item { font-size: 14px; text-transform: capitalize; } .footer .image-block__img { max-width: 175px; } /* - mobile - */ @media (max-width: 768px) { /* FOOTER SITEMAP WIDTH */ .sitemap-block .content-container__content { width: 265px; } .sitemap-block__hdr { margin-top: 10px; } .sitemap-block .sitemap-block__hdr { font-size: 20px; } } /* -- SPACING -- */ /* - mobile - */ @media (max-width: 768px) { .u-padding-bottom-ultra-thin { padding-bottom: 10px; } .u-padding-top-ultra-thin { padding-top: 10px; } .u-padding-bottom-thin { padding-bottom: 30px; } .u-padding-top-thin { padding-top: 30px; } .u-padding-bottom-medium { padding-bottom: 35px; } .u-padding-top-medium { padding-top: 35px; } .u-padding-bottom-thick { padding-bottom: 45px; } .u-padding-top-thick { padding-top: 45px; } } /* -------------------- CUSTOM GLOBAL -------------------- */ .content-container--contain .content-container__content { max-width: 1200px; } .content-container--contain.content-container--sibling-medium-up .content-container__content { max-width: 600px; } /* -- CONTACT PAGE --*/ .contact-page .grid .grid__cell:nth-child(1) .editor-block .block__content.content-container__content { border-right: 1px solid #d1d1d1; } /* - mobile - */ @media (max-width: 768px) { /* CONTACT PAGE */ .contact-page .grid .grid__cell:nth-child(1) .editor-block .block__content.content-container__content { border-right: 0px solid #d1d1d1; } } /* -- TEMPLATES PAGE -- */ .templates-page .list-editorial-layout--portrait .aspect-ratio, .service-page .images-editorial-portrait-layout .aspect-ratio, .templates-page .images-editorial-portrait-layout .aspect-ratio { box-shadow: 0px 0px 20px 5px rgb(0 0 0 / 25%); transform: scale(1); } .templates-page .list-editorial-layout--portrait .aspect-ratio:hover, .service-page .images-editorial-portrait-layout .aspect-ratio:hover, .templates-page .images-editorial-portrait-layout .aspect-ratio:hover { transform: scale(1.02); transition: transform .3s; } /* ---------- CUSTOM BLOCKS ---------- */ .templates-page .list-block .block__content.content-container__content, .service-page .images-block .block__content.content-container__content, .templates-page .images-block .block__content.content-container__content { padding: 30px; } /* -- EDITOR -- */ /* - mobile - */ @media (max-width: 768px) { .editor-block__title, .text-image-block__title, .title-block__title { font-size: calc(20px * var(--ff-global-title-multiplier) * var(--fs-global-title-user-multiplier)) !important; } .editor-block__title { font-size: 30px; } } /* -- LIST -- */ .list-block .content-container__content { max-width: 1000px !important; } /* circle */ .list-editorial-layout--circle .list-block__title { font-size: 19px; } .list-editorial-layout--circle .btn--text { padding: 20px 0 0; } .list-editorial-layout--circle .btn__content { font-size: 13px; } /* icons */ .grid--col-3-medium-up.list-editorial-layout .aspect-ratio--square { padding-bottom: 38% !important; } .grid--col-4-medium-up.list-editorial-layout .aspect-ratio--square { padding-bottom: 48% !important; } .list-editorial-layout--square .aspect-ratio__img { width: 180px !important; height: auto !important; top: auto !important; left: auto !important; margin: auto; position: relative; } /* - mobile - */ @media (max-width: 768px) { .grid--col-3-medium-up.list-editorial-layout .aspect-ratio--square, .grid--col-4-medium-up.list-editorial-layout .aspect-ratio--square { padding-bottom: 30% !important; } } /* -- FAQ -- */ .faq-accordion-layout--plus .faq-accordion-layout__icon { margin: 13px 15px 0 0; } /* - mobile - */ @media (max-width: 768px) { /* FAQ TEXT */ .faq-block__question { font-size: 22px !important; } } /* -- BANNER -- */ .banner-block .gallery__arrow { display: none; } .gallery--full-screen-mode .gallery__caption-bg { display: none } /* - mobile - */ @media (max-width: 768px) { /* LANDING PAGE BANNER*/ .block__content.content-container__content .banner-no-crop-medium-layout .gallery__slideshow{ aspect-ratio: auto; min-height: 230px; } .banner-block .banner-no-crop-medium-layout, .images-block .images-stackable-layout { --block-background-image: url(https://image4.photobiz.com/8911/20230317151748_409951.png); } /* BANNER IMAGE BLOCK BACKGROUND */ .grid__cell:nth-child(4) .images-block, .grid__cell:nth-child(5) .images-block, .grid__cell:nth-child(4) .banner-block, .grid__cell:nth-child(5) .banner-block { background: url(https://image11.photobiz.com/8586/20230320090448_410121.png) !important; background-position: top !important; background-repeat: repeat-x !important; } } /* -- FORM -- */ .fb-form { --fb-two-col-width: 100%; } .form-form-overlay-bottom-layout__form-cell { width: 60% !important; } .form-form-overlay-bottom-layout__form-cell .fb-section-type span { font-size: 40px; font-weight: 600; } .form-form-overlay-bottom-layout__form-cell .fb-row:not(:last-child) .fb-section-type { text-align: center; } /* - mobile - */ @media (max-width: 768px) { .form-form-overlay-bottom-layout__form-cell { width: 100% !important; } } /* -- IMAGE -- */ .images-stackable-layout { pointer-events: none; } /* ---------------------- TEXT ---------------------- */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); p { letter-spacing: .03em; } /* - mobile - */ @media (max-width: 768px) { p { letter-spacing: 0em; } } h1, h2, h3, h4 { font-weight: 600; letter-spacing: 0px; } .rich-text h3 { letter-spacing: 4px; font-size: 20px; margin-bottom: 10px; text-transform: uppercase; font-weight: 500; } /* LARGE BLOCK TITLES */ .gallery__caption-item.gallery__title.u-contain-text { font-size: 56px; line-height: 70px; margin-bottom: 25px; } /* MEDIUM BLOCK TITLES */ .editor-block__title, .text-image-block__title { font-size: 40px; line-height: 56px; } /* MEDIUM BLOCK TITLES */ .faq-block__question { font-size: 25px !important; font-weight: 600; } /* SMALL BLOCK TITLES */ .list-editorial-layout__title { font-size: 17px !important; } /* BREAKPOINT ADJUSTMENTS LARGE, MEDIUM, SMALL FONTS */ @media (min-width: 1000px) { .gallery__caption-item.gallery__title.u-contain-text { font-size: 56px; line-height: 65px; margin-bottom: 15px; } .editor-block__title { font-size: 40px; line-height: 56px; } } /* - mobile - */ @media (max-width: 768px) { .gallery__caption-item.gallery__title.u-contain-text { font-size: 40px; line-height: 56px; margin-bottom: 20px; } /* line height */ .text-image-block h3, .title-block__title, .editor-block__title { line-height: 40px !important; } } /* ------------ BUTTON ------------ */ .site-links__link--btn .btn__content { text-decoration: none; font-size: 14px; letter-spacing: 3px; font-family: 'Poppins'; font-weight: 500; } .content .btn__content, .fb-submit-btn { text-decoration: none; font-size: 17px; letter-spacing: 2px; font-family: 'Poppins'; font-weight: 700; text-transform: uppercase; } .btn--text { padding: 0.7em 3em; } /* - mobile - */ @media (max-width: 768px) { /* BUTTON */ .btn--text { padding: 0.7em 1.5em; } }