/* Theme Name: Bankside Description: Bankside Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266 Author: NineTwo Author URI: https://ninetwo.design/ Template: salient Version: 1.0 */ /* Font Family : Mini Grotesl Extra */ @font-face { font-family: 'Mint Grotesk Extra'; src: url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBold.eot'); src: url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBold.eot?#iefix') format('embedded-opentype'), url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBold.woff2') format('woff2'), url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBold.woff') format('woff'), url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBold.ttf') format('truetype'), url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBold.svg#MintGrotesk-ExtraBold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Mint Grotesk Extra'; src: url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBoldItalic.eot'); src: url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBoldItalic.woff2') format('woff2'), url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBoldItalic.woff') format('woff'), url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBoldItalic.ttf') format('truetype'), url('assest/fonts/mintgrotesk-extra-bold/MintGrotesk-ExtraBoldItalic.svg#MintGrotesk-ExtraBoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } /* Font Family : Mini Grotesl Regular */ @font-face { font-family: 'Mint Grotesk'; src: url('assest/fonts/mintgrotesk-regular/MintGrotesk-Regular.eot'); src: url('assest/fonts/mintgrotesk-regular/MintGrotesk-Regular.eot?#iefix') format('embedded-opentype'), url('assest/fonts/mintgrotesk-regular/MintGrotesk-Regular.woff2') format('woff2'), url('assest/fonts/mintgrotesk-regular/MintGrotesk-Regular.woff') format('woff'), url('assest/fonts/mintgrotesk-regular/MintGrotesk-Regular.ttf') format('truetype'), url('assest/fonts/mintgrotesk-regular/MintGrotesk-Regular.svg#MintGrotesk-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Mint Grotesk'; src: url('assest/fonts/mintgrotesk-regular/MintGrotesk-Italic.eot'); src: url('assest/fonts/mintgrotesk-regular/MintGrotesk-Italic.eot?#iefix') format('embedded-opentype'), url('assest/fonts/mintgrotesk-regular/MintGrotesk-Italic.woff2') format('woff2'), url('assest/fonts/mintgrotesk-regular/MintGrotesk-Italic.woff') format('woff'), url('assest/fonts/mintgrotesk-regular/MintGrotesk-Italic.ttf') format('truetype'), url('assest/fonts/mintgrotesk-regular/MintGrotesk-Italic.svg#MintGrotesk-Italic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } /* Font Family : Recife Text Light */ @font-face { font-family: 'Recife Text Web'; src: url('assest/fonts/recife-light/RecifeTextWeb-Light.eot'); src: url('assest/fonts/recife-light/RecifeTextWeb-Light.eot?#iefix') format('embedded-opentype'), url('assest/fonts/recife-light/RecifeTextWeb-Light.woff2') format('woff2'), url('assest/fonts/recife-light/RecifeTextWeb-Light.woff') format('woff'), url('assest/fonts/recife-light/RecifeTextWeb-Light.ttf') format('truetype'), url('assest/fonts/recife-light/RecifeTextWeb-Light.svg#RecifeTextWeb-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } /* Font Family : Recife Text Regular */ @font-face { font-family: 'Recife Text Web'; src: url('assest/fonts/recife-regular/RecifeTextWeb-Regular.eot'); src: url('assest/fonts/recife-regular/RecifeTextWeb-Regular.eot?#iefix') format('embedded-opentype'), url('assest/fonts/recife-regular/RecifeTextWeb-Regular.woff2') format('woff2'), url('assest/fonts/recife-regular/RecifeTextWeb-Regular.woff') format('woff'), url('assest/fonts/recife-regular/RecifeTextWeb-Regular.ttf') format('truetype'), url('assest/fonts/recife-regular/RecifeTextWeb-Regular.svg#RecifeTextWeb-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* Start Common CSS */ p { padding-bottom: 14px; } h1, #page-header-bg h1, body h1, body .row .col.section-title h1, .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2, body #error-404 h1, [data-inherit-heading-family="h1"] { line-height: 93.333% !important; } h2, #page-header-bg h2, body h2, article.post .post-header h2, article.post.quote .post-content h2, article.post.link .post-content h2, #call-to-action span, .woocommerce .full-width-tabs #reviews h3, .row .col.section-title h2, .nectar_single_testimonial[data-style="bold"] p, .woocommerce-account .woocommerce>#customer_login .nectar-form-controls .control, body #error-404 h2, .woocommerce-page .woocommerce p.cart-empty, .nectar-ext-menu-item .inherit-h2 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h2, #mobile-menu .nectar-ext-menu-item .inherit-h2, #ajax-content-wrap .nectar-inherit-h2, #header-outer .nectar-inherit-h2, [data-inherit-heading-family="h2"], .nectar-quick-view-box div.product h1.product_title.nectar-inherit-h2 { line-height: 127% !important; } h3, body h3, .row .col h3, .toggle>h3.toggle-title a, .ascend #respond h3, .ascend h3#comments, .woocommerce ul.products li.product.text_on_hover h3, .masonry.classic_enhanced .masonry-blog-item h3.title, .woocommerce ul.products li.product.material h3, .woocommerce-page ul.products li.product.material h3, .portfolio-items[data-ps="8"] .col h3, .nectar-hor-list-item[data-font-family="h3"], .woocommerce ul.products li.product h2, .nectar-quick-view-box h1, .nectar-ext-menu-item .inherit-h3 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h3, #mobile-menu .nectar-ext-menu-item .inherit-h3, #ajax-content-wrap .nectar-inherit-h3, #header-outer .nectar-inherit-h3, [data-inherit-heading-family="h3"], .nectar-quick-view-box div.product h1.product_title.nectar-inherit-h3, .nectar-quick-view-box div.product .summary p.price.nectar-inherit-h3, body.woocommerce div.product p.price.nectar-inherit-h3 ins { line-height: 125% !important; } h4, body h4, .row .col h4, .portfolio-items .work-meta h4, .list-icon-holder[data-icon_type="numerical"] span, .portfolio-items .col.span_3 .work-meta h4, #respond h3, .blog-recent.related-posts h3.title, h3#comments, .portfolio-items[data-ps="6"] .work-meta h4, .nectar-hor-list-item[data-font-family="h4"], .toggles[data-style="minimal_small"] .toggle>h3 a, .woocommerce #reviews #reply-title, p.woocommerce.add_to_cart_inline>span.woocommerce-Price-amount, p.woocommerce.add_to_cart_inline ins>span.woocommerce-Price-amount, #header-outer .total, #header-outer .total strong, .nectar-ext-menu-item .inherit-h4 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h4, #mobile-menu .nectar-ext-menu-item .inherit-h4, .nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .cart_list .product-meta a:not(.remove), .woocommerce-cart .product-name a, #ajax-content-wrap .nectar-inherit-h4, #header-outer .nectar-inherit-h4, .archive.woocommerce .container-wrap>.main-content #sidebar>.header h4, [data-inherit-heading-family="h4"], .nectar-quick-view-box div.product h1.product_title.nectar-inherit-h4, .nectar-quick-view-box div.product .summary p.price.nectar-inherit-h4, body.woocommerce div.product p.price.nectar-inherit-h4 ins { line-height: 125% !important; } h5 { line-height: 131% !important; } h6 { line-height: 131% !important; } body { line-height: 170% !important; } .flickity-prev-next-button svg { display: none; } body .flickity-prev-next-button::after, body .flickity-prev-next-button::before { content: unset !important; } .flickity-prev-next-button:hover { opacity: 0.8; } .flickity-prev-next-button { width: 46px !important; height: 46px !important; background: url('data:image/svg+xml,') center no-repeat !important; background-size: 35px !important; top: unset !important; bottom: -34px !important; } .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next { transform: rotate(270deg); } .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous { transform: rotate(90deg); } @media screen and (min-width: 1920px) { /* Start Common CSS */ .container { max-width: 1920px; padding: 0 35px; margin: 0 auto; } body, .toggle h3 a, body .ui-widget, table, select, .bar_graph li span strong, #slide-out-widget-area .tagcloud a, body .container .woocommerce-message a.button, #search-results .result .title span, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, .row .col.section-title .nectar-love span, body .nectar-love span, body .nectar-social .nectar-love .nectar-love-count, body .carousel-heading h2, .sharing-default-minimal .nectar-social .social-text, body .sharing-default-minimal .nectar-love, .widget ul.nectar_widget[class*="nectar_blog_posts_"]>li .post-date, .single [data-post-hs="default_minimal"] #single-below-header span, .single .heading-title[data-header-style="default_minimal"] #single-below-header span, #header-outer .nectar-image-link-widget .image-link-content span, #slide-out-widget-area.fullscreen .nectar-image-link-widget .image-link-content span, #slide-out-widget-area.fullscreen-alt .nectar-image-link-widget .image-link-content span, .nectar-header-text-content, #slide-out-widget-area .nectar-ext-menu-item .menu-item-desc, .woocommerce-checkout-review-order-table .product-info .product-quantity, #ajax-content-wrap .nectar-shop-header-bottom .widget_layered_nav_filters ul li a, #ajax-content-wrap .nectar-sticky-tabs .wpb_tabs_nav li .menu-content>a { font-size: 20px; } h1, #page-header-bg h1, body h1, body .row .col.section-title h1, .full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2, body #error-404 h1, [data-inherit-heading-family="h1"] { font-size: 180px; } h2, #page-header-bg h2, body h2, article.post .post-header h2, article.post.quote .post-content h2, article.post.link .post-content h2, #call-to-action span, .woocommerce .full-width-tabs #reviews h3, .row .col.section-title h2, .nectar_single_testimonial[data-style="bold"] p, .woocommerce-account .woocommerce>#customer_login .nectar-form-controls .control, body #error-404 h2, .woocommerce-page .woocommerce p.cart-empty, .nectar-ext-menu-item .inherit-h2 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h2, #mobile-menu .nectar-ext-menu-item .inherit-h2, #ajax-content-wrap .nectar-inherit-h2, #header-outer .nectar-inherit-h2, [data-inherit-heading-family="h2"], .nectar-quick-view-box div.product h1.product_title.nectar-inherit-h2 { font-size: 64px; } h3, body h3, .row .col h3, .toggle>h3.toggle-title a, .ascend #respond h3, .ascend h3#comments, .woocommerce ul.products li.product.text_on_hover h3, .masonry.classic_enhanced .masonry-blog-item h3.title, .woocommerce ul.products li.product.material h3, .woocommerce-page ul.products li.product.material h3, .portfolio-items[data-ps="8"] .col h3, .nectar-hor-list-item[data-font-family="h3"], .woocommerce ul.products li.product h2, .nectar-quick-view-box h1, .nectar-ext-menu-item .inherit-h3 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h3, #mobile-menu .nectar-ext-menu-item .inherit-h3, #ajax-content-wrap .nectar-inherit-h3, #header-outer .nectar-inherit-h3, [data-inherit-heading-family="h3"], .nectar-quick-view-box div.product h1.product_title.nectar-inherit-h3, .nectar-quick-view-box div.product .summary p.price.nectar-inherit-h3, body.woocommerce div.product p.price.nectar-inherit-h3 ins { font-size: 58px; } h4, body h4, .row .col h4, .portfolio-items .work-meta h4, .list-icon-holder[data-icon_type="numerical"] span, .portfolio-items .col.span_3 .work-meta h4, #respond h3, .blog-recent.related-posts h3.title, h3#comments, .portfolio-items[data-ps="6"] .work-meta h4, .nectar-hor-list-item[data-font-family="h4"], .toggles[data-style="minimal_small"] .toggle>h3 a, .woocommerce #reviews #reply-title, p.woocommerce.add_to_cart_inline>span.woocommerce-Price-amount, p.woocommerce.add_to_cart_inline ins>span.woocommerce-Price-amount, #header-outer .total, #header-outer .total strong, .nectar-ext-menu-item .inherit-h4 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h4, #mobile-menu .nectar-ext-menu-item .inherit-h4, .nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart .cart_list .product-meta a:not(.remove), .woocommerce-cart .product-name a, #ajax-content-wrap .nectar-inherit-h4, #header-outer .nectar-inherit-h4, .archive.woocommerce .container-wrap>.main-content #sidebar>.header h4, [data-inherit-heading-family="h4"], .nectar-quick-view-box div.product h1.product_title.nectar-inherit-h4, .nectar-quick-view-box div.product .summary p.price.nectar-inherit-h4, body.woocommerce div.product p.price.nectar-inherit-h4 ins { font-size: 53px; } h5, body h5, .row .col h5, .portfolio-items .work-item.style-3-alt p, .nectar-hor-list-item[data-font-family="h5"], .nectar-ext-menu-item .inherit-h5 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h5, #ajax-content-wrap .nectar-inherit-h5, #header-outer .nectar-inherit-h5, [data-inherit-heading-family="h5"], .nectar-quick-view-box div.product h1.product_title.nectar-inherit-h5, .nectar-quick-view-box div.product .summary p.price.nectar-inherit-h5, body.woocommerce div.product p.price.nectar-inherit-h5 ins { font-size: 34px; } h6, body h6, .row .col h6, .nectar-hor-list-item[data-font-family="h6"], .nectar-ext-menu-item .inherit-h6 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h6, #ajax-content-wrap .nectar-inherit-h6, #header-outer .nectar-inherit-h6, [data-inherit-heading-family="h6"], .nectar-quick-view-box div.product .summary p.price.nectar-inherit-h6, body.woocommerce div.product p.price.nectar-inherit-h6 ins { font-size: 32px; } /* End Common CSS */ /* Story 7 = buildings break boundaries in bankside */ } /* End Common CSS */ /* Start Header CSS */ #header-outer[data-full-width=true] header>.container { max-width: 1425px; } body.parent-pageid-2 div#header-outer { box-shadow: none !important; } body #header-outer[data-lhe=animated_underline] #top nav>ul>li:not([class*=button_])>a .menu-title-text:after { transition: none !important; } header ul li a, #header-outer.transparent #top nav>ul>li>a, #header-outer.transparent #top nav>.sf-menu>li>a { opacity: 1; } #header-outer.transparent.simple-ocm-open #top #logo, body #header-outer.scrolled-down.simple-ocm-open #top #logo, body #header-outer.scrolled-down.simple-ocm-open #top #logo:hover, body #header-outer.small-nav.simple-ocm-open #top #logo, body #header-outer.small-nav.simple-ocm-open #top #logo:hover { color: #fff !important; } #header-outer header .nectar-menu-icon-img { margin-bottom: 0; width: 26%; } .slide-out-widget-area-toggle i { display: none; } .slide-out-widget-area-toggle.mobile-icon a>span, #top .slide-out-widget-area-toggle a .close-wrap { width: 39px; height: 39px; } #top .slide-out-widget-area-toggle a .close-wrap { background-color: transparent; border-radius: 100%; } body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line { background-color: #fff !important; } body.material.mobile #header-outer header .slide-out-widget-area-toggle a .close-line { background-color: #000 !important; height: 40px !important; left: 18px !important; top: 0px !important; } #header-outer #top .slide-out-widget-area-toggle a.open .lines:after, #header-outer #top .slide-out-widget-area-toggle a.open .lines:before, #header-outer #top .slide-out-widget-area-toggle a.open .lines-button:after, #header-outer.transparent[data-permanent-transparent="false"].dark-slide #top .slide-out-widget-area-toggle.mobile-icon a.open i:before, #header-outer.transparent[data-permanent-transparent="false"].dark-slide #top .slide-out-widget-area-toggle.mobile-icon a.open i:after { background-color: transparent !important; } body.material.mobile #header-outer header .slide-out-widget-area-toggle a .close-line, body.material.mobile #header-outer:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line, #search-outer .close-wrap .close-line, #header-outer:not(.transparent) #top .slide-out-widget-area-toggle .close-line { background-color: #fff !important; } #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after { top: 10px; } body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before { top: 21px; } .slide-out-widget-area-toggle.mobile-icon .lines-button:after, .slide-out-widget-area-toggle.mobile-icon .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines:before { width: 39px !important; } #top .slide-out-widget-area-toggle a span, #header-outer .slide-out-widget-area-toggle .lines, #header-outer .slide-out-widget-area-toggle .lines-button, #header-outer .slide-out-widget-area-toggle .lines:after, #header-outer .slide-out-widget-area-toggle .lines:before { width: 39px; } body #header-outer #top nav ul .menu-item-type-custom.current-menu-item a span.menu-title-text:after { border: 0; } body #header-outer #top nav ul .menu-item-type-custom a { margin-right: 0; } body.home #header-outer { display: none; } #fp-nav.tooltip ul { display: flex; flex-direction: column; gap: 6px; } #fp-nav.tooltip ul li a>span { height: 9px !important; width: 9px !important; background-color: rgb(255 255 255 / 42%); box-shadow: unset !important; } #fp-nav.tooltip ul li a, .tooltip .fp-slidesNav ul li a { padding: 12px; -webkit-animation: unset; } #fp-nav.tooltip ul li a span, .tooltip .fp-slidesNav ul li a span { -webkit-animation: unset; animation: unset; } #fp-nav.tooltip ul li a.active { border: 1px solid #fff; } #fp-nav.tooltip ul li a { border: 1px solid transparent; border-radius: 100%; position: relative; -webkit-transition: -webkit-transform .1s ease-in-out, border-color .2s ease .3s, box-shadow .25s ease-out; -moz-transition: transform .1s ease-in-out, border-color .2s ease .3s, box-shadow .25s ease-out; -o-transition: transform .1s ease-in-out, border-color .2s ease .3s, box-shadow .25s ease-out; transition: transform .1s ease-in-out, border-color .2s ease .3s, box-shadow .25s ease-out; } #fp-nav.tooltip ul li a span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; margin: 0; } #fp-nav.tooltip ul li a.active span { background-color: #fff !important; margin: 0; } #header-outer .left-aligned-ocm .lines:before, body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before, body[data-slide-out-widget-area-style=slide-out-from-right-hover] .slide-out-widget-area-toggle.mobile-icon .lines:before { width: 100% !important; } body div#mobile-menu { margin-top: -19px; } .show-mobile { display: none !important; } #search-outer:not(.material-open) .close-line1, .nectar-close-btn-wrap:not(.open) .nectar-close-btn .close-line1, .slide-out-widget-area-toggle a:not(.open) .close-line1, .slide_out_area_close .close-line1, .style_slide_in_click:not(.open) .close-cart .close-line1 { transform: rotate(-45deg); animation-name: unset; animation-delay: 0s; animation-duration: 0s; } #search-outer:not(.material-open) .close-line2, .nectar-close-btn-wrap:not(.open) .nectar-close-btn .close-line2, .slide-out-widget-area-toggle a:not(.open) .close-line2, .slide_out_area_close .close-line2, .style_slide_in_click:not(.open) .close-cart .close-line2 { transform: rotate(45deg); -webkit-animation-name: unset; animation-name: unset; animation-duration: unset; } #search-outer.material-open .close-line2, .material-ocm-open.slide_out_area_close .close-line2, .slide-out-widget-area-toggle .open .close-line2, #search-outer.material-open .close-line1, .material-ocm-open.slide_out_area_close .close-line1, .slide-out-widget-area-toggle .open .close-line1 { animation-name: unset; animation-delay: unset; animation-duration: unset; } #search-outer.material-open .close-wrap .close-line1, .material-ocm-open.slide_out_area_close .close-wrap .close-line1, .nectar-close-btn-wrap.open .nectar-close-btn .close-line1, .slide-out-widget-area-toggle .open .close-line1, .style_slide_in_click.open .close-cart .close-line1 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #search-outer.material-open .close-wrap .close-line2, .material-ocm-open.slide_out_area_close .close-wrap .close-line2, .nectar-close-btn-wrap.open .nectar-close-btn .close-line2, .slide-out-widget-area-toggle .open .close-line2, .style_slide_in_click.open .close-cart .close-line2 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #top .span_9>.slide-out-widget-area-toggle>div .open { margin-top: 0; display: block; } #top .span_9>.slide-out-widget-area-toggle>div .open .lines-button { visibility: hidden; } #header-outer ul.sf-menu>li.menu-item-has-icon:nth-child(2)>a { justify-content: flex-end; } /* End Header CSS */ /* Start Footer CSS */ .footer-section .widget_nav_menu ul li a, .footer-section .footer-left-col .vc_column-inner>.wpb_wrapper p, .footer-section .footer-bottom p { font-family: 'Mint Grotesk'; } body.home .footer-section .footer-bottom { padding-top: 0 !important; } .footer-left-col .vc_column-inner>.wpb_wrapper h5 { margin-bottom: 10px; } .footer-section .nectar-scrolling-text-inner ul { display: flex; gap: 40px; flex-wrap: nowrap; font-size: 24px; text-transform: uppercase; font-family: 'Mint Grotesk'; font-weight: 400; } .footer-left-col .vc_column-inner>.wpb_wrapper { display: flex; flex-wrap: wrap; column-gap: 4%; } .footer-left-col .vc_column-inner>.wpb_wrapper p { line-height: 158%; padding-bottom: 0; } .footer-left-col .vc_column-inner>.wpb_wrapper a { opacity: 1 !important; } .footer-left-col .vc_column-inner>.wpb_wrapper p:last-child a { text-decoration: underline; } .footer-left-col .vc_column-inner>.wpb_wrapper a:hover { opacity: 0.7 !important; } .footer-left-col .footer-left-txt { width: 100%; } .footer-section .footer-bottom .img-with-aniamtion-wrap .hover-wrap { margin-bottom: 28px; } .footer-section .footer-bottom p { color: #6C6C6C; font-size: 16px; font-weight: 400; line-height: normal; letter-spacing: -0.16px; } .footer-right-col { max-width: 400px; margin-left: auto !important; } .footer-right-col ul { /* -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; */ margin-left: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; } .footer-right-col ul li { list-style: none; width: 50%; } .footer-right-col .hover-wrap { margin-bottom: 47px; } .material .footer-right-col ul li a { font-size: 20px; line-height: 131%; position: relative; list-style: none; padding-left: 32px !important; } .material .footer-right-col ul li a:hover { color: #fff !important; opacity: 0.7; } .footer-right-col ul li a:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 23px; height: 23px; background-image: url('data:image/svg+xml,'); background-size: 18px; background-repeat: no-repeat; background-position: center; } .footer-left-col .wpb_text_column:first-child { margin-bottom: 35px; } .nectar-global-section.nectar_hook_global_section_footer { z-index: 0; } .footer-section .current-menu-item a { position: relative; } .footer-section .current-menu-item a:after { position: absolute; display: block; right: 0; border-top: 2px solid #000; content: ""; padding-bottom: inherit; transform-origin: 0 0; transition: transform .35s cubic-bezier(.52,.01,.16,1); bottom: -3px; border-color: #FFFFFF; width: calc(100% - 32px); } /* End Footer CSS */ /* Start Home page CSS */ .home .nectar_video_lightbox .inner-wrap.inner { background-image: url('data:image/svg+xml,'); background-size: 40px; width: 40px; height: 40px; } .home .nectar_video_lightbox .inner-wrap.inner:after, .home .nectar_video_lightbox .inner-wrap.inner:before { content: unset; } .home .nectar_video_lightbox .inner-wrap.inner svg { display: none; } .home .fancybox-slide { padding: 0; } .down-arrow { position: fixed !important; bottom: 50px; left: 50%; transform: translateX(-50%) !important; cursor: pointer; } .innovative-investment .nectar-video-inner .nectar-video-bg { webkit-filter: blur(20px); -moz-filter: blur(20px); -o-filter: blur(20px); -ms-filter: blur(20px); filter: blur(20px); } .stories-section .wpb_wrapper img, .workplaces-section .wpb_wrapper img { margin-bottom: 0; margin-right: 6px; display: inline-block; margin: 0px; vertical-align: middle; } .mobile-text { display: none; } .stories-section .wpb_wrapper img { margin: 0; margin-top: 7px; margin-right: 6px; } .workplaces-section .span_12.light .wpb_text_column a:not(:hover), .stories-section .span_12.light .wpb_text_column a:not(:hover) { opacity: 1; } .workplaces-section .span_12.light .wpb_text_column a:hover, .stories-section .span_12.light .wpb_text_column a:hover { border-bottom: 1px solid #fff; } .home .nectar_video_lightbox { position: fixed; right: 20px; bottom: 30px; padding: 0; } .home .nectar_video_lightbox.play_button_with_text[data-style=small] .button-bg, .home .nectar_video_lightbox.play_button_with_text[data-style=small] span.play { width: 40px; height: 40px; } .home .nectar_video_lightbox>span { display: flex; align-items: center; } .home .nectar_video_lightbox .link-text { font-family: "Mint Grotesk Extra"; font-size: 20px; font-weight: 700; letter-spacing: -0.68px; } .home .footer-inner-row>.vc_column-inner>.wpb_wrapper>.inner_row>.row_col_wrap_12_inner, .home .home-footer-row>.vc_column-inner { width: 100%; } .home .home-footer-row { padding-top: 86px; } .home .footer-section.footer-middle { padding-bottom: 19px; } .home .footer-section.first-section .nectar-scrolling-text { padding-top: 15px; padding-bottom: 15px; } .home-footer .home-footer-row .footer-middle .footer-inner-row>.vc_column-inner>.wpb_wrapper { min-height: calc(100vh - 172px); padding-top: 35px; display: flex; flex-direction: column; justify-content: space-between; } /* .home .vc_row.inner_row.footer-bottom { padding: 0 !important; } */ .home .fp-tableCell .full-page-inner-wrap-outer { will-change: auto !important; height: 100% !important; transition: none !important; } .workplaces-section .wpb_text_column { max-width: 640px; } /* End Home page CSS */ /* Start Stories Page CSS */ .story-box { position: relative; } .story-box:not(:first-child) .wpb_text_column, .story-row.story-last-row .wpb_text_column { position: absolute; bottom: 0; left: 0; right: 0; background-color: #000; overflow: hidden; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease; display: flex; align-items: center; justify-content: center; } .story-box:hover .img-with-aniamtion-wrap+.wpb_text_column { opacity: 1; transition: opacity 0.5s ease; } .story-box .wpb_text_column * { text-transform: uppercase; line-height: 100%; } .story-row:not(:last-child) .story-box:first-child .wpb_text_column * { font-weight: 300; line-height: 130%; text-transform: unset; } body .story-row .story-box .wpb_text_column a { color: inherit; font-weight: 300; font-size: 24px; line-height: 24px; } .story-box .wpb_text_column strong { display: block; text-align: center; font-family: 'Mint Grotesk Extra'; font-weight: bold; } .story-box { border-right: 1px solid rgba(255, 255, 255, 0.2); padding: 55px 14px !important; } .story-box:first-child { border-left: 1px solid rgba(255, 255, 255, 0.2); } .story-row, .story-last-row { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .story-row>.row_col_wrap_12_inner { margin: 0; } .story-row.story-last-row { border-top: 0; } .story-row .story-box .hover-wrap { margin-bottom: 0; } .story-row:not(.story-last-row) .story-box:first-child { padding: 17px 14px !important; } .story-row:not(.story-last-row) .story-box:first-child .hover-wrap img { width: 35px !important; } .story-row .story-box .hover-wrap img { width: 150px !important; } .story-desc .vc_column-inner { position: static; } .story-desc .img-with-aniamtion-wrap { position: absolute; right: 17px; bottom: 17px; } .story-slider h5 { font-size: 24px !important; } .story-slider .flickity-slider .cell .hover-wrap { margin-bottom: 0; } .story-slider .flickity-slider .cell img { max-width: 270px !important; margin: 0 auto !important; } .story-slider .flickity-slider .cell .img-with-aniamtion-wrap { margin-top: -20px; } .story-slider .flickity-slider .cell .wpb_text_column { font-family: 'Recife Text Web'; font-size: 39px; font-weight: 300; line-height: 110%; letter-spacing: -1.17px; } .story-slider .flickity-slider .cell .wpb_text_column strong { font-family: 'Mint Grotesk Extra'; display: block; } .story-slider .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport { margin: 50px 0 50px 0; } .story-slider { display: none; } /* End Stories Page CSS */ /* Start Workplaces Page CSS */ .workplaces-map .vc_column-inner::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.20); z-index: 1; } .workplaces-map .vision-map .vision-layers .vision-link { height: auto !important; border: 0px; color: #EDEBE4; text-align: center; font-family: "Mint Grotesk Extra"; font-size: 30px; line-height: 130%; padding: 13px 5px; text-transform: uppercase; position: relative; letter-spacing: -0.6px; } .workplaces-map .vision-map .vision-layers .vision-body:hover { background-color: transparent !important; } .workplaces-map .vision-map .vision-layers .vision-link:hover { color: #fff; text-decoration: underline; text-underline-offset: 5px; } .workplaces-map .vision-map .vision-layers .vision-link:hover::before { background: unset; backdrop-filter: unset; transition: color .3s; } .workplaces-map .vision-map .vision-layers .vision-offset::after { content: ''; position: relative; height: 52px; width: 4px; background-color: #fff; display: block; left: 50%; transform: translateX(-50%); } .workplaces-map .vision-map .vision-layers .timber-square .vision-offset .vision-body { width: 200px !important; } .workplaces-map .vision-map .vision-layers .southwark-map .vision-offset .vision-body { width: 370px !important; } .workplaces-map .vision-map .vision-layers .southwark-map .vision-offset::after { height: 156px; } .workplaces-top-txt { position: absolute; top: 130px; z-index: 1; left: 50%; transform: translateX(-50%); letter-spacing: -0.02em; display: block; padding-left: 39px; width: 100%; max-width: 1425px; } .workplaces-map .vision-desktop .vision-map .vision-image, .workplaces-map .vision-mobile .vision-map .vision-image { background-image: none !important; } .workplaces-map .workplaces-vision.vision-desktop, .workplaces-map .workplaces-vision.vision-mobile { position: absolute; top: 0; left: 0; width: 100%; } .workplaces-map .nectar_video_player_self_hosted { margin-bottom: 0; } .vision-mobile { display: none; } /* End Workplaces Page CSS */ /* Start Single Workplaces Page CSS */ .workplaces-single .workplace-content { font-family: "Mint Grotesk"; line-height: 135%; font-size: 16px; } .workplaces-single .wp-container>.vc_column-inner { max-height: calc(100vh - 150px); } .workplaces-single .wp-container .wpb_wrapper { max-height: 100%; } .workplaces-single .wp-container .img-with-aniamtion-wrap { margin-bottom: 30px; } .workplaces-video-mobile { display: none; } .workplaces-single .wp-container .wpb_wrapper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } .workplaces-single .wp-container .wpb_wrapper::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .workplaces-single .wp-container .wpb_wrapper::-webkit-scrollbar-thumb { background-color: #bdbdbd; } .workplaces-single .visit-website { color: inherit; padding: 0 !important; font-size: 18px; display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 10px; } body .workplaces-single .visit-website span { transform: unset !important; } body .workplaces-single .visit-website i:before { font-size: 22px; } body .workplaces-single .visit-website i { position: relative !important; left: unset !important; top: unset !important; bottom: unset !important; right: unset !important; transform: unset !important; height: auto !important; width: 22px !important; height: 25px !important; } .workplaces-single .wp-container .img-with-aniamtion-wrap img { max-height: 235px; } /* End Single Workplaces Page CSS */ /* ==================== Start Story Sub Pages CSS ======================= */ /* Story 1 = Romans Laid Foundations in bankside page CSS */ .image-bottom-text.show-only-mobile { display: none !important; } .romans-laid-foundations-in-bankside-page .heading-sec h1, .romans-laid-foundations-in-bankside-page .heading-sec p { color: #A82E22; } body .kickstart-sec .vc_col-sm-12 .vc_column-inner { max-width: 930px; margin: 0 auto; } body .kickstart-sec h4.vc_custom_heading { font-size: 34px; font-weight: 400; line-height: 44px; } .kickstart-sec p { font-size: 28px; font-weight: 300; line-height: 36px; } .kickstart-sec.first-section .vc_column-inner { margin: 0 auto; max-width: 930px; } .image-bottom-text .wpb_wrapper p { font-family: 'Mint Grotesk'; font-size: 18px; font-weight: 400; line-height: 24px; color: #A82E22; } .two-layout-sec p:not(.image-bottom-text p) { font-size: 36px; font-weight: 300; line-height: 46px; letter-spacing: -0.02em; } .two-layout-sec+.two-layout-sec p:not(.image-bottom-text p) { font-size: 28px; line-height: 36px; } .buildings-break-boundaries-in-bankside-page a.nectar-button, .romans-laid-foundations-in-bankside-page a.nectar-button { font-size: 20px; font-weight: 400; line-height: 22px; letter-spacing: 0.03em; text-align: center; padding: 15px 36px !important; border-width: 1px !important; transition: all 0.5s; } body.buildings-break-boundaries-in-bankside-page .nectar-button.see-through-2[data-hover-color-override="false"]:hover, body.romans-laid-foundations-in-bankside-page .nectar-button.see-through-2[data-hover-color-override="false"]:hover { background-color: #fff !important; border-color: #fff !important; color: #000 !important; } .liberty-heading .vc_custom_heading.vc_do_custom_heading { font-family: "Mint Grotesk"; font-size: 70px; font-weight: 400; line-height: 87px; letter-spacing: -0.03em; margin-bottom: 20px; } .businesses-heading .vc_custom_heading { max-width: 74%; } .two-layout-sec+.two-layout-sec .vc_col-sm-6:nth-child(2) .image-bottom-text { max-width: 80%; } .image-width-bg.full-width-section .row-bg.no-cover { background-size: cover !important; } .businesses-heading .wpb_wrapper h2.vc_custom_heading { font-size: 46px !important; line-height: 125% !important; } .businesses-image .image-bottom-text { max-width: 1920px; margin: 0 auto; } .image-width-bg.full-width-section .row-bg.no-cover { background-size: cover !important; } .businesses-heading .wpb_wrapper h2.vc_custom_heading { font-size: 46px !important; line-height: 125% !important; } body.romans-laid-foundations-in-bankside-page .mobile-description, body.romans-laid-foundations-in-bankside-page .mobile-img { display: none; } /* Story 2 = Words and Ideas flourish in bankside page CSS */ .video-image-preview.mobile { display: none !important; } .story-words.videobox-sec a.play_button_with_text { position: absolute; bottom: 50%; } .heading-sec h1, .heading-sec p { line-height: 93.333%; margin: 0px; } .heading-sec p { font-family: 'Mint Grotesk Extra'; font-size: 100px; font-weight: 700; } .heading-sec .img-with-aniamtion-wrap.position_desktop_absolute img { width: 215px; } .intro-sec p strong, .intro-sec p, .videobox-sec .vc_column-inner .normal-txt p { line-height: 130% } .intro-sec p { padding-bottom: 20px; } .intro-sec p strong { font-weight: 400 !important; font-size: 32px; } .intro-sec p { font-family: 'Mint Grotesk'; font-size: 20px; } .videobox-sec .vc_column-inner .normal-txt p { font-weight: 300; font-size: 24px; font-family: 'Mint Grotesk'; } .videobox-sec .vc_column-inner .capital-txt p { font-weight: 400; font-size: 28px; line-height: 181.25%; letter-spacing: 17px; text-transform: uppercase; text-align: left; } .videobox-sec a.play_button_with_text { display: block; width: 100%; } .videobox-sec .nectar_video_lightbox .inner-wrap.inner svg { display: none; } .videobox-sec .nectar_video_lightbox.play_button_with_text[data-style=small] span.play { width: 40px; height: 40px; } .videobox-sec .nectar_video_lightbox.play_button_with_text[data-style=small] .play>.inner-wrap:before { border-color: #14373c; } .videobox-sec .nectar_video_lightbox .inner-wrap.inner { background-image: url('data:image/svg+xml,'); background-size: 40px; width: 40px; height: 40px; } .videobox-sec .nectar_video_lightbox .link-text { color: #14373C; font-family: "Mint Grotesk Extra"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 127%; letter-spacing: -0.664px; } .discover-title h2 { font-family: 'Mint Grotesk'; font-size: 48px !important; font-weight: 400 !important; line-height: 125% !important; letter-spacing: -2.1px !important; } .discoverbg-sec { height: 500px; } .discoverbg-sec .row-bg-wrap .row-bg-overlay { background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.01) 100%) !important; } .discoverbg-sec .wpb_text_column h4 img { display: inline-block; margin: 0px; vertical-align: middle; } .discoverbg-sec .row_col_wrap_12 { position: absolute; bottom: 40px; } .discoverbg-sec h4 { font-size: 40px !important; font-weight: 300 !important; line-height: 125% !important; letter-spacing: -1.74px !important; } .discoverbg-sec h4 a { color: #fff !important; } .discoverbg-sec h4 a:hover { border-bottom: 1px solid #fff; } .discoverbg-sec .wpb_text_column { max-width: 630px; } .discoverbg-sec br { display: none; } /* Story 3 = facts not opinions in bankside page CSS */ .venues-items { position: relative; margin-left: 0; } .venues-item h4 { transition: color .2s ease; color: #b4b25f; } .venues-item:hover h4 { color: #0A3926; transition: color .2s ease; } .venues-item { position: relative; display: flex; align-items: center; } .venues-item-image { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; max-width: 400px !important; } .venues-item:hover .venues-item-image { opacity: 1; } .generate-fact .flickity-slider .wpb_text_column p, .generate-fact .flickity-slider .wpb_text_column p>strong { font-size: 40px; line-height: 146%; letter-spacing: -1px; } .generate-fact .nectar-flickity.nectar-simple-slider .flickity-slider .cell { padding: 0px !important; opacity: 0 !important; } .generate-fact .nectar-flickity.nectar-simple-slider .flickity-slider .cell.is-selected { opacity: 1 !important; } .generate-fact .flickity-slider .wpb_text_column p { font-weight: 300; } .generate-fact .flickity-slider .wpb_text_column p>strong { font-family: 'Mint Grotesk Extra'; font-weight: 700; } .generate-fact .flickity-slider .wpb_text_column { max-width: 850px; margin: 0 auto; } .generate-fact .flickity-page-dots { display: none; } .generate-fact .nectar-button { text-align: center; margin: 0 auto; display: block; padding: 16px 36px !important; max-width: 355px; letter-spacing: 0.6px; } .generate-fact .nectar-button:hover { background-color: #fce678 !important; color: #14373c !important; } .generate-fact .owl-carousel { margin-bottom: 100px; } /* Story 7 = buildings break boundaries in bankside CSS */ img.show-mobile-heading { display: none; } .award-sec .award-sec-inner { margin: 0 auto; } .award-sec .award-sec-inner, .next-zero-sec .inner-col { max-width: 1425px; padding: 0 35px !important; justify-content: center; margin: 0 auto !important; } .next-zero-sec.full-width-content > .col.span_12.dark { justify-content: center; } .large-text-sec .wpb_text_column p { font-size: 40px; line-height: 125%; font-weight: 300; } .award-sec h2 { font-size: 26vw; font-family: 'Mint Grotesk'; } .text-with-top-line p:first-of-type { border-top: 1px solid #ff6b59; padding-top: 20px; } .text-with-top-line p { font-size: 20px; font-weight: 400; line-height: 130%; font-family: 'Mint Grotesk'; } .CLT-sec h2 { font-size: 170px; font-family: 'Mint Grotesk'; font-weight: 400; letter-spacing: -15px; -webkit-text-stroke-width: 1; -webkit-text-stroke-color: #FF6B59; line-height: 114%; } .carbon-sec .wpb_text_column:first-child .wpb_wrapper { display: flex; align-items: baseline; } .carbon-sec .wpb_text_column:first-child .wpb_wrapper h2 { font-size: 264px; font-family: 'Mint Grotesk'; font-weight: 400; line-height: 104%; letter-spacing: -23px; } .carbon-sec .wpb_text_column:first-child .wpb_wrapper p { font-size: 62px; margin-left: 50px; letter-spacing: -5px; font-family: 'Mint Grotesk'; line-height: 104%; } .timber-square-sec .wpb_column.timber-circle-number .wpb_text_column { width: 445px; height: 445px; text-align: center; border: 1px solid #FF6B59; display: flex; align-items: center; justify-content: center; border-radius: 100%; } .timber-square-sec .wpb_column.timber-circle-number .wpb_text_column h3 { font-size: 90px; font-family: 'Mint Grotesk'; font-weight: 400; line-height: 114%; letter-spacing: -2px; } .wpb_wrapper .next-heading { text-align: center; font-family: "Mint Grotesk"; font-size: 410px; font-style: normal; font-weight: 400; line-height: 114%; letter-spacing: -34px; } .wpb_wrapper .k-text p { color: #212721; font-family: "Recife Text"; font-size: 48px; font-style: normal; font-weight: 300; line-height: 114%; letter-spacing: -0.96px; padding-left: 15px; } .wpb_wrapper .heading-title { color: #212721; font-family: "Mint Grotesk"; font-size: 300px; font-style: normal; font-weight: 400; line-height: 114%; letter-spacing: -18px; } .hide-section-mobile-stories { display: none; } .circle-sec { padding-bottom: 150px; } .wpb_wrapper .work-space-heading { font-family: "Mint Grotesk"; font-size: 70px; font-style: normal; font-weight: 400; line-height: 125%; letter-spacing: -2.1px; } .next-heading { color: #212721; text-align: center; font-family: "Mint Grotesk"; font-style: normal; font-weight: 400; line-height: 114%; } .k-text p { font-family: "Recife Text"; font-size: 48px; font-style: normal; font-weight: 300; line-height: 114%; letter-spacing: -0.96px; } .text-custom p { font-family: "Recife Text"; font-size: 28px; font-style: normal; font-weight: 300; line-height: 130%; } .perctage-sec:before { position: absolute; content: "%"; right: 0; bottom: 0; top: -50px; left: 334px; font-size: 137px; } .perctage-sec { position: relative; } .perctage-sec { font-family: "Mint Grotesk"; font-weight: 400; letter-spacing: -18px; } .percentage-sec h2{ color: #212721; font-family: "Mint Grotesk"; font-size: 300px; font-style: normal; font-weight: 400; line-height: 115% !important; letter-spacing: -18px; display: inline-block; vertical-align: middle; } body .percentage-sec h3{ color: #212721; font-family: "Mint Grotesk" !important; font-size: 115px !important; font-style: normal !important; font-weight: 400 !important; line-height: 114%!important; letter-spacing: -2.3px; display: inline-flex !important; flex-direction: column ; align-items: center; } body .percentage-sec h3:after { content: ""; background-color: transparent !important; border-width: 70px 50px 0 50px; border-color: #ff6b59 transparent transparent transparent; width: 0; height: 0; border-style: solid; } p.vc_custom_heading.vc_do_custom_heading.heading-text { font-size: 300px; line-height: 94%; font-family: "Mint Grotesk"; font-style: normal; font-weight: 400; letter-spacing: -18px; -webkit-text-stroke: 2px #ff6b59; color: transparent; } .work-space-heading { font-family: "Mint Grotesk"; font-style: normal; font-weight: 400; letter-spacing: -2.1px; } .buildings-break-boundaries-in-bankside-page .liberty-heading .mobile-heading { display: none; } /* Story 9 = THE OFFICE ISN’T DEAD IN BANKSIDE page CSS */ .videobox-sec .vc_column-inner .wpb_text_column { display: inline-block !important; margin: 0 auto; } .exp-app-box .vc_column-inner .big-text p { font-weight: 400; font-size: 40px; line-height: 130%; } .exp-app-box .exp-app-box-text .force-desktop-text-align-left { padding-left: 19px; } .exp-app-box .nectar-simple-slider .flickity-page-dots { display: flex; justify-content: space-between; padding: 0px; /* max-width: 95%; */ max-width: calc(100% - 80px); left: 50%; transform: translateX(-50%); padding-left: 24px; } /* .exp-app-box .nectar-simple-slider .flickity-page-dots .dot { width: 100%; } */ .exp-app-box .flickity-page-dots::after { content: ''; position: absolute; left: 35px; width: 94%; background: #fff; height: 2px; bottom: 0; } .exp-app-box .flickity-page-dots .dot:first-child::after, .exp-app-box .flickity-page-dots .dot:last-child::after { content: ''; display: block; width: 6px; height: 6px; background-color: #EBEBE4; position: absolute; top: 5px; border-radius: 100%; display: none; } .exp-app-box .flickity-page-dots .dot:first-child::after { left: -21px; } .exp-app-box .flickity-page-dots .dot:last-child::after { right: -18px; } /* .exp-app-box .nectar-carousel { padding: 0 50px; } */ .exp-app-box .flickity-page-dots .dot:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); right: 0; width: 12px; height: 12px; background-color: #EBEBE4; margin: 0; z-index: 1; } .exp-app-box .flickity-page-dots .dot { background-color: transparent; border: 2px solid transparent; border-radius: 100%; width: 50px; height: 50px; top: 24px; left: -10px; mix-blend-mode: unset; } .exp-app-box .flickity-page-dots .dot svg { display: none; } .exp-app-box .flickity-page-dots .dot.is-selected { border-color: #ebebe4; background-color: #ff6b59; } .exp-app-box .flickity-page-dots .dot.is-selected::before, .exp-app-box .flickity-page-dots .dot { opacity: 1; z-index: 1; } .exp-app-box .nectar-simple-slider .flickity-prev-next-button.next, .exp-app-box .nectar-simple-slider .flickity-prev-next-button.previous{ pointer-events: none; visibility: hidden; } .exp-app-box .nectar-simple-slider .flickity-prev-next-button.previous { left: 25px; } .exp-app-box .nectar-simple-slider .flickity-prev-next-button.next { right: 45px; } .exp-app-box .force-desktop-text-align-left.col { text-align: left !important; } .exp-app-box .force-desktop-text-align-right.col { text-align: right !important; } .exp-app-box-text { margin: 0 auto; max-width: calc(100% - 132px); padding-top: 20px; } .exp-app-box-text .wpb_wrapper p { font-family:'Mint Grotesk Extra'; font-size: 25px; font-weight: 700; line-height: 32px; letter-spacing: -0.01em; text-transform: uppercase; cursor: pointer; } .exp-app-box-text-mobile.exp-app-box-text { display: none; } .exp-app-box .nectar-flickity:not(.masonry) .flickity-slider .cell { padding: 0px !important; } /* Story 4 = Art Powers Business in bankside page CSS */ .art-powers-business-in-bankside-page .image-bottom-text .wpb_wrapper p { color: #262626; } .image-with-content-sec .wpb_wrapper { position: relative; } .image-with-content-sec img { width: 100%; height: auto; object-fit: cover; } .image-with-content-mobile-sec { display: none; } .image-center-content.image-center-content-mobile { display: none; } .image-center-content.image-top-content { top: 28%; } .image-bottom-content, .image-center-content { position: absolute; max-width: 625px; width: 100%; padding: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; } .image-bottom-content { top: unset; bottom: 80px; transform: translateX(-50%); } body .image-center-content .wpb_wrapper h5, body .image-bottom-content .wpb_wrapper h5 { font-family: 'Mint Grotesk Extra'; font-size: 44px; font-weight: 700; letter-spacing: -0.02em; color: #fff; } .image-center-content p, .image-bottom-content p { font-family: 'Mint Grotesk Extra'; font-size: 28px; font-weight: 700; line-height: 62px; letter-spacing: -0.02em; color: #fff; } /* Story 5 = Meet The Neighbours in bankside CSS */ .mug-sec .hover-wrap .hover-wrap-inner img { max-width: 170px; margin: 0 auto; transition: unset; } /* .mug-sec .hover-wrap .hover-wrap-inner img.animate-img { position: absolute; left: 50%; transform: translateX(-50%); visibility: hidden; } */ /* .mug-sec .vc_col-sm-2:hover .vc_column-inner .wpb_wrapper:hover .hover-wrap .hover-wrap-inner img.normal-img { visibility: hidden; } */ /* .mug-sec .vc_col-sm-2:hover .vc_column-inner .wpb_wrapper .hover-wrap .hover-wrap-inner img.animate-img { visibility: visible; } */ body.meet-the-neighbours-in-bankside-page #header-outer.scrolled-down, body.meet-the-neighbours-in-bankside-page #header-outer.small-nav { background-color: #262626; } @keyframes pendulum { 0% { transform: rotate(0deg); /* Start at center */ } 15% { transform: rotate(10deg); /* Swing right but smaller */ } 30% { transform: rotate(-10deg); /* Swing left but smaller */ } 45% { transform: rotate(6deg); /* Swing right but smaller */ } 60% { transform: rotate(-6deg); /* Swing left but smaller */ } 75% { transform: rotate(3deg); /* Swing right but smaller */ } 90% { transform: rotate(-3deg); /* Swing left but smaller */ } 100% { transform: rotate(0deg); /* Stop at center */ } } .mug-hanging .normal-img.animated { animation: pendulum 2.5s cubic-bezier(0.5, 0, 0.5, 1) forwards; /* Smooth deceleration */ transform-origin: center top; /* Set origin to the top center for pendulum motion */ } /* Story 6 The World on a Plate in bankside */ .category-sec .nectar-category-grid-link { pointer-events: none; } /* Story 8 = Nature Nurtures in bankside page CSS */ .nature-nurtures-in-bankside-page .videobox-sec a.play_button_with_text { display: inline-block; width: auto; } .nature-nurtures-in-bankside-page .videobox-sec a.play_button_with_text:nth-child(2) { display: none; } .nature-nurtures-in-bankside-page .videobox-sec .nectar_video_lightbox.play_button_with_text[data-style=small] .play>.inner-wrap:before { border-color: #fff; } .nature-nurtures-in-bankside-page .videobox-sec .nectar_video_lightbox .link-text { color: #fff; } .nature-nurtures-in-bankside-page a.nectar-button { font-size: 20px; font-weight: 400; line-height: 22px; letter-spacing: 0.03em; text-align: center; padding: 15px 36px !important; border-width: 1px !important; transition: all 0.5s; } body.nature-nurtures-in-bankside-page .nectar-button.see-through-2[data-hover-color-override="false"]:hover { background-color: #fff !important; border-color: #fff !important; color: #000 !important; } .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous { left: 0; } .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next { right: 0; } /* ==================== End Story Sub Pages CSS ========================= */ .flickity-page-dots .dot:before { transition: unset; } /* Start Responsive CSS */ @media only screen and (min-width: 1920px) { /* Start Header CSS */ #header-outer[data-full-width=true] header>.container { max-width: 1920px; } /* #fp-nav.tooltip ul li a>span { height: 12px !important; width: 12px !important; } #fp-nav.tooltip ul li a, .tooltip .fp-slidesNav ul li a { padding: 17px; } */ #top nav>ul>li>a, .span_3 .pull-left-wrap>ul>li>a, body.material #search-outer #search input[type="text"], #top ul .slide-out-widget-area-toggle a i.label, #top .span_9>.slide-out-widget-area-toggle a.using-label .label, #header-secondary-outer .nectar-center-text, #slide-out-widget-area .secondary-header-text, #header-outer #mobile-menu ul li a, #header-outer #mobile-menu .secondary-header-text, .nectar-mobile-only.mobile-header a { font-size: 26px; } #header-outer header .nectar-menu-icon-img { width: 100%; } /* End Header CSS */ /* Start Footer CSS */ .footer-section.first-section { padding-top: 15px; padding-bottom: 15px; } .footer-section .nectar-scrolling-text-inner ul { font-size: 26px; } .footer-left-col .wpb_text_column:first-child { margin-bottom: 51px; } .footer-right-col { max-width: 434px; margin-left: auto !important; padding: 0 !important; } .footer-section .footer-bottom { padding-top: 280px !important; } .footer-right-col .hover-wrap { margin-bottom: 75px; margin-top: 8px; } /* End Footer CSS */ /* Start Homepage CSS */ .home .nectar_video_lightbox .inner-wrap.inner { background-size: 60px; width: 60px; height: 60px; } .home .nectar_video_lightbox.play_button_with_text[data-style=small] .button-bg, .home .nectar_video_lightbox.play_button_with_text[data-style=small] span.play { width: 60px; height: 60px; } .home .nectar_video_lightbox { right: 35px; bottom: 65px; } .home .nectar_video_lightbox .link-text { font-size: 34px; } .workplaces-section .wpb_wrapper img, .stories-section .wpb_wrapper img { margin: 0; margin-right: 10px; } .stories-section .wpb_wrapper img { margin-top: 15px; } .workplaces-section .wpb_wrapper img { margin-top: 5px; } .home-footer .home-footer-row .footer-middle .footer-inner-row>.vc_column-inner>.wpb_wrapper { padding-top: 60px; } .workplaces-section .wpb_text_column { max-width: 840px; } /* End Homepage CSS */ /* Start Story Page CSS */ .story-box { padding: 100px 29px !important; } .story-row:not(.story-last-row) .story-box:first-child { padding: 17px 20px !important; } .story-row:not(:last-child) .story-box:first-child .wpb_text_column * { font-size: 34px; } .story-desc .img-with-aniamtion-wrap { right: 24px; bottom: 24px; } .story-row .story-box .wpb_text_column a { font-size: 34px; line-height: 34px; } /* Start Story Page CSS */ /* Start Workplaces Page CSS */ .workplaces-map .vision-map .vision-layers .vision-link { font-size: 34px; } .workplaces-top-txt { top: 144px; max-width: 1920px; } /* End Workplaces Page CSS */ /* Start Single Workplaces Page CSS */ .workplaces-single .visit-website { font-size: 20px; } .workplaces-single .workplace-content { font-size: 18px; } .workplaces-single .wp-container.wpb_column.max_width_desktop_460px { max-width: 519px; } .workplaces-single .wp-container .vc_column-inner { padding: 36px 36px 85px 36px; } .workplaces-single .wp-container .img-with-aniamtion-wrap { margin-bottom: 36px; } .workplaces-single .wp-container .img-with-aniamtion-wrap img { max-height: 100%; } /* End Single Workplaces Page CSS */ /* ==================== Start Story Sub Pages CSS ========================= */ .exp-app-box .flickity-page-dots::after { left: 40px; } /* Story 2 = Words and Ideas flourish in bankside page CSS */ .heading-sec h1, .heading-sec p { font-size: 180px; } .heading-sec .img-with-aniamtion-wrap.position_desktop_absolute { top: 40px; } .heading-sec .img-with-aniamtion-wrap.position_desktop_absolute img { width: 400px; } .intro-sec p strong { font-size: 38px; } .intro-sec p { font-size: 26px; } .videobox-sec .vc_column-inner .normal-txt p { font-size: 28px; } .videobox-sec .vc_column-inner .capital-txt p { font-size: 32px; } .videobox-sec .nectar_video_lightbox.play_button_with_text[data-style=small] span.play { width: 60px; height: 60px; } .videobox-sec .nectar_video_lightbox .inner-wrap.inner { background-size: 60px; width: 60px; height: 60px; } .videobox-sec .nectar_video_lightbox .link-text { font-size: 33px; } .discover-title h2 { font-size: 70px !important; } .discoverbg-sec { height: 750px; } .discoverbg-sec .wpb_text_column { max-width: 930px; } .discoverbg-sec h4 { font-size: 58px !important; } /* Story 3 = facts not opinions in bankside page CSS */ .text-image-section { padding-bottom: 200px !important; } .generate-fact .flickity-slider .wpb_text_column p, .generate-fact .flickity-slider .wpb_text_column p>strong { font-size: 60px; } .generate-fact .flickity-slider .wpb_text_column { max-width: 1400px; } /* Story 4 = Art Powers Business in bankside page CSS page CSS */ body .image-center-content .wpb_wrapper h5, body .image-bottom-content .wpb_wrapper h5 { font-size: 54px; } .image-align-right .vc_column-inner { margin-right: -35px; } .image-align-left .vc_column-inner { margin-left: -35px; } /* Story 9 = THE OFFICE ISN’T DEAD IN BANKSIDE page CSS */ .exp-app-box-text { max-width: calc(100% - 280px); } .exp-app-box .nectar-simple-slider .flickity-page-dots { max-width: calc(100% - 192px); } .exp-app-box .exp-app-box-text .force-desktop-text-align-left { padding-left: 3px; } .exp-app-box .flickity-page-dots .dot:before { width: 21px; height: 21px; } .exp-app-box .flickity-page-dots .dot { width: 74px; height: 74px; top: 35px; left: -19px; } .exp-app-box .vc_column-inner .wpb_text_column.normal-txt { max-width: 500px !important; } .exp-app-box .vc_column-inner .wpb_text_column.big-text { max-width: 900px !important; } .exp-app-box .vc_column-inner .big-text p { font-size: 60px; } /* Story 7*/ .text-with-top-line { max-width: 472px !important; } .large-text-sec .wpb_text_column p { font-size: 60px; } .text-with-top-line p { font-size: 26px; } .CLT-sec h2 { font-size: 250px; } .carbon-sec .wpb_text_column:first-child .wpb_wrapper h2 { font-size: 390px; } .carbon-sec .wpb_text_column:first-child .wpb_wrapper p { font-size: 93px; } .timber-square-sec .wpb_column.timber-circle-number .wpb_text_column { width: 660px; height: 660px; } .timber-square-sec .wpb_column.timber-circle-number .wpb_text_column h3 { font-size: 132px; } /* Story 7 = buildings break boundaries in bankside CSS */ .wpb_wrapper .next-heading { font-size: 547px; } .next-zero-sec .inner-col { max-width: 1920px; padding: 0 !important } .award-sec .award-sec-inner { max-width: 1920px; } /* ==================== End Story Sub Pages CSS ========================= */ } @media only screen and (max-width: 1400px) { /* ==================== Start Story Sub Pages CSS ========================= */ /* Story 1 = Romans Laid Foundations in bankside page CSS */ .liberty-heading .vc_custom_heading.vc_do_custom_heading { font-size: 55px; line-height: 70px; } .two-layout-sec+.two-layout-sec .vc_col-sm-6:nth-child(2) .image-bottom-text, .businesses-heading .vc_custom_heading { max-width: 100%; } /* Story 4 = Art Powers Business in bankside page CSS page CSS */ body .image-center-content .wpb_wrapper h5, body .image-bottom-content .wpb_wrapper h5 { font-size: 32px; } } @media only screen and (max-width: 1300px) { .workplaces-section .wpb_wrapper img, .stories-section .wpb_wrapper img { max-width: 40px; } /* ==================== Start Story Sub Pages CSS ========================= */ /* Story 2 = Words and Ideas flourish in bankside page CSS */ .videobox-sec .vc_column-inner .wpb_text_column.capital-txt { max-width: 900px !important; } /* Story 3 = facts not opinions in bankside page CSS */ .generate-fact .flickity-slider .wpb_text_column { max-width: 800px; } .generate-fact .flickity-slider .wpb_text_column p, .generate-fact .flickity-slider .wpb_text_column p>strong { font-size: 38px; } .videobox-sec .generate-fact-top { padding-bottom: 0px !important; } /* Story 7 = buildings break boundaries in bankside CSS */ .wpb_wrapper .heading-title { font-size: 200px; letter-spacing: -15px; } .paragraph-sec .vc_custom_1724927642312 { margin-bottom: 0px !important; padding-top: 150px !important; padding-right: 0px !important; padding-bottom: 150px !important; } .paragraph-sec{ padding-right:35px; } .vc_custom_1724929068406.percentage-main{ padding-left: 35px !important; padding-right: 35px; } .percentage-sec h2 { font-size: 200px; } body .percentage-sec h3:after { border-width: 51px 35px 0 35px; } .grap-section .img-with-aniamtion-wrap.right { margin-right: 35px !important; } .vc_custom_1724930700579.grap-section { padding-left: 35px !important; padding-right: 35px; } p.vc_custom_heading.vc_do_custom_heading.heading-text { font-size: 200px; } .circle-sec .img-with-aniamtion-wrap.margin_top_tablet_0px.margin_top_phone_0px{ margin-top: -115px !important; } .wpb_wrapper .work-space-heading { font-size: 56px; padding: 35px 35px; } /* Story 7*/ .carbon-sec .wpb_text_column:first-child .wpb_wrapper h2 { font-size: 230px; } .carbon-sec .wpb_text_column:first-child .wpb_wrapper p { font-size: 65px; } .timber-square-sec .wpb_column.timber-circle-number .wpb_text_column { width: 350px; height: 350px; } .timber-square-sec .wpb_column.timber-circle-number .wpb_text_column h3 { font-size: 70px; } /* ==================== End Story Sub Pages CSS ========================= */ } @media only screen and (max-width: 1200px) { /* Start Footer CSS */ .footer-section .footer-bottom { padding-top: 80px !important; } /* End Footer CSS */ /* ==================== Start Story Sub Pages CSS ========================= */ /* Story 4 = Art Powers Business in bankside page CSS page CSS */ body .image-center-content .wpb_wrapper h5, body .image-bottom-content .wpb_wrapper h5 { font-size: 30px; } .wpb_column.right_padding_desktop_160px>.vc_column-inner { padding-right: 50px; } .wpb_column.left_padding_desktop_160px>.vc_column-inner { padding-left: 50px; } .wpb_column.left_padding_desktop_100px>.vc_column-inner { padding-left: 50px; } .wpb_column.right_padding_desktop_150px>.vc_column-inner { padding-right: 50px; } /* Story 7 = buildings break boundaries in bankside CSS */ .grap-section .vc_custom_1724937386521 { padding-top: 150px !important; } .timber-square-sec .vc_custom_1725941687524 { padding-left: 64px !important; } /* Story 9 = THE OFFICE ISN’T DEAD IN BANKSIDE page CSS */ .exp-app-box .flickity-page-dots::after { left: 3%; width: 94.3%; } .exp-app-box .flickity-page-dots .dot { width: 30px; height: 30px; top: 14px; } .exp-app-box .flickity-page-dots .dot:before { width: 8px; height: 8px; } .exp-app-box .exp-app-box-text .force-desktop-text-align-left { padding-left: 16px; } .exp-app-box-text { max-width: calc(100% - 115px); padding-top: 10px; } /* Start Workplaces Page CSS */ .workplaces-top-txt h5 { font-size: 20px !important; } .workplaces-top-txt { top: 122px; } /* End Workplaces Page CSS */ } @media only screen and (max-width: 999px) { /* Start common CSS */ .container { max-width: calc(100% - 72px); } /* .story-slider > .row_col_wrap_12 > .vc_col-sm-12.wpb_column.column_container{ padding-left: 0; padding-right: 0; } */ /* End common CSS */ /* Start Header CSS */ #header-outer #logo.no-image { font-size: 36px; line-height: 31px; } #header-outer[data-full-width=true] header>.container { /* max-width: calc(88% + 56px); */ max-width: 100%; padding: 0 35px; } body #header-outer #mobile-menu ul li a { font-size: 31px; padding: 22px 0; } body #header-outer.simple-ocm-open #mobile-menu { display: flex; } body #header-outer #mobile-menu { top: 0; height: 100vh; align-items: center; } body #header-outer #mobile-menu>.inner { max-height: 100vh; width: 100%; padding-top: 65px; padding-bottom: 30px; min-height: 400px; height: 100%; } body #header-outer #mobile-menu>.inner .menu-items-wrap { height: 100%; } body #header-outer #mobile-menu>.inner .menu-items-wrap ul { display: flex; flex-direction: column; height: 100%; } #header-outer #mobile-menu ul li:last-child { margin-top: auto; margin-bottom: 30px; } .show-mobile { display: block !important; } .show-mobile.menu-item-type-custom .menu-title-text { display: none; } .show-mobile.menu-item-type-custom { margin-top: 36px; } #header-outer .show-mobile.menu-item-type-custom .nectar-menu-icon-img { display: block !important; width: 85px !important; } .off-canvas-menu-container .nectar-menu-icon, .off-canvas-menu-container .nectar-menu-icon-img, #header-outer #mobile-menu .nectar-menu-icon, #header-outer #mobile-menu .nectar-menu-icon-img { display: inline-block; width: 41px; } body #header-outer { margin-bottom: 0; padding: 19px 0; } body[data-slide-out-widget-area=true] header#top .col.span_3 { width: calc(100% - 50px); } header#top .col.span_3 { z-index: 9999; } #header-outer #mobile-menu li:nth-child(1) .nectar-menu-icon-img { margin-bottom: 5px; margin-top: -7px; width: 38px; } .mobile-icon, .mobile-icon * { animation-duration: unset !important; animation-delay: unset !important; animation: none !important; transition: none !important; } body[data-slide-out-widget-area-style*=fullscreen] #top .menu-push-out .lines-button:after, body[data-slide-out-widget-area-style*=fullscreen] #top .menu-push-out .lines:after, body[data-slide-out-widget-area-style*=fullscreen] #top .menu-push-out .lines:before, body[data-slide-out-widget-area-style=simple] #top .menu-push-out .lines-button:after, body[data-slide-out-widget-area-style=simple] #top .menu-push-out .lines:after, body[data-slide-out-widget-area-style=simple] #top .menu-push-out .lines:before { transform: translateX(0px)!important; transition: unset; } /* End Header CSS */ .nectar-global-section.nectar_hook_global_section_footer .container { width: 100%; max-width: 100%; padding: 0 35px; } .footer-bottom img { display: none; } .footer-right-col .wpb_wrapper { display: flex; flex-direction: column-reverse; } .footer-top { margin-bottom: 0 !important; } .footer-right-col { margin-left: 0 !important; } .footer-right-col .hover-wrap { margin-bottom: 0; margin-top: 48px; } .footer-left-col .wpb_text_column:first-child { margin-bottom: 26px; } .footer-section .nectar-scrolling-text-inner ul { font-size: 20px; } .stories-section .wpb_wrapper img { margin-top: 5px; } .workplaces-section .wpb_wrapper img, .stories-section .wpb_wrapper img { max-width: 36px; } .workplaces-section .wpb_wrapper img { margin-top: 0px; } #fp-nav.tooltip ul li a>span { height: 8px !important; width: 8px !important; } body .slide-out-widget-area-toggle i.close { display: none; } body .slide-out-widget-area-toggle i { display: block; } .footer-section .footer-bottom .wpb_text_column p { text-align: left !important; } body .footer-left-col .wpb_text_column, body .col, body .vc_row-fluid .wpb_column { margin-bottom: 0; } .footer-section .footer-bottom p { line-height: 0; padding-bottom: 3px !important; } .footer-section .footer-bottom .img-with-aniamtion-wrap .hover-wrap { margin-bottom: 20px; } .footer-right-col ul { row-gap: 5px; } .footer-right-col img { max-width: 263px !important; margin-left: 0; margin-right: auto; display: block !important; } .material .footer-right-col ul li a { font-size: 16px; } .footer-left-col h4 { font-size: 25px !important; } body .footer-right-col { margin-top: 42px; } /* Start Home Page CSS */ .home #nectar_fullscreen_rows>div:not(.full-width-content) .full-page-inner-wrap-outer>.full-page-inner-wrap>.full-page-inner>.container { padding: 0; } .home .footer-section .container { max-width: 100%; } .home .hide-on-mobile { display: none; } .home .fp-section.innovative-investment .fp-tableCell .container { padding: 0 34px !important; } body.home #header-outer { display: block !important; } .home .nectar_video_lightbox>span { flex-direction: column; gap: 10px; } .home .nectar_video_lightbox.play_button_with_text[data-style=small] .link-text { margin-left: 0; } .home .nectar_video_lightbox { position: relative; right: unset; bottom: unset; padding: 0; } .home .home-hero .nectar-video-wrap+.container { height: 100%; } .home .home-hero .nectar-video-wrap+.container .row_col_wrap_12 { height: 100%; align-items: center; justify-content: center; } .home .first-section .wpb_wrapper { text-align: center; } .home .footer-section.first-section .nectar-scrolling-text { padding-top: 8px; padding-bottom: 8px; } /* End Home Page CSS */ /* Start Stories Page CSS */ .story-row:not(.story-last-row) .story-box:first-child .hover-wrap img { width: 20px !important; } .story-row .wpb_column { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-left: 1px solid rgba(255, 255, 255, 0.2) !important; } .story-row:not(.story-last-row) { border-bottom: 0; } .story-box:first-child { border-left: 0; } .story-grid { display: none; } .story-slider { display: block; } .flickity-prev-next-button:disabled:hover { opacity: 0.3; } .flickity-prev-next-button:disabled { display: block; pointer-events: none; } /* End Stories Page CSS */ /* Start Workplaces Page CSS */ .workplaces-top-txt { top: 75px; /* max-width: calc(88% + 56px); */ max-width: 100%; left: 0; transform: unset; padding-left: 37px; } .workplaces-top-txt h5 { font-size: 16px !important; } /* End Workplaces Page CSS */ /* ==================== Start Story Sub Pages CSS ========================= */ /* Story 1 = Romans Laid Foundations in bankside page CSS */ body .kickstart-sec h4.vc_custom_heading { font-size: 30px; line-height: 36px; } .kickstart-sec p { font-size: 24px; line-height: 30px; } .image-bottom-text .wpb_wrapper p { font-size: 16px; line-height: 135%; } .two-layout-sec+.two-layout-sec p:not(.image-bottom-text p), .two-layout-sec p:not(.image-bottom-text p) { font-size: 22px; letter-spacing: -0.03em; line-height: 130%; } .liberty-heading .vc_custom_heading.vc_do_custom_heading { font-size: 42px; line-height: 55px; } .two-layout-sec .row_col_wrap_12_inner .wpb_column:not(.row-two-inner):nth-child(1) { max-width: 78%; min-width: 284px; padding-right: 0; } .two-layout-sec.market-sec .row_col_wrap_12_inner .wpb_column.right-side-col .desktop-description { margin-left: 0; width: 100%; max-width: 100%; padding: 0; } .two-layout-sec .row_col_wrap_12_inner .wpb_column.row-two-inner:nth-child(2) { width: 100%; } .two-layout-sec .row_col_wrap_12_inner .wpb_column:nth-child(2) .wpb_text_column.desktop-description.liberty-desc { max-width: 100%; min-width: 100%; width: 100%; } .two-layout-sec .row_col_wrap_12_inner .wpb_column:nth-child(2) .wpb_text_column, .two-layout-sec .row_col_wrap_12_inner .wpb_column:nth-child(2) .hover-wrap-inner img { max-width: 75%; min-width: 268px; margin-right: 0; margin-left: auto; width: 75%; } .two-layout-sec .row_col_wrap_12_inner .wpb_column.right-side-col:nth-child(2) .hover-wrap-inner img { width: 83%; max-width: 83%; min-width: 280px; margin-left: 0; margin-right: auto; } .two-layout-sec .row_col_wrap_12_inner .wpb_column.right-side-col:nth-child(2) .hover-wrap { margin-bottom: 0; } .two-layout-sec .row_col_wrap_12_inner .wpb_column.right-side-col:nth-child(2) .wpb_text_column { min-width: 100%; margin-right: 0; margin-left: 0; width: 100%; } .two-layout-sec .row_col_wrap_12_inner .wpb_column.right-side-col:nth-child(2) .wpb_text_column.bottom-text-space p { text-align: left !important; padding-left: 20px; } .two-layout-sec.large-img-sec .row_col_wrap_12_inner .wpb_column.vc_col-sm-8 { max-width: calc(100% + 35px); min-width: calc(100% + 35px); padding-right: 0; margin-left: -35px; } .businesses-heading .wpb_wrapper h2.vc_custom_heading { font-size: 30px !important; line-height: 125% !important; } .image-bottom-text.show-only-mobile { display: block !important; } .bus-space .wpb_text_column.image-bottom-text, .two-layout-sec.large-img-sec .row_col_wrap_12_inner .wpb_column .image-bottom-text { display: none; } /* Story 2 = Words and Ideas flourish in bankside page CSS */ .heading-sec p { font-size: 75px; } .story-words.videobox-sec a.play_button_with_text { bottom: 47%; } .heading-sec .img-with-aniamtion-wrap.position_desktop_absolute img { max-width: 160px; } .intro-sec p strong { font-size: 26px; } .intro-sec p { font-size: 18px; } .videobox-sec .vc_column-inner .wpb_text_column.normal-txt { max-width: 550px !important; } .videobox-sec .vc_column-inner .wpb_text_column.capital-txt { /* width: calc(88% + 56px) !important; */ width: 100% !important; margin-top: 100px !important; margin-bottom: 80px !important; } .videobox-sec .vc_column-inner .normal-txt p { font-size: 20px; } .videobox-sec .vc_column-inner .capital-txt p { font-size: 24px; } .discover-title h2 { font-size: 38px !important; } .discoverbg-sec .wpb_text_column { max-width: 530px; } .discoverbg-sec h4 { font-size: 36px !important; } /* Story 3 = facts not opinions in bankside page CSS */ .generate-fact .flickity-slider .wpb_text_column { max-width: 550px; } .generate-fact .flickity-slider .wpb_text_column p, .generate-fact .flickity-slider .wpb_text_column p>strong { font-size: 32px; } /* Story 4 = Art Powers Business in bankside page CSS page CSS */ .image-with-content-mobile-sec p { font-size: 18px; font-weight: 300; line-height: 23px; letter-spacing: -0.03em; } .discover-title .image-with-content-mobile-sec { padding: 20px 15px 60px 0px; } .image-with-content-mobile-sec.wpb_text_column.wpb_content_element .wpb_wrapper h6 { font-family: 'Recife Text Web'; font-style: normal; font-weight: 300; font-size: 36px; line-height: 125%; letter-spacing: -0.03em; color: #262626; } .wpb_column.right_padding_desktop_150px>.vc_column-inner, .wpb_column.right_padding_desktop_160px>.vc_column-inner { padding-right: 0px; } .wpb_column.left_padding_desktop_100px>.vc_column-inner, .wpb_column.left_padding_desktop_160px>.vc_column-inner { padding-left: 0px; } .wpb_column.top_padding_desktop_232px>.vc_column-inner { padding-top: 0; } .mobile-flex-container .row_col_wrap_12_inner { align-items: center; column-gap: 25px; } div.image-with-content-sec.mobile-flex-container .row_col_wrap_12_inner .vc_col-sm-6 { width: calc(50% - 13px); margin: 0px !important; } body .image-center-content .wpb_wrapper h5, body .image-bottom-content .wpb_wrapper h5 { font-size: 26px; } .image-center-content p, .image-bottom-content p { font-size: 24px; line-height: normal; } /* .image-with-content-sec .wpb_column.left_padding_desktop_150px > .vc_column-inner, .image-with-content-sec .wpb_column.left_padding_desktop_80px > .vc_column-inner { padding-left: 50px; } .image-with-content-sec .wpb_column.right_padding_desktop_80px > .vc_column-inner { padding-right: 50px; } */ /* Story 7 = buildings break boundaries in bankside CSS */ .next-zero-sec .inner-col { /* max-width: calc(88% + 56px); */ max-width: 100%; padding: 0 35px !important; justify-content: center; } .timber-square-sec .text-with-top-line { margin-top: 50px; } /* .text-with-top-line { margin-left: 0 !important; max-width: 284px !important; padding: 0; } */ .carbon-sec { /* max-width: calc(88% + 56px); */ max-width: 100%; } .wpb_wrapper .paragraph-sec { padding: 0px 35px; } .wpb_wrapper h2.vc_custom_heading.next-heading { font-size: 255px !important; line-height: normal!important; } .paragraph-sec .vc_custom_1724927642312{ padding-bottom: 70px !important; } .grap-section .vc_custom_1724937386521 { padding-top: 100px !important; } .circle-sec .img-with-aniamtion-wrap.margin_top_tablet_0px.margin_top_phone_0px{ margin-top: 0px !important; } .circle-sec { padding: 0px 35px; } .wpb_wrapper .heading-title { letter-spacing: -5px; } /* Story 9 = THE OFFICE ISN’T DEAD IN BANKSIDE page CSS */ .exp-app-box-text { max-width: calc(95% - 36px); } .exp-app-box .exp-app-box-text .force-desktop-text-align-left { padding-left: 0px } .exp-app-box .nectar-simple-slider .flickity-page-dots { max-width: 95%; } .exp-app-box .flickity-page-dots::after { left: 4%; width: 92.5%; } .exp-app-box .vc_column-inner .wpb_text_column.big-text { max-width: 550px !important; } .exp-app-box .vc_column-inner .big-text p { font-size: 32px; } .exp-app-box-text .wpb_wrapper p { font-size: 20px; line-height: 26px; } .exp-app-box-text .row_col_wrap_12_inner .vc_col-sm-6 { width: 50%; } .epca-sec .cus-inner { min-width: 268px; max-width: 84%; } .epca-sec .text-with-top-line { max-width: 100% !important; margin-top: 50px; } /* ==================== End Story Sub Pages CSS ========================= */ } @media only screen and (max-width: 767px) { /* Start Workplaces Page CSS */ .workplaces-top-txt h5 { font-size: 20px !important; } .workplaces-top-txt h5 > span { color: #fff !important; } .vision-desktop { display: none; } .vision-mobile { display: block; } .workplaces-map .nectar_video_player_self_hosted .wpb_video_wrapper { padding-top: 0px; height: 100vh; } .workplaces-top-txt br { display: none; } .workplaces-top-txt { top: 84px; bottom: unset; padding-left: 30px; padding-right: 30px; max-width: 390px; } /* .vision-map-2 .vision-image::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100vw; height: 100%; background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.3; } */ .workplaces-map .vision-map .vision-layers .vision-link { font-size: 16px; padding: 4px 0px; width: 136px !important; margin-top: -60px; color: #ffffff; } .workplaces-map .vision-map .vision-layers .vision-offset::after { height: 32px; width: 2px; } .workplaces-map .vision-map .vision-layers .timber-square-map .vision-link { width: 130px !important; margin-top: -81px; } .workplaces-map .vision-map .vision-layers .the-liberty-map .vision-offset::after { height: 29px; } .workplaces-map .vision-map .vision-layers .the-liberty-map .vision-link { margin-top: -78px; width: 102px !important; } .workplaces-map .vision-map .vision-layers .row-one-map .vision-link { margin-top: -94px; width: 55px !important; } .workplaces-map .vision-map .vision-layers .row-one-map .vision-offset::after { height: 47px; } .workplaces-map .vision-map .vision-layers .the-forge-map .vision-link { margin-top: -64px; width: 80px !important; } .workplaces-map .vision-map .vision-layers .the-forge-map .vision-offset::after { height: 14px; } .workplaces-map .vision-map .vision-layers .southwark-bridge-map .vision-link { margin-top: -182px; min-width: 134px; } .workplaces-map .vision-map .vision-layers .southwark-bridge-map .vision-offset::after { height: 110px; } /* End Workplaces Page CSS */ /* Start Single Workplaces Page CSS */ .workplaces-video-mobile { display: block; } .workplaces-video-mobile .row_col_wrap_12 { height: 100vh; } .workplaces-single .wp-container { margin: 0 auto !important; } .workplaces-single .nectar-video-wrap+.row_col_wrap_12, .workplaces-single { min-height: unset !important; /* background-color: #ffd9e5; */ } .workplaces-single .wpb_wrapper { max-width: 460px; margin: 0 auto !important; } .workplaces-single .wp-container { max-width: 100%; } .workplaces-single .video-color-overlay, .workplaces-single .nectar-video-wrap { display: none !important; } .workplaces-single .wp-container>.vc_column-inner { padding-top: 80px !important; padding-bottom: 80px !important; } .workplaces-single .wp-container>.vc_column-inner { max-height: 100%; } .workplaces-single .wp-container .wpb_wrapper { padding-right: 0; } .workplaces-video-mobile { min-height: 100vh !important; } .workplaces-single .workplace-content { font-size: 18px; } .workplaces-single .visit-website { font-size: 20px; } /* End Single Workplaces Page CSS */ /* Story 7 = buildings break boundaries in bankside CSS */ .hide-section-mobile-stories { display: block; } .paragraph-sec .wpb_wrapper .text-custom p{ letter-spacing: normal; } .paragraph-sec .wpb_wrapper .text-custom{ padding : 0px; } .heading-title { font-size: 128px !important; line-height: 147px !important; letter-spacing: -7.739px; padding-left: 12px; } .k-text p { color: #212721; font-family: "Recife Text"; font-size: 20.639px; font-style: normal; font-weight: 300; line-height: 114%; letter-spacing: -0.413px; padding-left: 35px; padding-bottom: 70px !important; } .img-2k-sec { width: 235px; } .wpb_wrapper .text-custom p{ font-size: 18px; font-style: normal; font-weight: 300; line-height: 23.4px; letter-spacing: -0.54px; } .wpb_wrapper h2.vc_custom_heading.next-heading{ font-size: 202px !important; font-style: normal; font-weight: 400; line-height: 87% !important; letter-spacing: -14.4px; text-align: center !important; } .vc_custom_1724929068406.percentage-main { padding: 35px 35px !important; } .percentage-main .percentage-sec h2 { font-size: 170px; margin-right: 12px; } body .percentage-sec h3 { font-size: 58px !important; line-height: 69px !important; } body .percentage-sec h3:after{ border-width: 27px 20px 0 20px; } .grap-section .img-with-aniamtion-wrap.right { margin: 0px !important; } .vc_custom_1724930700579.grap-section { padding: 0px 35px !important; } p.vc_custom_heading.vc_do_custom_heading.heading-text{ font-size: 180px !important; line-height: 94% !important; letter-spacing: -11px !important; text-align: left !important; padding: 0px !important; } .grap-section .vc_custom_1724916538017 { padding-top: 0px; } img.img-with-animation.grap-image.skip-lazy { padding-bottom: 132px !important; } .work-space-heading{ display: none; } .circle-sec .img-with-aniamtion-wrap.margin_top_tablet_0px.margin_top_phone_0px{ margin-top: 0px !important; } .wpb_text_column.wpb_content_element.mobile-sec-text p { color: #212721; font-family: "Mint Grotesk"; font-size: 32px; font-style: normal; font-weight: 400; line-height: 125%; letter-spacing: -0.96px; } .circle-sec { padding-bottom: 94px; padding-top :90px; padding-left : 35px; padding-right : 35px; } /* Story 9 = THE OFFICE ISN’T DEAD IN BANKSIDE page CSS */ .exp-app-box-text .wpb_wrapper p { font-size: 17px; line-height: 22px; } .exp-app-box .flickity-page-dots::after { left: 5%; width: 91.2%; } .exp-app-box-text { padding-top: 0px; } } @media only screen and (max-width: 690px) { /* Start common CSS */ .container { max-width: calc(100% - 32px); } /* End common CSS */ /* Story 1 = Romans laid foundations in bankside */ .two-layout-sec.large-img-sec .row_col_wrap_12_inner .wpb_column.vc_col-sm-8 { max-width: calc(100% + 16px); min-width: calc(100% + 16px); padding-right: 0; margin-left: -16px; } /* Story 2 = Words and Ideas flourish in bankside page CSS */ .video-image-preview.desktop { display: none !important; } .video-image-preview.mobile { display: block !important; max-height: 550px; object-fit: cover; } .story-words.videobox-sec a.play_button_with_text { bottom: 7%; } /* Story 9 = THE OFFICE ISN’T DEAD IN BANKSIDE page CSS */ .exp-app-box .exp-app-box-text .force-desktop-text-align-left { padding-left: 1%; } .exp-app-box-text { max-width: calc(100% - 50px); } .exp-app-box .nectar-simple-slider .flickity-page-dots { max-width: calc(100% - 60px); width: 100%; left: 30px; transform: unset; } /* .exp-app-box .flickity-page-dots .dot.is-selected { background-color: transparent; border-color: transparent; } */ /* .exp-app-box .flickity-page-dots .dot:before { width: 20px; height: 20px; opacity: 0; } */ .exp-app-box .flickity-page-dots .dot { width: 20px; height: 20px; /* width: 100%; */ background-color: transparent; top: 10px; } .exp-app-box .flickity-page-dots .dot.is-selected:before { /* background-color: #ebebe4; */ opacity: 1; } .exp-app-box .flickity-page-dots::after { left: 0; width: 100%; height: 1px; } .exp-app-box .flickity-page-dots .dot:first-child::after, .exp-app-box .flickity-page-dots .dot:last-child::after { display: block; } /* Start Common CSS */ .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous { left: 0; } .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next { right: 0; } .nectar-flickity.nectar-carousel .flickity-slider .inner-wrap-outer { width: 100%; margin: 0 auto; } .container, #ajax-content-wrap>.container-wrap>.container { max-width: calc(100% - 32px); } /* End Common CSS */ /* Start Header CSS */ body #header-outer[data-full-width=true] header>.container, body #header-secondary-outer[data-full-width=true]>.container, body[data-slide-out-widget-area-style=simple] #header-outer[data-full-width=true] #mobile-menu { padding: 0px; max-width: calc(100% - 32px); } /* End Header CSS */ /* Start Footer CSS */ .nectar-global-section.nectar_hook_global_section_footer .container { padding: 0 16px; } body.home .footer-top { margin-bottom: 10px !important; } body .footer-left-col .wpb_wrapper .wpb_text_column { width: 100%; } body .footer-left-col .wpb_wrapper .wpb_text_column:last-child { margin-top: 18px; } .footer-section .nectar-scrolling-text-inner ul { font-size: 18px; } /* End Footer CSS */ /* Start home page CSS */ .stories-section .wpb_wrapper img { margin-top: 0; } .innovative-investment h2 br, .home h2 br { display: none; } .desktop-text { display: none; } .mobile-text { display: block; } .home .workplaces-section h3 br { display: block; } #fp-nav.tooltip ul li a>span { height: 4px !important; width: 4px !important; } #fp-nav.tooltip ul li a { padding: 7px; } /* End Home page CSS */ /* Start Stories Page CSS */ .workplaces-top-txt { padding-left: 16px; padding-right: 16px; } /* End Stories Page CSS */ .footer-section .footer-bottom .img-with-aniamtion-wrap .hover-wrap { margin-bottom: 10px; } .material .footer-right-col ul li a { font-size: 16px; } .footer-section .footer-inner-row h4 br { display: none; } /* ==================== Start Story Sub Pages CSS ========================= */ /* Story 5 = Meet The Neighbours in bankside CSS */ .meet-the-neighbours-in-bankside-page .intro-sec p:first-child { max-width: 284px; margin: 0 auto; } /* Story 1 = Romans Laid Foundations in bankside page CSS */ .discoverbg-sec .wpb_text_column { max-width: 320px; } body .kickstart-sec h4.vc_custom_heading { font-size: 22px; line-height: 28px; } .kickstart-sec p { font-size: 18px; line-height: 23px; } .romans-laid-foundations-in-bankside-page .wpb_text_column.desktop-description { padding-right: 10px; } /* .image-bottom-text { display: none; } */ .romans-laid-foundations-in-bankside-page .regular-button { font-size: 16px; line-height: 22px; padding: 7px 26px; } .image-width-bg .img-with-aniamtion-wrap .hover-wrap-inner { max-width: 260px; margin: 0 auto; } .liberty-heading .vc_custom_heading.vc_do_custom_heading { font-size: 32px; line-height: 40px; } .two-layout-sec .row_col_wrap_12_inner .vc_col-sm-6.wpb_column:nth-child(2) .vc_column-inner .wpb_wrapper { display: flex; flex-direction: column; } /* .two-layout-sec .row_col_wrap_12_inner .vc_col-sm-6.wpb_column:nth-child(2) .vc_column-inner .wpb_wrapper .wpb_text_column.wpb_content_element { order: 1; } */ body.romans-laid-foundations-in-bankside-page .hover-wrap-inner img.mobile-img { margin-right: 15px !important; } /* .romans-laid-foundations-in-bankside-page .desktop-description { display: none; } */ body.romans-laid-foundations-in-bankside-page .hover-wrap-inner img.mobile-img, body.romans-laid-foundations-in-bankside-page .mobile-description { display: block; } .two-layout-sec .img-with-aniamtion-wrap .hover-wrap { margin-bottom: 18px; } /* .romans-laid-foundations-in-bankside-page .hover-wrap-inner img.desktop-img { display: none; } */ .buildings-break-boundaries-in-bankside-page a.nectar-button, .romans-laid-foundations-in-bankside-page a.nectar-button { font-size: 16px; line-height: 22px; padding: 7px 25px !important; } .discover-title .wpb_wrapper { max-width: 340px; } /* Story 2 = Words and Ideas flourish in bankside page CSS */ .heading-sec h1, .heading-sec p { letter-spacing: -1px; line-height: 110% !important; } .heading-sec p { font-size: 40px; } .heading-sec .img-with-aniamtion-wrap.position_desktop_absolute img { width: 245px; max-width: 100%; } .videobox-sec .vc_column-inner .normal-txt p { font-size: 18px; } .videobox-sec .vc_column-inner .capital-txt p { letter-spacing: 1px; font-size: 22px; } .videobox-sec .nectar_video_lightbox .link-text { font-size: 26px; display: block; margin-left: 0px !important; margin-top: 10px; } /* .videobox-sec .nectar_video_lightbox.play_button_with_text[data-style=small] .play>.inner-wrap:before { border-color: transparent !important; } */ /* .videobox-sec .nectar_video_lightbox .inner-wrap.inner { background-image: url('data:image/svg+xml,'); } */ .videobox-sec.popup-box .vc_column-inner .wpb_text_column.normal-txt, .videobox-sec .vc_column-inner .wpb_text_column.capital-txt, .videobox-sec .nectar_video_lightbox .link-text p { display: none !important; } .videobox-sec.popup-box .vc_column-inner { height: 634px; } .videobox-sec .column-image-bg { background-repeat: no-repeat; background-position: center; background-size: cover; } .videobox-sec .nectar_video_lightbox .link-text::before { content: "PLAY FILM"; } .videobox-sec a.play_button_with_text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .discover-title h2 { font-size: 32px !important; letter-spacing: -1px !important; } .discoverbg-sec h4 { letter-spacing: -1px !important; } .discoverbg-sec br { display: block; } /* Story 3 = facts not opinions in bankside page CSS */ .generate-fact .vc_column-inner .normal-txt p { font-size: 16px; } .generate-fact .flickity-slider .wpb_text_column p { letter-spacing: -0.8px; font-size: 26px; } .facts-not-opinions-in-bankside-page .intro-sec p:first-child { max-width: 220px; margin: 0 auto; } .generate-fact .vc_column-inner .wpb_text_column.normal-txt, .generate-fact .flickity-slider .wpb_text_column { padding: 0 15px; } .generate-fact .nectar-button { max-width: 300px; font-size: 15px; } .generate-fact .owl-carousel { margin-bottom: 65px; } /* Story 4 = Art Powers Business in bankside page CSS page CSS */ /* .image-bottom-content, .image-center-content { display: none; } */ .image-with-content-sec .hide-element { display: none; } .image-with-content-sec.column-reverse-mobile .row_col_wrap_12_inner { flex-direction: column-reverse; } .image-center-content.image-center-content-mobile { display: block; max-width: 230px; } body .image-center-content .wpb_wrapper h5, body .image-bottom-content .wpb_wrapper h5 { font-size: 18px; line-height: normal; letter-spacing: -0.03em; } .image-center-content p, .image-bottom-content p { font-size: 12px; } /* .image-with-content-sec .row_col_wrap_12_inner .vc_col-sm-6:first-child { margin-left: 60px !important; } .image-with-content-sec .row_col_wrap_12_inner .vc_col-sm-6:nth-child(2) { margin-right: 60px !important; } */ .image-with-content-sec { width: calc(100% + 8%); margin-left: -4%; } .image-with-content-mobile-sec { display: block; padding: 0 20px; text-align: left; } /* .full-image-mobile-sec.image-with-content-sec .row_col_wrap_12_inner .vc_col-sm-6:first-child { margin-left: 0 !important; } */ div.image-with-content-sec.mobile-flex-container .row_col_wrap_12_inner .vc_col-sm-6 { width: 100%; } .image-with-content-sec .wpb_column > .vc_column-inner { margin-bottom: 60px; } /* Story 5 = Meet The Neighbours in bankside CSS */ .meet-the-neighbours-in-bankside-page .intro-sec p:first-child { max-width: 284px; margin: 0 auto; } /* Story 7 = buildings break boundaries in bankside CSS */ .buildings-break-boundaries-in-bankside-page .liberty-heading .desktop-heading { display: none; } .buildings-break-boundaries-in-bankside-page .liberty-heading .mobile-heading { display: block; } img.show-desktop-heading { display: none; } img.show-mobile-heading { width: 100% !important; display: block; margin-bottom: 22px !important; } /* .text-with-top-line { padding: 0; max-width: 100% !important; } */ .text-with-top-line { margin-left: 0 !important; max-width: 284px !important; padding: 0; } .carbon-sec { max-width: calc(100% - 32px); margin: 0 auto !important; } /* Story 8 = Nature Nurtures in bankside page CSS */ .nature-nurtures-in-bankside-page .videobox-sec a.play_button_with_text:nth-child(1) { display: none; } .nature-nurtures-in-bankside-page .videobox-sec a.play_button_with_text:nth-child(2) { display: inline-block; } .nature-nurtures-in-bankside-page .videobox-sec .vc_column-inner { height: auto; } .nature-nurtures-in-bankside-page .intro-sec .wpb_wrapper p strong { max-width: 85%; display: block; margin: 0 auto; } .nature-nurtures-in-bankside-page .videobox-sec .nectar_video_lightbox .link-text p { display: block !important; max-width: 260px; } .nature-nurtures-in-bankside-page .liberty-heading .vc_custom_heading.vc_do_custom_heading { max-width: 230px; } .nature-nurtures-in-bankside-page .videobox-sec .nectar_video_lightbox .link-text::before { content: unset; } .nature-nurtures-in-bankside-page .videobox-sec a.play_button_with_text { position: static; top: unset; left: unset; transform: unset; } .image-width-bg .img-with-aniamtion-wrap .hover-wrap-inner { max-width: 260px; margin: 0 auto; } .nature-nurtures-in-bankside-page a.nectar-button { font-size: 16px; line-height: 22px; padding: 7px 25px !important; } /* Story 9 = THE OFFICE ISN’T DEAD IN BANKSIDE page CSS */ .exp-app-box .vc_column-inner .wpb_text_column.normal-txt, .exp-app-box .vc_column-inner .big-text { padding: 0 15px; } .the-office-isnt-dead-in-bankside-page .intro-sec p:first-child { max-width: 280px; margin: 0 auto; } .exp-app-box .vc_column-inner .normal-txt p { font-size: 16px; } .exp-app-box .vc_column-inner .big-text p { font-size: 26px; } .exp-app-box-text .wpb_wrapper p { font-size: 16px; line-height: 20px; letter-spacing: -0.01em; } .exp-app-box-text-mobile.exp-app-box-text { display: block; } .exp-app-box-text-desktop.exp-app-box-text { display: none; } /* Story 7 = buildings break boundaries in bankside CSS */ .next-zero-sec .inner-col { max-width: 100%; padding: 0 !important; } .next-zero-sec .inner-col .content-net-zero { padding-left: 16px !important; margin-right: 16px !important; max-width: 320px; } .large-text-sec .wpb_text_column p { font-size: 30px; letter-spacing: -0.9px; } .large-text-sec .wpb_column.vc_column_container { padding-left: 1% !important; padding-right: 1% !important; } .text-with-top-line p { font-size: 16px; } body .percentage-main, body .number-sec { padding-left: 0px !important; } body .CLT-sec { padding-left: 50px !important; } .CLT-sec h2 { letter-spacing: -10px; } .carbon-sec .wpb_text_column:first-child .wpb_wrapper { display: block; } .carbon-sec .wpb_text_column:first-child .wpb_wrapper h2 { font-size: 94px; letter-spacing: -6px; line-height: 114%; } .carbon-sec .wpb_text_column:first-child .wpb_wrapper p { font-size: 56px; margin-left: 0px; } .carbon-sec .text-with-top-line { margin-left: 0px !important; } .award-sec .award-sec-inner { padding: 0 !important; } .award-sec .award-sec-inner, .timber-square-sec, .number-sec, .epca-sec { max-width: calc(100% - 32px); margin: 0 auto !important; } .col-padding .percentage-sec { padding-left: 2% !important; padding-right: 2% !important; } .epca-sec .text-with-top-line, .timber-square-sec .text-with-top-line { margin-top: 50px; } .next-zero-sec .text-with-top-line, .percentage-main .text-with-top-line, .epca-sec .text-with-top-line, .number-sec .text-with-top-line, .award-sec .text-with-top-line, .timber-square-sec .text-with-top-line { width: 100% !important; /* padding: 0px 16px; */ } .number-sec .text-with-top-line { max-width: 325px !important; padding: 0; } .grap-section .vc_column-inner { padding: 0px !important; } .award-sec h2.vc_custom_heading { font-size: 86px !important; line-height: 114% !important; letter-spacing: -5px; } .timber-square-sec .wpb_column.timber-circle-number .wpb_text_column { width: 267px; height: 267px; } .timber-square-sec .wpb_column.timber-circle-number .wpb_text_column h3 { font-size: 50px; } .timber-square-sec .text-with-top-line { max-width: 270px !important; } .timber-square-sec .vc_row.inner_row { padding-left: 0px !important; } /* ==================== End Story Sub Pages CSS ========================= */ } @media only screen and (max-width: 380px) { /* Start Common CSS */ .flickity-prev-next-button { background-size: 25px !important; width: 35px !important; height: 35px !important; } /* End Common CSS */ /* Start Workplaces Page CSS */ .workplaces-top-txt h5 { font-size: 18px !important; } /* End Workplaces Page CSS */ /* Start Single Workplaces Page CSS */ .workplaces-single .wp-container>.vc_column-inner { padding-top: 40px !important; padding-bottom: 40px !important; } .workplaces-single .workplace-content { font-size: 16px; } .workplaces-single .visit-website { font-size: 18px; } /* End Single Workplaces Page CSS */ /* ==================== Start Story Sub Pages CSS ========================= */ .heading-sec h1, .heading-sec p { font-size: 35px; } /* ==================== End Story Sub Pages CSS ========================= */ }