@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); :root :where(.wp-block-heading) { line-height: 1.5 !important; } :root :where(h1.wp-block-heading) { line-height: 1.2 !important; } .wp-block-button__link.has-white-color.has-text-color.has-link-color.has-border-color.has-white-border-color.has-small-font-size.has-custom-font-size.wp-element-button { letter-spacing: 1.3px; } h3.gs_title button { text-transform: uppercase !important; letter-spacing: 1.3px; } .journal-width a { text-decoration: underline; } .swiperjournals a { text-decoration: none; } .journal-width.journal-media { max-width: calc(95% - 57px); } .journal-width.journal-media .wp-block-group { max-width: 100% !important; } .error404 .dd-social-icons { margin-top: 20px !important; } .error404 #mega-menu #gspb_container-id-gsbp-912cbc9 { display: none !important; } .error404 #mega-menu pre.wp-block-code { display: none !important; } .full-extension.journal-width { max-width: 100%; } html body.error404 .wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle .wp-block-outermost-mega-menu__toggle-icon svg line { stroke: #fff !important; } /* =============================== 404 – MENU ICON FIX ================================ */ /* Outermost hamburger icon (closed + open) */ body.error404 header.header--solid .vbp-header-menu-button__svg line { stroke: #fff !important; } /* "Menu / Close" text */ body.error404 header.header--solid .wp-block-outermost-mega-menu__toggle { color: #fff; } /* =============================== 404 – MENU CONTAINER FIX (prevents layout jump / offset) ================================ */ body.error404 .wp-block-outermost-mega-menu__menu-container { left: 50% !important; transform: translateX(-50%); max-width: 100vw; } /* =============================== SAFETY: Disable Greenshift visual interference on 404 ================================ */ body.error404 .gspb_button_wrapper svg path { fill: #fff !important; } body.error404 .wp-block-outermost-mega-menu__toggle span { letter-spacing: 1.3px; } body.error404 .wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle .open, body.error404 .wp-block-outermost-mega-menu .wp-block-outermost-mega-menu__toggle .close { width: 68px; } body.error404 .wp-block-outermost-mega-menu__toggle { letter-spacing: 1.3px; } .home .journal-swiper.swiper.swiper-initialized.swiper-horizontal { padding-top: 90px; } .is-layout-constrained.full-extension > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { width: calc(94% - 40px); } .pac-container { display: none !important; } html body .mosaic-text { width: calc(94% - 40px) !important; } .visit-block .gform-theme .gform-body.gform_body input { background-repeat: no-repeat; background-color: transparent; background-position: top right; background-size: 30px; } .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.journal-width .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex { margin: 0 !important; max-width: 100% !important; } .wp-block-group.full-extension.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { margin: 0 !important; max-width: 100% !important; } .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.journal-width .wp-block-columns.is-style-default.is-layout-flex.wp-block-columns-is-layout-flex { margin: 0 0 !important; max-width: 100% !important; } html body.error404 .wp-block-button__link.has-border-color.has-black-border-color.wp-element-button { border-radius: 2px !important; font-family: "Montserrat", sans-serif !important; font-size: 14px !important; letter-spacing: 2px !important; padding: 15px 25px; overflow: hidden; display: inline-block; vertical-align: top; } html body.error404 .wp-block-button.is-style-outline.is-style-outline--4:hover { border-radius: 2px; } html body.error404 .wp-block-button__link.has-border-color.has-black-border-color.wp-element-button:hover { border-radius: 2px !important; overflow: hidden } .wp-block-template-part a { white-space: nowrap; word-break: keep-all; overflow-wrap: normal; } .ftr-x { display: none; } /* Fix iOS Safari blue button text */ .journal-posts-categories .journal-cat-link, .dream-filters .filter-btn { color: #000; /* force text colour */ -webkit-appearance: none !important; appearance: none !important; background-color: #fff; } /* Active state (safety) */ .journal-posts-categories .journal-cat-link.is-active, .dream-filters .filter-btn.active { background: #000; color: #fff; } /* Remove iOS tap highlight */ .journal-posts-categories .journal-cat-link, .dream-filters .filter-btn { -webkit-tap-highlight-color: transparent !important; font-family: "Montserrat", sans-serif } .gspbgrid_list_builder .wp-block-group.is-vertical.is-layout-flex.wp-block-group-is-layout-flex h2 { text-align: left; } html body .wp-block-group.dream-into .wp-block-group p { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } html body .wp-block-group.dream-into .wp-block-group { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; } html body.home .wp-block-group.is-style-separator { position: absolute; bottom: 68px; } /* BULLETPROOF: stop the "bottom gap shrinks after swipe" issue in Greenshift Swiper carousels */ .unifiedcarousel .wp-block-greenshift-blocks-swiper, .unifiedcarousel .gs-swiper, .unifiedcarousel .gs-swiper-init, .unifiedcarousel .swiper { height: auto !important; min-height: 0 !important; } .is-brand .wp-block-greenshift-blocks-swiper, .is-brand .gs-swiper, .is-brand .gs-swiper-init, .is-brand .swiper { height: auto !important; min-height: 0 !important; } /* Swiper sometimes keeps an inline height on wrapper or container after init */ .unifiedcarousel .swiper-wrapper { height: auto !important; align-items: stretch; } .is-brand .swiper-wrapper { height: auto !important; align-items: stretch; } /* The real culprit: WP/Block flex stretch rules inside each slide */ .is-brand .swiper-slide > .wp-block-group, .is-brand .swiper-slide .wp-block-group.is-content-justification-stretch, .is-brand .swiper-slide .wp-block-group.is-style-full-height { justify-content: flex-start !important; align-content: flex-start !important; height: auto !important; min-height: 0 !important; } .unifiedcarousel .swiper-slide > .wp-block-group, .unifiedcarousel .swiper-slide .wp-block-group.is-content-justification-stretch, .unifiedcarousel .swiper-slide .wp-block-group.is-style-full-height { justify-content: flex-start !important; align-content: flex-start !important; height: auto !important; min-height: 0 !important; } /* If any nested flex group is forcing a tall "full height" column, neutralise it */ .unifiedcarousel .swiper-slide .wp-block-group.is-layout-flex { align-items: flex-start !important; } .is-brand .swiper-slide .wp-block-group.is-layout-flex { align-items: flex-start !important; } /* Make sure the card contents do not try to fill the slide height */ .unifiedcarousel .swiper-slide .wp-block-post-excerpt, .unifiedcarousel .swiper-slide .wp-block-read-more { margin-top: 0 !important; } .is-brand .swiper-slide .wp-block-post-excerpt, .is-brand .swiper-slide .wp-block-read-more { margin-top: 0 !important; } /* Optional: if you still see a gap because the slide has a fixed min-height somewhere */ .unifiedcarousel .swiper-slide { height: auto !important; } .is-brand .swiper-slide { height: auto !important; } /* Optional safety: prevent images from pushing layout during lazyload swaps */ .unifiedcarousel .swiper-slide img { display: block; height: auto; max-width: 100%; } .is-brand .swiper-slide img { display: block; height: auto; max-width: 100%; } /* -------------------------------------------- FINAL KILL: stop Swiper height re-locking --------------------------------------------- */ /* Kill ANY inline height Swiper tries to inject */ .unifiedcarousel .swiper, .unifiedcarousel .swiper-wrapper, .unifiedcarousel .wp-block-greenshift-blocks-querygrid.swiper { height: auto !important; min-height: 0 !important; max-height: none !important; } .is-brand .swiper, .is-brand .swiper-wrapper, .is-brand .wp-block-greenshift-blocks-querygrid.swiper { height: auto !important; min-height: 0 !important; max-height: none !important; } /* Swiper sometimes applies height via style attr AFTER scroll */ .unifiedcarousel .swiper[style], .unifiedcarousel .swiper-wrapper[style], .unifiedcarousel .wp-block-greenshift-blocks-querygrid.swiper[style] { height: auto !important; } .is-brand .swiper[style], .is-brand .swiper-wrapper[style], .is-brand .wp-block-greenshift-blocks-querygrid.swiper[style] { height: auto !important; } /* Ensure slides define height, not container */ .unifiedcarousel .swiper-slide { height: auto !important; align-self: stretch; } .is-brand .swiper-slide { height: auto !important; align-self: stretch; } /* Lock card height to content only */ .unifiedcarousel .swiper-slide > * { height: auto !important; min-height: 0 !important; } .is-brand .swiper-slide > * { height: auto !important; min-height: 0 !important; } /* Prevent ResizeObserver / scroll recalcs from snapping */ .unifiedcarousel { contain: layout paint; } /* -------------------------------------------- FORCE SQUARE IMAGES (safe with Swiper) --------------------------------------------- */ /* Target the Greenshift dynamic image wrapper */ .unifiedcarousel .gspb-dynamic-post-image { aspect-ratio: 1 / 1; width: 100%; overflow: hidden; display: block; } /* Make the image fill the square */ .unifiedcarousel .gspb-dynamic-post-image img { width: 100%; height: 100%; object-fit: cover; display: block; } .unifiedcarousel .wp-block-button__link.has-black-color.has-transparent-background-color.has-text-color.has-background.has-link-color.has-border-color.has-black-border-color.wp-element-button { font-size: 16px !important; letter-spacing: 1.5px; font-weight: 500; } /* Target the Greenshift dynamic image wrapper */ .is-brand .gspb-dynamic-post-image { aspect-ratio: 1 / 1; width: 100%; overflow: hidden; display: block; } /* Make the image fill the square */ .is-brand .gspb-dynamic-post-image img { width: 100%; height: 100%; object-fit: cover; display: block; } .is-brand .wp-block-button__link.has-black-color.has-transparent-background-color.has-text-color.has-background.has-link-color.has-border-color.has-black-border-color.wp-element-button { font-size: 16px !important; letter-spacing: 1.5px; font-weight: 500; } .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-6c531013.wp-block-group-is-layout-flex { position: relative; } .wp-container-content-a8b76f83 { flex-basis: 105px !important; } .wp-block-navigation-item__label { letter-spacing: 1.3px; } .gspb-dynamic-post-image img {width: 100%;} .journal-width .wp-block-group { width: 100%; margin: 0 !important; } .swiper-scrollbar.swiper-scrollbar-horizontal { display: none !important; } .journal-width .wp-block-heading {margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important;} .journal-width p { margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } .gspb-buttonbox-title { letter-spacing: 1.3px; } .projp { position: absolute; right: 120px; top: 7px; letter-spacing: 1.5px; cursor: pointer; } .fp-header { margin-left: 0px; } .single-projects .unifiedcarousel .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex a:hover { background: transparent !important; color: #000 !important; } .single-projects .unifiedcarousel .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex:hover { background: transparent !important; color: #000 !important; } .single-projects .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex:hover, .single-projects .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button.is-style-outline.is-style-outline--4:hover, .single-projects .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button.is-style-outline.is-style-outline--4 .wp-block-button.is-style-outline.is-style-outline--4:hover { background: white !important; color: #000 !important; transition: all 0s; -webkit-transition: all 0s;} :root :where(h1.wp-block-heading) { letter-spacing: 1.3px; } h1, h2, h3, h4, h5, h6 { letter-spacing: 1.3px; } .parallax-box h2 {letter-spacing: 0px;} .single-projects .unifiedcarousel .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex a { border: 0 !important; padding: 0 !important; letter-spacing: 1px; padding-top: 10px !important; } .dd-loadmore-wrap { text-align: center; } .nomargintop { margin-top: 0 !important} .disable-clicks .wp-block-gallery { pointer-events: none; } .gs_collapsible { max-width: 80%; margin-left: auto; margin-right: auto; } .white-bg.visit-block { background: #fff !important; } html body.is-brand .wp-block-greenshift-blocks-swiper .wp-block-post-excerpt.has-p-font-size { display: none !important; } .dd-hidden { visibility: hidden; height: 0; margin: 0 !important; padding: 0 !important; overflow: hidden; } html body .fullbleeder.wp-block-group .wp-block-columns { margin: 0 !important; max-width: 100% !important; align-items: stretch !important; } .wp-block-group.fullbleeder.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained, .wp-block-group.text-on-right.fullbleeder { padding: 90px 0 !important; display: flex; flex-wrap: wrap; min-height: 0px !important; } .parallax-text.height-default { margin-top: -40px !important; margin-bottom: -40px !important; } .gform_body input { box-shadow: none !important; } .midtext { max-width: 88%; } /* Make image column fill height */ html body .fullbleeder.wp-block-group .wp-block-column:first-child { display: flex; align-items: stretch; } /* Figure fills column */ html body .fullbleeder.wp-block-group .max-height-img { height: 100%; margin: 0; width: 100%; } /* Image fills figure */ html body .fullbleeder.wp-block-group .max-height-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .midtext { max-width: 64%; margin: 0 auto !important; } .midtext h2, .midtext p { max-width: 100% !important; margin-right: 0 !important; } html body .fullbleeder.wp-block-group .wp-block-columns { margin: 0 !important; max-width: 100% !important; gap: 0; } #gform_wrapper_3 { width: 100%; } .page-id-589 .entry-content { margin-bottom: 70px; } .gfield_label.gform-field-label { color: #000; } .columns-2.is-style-default.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-04cf87a6.wp-block-post-template-is-layout-grid .wp-block-group.is-vertical.is-layout-flex.wp-container-core-group-is-layout-fe45eeb5.wp-block-group-is-layout-flex { width: 90%; margin: 0 auto; } html body.page-id-589 header.header--solid, html body.page-id-442 header.header--solid, html body.blog header.header--solid { background: transparent; transition: all 1s; -webkit-transition: all 1s; } html body.page-id-589 header.header--solid.scrolled, html body.page-id-442 header.header--solid.scrolled, html body.blog header.header--solid.scrolled { background: #000; } header.wp-block-template-part.scrolled { top: -100%; opacity: 0; transition: all 1s; -webkit-transition: all 1s; } header.wp-block-template-part.scrolled.scrolledup { top: 0%; opacity: 1; transition: opacity 0.6s; -webkit-transition: opacity 0.6s; } .gs-swiper h2, .swiper h2 { text-transform: uppercase; } .wp-block-columns.are-vertically-aligned-center.contactnew.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex { margin-top: -40px !important; } html body h2 { text-transform: initial; } .has-text-align-center.has-h-4-font-size { max-width: 100%; } /*button styles*/ .standard-button-dark, .darkbtn .wp-block-button__link.wp-element-button, .fp-button, .black-button, .wp-block-button.is-style-black-outline-to-black.darkbtn a, html body #gform_submit_button_8.button, html body #gform_submit_button_7.button, html body #gform_submit_button_6.button, html body #gform_submit_button_5.button, html body #gform_submit_button_4.button, html body #gform_submit_button_3.button, html body #gform_submit_button_2.button, html body #gform_submit_button_1.button {background: #1D1D1D !important; color: #fff !important; font-family: "Montserrat", sans-serif !important; font-size: 14px !important; letter-spacing: 2px !important; padding: 15px 25px !important; cursor: pointer; border-radius: 2px !important; text-transform: uppercase; transition: all 0.25s ease; border: 1px solid #000; } .standard-button-dark:hover, .darkbtn .wp-block-button__link.wp-element-button:hover, .fp-button:hover, .black-button:hover, .wp-block-button.is-style-black-outline-to-black.darkbtn a:hover, html body #gform_submit_button_8.button:hover, html body #gform_submit_button_7.button:hover, html body #gform_submit_button_6.button:hover, html body #gform_submit_button_5.button:hover, html body #gform_submit_button_4.button:hover, html body #gform_submit_button_3.button:hover, html body #gform_submit_button_2.button:hover, html body #gform_submit_button_1.button:hover {background: #fff !important; color: #1D1D1D !important; transition: all 0.25s ease; } .cky-modal.cky-modal-open .cky-btn.cky-btn-accept:hover, .cky-btn.cky-btn-accept:hover {background: #fff !important; color: #1D1D1D !important; border: 1px solid #000; transition: all 0.25s ease;} .cky-modal.cky-modal-open .cky-btn.cky-btn-preferences:hover, html body .cky-btn.cky-btn-customize:hover {background: #1D1D1D !important; color: #fff !important;} .standard-button-white, .wp-block-button__link.has-black-color.has-white-background-color.has-text-color.has-background.has-link-color.wp-element-button {background: #fff; color: #000; font-family: "Montserrat", sans-serif; font-size: 14px !important; letter-spacing: 2px; padding: 15px 25px; cursor: pointer; border-radius: 2px !important; text-transform: uppercase } .cky-modal.cky-modal-open button:hover, .cky-modal.cky-modal-open button, .cky-notice-btn-wrapper:hover button { opacity: 1 !important; } .standard-ghost-light {background: #000; color: #fff; font-family: "Montserrat", sans-serif; font-size: 14px !important; letter-spacing: 2px; padding: 15px 25px; border: 1px solid #fff; cursor: pointer; border-radius: 2px !important; text-transform: uppercase } .standard-ghost-dark, .dd-loadmore-btn, #load-more-projects {background: #fff; color: #000; font-family: "Montserrat", sans-serif; font-size: 14px !important; letter-spacing: 2px; padding: 15px 25px; border: 1px solid #000; cursor: pointer; border-radius: 2px !important; transition: all 0.25s ease; text-transform: uppercase } .standard-ghost-dark:hover, .dd-loadmore-btn:hover, #load-more-projects:hover {background: #000; color: #fff; border: 1px solid #000 !important; transition: all 0.25s ease; } .fp-header-right .fp-button:hover, .parallax-box .black-button:hover {background: #fff; color: #000; transition: all 0.25s ease; border: 1px solid #000 !important; } /*misc buttons*/ .wp-block-greenshift-blocks-swiper .swiper-button-next:after, .project-others .swiper-button-next:after, .unifiedcarousel .swiper-button-next:after, .journal-swiper-button-next.swiper-button-next::after { background: url("../images/right.svg") no-repeat 0 0 / 30px; font-size: 0 !important; width: 30px !important; height: 30px !important; } .wp-block-greenshift-blocks-swiper .swiper-button-prev:after, .project-others .swiper-button-prev:after, .unifiedcarousel .swiper-button-prev:after, .journal-swiper-button-prev.swiper-button-prev::after { background: url("../images/left.svg") no-repeat 0 0 / 30px; font-size: 0 !important; width: 30px !important; height: 30px !important; } .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { font-size: 16px !important; letter-spacing: 1.5px; font-weight: 500; } .wp-block-buttons.darkbtn div a { border: 1px solid #000; } /*END button styles*/ .page-id-626 .is-style-projects-secondary.wp-block-post-template { display: flex; flex-wrap: wrap; gap: 40px; justify-content: space-between; } .page-id-626 .is-style-projects-secondary.wp-block-post-template li { width: calc(33.33% - 40px); } .page-id-626 .wp-block-group.is-vertical.is-layout-flex.wp-container-core-group-is-layout-fe45eeb5.wp-block-group-is-layout-flex { width: 100%; margin: 0 auto; } .swiper-slide:hover .is-style-black-arrow-text.wp-block-read-more::after { transform: translateX(10px); } .ftb { margin: 0 auto !important; width: 95%; display: flex; flex-wrap: nowrap; } .cl { width: 70%; } .cl2 { width: 30%; padding-top: 16px; } .ftb { padding-top: 15px; } .is-vertical.wp-block-navigation.is-layout-flex.wp-container-core-navigation-is-layout-0dd01ade.wp-block-navigation-is-layout-flex { margin: 0 !important; } html body .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex { display: flex; flex-wrap: nowrap !important; } html body footer.wp-block-template-part .wp-container-core-group-is-layout-e1773fac .wp-block-column.expanderx.is-layout-flow.wp-block-column-is-layout-flow { /* flex-basis: 1 !important; */ width: 70% !important; } html body footer.wp-block-template-part .wp-container-core-group-is-layout-e1773fac .wp-block-column.dep.is-layout-flow.wp-block-column-is-layout-flow { width: 30% !important; } .has-small-font-size.items-justified-right.wp-block-navigation.is-content-justification-right.is-layout-flex.wp-container-core-navigation-is-layout-74e018b8.wp-block-navigation-is-layout-flex li a { font-size: 14px !important; } html body .anglx { font-size: 14px !important; } .anglx span { display: inline-block; width: 15px; } .full-extension .wp-block-image.size-full { width: 100%; } .wp-block-post-title.has-h-5-font-size { line-height: 1.5; } .cky-modal.cky-modal-open .cky-btn.cky-btn-accept { background: #1D1D1D !important; color: #fff !important; font-family: "Montserrat", sans-serif !important; font-size: 11px !important; letter-spacing: 2px !important; padding: 15px 0px !important; text-transform: uppercase; } .cky-modal.cky-modal-open .cky-btn.cky-btn-preferences { font-family: "Montserrat", sans-serif !important; font-size: 11px !important; letter-spacing: 2px !important; padding: 15px 0px !important; text-transform: uppercase; border: 1px solid #000; } .blog .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow { max-width: 90% !important; } .home footer.wp-block-template-part { margin-top: 0px !important; } .page-id-1064 footer.wp-block-template-part { margin-top: 30px !important; } .tiny-banner .wp-block-group { padding-left: 3.5%; } .small-banner .wp-block-group { padding-left: 3.5%; } .brandintro { text-align: center !important; } .brandintro { border-bottom: 1px solid #f5f5f7; } .brandintro .wp-block-group.text-column-width.is-layout-flow.wp-block-group-is-layout-flow { text-align: center !important; } .brandintro h2, .brandintro p { text-align: center !important; max-width: 100% !important; width: 100% !important; } .brandintro .wp-block-group { max-width: 70% !important; margin: 0 auto; } .is-brand .entry-content .wp-container-core-columns-is-layout-28f84493{ margin: 0 !important; width: 100% !important; max-width: 100% !important; } .cky-btn.cky-btn-accept { color: #fff !important; background: #000 !important; padding: 13px 0px !important; border: 1px solid #1D1D1D !important; font-family: "Montserrat", sans-serif !important; font-size: 11px !important; letter-spacing: 2px !important; } .faq-top > h4 { text-align: center; } html body .extra-top-padding { padding-top: 260px !important; } .wp-block-group.inner-cover-group.is-layout-flow.wp-block-group-is-layout-flow .wp-block-group { padding-left: 3.5%; } .threecol { display: flex; } .wp-block-cover__inner-container .wp-block-greenshift-blocks-meta { display: none !important; } .visit-block .wp-block-group.is-style-contact-form { padding: 0 !important; width: 100% !important; max-width: 100% !important; } .visit-block .gform-theme { width: 100%; } .wp-container-core-group-is-layout-d91e941d .wp-block-heading { font-size: 30px; margin-bottom: 20px; } .is-style-projects-secondary .wp-block-post-excerpt.has-p-font-size { text-align: left; } /* Make the whole row equal-height */ .wp-container-core-group-is-layout-d91e941d { display: flex !important; align-items: stretch; /* THIS makes both sides equal height */ } /* Make the figure fill the height */ .wp-container-core-group-is-layout-d91e941d figure.wp-block-image.size-full { flex: 1; height: auto; display: flex; } /* Make the actual image fill the full column from top to bottom */ .wp-container-core-group-is-layout-d91e941d figure.wp-block-image.size-full img { width: 100%; height: 100%; object-fit: cover; /* fills the container */ display: block; } .wp-block-group.is-style-contact-form { padding-left: 0 !important; padding-right: 0 !important; } #icontextwrapper { margin-top: 0 !important } .sidebar-white a { color: #000; } .fp-mosaic-cut, .fp-mosaic-cut img { width: 100%; max-width: 100%; } .float-button a, .fp-heading, .sidebar-white h3, footer.wp-block-template-part .wp-block-column-is-layout-flow > p.has-p-font-size, .wp-block-template-part .wp-block-button__link.wp-element-button { letter-spacing: 1.76px; } .dream-two-column { background: #f5f5f7; } .dream-two-column .feature-block p { margin: 0 auto; margin-bottom: 50px; } .parallax-text.height- { padding: 60px 0 !important; } .parallax-text.height-large { padding: 20% 0 !important; } .parallax-box { text-align: center; } .parallax-text { background-size: cover; background-position: center center; padding: 100px 0 !important; } .parallax-box { max-width: 70%; margin: 0 auto; color: #fff; } .parallax-box p { max-width: 100%; } .parallax-box h2 { font-size: 36px; line-height: 1.5; } .wp-block-post .wp-block-cover.card-hover { /* height: 591px; */ min-height: auto !important; } /* Journal grid: force all card covers to be 1:1 */ body.blog ul.wp-block-post-template .wp-block-group > .wp-block-cover.card-hover { flex: 0 0 auto !important; width: 100%; } /* Force the wrapper around the cover NOT to stretch it vertically */ body.blog ul.wp-block-post-template .wp-block-group.is-vertical { align-items: stretch !important; } /* Force the li item to NOT override height either */ body.blog ul.wp-block-post-template li.wp-block-post { height: auto !important; } body.blog ul.wp-block-post-template .wp-block-cover.card-hover { aspect-ratio: 1 / 1 !important; min-height: 0 !important; height: auto !important; position: relative !important; overflow: hidden !important; } body.blog ul.wp-block-post-template .wp-block-cover__image-background { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover !important; } body.blog ul.wp-block-post-template .wp-block-cover__inner-container .wp-block-spacer { display: none !important; } /* Journal/Projects grid: force all card covers to be 1:1 */ body.post-type-archive-projects ul.wp-block-post-template .wp-block-group > .wp-block-cover.card-hover { flex: 0 0 auto !important; width: 100%; } /* Prevent vertical flex stretching */ body.post-type-archive-projects ul.wp-block-post-template .wp-block-group.is-vertical { align-items: stretch !important; } /* li should not force a height */ body.post-type-archive-projects ul.wp-block-post-template li.wp-block-post { height: auto !important; } /* Force cover to square ratio */ body.post-type-archive-projects ul.wp-block-post-template .wp-block-cover.card-hover { aspect-ratio: 1 / 1 !important; min-height: 0 !important; height: auto !important; position: relative !important; overflow: hidden !important; } /* Image should fill the square */ body.post-type-archive-projects ul.wp-block-post-template .wp-block-cover__image-background { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover !important; } /* Remove spacer so cover height is not inflated */ body.post-type-archive-projects ul.wp-block-post-template .wp-block-cover__inner-container .wp-block-spacer { display: none !important; } .parallax-box .black-button { margin-top: 20px; } .parallax-text.height-default h2 { margin-top: 0; } .parallax-box.text-black { color: #000; } .parallax-text { margin: 0 !important; } .parallax-box.text-white { color: #fff; } .mosaic-text-inner p { width: 100%; max-width: 100%; } .mosaic-text-inner { max-width: 100%; } .mosaic-text-box { display: flex; align-items: center; } .mosaic-right-image img { height: 100% !important; } /* GRID WRAPPER */ .mosaic-text { display: grid; grid-template-columns: 1fr; gap: 2rem; } /* IMAGES */ .mosaic-left-image img, .mosaic-right-image img { width: 100%; display: block; object-fit: cover; } /* TEXT PANEL */ .mosaic-text-box { background: #f5f5f5; padding: 3rem; } /* DESKTOP MOSAIC */ @media (min-width: 900px) { .mosaic-text { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 3rem; } .mosaic-left-image { grid-column: 1 / 2; grid-row: 1 / 3; /* Full height column */ } /* Right column items simply flow top → bottom with NO extra spacing */ .mosaic-text-box { grid-column: 2 / 3; grid-row: 1 / 2; } .mosaic-right-image { grid-column: 2 / 3; grid-row: 2 / 3; } /* Ensure the bottom image does NOT stretch */ .mosaic-right-image img { width: 100%; height: auto; /* FIX: prevents massive gaps */ object-fit: cover; } } /* MOBILE */ @media (max-width: 899px) { .mosaic-text-box { padding: 2rem; } } .left-col { display: flex; width: 50%; align-items: center; justify-content: center; } .dream-two-column { background: #f5f5f7; } .swiper-slide .journal-category { text-transform: uppercase; font-weight: 600 !important } .contactnew { margin: 0 !important; width: 100%; background: #F7F6F5 } #gform_wrapper_2 { width: 100%; } .contactnew .wp-block-column { margin: 0 auto; } .reverse-column .threecol { display: flex; gap: 10px; width: 100%; flex-wrap: nowrap; } .colx3 { width: 33.33%; } .wp-block-group.is-layout-flex.wp-container-core-group-is-layout-d91e941d.wp-block-group-is-layout-flex { padding: 50px 3.5%; margin-bottom: 50px; } .wp-block-group.is-layout-flex.wp-container-core-group-is-layout-d91e941d.wp-block-group-is-layout-flex .wp-block-image.size-full img { width: 90%; } .dd-icon-text-grid { display: flex; flex-wrap: wrap; width: 100%; gap: 2.5%; } .mosaic-text-inner { padding: 0 10%; } .wp-block-group.is-layout-flex.wp-container-core-group-is-layout-d91e941d.wp-block-group-is-layout-flex iframe { margin-top: 70px; } .wp-block-group.is-layout-flow.wp-container-core-group-is-layout-360d14ef.wp-block-group-is-layout-flow .wp-block-group { margin-top: 20px; } .mosaic-text { width: 92% !important; } .single-post .doccer { padding-left: 34px; } .journal-width { max-width: 70%; margin: 0 auto; } .wp-element-caption { text-align: center; } .central-left { padding: 0 10%; } .single-post .entry-content .wp-block-image.size-full, .single-post .entry-content .wp-block-image.size-full.is-style-full { max-width: 100% !important; margin: 0 !important; } .single-post .entry-content .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } .page-id-442 .wp-block-columns.are-vertically-aligned-center.has-black-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-1a7da8ce.wp-block-columns-is-layout-flex { display: none; } .contact-detail { color: #050F11; font-family: "Montserrat", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 33px; } .ctitle { color: #050F11; font-family: "Montserrat", sans-serif; font-size: 22.336px; font-style: normal; font-weight: 400; line-height: 35.557px; letter-spacing: 0.67px; text-transform: uppercase; display: block; width: 100%; margin-bottom: 10px; } #dream-gallery { width: 100%; } .dream-filters { padding: 32px 0; } .dream-filters { text-align:center; margin-bottom:30px; } .wp-block-cover.small-banner.has-white-color.has-text-color.has-link-color { min-height: 720px !important; } .tiny-banner { min-height: 720px !important; position: relative; } body.blog .wp-block-query-pagination.has-h-5-font-size.is-content-justification-center.is-layout-flex.wp-container-core-query-pagination-is-layout-a89b3969.wp-block-query-pagination-is-layout-flex { display: none !important; } .tiny-banner .wp-block-group.is-style-separator hr { max-width: 100% !important; width: 100% !important} .tiny-banner .wp-block-group.is-style-separator { bottom: auto; top: 360px !important; width: 100%; max-width: 100%; left: 0; right: 0; position: absolute !important; } .bannerx .wp-block-group.is-style-separator { bottom: auto; top: 600px !important; } .dream-filters { position: relative; z-index: 50; } .dream-filters .filter-btn { border: 1px solid #000; background: #fff; padding: 8px 20px; margin: 4px 10px; cursor: pointer; transition: 0.3s; padding: 15px 25px; font-size: 14px; letter-spacing: 2px; display: inline-block; text-transform: uppercase; border-radius: 2px; } .dream-filters .filter-btn.active { background:#000; color:#fff; border-radius: 2px; } .dream-masonry { column-count: 2; column-gap: 20px; } .gallery-item { break-inside: avoid; margin-bottom:20px; opacity:0; transition:opacity .3s ease; } .gallery-item img { width:100%; height:auto; display:block; } .gallery-item.show { opacity:1; } .dream-loadmore-wrap { text-align:center; margin-top:40px; } #dream-loadmore { padding:10px 28px; border:1px solid #000; cursor:pointer; background:#fff; } .dream-masonry { position: relative; min-height: 1000px; /* Adjust if needed */ transition: min-height .3s ease; } .dream-masonry { padding: 0 2%; } .gallery-item { opacity: 1; transition: opacity .25s ease; } .gallery-item.fading-out { opacity: 0; } .gallery-item.fading-in { opacity: 0; } .gallery-item.show { opacity: 1; } footer .has-black-background-color { background-color: #000000 !important; } .wp-block-separator { max-width: 95% !important; } #gspb_button-id-gsbp-20675f0 > .gspb-buttonbox .gspb-buttonbox-icon svg { height: 29px !important; } .notitle .projectgallery { display: none; } .wp-block-image.size-full img { width: 100%; } .dd-social-icons { list-style: none; display: flex; gap: 10px; padding: 0; margin: 0; } .slick-dots { list-style: none; display: flex; justify-content: center; gap: 10px; } .slick-dots button { width: 6px; height: 6px !important; background: #ccc; font-size: 0; border: 0; border-radius: 50%; padding: 0 !important; } .slick-dots .slick-active button { background: #000; } .dd-icon-text-item .dd-icon-text-icon { display: block; margin: 0 auto; margin-bottom: 30px; } #icontextwrapper { width: 100%; overflow: hidden; position: relative; } /* Track of slides */ .dd-slides-track { display: flex; transition: transform 0.5s ease; width: 100%; } /* Individual slide containing 1–3 items */ .dd-slide { flex: 0 0 100%; display: flex; justify-content: space-between; gap: 30px; } /* Items inside a grouped slide */ .dd-icon-text-item { text-align: center; } /* Dots */ .carousel-dots { text-align: center; margin-top: 20px; } .carousel-dot { display: inline-block; width: 8px; height: 8px; background: #ccc; border-radius: 50%; margin: 0 5px; cursor: pointer; } .carousel-dot.active { background: #000; } .padded-container { padding: 70px 3.5%; } #icontextwrapper { background: #F7F6F5; } .dd-icon-text-wrapper { padding: 60px 0; width: 100%; } .visit-block .wp-block-columns .wp-block-column .wp-block-group {width: 100%;} .visit-block .wp-block-columns .wp-block-column .wp-block-group h2, .visit-block .wp-block-columns .wp-block-column .wp-block-group p {margin-left: 0 !important} .visit-block .wp-block-columns .wp-block-column { width: 100%; flex-basis: 100% !important; } .visit-block .wp-block-columns { width: 70%; } .dd-icon-text-item { padding: 0 1%; width: 29.33%; margin-bottom: 70px; } .visit-block .wp-block-columns { width: 76%; flex-wrap: wrap !important; } .dd-icon-text-icon { width: 48px; height: auto; margin-bottom: 20px; } .dd-icon-text-title { font-size: 22px; font-weight: 300; letter-spacing: 1px; margin-bottom: 12px; text-transform: uppercase; } .dd-icon-text-desc { font-size: 14px; line-height: 1.6; max-width: 300px; margin: 0 auto; } /* Responsive layout */ @media(max-width: 900px) { .dd-icon-text-grid { grid-template-columns: repeat(2, 1fr); } } @media(max-width: 600px) { .dd-icon-text-grid { grid-template-columns: 1fr; } } .wp-block-group.white-background-section.has-ivory-background-color { background: #fff !important; } .wp-block-group.white-background-section.has-ivory-background-color p, .wp-block-group.white-background-section.has-ivory-background-color h2 { margin-left: 0 !important } .wp-block-group.white-background-section.has-ivory-background-color { padding-top: 90px !important; padding-bottom: 90px !important; } #cookiescript_injected_wrapper { display: none; } #cookiescript_injected { padding: 30px !important; width: 484px !important; } /* WRAPPER */ .featured-partner-block { width: 100%; display: flex; flex-direction: column; gap: 2.5rem; } /* TOP TEXT ROW */ .fp-header { display: flex; justify-content: space-between; align-items: flex-start; } .fp-heading { font-size: 0.9rem; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 1rem; font-weight: 500; } .fp-description { max-width: 420px; line-height: 1.6; font-size: 1rem; margin: 0; } .fp-button { display: inline-block; } .featured-partner-block { background: #F7F6F5; } .fp-images { width: 100%; } /* DESKTOP MOSAIC */ .fp-mosaic-cut { display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 24px; align-items: stretch; } /* Left image spans full height */ .fp-large { grid-column: 1 / 2; grid-row: 1 / 3; } /* Right column split evenly */ .fp-medium-top { grid-column: 2 / 3; grid-row: 1 / 2; } .fp-medium-bottom { grid-column: 2 / 3; grid-row: 2 / 3; } /* Image fill behaviour */ .fp-mosaic-cut img { width: 100%; height: 100%; object-fit: cover; display: block; } /* MOBILE STACK */ @media (max-width: 768px) { .fp-mosaic-cut { grid-template-columns: 1fr; grid-template-rows: auto; } .fp-large, .fp-medium-top, .fp-medium-bottom { grid-column: auto; grid-row: auto; } } .smallctagallery.wp-block-group.dd-masonry-gallery { padding-top: 20px; } .smallctagallery .cen { display: none; } .smallctagallerycta.wp-block-buttons { padding: 20px 0 !important; } .fbp { padding: 60px 0%; max-width: 92.1%; margin: 0 auto; } /* Large image */ .fp-large-image img { width: 100%; height: 100%; object-fit: cover; } /* Two small stacked images */ .fp-small-images { display: flex; flex-direction: column; gap: 2rem; } .fp-small-image img { width: 100%; height: 100%; object-fit: cover; } .fp-large-image { margin-top: 60px; margin-bottom: 60px; } .featured-partner-block { background: #F7F6F5; overflow: visible !important; } .menuboxcontainer .wp-block-column, .smallerirghtmenu .wp-block-column { flex-basis: 400px !important; } .top-pad { padding-top: 90px !important; } .wp-block-group.introduction-section.has-global-padding { margin-bottom: 0 !important; } .black-button { display: inline-block; } .border-bottom-1 { border-bottom: 1px solid #f5f5f7} .appliance-partners-style .wp-block-post-excerpt.has-p-font-size { display: none; } footer.wp-block-template-part { margin-top: 90px !important; } .page-id-476 footer.wp-block-template-part { margin-top: 120px !important; } .wp-block-group.ivory-background-section.revcolumns.has-ivory-background-color.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { margin-bottom: 90px !important; } .revcolumns .wp-block-column.is-vertically-aligned-center.is-style-default.is-layout-flow.wp-block-column-is-layout-flow { order: -1; } .journeys { padding: 110px 3.5%; text-align: center; max-width: 50% !important; margin: 0 auto; } /* .journeys { padding: 110px 3.5%; text-align: center; max-width: 760px !important; margin: 0 auto; }*/ .journeys p { width: 100% !important; max-width: 100%; } .white-text.introduction-section h2, .white-text.introduction-section p { color: #fff; } .wp-block-group.white-text.introduction-section.has-global-padding.is-layout-constrained { padding: 15% 0 !important; } .wp-block-group.introduction-section { padding-bottom: 85px; } .introduction-section .wp-block-group { max-width: 780px !important; text-align: center !important; padding: 60px 0 !important; } .introduction-section .wp-block-group h2, .introduction-section .wp-block-group p { text-align: center; } .menuboxcontainer .wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow { width: 100% !important; } .bigmenu .wp-block-navigation-item__label { font-size: 53px; } .smallerirghtmenu .wp-block-navigation-item__label { font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; } .cky-btn.cky-btn-preferences { color: #000 !important; border-color: #000 !important; } .cky-modal.cky-modal-open .cky-btn.cky-btn-reject { display: none !important; } .cky-show-desc-btn { color: #000 !important; } .cky-notice-des { padding-bottom: 14px; } .cky-notice-des p { line-height: 1.5 !important; } .cky-notice { position: relative; } .cky-notice-btn-wrapper button { color: #FFF; /* font-family: Varela; */ font-size: 11.44px; font-style: normal; font-weight: 400; line-height: 19.392px; letter-spacing: 1.03px; text-transform: uppercase; } .cky-consent-bar { border-radius: 0px !important; padding: 30px !important; width: 484px; } .cky-btn.cky-btn-customize { color: #000 !important; border-color: #000 !important; padding: 13px 0px !important; border: 1px solid #000 !important; } .wp-block-group.is-layout-flex.wp-container-core-group-is-layout-2d35e5a8.wp-block-group-is-layout-flex { background: #f5f5f7; } .wp-block-group.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-f5f3bcb8.wp-block-group-is-layout-constrained { margin: 50px 0; max-width: 60% !important; } .wp-block-group.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-f5f3bcb8.wp-block-group-is-layout-constrained h4 { padding: 20px 0; font-size: 20px; } .single-post .doccer .wp-block-heading.has-h-3-font-size { font-size: 0px!important; } .single-post footer.wp-block-template-part { margin-top: 95px !important; } .single-post .doccer .wp-block-heading.has-h-3-font-size::before { content: "MORE JOURNALS"; font-size: 47px !important; } .single-post .readd { display: none; } .journal-posts-categories { text-align: center; } .doccer { position: relative; } .unifiedcarousel .swiper-button-prev { left: calc(100% - 83px) !important; } .unifiedcarousel .swiper-button-next { right: 5px !important; } .unifiedcarousel .swiper-button-next, .unifiedcarousel .swiper-button-prev { top: -73px !important; } .wp-block-greenshift-blocks-swiper .swiper-button-prev { left: calc(100% - 83px) !important; } .wp-block-greenshift-blocks-swiper .swiper-button-next { right: 5px !important; } .wp-block-greenshift-blocks-swiper .swiper-button-next, .wp-block-greenshift-blocks-swiper .swiper-button-prev { top: -73px !important; } .project-others .swiper-button-prev { left: calc(100% - 83px) !important; } .project-others .swiper-button-next { right: 5px !important; } .project-others .swiper-button-next, .project-others .swiper-button-prev { top: -64px !important; } .project-others .wp-container-content-c9763a5f { display: none; } .custom-max-sth { width: 50%; margin-left: auto; margin-right: auto; } .fp-mosaic-cut { padding: 40px 0; width: 100%; max-width: 100%; } .wp-block-columns.are-vertically-aligned-center.has-black-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-1a7da8ce.wp-block-columns-is-layout-flex, .wp-block-columns.are-vertically-aligned-center.has-black-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-1a7da8ce.wp-block-columns-is-layout-flex, .wp-block-columns.are-vertically-aligned-center.has-black-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-4242d424.wp-block-columns-is-layout-flex, .wp-block-columns.are-vertically-aligned-center.has-black-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-1a7da8ce.wp-block-columns-is-layout-flex { width: 90%; } #the-pinnacle-of-luxury, .wp-elements-8d925738684be85cd36c825e502dd5ea h2.wp-block-post-title, html body h1 { text-transform: uppercase; } .journal-swiper .journal-swiper-pagination.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal { display: none; } .journal-swiper .swiper-button-prev { left: calc(100% - 80px); } .journal-swiper .swiper-button-next, .journal-swiper .swiper-button-prev { top: -124px; } html body .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 30px !important; padding: 0 !important; margin-top: 3px !important; } .home .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { width: 100%; max-width: 90% !important; margin-left: 2.2% !important; margin-bottom: -136px !important; position: relative; z-index: 5; } .home .journal-swiper .swiper-button-next, .home .journal-swiper .swiper-button-prev { top: 30px; } .swiperjournals{ position: relative; } .swiperjournals.wp-block-group { position: relative; } .journal-swiper .swiper-button-next, .journal-swiper .swiper-button-prev { width: 60px; height: 60px; line-height: 60px; } .journal-swiper .swiper-button-next, .journal-swiper .swiper-button-prev { background-color: var(--wp--preset--color--transparent,transparent); color: var(--wp--preset--color--black,#050F11); } .journal-swiper .swiper-button-next { right: 0px; } .readd { color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 19.392px; letter-spacing: 1.92px; text-transform: uppercase; position: absolute; left: 5px; top: -15px; } .wp-block-greenshift-blocks-swiper .swiper-button-next, .wp-block-greenshift-blocks-swiper .swiper-button-prev { width: 30px !important; height: 30px !important; line-height: 30px !important; } .unifiedcarousel .swiper-button-next, .unifiedcarousel .swiper-button-prev { width: 30px !important; height: 30px !important; line-height: 30px !important; } .journal-swiper .swiper-button-next, .journal-swiper .swiper-button-prev { background-color: var(--wp--preset--color--transparent,transparent); color: var(--wp--preset--color--black,#050F11); } .journal-swiper .swiper-button-next, .journal-swiper .swiper-button-prev { width: 30px; height: 30px; line-height: 30px; } .journal-swiper .swiper-button-next::after, .journal-swiper .swiper-button-prev::after { font-size: 20px; } .swiper-button-next::after, .swiper-button-prev::after { font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .journal-swiper .swiper-button-next, .journal-swiper .swiper-button-prev { background-color: var(--wp--preset--color--transparent,transparent); color: var(--wp--preset--color--black,#050F11); } .swiper-button-next::after, .swiper-button-prev::after { font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .wp-block-button__link.has-black-color.has-transparent-background-color.has-text-color.has-background.has-link-color.has-border-color.has-black-border-color.wp-element-button:hover { background: #fff !important; color: #000 !important; } /* Force square ratio on the cover block container */ html body .is-style-projects-secondary .wp-block-cover.card-hover { aspect-ratio: 1 / 1 !important; min-height: auto !important; height: auto !important; width: 100%; overflow: hidden; display: block; position: relative; } /* Make the brand image fill the square container */ html body .is-style-projects-secondary .wp-block-cover__image-background { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover !important; } /* Ensure background overlay spans correctly */ html body .is-style-projects-secondary .wp-block-cover__background { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } /* Remove spacer height inside the cover so it doesn't stretch the block */ html body .is-style-projects-secondary .wp-block-cover__inner-container .wp-block-spacer { display: none !important; } /* Override WP template forcing 500px min-height */ @media screen and (min-width: 782px) { .wp-block-post-template.is-style-projects-secondary .wp-block-cover, .wp-block-post-template.is-style-projects-secondary .wp-block-cover.card-hover { min-height: 0 !important; height: auto !important; aspect-ratio: 1 / 1 !important; } } /* Ensure inner image fills the new square container */ .wp-block-post-template.is-style-projects-secondary .wp-block-cover__image-background { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover !important; } /* Remove spacer as before */ .wp-block-post-template.is-style-projects-secondary .wp-block-cover__inner-container .wp-block-spacer { display: none !important; } .wp-block-post-excerpt.has-p-font-size { width: 100%; max-width: 100%; } /* Make each slide image area a perfect square */ .journal-swiper .gspb-dynamic-post-image { aspect-ratio: 1 / 1; width: 100%; overflow: hidden; display: block; } /* Force the image to fill the square correctly */ .journal-swiper .gspb-dynamic-post-image img { width: 100%; height: 100%; object-fit: cover; } /* Square container for all images inside the "OTHER Projects" swiper */ .project-others .gspb-dynamic-post-image { aspect-ratio: 1 / 1; width: 100%; overflow: hidden; display: block; } /* Force images to fill the square perfectly */ .project-others .gspb-dynamic-post-image img { width: 100%; height: 100%; object-fit: cover !important; } .wp-block-post-excerpt.has-p-font-size p { width: 100% !important; max-width: 100%; } .dream-filters .filter-btn:hover, #jouralloader:hover, .jouralloader:hover, .journal-cat-link:hover { background: #000; color: #fff; transition: all 0.1s; -webkit-transition: all 0.1s; } .journal-cat-link { border: 1px solid #000; background: #fff; padding: 8px 20px; margin: 4px 10px; cursor: pointer; transition: 0.3s; padding: 15px 25px; font-size: 14px; letter-spacing: 2px; display: inline-block; text-transform: uppercase; border-radius: 2px; transition: all 0.1s; -webkit-transition: all 0.1s; } body.category .wp-block-group.is-layout-flow.wp-container-core-group-is-layout-11e64f00.wp-block-group-is-layout-flow { border: 0; } body.category .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow { margin-top: 220px; } body.category .wp-block-group.is-vertical.is-layout-flex.wp-block-group-is-layout-flex { text-align: center; } .journal-cat-link.is-active { background: #000; color: #fff; } .cky-btn.cky-btn-reject { position: absolute; right: 0; top: 7px; color: #000 !important; border-color: #000 !important; text-transform: uppercase; letter-spacing: 1px; } .journlacontainer { text-align: center; } #jouralloader { margin-bottom: 40px; text-transform: uppercase; color: #050F11; text-align: center; font-size: 16px; cursor: pointer; font-style: normal; font-weight: 400; line-height: 19.2px; text-transform: uppercase; background: #fff; border: 1px solid #000; letter-spacing: 1.5px; font-family: "Montserrat", sans-serif; display: inline-block; padding: 13px 23px; margin: 0 auto; border-radius: 2px; } .cky-btn.cky-btn-reject { border: none; border-bottom: 1px solid #000; padding-bottom: 0 !important; height: 24px !important; font-weight: 300; border-radius: 0px !important; padding: 0 !important; font-size: 10px !important; } #cookiescript_description { padding-top: 9px; padding-bottom: 10px; } #cookiescript_close { display: none !important; } #gform_submit_button_1, #gform_submit_button_7 { background: #1D1D1D !important; color: #fff !important; padding: 18px 25px !important; font-size: 14px !important; letter-spacing: 2px; } .visit-block {background: #F7F6F5 !important; color: #000 !important;} .visit-block .wp-block-group { width: 50%; } .visit-block .gform-theme .gform-body.gform_body input { box-shadow: none !important; border-color: #000 !important; color: #000 !important; } .visit-block .gform-theme .gform-body.gform_body textarea { box-shadow: none !important; border-color: #000 !important; color: #000 !important; } .visit-block .gform-theme .ginput_container_checkbox label {color: #000 !important;} /* ============================================ Dream Design – 2 Column Masonry Gallery ============================================ */ /* Wrapper stays normal */ .dd-masonry-gallery .wp-block-gallery { width: 100%; } /* 2-column responsive masonry */ .dd-masonry-gallery .wp-block-gallery figure { width: calc(50% - 10px) !important; /* 2 columns */ margin: 0 0 20px 0 !important; padding: 0 !important; } /* For mobile: 1 column */ @media(max-width: 768px) { .dd-masonry-gallery .wp-block-gallery figure { width: 100%; } } .cen { display: block; text-align: center; } .single-projects footer.wp-block-template-part { margin-top: 120px !important; } .project-others .wp-block-post-excerpt.has-p-font-size { display: none; } .wp-block-greenshift-blocks-swiper .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 84px; right: 230px; } .unifiedcarousel .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex, .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 7%; right: 230px; } .project-others .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 84px; right: 230px; } .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex a { border: 0; padding: 0; } .project-others .wp-block-post-title.has-h-5-font-size { text-align: left; margin-bottom: 20px !important } .sidebar-white.wp-block-group.has-black-background-color { background: #fff !important; padding: 0 !important; color: #000 !important; } .type-projects .wp-block-cover.is-light.card-hover { height: 590px !important; } footer .wp-block-group.is-layout-flow.wp-container-core-group-is-layout-e1773fac.wp-block-group-is-layout-flow { padding-top: 0 !important; } #dream-loadmore { margin-bottom: 40px; text-transform: uppercase; color: #050F11; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 19.2px; text-transform: uppercase; background: #fff; border: 1px solid #000; letter-spacing: 1.5px; font-family: "Montserrat", sans-serif; } .greybg { background: #F7F6F5; padding-top: 105px !important; } .wp-block-social-links.has-normal-icon-size.has-icon-color.is-style-align-bottom.is-layout-flex.wp-container-core-social-links-is-layout-f3ddda12.wp-block-social-links-is-layout-flex { display: none; } h4.prjetitle { text-align: center !important; } .projectgallery { transform: translateY(-40px); -webkit-transform: translateY(-40px); } .load-more-wrapper { text-align: center; margin: 40px 0; } .load-more-btn { background: #000; color: #fff; padding: 12px 24px; border: none; font-size: 16px; cursor: pointer; } .load-more-btn:disabled { opacity: 0.5; cursor: default; } .columns-2.is-style-default.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-04cf87a6.wp-block-post-template-is-layout-grid .is-style-black-arrow-text { border: 0px !important; padding: 0 !important; transition: all 0.25s; position: relative; color: black !important; font-size: 16px !important; text-transform: uppercase !important; width: 100%; box-sizing: border-box; display: inline-flex; align-items: center; gap: 10px; justify-content: center; margin-top: 20px; letter-spacing: 2.25px; } .single-post .swiperjournals.journal-width { width: 100%; max-width: 100%; padding-left: 1.5% !important; padding-right: 1.5% !important; } .single-post .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { width: 100%; max-width: 100% !important; margin-left: 0.75% !important; margin-bottom: -100px !important; position: relative; z-index: 5; } .single-post .doccer { padding-left: 3px; } .single-post .entry-content .swiperjournals.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { width: 100%; padding-left: 1.15% !important; padding-right: 1.15% !important; } .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { width: 100%; max-width: 90% !important; margin-left: 2.5% !important; margin-bottom: -100px !important; position: relative; z-index: 5; } .single-post .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { width: 100%; max-width: 90% !important; margin-left: 2.5% !important; margin-bottom: -100px !important; position: relative; z-index: 5; } .journal-swiper.swiper-horizontal.swiper-backface-hidden { padding-top: 110px; max-width: 94% !important; } .gspb_slider-id-gsbp-7e7aaf4 .swiper-button-next, .gspb_slider-id-gsbp-7e7aaf4 .swiper-button-prev { width: 30px !important; height: 30px !important; line-height: 30px !important; } .single-post .journal-swiper .swiper-button-next, .single-post .journal-swiper .swiper-button-prev { top: 32px !important; } .wp-block-group.is-style-full-height.wp-container-content-9cfa9a5a.is-vertical.is-layout-flex.wp-container-core-group-is-layout-214b3b08.wp-block-group-is-layout-flex { text-align: center; } .columns-2.is-style-default.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-04cf87a6.wp-block-post-template-is-layout-grid h2 { width: 100%; letter-spacing: 1.5px; padding-top: 10px; font-size: 18px !important; font-weight: 500 !important; } .wp-block-group.is-style-full-height.wp-container-content-9cfa9a5a.is-vertical.is-layout-flex { border: 0; } .post-type-archive-projects footer.wp-block-template-part { margin-top: 30px !important; } .colx3.socpad > span { padding-left: 40px; display: inline-block; } .single-projects .wp-block-column h2 { font-size: 40px !important; line-height: 1.5 !important; } .sidebar-white h3 { font-size: 16px !important; font-weight: 500 !important; } .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex .wp-block-button.is-style-outline.is-style-outline--5:hover { background: #fff !important; color: #000 !important; } .dd-social-icons li a img { width: 28px; height: 28px; display: block; } .wp-block-social-links.has-small-icon-size.has-icon-color.has-icon-background-color.is-style-footer.is-style-default.is-layout-flex.wp-container-core-social-links-is-layout-288d86bf.wp-block-social-links-is-layout-flex { display: none; } footer.wp-block-template-part .wp-block-separator.has-text-color.has-white-color.has-alpha-channel-opacity.has-white-background-color.has-background.is-style-default { max-width: 100% !important; opacity: 0.2; } .ftr-x { font-size: 12px !important; } footer.wp-block-template-part .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex { width: 100% !important; max-width: 100% !important; } footer.wp-block-template-part .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex { margin: 0 !important; padding: 40px 0 !important; } footer.wp-block-template-part p, footer.wp-block-template-part a { margin-left: 0 !important; } #dream-gallery { padding-bottom: 70px; margin-top: 0; } .wp-block-group.dd-masonry-gallery.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { padding-bottom: 40px !important; } .dd-loadmore-btn { margin: 20px auto; } .has-text-align-center.centered-sml { width: 50%; margin-bottom: 60px !important; } .is-style-black-arrow-text, .wp-block-button.is-style-outline.is-style-outline--5 { letter-spacing: 1.35px; } .video-extender .wp-block-embed.is-type-video.is-provider-vimeo { width: 100% !important; max-width: 100% !important; margin: 0 !important; } .ivory-background-section h2 { margin-left: 0 !important; } .ivory-background-section p { margin-left: 0 !important; } #project-spotlight, .wp-block-group.video-extender h6 { color: #000; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 19.392px; letter-spacing: 2.56px; text-transform: uppercase; padding-bottom: 20px; } .service-blocks .wp-block-greenshift-blocks-container { margin: 0 !important; width: 100% !important; max-width: 100% !important; } .service-blocks .has-ghub-link.wp-block-group { margin-bottom: 11px; } .service-blocks { width: 89.5%; margin: 0 auto; padding: 0; } .has-text-align-center.has-h-4-font-size { line-height: 1.5 !important; } :root :where(p), html body p { line-height: 1.8 !important; } .wp-block-group.dream-into { max-width: 70%; margin: 0 auto; padding: 100px 0 !important; } .home #gspb_container-id-gsbp-5038de6.gspb_container { margin-top: 0px !important; } .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 95% !important; } .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex.block-visibility-hide-small-screen.block-visibility-hide-extra-small-screen { margin: 0 20px; } .wp-container-core-buttons-is-layout-c4e40886 { gap: 48px !important; } .wp-block-query.ghub-query-id-0.is-layout-flow.wp-block-query-is-layout-flow { max-width: 90% !important; } .post-type-archive-projects .wp-block-buttons.is-content-justification-center { display: none !important; } #mega-menu { padding-left: 15%; padding-right: 15%; } .video-extender { padding: 0; } .has-ghub-link.wp-block-group.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-bd3ccca4.wp-block-group-is-layout-constrained p { color: #000; text-align: center; font-size: 18.323px; font-style: normal; font-weight: 500; line-height: 43.311px; letter-spacing: 1.466px; text-transform: uppercase; } .wp-block-button__link.has-white-color.has-transparent-background-color.has-text-color.has-background.has-link-color.has-p-font-size.has-custom-font-size.wp-element-button { border-radius: 2px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(30px); padding: 15px 40px !important; } .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-dd08e9d2.wp-block-group-is-layout-flex.block-visibility-hide-medium-screen.block-visibility-hide-small-screen.block-visibility-hide-extra-small-screen { display: none; } .wp-block-button__link.has-black-color.has-white-background-color.has-text-color.has-background.has-link-color.has-border-color.has-white-border-color.wp-element-button { color: #000; font-size: 15px; font-style: normal; font-weight: 500; line-height: 19.392px; letter-spacing: 1.35px; text-transform: uppercase; padding: 20px; } .wp-block-button__link.has-white-color.has-text-color.has-link-color.has-border-color.has-white-border-color.wp-element-button { border-radius: 2px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(30px); padding: 20px; } #cookiescript_injected { bottom: 20px; left: 20px; position: fixed; padding: 25px 30px 25px 30px; width: 430px; text-align: left; max-height: 85%; overflow-y: auto; max-width: calc(100% - 40px); } #cookiescript_header { font-size: 15px; } #cookiescript_reject { color: #1D1D1D; /* font-family: Varela; */ font-size: 9.44px; font-style: normal; font-weight: 400; line-height: 19.392px; letter-spacing: 1.03px; text-transform: uppercase; border: 0; border-bottom: 1px solid #000; padding: 0 !important; width: auto !important; min-width: auto !important; height: auto !important; min-height: auto !important; position: absolute; right: 30px; top: 33px; } :where(.wp-site-blocks) > * { margin-block-start: 0px !important; } .wp-site-blocks { overflow-x: hidden !important; } :root :where(a:where(:not(.wp-element-button))) { text-decoration: none; } .wp-block-separator { border-top-width: 1px; } /*.entry-content { > div:not(:has(.dynamic-content, .wp-block-greenshift-blocks-swiper)) { overflow-x: hidden; } }*/ header { position: absolute; width: 100%; height: auto; top: 0; left: 0; z-index: 99; transition: background-color 0.2s; isolation: isolate; > .wp-block-group{ transition: background-color 0.2s ease; } .gspb-buttonbox-icon{ transition: rotate 0.2s ease; } &:has(.panelactive){ > .wp-block-group{ background-color: var(--wp--preset--color--black) !important; } .wp-block-site-logo{ img{ outline: 1px solid white; } } .gspb-buttonbox-icon{ rotate: 90deg; &::before{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 768 768'%3E%3Cpath fill='%23fff' d='M607.5 205.5l-178.5 178.5 178.5 178.5-45 45-178.5-178.5-178.5 178.5-45-45 178.5-178.5-178.5-178.5 45-45 178.5 178.5 178.5-178.5z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; content: ''; height: 25px; width: 25px; } svg{ opacity: 0; position: absolute; pointer-events: none; } } } a:not(.wp-block-greenshift-blocks-buttonbox), button { transition: all 0.25s; &:hover { font-weight: unset; text-stroke: 1px currentColor; -webkit-text-stroke: 1px currentColor; } } .wp-block-site-logo, .wp-block-image { img { display: block; transition: none; } } .wp-block-site-logo { img { margin-bottom: -40px; } } &.header--solid { background: var(--wp--preset--color--black); p, a.wp-block-button__link, button { color: white !important; } .wp-block-image { img { filter: brightness(1); } } .wp-block-outermost-mega-menu { .wp-block-outermost-mega-menu__toggle { .wp-block-outermost-mega-menu__toggle-icon { svg { line { stroke: white !important; } } } } } } &.scrolled { background: var(--wp--preset--color--black); position: fixed; p, a.wp-block-button__link, button { color: var(--wp--preset--color--white) !important; } .wp-block-image { img { filter: brightness(100); } } .wp-block-button__link.wp-block-button__link.has-black-color.has-transparent-background-color { &:hover { background-color: white !important; color: var(--wp--preset--color--black) !important; border-color: var(--wp--preset--color--white) !important; } } .wp-block-outermost-mega-menu { .wp-block-outermost-mega-menu__toggle { .wp-block-outermost-mega-menu__toggle-icon { svg { line { stroke: var(--wp--preset--color--white) !important; } } } } } } } .page-template-wp-custom-template-pages-solid-header-contact { header { .wp-block-outermost-mega-menu { .wp-block-outermost-mega-menu__toggle { color: var(--wp--preset--color--black) !important; svg { line { stroke: var(--wp--preset--color--black) !important; } } } } } &.menu-open { header { .wp-block-outermost-mega-menu { .wp-block-outermost-mega-menu__toggle { color: var(--wp--preset--color--white) !important; } } } } } @media screen and (min-width: 782px) { .page-template-wp-custom-template-pages-solid-header-contact { header { .wp-block-outermost-mega-menu { .wp-block-outermost-mega-menu__toggle { color: white !important; svg { line { stroke: var(--wp--preset--color--white) !important; } } } } } } header { .wp-block-site-logo { img { margin-bottom: -75px; } } } } .page-template-wp-custom-template-pages-solid-header, .search-results, .error404 { header { .wp-block-image { img { filter: brightness(0); } } .wp-block-button__link.wp-block-button__link.has-black-color.has-transparent-background-color { &:hover { background-color: var(--wp--preset--color--black) !important; color: white !important; border-color: var(--wp--preset--color--black) !important; } } .wp-block-outermost-mega-menu { .wp-block-outermost-mega-menu__toggle { .wp-block-outermost-mega-menu__toggle-icon { svg { line { stroke: var(--wp--preset--color--black) !important; } } } } } &.scrolled { .wp-block-image { img { filter: brightness(100); } } .wp-block-button__link.wp-block-button__link.has-black-color.has-transparent-background-color { &:hover { background-color: white !important; color: var(--wp--preset--color--black) !important; border-color: white !important; } } .wp-block-outermost-mega-menu { .wp-block-outermost-mega-menu__toggle { .wp-block-outermost-mega-menu__toggle-icon { svg { line { stroke: var(--wp--preset--color--white) !important; } } } } } } } } @media screen and (max-width: 781px) { iframe { width: 100%; height: 300px; } } .menu-open { overflow: hidden; header { p, a.wp-block-button__link, button { color: var(--wp--preset--color--white) !important; } .wp-block-site-logo { img { border: 1px solid white; border-style: inset; margin-left: -1px; margin-top: -1px; } } .wp-block-image { img { filter: brightness(100%) !important; } } .wp-block-outermost-mega-menu__menu-container { display: block; } .wp-block-outermost-mega-menu { .wp-block-outermost-mega-menu__toggle { .wp-block-outermost-mega-menu__toggle-icon { svg { line { stroke: var(--wp--preset--color--white) !important; } } } } } } } @media screen and (max-width: 781px) { header { .wp-block-site-logo { padding: 0; img { width: 75px !important; } } .wp-block-columns { align-items: center !important; .wp-block-column.is-vertically-aligned-top { align-self: center !important; } .wp-block-cover { width: 100% !important; } } } .wp-block-template-part { .wp-block-columns { &.has-black-background-color { .wp-block-column { border: 0 !important; + .wp-block-column { border-top: 1px solid white !important; margin-top: 20px !important; padding-top: 20px !important; } } .wp-block-group { padding-left: 0 !important; padding-right: 0 !important; border: 0 !important; } } } } } footer { a { text-decoration: none; &:hover { } } .wp-block-navigation { .wp-block-navigation-item__content { transition: 0.25s; &:hover { text-stroke: 1px currentColor; -webkit-text-stroke: 1px currentColor; font-weight: unset; } } } } @media screen and (max-width: 767px) { footer { padding-top: 60px; > .wp-block-group { padding-top: 0 !important; } .footer-row { > .wp-block-group { width: 100%; flex-basis: 100%; text-align: center; align-items: center !important; .wp-block-group { width: 100%; text-align: center; } .wp-block-navigation__container { align-items: center; } &:first-child { width: 100% !important; flex-basis: 100% !important; figure { margin: auto; } } } } .wp-block-columns { gap: 30px !important; &:last-child { gap: 15px !important; } .wp-block-columns { gap: 0px !important; } } .footer-copyright { padding-top: 40px; > .wp-block-group { flex: 0 1 100%; align-items: center; text-align: center; &:first-child { display: none; } } } .items-justified-right { justify-content: flex-start !important; } } } @media screen and (max-width: 768px) { footer { .wp-block-social-links { padding-top: 40px; } .wp-block-columns { flex-wrap: wrap !important; gap: 0 !important; margin-block-start: 0 !important; .wp-block-column { margin-block-start: 0 !important; &[style*="flex-basis:15%"] { flex: 0 1 100% !important; } &[style*="flex-basis:20%"] { margin-bottom: 30px !important; } &[style*="flex-basis:30%"] { margin-bottom: 15px !important; } } .wp-block-heading { font-size: 20px !important; padding-bottom: 0px !important; } } .footer-address { border-bottom: 1px solid white; padding-bottom: 0; margin-top: 20px !important; transition: all 0.25s; > .wp-block-group { gap: 15px; } + .footer-address { margin-top: 0 !important; } .footer-address-trigger { box-sizing: border-box; font-size: 20px !important; padding-top: 20px !important; padding-right: 30px; padding-bottom: 20px !important; width: 100%; position: relative; cursor: pointer; min-height: 24px; transition: all 0.25s; &:hover { color: var(--wp--preset--color--primary); &:after { content: url('data:image/svg+xml,') } } &:after { position: absolute; width: 16px; right: 16px; transition: all 0.25s; display: flex; top: 20px; right: 0; align-items: center; justify-content: center; content: url('data:image/svg+xml,'); } + .wp-block-group { max-height: 0px; overflow: hidden; transition: all 0.25s; margin: 0 !important; } } &.open { padding-bottom: 20px; .footer-address-trigger { &:after { transform: rotate(180deg); } + .wp-block-group { max-height: 200px; } } } } .wp-block-separator { margin-bottom: 30px; } .wp-block-navigation__container.items-justified-right { flex-direction: column; align-items: flex-start; gap: 5px; } } } @media screen and (min-width: 768px) and (max-width: 1149px) { /* .page-id-442 { header { .wp-block-buttons { &:first-child { display: none; } } } } */ .wp-block-template-part { .wp-block-columns { &.has-black-background-color { .wp-block-column { border: 0 !important; + .wp-block-column { border-left: 1px solid white !important; margin-left: 20px !important; padding-left: 20px !important; } } .wp-block-group { padding-left: 20px !important; padding-right: 20px !important; border: 0 !important; } } } } footer { .wp-block-columns { flex-wrap: wrap !important; .wp-block-column { flex: 0 1 calc(50% - 20px) !important; &:last-child { flex: 0 1 100% !important; .wp-block-column { flex: 0 1 calc(25% - 30px) !important; } } } } .footer-row { gap: 60px 40px; > .wp-block-group { width: calc(33.3333% - 40px); flex-basis: calc(33.3333% - 40px); text-align: center; align-items: center !important; .wp-block-group { width: 100%; text-align: center; } .wp-block-navigation__container { align-items: center; } &:first-child { width: 100% !important; flex-basis: 100% !important; figure { margin: auto; } } } } .footer-copyright { padding-top: 40px; > .wp-block-group { flex: 0 1 100%; align-items: center; text-align: center; &:first-child { display: none; } } } } hr { + .wp-block-columns { flex-direction: column !important; align-items: flex-start !important; gap: 15px !important; } } } @media screen and (min-width: 1150px) and (max-width: 1499px) { footer { .footer-row { flex-wrap: nowrap !important; } .footer-copyright { padding-top: 40px; > .wp-block-group { &:first-child { display: none; } } } } } .wp-block-separator{ width: 100%; } .post-type-archive-projects{ .wp-block-post{ display: flex; } } .gs_title button { background-color: transparent !important; } .gs_item { border-radius: 0 !important; border-width: 0px !important; border-bottom: 1px solid black !important; padding: 0 !important; button{ padding: 22px 0 !important; } .gs_icon{ transform: rotate(90deg) !important; transition-duration: 0.25s !important; width: 16px !important; svg{ width: 100%; } } &[data-active] >.gs_title .gs_icon{ transform: rotate(270deg) !important; } .gs_content >.gs_content_inner { padding: 0 !important; } } .gs_item>.gs_content { transition-duration: 0.25s !important; } .wp-block-outermost-mega-menu__toggle{ position: relative; z-index: 9999 } .gspb_button-id-gsbp-20675f0 .gspb_slidingPanel{ position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; overflow: scroll !important; transition: opacity 0.2s ease !important; visibility: visible !important; z-index: -1 !important; pointer-events: none !important; height: 100lvh !important; &.active{ pointer-events: all !important; } .gspb_slidingPanel-wrap{ transform: unset !important; transition: opacity 0.2s ease !important; } .gspb_slidingPanel-inner, .wp-block-template-part{ height: 100%; } } .has-text-align-left.has-h-4-font-size { line-height: 1.5 !important; text-transform: uppercase; max-width: ; } option{ color: black !important; } .page-template-wp-custom-template-pre-footer-ct-as-without-showroom footer.wp-block-template-part { padding-top: 100px; } .swiper-scrollbar.swiper-scrollbar-horizontal { left: 0 !important; width: 100% !important; } .wp-block-group.ivory-background-section.has-white-background-color.has-background.has-global-padding { padding-top: 90px !important; padding-bottom: 90px !important; } .ivory-background-section { display: flex; min-height: 700px; align-items: center; .wp-block-columns { width: 100%; .max-height-img > img { max-height: none !important; aspect-ratio: 1 / 1 !important; width: 100%; height: auto; } } } @media screen and (max-width: 781px) { .ivory-background-section { min-height: 850px !important; } } .inner-cover-group { .wp-block-group.is-style-separator { position: absolute; bottom: 110px; left: 0; width: 100%; display: block; max-width: 99999px; padding: 0 30px !important; .wp-block-separator { width: 100%; margin: auto !important; max-width: 1400px; } } } .is-style-black-arrow-no-text { border: 0px !important; padding: 0 !important; width: 38px; height: 38px; font-size: 0px; transition: all 0.25s; &:before { transition: all 0.25s; content: ""; background-image: url('data:image/svg+xml,'); width: 38px; height: 38px; display: block; } &:hover { transform: translateX(10px); } } .is-style-black-arrow-text { border: 0px !important; padding: 0 50px 0 0 !important; transition: all 0.25s; position: relative; color: black !important; font-size: 16px !important; text-transform: uppercase !important; width: 100%; box-sizing: border-box; display: inline-flex; align-items: center; gap: 10px; font-weight:500; &:after { transition: all 0.25s; content: ""; background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2216px%22%20width%3D%2216px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20viewBox%3D%220%200%20330%20330%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22XMLID_225_%22%20d%3D%22M325.607%2C79.393c-5.857-5.857-15.355-5.858-21.213%2C0.001l-139.39%2C139.393L25.607%2C79.393%20c-5.857-5.857-15.355-5.858-21.213%2C0.001c-5.858%2C5.858-5.858%2C15.355%2C0%2C21.213l150.004%2C150c2.813%2C2.813%2C6.628%2C4.393%2C10.606%2C4.393s7.794-1.581%2C10.606-4.394l149.996-150C331.465%2C94.749%2C331.465%2C85.251%2C325.607%2C79.393z%22%20transform%3D%22rotate(-90%20165%20165)%22/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; width: 12px; height: 13px; display: block; position: relative; right: 0; } &:hover { &:after{ transform: translateX(10px); } } } .is-style-overlay { background-color: transparent !important; font-size: 0px !important; border: 0px !important; position: absolute; padding: 0 !important; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .text-column-width p { max-width:90ch; } .text-column-width h2 { max-width:46ch; } #dream-masonry.dream-masonry-gallery { width: 95%; margin: 0 auto; display: block; } .gallery-sizer { width: 50%; } #dream-masonry .gallery-item { width: calc(50% - 10px); margin-bottom: 20px; padding: 0; opacity: 1; transition: opacity .35s ease; } #dream-masonry .gallery-item img { width: 100%; display: block; } .dream-filters { justify-content: center; } /* 2-column Masonry container */ #dream-masonry.dream-masonry-gallery { display: block; } .gallery-sizer { width: calc(50% - 10px) ; } /* Images fill the block */ #dream-masonry .gallery-item img { width: 100%; height: auto; display: block; } /* Filters */ .dream-filters { display: flex; gap: 12px; margin-bottom: 25px; } .dream-filters .filter-btn.active { background: #000; color: #fff; } /* Mobile – 1 column */ @media(max-width:600px) { #dream-masonry.dream-masonry-gallery { column-count: 1; } } .feature-block p { max-width: 90%; text-align: center; } .central-left h2 { font-size: 40px; } .central-left h4 { font-size: 20px; } .service-blocks img { width: 100%; } #dream-masonry.dream-masonry-gallery { width: calc(95% - 55px) !important; } /*responsive*/ @media only screen and (min-width: 2000px) and (max-width: 7000px) { .single-post .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { margin-left: 0.85% !important; } .journal-width.journal-media { max-width: calc(98% - 57px); } #dream-masonry.dream-masonry-gallery { width: calc(98% - 60px) !important; } .ftb { width: 98%; } .single-post .doccer { padding-left: 0; } #dream-masonry.dream-masonry-gallery { width: 95.5%; } .journal-swiper.swiper-horizontal.swiper-backface-hidden { max-width: 98% !important; } html body.home .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { margin-left: 0.7% !important; } html body .mosaic-text { width: calc(97% - 33px) !important; } .is-layout-constrained.full-extension > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { width: calc(98% - 59px) !important; } .fbp { max-width: 95.7%; } .single-projects .unifiedcarousel .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex, .single-projects .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { top: 6%; } .text-on-right.fullbleeder .midtext { padding: 0 13%; } .visit-block .wp-block-columns { width: 58%; } .midtext { max-width: 84%; margin: 0 auto !important; } .midtext { padding: 0 13%; } .gs_collapsible { max-width: 60%; } .midtext p { margin-right: 0 !important; } .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 98% !important; } .wp-block-group.dream-into, .parallax-box, .journal-width {max-width: 50%;} } @media only screen and (min-width: 1601px) and (max-width: 1670px) { html body .mosaic-text { width: calc(95% - 57px) !important; } .single-post .journal-swiper .swiper-button-next, .single-post .journal-swiper .swiper-button-prev { top: -77px; } .wp-block-column.is-vertically-aligned-center.has-white-color.has-black-background-color.has-text-color.has-background.has-link-color.wp-elements-c539f6583d0a75cfa8c6dbcc1c9458df.is-layout-flow.wp-block-column-is-layout-flow { flex-basis: 68% !important; } } @media only screen and (min-width: 1501px) and (max-width: 1600px) { .is-layout-constrained.full-extension > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { width: calc(95% - 57px); } html body .mosaic-text { width: calc(95% - 57px) !important; } .single-post .journal-swiper .swiper-button-next, .single-post .journal-swiper .swiper-button-prev { top: -77px; } .wp-block-column.is-vertically-aligned-center.has-white-color.has-black-background-color.has-text-color.has-background.has-link-color.wp-elements-c539f6583d0a75cfa8c6dbcc1c9458df.is-layout-flow.wp-block-column-is-layout-flow { flex-basis: 68% !important; }} @media only screen and (min-width: 1361px) and (max-width: 1500px) { .single-post .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { margin-left: 0.5% !important; } .journal-width.journal-media { max-width: calc(96% - 30px); } #dream-masonry.dream-masonry-gallery { width: calc(95% - 17px) !important; } html body .full-extension .mosaic-text { width: calc(97% - 45px) !important; } .ftb { max-width: 100% !important; width: 100%; } .wp-block-group.full-extension.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-image.size-full { max-width: 100% !important; width: 100% !important; } .is-layout-constrained.full-extension > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { width: calc(97% - 45px) !important; } .single-post .doccer { padding-left: 11px; } html body.home .journal-swiper.swiper-horizontal.swiper-backface-hidden { max-width: 98% !important; } .fbp { max-width: 94%; } #dream-masonry.dream-masonry-gallery { width: 94%; } .journal-swiper.swiper-horizontal.swiper-backface-hidden { max-width: 96.3% !important; } html body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 98% !important; } html body.home .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { margin-left: 0.5% !important; } .home .journal-swiper .swiper-button-next, .home .journal-swiper .swiper-button-prev { top: 35px; } html body.home .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 50px !important; } .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { right: 180px; } .unifiedcarousel .swiper-button-next, .unifiedcarousel .swiper-button-prev { top: -66px !important; } .single-post .journal-swiper .swiper-button-next, .single-post .journal-swiper .swiper-button-prev { top: -77px; } .unifiedcarousel .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex, .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 74px; right: 190px; } .wp-block-column.is-vertically-aligned-center.has-white-color.has-black-background-color.has-text-color.has-background.has-link-color.wp-elements-c539f6583d0a75cfa8c6dbcc1c9458df.is-layout-flow.wp-block-column-is-layout-flow { flex-basis: 68% !important; }} /* #Desktop (1366) ================================================== */ @media only screen and (min-width: 1280px) and (max-width: 1360px) { .mosaic-text { width: calc(95% - 57px) !important; } .is-layout-constrained.full-extension > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { width: calc(95% - 57px); } .unifiedcarousel .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex, .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 74px; right: 190px; } html body.home .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 43px !important; margin-top: -9px !important; } html body.single-post .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 50px !important; } .single-projects .unifiedcarousel .swiper-button-next, .single-projects .unifiedcarousel .swiper-button-prev { top: -66px !important; } .single-projects .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 78px; right: 180px; } .unifiedcarousel .swiper-button-next, .unifiedcarousel .swiper-button-prev { top: -63px !important; } .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { top: 82px; right: 190px; } .single-post .journal-swiper .swiper-button-next, .single-post .journal-swiper .swiper-button-prev { top: -77px; } .wp-block-column.is-vertically-aligned-center.has-white-color.has-black-background-color.has-text-color.has-background.has-link-color.wp-elements-c539f6583d0a75cfa8c6dbcc1c9458df.is-layout-flow.wp-block-column-is-layout-flow { flex-basis: 88% !important; } .wp-container-core-buttons-is-layout-c4e40886 { gap: 22px !important; } } /* #Tablet (1024) ================================================== */ @media only screen and (min-width: 1001px) and (max-width: 1279px) { html body .mosaic-text { width: calc(95% - 57px) !important; } .is-layout-constrained.full-extension > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { width: calc(95% - 57px); } .cl, .cl2 { width: 100%; } html body .anglx { font-size: 14px !important; width: 100%; text-align: center; max-width: 100%; } .wp-block-navigation__container.has-small-font-size.items-justified-right.wp-block-navigation { justify-content: center; } .ftb { margin: 0 auto !important; width: 95%; display: flex; flex-wrap: wrap; } .cl, .cl2 { width: 100%; text-align: center; } .is-brand .wp-container-content-c9763a5f { flex-basis: 620px; } .is-brand .projp { top: 37px; } .midtext { max-width: 84%; } .single-projects .wp-block-column h2 { font-size: 31px !important; } html body.home .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 43px !important; margin-top: -9px !important; } html body.single-post .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 50px !important; } .single-projects .unifiedcarousel .swiper-button-next, .single-projects .unifiedcarousel .swiper-button-prev { top: -66px !important; } .single-projects .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 52px !important; right: 170px; } .unifiedcarousel .swiper-button-next, .unifiedcarousel .swiper-button-prev { top: -63px !important; } .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { top: 82px; right: 190px; } .single-post .journal-swiper .swiper-button-next, .single-post .journal-swiper .swiper-button-prev { top: -77px; } html body.home .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 55px !important; margin-top: -20px !important; } html body.single-post .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 50px !important; } .single-projects .unifiedcarousel .swiper-button-next, .single-projects .unifiedcarousel .swiper-button-prev { top: -66px !important; } .single-projects .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 78px; right: 180px; } .unifiedcarousel .swiper-button-next, .unifiedcarousel .swiper-button-prev { top: -63px !important; } .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { top: 82px; right: 190px; } .single-post .journal-swiper .swiper-button-next, .single-post .journal-swiper .swiper-button-prev { top: -77px; } .single-post .journal-swiper .swiper-button-next, .single-post .journal-swiper .swiper-button-prev { top: -77px; } .wp-block-column.is-vertically-aligned-center.has-white-color.has-black-background-color.has-text-color.has-background.has-link-color.wp-elements-c539f6583d0a75cfa8c6dbcc1c9458df.is-layout-flow.wp-block-column-is-layout-flow { flex-basis: 95% !important; } .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 90px !important; margin-top: -24px; } .wp-block-template-part .wp-block-button__link.wp-element-button { letter-spacing: 0; } .wp-container-core-buttons-is-layout-c4e40886 { gap: 11px !important; } header .wp-block-button__link.has-white-color.has-transparent-background-color.has-text-color.has-background.has-link-color.has-p-font-size.has-custom-font-size.wp-element-button { border-radius: 2px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(30px); padding: 15px 20px !important; font-size: 14px !important; width: 111px; } header .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex.block-visibility-hide-small-screen.block-visibility-hide-extra-small-screen { margin: 0 6px; } .single-projects .unifiedcarousel .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex, .single-projects .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 42px; right: 165px; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 1000px) { html body .mosaic-text { width: calc(95% - 57px) !important; } .is-layout-constrained.full-extension > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { width: calc(95% - 57px); } .cl, .cl2 { width: 100%; } html body .anglx { font-size: 14px !important; width: 100%; text-align: left; max-width: 100%; } .wp-block-navigation__container.has-small-font-size.items-justified-right.wp-block-navigation { justify-content: center; } .ftb { margin: 0 auto !important; width: 95%; display: flex; flex-wrap: wrap; } .cl, .cl2 { width: 100%; text-align: center; } .wp-block-columns.are-vertically-aligned-center.is-style-default.is-layout-flex.wp-container-core-columns-is-layout-7cbf6795.wp-block-columns-is-layout-flex { display: block; } .midtext { padding: 60px 0; } .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; /* right: 0; */ top: 34px; right: 150px; } .sidebar-white .wp-block-group { margin-left: 0 !important; } html body.single-post .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 70px !important; padding: 0 !important; margin-top: 3px !important; } .unifiedcarousel .swiper-button-next, .unifiedcarousel .swiper-button-prev { top: -59px !important; } .home .journal-swiper .swiper-button-next, .home .journal-swiper .swiper-button-prev { top: 49px; } html body .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-top: 3px !important; } .is-brand .project-others .swiper-button-next, .is-brand .project-others .swiper-button-prev { top: -99px !important; } html body.home .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 80px !important; } .colx3 { width: 50%; margin-bottom: 30px } .single-post .journal-swiper .swiper-button-next, .single-post .journal-swiper .swiper-button-prev { top: -88px; } .threecol { display: flex; flex-wrap: wrap; } .wp-block-column.is-vertically-aligned-center.has-white-color.has-black-background-color.has-text-color.has-background.has-link-color.wp-elements-c539f6583d0a75cfa8c6dbcc1c9458df.is-layout-flow.wp-block-column-is-layout-flow { flex-basis: 100% !important; } .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 90px !important; margin-top: -24px; } .wp-block-template-part .wp-block-button__link.wp-element-button { letter-spacing: 0; } .wp-container-core-buttons-is-layout-c4e40886 { gap: 11px !important; } header .wp-block-button__link.has-white-color.has-transparent-background-color.has-text-color.has-background.has-link-color.has-p-font-size.has-custom-font-size.wp-element-button { border-radius: 2px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(30px); padding: 15px 20px !important; font-size: 14px !important; width: 111px; } header .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex.block-visibility-hide-small-screen.block-visibility-hide-extra-small-screen { margin: 0 6px; } .left-col, .right-col { width: 100%; } .left-col, .right-col { width: 100%; flex: 100% !important; } .wp-block-group.dream-into { max-width: 90%; margin: 0 auto; padding: 70px 0 !important; } .fp-mosaic-cut img { max-width: 100%; } .single-projects .unifiedcarousel .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex, .single-projects .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 26px; right: 165px; } .wp-block-column.footer-address.is-layout-flow.wp-container-core-column-is-layout-b0a662b0.wp-block-column-is-layout-flow { flex: 0 1 calc(33.3% - 30px) !important; margin-bottom: 30px; } .footer-address-trigger.has-p-font-size::after { top: 30px !important; right: 20px !important; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { #mega-menu > div > .wp-block-column.is-layout-flow.wp-container-core-column-is-layout-2c4c4768.wp-block-column-is-layout-flow { padding-bottom: 90px; } .wp-block-group.journal-width { padding: 60px 0 !important; } .single-post .entry-content .full-extension.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { max-width: 100%; } .home .swiperjournals.wp-block-group.is-style-default.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { padding-top: 70px !important; padding-bottom: 170px !important; } .blog .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow { max-width: 100% !important; } .wp-block-group.custom-max-sth.video-extender.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { max-width: 90%; } .single-post .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { max-width: 100% !important; } .mosaic-left-image { max-width: 100% } .mosaic-text { display: inline-block; } .single-post .full-extension .mosaic-text img { max-width: 100% !important; } .single-post .doccer { padding-left: 0; } .central-left h2 { font-size: 20px; padding-top: 20px; } .single-post .entry-content .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; margin: 0 auto; max-width: 90%; } .journal-width h1.wp-block-heading { hyphens: auto; overflow-wrap: break-word; word-break: normal; font-size: 39px !important; } .wp-block-group.is-style-default.wp-container-content-885d38d7.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.journal-width { max-width: 100%; } .midtext { max-width: 100%; margin: 0 auto !important; } .journeys { max-width: 100% !important; } html body.page-id-476 .wp-block-group.midtext.has-global-padding { max-width: 100%; margin: 0 auto !important; padding: 70px 0 !important; } #dream-masonry.dream-masonry-gallery { width: 100% !important; } html body .mosaic-text { width: 100% !important; } .single-post .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { max-width: 100%; } .wp-block-group.full-extension.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex { margin: 0 !important; width: 100% !important; } .is-layout-constrained.full-extension > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { width: calc(100% - 40px); } .wp-block-navigation__container.has-small-font-size.items-justified-right.wp-block-navigation li a span { font-size: 12px; display: inline-block; } .has-small-font-size.items-justified-right.wp-block-navigation.is-content-justification-right.is-layout-flex.wp-container-core-navigation-is-layout-74e018b8.wp-block-navigation-is-layout-flex ul { display: inline-block !important; } .has-small-font-size.items-justified-right.wp-block-navigation.is-content-justification-right.is-layout-flex.wp-container-core-navigation-is-layout-74e018b8.wp-block-navigation-is-layout-flex ul li { display: inline-block; margin: 0 10px; } .ftb { margin-left: 0 !important; margin-right: 0 !important; } .cl2 li { margin-left: 0 !important; } .anglx span { display: inline-block; width: 3px; } .cl, .cl2 { width: 100%; text-align: left; } html body .anglx { font-size: 12px !important; width: 100%; text-align: left; max-width: 100%; } .wp-block-navigation__container.has-small-font-size.items-justified-right.wp-block-navigation { justify-content: center; } .ftb { margin: 0 auto !important; width: 100%; display: flex; flex-wrap: wrap; } .cl, .cl2 { width: 100%; text-align: left; } .has-h-1-font-size { font-size: 35px !important; } #dream-masonry .gallery-item { margin-bottom: 10px; } .colx3.socpad > span { padding-left: 0px; display: inline-block; } footer .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content, .ftr-x { font-size: 15px !important; } html body .footer-address .footer-address-trigger { font-size: 16px !important; } .journal-cat-link, .dream-filters .filter-btn { border: 1px solid #000; background: #fff; padding: 10px 15px; margin: 4px 4px; cursor: pointer; transition: 0.3s; font-size: 14px; letter-spacing: 1.3px; display: inline-block; text-transform: uppercase; border-radius: 2px; } #dream-gallery { margin-top: 0; } .fp-header { margin-left: 0 !important; } .wp-block-group.is-style-contact-form { padding-left: 4.5% !important; padding-right: 4.5% !important; } .single-post .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { margin-left: 0% !important; } .single-post .entry-content .swiperjournals.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { width: 100%; padding-left: 0% !important; padding-right: 0% !important; } .single-post .doccer .wp-block-heading.has-h-3-font-size { margin-left: -3px !important; } .is-brand .wp-block-greenshift-blocks-swiper .swiper-button-prev, .is-brand .wp-block-greenshift-blocks-swiper .swiper-button-next {top: -45px !important;} .is-brand .projp { position: absolute; right: 114px; top: 127%; letter-spacing: 1.5px; cursor: pointer; } .is-brand .wp-block-greenshift-blocks-swiper { margin-top: 100px; } .single-projects .unifiedcarousel .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex, .single-projects .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 63px; right: 125px; } .wp-block-columns.are-vertically-aligned-center.has-black-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-1a7da8ce.wp-block-columns-is-layout-flex, .wp-block-columns.are-vertically-aligned-center.has-black-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-1a7da8ce.wp-block-columns-is-layout-flex, .wp-block-columns.are-vertically-aligned-center.has-black-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-4242d424.wp-block-columns-is-layout-flex, .wp-block-columns.are-vertically-aligned-center.has-black-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-1a7da8ce.wp-block-columns-is-layout-flex { width: 100%; } #mega-menu { padding-left: 5% !important; padding-right: 0% !important; } .swiperjournals.wp-block-group.is-style-default.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { overflow: visible; } .custom-max-sth { width: 100%; margin-left: auto; margin-right: auto; } .fp-mosaic-cut img { max-width: 100%; } html body .wp-block-group.midtext.has-global-padding { max-width: 89%; margin: 0 auto !important; padding: 70px 0 !important; } .gs_collapsible { max-width: 100%} html body .extra-top-padding { padding-top: 160px !important; } .wp-block-group.dream-into { max-width: 90%; margin: 0 auto; padding: 70px 0 !important; } .page-id-626 .is-style-projects-secondary.wp-block-post-template li { width: calc(100% - 0px); } .journal-swiper.swiper-horizontal.swiper-backface-hidden { width: 100%; max-width: 100% !important; margin-left: 0 !important; margin-bottom: -100px !important; position: relative; z-index: 5; } .central-left { padding: 0; } .mosaic-text-inner { padding: 0; } .dd-icon-text-item { padding: 0; width: 100%; margin-bottom: 30px; } .right-col { padding-top: 60px; } .small-banner .wp-block-group, .tiny-banner .wp-block-group { padding-left: 0; } .wp-block-group.journal-width { padding: 30px 0; } .swiperjournals.wp-block-group.is-style-default.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { padding-top: 70px !important; padding-bottom: 150px !important; } .wp-block-group.has-ivory-background-color.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { padding-top: 70px !important; padding-bottom: 70px !important; } .parallax-text.height-large { padding: 50px 0 !important; } .top-pad { padding-top: 70px !important; padding-bottom: 70px !important; } .wp-block-group.is-style-default.has-ivory-background-color.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.faq-top { padding-top: 60px !important; padding-bottom: 70px !important; } .wp-block-group.border-bottom-1.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.video-extender { padding-bottom: 50px !important; } html .projectgallery { margin-top: 94px !important; } .threecol { margin-top: -80px; } .dream-filters { display: inline-block !important; } .home footer.wp-block-template-part { padding-top: 0 !important; } .padded-container { padding: 70px 7.5%; } .appliance-partners-style .wp-block-group.is-vertical.is-layout-flex.wp-container-core-group-is-layout-fe45eeb5.wp-block-group-is-layout-flex { width: 100%; margin: 0 auto; } .gs_collapsible { padding: 0 0%; } .wp-block-buttons.is-content-justification-center.is-layout-flex.wp-container-core-buttons-is-layout-d6869502.wp-block-buttons-is-layout-flex { margin-top: 30px; } .single-projects footer.wp-block-template-part { margin-top: 0 !important; } #dream-masonry .gallery-item { width: 100% !important; } #dream-masonry.dream-masonry-gallery { width: 100%; } .wp-block-group.is-layout-flex.wp-container-core-group-is-layout-d91e941d.wp-block-group-is-layout-flex { padding: 50px 20px; margin-bottom: 50px; } .wp-block-group.is-layout-flex.wp-container-core-group-is-layout-d91e941d.wp-block-group-is-layout-flex { margin-bottom: 0 !important; } .page-id-476 footer.wp-block-template-part { margin-top: 0px !important; } .wp-block-query.ghub-query-id-0.is-layout-flow.wp-block-query-is-layout-flow { max-width: 100% !important; } .wp-block-separator { max-width: 100% !important; } #mega-menu { padding-top: 145px !important; } .home .max-width-end.wp-block-group.is-layout-flex.wp-block-group-is-layout-flex { margin-left: 0 !important; } .featured-partner-block { margin-top: 0; } .smallerirghtmenu .wp-block-navigation-item__label { font-size: 14px; } .bigmenu .wp-block-navigation-item__label { font-size: 25px; } .parallax-text { padding: 50px 0 !important; } .parallax-box { max-width: 100% !important; padding-right: 20px !important; padding-left: 20px !important; } .standard-button-white, .wp-block-button__link.has-black-color.has-white-background-color.has-text-color.has-background.has-link-color.wp-element-button { padding: 15px 15px; } .has-global-padding { padding-right: 20px !important; padding-left: 20px !important; } .home .video-extender .has-global-padding { padding-right: 20px !important; padding-left: 20px !important; } .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: none !important; } html body.single-post .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 90px !important; padding: 0 !important; margin-top: 0px !important; width: 100%; text-align: right; } .wp-block-group.video-extender.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-8cbdddde.wp-block-group-is-layout-constrained { padding-right: 0px !important; padding-left: 0px !important; } .has-global-padding .has-global-padding { padding: 0 !important; } .single-post .journal-swiper .swiper-button-next, .single-post .journal-swiper .swiper-button-prev { top: 56px !important; } .is-brand .project-others .swiper-button-next, .is-brand .project-others .swiper-button-prev { top: -46px !important; } .single-post .doccer .wp-block-heading.has-h-3-font-size::before { font-size: var(--wp--preset--font-size--h-3) !important; } .wp-block-greenshift-blocks-swiper .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex, .unifiedcarousel .wp-block-buttons.float-button.is-layout-flex.wp-block-buttons-is-layout-flex { position: absolute; right: 0; top: 74px; right: 140px; } .wp-block-greenshift-blocks-swiper .swiper-button-next, .wp-block-greenshift-blocks-swiper .swiper-button-prev, .unifiedcarousel .swiper-button-next, .unifiedcarousel .swiper-button-prev { top: 5px !important; } .unifiedcarousel .gs-swiper-init { padding-top: 30px !important; } .home .journal-swiper .swiper-button-next, .home .journal-swiper .swiper-button-prev { top: 84px !important; } .readd { font-size: 12px; top: -17px; left: 0; } html body.home .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 80px !important; padding: 0 !important; margin-top: -37px !important; text-align: right !important; float: right !important; width: 100%; } .sidebar-white .wp-block-group { margin-left: 0 !important; } .wp-block-group.dd-masonry-gallery.has-global-padding { padding-left: 0 !important; padding-right: 0 !important; } .dd-masonry-gallery .wp-block-gallery { width: 100%; margin: 0 !important; max-width: 100% !important; } .gs_collapsible .gs_title button { padding-right: 5% !important; } .single-projects .wp-block-column h2 { font-size: 24px !important; } .cky-consent-bar { border-radius: 0px !important; padding: 20px 0 !important; width: 100% !important; max-width: 100%; } .cky-btn.cky-btn-reject { width: auto; right: 30px; top: 0; } .page-id-442 footer.wp-block-template-part { margin-top: 0px !important; } .journeys { padding: 50px 8%; } .feature-block { width: 90%; margin: 0 auto; text-align: center; } .icon-wrap { margin-top: 40px; } .dream-two-column .feature-block p { margin-bottom: 10px; } .dream-two-column { flex-wrap: wrap !important; width: 100%; display: inline-block !important; } .left-col { width: 100%; } .right-col { width: 100%; } .journal-width { max-width: 85%; margin: 0 auto; } .wp-container-core-group-is-layout-d91e941d figure img { width: 100% !important} .wp-container-core-group-is-layout-d91e941d figure, .wp-container-core-group-is-layout-d91e941d wp-block-group { width: 100% !important; } .wp-container-core-group-is-layout-d91e941d figure { margin-bottom: 40px !important; } .wp-container-core-group-is-layout-d91e941d { display: inline-block !important; align-items: flex-start; flex-wrap: wrap; } .threecol { display: flex; flex-wrap: wrap; width: 100%; } .wp-block-group.ivory-background-section { padding-top: 70px !important; padding-bottom: 70px !important; } .wp-block-group.ivory-background-section.revcolumns.has-ivory-background-color.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { margin-bottom: 0 !important; } .page-id-508 footer.wp-block-template-part { margin-top: 0px !important; } .wp-block-group.border-bottom-1.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.video-extender { padding-left: 0 !important; padding-right: 0 !important; } .colx3 { width: 100%; padding-bottom: 20px; } .dd-masonry-gallery .wp-block-gallery figure { width: calc(100%) !important; margin: 0 0 10px 0 !important; padding: 0 !important; } .fbp { padding: 60px 20px; padding-bottom: 0; } .fp-header { flex-wrap: wrap; } .fp-heading { margin-top: 0; } .page-id-1064 footer.wp-block-template-part { margin-top: 0px !important; padding-top: 0px !important; } .visit-block .wp-block-columns { width: 100%; flex-wrap: wrap !important; } .dd-icon-text-wrapper { padding-bottom: 0; } .parallax-box { max-width: 80%; } .parallax-box h2 { font-size: 24px; line-height: 1.6; } .page-template-wp-custom-template-pre-footer-ct-as-without-showroom footer.wp-block-template-part { padding-top: 0; } .visit-block .wp-block-group { width: 100%; } .projectgallery { margin-top: 70px !important; } .dd-loadmore-btn { margin: 20px auto; } .post-type-archive-projects footer.wp-block-template-part { margin-top: 0px !important; padding-top: 0 !important; } .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained.video-extender { padding-left: 0px !important; padding-right: 0px !important; } .wp-block-group.dd-masonry-gallery.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained { padding-bottom: 40px !important; margin-top: 0; } .dream-into { padding: 0 5%; } .dd-social-icons { margin-top: 50px; } .wp-block-columns.menuboxcontainer.is-layout-flex.wp-container-core-columns-is-layout-33a597a1.wp-block-columns-is-layout-flex { width: 95%; } .type-projects .wp-block-cover.is-light.card-hover { height: 400px !important; } .service-blocks { width: 100%; margin: 0 auto; } .has-text-align-center.centered-sml { width: 100%; margin-bottom: 60px !important; } .wp-block-group.inner-cover-group.is-layout-flow.wp-block-group-is-layout-flow .wp-block-group { padding-left: 0; } .swiperjournals .wp-block-button__link.has-black-color.has-text-color.has-link-color { margin-right: 90px !important; margin-top: -24px; padding: 0; } .journal-swiper .swiper-button-next, .journal-swiper .swiper-button-prev { top: -60px; } .wp-block-template-part .wp-block-button__link.wp-element-button { letter-spacing: 0; } .wp-container-core-buttons-is-layout-c4e40886 { gap: 11px !important; } header .wp-block-button__link.has-white-color.has-transparent-background-color.has-text-color.has-background.has-link-color.has-p-font-size.has-custom-font-size.wp-element-button { border-radius: 2px; border: 1px solid #FFF; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(30px); padding: 15px 20px !important; font-size: 14px !important; width: 111px; } header .wp-block-buttons.is-layout-flex.wp-block-buttons-is-layout-flex.block-visibility-hide-small-screen.block-visibility-hide-extra-small-screen { margin: 0 6px; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .cky-consent-bar { padding: 20px 20px !important; } } .cky-btn-revisit-wrapper.cky-revisit-bottom-left { background: #000 !important; }