/*ELECTRA ENV*/ :root { --black: #223748; --gray: #DCE6E8; --white: #fff; --white-T: rgba(255, 255, 255, 0.30); --green: #57eea1; --blue-btn: #0081e3; --text: #496069; --text-on-dark: #DADEEB; --blue-bg: #13445D; --gray-stroke: #b4bcc2; --circle-stroke: rgba(19, 68, 93, 0.20); --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-21: 1.094vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-50: 2.604vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-70: 3.646vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-98: 5.104vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-114: 5.938vw; --gap-120: 6.25vw; --gap-140: 7.292vw; --gap-150: 7.813vw; --gap-156: 8.125vw; --gap-160: 8.333vw; --gap-165: 8.594vw; --gap-170: 8.854vw; --gap-180: 9.375vw; --gap-190: 9.896vw; --gap-195: 10.156vw; --gap-200: 10.417vw; --gap-210: 10.938vw; --gap-220: 11.458vw; --gap-240: 12.5vw; --gap-250: 13.021vw; --gap-260: 13.542vw; --gap-300: 15.625vw; --fs-13: 0.677vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-19: 0.99vw; --fs-20: 1.042vw; --fs-21: 1.094vw; --fs-22: 1.146vw; --fs-24: 1.25vw; --fs-25: 1.302vw; --fs-26: 1.354vw; --fs-28: 1.458vw; --fs-30: 1.563vw; --fs-31: 1.615vw; --fs-32: 1.667vw; --fs-44: 2.292vw; --fs-45: 2.344vw; --fs-48: 2.5vw; --fs-50: 2.604vw; --fs-55: 2.865vw; --fs-38: 1.979vw; fs-55: 2.865vw; --fs-72: 3.75vw; --fs-80: 4.167vw; --fs; CONTAIN-INTRINSI; --fs-56: 2.917vw; C-BLOCK-SIZE: AUTO 100PX; --fs-55: 2.865vw; --fs-88: 4.583vw; --fs-65: 3.385vw; --fs-90: 4.688vw; --fs-96: 5vw; --fs-120: 6.25vw; --fs-140: 7.292vw; --fs-160: 8.333vw; --fs-168: 8.75vw; --fs-170: 8.854vw; --fs-200: 10.417vw; --fs-240: 12.5vw; --font-1: 'NotoSansHebrew-Regular', sans-serif; --font-2: 'NotoSansHebrew-ExtraBold', 'Aspekta-550'; --font-3: 'Aspekta-550'; } /*------------------------------------------/* GENERAL /*------------------------------------------*/ html { font-size: 62.5%; overflow-x: clip; } body { opacity: 1; color: rgb(75 85 99); background: var(--white); transition: 0.3s opacity ease; font-family: var(--font-1) !important; /* line-height: 1; */ font-size: 2rem; zoom: 1 !important; position: relative; transition-delay: 0.5s; } body { font-size: clamp(15px, var(--fs-18),300px); font-family: var(--font-1); } body.shown { opacity: 1; } body, body.modal-open { padding: 0 !important; overflow: clip !important; } .plus-sign { display: none; } .modal { z-index: 10000; } .modal-backdrop.in { opacity: 0.5; } .gallery-cubes-modal { padding: 0 !important; } .gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; } .gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; } .gallery-cubes-modal .flexslider a.flex-next:before, .gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; } .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li), .project-inner-page .headline-wrapper .cstm-flds .field-row p, .section.sliding-cards .section-title h2, .circle-swiper .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(14px,var(--fs-19),300px); position: relative; line-height: 1.5; color: var(--text); letter-spacing: 0.38px; } .section-title, .grid-text-section .section-title { margin: 0; } #SiteContainer { position: relative; z-index: 1; } body:not(.home-page, .about, .contact) #SiteGrid { overflow-x: clip; padding-top: var(--headerHeight); } body:not(:has(#GridTop.noTopImage)) #SiteGrid { padding: 0; } #SiteGridContainer { position: relative; z-index: 2; } #GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; } #allSectionsWrapper { z-index: 2; background: var(--lpink); } .sections .section, section.section { margin-bottom: 0; /* background: transparent; */ padding: 0; max-width: var(--app-width); width: 100%; /* min-height: 100vh; */ } .grid-rows .grid-row { background: inherit; } .grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; } .grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container, .grid-short-box-image .image-container { position: relative; height: 100%; } .grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; } .grid-text.gridHasVideo .grid-iframe-holder video { width: 100%; } .grid-boxes { display: flex; margin: 0; width: 100%; } .grid-boxes .grid-box { margin: 0; padding: 0; } .grid-boxes .grid-box-subtitle { font-size: unset; } .grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; } .grid-boxes .grid-box-title h3 a { color: var(--dbrown)-; outline: none !important; transition: 0.3s ease all; } #lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; } #LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; } #text1 p:last-child { margin: 0; } #GridPage { padding: 0; background: var(--lpink); } #main-header .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width, .max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; } .grid-text-content, .grid-text .grid-text-content { opacity: initial; margin: 0; width: 100%; padding: 0; } .grid-text p { margin-top: 0; } b, strong { font-weight: unset; font-family: var(--font-2); } li::marker { color: var(--black); } a:hover, a:focus { color: inherit; } .container-fluid { padding: 0; } .gallery-container { width: 100%; } .gallery-cubes { display: flex; } .box-image-animation { outline: unset !important; } .box-image-animation:hover img { transform: none !important; } .box-image-animation img { } #GridPromo { width: 100%; margin: 0; padding: 0; } #CatalogModule { padding: 0; } .itemContentWrapper { margin: 0; } .catalogContainer.container { width: 100%; padding: 0; margin: 0; } .row { margin: 0; } .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after, .grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after, .gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; } /*.swiper-scrollbar.swiper-scrollbar-0 { display: none; }*/ #GridTop, #GridTop.blog { height: 32.292vw; background-repeat: no-repeat; background-size: contain; } #GridTop.noTopImage.longer { height: 0; overflow: hidden; } #home-gallery .scroll-down { display: none; } #player-controls { display: none; } .cartItemsCounter { background: var(--blue); } .cartItemsCounter span.CartItems { color: var(--white); left: 50%; top: 60%; } footer { padding: 0; display: block; position: relative; z-index: 1000; } #SiteFooter { float: none; } h1, .h1, h2, .h2, h3, .h3 { margin: 0; } #SiteGridContainer .newCatalogItemQuantity .item-quantity-options button svg { fill: white; /* width: 23px; */ } .st0 { fill: white !important; width: 5px; height: 43px; } .CatalogItemHowMuchDidYouSaved span.SavedAmountSpan:after, .itemBeforeDiscountPrice.hasDiscount:after { content: "₪"; font-size: 100%; } .gallery-cubes .image-link-container { display: none; } .blog-post { padding: 0; direction: ltr; } #LobbyModule .grid-boxes .grid-box-title h3 { font-size: unset; margin: 0; } :is(div,#LobbyModule) #lobbyview { display: flex; padding-block: var(--gap-80) var(--gap-120); } #BlogMain { padding-bottom: var(--gap-120); } .gallery-cubes .boxes-images-outer-image { border-radius: 6px; padding: 0; width: 100%; height: auto; aspect-ratio: 1.2; } .GridTop { width: calc(100% - var(--gap-24)); margin-inline: auto; margin-top: var( --gap-12); border-radius: 6px; } .GridTop:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: black; opacity: 0.4; } .line { overflow: hidden; direction: rtl; } .owl-carousel .owl-controls .owl-dot { width: 7px; height: 7px; background: white; border-radius: 9.3px; transition: 0.3s ease all; } .owl-carousel .owl-controls .owl-dot.active { width: 32px; } .swiper-pagination span.swiper-pagination-bullet { background: white !important; opacity: 1; border-radius: 9.33px; transition: 0.3s ease all; } .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; } #uni-toolbar:not(.uni-toolbar-disabled) #style_selector .style-toggle { top: 80% !important; left: 1vw !important; } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*240-BOLD*/ #home-gallery .gallery-caption .gallery-text h1 { font-size: clamp(100px,var(--fs-240),300px); font-family: var(--font-2); line-height: 0.69; letter-spacing: -7.2px; text-align: start; } /*96-BOLD*/ .section-title h2, .grid-rows .grid-row-text h2, #pageview :is(#text1, #text2) > h2, #headline h1, .grid-content-section.management .section-title h3, #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title h3, .project-inner-page .headline-wrapper .headline h1 { position: relative; display: block; max-width: 100%; width: 100%; font-family: var(--font-2); color: var(--black); line-height: 0.95; font-size: clamp(70px,var(--fs-96),300px); letter-spacing: -2.88px; text-align: start; margin: 0; overflow: hidden; } /*56-BOLD*/ :is(div, #allSectionsWrapper) > .section.boxes .grid-boxes .grid-box .grid-box-title h3 { font-size: clamp(56px,var(--fs-56),300px); line-height: 0.95; letter-spacing: -1.12px; font-family: var(--font-2); } /*44-BOLD*/ /*32-BOLD*/ .grid-row-section.grid-row-tabs .grid-row-cell-text .grid-row-text h3 { font-size: clamp(20px,var(--fs-32),300px); } /*28-BOLD*/ #home-gallery .gallery-caption.caption-text .gallery-text span, .project-inner-page .grid-row .text .quote-wrapper p.quote, .sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-title h3 a { font-size: clamp(20px,var(--fs-28),300px); font-family: var(--font-2); line-height: 1.2; letter-spacing: -0.28px; } /*26-BOLD*/ .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3, #allSectionsWrapper .section.grid-text-section.circle .section-title h2, .grid-content-section.management .section-title h2, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2, .section.grid-content-section:not(.boxes, .management) .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(16px,var(--fs-26),300px); font-family: var(--font-2); line-height: 1.2; color: var(--black); margin: 0; line-height: 1.15; letter-spacing: normal; } /*26-BOLD-GIVE-ICON*/ :is( .section:not(.blue-bg) .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3, #allSectionsWrapper .section.grid-text-section.circle .section-title h2, .grid-content-section.management .section-title h2, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2, .section.grid-content-section:not(.boxes, .cards, .management, .sliding-cards, .circle-swiper, .result, .projects) .grid-boxes .grid-box .grid-box-title h3 a, #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap > .section-topText h3 ):before { content: ""; width: 24px; height: auto; aspect-ratio: 1; display: inline-block; background-image: url("https://media.getmood.io/warehouse/dynamic/702883.svg"); vertical-align: top; margin-inline-end: var(--gap-10); } /*20-BOLD*/ .section.grid-content-section.management .grid-box-title h3 a, .form-container-wide #DynamicFormObject > * h3.dynamicFormObjectTitle, .grid-row-section.grid-row-tabs .section-title h2, .faq-headline span.faq-headline-title, .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3), .result .section-title h2, .section.grid-content-section.result .result-header-container h3 { font-size: clamp(12px,var(--fs-20),300px); color: var(--black); font-family: var(--font-2); display: block; line-height: 1.35; letter-spacing: 0.4px; } /*18-BOLD*/ .project-inner-page .grid-row .text h3 { font-size: clamp(14px,var(--fs-18),300px); line-height: 1.35; letter-spacing: 0.36px; color: var(--black); font-family: var(--font-2); } /*18-REG*/ :is(div,#LobbyModule) #lobbyview .lobby-text-container h2 { text-align: start; font-family: var(--font-2); font-size: clamp(18px,var(--fs-18),300px); line-height: 1.35; letter-spacing: 0.336px; margin: unset; color: var(--black); } /*17-BOLD*/ .boxes .grid-boxes .grid-box .grid-box-subtitle span, .cards .cards-header-wrap > .section-topText h3 { font-size: clamp(17px,var(--fs-17),300px); font-family: var(--font-2); line-height: 1.35; letter-spacing: 0.34px; } /*17-REG*/ .grid-content-section.management .grid-box-subtitle span, .faq-item-text :is(a, p), .boxes .grid-boxes .grid-box .grid-box-fulltext p, #main-header .header-container .header-right .menu-nav ul#menu li a, .sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-fulltext p, .section.grid-content-section.result .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(12px,var(--fs-17),300px); color: var(--black); display: block; line-height: 1.4; letter-spacing: 0.17px; font-family: var(--font-1); } /*BUTTONS*/ a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton { position: relative; height: 60px; align-content: center; border-radius: 47px; padding-inline: var(--gap-32); border: 1px solid var(--gray-stroke); background: white; color: var(--black); font-size: clamp(14px,var(--fs-19),300px); min-width: 160px; text-align: center; display: inline-block; } :is(a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton)::after { content: ""; width: 60px; height: auto; aspect-ratio: 1; display: block; position: absolute; right: 100%; bottom: 0; background-color: var(--green); border-radius: 50%; background-image: url("https://media.getmood.io/warehouse/dynamic/702652.svg"); background-position: left top; transition: 0.3s ease all; } /*TRANSITIONS*/ :is(.blog-post, .lobbyTextContainer h2, .footer-form .form-container-wide #DynamicFormObject, .gallery-text :is(h1,span), .section-topText :is(h3,p), .top-caption, footer, .section:not(.animated-photo) .section-title :is(h2,h3), #headline :is(h1), .grid-row-text :is(h2, p), #text1, #text2 :is(p), .grid-short-box, .grid-box-inner, .grid-box-text :is(h3,p), .grid-rows, .section:not(.sliding-cards) .grid-boxes, .section:not(.sliding-cards) .grid-box, .gallery-container, .gallery-cubes, .slick-slide, .grid-text-content :is(h2,p), .container-fluid:not(#SiteGridContainer)) { opacity: 0; transform: translateY(50px); transition: 0.6s ease all; transition-delay: 0.3s; } :is(.blog-post, .lobbyTextContainer h2, .footer-form .form-container-wide #DynamicFormObject, .gallery-text :is(h1,span), .section-topText :is(h3,p), .top-caption, footer, .section:not(.animated-photo) .section-title :is(h2,h3), #headline :is(h1), .grid-row-text :is(h2, p), #text1, #text2 :is(p), .grid-short-box, .grid-box-inner, .grid-box-text :is(h3,p), .grid-rows, .section:not(.sliding-cards) .grid-boxes, .section:not(.sliding-cards) .grid-box, .gallery-container, .gallery-cubes, .slick-slide, .grid-text-content :is(h2,p), .container-fluid:not(#SiteGridContainer)).shown { opacity: 1; transform: unset; } /*LEVEL 1*/ .gallery-text :is(h1), .animated-photo .section-title :is(h2), .grid-row-text :is(h2), #headline :is(h1) { transition-delay: 0.3s !important; } /*Level-2*/ .section-title h3, .lobbyTextContainer h2, .gallery-text :is(span), .grid-box-text :is(h3), .animated-photo .section-title :is(h3), .section-topText :is(h3), .grid-text-content :is(h2) { transition-delay: 0.7s !important;; } /*Level-3*/ #text2 :is(p), .grid-box-text :is(p,li), .section-topText :is(p), .grid-text-content :is(p), .grid-row-text :is(p) { transition-delay: 1s !important; } @media(min-width: 1025px) { :is(a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button,.grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button,a.tiny-btn, a.FormResultPageButton):hover { color: var(--black); background: white; } :is(a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button,a.tiny-btn, a.FormResultPageButton):hover::after { background-position: right bottom; } #uni-toolbar #style_selector .style-toggle { width: 50px !important; height: 50px !important; } #uni-toolbar #style_selector .uni-toolbar-sprite-toggle { width: 50px !important; height: 50px !important; } } @media(max-width: 1025px) { :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-12: 12px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-18: 18px; --fs-20: 20px; --fs-26: 26px; --fs-28: 28px; --fs-30: 30px; --fs-32: 32px; --fs-44: 44px; --fs-56: 56px; } .top-caption { position: absolute; transform: translateX(-50%); left: 50%; margin: 0; height: fit-content; justify-content: center; font-family: var(--font-2); } .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li) { font-size: 17px; line-height: 1.35; } .opacity-layer-slide { position: absolute; width: 100%; height: 100%; opacity: 0.2; background: black; z-index: 3; } h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) > h2, #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; } .faq-headline .button-open { /* display: none; */ } #GridTop, #GridTop.blog { height: auto; /* aspect-ratio: 1; */ height: 280px; position: relative; } .GridTop { width: calc(100% - var(--gap-12)); margin-top: var(--gap-6); } .sections .section, section.section { max-width: unset; } #PageBreadCrumps, .lobby-grid #PageBreadCrumps { font-size: var(--fs-16); padding: var(--gap-12) var(--gap-24) var(--gap-40); justify-content: normal; position: relative; } ul { padding-inline: 20px; } .categories-strip ul.hidden-xs { gap: var(--gap-4) var(--gap-8); padding: var(--gap-10) var(--gap-24); width: 100vw; flex-wrap: nowrap; overflow-x: auto; } .categories-strip ul.hidden-xs li a { font-size: var(--fs-16); } label.error, span.error {font-size:12px;} .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1%; } .swiper-pagination-bullet-active { background: var(--black) !important; } :is(div,#LobbyModule) #lobbyview #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; } .grid-text .grid-text-content h2, .grid-rows .grid-row-text h3 { font-size: 20px; letter-spacing: -0.4px; line-height: 1.2; } .owl-carousel .owl-item .item { padding: 0; border-radius: 6px; } #SiteGrid > div { position: relative; z-index: 1; } #uni-toolbar:not(.uni-toolbar-disabled) #style_selector .style-toggle { left: 12px !important; top: 90% !important; width: 40px !important; height: 40px !important; } #uni-toolbar #style_selector .uni-toolbar-sprite-toggle { width: 40px !important; height: 40px !important; } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*56-BOLD*/ #home-gallery .gallery-caption .gallery-text h1 { font-size: 56px; line-height: 1.05; letter-spacing: -0.56px; } /*42-BOLD-EN*/ /*30-BOLD*/ h2, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) > h2, #headline h1, #allSectionsWrapper .section.grid-text-section.circle .section-title > h2:nth-child(2), :is(div,#LobbyModule) #lobbyview .lobby-text-container #headline h1, .grid-content-section.management .section-title h3, #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title h3, .project-inner-page .headline-wrapper .headline h1 { font-size: 30px; line-height: 1.15; letter-spacing: unset; } /*26-BOLD*/ body.home-page .section.grid-row-section:first-child .section-title h2, .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p:has(strong) { font-size: 26px; line-height: 1.15; letter-spacing: unset; } /*20-BOLD*/ #home-gallery .gallery-caption.caption-text .gallery-text span { font-size: 20px; line-height: 1.35; letter-spacing: 0.4px; } /*17-BOLD*/ .boxes .grid-boxes .grid-box .grid-box-subtitle span, .cards .cards-header-wrap > .section-topText h3, .two-columns .grid-text .grid-text-content h2, #allSectionsWrapper .section.grid-text-section.circle .section-title h2, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2, .grid-content-section.management .section-title h2, #allSectionsWrapper .section.grid-content-section .grid-boxes .grid-box .grid-box-title h3 a, .section.grid-row-section .section-title h2, .section.grid-row-section.grid-row-tabs .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3, .blog-post .blog-post-content h2.blog-post-title a, .result .section-title h2, .section.grid-content-section.result .result-header-container h3 { font-size: clamp(17px, var(--fs-17), 300px); font-family: var(--font-2); line-height: 1.35; letter-spacing: 0.34px; } /*17-REG*/ .project-inner-page .headline-wrapper .cstm-flds .field-row p { font-size: 17px; line-height: 1.4; letter-spacing: 0.17px; } /*15-BOLD*/ .grid-content-section.management .grid-box-subtitle span { font-size: 15px; line-height: 1.4; letter-spacing: 0.15px; } /*15-REG*/ #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box .grid-box-title h3 a, { font-size: 48px; line-height: 0.95; letter-spacing: -0.96px; } .section.grid-content-section.result .grid-boxes .grid-box .grid-box-title h3 a { font-size: 15px; line-height: 1.4; letter-spacing: 0.15px; color: var(--black); } /*BUTTONS*/ a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton { font-size: 15px; line-height: 1.4; letter-spacing: 0.15px; min-width: 124px; height: 48px; } :is(a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton)::after { width: 48px; height: 48px; background-image: url("https://media.getmood.io/warehouse/dynamic/702884.svg"); background-position: center; background-repeat: no-repeat; } /**/ } /*------------------------------------------/* HEADER /*------------------------------------------*/ #main-header { background: none; transition: 0.3s ease all; } #main-header.bg { background: white; } #main-header .header-container { justify-content: flex-start; flex-direction: row-reverse; padding: var(--gap-20); } #main-header .header-container .header-left { margin-inline-end: auto; order: 3; width: 70%; } #main-header .header-container .header-left a.logoHeader { display: flex; gap: var(--gap-12); background-position: right; background-repeat: no-repeat; background-size: contain; } #main-header .header-container .header-left a.logoHeader:after { content: ""; width: 1px; height: 34px; display: inline-block; background: white; } #main-header .header-container .header-center { order: 1; padding-inline-start: var(--gap-24); } #main-header .header-container .header-center .header-buttons a { padding-block: var(--gap-8); padding-inline: var(--gap-24); display: block; min-height: var(--gap-50); align-content: center; background: var(--blue-btn); color: var(--white); border-radius: 40px; white-space: nowrap; } #main-header .header-container .header-right { order: 2; height: 100%; align-items: stretch; } #main-header .header-container .header-right .menu-nav { } #main-header .header-container .header-right .menu-nav ul#menu { gap: var(--gap-26); } #main-header .header-container .header-right .menu-nav ul#menu li a { transition: 0.3s ease all; } #main-header.bg .header-container .header-left a.logoHeader img { opacity: 0; } #main-header.bg .header-container .header-left a.logoHeader { background-image: url("https://media.getmood.io/warehouse/dynamic/702838.svg"); } #main-header.bg .header-container .header-left a.electra-logo-link { background-image: url(" https://media.getmood.io/warehouse/dynamic/710383.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } #main-header.bg .header-container .header-left a.electra-logo-link img { opacity: 0; } #main-header.bg .header-container .header-left a.logoHeader:after { background: var(--black); } body:has(.noTopImage) #main-header { background: white; } body:has(.noTopImage) #main-header .header-container .header-right .menu-nav ul#menu li a { transition: 0.3s ease all; color: var(--black); } body:has(.noTopImage) #main-header .header-container .header-left a.logoHeader img { opacity: 0; } body:has(.noTopImage) #main-header .header-container .header-left a.logoHeader { background-image: url("https://media.getmood.io/warehouse/dynamic/702838.svg"); } body:has(.noTopImage) #main-header .header-container .header-left a.electra-logo-link { background-image: url(" https://media.getmood.io/warehouse/dynamic/710383.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } body:has(.noTopImage) #main-header .header-container .header-left a.electra-logo-link img { opacity: 0; } body:has(.noTopImage) #main-header .header-container .header-left a.logoHeader:after { background: var(--black); } @media(max-width: 1025px) { #main-header .header-container .header-right .menu-nav ul#menu { height: fit-content; padding: 0; margin-top: calc(var(--headerHeight) + 5px); text-align: center; border-radius: 6px; width: calc(100% - 10px); right: 50%; opacity: 0; transform: translateX(50%); } #main-header .header-container .header-right .menu-nav ul#menu li a { padding: 12px; font-size: 17px; color: var(--black); } #main-header .header-container .header-right .menu-nav.open ul#menu { opacity: 1; } #main-header .header-container .header-center { display: none; } #main-header .header-container .header-left a img { width: 100%; } #main-header .header-container { padding-block: 12px 0; height: 64px; padding-inline-end: 12px; } #main-header .header-container .header-right { width: 64px; justify-content: center; background: white; border-radius: 4px; } #main-header .header-container .header-right .menu-nav { display: flex; } #main-header .header-container .header-right .menu-nav ul#menu .header-buttons { padding-block: 24px; } #main-header .header-container .header-right .menu-nav ul#menu .header-buttons a { background: var(--blue-btn); color: white; padding-inline: 24px; height: 48px; display: block; width: fit-content; margin-inline: auto; align-content: center; border-radius: 43px; } #main-header .header-container .header-right .menu-nav ul#menu li.social-mobile { display: none; } #main-header .header-container .header-right .menu-nav ul#menu li { border-bottom: 1px solid var(--gray); } #main-header.bg .header-container { padding-block: 6px; } #main-header.bg .header-container .header-right { background: var(--blue-btn); } body:has(.noTopImage) #main-header .header-container { padding-block: 6px; } body:has(.noTopImage) #main-header .header-container .header-right { background: var(--blue-btn); } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { background: var(--blue-btn); } .bg .menu-nav:not(.open) #nav-toggle span, .bg #nav-toggle span:before, .bg #nav-toggle span:after { background: var(--white); } body:has(.noTopImage) #nav-toggle span, body:has(.noTopImage) #nav-toggle span:before, body:has(.noTopImage) #nav-toggle span:after { background: white; } } @media(min-width: 1026px) { #main-header:not(.bg) .header-container .header-right .menu-nav ul#menu li a { color: var(--white); } } /*------------------------------------------/* HOME-GALLERY /*------------------------------------------*/ #home-gallery { direction: rtl !important; } #home-gallery .gallery-caption.caption-text { left: unset; transform: unset; width: 60%; right: var(--gap-165); top: 50%; transform: translateY(-50%); display: block; height: fit-content; } #home-gallery .gallery-caption.caption-text .gallery-text { font-size: unset; } #home-gallery .gallery-caption.caption-text .gallery-text span { margin-top: var(--gap-32); display: block; width: 50%; } @media(max-width: 1025px) { #home-gallery .gallery-caption.caption-text { width: 100%; top: 33%; right: 0; padding-inline: 20px; } #home-gallery .gallery-caption.caption-text .gallery-text { white-space: normal; } #home-gallery .gallery-caption.caption-text .gallery-text span { width: 100%; margin-top: 20px; } #home-gallery .gallery-caption .gallery-text h1 { padding-inline-end: 48px; } } /**/ /*------------------------------------------/* SECTIONS /*------------------------------------------*/ :is(div,#LobbyModule) #lobbyview > * { max-width: 50%; } :is(div,#LobbyModule) #lobbyview .lobby-text-container { padding-inline: var(--gap-120); } :is(div,#LobbyModule) #lobbyview .lobby-text-container #headline { font-size: unset; margin-bottom: var(--gap-32); } :is(div,#LobbyModule) #lobbyview .lobby-text-container #headline h1 { display: flex; width: fit-content; } :is(div,#LobbyModule) #lobbyview .lobby-text-container #lobbyText { margin-top: var(--gap-6); } :is(div,#LobbyModule) #lobbyview .lobby-text-container #lobbyText p { text-align: start; } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer { padding-top: var(--gap-20); /* padding-inline-end: var(--gap-240); */ /* max-width: 480px; */ } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #text2 { max-width: unset; text-align: start; padding-inline-end: var(--gap-240); } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2 { text-align: start; margin-bottom: var(--gap-24); } #allSectionsWrapper .section { background: white; position: relative; } #allSectionsWrapper .section.grid-row-section .section-title { padding: var(--gap-120); width: 75%; } #allSectionsWrapper .section.grid-text-section.animated-photo { min-height: 100vh; } #allSectionsWrapper .section.grid-text-section.animated-photo .section-title { display: block; height: 100%; overflow: visible; } #allSectionsWrapper .section.grid-text-section.animated-photo .section-title h2 { font-size: clamp(125px,var(--fs-170),300px); font-family: var(--font-3); text-transform: uppercase; text-align: center; letter-spacing: -5.1px; line-height: 0.9; padding: var(--gap-110) var(--gap-300); display: block; height: 100%; } #allSectionsWrapper .section.grid-text-section.animated-photo .section-title h2 span { color: var(--green); } #allSectionsWrapper .section.grid-text-section.animated-photo .section-title h2 div { /* position: absolute; */ width: 230px; height: 128px; display: inline-block; position: static; } #allSectionsWrapper .section.grid-text-section.animated-photo .section-title h2 div img { width: 100%; } #allSectionsWrapper .section.grid-text-section.animated-photo .section-title h2 div img { position: absolute; left: 0; bottom: 0; } #allSectionsWrapper .section.grid-text-section.two-columns { display: flex; padding-block: var(--gap-120); } #allSectionsWrapper .section.grid-text-section.two-columns .section-title { padding-inline-start: var(--gap-120); height: fit-content; } #allSectionsWrapper .section.grid-text-section.two-columns > * { flex: 1; } #allSectionsWrapper .section.grid-text-section.two-columns .grid-text { text-align: start; padding-inline-end: var(--gap-260); height: fit-content; } #allSectionsWrapper .section.grid-text-section.two-columns .grid-text .grid-text-content { } #allSectionsWrapper .section.grid-text-section.two-columns .grid-text .grid-text-content h2 { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.two-columns .grid-text a.sec-button { margin-top: var(--gap-40); } #allSectionsWrapper .section.grid-gallery-section { } #allSectionsWrapper .section.grid-gallery-section .gallery-container { padding-inline: var(--gap-120); } #allSectionsWrapper .section.grid-gallery-section .gallery-container .owl-controls { position: absolute; display: block; width: 100%; z-index: 1000; bottom: var(--gap-20); } #allSectionsWrapper .section.grid-gallery-section .gallery-container .owl-controls .owl-dots { position: static; } #allSectionsWrapper .section.grid-gallery-section .gallery-container img { border-radius: 6px; } #allSectionsWrapper .section.grid-row-section { } #allSectionsWrapper .section.grid-row-section .grid-row { position: relative; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.flexslider-box { display: block !important; width: 100%; position: sticky; top: var(--headerHeight); border-radius: 6px; overflow: hidden; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { display: inline-flex; /* width: fit-content; */ } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { width: 100%; padding-inline: var(--gap-240); } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3 { margin-bottom: var(--gap-20); } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p:has(img) { border-radius: 12px; overflow: hidden; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p img { width: 100%; object-fit: contain; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p:has(strong) { font-size: clamp(18px,var(--fs-28),300px); line-height: 1.2; letter-spacing: -0.28px; color: var(--black); } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { margin-top: var(--gap-40); } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .headings-wrapper { display: flex; flex-direction: column-reverse; margin-bottom: var(--gap-40); } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .headings-wrapper h3 { margin-bottom: var(--gap-12); } #allSectionsWrapper .section.grid-row-section .grid-rows { } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.reverse { direction: ltr !important; background: var(--gray); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.reverse .grid-row-cell.grid-row-cell-text { } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.reverse .grid-row-cell.grid-row-cell-text .grid-row-text { padding-block: var(--gap-200); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.reverse .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin-bottom: var(--gap-20); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.reverse .grid-row-cell.flexslider-box { padding: var(--gap-20); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.reverse .grid-row-cell.flexslider-box ul.slides { border-radius: 5px; overflow: hidden; } #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title { width: 100%; } #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title h2 { text-align: center; margin-bottom: var(--gap-20); } #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title h3 { text-align: center; margin-bottom: var(--gap-56); } #allSectionsWrapper .section.grid-row-section.grid-row-tabs .tabs-container { width: fit-content; margin-inline: auto; padding: var(--gap-6); background: var(--black); border-radius: var(--gap-40); display: flex; } #allSectionsWrapper .section.grid-row-section.grid-row-tabs .tabs-container button.tab-btn { background: none; border: none; color: var(--text-on-dark); padding: var(--gap-12) var(--gap-24); /* min-width: var(--gap-170); */ flex: 1; min-width: 230px; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-row-section.grid-row-tabs .tabs-container button.tab-btn.active { background: var(--green); color: var(--black); border-radius: var(--gap-50); } #allSectionsWrapper .section.grid-content-section.cards { background: var(--blue-bg); } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap { display: flex; padding-block: var(--gap-120); } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap > * { flex: 1; } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap .section-title { padding-inline: var(--gap-120); } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap .section-title h2 { color: white; } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap > .section-topText { text-align: right; padding-inline-end: var(--gap-260); } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap > .section-topText h3 { margin-bottom: var(--gap-24); color: white; } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap > .section-topText p { color: var(--text-on-dark); } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes { border-top: 1px solid var(--white-T); } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box { height: 378px; width: 206px; transition: 0.3s ease all; transition-delay: 0s !important; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box:not(:last-child) { border-inline-end: 1px solid var(--white-T); } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box-title { position: absolute; top: var(--gap-20); right: var(--gap-20); transition: 0.3s ease all; z-index: 2; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box-title h3 { font-size: unset; margin: 0; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box-title h3 a { color: var(--text-on-dark); display: block; text-align: start; font-family: var(--font-2); font-size: clamp(14px,var(--fs-19),300px); line-height: 1.1; letter-spacing: -0.38px; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box .grid-box-image { height: 100%; z-index: 1; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box .grid-box-image img { height: 100%; object-fit: cover; object-position: right; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box.active { width: 480px; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box.active::before { opacity: 0; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box.active .grid-box-title { padding-inline-end: var(--gap-150); } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box.active .grid-box-title h3 a { font-size: clamp(26px,var(--fs-32),300px); color: white; letter-spacing: -0.64px; line-height: 1.05; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box.active .grid-box-image { z-index: 2; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box .arrow { background-image: url("https://media.getmood.io/warehouse/dynamic/702652.svg"); display: block; width: var(--gap-60); height: auto; aspect-ratio: 1; background-color: var(--green); position: absolute; left: var(--gap-20); bottom: var(--gap-20); z-index: 2; background-position: top left; background-size: auto; background-repeat: no-repeat; border-radius: 50%; transition: 0.3s ease all; transform: scale(0.3); } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box.active .arrow { transform: unset; } #allSectionsWrapper .section.grid-content-section.management { padding-inline: var(--gap-120); padding-block: var(--gap-120); } #allSectionsWrapper .section.grid-content-section.management .section-title { margin-bottom: var(--gap-56); text-align: center; } #allSectionsWrapper .section.grid-content-section.management .section-title > * { text-align: center; } #allSectionsWrapper .section.grid-content-section.management .section-title h2 { margin-bottom: var(--gap-16); } #allSectionsWrapper .section.grid-content-section.management .grid-boxes { gap: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.management .grid-boxes .grid-box { text-align: start; } #allSectionsWrapper .section.grid-content-section.management .grid-boxes .grid-box .grid-box-image { } #allSectionsWrapper .section.grid-content-section.management .grid-boxes .grid-box .grid-box-image .grid-box-image-container { } #allSectionsWrapper .section.grid-content-section.management .grid-boxes .grid-box .grid-box-image .grid-box-image-container a { } #allSectionsWrapper .section.grid-content-section.management .grid-boxes .grid-box .grid-box-image .grid-box-image-container a img { height: auto; aspect-ratio: 1; border-radius: 6px; } #allSectionsWrapper .section.grid-content-section.management .grid-boxes .grid-box .grid-box-title { margin-top: var(--gap-20); } #allSectionsWrapper .section.grid-content-section.boxes { } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes { padding: var(--gap-120); gap: var(--gap-20); } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box { text-align: start; display: flex; flex-direction: column; padding-block: var(--gap-28) var(--gap-32); padding-inline: var(--gap-32) var(--gap-140); border-radius: 6px; border: 1px solid var(--gray-stroke); } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box .grid-box-title { order: 2; margin-bottom: var(--gap-16); } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box .grid-box-title h3 { } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box .grid-box-subtitle { order: 1; margin-bottom: var(--gap-40); } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box .grid-box-subtitle:before { content: ""; width: var(--gap-8); height: auto; aspect-ratio: 1; display: inline-block; background: var(--green); border-radius: 50%; vertical-align: middle; } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box .grid-box-subtitle span { } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box .grid-box-fulltext { order: 3; } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box .grid-box-fulltext p { font-size: 15px; line-height: 1.4; letter-spacing: 0.15px; } #allSectionsWrapper .section.grid-content-section.projects { padding-inline: var(--gap-120); padding-bottom: var(--gap-120); } #allSectionsWrapper .section.grid-content-section.projects .grid-boxes { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--gap-20); } #allSectionsWrapper .section.grid-content-section.projects .grid-boxes .grid-box { width: 100%; /* border-radius: 6px; */ /* overflow: hidden; */ position: relative; cursor: pointer; } #allSectionsWrapper .section.grid-content-section.projects .grid-boxes .grid-box .grid-box-image { border-radius: 6px; overflow: hidden; position: relative; } #allSectionsWrapper .section.grid-content-section.projects .grid-boxes .grid-box .grid-box-image:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 60%); } #allSectionsWrapper .section.grid-content-section.projects .grid-boxes .grid-box .grid-box-title { position: absolute; bottom: var(--gap-20); right: var(--gap-20); z-index: 1; max-width: 40%; text-align: start; } #allSectionsWrapper .section.grid-content-section.projects .grid-boxes .grid-box .grid-box-title h3 a { color: var(--white); } :is(.grid-box, .blog-post) .arrow { width: var(--gap-60); height: auto; aspect-ratio: 1; position: absolute; left: var(--gap-20); bottom: var(--gap-20); background-image: url("https://media.getmood.io/warehouse/dynamic/702885.svg"); z-index: 1; background-position: center; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.30); border-radius: 50%; transition: 0.3s background-position ease; background-size: inherit; z-index: 2; } #allSectionsWrapper .section.grid-content-section.result { padding: var(--gap-120); } #allSectionsWrapper .section.grid-content-section.result .section-title { display: block; margin-bottom: var(--gap-20); } #allSectionsWrapper .section.grid-content-section.result .section-title h2 { } #allSectionsWrapper .section.grid-content-section.result .grid-boxes { gap: var(--gap-20); } #allSectionsWrapper .section.grid-content-section.result .grid-boxes .grid-box { width: 320px; height: var(--gap-300); aspect-ratio: 1; background: white; border: 1px solid var(--text-on-dark); padding: var(--gap-20) var(--gap-24); text-align: start; display: flex; border-radius: 6px; } #allSectionsWrapper .section.grid-content-section.result .grid-boxes .grid-box:after { content: ""; width: var(--gap-24); height: auto; aspect-ratio: 1; background: url("https://media.getmood.io/warehouse/dynamic/702900.svg"); display: inline-block; background-position: center; background-repeat: no-repeat; position: absolute; left: var(--gap-20); top: var(--gap-20); } #allSectionsWrapper .section.grid-content-section.result .grid-boxes .grid-box .grid-box-title { width: 65%; margin-inline-end: auto; height: fit-content; margin-top: auto; } #allSectionsWrapper .section.grid-content-section.result .grid-boxes .grid-box .grid-box-title h3 { text-align: start; } #allSectionsWrapper .section.grid-content-section.result .grid-boxes .grid-box .grid-box-title h3 a { } #allSectionsWrapper .section.grid-content-section.result .grid-boxes .grid-box .grid-box-title span.grid-box-number { color: var(--black); font-family: var(--font-2); font-size: clamp(50px,var(--fs-72),300px); line-height: 0.8; margin-bottom: var(--gap-12); display: block; } #allSectionsWrapper .section.grid-content-section.result .result-header-container { padding-block: var(--gap-80) 0; } #allSectionsWrapper .section.grid-content-section.result .result-header-container .content-section-Btn { margin-top: var(--gap-40); } #allSectionsWrapper .section.grid-text-section.circle { padding-block: var(--gap-120); } #allSectionsWrapper .section.grid-text-section.circle .section-title { text-align: center; width: 80%; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section.circle .section-title > * { text-align: center; } #allSectionsWrapper .section.grid-text-section.circle .section-title > h2 { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.circle .section-title > h2:nth-child(2) { font-size: clamp(96px,var(--fs-96),300px); font-family: var(--font-2); margin-bottom: var(--gap-48); } #allSectionsWrapper .section.grid-text-section.circle .section-title > h2:nth-child(2):before { display: none !important; } #allSectionsWrapper .section.grid-text-section.circle .section-title .gridText1 { margin-bottom: var(--gap-56); width: 40%; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section.circle .grid-text { width: fit-content; height: fit-content; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section.circle .grid-text .grid-text-content { display: none; } #allSectionsWrapper .section.grid-text-section.circle .grid-text .grid-text-content h2 { } #allSectionsWrapper .section.grid-text-section.circle .grid-text .grid-text-content .gridText1 { } #allSectionsWrapper .section.grid-text-section.circle .grid-text .grid-text-content .gridText1 p { } #allSectionsWrapper .section.grid-text-section.circle .grid-text .gridTextImgContainer { background-position: center; background-repeat: no-repeat; width: 504px; height: 504px; aspect-ratio: 1; background-size: contain; } #allSectionsWrapper .section.grid-text-section.circle .grid-text .gridTextImgContainer img { height: 100%; } #allSectionsWrapper .section.grid-text-section.circle .grid-text .grid-text-content .gridText2 img { } #allSectionsWrapper .section.grid-form-section { } #allSectionsWrapper .section.grid-form-section.footer-form { /* height: 100vh; */ padding: var(--gap-20); } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide { display: flex; flex-direction: row-reverse; height: 100%; padding: var(--gap-80); border-radius: 5px; overflow: hidden; } #allSectionsWrapper .section.grid-form-section.footer-form .section-topText { z-index: 2; } #allSectionsWrapper .section.grid-form-section.footer-form .section-topText p { font-size: clamp(120px,var(--fs-160),300px); font-family: var(--font-2); text-transform: uppercase; line-height: 0.9; letter-spacing: -4.5px; text-align: end; color: white; } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide .gridFormImgContainer { height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 1; } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide #DynamicFormObject { display: flex; flex-direction: column; background: white; border: none; height: fit-content; padding: var(--gap-64); border-radius: 5px; z-index: 3; } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide #DynamicFormObject > * { width: 100%; text-align: start; padding: 0; margin-bottom: var(--gap-32); } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide #DynamicFormObject > * h3.dynamicFormObjectTitle { font-size: clamp(20px,var(--fs-20),300px); font-family: var(--font-2); letter-spacing: 0.4px; line-height: 1.35; color: var(--black); margin: 0; } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide #DynamicFormObject::after { display: none; } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { width: 100%; padding: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input { margin-bottom: var(--gap-12); border: 1px solid var(--gray-stroke); color: var(--text); font-size: clamp(14px, var(--fs-19), 300px); border-radius: 4px; height: var(--gap-52); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { right: 2%; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input::placeholder { color: var(--text); font-size: clamp(14px,var(--fs-19),300px); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { font-size: clamp(13px,var(--fs-17),300px); color: var(--text); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField input { margin: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { padding: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form .dynamicFormObjectField.textareaField .textarea-wrapper textarea { border: 1px solid var(--gray-stroke); padding: var(--gap-14); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form .dynamicFormObjectField.textareaField .textarea-wrapper textarea::placeholder { color: var(--text); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form .dynamicFormObjectField.textareaField .textarea-wrapper::before { right: 2%; top: 8%; } #allSectionsWrapper .blue-sections-container { background: var(--gray); position: relative; } #allSectionsWrapper .section.blue-bg { background: var(--gray); } #allSectionsWrapper .section.blue-bg.grid-text-section:not(.two-columns) { min-height: calc(100vh - var(--headerHeight)); align-content: center; } #allSectionsWrapper .section.blue-bg.grid-text-section .section-title { width: 55%; margin-inline: auto; text-align: center; } #allSectionsWrapper .section.blue-bg.grid-text-section .section-title h2 { text-align: center; } #allSectionsWrapper .section.blue-bg.grid-text-section#blue-bg4 { position: sticky; top: 0; } #allSectionsWrapper .section.blue-bg.grid-text-section.two-columns .section-title h2 { text-align: start; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards { height: 100vh; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .section-title { text-align: center; padding-block: var(--gap-140) var(--gap-80); } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .section-title h3 { font-size: clamp(140px, var(--fs-170), 300px); font-family: var(--font-3); text-transform: uppercase; text-align: center; letter-spacing: -5.1px; line-height: 0.9; display: block; height: 100%; color: var(--black); } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .section-title h2 { text-align: center; margin-bottom: var(--gap-10); font-family: var(--font-1); } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .section-title h2 span { font-family: var(--font-2); } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes { gap: var(--gap-20); width: 70%; margin-inline: auto; justify-content: center; height: 150vh; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes .grid-box { background: white; max-width: min(18.646vw,358px); text-align: start; height: fit-content; border-radius: 6px; overflow: hidden; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-text-container { padding: var(--gap-20); } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-title { margin-bottom: var(--gap-4); } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-text-container .grid-box-number { font-family: var(--font-2); font-size: clamp(13px,var(--fs-13),300px); width: var(--gap-40); height: auto; align-content: center; aspect-ratio: 1; text-align: center; margin-inline-start: auto; color: var( --black); background: var( --green); border-radius: 4px; margin-top: var( --gap-20); line-height: 0.8; letter-spacing: 0.91px; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper { min-height: 100vh; padding-block: var(--gap-180); } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .circle-wrapper { width: fit-content; height: fit-content; background-position: center; background-size: auto; background-repeat: no-repeat; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes { flex-direction: column; text-align: start; width: 333px; height: 150px; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes .swiper-wrapper { height: 150px; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes .grid-box { width: 100%; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes .grid-box .grid-box-title { } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes .grid-box .grid-box-title h3 { } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(44px,var(--fs-44),300px); } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes .grid-box .grid-box-subtitle { } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes .grid-box .grid-box-subtitle span { } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .wrapper { display: flex; align-items: center; flex-direction: row; justify-content: center; width: fit-content; margin-inline: auto; position: relative; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .wrapper .swiper-buttons-wrapper { display: flex; flex-direction: column; gap: var(--gap-12); width: fit-content; justify-content: center; align-items: center; position: absolute; right: 0; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .wrapper .swiper-buttons-wrapper :is(.swiper-button-prev,.swiper-button-next) { position: static; width: var(--gap-60); height: auto; aspect-ratio: 1; transform: unset; margin: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/702627.svg"); background-position: center; background-repeat: no-repeat; background-color: white; border-radius: 50%; left: 0; right: 0; top: 0; bottom: 0; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .wrapper .swiper-buttons-wrapper :is(.swiper-button-prev,.swiper-button-next):after { opacity: 0; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .wrapper .swiper-buttons-wrapper .swiper-button-next { transform: scale(-1); } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .section-title { } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .section-title h2 { text-align: center; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .circle-wrapper img { transition: 0.5s ease all; } @media(min-width: 1026px) { #allSectionsWrapper .section.section.grid-content-section.cards .grid-boxes .grid-box:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: var(--blue-bg); z-index: 2; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box.active .arrow:hover { background-position: bottom right; } :is(.grid-box, .blog-post):hover .arrow { /* background-color: var(--green); */ background-image: url("https://media.getmood.io/warehouse/dynamic/702652.svg"); /* transition: 0.3s ease all; */ } :is(.grid-box, .blog-post):hover .arrow { background-image: url("https://media.getmood.io/warehouse/dynamic/702652.svg"); background-size: auto; background-position: top left; background-color: var(--green); } :is(.grid-box, .blog-post):hover .arrow:hover { background-position: bottom right; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField span { left: 0; font-size: 14px; top: 20px; left: 8%; } } @media(max-width: 1025px) { :is(.grid-box, .blog-post) .arrow { width: var(--gap-32); background-size: auto; background-color: var(--green); background-image: url("https://media.getmood.io/warehouse/dynamic/702884.svg"); } :is(div,#LobbyModule) #lobbyview { flex-direction: column; padding-block: 56px; padding-inline: 20px; } :is(div,#LobbyModule) #lobbyview > * { max-width: 100%; width: 100%; } :is(div,#LobbyModule) #lobbyview .lobby-text-container { padding-inline: 0; } :is(div,#LobbyModule) #lobbyview .lobby-text-container #headline { margin-bottom: 0; } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #text2 { padding: 0; } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer h2 { margin-bottom: 20px; } #allSectionsWrapper .section.grid-row-section { width: 100%; } #allSectionsWrapper .section.grid-row-section .section-title { width: 100%; padding: 56px 24px; } #allSectionsWrapper .section.grid-row-section .grid-rows { display: flex; width: 100%; } #allSectionsWrapper .section.grid-row-section .grid-row { display: flex !important; flex-direction: column; width: 100%; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.flexslider-box { position: static; height: fit-content; padding-inline: 20px; border-radius: 6px; overflow: hidden; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.flexslider-box img { border-radius: 6px; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { display: flex !important; float: none !important; height: fit-content; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { padding: 56px 20px 32px; margin: 0; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p img { object-fit: cover; height: auto; border-radius: 6px; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .headings-wrapper { margin-bottom: 20px; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { margin-top: 32px; margin-inline: 0; } #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text p:has(strong) { font-size: 26px; line-height: 1.15; letter-spacing: unset; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.reverse .grid-row-cell.flexslider-box { padding: 6px; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.reverse .grid-row-cell.grid-row-cell-text .grid-row-text { padding-block: 56px; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row.reverse .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin: 0; } #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title { padding-inline: 0; padding-top: 0; } #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title h2 { margin-bottom: 8px; } #allSectionsWrapper .section.grid-row-section.grid-row-tabs .section-title h3 { margin-bottom: 32px; } #allSectionsWrapper .section.grid-row-section.grid-row-tabs .tabs-container button.tab-btn { min-width: unset; font-size: 15px; padding-inline: 16px; white-space: nowrap; } #allSectionsWrapper .section.grid-text-section.animated-photo { min-height: 100vh; overflow: visible; align-content: center; } #allSectionsWrapper .section.grid-text-section.animated-photo .section-title h2 { font-size: 42px; line-height: 1.05; letter-spacing: -0.42px; font-weight: bold; padding: 56px 20px; align-content: center; position: static; } #allSectionsWrapper .section.grid-text-section.animated-photo .section-title h2 div { width: 52px; height: 30px; } #allSectionsWrapper .section.grid-text-section.two-columns { flex-direction: column; padding-block: 56px; padding-inline: 20px; } #allSectionsWrapper .section.grid-text-section.two-columns .section-title { padding: 0; display: flex; margin-bottom: var(--gap-20); } #allSectionsWrapper .section.grid-text-section.two-columns .grid-text { padding: 0; } #allSectionsWrapper .section.grid-text-section.two-columns .grid-text a.sec-button { margin-top: 32px; } #allSectionsWrapper .section.grid-text-section.circle { padding-block: 56px; } #allSectionsWrapper .section.grid-text-section.circle .section-title > h2:nth-child(2) { font-size: 30px; line-height: 1.15; margin-bottom: 20px; } #allSectionsWrapper .section.grid-text-section.circle .section-title .gridText1 { width: 100%; } #allSectionsWrapper .section.grid-text-section.circle .grid-text .gridTextImgContainer { width: 335px; height: auto; aspect-ratio: 1; } #allSectionsWrapper .section.grid-form-section.footer-form { padding: 6px; } #allSectionsWrapper .section.grid-form-section.footer-form .section-topText { text-align: center; margin-bottom: var(--gap-56); } #allSectionsWrapper .section.grid-form-section.footer-form .section-topText p { font-size: 42px; text-align: center; line-height: 1.05; letter-spacing: -0.42px; } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide { flex-direction: column; padding-top: 56px; padding-bottom: 20px; padding-inline: 20px; } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide #DynamicFormObject { margin: 0; max-width: 100% !important; width: 100%; padding: 24px 20px; } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide #DynamicFormObject > * h3.dynamicFormObjectTitle { font-size: 17px; } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide #DynamicFormObject > .dynamicFormObjectTitleAndText { margin-bottom: 24px; } #allSectionsWrapper .section.grid-form-section.footer-form .form-container-wide #DynamicFormObject > .dynamicFormObjectFields { margin: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin-bottom: 20px; display: flex; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField input { height: 20px; width: auto; aspect-ratio: 1; border-bottom: 1px solid var(--gray-stroke); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField span { top: 17px; left: 19px; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form .dynamicFormObjectField.textareaField .textarea-wrapper textarea::placeholder { font-size: 14px; padding-inline: 4px; } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap { flex-direction: column; padding-block: 56px; padding-inline: 20px; } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap .section-title { padding: 0; display: flex; } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap > .section-topText h3 { margin-block: 20px; } #allSectionsWrapper .section.grid-content-section.cards .cards-header-wrap > .section-topText { padding: 0; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes { flex-direction: column; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box { width: 100%; height: fit-content; display: flex; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box .grid-box-title { position: relative; padding: 20px; top: unset; right: unset; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box .grid-box-title h3 { width: 88%; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box .grid-box-title h3 a { color: white; line-height: 1.15; letter-spacing: 0.32px; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box .grid-box-title span.grid-box-number { position: absolute; right: 20px; bottom: 20px; font-size: 12px; color: var(--text-on-dark); font-family: var(--font-1), sans-serif; letter-spacing: 0.12px; line-height: 1.4; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box .grid-box-image { padding: 6px; padding-inline-end: 0; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box .grid-box-image .grid-box-image-container a img { object-position: center; border-radius: 6px; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box > * { width: 50%; /* flex: 1; */ } #allSectionsWrapper .section.grid-content-section.management { padding-block: 56px; padding-inline: 0; } #allSectionsWrapper .section.grid-content-section.management .section-title h2 { margin-bottom: 8px; } #allSectionsWrapper .section.grid-content-section.management .section-title { margin-bottom: 32px; } #allSectionsWrapper .section.grid-content-section.management .grid-boxes { overflow: auto; padding-inline: var(--gap-20); gap: 6px; } #allSectionsWrapper .section.grid-content-section.management .grid-boxes .grid-box { min-width: 250px; } #allSectionsWrapper .section.grid-content-section.management .grid-boxes .grid-box .grid-box-title { margin-bottom: 4px; } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes { padding: 56px 20px; flex-direction: column; } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box { padding: 20px; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box:after { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/702884.svg"); width: var(--gap-32); height: auto; aspect-ratio: 1; position: absolute; background-color: var(--green); z-index: 1000; background-position: center; background-repeat: no-repeat; border-radius: 50%; bottom: 20px; left: 20px; } #allSectionsWrapper .section.grid-content-section.cards .grid-boxes .grid-box:not(:last-child) { border-block-end: 1px solid var(--white-T); } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box .grid-box-title { margin-bottom: 8px; } #allSectionsWrapper .section.grid-content-section.boxes .grid-boxes .grid-box .grid-box-title h3 a { font-size: 48px; line-height: 0.95; letter-spacing: -0.96px; } #allSectionsWrapper .section.grid-content-section.projects { padding-inline: 20px; } #allSectionsWrapper .section.grid-content-section.projects .grid-boxes { grid-template-columns: repeat(1,1fr); } #allSectionsWrapper .section.grid-content-section.projects .grid-boxes .grid-box .grid-box-title { max-width: 60%; } #allSectionsWrapper .section.grid-gallery-section .gallery-container { padding-inline: 20px; } #allSectionsWrapper .section.grid-gallery-section .gallery-container .owl-controls { bottom: 0px; } #allSectionsWrapper .section.grid-gallery-section .gallery-container img { height: 180px; object-fit: cover; } #allSectionsWrapper .section.blue-bg.grid-text-section#blue-bg4 { position: static; min-height: unset; } #allSectionsWrapper .section.blue-bg.grid-text-section .section-title { width: 100%; padding: 56px 20px; } #allSectionsWrapper .section.blue-bg.grid-text-section.two-columns { } #allSectionsWrapper .section.blue-bg.grid-text-section.two-columns#blue-bg\ two-columns7 { padding-block: 0; } #allSectionsWrapper .section.blue-bg.grid-text-section.two-columns#blue-bg\ two-columns7 .section-title { padding-inline: 0; padding-bottom: 0; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards { height: unset; padding-bottom: 56px; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .section-title { padding: 56px 20px; display: flex; flex-direction: column; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .section-title h2 { font-size: 17px; font-family: var(--font-1); line-height: 1.35; letter-spacing: 0.34px; margin-bottom: 8px; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .section-title h3 { font-size: 42px; line-height: 1.05; letter-spacing: -0.42px; font-family: var(--font-2); } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes { flex-direction: column; width: 100%; padding-inline: var(--gap-20); height: fit-content; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes .grid-box { max-width: 100%; display: flex; border-radius: 6px; overflow: hidden; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes .grid-box img { height: 100%; object-fit: cover; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes .grid-box > * { flex: 1; } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-image { } #allSectionsWrapper .section.blue-bg.grid-content-section.sliding-cards .grid-boxes .grid-box .grid-box-text-container { padding: 12px; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper { padding-block: 32px 0; min-height: 90vh; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .section-title { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .wrapper { flex-direction: column; /* min-height: 80vh; */ margin: 0; width: 100%; justify-content: space-between; gap: var(--gap-24); } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .wrapper:nth-child(4) { display: none; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .wrapper .swiper-buttons-wrapper { /* right: 50%; */ /* bottom: 23%; */ flex-direction: row; /* transform: translateX(50%); */ position: unset; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .wrapper .swiper-buttons-wrapper :is(.swiper-button-prev,.swiper-button-next) { transform: rotate(-90deg); width: 40px; height: 40px; aspect-ratio: 1; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .wrapper .swiper-buttons-wrapper .swiper-button-prev { transform: rotate(90deg); } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .circle-wrapper { /* position: absolute; */ top: -30%; /* transform: scale(0.6); */ } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .circle-wrapper img { /* width: 334px; */ height: auto; aspect-ratio: 1; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes { /* position: absolute; */ /* bottom: 3%; */ text-align: center; height: 80px; height: unset; order: 1; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes .grid-box .grid-box-title h3 a { font-size: 18px; line-height: 1.35; letter-spacing: 0.36px; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes .grid-box .grid-box-title { margin-bottom: 4px; } #allSectionsWrapper .section.blue-bg.grid-content-section.circle-swiper .grid-boxes .grid-box .grid-box-subtitle span { font-size: 17px; letter-spacing: 0.17px; line-height: 1.4; } #allSectionsWrapper .section.grid-content-section.result { padding-inline: 20px; padding-block: 56px; } #allSectionsWrapper .section.grid-content-section.result .section-title { margin-bottom: 16px; } #allSectionsWrapper .section.grid-content-section.result .grid-boxes { display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; } #allSectionsWrapper .section.grid-content-section.result .grid-boxes .grid-box { width: calc(50% - 3px); height: 200px; padding: 20px 20px 12px 12px; } #allSectionsWrapper .section.grid-content-section.result .grid-boxes .grid-box:after { top: unset; bottom: 12px; left: 12px; } #allSectionsWrapper .section.grid-content-section.result .grid-boxes .grid-box .grid-box-title { margin-top: unset; width: 100%; } #allSectionsWrapper .section.grid-content-section.result .result-header-container { padding-block: 32px 0; text-align: start; } #allSectionsWrapper .section.grid-content-section.result .result-header-container .content-section-Btn { margin-top: 32px; } #allSectionsWrapper .section.grid-content-section.result .result-header-container h3 { width: 90%; } } /**/ /*----------------------------------------/* FOOTER /*----------------------------------------*/ #SiteFooter { background: var(--blue-bg); color: white; } #SiteFooter .footer-text-divided { display: flex; flex-wrap: wrap; padding-block: 0; } #SiteFooter .footer-text-divided .footer-text-left { padding-block: var(--gap-80) 0; padding-inline: var(--gap-20) var(--gap-120); } #SiteFooter .footer-text-divided .footer-text-left p { color: var(--text-on-dark); font-family: var(--font-1),sans-serif; } #SiteFooter .footer-text-divided .footer-text-right { display: flex; flex: 1; padding: var(--gap-80) var(--gap-120); gap: var(--gap-50); border-inline-end: 1px solid var(--white-T); } #SiteFooter .footer-text-divided .footer-text-right ul { list-style: none; padding: 0; } #SiteFooter .footer-text-divided .footer-text-right ul li { margin-bottom: var(--gap-6); } #SiteFooter .footer-text-divided .footer-text-middle { order: 1; width: 100%; padding: var(--gap-24) var(--gap-120); display: flex; justify-content: space-between; border-top: 1px solid var(--white-T); } #SiteFooter .footer-text-divided .footer-text-middle ul { margin: 0; display: flex; list-style: none; padding: 0; gap: var(--gap-32); color: var(--text-on-dark); } #SiteFooter .footer-text-divided .footer-text-right ul li:not(:first-child, :last-child) { color: var(--text-on-dark); font-family: var(--font-1), sans-serif; } #SiteFooter .footer-text-divided .footer-text-right ul li:last-child { display: flex; width: fit-content; } #SiteFooter .footer-text-divided .footer-text-right ul li:last-child a { padding: var(--gap-14) var(--gap-32); border: 1px solid var(--white-T); border-radius: 43px; } #SiteFooter .footer-text-divided .footer-text-right ul li:has(img) { padding-block: 32px; } @media(min-width: 1026px) { } @media(max-width: 1025px) { #SiteFooter .footer-text-divided { flex-direction: column; } #SiteFooter .footer-text-divided .footer-text-left { display: block; width: 100%; text-align: center; padding: 0; padding-block: 56px; padding-inline: 20px; order: 1; border-bottom: 1px solid rgba(255, 255, 255, 0.30); } #SiteFooter .footer-text-divided .footer-text-left p { font-size: 17px; } #SiteFooter .footer-text-divided .footer-text-right { flex-direction: column; padding-inline: 20px; width: 100%; gap: 32px; order: 2; padding-block: 32px; } #SiteFooter .footer-text-divided .footer-text-right ul { margin: 0; } #SiteFooter .footer-text-divided .footer-text-right ul li { font-size: 18px; } #SiteFooter .footer-text-divided .footer-text-right ul li:not(:first-child, :last-child) { font-size: 17px; margin: 0; } #SiteFooter .footer-text-divided .footer-text-right ul li:has(img) { padding-block: 20px; } #SiteFooter .footer-text-divided .footer-text-right ul li:last-child a { padding-inline: 24px; font-size: 15px; } #SiteFooter .footer-text-divided .footer-text-middle { order: 3; padding: 0; flex-direction: column-reverse; } #SiteFooter .footer-text-divided .footer-text-middle ul { flex-wrap: wrap; gap: 8px 24px; padding: 20px; border-bottom: 1px solid var(--white-T); font-family: var(--font-1), sans-serif; } #SiteFooter .footer-text-divided .footer-text-middle ul li { font-size: 17px; } #SiteFooter .footer-text-divided .footer-text-middle p { display: flex; padding: 20px; color: var(--text-on-dark); font-size: 17px; } } /**/ /*----------------------------------------/* PAGES /*----------------------------------------*/ body.about #allSectionsWrapper .section.grid-row-section { padding: var(--gap-120); } body.about #allSectionsWrapper .section.grid-row-section .grid-row { direction: ltr !important; } body.about #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { padding-inline: 0 var(--gap-160); } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs { padding-inline: var(--gap-20) 0; } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-rows { } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-rows .grid-row { direction: unset !important; } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { vertical-align: top; } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { padding-inline: var(--gap-240); } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { display: none; } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3 { margin: 0; } body.contact #allSectionsWrapper .section.grid-faq-section { margin-bottom: var(--gap-40); } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq { max-width: unset; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner { } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group { margin: 0; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item { margin-bottom: var(--gap-8) !important; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { padding-block: var(--gap-14); /* font-family: var(--font-2); */ /* color: var(--black); */ background: rgba(235, 239, 240, 0.50); } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline span.faq-headline-title { font-family: var(--font-2); color: var(--black); position: relative; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline span.faq-headline-title:after { content: ""; position: absolute; height: auto; width: var(--gap-36); aspect-ratio: 1; display: block; left: 0; bottom: 50%; transform: translateY(50%); background-image: url( "https://media.getmood.io/warehouse/dynamic/701813.svg"); background-position: center; background-repeat: no-repeat; background-size: auto; background-color: white; border-radius: 50%; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i { display: none; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item a { display: inline-block; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg { } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject { padding: 0; padding-inline: var(--gap-240); outline: none; border: none; float: left; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject::after { display: none; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject .dynamicFormObjectFields { padding: 0; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input { border-radius: 0; border: unset; box-shadow: unset; border-bottom: 1px solid var(--black); /* padding-inline: 0; */ } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { right: 0; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input::placeholder { color: #727582; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField .textarea-wrapper textarea { border: none; box-shadow: unset; padding-block: 0; width: 100%; border-bottom: 1px solid var(--black); border-radius: 0; margin-bottom: var(--gap-20); } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField .textarea-wrapper textarea::placeholder { color: #727582; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField .textarea-wrapper::before { top: 0; right: 0; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { text-align: start; margin-bottom: var(--gap-32); display: flex; gap: var(--gap-10); } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { margin: 0; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField span.error { left: -23%; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { padding: 0; text-align: start; } .faq-body > div .faq-item-text p a.move-site { padding: var(--gap-14) var(--gap-32); border: 1px solid var(--white-T); border-radius: 43px; /* margin-top: var(--gap-12); */ border: 1px solid var(--gray-stroke); } .faq-body > div .faq-item-text p { margin-bottom: 12px; } @media(max-width: 1025px) { body.about #allSectionsWrapper .section.grid-row-section { padding: 0; } body.about #allSectionsWrapper .section.grid-row-section .grid-row { flex-direction: column-reverse; } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-row .grid-row-cell.flexslider-box { padding: 0; } body.about #allSectionsWrapper .section.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { padding-inline: 20px; padding-bottom: 32px; } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs { padding: 56px 20px; } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-rows { flex-direction: column; gap: 56px; } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-rows .grid-row { flex-direction: column; gap: 32px; } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-rows .grid-row:not(.active) { display: none !important; } body.about #allSectionsWrapper .section.grid-row-section.grid-row-tabs .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { padding: 0; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide.gridFormWithImg #DynamicFormObject { padding-inline: 20px; max-width: 100% !important; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper input::placeholder { font-size: 17px; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.textareaField .textarea-wrapper textarea::placeholder { font-size: 17px; } body.contact #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField span.error { font-size: 13px; top: 19px; left: unset; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { font-size: 17px; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline span.faq-headline-title { font-size: 17px; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body { } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-item-text { } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-item-text p { font-family: var(--font-1), sans-serif; font-size: 15px; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-item-text p a { font-size: 15px; font-family: var(--font-1),sans-serif; } body.contact #allSectionsWrapper .section.grid-faq-section .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-item-text p:has(a:nth-child(3)) { margin-top: 10px; } body.contact :is(div,#LobbyModule) #lobbyview .lobby-text-container #headline { margin-bottom: 20px; } body.contact :is(div,#LobbyModule) #lobbyview .lobby-text-container #headline h1 { color: var(--black); } :is(div,#LobbyModule) #lobbyview .lobby-text-container #lobbyText p { font-family: var(--font-1), sans-serif; } } /**/ /*------------------------------------------/* ACCESSABILITY PAGE /*------------------------------------------*/ .accessabilityMainPage #GridTop { display: none; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 40.5vw; margin: 0 auto var(--gap-120); display: flex; flex-direction: column; text-align: start !important; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline { font-size: 100%; margin: 0; text-align: start; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { margin-block: var(--gap-120); text-align: center; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #subheadline h2 { text-align: right; margin-bottom: var(--gap-36); } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) { max-width: 100%; display: grid; text-align: right; padding-inline: 20px; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { margin-bottom: var(--gap-16); margin-top: var(--gap-66); } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3):first-child { margin-top: 0; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) { padding-inline-start: var(--gap-20); margin: 0; display: flex; flex-direction: column; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol) :is(ul,ol) { padding-inline-start: 0; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(ul,ol):has(+ p, + ul, + ol), .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(p, ul,ol):has(+ ul, + ol) { margin-bottom: var(--gap-24); } @media(min-width: 1025px) { } @media(max-width: 1025px) { .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) { max-width: 100%; margin: 0 auto var(--gap-64); } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) #headline h1 { font-size: var(--fs-26); margin: 0 0 var(--gap-12); } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-size: 18px; margin-bottom: 10px; } } /*------------------------------------------/* BLOGS LOBBY PAGE /*------------------------------------------*/ .blog-post { position: relative; border-radius: 6px; overflow: hidden; } .blog-post:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%); ColorsColor formatHexBackground colors; z-index: 1; pointer-events:none; } .blog-post .blog-post-content { position: absolute; bottom: 0; width: 100%; /* padding: var(--gap-20); */ /* padding-top: var(--gap-120); */ z-index: 2; } .blog-post .blog-post-content > * { padding: 0; text-align: end; color: white; } .blog-post .blog-post-content .blog-post-icons { margin-top: var(--gap-4); margin-bottom: 0; display: none; } .blog-post .blog-post-content > .blog-post-title { font-size: clamp(26px,var(--fs-26),300px); font-family: var(--font-2); } .blog-post .blog-post-content > .blog-post-title a { display: block; padding: var(--gap-20); padding-top: var(--gap-120); } .blog-post .blog-post-image img { border-radius: 6px; } .blogmain-header:has(#headline) { display: flex; flex-direction: row-reverse; /* padding-inline: var(--gap-120); */ padding-block: var(--gap-120); } .blogmain-header > * { flex: 1; } .blogmain-header > #headline { } .blogmain-header > #headline h1 { text-align: end; padding-inline: var(--gap-120); } .blogmain-header #text1 { max-width: 100%; margin: 0; text-align: start; padding-top: var(--gap-24); } .blogmain-header #text1 p { padding-inline-end: var(--gap-240); } #TagView { padding-bottom: var(--gap-140); } #BlogModule .blog-posts { display: grid; grid-template-columns: repeat(2,1fr); padding-inline: var(--gap-120); gap: var(--gap-20); } .blog-posts .blog-post .blog-post-image a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 60%); } @media(max-width: 1025px) { .blog-post .blog-post-content { position: absolute; padding: 12px; } .blog-post .blog-post-content > h2.blog-post-title { color: var(--white); } .blogmain-header:has(#headline) { flex-direction: column; padding-block: 56px; padding-inline: 20px; } .blogmain-header > #headline h1 { display: block; padding-inline: 0; } .blogmain-header > #headline { font-size: unset; margin: 0; } .blogmain-header #text1 p { padding: 0; } #BlogModule .blog-posts { gap: 20px; padding-inline: 20px; grid-template-columns: repeat(1,1fr); } #BlogModule .blog-posts .blog-post .blog-post-content { position: absolute; padding: 12px; } #BlogModule .blog-posts .blog-post .blog-post-content > h2.blog-post-title { color: white; } } @media(min-width: 1025px) { .blog-tags nav.blog-tags-list ul { display: flex; justify-content: center; background: var(--black); width: fit-content; border-radius: var(--gap-40); margin-inline: auto; padding: var(--gap-6); } .blog-tags nav.blog-tags-list li.blog-tag { margin: 0; } .blog-tags nav.blog-tags-list li.blog-tag a { background: none; border: none; color: var(--text-on-dark); padding: var(--gap-12) var(--gap-24); /* min-width: var(--gap-170); */ flex: 1; min-width: 230px; transition: 0.3s ease all; display: inline-block; } .blog-tags nav.blog-tags-list li.blog-tag.active { background: var(--green); border-radius: var(--gap-50); } .blog-tags nav.blog-tags-list li.blog-tag.active a { color: var(--black); border-radius: var(--gap-50); } } /*------------------------------------------/* PROJECT INNER PAGE /*------------------------------------------*/ .project-inner-page { } .project-inner-page .headline-wrapper { display: flex; justify-content: center; padding-block: var(--gap-80) var(--gap-120); } .project-inner-page .headline-wrapper > * { flex: 1; } .project-inner-page .headline-wrapper .headline { padding-inline: var(--gap-120) var(--gap-200); } .project-inner-page .headline-wrapper .headline h1 { } .project-inner-page .headline-wrapper .cstm-flds { display: flex; flex-direction: column; padding-top: var(--gap-24); padding-inline: var(--gap-240) var(--gap-200); max-width: 50%; } .project-inner-page .headline-wrapper .cstm-flds .field-row { padding-bottom: var(--gap-12); display: flex; justify-content: space-between; border-bottom: 1px solid var(--gray); } .project-inner-page .headline-wrapper .cstm-flds .field-row p { flex: 1; } .project-inner-page .headline-wrapper .cstm-flds .field-row:not(:first-child) { margin-top: var(--gap-8); } .project-inner-page .grid-row { display: flex; width: 100%; padding-bottom: var(--gap-120); position: relative; } .project-inner-page .grid-row .project-pic-boxes { width: 50%; height: auto; aspect-ratio: 1; position: sticky; top: calc(var(--headerHeight) + var(--gap-20)); height: fit-content; } .project-inner-page .grid-row .project-pic-boxes .gallery-cubes { padding-inline-start: var(--gap-20); } .project-inner-page .grid-row .text { padding-inline: var(--gap-240); } .project-inner-page .grid-row .text .quote-wrapper { } .project-inner-page .grid-row .text .quote-wrapper:before { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/701935.svg"); display: block; width: var(--gap-52); height: var(--gap-44); position: relative; background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: var(--gap-20); } .project-inner-page .grid-row .text .quote-wrapper p.quote { margin-bottom: var(--gap-12); } #allSectionsWrapper .blog-related-posts.section { padding-inline-start: var(--gap-120); } #allSectionsWrapper .blog-related-posts.section .section-title { margin-bottom: var(--gap-56); } #allSectionsWrapper .blog-related-posts.section .gallery-container { float: unset; } #allSectionsWrapper .blog-related-posts.section .gallery-container .blog-posts.gallery-cubes { } #allSectionsWrapper .blog-related-posts.section .gallery-container .blog-posts.gallery-cubes > div { max-width: 43.229vw; } #allSectionsWrapper .blog-related-posts.section .gallery-container .blog-posts.gallery-cubes > div .image-link-container { display: block; opacity: 1; height: fit-content; top: unset; } #allSectionsWrapper .section.grid-blog { padding: var(--gap-120); padding-inline-end: 0; } #allSectionsWrapper .section.grid-blog .section-title { margin-bottom: var(--gap-56); } #allSectionsWrapper .section.grid-blog .grid-boxes.grid-boxes-blog .blog-post { max-width: 43.229vw; } @media(max-width: 1025px) { #allSectionsWrapper .section.grid-blog { padding: 56px 20px; padding-inline-end: 0; } #allSectionsWrapper .section.grid-blog .section-title { margin-bottom: 32px; } #allSectionsWrapper .section.grid-blog .grid-boxes.grid-boxes-blog .blog-post { max-width: 250px; min-width: 250px; border-radius: 10px; overflow: hidden; } #allSectionsWrapper .section.grid-blog .grid-boxes .arrow { display: none; } #allSectionsWrapper .section.grid-blog .grid-boxes.grid-boxes-blog { gap: 6px; overflow-x: auto; } #allSectionsWrapper .blog-related-posts.section { padding-inline-start: 20px; } #allSectionsWrapper .blog-related-posts.section .section-title { margin-bottom: 32px; } #allSectionsWrapper .blog-related-posts.section .gallery-container .blog-posts.gallery-cubes { overflow-x: auto; gap: var(--gap-6); } #allSectionsWrapper .blog-related-posts.section .gallery-container .blog-posts.gallery-cubes > div { max-width: 250px; min-width: 250px; } #allSectionsWrapper .blog-related-posts.section .gallery-container .blog-posts.gallery-cubes > div h2.blog-post-title a { padding: 0; } #allSectionsWrapper .blog-related-posts :is(.grid-box, .blog-post) .arrow { display: none; } .project-inner-page .headline-wrapper { flex-direction: column; padding-inline: 20px; padding-block: 56px; } .project-inner-page .headline-wrapper .headline { padding-inline: 0; } .project-inner-page .headline-wrapper .cstm-flds { padding-inline: 0; width: 100%; max-width: 100%; } .project-inner-page .grid-row { flex-direction: column; padding-bottom: 56px; } .project-inner-page .grid-row .project-pic-boxes { width: 100%; padding-inline: 6px; position: static; } .project-inner-page .grid-row .project-pic-boxes .gallery-cubes { padding-inline: 0; } .project-inner-page .grid-row .text { padding: 20px; } .project-inner-page .grid-row .text .quote-wrapper { margin-top: 32px; } .project-inner-page .grid-row .text .quote-wrapper p.quote { font-size: 26px; color: var(--black); } } @media(min-width: 1025px) { .project-inner-page .grid-row > * { width: 50%; } } /*------------------------------------------/* FORM RESULT PAGE /*------------------------------------------*/ body.FormResultPage #SiteGridContainer { align-content: center; text-align: center; } body.FormResultPage #SiteGridContainer #headline { text-align: center; font-size: unset; margin-bottom: 40px; } body.FormResultPage #SiteGridContainer #headline h1 { text-align: center; } a.FormResultPageButton { /* position: static !important; */ margin-inline-end: 45px; margin-top: 40px !important; }