/* ---------------------------------------------------------------------------------- Nicolas Krupp main.css ---------------------------------------------------------------------------------- */ /* ----------------------------------------------------- Dark body -------------------------------------------*/ #smoothscroll.smoothscroll-init { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 40; } body.layout-hero-header #smoothscroll .scroll-content { padding-top: 100vh; } /* ----------------------------------------------------------- Layout ----------------------------------------------------------- */ /* ------------------------------------------------ Containers/resets are full-width ----------------*/ #container { width: 100%; padding-top: 0; padding: 0; } body.layout-hero-header #container::before { display: none; } #hero-header > .inner { width: 100%; padding: 0; } /* ----------------------------------------------------- New utility classes for content widths ----------------*/ .container-inner-wide, .container-inner { width: 100%; box-sizing: border-box; margin: 0 auto; } .container-inner-wide { padding: 0 60px; padding-top: 0; } .container-inner { padding: 0 125px; max-width: 1660px; } #header, #header.header_fixed { background: transparent; margin: 0; padding: 0; width: 240px; box-sizing: border-box; opacity: 1; /* 0; */ -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; /* display: inline-block; */ } .first-load-complete #header { opacity:1; } #header .inner, #header.header_fixed .inner { position: relative; min-height: 0; margin: 0 auto; padding: 0; } body.layout-hero-header #header { height: 150px; } /* --------------------------------------------- LOGO ---------------------------------------------- */ #logo { position: absolute; z-index: 50; padding: 0; margin: 0; height: auto; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; text-transform: uppercase; font-weight: 200; } #logo a { height: auto; font-size: 2.4rem; line-height: 2.8rem; letter-spacing: 0.02rem; color: #fff; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; } #footer-logo a { height: auto; font-size: 2.4rem; line-height: 2.8rem; letter-spacing: 0.02rem; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; text-transform: uppercase; font-weight: 200; color: #7D7D7D; } #logo *{ -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ -webkit-transition: color 0.2s linear; transition: color 0.2s linear; } .section-pagenotfound #logo a, #protected_path_login #logo a, #logo a { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; color: #fff; } /* --------------------------------------------- Main menu ---------------------------------------------- */ .navbar.container, .navbar.container-fluid, .navbar.navbar-static-top { margin-top: 0; padding-top: 30px; padding-bottom: 20px; padding-left: 0; padding-right: 0; min-height: 40px; border-radius: 0; } .navbar-collapse { padding-right: 0; padding-left: 0; } .navbar-nav { float: right; margin: 0; } .navbar-btn { margin-top: 0; margin-bottom: 0; } .navbar-inverse .navbar-nav > li > a { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; text-transform: uppercase; font-size: 1.4rem; letter-spacing: 0.12px; line-height: 2.4rem; font-weight: 200; text-transform: uppercase; z-index: 50; } .navbar-inverse .navbar-nav > li.last > a { padding-right: 0; } .navbar-toggle { z-index: 50; border: none; margin-right: 25px; padding-top: 20px; } .navbar-collapse { z-index: 50; } /* --------------------------------------------- BLACK LOGO & MENU ---------------------------------------------- */ /*.invert-logo #logo *, .section-content #logo *, .section-publications #logo *, .section-news #logo *{ fill: #0F0F0F; }*/ body.node-type-list-of-exhibitions #logo a, body.node-type-list-of-exhibitions #logo a, body.node-type-list-of-art-fairs #logo a, body.node-type-list-of-news #logo a, body.node-type-list-of-offers #logo a, body.node-type-list-of-publications #logo a, body.node-type-museum-exhibition #logo a, body.node-type-publications #logo a, body.work_page #logo a, body.page-artists #logo a, body.page-taxonomy-term-27 #logo a, body.page-taxonomy-term-28 #logo a, body.page-about:not(.page-about-ground-plan) #logo a, body.page-artists .navbar-nav > li > a, body.page-artists .navbar-nav > li > a:hover, body.node-type-list-of-exhibitions .navbar-inverse .navbar-nav > li > a, body.node-type-list-of-exhibitions .navbar-inverse .navbar-nav > li > a:hover, body.node-type-list-of-art-fairs .navbar-inverse .navbar-nav > li > a, body.node-type-list-of-art-fairs .navbar-inverse .navbar-nav > li > a:hover, body.node-type-list-of-news .navbar-inverse .navbar-nav > li > a, body.node-type-list-of-news .navbar-inverse .navbar-nav > li > a:hover, body.node-type-list-of-offers .navbar-inverse .navbar-nav > li > a, body.node-type-list-of-offers .navbar-inverse .navbar-nav > li > a:hover, body.node-type-list-of-publications .navbar-inverse .navbar-nav > li > a, body.node-type-list-of-publications .navbar-inverse .navbar-nav > li > a:hover, body.node-type-museum-exhibition .navbar-inverse .navbar-nav > li > a, body.node-type-museum-exhibition .navbar-inverse .navbar-nav > li > a:hover, body.node-type-publications .navbar-nav > li > a, body.node-type-publications .navbar-nav > li > a:hover, body.work_page .navbar-nav > li > a, body.work_page .navbar-nav > li > a:hover, body.page-taxonomy-term-27 .navbar-nav > li > a, body.page-taxonomy-term-27 .navbar-nav > li > a:hover, body.page-taxonomy-term-28 .navbar-nav > li > a, body.page-taxonomy-term-28 .navbar-nav > li > a:hover, body.page-about:not(.page-about-ground-plan) .navbar-nav > li > a, body.page-about:not(.page-about-ground-plan) .navbar-nav > li > a:hover, .section-content #logo a, .section-publications #logo a, .section-news #logo a, .section-exhibitions #logo a, .section-search #logo a, .invert-logo #logo a span, .section-publications #logo a span, .section-exhibitions #logo a span, .section-search #logo a span, .section-news #logo a span { color: #0F0F0F; } body.node-type-list-of-editions .navbar.container-fluid, body.node-type-list-of-editions .navbar.navbar-static-top, body.edition_page .navbar.container-fluid, body.edition_page .navbar.navbar-static-top, .invert-logo #main-menu-reveal .container-btn .bar, .section-content #main-menu-reveal .container-btn .bar, .section-news #main-menu-reveal .container-btn .bar, .section-exhibitions #main-menu-reveal .container-btn .bar, .section-publications #main-menu-reveal .container-btn .bar, .section-search #main-menu-reveal .container-btn .bar, body.page-artists .navbar-inverse .navbar-toggle .icon-bar, body.node-type-list-of-exhibitions .navbar-inverse .navbar-toggle .icon-bar, body.node-type-list-of-art-fairs .navbar-inverse .navbar-toggle .icon-bar, body.node-type-list-of-news .navbar-inverse .navbar-toggle .icon-bar, body.node-type-list-of-offers .navbar-inverse .navbar-toggle .icon-bar, body.node-type-list-of-publications .navbar-inverse .navbar-toggle .icon-bar, body.node-type-museum-exhibition .navbar-inverse .navbar-toggle .icon-bar, body.node-type-publications .navbar-inverse .navbar-toggle .icon-bar, body.work_page .navbar-inverse .navbar-toggle .icon-bar, body.page-taxonomy-term-27 .navbar-inverse .navbar-toggle .icon-bar, body.page-taxonomy-term-28 .navbar-inverse .navbar-toggle .icon-bar, body.page-about:not(.page-about-ground-plan) .navbar-inverse .navbar-toggle .icon-bar { background-color: #0F0F0F; } body.work_page .navbar.container-fluid, body.work_page .navbar.navbar-static-top { background-color: #f8f8f8; } /* --------------------------------------------- INVERTED BLACK LOGO ---------------------------------------------- */ /*body.navigation-open #logo *, body.navigation-open.section-publications #logo *, body.navigation-open.section-news #logo * { fill: #fff !important; }*/ body.navigation-open #logo a, body.navigation-open.section-publications #logo a, body.navigation-open.section-exhibitions #logo a, body.navigation-open.section-search #logo a, body.navigation-open.section-about #logo a, body.navigation-open.section-news #logo a, body.navigation-open #logo a span, body.navigation-open.section-publications #logo a span, body.navigation-open.section-exhibitions #logo a span, body.navigation-open.section-search #logo a span, body.navigation-open.section-about #logo a span, body.navigation-open.section-news #logo a span { color: #fff !important; } body.navigation-open.section-exhibitions #main-menu-reveal .container-btn .bar, body.navigation-open.section-search #main-menu-reveal .container-btn .bar, body.navigation-open.section-news #main-menu-reveal .container-btn .bar { background-color: #FFF; } /* -------------- until 185 ----------*/ /* -------------- until 289 ----------*/ .fullscreen_slideshow { top: 0 !important; } body.layout-hero-header #container { padding-top: 0 !important; } .navigation { } .navigation ul { } .navigation ul li { } .navigation ul li a { } .navigation ul li a, .navigation ul li a:visited { } .navigation ul li a:hover { } .navigation ul li.active a, .navigation ul li.active a:visited, .navigation ul li.active a:hover { } #top-nav.navigation ul { line-height: 9.5rem; position: relative; z-index: 20; } #top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search-reveal { color: rgba(255, 255, 255, 0.8); transition: color 0.3s linear; font-size: 8.1rem; letter-spacing: 0; line-height: 9.5rem; height: 9.5rem; text-transform: uppercase; font-family: 'Fifty Regular', Sans-Serif; cursor: pointer; } body.layout-hero-header #top-nav.navigation ul li a { color: rgba(255, 255, 255, 0.7); } body.layout-hero-header #top-nav.navigation ul li.active a, body.layout-hero-header.section-home #top-nav.navigation ul li a { color: #fff !important; } /* body.layout-hero-header #top-nav.navigation ul li a:hover, .faux-search-reveal:hover */ /* -------------- until 348 ------------------------------------------------------------------------------------------------------------------------*/ /* -------------- from 836 ------------------------------------------------------------------------------------------------------------------------*/ /* Content areas ----------------------------------------------------------- */ #main-content { padding: 110px 0 0; margin: 0; } .layout-fixed-header #main-content { padding-top: 149px; } #content { clear: both; } #content-module { float: left; width: 54%; /*margin-bottom: 80px;*/ } #secondary-content-module { } .series-content-module { } #sidebar, .sidebar { float: right; width: 38%; text-align: center; } .section-news #sidebar, .subsection-explore-record .sidebar { box-sizing: content-box; float: right; width: 38%; position: absolute; right: 0; } #sidebar .image, .sidebar .image { height: auto; background: none; margin-bottom: 0; position: relative; } #sidebar .image img, .sidebar .image img { display: block; margin: 0 auto; max-height: 70vh; max-width: 100%; } #sidebar .caption { padding-top: 0; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.2rem; /*color: #ffffff;*/ letter-spacing: .007rem; line-height: 2rem; text-transform: uppercase; padding-right: 30px; text-align: left; position: absolute; bottom: -50px; padding: 15px 0; box-sizing: border-box; opacity: 0; transform: translate3d(0,-20px,0); -moz-transition: -moz-transform 0.7s cubic-bezier(.18, 1, .21, 1), opacity 1s cubic-bezier(.18, 1, .21, 1); -o-transition: -o-transform 0.7s cubic-bezier(.18, 1, .21, 1), opacity 1s cubic-bezier(.18, 1, .21, 1); -webkit-transition: -webkit-transform 0.7s cubic-bezier(.18, 1, .21, 1), opacity 1s cubic-bezier(.18, 1, .21, 1); transition: transform 0.7s cubic-bezier(.18, 1, .21, 1), opacity 1s cubic-bezier(.18, 1, .21, 1); } .sidebar .caption { padding-top: 15px; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.3rem; line-height: 2.2rem; text-transform: uppercase; padding-right: 30px; text-align: left; box-sizing: border-box; opacity: 1; } #sidebar:hover .caption { opacity: 1; transform: translate3d(0,0,0); } #quicksearch-btn { color: #9e9e9e; text-decoration: none; } /* Footer ----------------------------------------------------------- */ .footer { padding: 70px 0 0; margin: 0; box-sizing: border-box; width: 100%; font-size: 1.6rem; color: #7D7D7D; letter-spacing: 0.1px; line-height: 3.8rem; background: #FCFCFC; display: block; position: relative; border-top: 0; z-index: 100; } #back_to_top { box-sizing: content-box; position: absolute; top: 50px; right: 45px; cursor: pointer; padding: 0 15px; } #footer-logo { float: left; width: 233px; padding-right: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0; line-height: 2.8px; } .footer #contact-info { max-width: 1200px; float: left; width: 75%; } .footer #contact-info .contacts-list-wrapper { float: left; } .footer #contact-info .contacts-list { margin-bottom: 15px; } .footer #contact-info .contacts-list ul li { margin: 0 0 0; width: 33%; } .footer #contact-info .contacts-list ul li.footer-open-hours { width: 66%; } .footer #contact-info .contacts-list-wrapper h2 { letter-spacing: 0; font-size: 2.1rem; margin-top: 0; margin-bottom: 30px; color: #7D7D7D; } .footer #contact-info .contacts-list-wrapper h3 { letter-spacing: 0; font-size: 1.2rem; } .footer #contact-info #contact-info-studio { width: 25%; } .footer #contact-info #contact-info-studio .contacts-list ul li { width: 100% } .footer #contact-info #contact-info-galleries { width: 75%; max-width: 900px; } /* .footer #contact-info #contact-info-galleries .contacts-list ul li { width: 35%; } .footer #contact-info #contact-info-galleries .contacts-list ul li:nth-child(2n) { width: 64%; } */ .footer #contact-info #contact-info-galleries .contacts-list p { padding-bottom: 0; padding-right: 20px; } .footer #contact-info #contact-info-galleries .external-link { color: #7D7D7D; } .footer .copyright { /* padding-top: 200px; */ padding-top: 50px; clear: both; width: 100%; text-align: right; text-transform: uppercase; font-weight: 200; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.45rem; line-height: 3.0rem; letter-spacing: 0.15rem; margin-bottom: 30px; } #footer #artlogic { } #footer #copyright { } .footer a, .footer a:visited { color: #b9b3b3; } .footer a:hover { color: #7D7D7D; } .footer #artlogic { margin-right: 0; display: inline-block; vertical-align: middle; color: #c5bebe; margin-left: 20px; } .footer #copyright { margin-right: 0; display: inline-block; vertical-align: middle; color: #b9b3b3; } /* ----------------------------------------------------------- Page Specific ----------------------------------------------------------- */ /* Home ----------------------------------------------------------- */ .section-home.layout-hero-header #content { background-color: #fff; } .section-editions #content { background-color: #070707; } #hero-header > .inner, body.layout-hero-header:not(.type-fullscreen ) #main-content::before { display: none; } /* body.section-home { height: auto; background-color: #3333ED; background-image: linear-gradient(to bottom, #070707 0%, #070707 100%); }*/ .section-home .feature_panels { padding-bottom: 20vh; overflow: hidden; } .fullscreen-flickity-carousel { height: 100vh; } .fullscreen_slideshow { position: relative; overflow: hidden; margin-bottom: 20vh; height: 100vh; z-index: 1; /* -2 */ } .fullscreen_slideshow .fullscreen-slide .header-slide { display: block; width: 100vw; height: 100vh; padding: 6vh 4%; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: end; align-items: end; position: relative; } .fullscreen_slideshow .fullscreen-slide .title { display: block; max-width: 1000px; } .fullscreen_slideshow .fullscreen-slide .title h2 { text-decoration: none; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 5.1rem; color: #FFFFFF; letter-spacing: 0.060rem; line-height: 5.5rem; margin: 0; margin-bottom: 25px; transition: all 0.5s; } .fullscreen_slideshow .fullscreen-slide .date, .fullscreen_slideshow .fullscreen-slide .subtitle { text-transform: uppercase; font-weight: 200; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #FFFFFF; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5rem; color: #FFFFFF; line-height: 3.0rem; letter-spacing: 0.15rem; } .fullscreen_slideshow .fullscreen-slide { height: 100vh; width: 100%; color: #fff; } .fullscreen_slideshow .parallax-background { height: 100vh; background-size: cover; position: absolute; top: 0; left: 0; width: calc(100% + 500px); transform: translateX(0); } .fullscreen_slideshow .fullscreen-slide.animation .parallax-background { transform: translateX(-500px); -webkit-transition: transform 10s linear; transition: transform 10s linear; } .fullscreen_slideshow .fullscreen-slide .content { position: fixed; z-index: 40; bottom: 0; right: 0; width: 100%; transform:translateY(50px); opacity: 0; -webkit-transition: opacity .1s linear; transition: opacity .1s linear; } .fullscreen-slide.is-selected .content{ width: 100%; opacity: 1.0; transform: translateY(0); -webkit-transition: all 800ms cubic-bezier(0.005, 0.645, 0.000, 1); -webkit-transition: all 800ms cubic-bezier(0.005, 0.645, 0.000, 1.055); -moz-transition: all 800ms cubic-bezier(0.005, 0.645, 0.000, 1.055); -o-transition: all 800ms cubic-bezier(0.005, 0.645, 0.000, 1.055); transition: all 800ms cubic-bezier(0.005, 0.645, 0.000, 1.055); -webkit-transition-timing-function: cubic-bezier(0.005, 0.645, 0.000, 1); -webkit-transition-timing-function: cubic-bezier(0.005, 0.645, 0.000, 1.055); -moz-transition-timing-function: cubic-bezier(0.005, 0.645, 0.000, 1.055); -o-transition-timing-function: cubic-bezier(0.005, 0.645, 0.000, 1.055); transition-timing-function: cubic-bezier(0.005, 0.645, 0.000, 1.055); } .fullscreen-slide .content .inner { display: block; color: #fff; position: absolute; z-index: 40; right: 90px; bottom: 70px; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform:rotate(90deg); transform: rotate(90deg); width: auto; text-align: right; text-align: right; transform: rotate(90deg); font-family: '__Orator-Oblique__', "Courier New", Courier, sans-serif; font-size: 1.55rem; color: #FFFFFF; letter-spacing: 0.1rem; line-height: 3.4rem; text-transform: uppercase; } .caption-node { width: 321px; height: 50px; display: block; position: absolute; bottom: 40px; right: 62px; z-index: 99; } /* Flickety customisation - fade only ------------------------------------------------------------- */ #custom_slideshow .flickity-slider { -moz-transition: none; -webkit-transform: none !important; transform: none !important; background-color: #a4a4a4; } /*Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) CSS from: http://codepen.io/transportedman/pen/NPWRGq and: http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide Inspired from: http://codepen.io/Rowno/pen/Afykb*/ /* Fade transition for carousel items */ .carousel-fade .item { left: 0 !important; -webkit-transition: opacity 1.5s ease-in-out 0.3s; /*adjust timing here */ -moz-transition: opacity 1.5s ease-in-out 0.3s; -o-transition: opacity 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s; } .carousel-control { /* background-image: none !important; /* remove background gradients on controls */ } /* Fade controls with items */ .carousel-fade .next.left, .carousel-fade .prev.right { opacity: 1; -webkit-transition: opacity 1.5s ease-in-out; /*adjust timing here */ -moz-transition: opacity 1.5s ease-in-out; -o-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; z-index: 1; } .carousel-fade .active.left, .carousel-fade .active.right { opacity: 0; z-index: 2; } /*WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity*/ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* #custom_slideshow .carousel-inner > .item { -moz-transition: none; -webkit-transform: none !important; transform: none !important; } .fullscreen-slide, #custom_slideshow .carousel-inner > .item, #custom_slideshow .carousel-inner > .item.next, #custom_slideshow .carousel-inner > .item.active.right, #custom_slideshow .carousel-inner > .item.prev, #custom_slideshow .carousel-inner > .item.active.left { left: 0 !important; opacity: 0; -webkit-transition: opacity 1.5s ease-in-out 0.3s; transition: opacity 1.5s ease-in-out 0.3s; z-index: 1; } .fullscreen-slide.is-selected, #custom_slideshow .carousel-inner > .item.next.left, #custom_slideshow .carousel-inner > .item.prev.right, #custom_slideshow .carousel-inner > .item.active { opacity: 1; -webkit-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; z-index: 2; } */ #custom_slideshow .flickity-prev-next-button { z-index: 3; } .section-home .flickity-enabled.is-draggable .flickity-viewport { /* cursor: none !important; */ } body.browser-js-enabled #container-wrapper { visibility: hidden; } body.browser-js-enabled.first-load-complete #container-wrapper{ visibility: visible; } /*#preloader_mask_inner { content: ''; height: 100vh; width: 100%; position: fixed; z-index: 10050; top: 0; left: 0; right: 0; background-size: cover; opacity: 0; }*/ body.splash-loader-active #preloader #preloader_mask { background: #0c0c0c !important; } body.splash-loader-active #preloader #preloader_mask { transition: opacity 1000ms cubic-bezier(.87,.17,.18,.85) !important; -webkit-transition: opacity 1000ms cubic-bezier(.87,.17,.18,.85) !important; } /*body.splash-loader-active #preloader.splash-screen-in.loading-complete #preloader_mask { background: rgba(0, 0, 0, 0.79) !important; -moz-transition: background 6s linear; -o-transition: background 6s linear; -webkit-transition: background 6s linear; transition: background 6s linear; }*/ .splash-logo { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; color: #FFFFFF; margin: 0; font-weight: 200; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: fixed; bottom: 10vh; left: 10vh; z-index: 10100; font-size: 18vh; line-height: 16vh; opacity: 0; pointer-events: none; -moz-transition: opacity 0.8s; -o-transition: opacity 0.8s; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } .splash-loader-active .splash-logo { opacity: 1.0; -moz-transition: opacity 0s; -o-transition: opacity 0s; -webkit-transition: opacity 0s; transition: opacity 0s; } .splash-logo span{ opacity: 0; -moz-transition: color 0.8s; -o-transition: color 0.8s; -webkit-transition: color 0.8s; transition: color 0.8s; } .loading-bar-end .splash-logo span.fade-1{ opacity: 1; } body.splash-loader-active #preloader.loading-start #loader_wrapper { display: none !important; } #loader, body.first-load-complete #preloader #loader, body.first-load-complete #preloader #loader, body.splash-loader-active #preloader #loader { background: #3333F8!important; } /* Home feature_panels, artists list page ----------------------------------------------------------- */ .records-list.cascade-list { clear: both; display: block;; } .records-list > ul > li.panel-media-slide { height: auto; width: 100%; max-width: 100vw; padding: 0; box-sizing: border-box; display: block; clear: both; margin-bottom: 0; position: relative; z-index: 30; min-height: 700px; } .records-list > ul > li.panel-media-slide:hover { z-index: 20; } .records-list > ul > li.panel-media-slide > a, .records-list > ul > li.panel-media-slide a.main_link, .records-list > ul > li.panel-media-slide .image-gallery-item, .records-list > ul > li.panel-media-slide .panel-media-slide-inner { display: block; width: 50vw; padding: 20vh 80px; padding: 180px 80px; /* Changed to pixel values as the padding was incredibly large on big screens */ box-sizing: border-box; } .records-list > ul > li.panel-media-slide.full-bleed > a, .records-list > ul > li.panel-media-slide.full-bleed a.main_link, .records-list > ul > li.panel-media-slide.full-bleed .image-gallery-item, .records-list > ul > li.panel-media-slide .panel-media-slide-inner.full-bleed { width: 100%; padding: 0; } .records-list > ul > li.panel-media-slide > a.no_link, .records-list > ul > li.panel-media-slide a.main_link.no_link { pointer-events: none; } /* medium -----*/ .records-list > ul > li.panel-media-slide.medium > a, .records-list > ul > li.panel-media-slide.medium a.main_link, .records-list > ul > li.panel-media-slide.medium .image-gallery-item, .records-list > ul > li.panel-media-slide .panel-media-slide-inner.medium { width: 50%; } /* large -----*/ .records-list > ul > li.panel-media-slide.large > a, .records-list > ul > li.panel-media-slide.large a.main_link, .records-list > ul > li.panel-media-slide.large .image-gallery-item, .records-list > ul > li.panel-media-slide .panel-media-slide-inner.large { /*width: 70vw;*/ width: 55%; } /* large group view-----*/ .group-list.records-list > ul > li.panel-media-slide.large > a { width: 95%; } /* medium center -----*/ .records-list > ul > li.panel-media-slide.center > a, .records-list > ul > li.panel-media-slide.center a.main_link, .records-list > ul > li.panel-media-slide.center .image-gallery-item, .records-list > ul > li.panel-media-slide .panel-media-slide-inner.center { margin: 0 auto; } /* medium left -----*/ .records-list > ul > li.panel-media-slide.left > a, .records-list > ul > li.panel-media-slide.left a.main_link, .group-block.left-block > .group-list.records-list > ul > li.panel-media-slide > a, .records-list > ul > li.panel-media-slide.left .image-gallery-item, .records-list > ul > li.panel-media-slide.left .panel-media-slide-inner { float: left; } /* medium right -----*/ .records-list > ul > li.panel-media-slide.right > a, .records-list > ul > li.panel-media-slide.right a.main_link, .group-block.right-block .group-list.records-list > ul > li.panel-media-slide > a, .records-list > ul > li.panel-media-slide.right .image-gallery-item, .records-list > ul > li.panel-media-slide.right .panel-media-slide-inner{ float: right; text-align: right; } .records-list > ul > li.panel-media-slide.right .image-wrapper, .records-list > ul > li.panel-media-slide.right .panel-media-slide-inner .image-wrapper { text-align: right; } .records-list > ul > li.panel-media-slide.right .image-wrapper .caption, .records-list > ul > li.panel-media-slide.right .image-wrapper .label { text-align: left; } /* large right -----*/ .records-list > ul > li.panel-media-slide.large.right > a, .records-list > ul > li.panel-media-slide.large.right a.main_link, .group-block.right-block .group-list.records-list > ul > li.panel-media-slide.large > a, .records-list > ul > li.panel-media-slide.large.right .image-gallery-item, .records-list > ul > li.panel-media-slide.right .panel-media-slide-inner.large { padding-right: 0; } /* large left -----*/ .records-list > ul > li.panel-media-slide.large.left, .group-block.left-block .group-list.records-list > ul > li.panel-media-slide.large > a, .records-list > ul > li.panel-media-slide.left .panel-media-slide-inner.large { padding-left: 0; } .records-list > ul > li.panel-media-slide.restrict-height { height: 100vh; } .records-list > ul > li.panel-media-slide.restrict-height .image-wrapper, .records-list > ul > li.panel-media-slide.restrict-height .slide-img { height: 100%; } /* Full bleed -----*/ .records-list > ul > li.panel-media-slide.full-bleed, .records-list > ul > li.panel-media-slide .panel-media-slide-inner.full-bleed { height: 100vh; width: 100%; padding: 130px 0; box-sizing: initial; } /* Exhibition installation view -----*/ .cascade-list.group-list.records-list > ul > li.panel-media-slide.full-bleed { height: 105vh; } /* Art fair Artist panel -----*/ .cascade-list.fair-group-list.records-list > ul > li.panel-media-slide.full-bleed { height: 105vh; padding: 0; } .records-list > ul > li.panel-media-slide.full-bleed > a, .records-list > ul > li.panel-media-slide.full-bleed a.main_link, .records-list > ul > li.panel-media-slide.full-bleed .image_wrapper, .records-list > ul > li.panel-media-slide.full-bleed .image, .records-list > ul > li.panel-media-slide.full-bleed .outer, .records-list > ul > li.panel-media-slide .panel-media-slide-inner.full-bleed .image { height: 100vh; width: 100%; display: block; } .records-list > ul > li.panel-media-slide.full-bleed .panel-positioning-wrapper, .records-list > ul > li.panel-media-slide .panel-media-slide-inner.full-bleed .panel-positioning-wrapper { height: 100vh; width: 100%; } .records-list > ul > li.full-bleed.panel-media-slide .slide-img{ height: 100vh; width: 100%; background-size: cover; padding: 0; float: none; background-position: center; } .panel-positioning-wrapper { display: inline-block; position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); } .records-list > ul > li.panel-media-slide .image_wrapper, .records-list > ul > li.panel-media-slide .outer, .records-list > ul > li.panel-media-slide .image > span, .records-list > ul > li.panel-media-slide .image { display: inline-block; margin: 0; } .records-list > ul > li.panel-media-slide.panel_video .panel-positioning-wrapper, .records-list > ul > li.panel-media-slide.panel_video .image_wrapper, .records-list > ul > li.panel-media-slide.panel_video .outer, .records-list > ul > li.panel-media-slide.panel_video .image > span, .records-list > ul > li.panel-media-slide.panel_video .image { display: block; width: 100%; line-height: 0; } .records-list > ul > li.panel-media-slide.panel_video.restrict-height .panel-positioning-wrapper, .records-list > ul > li.panel-media-slide.panel_video.restrict-height .image_wrapper, .records-list > ul > li.panel-media-slide.panel_video.restrict-height .outer, .records-list > ul > li.panel-media-slide.panel_video.restrict-height .image > span, .records-list > ul > li.panel-media-slide.panel_video.restrict-height .image { display: inline-block; width: auto; } .records-list > ul > li.panel-media-slide .image { position: relative; z-index: 10; } .records-list > ul > li.panel-media-slide .outer { position: relative; z-index: 15; } .records-list > ul > li.panel-media-slide .fill { display: none !important; } .records-list > ul > li.panel-media-slide .slide-img { height: auto; width: auto; max-height: 100%; max-width: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; display: inline-block; } .records-list > ul > li.panel-media-slide .image span { display: inline-block; vertical-align: middle; } .records-list > ul > li.panel-media-slide .image img { opacity: 1.0; -moz-transition: all 1.2s; -o-transition:all 1.2s; -webkit-transition: all 1.2s; transition: all 1.2s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); position: relative; z-index: 5; max-width: 100%; } .records-list > ul > li.panel-media-slide .panel_label, .records-list > ul > li .panel_label { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(90deg) translate(50%, 50%); -moz-transform: rotate(90deg) translate(50%, 50%); -ms-transform: rotate(90deg) translate(50%, 50%); -o-transform: rotate(90deg) translate(50%, 50%); transform: rotate(90deg) translate(50%, 50%); position: absolute; right: auto; left: calc(100% + 35px); top: -37px; font-weight: 200; letter-spacing: 0.15rem; text-transform: uppercase; font-weight: 200; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.55rem; color: #111111; /*#FFFFFF; */ letter-spacing: 0.008rem; line-height: 2.0rem; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .records-list.dark-list > ul > li.panel-media-slide .panel_label, .records-list.dark-list > ul > li .panel_label { color: #FFFFFF; } .records-list.type-list > ul > li.panel-media-slide .panel_label, .records-list.type-list > ul > li .panel_label { color: #444; } /*.records-list > ul > li.panel-media-slide .content { position: absolute; z-index: 20; left: calc(88% - 80px); top: 46%; color: #fff; width: 34vw; max-width: 800px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); }*/ .records-list > ul > li.panel-media-slide .content .fp_title { display: inline-block; } .records-list > ul > li.panel-media-slide.left .content, .records-list > ul > li.panel-media-slide.right .content.long-word-detected { width: 42vw; } .records-list > ul > li.panel-media-slide.large .content { top: 40%; left: calc(100% + 5vw); } .records-list.type-list > ul > li.panel-media-slide.large .content { top: 60%; left: calc(88%); } .records-list.type-list > ul > li.panel-media-slide .content { /*left: calc(88% - 30px); */ left: calc(100% + 20px); top: 46%; color: #444; /* #666565 */ } .records-list.type-list > ul > li.panel-media-slide.center .content { /*left: calc(88% - 80px); */ left: calc(100% + 20px); } .records-list.type-list > ul > li.panel-media-slide .content.short-title-list { /*left: calc(92%); */ left: calc(100% + 20px); } .records-list > ul > li.panel-media-slide.right .content { right: calc(100% + 5vw); left: auto; text-align: right; } .records-list.type-list > ul > li.panel-media-slide.right .content { /*right: calc(88%); */ right: calc(100% + 15px); left: auto; text-align: right; } .records-list > ul > li.panel-media-slide.right.large .content { right: calc(100% + 5vw); } .records-list.type-list > ul > li.panel-media-slide.right.large .content { /*right: calc(88%); */ right: calc(100% + 15px); } .records-list.type-list > ul > li.panel-media-slide.right .content.short-title-list { /*right: calc(92%); */ right: calc(100% + 15px); } .records-list > ul > li.panel-media-slide.right .panel_label, .records-list > ul > li.right .panel_label { right: auto; left: -20px; } .records-list > ul > li.panel-media-slide .content { position: absolute; z-index: 20; left: calc(100% + 5vw); /*top: 7vw;*/ top: 40%; color: #111111; /* #fff; */ width: 33vw; max-width: 800px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); } .records-list > ul > li.panel-media-slide .content h2 { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; color: #111111; /* #FFFFFF; */ margin: 0; font-weight: 200; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom: 25px; letter-spacing: 0.042rem; text-transform: uppercase; font-size: 9.2rem; line-height: 1em; } .records-list.dark-list > ul > li.panel-media-slide .content h2 { color: #FFFFFF; } .records-list.type-list > ul > li.panel-media-slide .content h2 { color: #444; } /* fontsize / 1() */ .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-4 { font-size: 8.75rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-5 { font-size: 7.8rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-6 { font-size: 7.5rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-7 { font-size: 7.15rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-8 { font-size: 7rem; } .records-list > ul > li.panel-media-slide .content.long-word-detected h2.dynamic-text-scale.text-wordlength-8 { font-size: 6.6rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-9 { font-size: 7rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-10 { font-size: 6.25rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-11 { font-size: 6.0rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-12 { font-size: 5.75rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-13 { font-size: 5.5rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-14 { font-size: 5.25rem; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-15, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-max { font-size: 5.0rem; } .records-list > ul > li.panel-media-slide .date, .records-list > ul > li.panel-media-slide .subtitle { text-transform: uppercase; font-weight: 200; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #111111; /* #FFFFFF; */ margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5rem; line-height: 3.0rem; letter-spacing: 0.15rem; } .records-list.dark-list > ul > li.panel-media-slide .date, .records-list.dark-list > ul > li.panel-media-slide .subtitle { color: #FFFFFF; } .records-list.type-list > ul > li.panel-media-slide .date, .records-list.type-list > ul > li.panel-media-slide .subtitle { color: #444; } .records-list > ul > li.panel-media-slide .content, .records-list > ul > li.panel-media-slide .panel_label .inner, .records-list > ul > li .panel_label .inner { opacity: 0; pointer-events: none; -moz-transition: all 0.8s linear; -o-transition:all 0.8s linear; -webkit-transition: all 0.8s linear; transition: all 0.8s linear; transform: translate3d(0,40px,0); } .records-list > ul > li.panel-media-slide .panel-media-slide-inner .content { pointer-events: auto; } .records-list > ul > li.panel-media-slide .panel_label .inner, .records-list > ul > li .panel_label .inner { transform: translate3d(-30px,0,0); } .records-list > ul > li.panel-media-slide .panel-positioning-wrapper .image video { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); } .records-list > ul > li.panel-media-slide .image_caption { display: block; clear: both; text-align: left; padding: 20px 0 0; font-size: 1.3rem; color: #171717; letter-spacing: 0.008rem; line-height: 2.2rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; } /*.records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .image video, .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .image img { transform: translate3d(0,0,0); } .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .content, .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .panel_label .inner { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); } .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .content, .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .panel_label .inner { opacity: 1.0; transform: translate3d(0,0,0); -moz-transition: -moz-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); -o-transition: -o-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); -webkit-transition: -webkit-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); transition: transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); }*/ /*body.not-scrolling .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .image span.hover-tilt-bg, body.not-scrolling .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .hover-tilt-bg { /*visibility: visible;*/ /* dont need - using intersetion to hide anyway */ /*transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; opacity: 0.2; }*/ body.scrolling li:not(.hovering-active) .panel-positioning-wrapper, body.scrolling li:not(.hovering-active) .hover-tilt, body.scrolling .panel-media-slide .read_more_link { pointer-events: none !important; } /* Removed - hover over the image to see caption .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .image video, .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .image img { transform: translate3d(0,0,0); } .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .content, .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .panel_label .inner { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); } .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .content, .records-list > ul > li.panel-media-slide .panel-positioning-wrapper:hover .panel_label .inner { opacity: 1.0; transform: translate3d(0,0,0); -moz-transition: -moz-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); -o-transition: -o-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); -webkit-transition: -webkit-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); transition: transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); } */ /*.records-list > ul > li.panel-media-slide:hover .panel-positioning-wrapper .image video, .records-list > ul > li.panel-media-slide .panel-positioning-wrapper .image img { transform: translate3d(0,0,0); } .records-list > ul > li.panel-media-slide:hover .panel-positioning-wrapper .content, .records-list > ul > li.panel-media-slide:hover .panel-positioning-wrapper .panel_label .inner { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); } .records-list > ul > li.panel-media-slide:hover .panel-positioning-wrapper.visible .content, .records-list > ul > li.panel-media-slide:hover .panel-positioning-wrapper .panel_label .inner { opacity: 1.0; transform: translate3d(0,0,0); -moz-transition: -moz-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); -o-transition: -o-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); -webkit-transition: -webkit-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); transition: transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); }*/ .records-list > ul > li.panel-media-slide .image div.hover-tilt-bg, .records-list > ul > li.panel-media-slide .hover-tilt-bg { width: 40vw; height: 100vh; position: absolute; top: 0; left: 0; z-index: 0; transform: scale(3) translate3d(0,0,-450px); opacity: 0.2; pointer-events: none; background-size: cover; display: none; /*visibility: hidden;*/ /* dont need - using intersetion to hide anyway */ /*transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out;*/ } .records-list > ul > li.panel-media-slide.left .image div.hover-tilt-bg { transform: scale(3) translate3d(20%,0,-450px); } .records-list > ul > li.panel-media-slide.right .image div.hover-tilt-bg { transform: scale(3) translate3d(-20%,0,-450px); } .records-list > ul > li.panel-media-slide .hover-tilt-bg:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: -moz-radial-gradient(center, ellipse cover, rgba(7,7,7,0) 0%, rgba(7,7,7,0.6) 56%, rgba(7,7,7,1) 80%, rgba(7,7,7,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(7,7,7,0) 0%, rgba(7,7,7,0.6) 56%, rgba(7,7,7,1) 80%, rgba(7,7,7,1) 100%); background: radial-gradient(ellipse at center, rgba(7,7,7,0) 0%, rgba(7,7,7,0.6) 56%, rgba(7,7,7,1) 80%, rgba(7,7,7,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#070707',GradientType=1 ); -moz-box-shadow: inset 0 0 100px 80px #070707; -webkit-box-shadow: inset 0 0 100px 80px #070707; box-shadow: inset 0 0 100px 80px #070707; } .records-list > ul > li.panel-media-slide .panel-positioning-wrapper.panel-positioning-wrapper.animate-in.visible .content, .records-list > ul > li.panel-media-slide .panel-positioning-wrapper.panel-positioning-wrapper.animate-in.visible .panel_label .inner { opacity: 1.0; transform: translate3d(0,0,0); -moz-transition: -moz-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); -o-transition: -o-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); -webkit-transition: -webkit-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); transition: transform 5s cubic-bezier(.18, 1, .21, 1), opacity 5s cubic-bezier(.18, 1, .21, 1); -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } /* Homepage text panels ---------------------------------------------------------- */ .records-list > ul > li.panel_homepage_text .content, .records-list > ul > li.panel_homepage_text.left .content { padding: 15vh 80px 0 80px; } .records-list > ul > li.panel_homepage_text { margin: 0; } .records-list > ul > li.panel_homepage_text .content, .records-list > ul > li.panel_homepage_text.left .content { float: left; max-width: 800px; } .records-list > ul > li.panel_homepage_text.right .content { float: right; max-width: 750px; } .records-list > ul > li.panel_homepage_text .content h2 { letter-spacing: 0; font-family: '__Recta__', 'Helvetica', Sans-Serif; font-size: 4.4rem; color: #FFFFFF; letter-spacing: 0.04rem; line-height: 5.6rem; text-transform: none; margin: 0 0 45px; } .records-list > ul > li.panel_homepage_text .content .description { display: block; color: #fff; } .records-list > ul > li.panel_homepage_text .content .panel_label { text-transform: uppercase; font-weight: 200; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5rem; color: #FFFFFF; line-height: 3.0rem; letter-spacing: 0.15rem; margin-bottom: 30px; display: block; } .records-list > ul > li.panel_homepage_text .content .content-inner { padding: 0 60px; box-sizing: border-box; display: block; } .records-list > ul > li.panel_homepage_text .link.read_more_link { color: #fff; } .records-list > ul > li.panel_homepage_text .close-truncate * { stroke: #fff; } /* LEFT AND RIGHT STYLES */ /* Exhibitions (List of item without images - press / with small image - mus exhib) ----------------------------------------------------------- */ /*.project-list-section .exhibition-list.records-list { padding: 60px 60px 0 115px; margin: 0; } */ .section-projects .project-guide-container { padding-top: 175px; padding-bottom: 30px; } .section-projects .project-press-container{ padding-top: 70px; padding-bottom: 10vh; } .section-projects .subsection-publications-grid{ padding-bottom: 30px; } .section-projects .project-link-container { padding-top: 12vh; padding-bottom: 10vh; } .exhibition-list.records-list > ul > li{ width: 100%; display: block; margin-bottom: 60px; } .exhibition-list.records-list ul li .content { width: 75%; } .project-press-container .exhibition-list.records-list ul li .content{ width: 90%; } .exhibition-list.records-list ul li .content h2 { font-size: 4.2rem; line-height: 5.2rem; font-size: 3.5rem; line-height: 4.5rem; margin-bottom: 10px; display: inline-block; } /*.exhibition-list.records-list ul li a .content h2::after { content: ''; width: 100%; background: #010101; height: 2px; display: block; margin-top: 0; }*/ #popup-content .exhibition-list.records-list ul li a .content h2::after { background: #fff; } .exhibition-list.records-list .content .link.read_more_link { display: none; } .exhibition-list.records-list ul li .date-module { float: right; font-size: 3.5rem; line-height: 4.5rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; color: #111; /*letter-spacing: 0.15rem;*/ } #popup-content .exhibition-list.records-list ul li .date-module { color: #fff; } /* News ----------------------------------------------------------- */ .subsection-news-record.container-inner { min-height: 100vh; margin-bottom: 12vh; } .subsection-news-record #sidebar .image img { margin: 0; } /* Explore of exhibition ----------------------------------------------------------- */ .exhibition-explore-item, .exhibition-press-item { padding: 12vh 0 0; } .exhibition-press-item.press-release-item.views-row-first { padding-top: 0; } .exhibition-explore-item.views-row-odd, .exhibition-press-item.views-row-even { /* background: #fbfbfb; */ } .subsection-explore-record.container-inner { min-height: 100vh; /*80vh;*/ } .exhibition-press-item .subsection-explore-record.container-inner { min-height: 20vh; } .subsection-explore-record .content{ clear: both; min-height: 80vh; box-sizing: content-box; margin-bottom: 85px; } .section-projects .subsection-explore-record .h1-label { margin-bottom: 40px; transform: translate3d(0,0,0); } .exhibition-press-item .subsection-explore-record .series-content-module .h1-label { margin-bottom: 10px; } .subsection-explore-record .series-content-module { float: left; width: 57%; padding: 0 0 0 55px; margin-bottom: 85px; } .section-projects .subsection-explore-record .series-content-module { float: left; width: 100%; padding: 0 0 0 55px; margin-bottom: 85px; } .exhibition-press-item .subsection-explore-record .series-content-module { margin-bottom: 12vh; } .exhibition-press-item.press-release-item .subsection-explore-record .series-content-module { margin-bottom: 0; margin-top: 4vh; } .exhibition-explore-item .subsection-explore-record .series-content-module .explore-press-item { margin-bottom: 85px; } .exhibition-explore-item .subsection-explore-record .series-content-module .explore-press-item.views-row-last { margin-bottom: 0; } .exhibition-explore-item .subsection-explore-record .series-content-module .lead { margin-bottom: 0; } .section-projects .subsection-explore-record .series-content-module .afterlead { margin-top: 30px; } .section-projects .subsection-explore-record .series-content-module p { padding: 0 0 30px; } .section-projects .subsection-explore-record .series-content-module p.cms_gray, .section-news .subsection-explore-record .series-content-module p.cms_gray { text-align: right; } .section-projects .subsection-explore-record .sidebar .image img { margin: 0; } /* Tile list Cascading columns of list items ----------------------------------------------------------- */ .records-list.tile_list { width: auto; margin-right: -20px; } .records-list.tile_list ul { display: inline-block; vertical-align: top; clear: none; width: 25%; margin-right: 0; padding-right: 20px; box-sizing: border-box; } .records-list.tile_list ul:last-child { margin-right: 0; } .records-list.tile_list ul li { width: auto; margin: 0 0 30px; } .records-list.tile_list ul li .image { margin: 0 0 15px; } .records-list.tile_list ul li .image > span { position: static; display: block; } .records-list.tile_list ul li .image, .records-list.tile_list ul li .image span { height: auto; width: auto; } .records-list.tile_list ul li .image::after { display: none; } .records-list.tile_list ul li .image span img { max-height: none; } .records-list.tile_list ul li .content { } /* Scattered tile list ----------------------------------------------------------- */ .records-list.tile_list.scatter_list ul { width: 34%; margin-left: 8%; margin-right: 8%; float: left; padding-right: 0; display: block; visibility: hidden; } .records-list.tile_list.scatter_list.scatter-list-initialised ul, .records-list.tile_list.scatter_list.scatter-list-initialised ul li { visibility:visible; -webkit-transition: transform 0.3s cubic-bezier(0,.61,.31,1.02), padding 0.3s cubic-bezier(0,.61,.31,1.02); -moz-transition: transform 0.3s cubic-bezier(0,.61,.31,1.02), padding-top 0.3s cubic-bezier(0,.61,.31,1.02); -o-transition: transform 0.3s cubic-bezier(0,.61,.31,1.02), padding-top 0.3s cubic-bezier(0,.61,.31,1.02); transition: transform 0.3s cubic-bezier(0,.61,.31,1.02), padding-top 0.3s cubic-bezier(0,.61,.31,1.02); } .scatter_grey_bg { background: #fbfbfb; padding-top: 85px; } .records-list.tile_list.scatter_list ul { width: 33%; margin-left: 8.25%; margin-right: 8.25%; float: left; padding-right: 0; display: block; visibility: hidden; } .records-list.tile_list.scatter_list ul li .content h2{ font-size: 4rem; line-height: 5rem; } .records-list.tile_list.scatter_list ul li .content .link.read_more_link { margin-top: 25px; } .container-inner-wide.records-list.tile_list.scatter_list { background: #fbfbfb; padding-top: 9vh; } .records-list.tile_list ul li .image { width: 100%; display: block; } /* Publications / News / Explore ----------------------------------------------------------- */ .section-news .heading_wrapper h1, .section-publications .heading_wrapper h1 { font-size: 6.9rem; line-height: 7.0rem; } .section-publications .heading_wrapper.long-word-detected h1, .section-news .heading_wrapper.long-word-detected h1, .section-news .heading_wrapper h1.text-wordlength-medium, .section-publications .heading_wrapper h1.text-wordlength-medium { font-size: 5.9rem; line-height: 6rem; } .section-news .heading_wrapper h1.text-wordlength-long, .section-publications .heading_wrapper h1.text-wordlength-long { font-size: 4.9rem; line-height: 5rem; } .news-header h1 { display: block; width: 100%; } .section-news #content, .section-publications #content { box-sizing: content-box; position: static; margin-bottom: 20vh; } .records-list.cascade-list { background: #fbfbfb; padding-top: 85px; } .records-list.cascade-list.group-list, .records-list.cascade-list.fair-group-list { padding-top: 0; } .group-block .container-inner-wide { background: #fbfbfb; } .records-list.detail-list.cascade-list { padding-top: 18vh; } /* Publications list ----------------------------------------------------------- */ .subsection-publication-record .image, .publications-list.records-list ul li.pull-right .image, .records-list ul li .image{ display: inline-block; text-align: center; } .panel-positioning-wrapper .wo-shade-wrapper, .section-publications .records-list ul li .wo-shade-wrapper, .subsection-publication-record .image .wo-shade-wrapper, .publications-list.records-list ul li .wo-shade-wrapper { position: relative; display: inline-block; width: auto; } .panel-positioning-wrapper .shade-wrapper, .section-publications .records-list ul li .shade-wrapper, .subsection-publication-record .image .shade-wrapper, .publications-list.records-list ul li .shade-wrapper{ position: relative; border-radius: 2.5px 2px 3px 2.6px; overflow: hidden; text-align: center; display: inline-block; width: auto; /*transform: translateZ(0);*/ box-shadow: 35px 35px 70px rgba(0,0,0,0.17), /* big, blurry */ 1px 4px 5px rgba(0,0,0,0.15), /* close, sharp */ 15px 13px 18px rgba(0,0,0,0.10); /* book casting shadow */ } .publications-list.records-list ul li.pull-left .shade-wrapper { box-shadow: 20px 35px 70px rgba(0,0,0,0.17), /* big, blurry */ 1px 4px 5px rgba(0,0,0,0.15), /* close, sharp */ 7px 14px 17px rgba(0,0,0,0.10); } /*.subsection-publication-record .image .shade-wrapper::after, .section-publications .records-list ul li .shade-wrapper::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateZ(0); border-radius: 2.5px 2px 3px 2.6px; }*/ .panel-positioning-wrapper .shade-wrapper::before, .subsection-publication-record .image .shade-wrapper::before, .publications-list.records-list ul li .shade-wrapper::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('/images/bookshade.png'); background-size: cover; border-radius: 2.5px 2px 3px 2.6px; z-index: 10; /*transform: translateZ(0);*/ } .records-list ul li .image img { max-width: 720px; max-height: 720px; } .records-list.cascade-list ul li .image img { max-height: 80vh; } .records-list.publications-list ul li .image img, .records-list.type-list ul li .image img { max-height: 53vh; } .records-list.fair-group-list ul li .image img { max-height: 65vh; } .records-list.news-list ul li .image img { max-height: 670px; max-width: 870px; } /* Explore ------------------------------------------------------------------------------------------- */ .explore-list.records-list ul li .image img { max-height: 70vh; } .explore-list.records-list > ul > li.panel-media-slide .content { top: 3vw; } .explore-list.records-list > ul > li.panel-media-slide .content h2 { font-size: 3.0rem; } .explore-list.records-list > ul > li.panel-media-slide .content .description { line-height: 2.8rem; } /* Group view in exhibition ------------------------------------------------------------------------------------------- */ .records-list.group-list ul li.large .image img { max-height: 92vh; } .news-list.records-list.group-list ul li .image img { max-width: 730px; max-height: 570px; } /* Projects ------------------------------------------------------------------------------------------- */ /* Projects list ----------------------------------------------------------- */ body.section-projects.no-page-params { /* for safari's tint and bounce color */ background-color: #070707; /* for the document's body background color */ /*background-image: linear-gradient(to bottom, #070707 0%, #070707 100%);*/ /*overflow-y: hidden;*/ } body.section-projects.no-page-params #header { position: fixed; z-index: 1002; } body.section-projects.no-page-params #container, body.section-projects.no-page-params #main-content, body.section-projects.no-page-params #content { height: 100vh; padding: 0; margin: 0; box-sizing: border-box; } body.section-projects.no-page-params #footer{ display: none; } #projects-scroll-container { width: 100%; box-sizing: content-box; /* height: 70vh; position: absolute; top: 0; */ } #projects-scroll-container .progress-track { content: ''; height: 6px; position: fixed; left: 0; bottom: 0; width: 100%; display: block; background: #3333ED; z-index: 99999999; transform: scaleX(0); transform-origin: left; -webkit-transition: transform 0.2s linear; -moz-transition: transform 0.2s linear; transition: transform 0.2s linear; } #projects-scroll-container .page-track { position: relative; /*overflow-x: auto; overflow-y: hidden;*/ background: transparent; height: 100%; touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /*#projects-scroll-container .page-track.page-track-left { overflow-y: visible; overflow-x: visible; }*/ .records-list.image_track.clearwithin { height: 100vh; width: 100%; } .records-list.image_track::before, .records-list.image_track::after { content: ''; position: fixed; z-index: 102; display: block; height: 100vh; pointer-events: none; width: 15vw; } .records-list.image_track::before { left: 0; background: -moz-linear-gradient(left, rgba(6,6,6,0.8) 0%, rgba(6,6,6,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(6,6,6,0.8)), color-stop(100%, rgba(6,6,6,0))); background: -webkit-linear-gradient(left, rgba(6,6,6,0.8) 0%, rgba(6,6,6,0) 100%); background: -o-linear-gradient(left, rgba(6,6,6,0.8) 0%, rgba(6,6,6,0) 100%); background: -ms-linear-gradient(left, rgba(6,6,6,0.8) 0%, rgba(6,6,6,0) 100%); background: linear-gradient(to right, rgba(6,6,6,0.8) 0%, rgba(6,6,6,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060606', endColorstr='#ededed', GradientType=1 ); } .records-list.image_track::after { right: 0; visibility: visible; background: -moz-linear-gradient(left, rgba(6,6,6,0) 0%, rgba(6,6,6,0.8) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(6,6,6,0)), color-stop(100%, rgba(6,6,6,0.8))); background: -webkit-linear-gradient(left, rgba(6,6,6,0) 0%, rgba(6,6,6,0.8) 100%); background: -o-linear-gradient(left, rgba(6,6,6,0) 0%, rgba(6,6,6,0.8) 100%); background: -ms-linear-gradient(left, rgba(6,6,6,0) 0%, rgba(6,6,6,0.8) 100%); background: linear-gradient(to right, rgba(6,6,6,0) 0%, rgba(6,6,6,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#060606', GradientType=1 ); } #projects-list.animating .page-track.page-track-right, #projects-list.animating .page-track.page-track-left { -webkit-transition: transform 0.8s cubic-bezier(.18, 1, .21, 1); -moz-transition: transform 0.8s cubic-bezier(.18, 1, .21, 1); transition: transform 0.8s cubic-bezier(.18, 1, .21, 1); } body.dragging #projects-list .page-track.page-track-right a { pointer-events: none; } body.dragging .cursor-area { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } body.dragging #projects-list { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } #projects-scroll-container .project-frame { overflow: hidden; position: fixed; height: 70vh; width: 100%; z-index: 100; } #projects-scroll-container .project-frame.project-frame-text { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #projects-scroll-container .project-item { width: 100vw; height: 70vh; padding: 13vh 15%; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; position: relative; } /*#projects-scroll-container .project-item-text { opacity: 0.1; -webkit-transition: opacity 0.8s cubic-bezier(.18, 1, .21, 1); -moz-transition: opacity 0.8s cubic-bezier(.18, 1, .21, 1); transition: opacity 0.8s cubic-bezier(.18, 1, .21, 1); } #projects-scroll-container .project-item-text.active { opacity: 1.0; } */ #projects-scroll-container .project-item.pull-down { padding: 16vh 15% 9vh 15%; } #projects-scroll-container .project-item.pull-up { padding: 9vh 15% 16vh 15%; } #projects-scroll-container .project-item { } #projects-scroll-container .project-item.skew-down{ padding-top: 17vh; padding-bottom: 14vh; } #projects-scroll-container .project-item.skew-up { padding-bottom: 19vh; padding-top: 13vh; } #projects-scroll-container .project-item a { width: auto; height: 100%; max-height: 100%; max-width: 100%; display: inline-block; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; position: relative; } #projects-scroll-container .image-wrapper { width: auto; max-height: 100%; max-width: 100%; z-index: 4; position: relative; display: inline-block; -webkit-animation-name: Floating; -webkit-animation-duration: 8s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: Floating; -moz-animation-duration: 8s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; opacity: 0; box-sizing: content-box; /*will-change: opacity;*/ } #projects-scroll-container .image-wrapper.visible { opacity: 1.0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } @-webkit-keyframes Floating { from {-webkit-transform:translate(0, 0px);} 65% {-webkit-transform:translate(0, 35px);} to {-webkit-transform: translate(0, -0px);} } @-moz-keyframes Floating { from {-moz-transform:translate(0, 0px);} 65% {-moz-transform:translate(0, 35px);} to {-moz-transform: translate(0, -0px);} } .project-item.hidden-off-screen .image-wrapper img{ visibility: hidden; } #projects-scroll-container .image-wrapper img{ max-height: 38vh; max-width: 100%; float: left; touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: content-box; /*opacity: 0.4;*/ /*-webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;*/ } /*#projects-scroll-container .project-item.active .image-wrapper img{ opacity: 1.0; }*/ #projects-scroll-container .project-item .title-wrapper { text-align: left; position: absolute; box-sizing: content-box; z-index: 20; left: 7vw; top: 38%; color: #fff; width: 26vw; max-width: 800px; opacity: 0; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; /* bottom: 20%; height: auto; align-items: center; */ } #projects-scroll-container .project-item .title-wrapper.visible { opacity: 1.0; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* #projects-scroll-container .project-item .title-wrapper .content { display: flex; align-items: center; } */ #projects-scroll-container .project-item .title-wrapper .content span h2 { display: block; max-width: 750px; } #projects-scroll-container .project-item .title-wrapper h2 { font-weight: 200; font-size: 6rem; color: #FFFFFF; letter-spacing: 0.057rem; line-height: 6rem; text-transform: uppercase; margin: 0; margin-bottom: 25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #projects-scroll-container .project-item .title-wrapper .subtitle { color: #FFFFFF; } #projects-scroll-container .project-item .title-wrapper .subtitle.before-title { margin-bottom: 25px; } #projects-scroll-container .project-item .year { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(90deg) translate(50%, 50%); -moz-transform: rotate(90deg) translate(50%, 50%); -ms-transform: rotate(90deg) translate(50%, 50%); -o-transform: rotate(90deg) translate(50%, 50%); transform: rotate(90deg) translate(50%, 50%); position: absolute; left: -17px; top: -26px; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.55rem; line-height: 2.0rem; font-weight: 200; letter-spacing: 0.15rem; text-transform: uppercase; font-weight: 200; color: #FFFFFF; margin: 0; box-sizing: content-box; } #projects-scroll-container .project-item .year-inner { opacity: 0; display: inline-block; transform: translate(-60px, 0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #projects-scroll-container .project-item.active .year-inner { opacity: 1.0; transform: translate(0,0); } .project-scroll { height: 100vh; width: 15vw; /*max-width: 250px;*/ position: fixed; top: 0; bottom: 0; z-index: 200; cursor: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .project-scroll.project-scroll-prev { left: 0; } .project-scroll.project-scroll-next { right: 0; } .project-scroll.project-scroll-next .cursor { margin-left: -90px; } .cursor { position: fixed; left: 0; top: 0; z-index: 9999; display: none; pointer-events: none; cursor: none; } .cursor.hide, .cursor-area:hover .cursor.hide { display: none; visibility: none; } /*.project-scroll:hover .cursor { display: block; }*/ .cursor-area { cursor: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .cursor-area:hover .cursor { display: block; } .cursor.cursor-down { margin-top: -90px; margin-left: -7px; } /*.cursor-area.hero-cursor { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }*/ .scroll-prompt { position: fixed; width: 100%; bottom: 4vw; text-align: center; color: #aaa; text-transform: uppercase; font-size: 1.9rem; color: #3C3C3C; letter-spacing: .08rem; line-height: 6.9rem; bottom: 4vh; display: none; font-family: 'Fifty Regular', Sans-Serif; animation: scrollpulse 7s infinite; } @keyframes scrollpulse { 0% { color: #1d1d1d; } 50% { color: #555; } 100% { color: #1d1d1d; } } .project-background-slides { box-sizing: content-box; position: fixed; z-index: 0; will-change: opacity; } .project-background-slide { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; z-index: 0; pointer-events: none; opacity: 0; background-position: center; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .project-background-slide.visible { opacity: 0.11; -webkit-transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } #projects-list-container { display: none; overflow: hidden; } #projects-list-container .records_list ul li .content h2, #projects-list-container .subtitle, #projects-list-container .link.read_more_link { color: #fff; } /* Projects detail ----------------------------------------------------------- */ .layout-hero-header #main-content { padding-top: 0 !important; /*background: #010101;*/ position: relative; z-index: 60; } .layout-hero-header #content { position: relative; min-height: 100vh; box-sizing: border-box; /*background: #fff;*/ } .projects-header.heading_wrapper { height: 0; margin: 0; } .section-projects .share_link, .section-projects .share_links { margin: 0 0 40px 0; } .subsection-explore-record .share_links { margin-bottom: 0; } .project-page-section { width: 100%; display: block; clear: both; background: #fff; z-index: 0; /* position: relative;*/ } .project-page-section.project-gallery-section { background: transparent; } .project-page-section.project-list-section.dark-section { background: #262626; color: #FFFFFF; } .project-page-section.project-related-grid-section { padding-top: 85px; } .project-page-section.project-related-grid-section.grey-section { background: #fbfbfb; } .section-projects #content-module, .section-projects #secondary-content-module, .section-projects .series-content-module { width: 100%; max-width: 800px; padding: 12vh 0; } .section-projects #content-module.links-panel-active, .section-projects #secondary-content-module.links-panel-active, .section-projects .series-content-module.links-panel-active { padding: 12vh 0 0 0; } .section-projects #content-module.pressrelease-panel-active, .section-projects #secondary-content-module.pressrelease-panel-active, .section-projects .series-content-module.pressrelease-panel-activee { padding: 12vh 0 0 0; } .section-projects #secondary-content-module.small-space-before, .series-content-module.small-space-before { padding-top: 6vh; } .content_module_inner { padding-left: 55px; clear: both; } /* Section film, editions, stories ----------------------------------------------------------- */ .section-projects .section-film .panel_header h2, .section-news .section-film .panel_header h2 { font-size: 6.9rem; color: #101010; letter-spacing: 0.072rem; line-height: 7.3rem; height: 3.6rem; margin: 0; } /* .section-projects .section-film .panel_header .panel_header_inner { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; text-transform: uppercase; font-size: 11.7rem; color: #101010; letter-spacing: 0.072rem; line-height: 10.1rem; height: 53px; margin: 0; } */ .section-projects .section-edition .panel_header .panel_header_inner, .section-projects .section-stories .panel_header .panel_header_inner { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; text-transform: uppercase; font-size: 6.9rem; color: #101010; letter-spacing: 0.072rem; line-height: 7.3rem; height: 3.6rem; margin: 0; } .section-projects .section-film .video-wrapper, .section-news .section-film .video-wrapper, .section-projects .section-edition .video-wrapper { overflow: hidden; position: relative; line-height: 0; background-color: #070707; } .section-projects .section-edition .video-wrapper { height: 95vh; } .section-projects .section-stories .video-wrapper { height: 80vh; overflow: hidden; position: relative; line-height: 0; background-color: #070707; } .section-projects .section-film .video-wrapper::before, .section-news .section-film .video-wrapper::before { content: 'Film'; overflow: hidden; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 6.9rem; color: rgba(255, 255, 255, 0.43); letter-spacing: 0.072rem; line-height: 7.3rem; text-transform: uppercase; position: absolute; padding: 0 60px; transform:translate3d(0,-3.6rem,0); z-index: 10; } /*.section-projects .section-film .video-wrapper::before { content: 'Film'; overflow: hidden; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 11.7rem; color: rgba(255, 255, 255, 0.43); letter-spacing: 0.072rem; line-height: 10.1rem; text-transform: uppercase; position: absolute; padding: 0 60px; transform:translate3d(0,-53px,0); z-index: 10; }*/ .section-projects .section-film .video-wrapper.video-title::before, .section-news .section-film .video-wrapper.video-title::before { content: 'Video'; } .section-projects .section-edition .video-wrapper::before { content: 'Editions'; overflow: hidden; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 6.9rem; color: rgba(255, 255, 255, 0.43); letter-spacing: 0.072rem; line-height: 7.3rem; text-transform: uppercase; position: absolute; padding: 0 60px; transform:translate3d(0,-3.6rem,0); z-index: 10; } .section-projects .section-stories .video-wrapper::before { content: 'Stories'; overflow: hidden; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 6.9rem; color: rgba(255, 255, 255, 0.43); letter-spacing: 0.072rem; line-height: 7.3rem; text-transform: uppercase; position: absolute; padding: 0 60px; transform:translate3d(0,-3.6rem,0); z-index: 10; } .section-projects .video-wrapper .slick--center .slick-track { padding-bottom: 0; padding-top: 0; } .section-projects .section-edition .video-wrapper .project-item { width: 100vw; height: 95vh; padding: 100px 15%; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; position: relative; } .section-projects .section-edition .video-wrapper .project-item a { width: auto; height: 100%; max-height: 100%; max-width: 100%; display: inline-block; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; position: relative; } .section-projects .section-edition .video-wrapper .image-wrapper { width: auto; max-height: 100%; max-width: 100%; z-index: 4; position: relative; display: inline-block; opacity: 1.0; box-sizing: content-box; } .section-projects .section-edition .video-wrapper .image-wrapper img{ max-height: calc(90vh - 200px); max-width: 100%; float: left; touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: content-box; } .section-projects .section-edition .video-wrapper .project-item .title-wrapper { text-align: left; position: absolute; box-sizing: content-box; z-index: 20; left: 115px; top: 46%; color: #fff; width: 33vw; max-width: 800px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); } .section-projects .section-edition .video-wrapper .project-item .title-wrapper span { display: block; max-width: 750px; } .section-projects .section-edition .video-wrapper .project-item .title-wrapper h2 { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; color: #FFFFFF; margin: 0; font-weight: 200; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom: 25px; color: #FFFFFF; letter-spacing: 0.042rem; text-transform: uppercase; font-size: 9.2rem; line-height: 1em; } .section-projects .video-wrapper .embedded-video, .section-news .video-wrapper .embedded-video { height: 95vh; width: 100%; padding: 100px; box-sizing: border-box; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-size: cover; } .section-projects .video-wrapper .embedded-video .player, .section-news .video-wrapper .embedded-video .player { width: 100%; } .section-projects .video-wrapper .embedded-video .video-bg, .section-news .video-wrapper .embedded-video .video-bg { width: 100%; height: 95vh; max-height: calc(95vh - 200px); z-index: 3; position: relative; } .section-projects .video-wrapper.video-title .embedded-video, .section-news .video-wrapper.video-title .embedded-video { height: 90vh; padding: 100px 100px 50px 100px; } .section-projects .video-wrapper.video-title .embedded-video .video-bg, .section-news .video-wrapper.video-title .embedded-video .video-bg { height: 90vh; max-height: calc(90vh - 150px); } .section-projects .video-wrapper .video-title-wrapper, .section-news .video-wrapper .video-title-wrapper { margin-bottom: 60px; } .section-projects .video-wrapper .video-title-wrapper h2, .section-news .video-wrapper .video-title-wrapper h2 { margin-bottom: 10px; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; text-transform: uppercase; font-weight: 200; font-size: 2.0rem; color: #FFFFFF; letter-spacing: .013rem; line-height: 2.4rem; text-transform: uppercase; display: block; } .section-projects .video-wrapper .video-title-wrapper .subtitle, .section-news .video-wrapper .video-title-wrapper .subtitle { font-size: 1.2rem; color: #FFFFFF; line-height: 2.1rem; text-transform: uppercase; letter-spacing: 0.15rem; display: inline-block; margin-right: 8px; } .section-film .panel_header { height: 3.6rem; } /*.section-film .panel_header { height: 53px; }*/ .section-edition.panel_header { height: 31px; } body.scrolling .section-film, body.scrolling .section-edition { pointer-events: none; } .section-film .panel_header_inner .container-inner-wide { padding: 0 60px; padding-top: 0; /*-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);*/ } /* -------------- until 2825 ------------------------------------------------------------------------------------------------------------------------*/ /* -------------- from 2891 - 2917 ---------------------------------------------------------------------------------------------------------*/ .video-carousel { width: 100%; } .video-carousel-item { width: 100%; } /* -------------- until 2917 ------------------------------------------------------------------------------------------------------------------------*/ /* -------------- from 2936 - 2939 ------------------------------------------------------------------------------------------------------------------------*/ .video-wrapper-inner { position: relative; box-sizing: content-box; } /* -------------- until 2939 ------------------------------------------------------------------------------------------------------------------------*/ /* -------------- from 3003 - 3136 ------------------------------------------------------------------------------------------------------------------------*/ /* Image gallery Standard/default image gallery, one item per page. ----------------------------------------------------------- */ #image-gallery { clear: both; } #image-gallery #content-module-gallery { width: 250px; float: left; display: inline; min-height: 370px; position: relative; padding-bottom: 30px; transition: width 0.35s ease-in-out; -webkit-transition: width 0.35s ease-in-out; } #image-gallery.unavailable #content-module-gallery:before, #image-gallery.reserved #content-module-gallery:before { text-indent: -9999px; width: 6px; height: 6px; display: block; position: absolute; top: 3px; right: -5px; background: #cc0000; border-radius: 12px; } #image-gallery.unavailable #content-module-gallery:before { content: 'Sold'; } #image-gallery.reserved #content-module-gallery:before { content: 'Reserved'; width: 3px; border-radius: 0 12px 12px 0; } #image-gallery #content-module-gallery .area { margin: 0 0 15px; } #image-gallery #content-module-gallery .page_stats { position: absolute; bottom: 0; left: 0; width: 100%; height: 23px; margin: 0; padding: 0; } #image-gallery #content-module-gallery .subtitle .artist { margin: 0 0 10px; } #secondary-image-thumbnails { } #secondary-image-thumbnails ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; } #secondary-image-thumbnails ul li { float: left; margin: 0 5px 5px 0; width: 75px; height: 75px; } #image-gallery #content-module-gallery .store_item_group { margin: 0 0 20px; } #image-gallery #content-module-gallery .store_item_group .store_item { margin: 0; } #image-gallery #content-module-gallery .store_item { padding: 12px 0; margin: 0 0 20px; } #image-gallery #content-module-gallery .store_item .variant { width: 100%; } #image-gallery #content-module-gallery .store_item .price { } #image-gallery #content-module-gallery .store_item.sale_mode .price strike { } #image-gallery #content-module-gallery .store_item.active .store_item_controls, #image-gallery #content-module-gallery .store_item.sale_mode .store_item_controls { clear: both; float: left; width: 100%; display: block; padding: 5px 0 0; } #image-gallery #image-container { width: 680px; height: 400px; float: right; display: inline; text-align: center; transition: width 0.35s ease-in-out; -webkit-transition: width 0.35s ease-in-out; z-index: 1; } #image-gallery #image-container .item { width: 100%; } #image-gallery #image-container .item .caption { padding: 5px 0 0; display: block; } #image-gallery.artwork_full_details_open { } #image-gallery.artwork_full_details_open #content-module-gallery { width: 680px; } #image-gallery.artwork_full_details_open #image-container { width: 250px; } #image-gallery #image-container .image, #image-gallery #image-container .image span { width: 100%; } #image-gallery #image-container .image span img { max-height: 100%; max-width: 100%; } /* -------------- until 3136 ------------------------------------------------------------------------------------------------------------------------*/ /* -------------- from 3204 - 3492 ------------------------------------------------------------------------------------------------------------------------*/ /* ----------------------------------------------------------- Global Classes ----------------------------------------------------------- */ /* Image gallery Standard page-by-page image gallery ----------------------------------------------------------- */ .section-content #header, .section-content .divider, .section-content #footer, .section-content .feature_panels .records_list ul li .panel_header { display: none; } { display: block; margin: 0 0 40px; } .section-content #main-content { padding: 0; } .image_gallery_header h2 { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 2.3rem; letter-spacing: 0.014rem; line-height: 2.7rem; margin-bottom: 26px; text-transform: uppercase; display: block; } .image_gallery_header { padding-top: 75px; } #image-gallery { position: relative; height: 100%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; background-color: #fbfbfb; } #image-gallery #image-container { width: calc(100% - 450px); width: 77%; height: 100vh; display: block; position: absolute; left: 0; top: 0; transition: none; -webkit-transition: none; transition: all 0.15s ; -webkit-transition: all 0.15s ; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: transparent; } #image-gallery.expand #image-container { width:100%; } #image-gallery.expand #content-module-gallery { opacity: 0; pointer-events: none; } #image-gallery #image-container .fill { display: none !important; } #image-gallery #image-container .image, #image-gallery #image-container .image span { width: 100%; height: auto; display: block; cursor: pointer; position: relative; z-index: 10; line-height: 0; } #image-gallery #image-container .image { /*padding-top: 100px;*/ margin-bottom: 0 } #image-gallery #image-container .image span img { /*max-height: calc(100vh - 200px);*/ max-height: 100vh; width: auto !important; } #image-gallery #image-container .image span .img-responsive{ display: inline; } #image-gallery #content-module-gallery { width: 450px; width: 23%; right: 0; top: 0; display: inline; position: absolute; height: 100vh; transition: opacity 0.15s linear; -webkit-transition: opacity 0.15s linear; box-sizing: border-box; overflow: hidden; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; background-color: #fff; } #image-gallery #content-module-inner { width: 450px; width: 100%; padding: 0 65px 0 30px; box-sizing: border-box; /*position: fixed; bottom: 150px;*/ } #image-gallery #content-module-gallery .artist_title_year, #image-gallery #content-module-gallery .work_price, #image-gallery #content-module-gallery .subtitle { margin-bottom: 26px; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 2.3rem; color: #171717; letter-spacing: 0.014rem; line-height: 2.7rem; text-transform: uppercase; display: block; } #image-gallery #content-module-gallery .work_price { margin-bottom: 0; margin-top: 26px; } #image-gallery #content-module-gallery .subtitle .artist { margin: 0; } #image-gallery #content-module-gallery .medium, #image-gallery #content-module-gallery .dimensions, #image-gallery #content-module-gallery .edition_details, #image-gallery #content-module-gallery .page_stats, #image-gallery #content-module-gallery .share_link, #image-gallery #content-module-gallery .share_links, .explore-list .share_links, #image-gallery .copyright_line { font-size: 1.3rem; color: #171717; letter-spacing: 0.008rem; line-height: 2.2rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; } .gallery-caption-top-wrapper.right-side .page_nav, .gallery-caption-fixed .page_nav { font-size: 1.45rem; color: #171717; letter-spacing: 0.008rem; line-height: 3.8rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; } #image-gallery #content-module-gallery .share_link, #image-gallery #content-module-gallery .share_links, .explore-list .share_links { border: 0; float: none; clear: both; margin-bottom: 0; border: 0; -webkit-border-radius: 0; border-radius: 0; display: block; padding-top: 40px; } #image-gallery #content-module-gallery .share_links a, #image-gallery #content-module-gallery .share_link a, .explore-list .share_links a { text-decoration: none; padding: 0; text-align: inherit; color: #908D8D; } #image-gallery #content-module-gallery .detail_view_module, #image-gallery #secondary-content-module .detail_view_module { } #image-gallery #content-module-gallery .detail_view_module, #image-gallery #secondary-content-module .detail_view_module, #image-gallery #content-module-gallery .subtitle, #image-gallery #content-module-gallery .enquire { } #image-gallery #content-module-gallery h3 { } #image-gallery #content-module-gallery .page_stats { position: static; width: 100%; height: auto; margin-bottom: 7vh; padding: 0; color: #908D8D; } .gallery-caption-top-wrapper.right-side .page_nav { position: static; width: 100%; height: auto; padding: 40px 0 0; } .gallery-caption-top-wrapper.right-side .page_nav, .gallery-caption-fixed .page_nav { color: #fff; } .gallery-caption-top-wrapper.right-side .page_nav.back_nav { padding-top: 0; } #image-gallery #content-module-gallery .page_stats a, #image-gallery #content-module-gallery .page_stats a:visited { color: #908D8D; } .gallery-caption-top-wrapper.right-side .page_nav a, .gallery-caption-top-wrapper.right-side .page_nav a:visited { color: #fff; } #image-gallery #content-module-gallery .page_stats a:hover, .gallery-caption-top-wrapper.right-side .page_nav a:hover, .gallery-caption-fixed .page_nav a:hover { color: #3333ED;; } .gallery-caption-top-wrapper.right-side .page_nav a.pv_next, .gallery-caption-fixed .page_nav a.pv_next { background-image: url("right_arrow_white.png"); } .gallery-caption-top-wrapper.right-side .page_nav a.pv_back, .gallery-caption-fixed .page_nav a.pv_back { background-image: url("left_arrow_white.png"); } #image-gallery #content-module-gallery .page_stats .ps_links { color: #908D8D; float: left; display: inline; } #image-gallery #content-module-gallery .page_stats .ps_pages, #image-gallery #content-module-gallery .page_stats .ps_pages_indented { float: left; margin-left: 45px; } .gallery-caption-top-wrapper.right-side .page_nav .pv_pages { margin-left: 45px; } .gallery-caption-top-wrapper.right-side .page_nav .pv_links, .gallery-caption-fixed .page_nav .pv_links { color: #fff; } .gallery-caption-top-wrapper.right-side.dark .page_nav, .gallery-caption-top-wrapper.right-side.dark .page_nav a, .gallery-caption-top-wrapper.right-side.dark .page_nav a:visited, .gallery-caption-top-wrapper.right-side.dark .page_nav .pv_links, .gallery-caption-fixed.dark .page_nav, .gallery-caption-fixed.dark .page_nav a, .gallery-caption-fixed.dark .page_nav a:visited, .gallery-caption-fixed.dark .page_nav .pv_links { color: #908D8D; } .gallery-caption-top-wrapper.right-side.dark .page_nav a:hover, .gallery-caption-fixed.dark .page_nav a:hover { color: #3333ED;; } .gallery-caption-top-wrapper.right-side.dark .page_nav a.pv_next, .gallery-caption-fixed.dark .page_nav a.pv_next { background-image: url("right_arrow.png"); } .gallery-caption-top-wrapper.right-side.dark .page_nav a.pv_back, .gallery-caption-fixed.dark .page_nav a.pv_back { background-image: url("left_arrow.png"); } #image-gallery #content-module-gallery .page_stats .disabled, #image-gallery #content-module-gallery .ps_item.disabled { color: #d8d8d8; } #social-sharing-links.popup_vertical ul li.social_links_item a { font-size: 1.3rem; color: #171717; letter-spacing: 0.008rem; line-height: 2.2rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; } /* Cascading ----------------------------------------------------------- */ .heading_wrapper.cascading-page-header #sub-nav { float: left; } .cascading-page-header #sub-nav.navigation ul li a { float: left; font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #010101; letter-spacing: 0.15rem; text-decoration: none; display: inline-block; pointer-events: auto; position: relative; } .cascading-page-header #sub-nav.navigation ul li.active a { color: #3333ED; } .cascading-page-header #sub-nav.navigation ul li:hover a { color: #3333ED; } #content.cascading-page-content, .fair-group-list.cascading-page-content { padding: 12vh 0; background: #fff; } .section-artists #content.cascading-page-content { padding: 0; } /* .fair-group-list.cascading-page-content { min-height: 60vh; } */ .artworkviews-content .cascading-page-content { padding: 12vh 0 0; } #content.cascading-page-content #content-module { width: 100%; max-width: 900px; } #content.cascading-page-content .content-module-press, .fair-group-list.cascading-page-content .content-module-press, .artworkviews-content .cascading-page-content .content-module-press { width: 100%; max-width: 900px; } #content.cascading-page-content .content-module-press p { padding: 0 0 40px; } /* Languages switch ----------------------------------------------------------- */ .hyphenate { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; display: none; } [lang="en"] .text-language-block.en .text-language .hyphenate.en, [lang="en"] .text-language-block:not(.en) .text-language.views-row-first .hyphenate, [lang="en"] .text-language-block:not(.en) div:first-of-type .hyphenate { display: block; } [lang="de"] .text-language-block.de .text-language .hyphenate.de, [lang="de"] .text-language-block:not(.de) .text-language.views-row-first .hyphenate, [lang="de"] .text-language-block:not(.de) div:first-of-type .hyphenate { display: block; } [lang="fr"] .text-language-block.fr .text-language .hyphenate.fr, [lang="fr"] .text-language-block:not(.fr) .text-language.views-row-first .hyphenate, [lang="fr"] .text-language-block:not(.fr) div:first-of-type .hyphenate { display: block; } [lang="it"] .text-language-block.it .text-language .hyphenate.it, [lang="it"] .text-language-block:not(.it) .text-language.views-row-first .hyphenate, [lang="it"] .text-language-block:not(.it) div:first-of-type .hyphenate { display: block; } [lang="es"] .text-language-block.es .text-language .hyphenate.es, [lang="es"] .text-language-block:not(.es) .text-language.views-row-first .hyphenate, [lang="es"] .text-language-block:not(.es) div:first-of-type .hyphenate { display: block; } /* [lang="de"] .hyphenate.en, [lang="de"] .hyphenate.fr, [lang="de"] .hyphenate.it { display: none; } [lang="fr"] .hyphenate.en, [lang="fr"] .hyphenate.de, [lang="fr"] .hyphenate.it { display: none; } [lang="it"] .hyphenate.en, [lang="it"] .hyphenate.de, [lang="it"] .hyphenate.fr { display: none; } */ [lang="en"] .lang-switch.en .en, [lang="en"] .lang-switch:not(.en) span:nth-child(1), [lang="de"] .lang-switch.de .de, [lang="de"] .lang-switch:not(.de) span:nth-child(1), [lang="fr"] .lang-switch.fr .fr, [lang="fr"] .lang-switch:not(.fr) span:nth-child(1), [lang="it"] .lang-switch.it .it, [lang="it"] .lang-switch:not(.it) span:nth-child(1), [lang="es"] .lang-switch.es .es, [lang="es"] .lang-switch:not(.es) span:nth-child(1) { /* display: none; */ cursor: auto; color: #3333ED; } .lang-switch { display: inline-block; margin-bottom: 0; } .series-content-module .share_links .lang-switch { margin-bottom: 10px; } .lang-switch:not(.de):not(.fr):not(.it):not(.es), .lang-switch:not(.en):not(.fr):not(.it):not(.es), .lang-switch:not(.en):not(.de):not(.it):not(.es), .lang-switch:not(.en):not(.de):not(.fr):not(.es), .lang-switch:not(.en):not(.de):not(.fr):not(.it) { display: none; } .works .lang-switch, .content-block .lang-switch { margin-bottom: 1em; display: none } .works .lang-switch { margin-bottom: 0 } [ndx-deep] .lang-switch, .section-about .lang-switch { margin-top: 1.5em; margin-bottom: 0 } .section-about .lang-switch { display: inline-block; } .lang-switch span { float: left; cursor: pointer; font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #010101; letter-spacing: 0.15rem; text-decoration: none; display: inline-block; pointer-events: auto; position: relative; margin: 0 25px 0 0; display: block; } .lang-switch span:hover { color: #3333ED; } /* -------------- until 3492 ------------------------------------------------------------------------------------------------------------------------*/ /* -------------- from 3639 - 3960 ------------------------------------------------------------------------------------------------------------------------*/ /* Records detail pagination ----------------------------------------------------------- */ .records-pagination { width: 100%; background-color: #000; padding: 5px 0 5px 0; } .records-detail-pagination { width: 100%; background-color: #000; position: relative; overflow: hidden; } .records-pagination .records-detail-pagination { margin: 100px 0 100px 0; } .records-pagination.fullwidth-image-pagination-list { background-color: #fff; padding: 0; } .records-pagination.fullwidth-image-pagination-list .records-detail-pagination { margin: 0 0 100px 0; } .section-projects .records-pagination.fullwidth-image-pagination-list .records-detail-pagination.views-row-first { /*margin-top: 100px;*/ } /*.section-news .records-pagination.fullwidth-image-pagination-list .records-detail-pagination.views-row-first, .section-publications .records-pagination.fullwidth-image-pagination-list .records-detail-pagination.views-row-first, .section-press .records-pagination.fullwidth-image-pagination-list .records-detail-pagination.views-row-first { margin-top: 12vh; }*/ .records-pagination.fullwidth-image-pagination-list .records-detail-pagination.views-row-last { margin-bottom: 0; } .records-detail-pagination.promos-list { width: calc(50% - 7px); display: inline-block; margin: 0; } .records-detail-pagination.promos-list.views-row-odd { margin-right: 7px; } .project-list-section .records-detail-pagination { margin-top: 50px; } .records-detail-pagination .slide-out{ /*opacity: 0;*/ transform: translate3d(-100px,0,0); } .records-detail-pagination.fullscreen { z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; } .records-detail-pagination .records_detail_pagination_link { width: 100%; display: block; height: 100%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 70vh; z-index: 100; position: relative; } .records-pagination.fullwidth-image-pagination-list .records_detail_pagination_link { /*min-height: calc(70vh + 70px); */ } .records-detail-pagination.promos-list .records_detail_pagination_link { min-height: 50vh; } .records-detail-pagination.promos-list .container-inner { max-width: 1060px; } .records-detail-pagination.project-item-slide .records_detail_pagination_link { -webkit-align-items: flex-start; align-items: flex-start; height: 80vh; } .records-detail-pagination * { text-decoration: none; } .records-detail-pagination.project-item-slide .panel-positioning-wrapper { float: right; } .records-detail-pagination .skip-status { margin-bottom: 5vh; display: block; transform: translate3d(-60px,0,0); position: relative; z-index: 101 } .records-detail-pagination .skip-status-inner { display: block; } .records-detail-pagination .skip-label { font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; letter-spacing: 0.15rem; display: inline-block; vertical-align: middle; margin-right: 20px; color: #3333ED; } .records-detail-pagination.active .skip-label { color: #FFF; moz-transition: color 1s; -o-transition: color 1s; -webkit-transition: color 1s; transition: color 1s; } .records-detail-pagination .skip-status img, .records-detail-pagination .skip-status svg { display: inline-block; vertical-align: middle; } .records-detail-pagination .skip-status svg * { fill: #3333ED; moz-transition: fill 1s; -o-transition: fill 1s; -webkit-transition: fill 1s; transition: fill 1s; } .records-detail-pagination.active .skip-status svg * { fill: #fff; } .records-detail-pagination h2, .records-detail-pagination a h2 { text-decoration: none; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 5.9rem; color: #FFFFFF; letter-spacing: 0.060rem; line-height: 6.1rem; margin: 0; max-width: 800px; transition: all 0.5s; } .records-detail-pagination.promos-list h2, .records-detail-pagination.promos-list a h2 { font-size: 5.2rem; letter-spacing: 0.060rem; line-height: 5.5rem; margin: 0; max-width: 900px; transition: all 0.5s; } .skip-background { background-size: contain; background-repeat: no-repeat; background-position: center; display: block; text-decoration: none; opacity: 0.13; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; moz-transition: -moz-transform 1s, opacity 1s; -o-transition: -o-transform 1s, opacity 1s; -webkit-transition: -webkit-transform 1s, opacity 1s; transition: transform 1s, opacity 1s; } .records-pagination.fullwidth-image-pagination-list .skip-background { background-size: cover; } .records-detail-pagination:hover .skip-background { opacity: 0.4; } .records-detail-pagination.active .skip-background { opacity: 0.9; } .records-detail-pagination.project-item-slide .skip-background { opacity: 0; } .records-detail-pagination.project-item-slide:hover .skip-background { opacity: 0.2; } .records-detail-pagination.project-item-slide.active .skip-background { opacity: 0.2; } /* medium left -----*/ .records_detail_pagination_container { display: block; width: 55vw; float: left; padding: 20vh 80px; padding: 180px 5vw; /* Changed to pixel values as the padding was incredibly large on big screens */ box-sizing: border-box; margin: 0; } .records_detail_pagination_container .image > span, .records_detail_pagination_container .image { display: inline-block; margin: 0; } .records_detail_pagination_container .image { float: left; width: auto; height: auto; background: none; position: relative; z-index: 10; } .records_detail_pagination_container .image span { display: inline-block; vertical-align: middle; } .records_detail_pagination_container .image img { opacity: 1; -moz-transition: all 1.2s; -o-transition:all 1.2s; -webkit-transition: all 1.2s; transition: all 1.2s; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); position: relative; z-index: 5; max-width: 100%; text-indent: -9999px; } .records_detail_pagination_container .image img::after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; width: 100%; background: rgba(0,0,0,0.1); } .records_detail_pagination_container .panel_label { -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(90deg) translate(50%, 50%); -moz-transform: rotate(90deg) translate(50%, 50%); -ms-transform: rotate(90deg) translate(50%, 50%); -o-transform: rotate(90deg) translate(50%, 50%); transform: rotate(90deg) translate(50%, 50%); color: #fff; position: absolute; right: auto; left: calc(100% + 35px); top: -37px; font-weight: 200; letter-spacing: 0.15rem; text-transform: uppercase; font-weight: 200; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.55rem; color: #FFFFFF; letter-spacing: 0.15rem; line-height: 2.0rem; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .records_detail_pagination_container .content { position: absolute; z-index: 20; left: calc(100% + 5vw); top: 30%; color: #fff; width: 40vw; max-width: 1200px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); } .records_detail_pagination_container .content h2 { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; color: #FFFFFF; margin: 0; font-weight: 200; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom: 25px; color: #FFFFFF; letter-spacing: 0.042rem; text-transform: uppercase; font-size: 5.5rem; line-height: 1em; } .records_detail_pagination_container .date, .records_detail_pagination_container .subtitle { text-transform: uppercase; font-weight: 200; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #FFFFFF; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5rem; color: #FFFFFF; line-height: 3.0rem; letter-spacing: 0.15rem; } /* Records list Default styling for all content grids on the site ----------------------------------------------------------- */ .records-list { } .records-list ul { margin-bottom: 0; margin-right: 0; } .records-list > ul > li { width: 100%; margin: 0 0 110px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .records-list > ul > li.last { } .records-list > ul > li:last-of-type { margin-bottom: 0; } .records-list ul li a, .records-list ul li a:visited { } .records-list ul li .image { float: left; width: auto; height: auto; margin: 0 0 30px; background: none; } .records-list ul li .icon { background: none; } .records-list .content, .detail_list_alt ul li .content { text-align: left; width: auto; } body.navigation-open .records-list .content, body.navigation-open .detail_list_alt ul li .content { visibility:hidden; } .records-list ul li .content h2 { margin: 0 0 25px; font-size: 6rem; line-height: 6rem; color: #111111; letter-spacing: 0; } .records-list .content .subtitle, .records-list .content .date, .records-list .content .location{ } .records-list .content .price { } .records-list .content .description { } .records-list .content .link { } .records-list .content .description, .records-list .content .location { /* display: none; */ } /* Image list A grid of images with captions e.g. Artists list ----------------------------------------------------------- */ .image-list { } .records-list.image-list.fair-group-list { /* background: #fbfbfb; */ padding-top: 85px; padding-bottom: 85px; } .image-list ul { } .image-list ul li { } .image-list ul li .image { } .image-list ul li .content { } /* Detail list A grid which usually has an image with more preview text/content ----------------------------------------------------------- */ .detail-list { } .detail-list ul { } .detail-list ul li { display: block; float: none; margin: 0 0 150px 0; } .detail-list.cascade-list ul li { margin: 0 0 18vh 0; } .detail-list ul li a { display: inline-block; width: auto; float: none; } .detail-list ul li .image { width: auto; max-width: 36vw; margin: 0 75px 0 0; } .detail-list.cascade-list ul li .image { max-width: 60vw; } .news-list.detail-list ul li .image { max-width: 870px; } .detail-list ul li .image span { width: 100%; height: auto; } .detail-list ul li .content { padding-top: 4vw; max-width: 550px; width: auto; display: inline-block; float: left; } .detail-list.cascade-list ul li .content { padding-top: 6vw; } .detail-list.news-list ul li .content { padding-top: 4vw; } .group-block .group-list.detail-list ul li .content { padding-top: 5vw; } .detail-list ul li .subtitle { max-width: 480px; } .group-block .group-list.detail-list ul li .content h2 { font-size: 5rem; line-height: 5.1rem; } /* Right ---------------------------------------- */ .detail-list ul li.pull-right /*, .group-block.right-block .group-list.detail-list ul li.pull-left.medium*/ { text-align: right; } /* Positioning variations ---------------------------------------- */ .detail-list ul li.pull-right.medium, .detail-list ul li.pull-right.centre /*, .group-block.right-block .group-list.detail-list ul li.pull-left.medium*/ { padding: 0 6vw 0 0; } /* Images and content ---------------------------------------- */ .detail-list ul li.pull-right .image, .detail-list ul li.pull-right .content, .detail-list ul li.pull-right .subtitle, .detail-list ul li.pull-right h2 /*, .group-block.right-block .group-list.detail-list ul li.pull-left.medium .image, .group-block.right-block .group-list.detail-list ul li.pull-left.medium .content, .group-block.right-block .group-list.detail-list ul li.pull-left.medium .subtitle, .group-block.right-block .group-list.detail-list ul li.pull-left.medium h2*/ { float: right; text-align: right; } .detail-list ul li.pull-right .subtitle /*, .group-block.right-block .group-list.detail-list ul li.pull-left.medium .subtitle*/ { clear: both; } .detail-list ul li.pull-right .image /*, .group-block.right-block .group-list.detail-list ul li.pull-left.medium .image*/ { margin: 0 0 0 5vw; } .detail-list ul li.pull-right .link.read_more_link /*, .group-block.right-block .group-list.detail-list ul li.pull-left.medium .link.read_more_link*/ { float: right; clear: both; } /* Left ---------------------------------------- */ .detail-list ul li.pull-left /*, .group-block.right-block .group-list.detail-list ul li.pull-right.medium*/ { text-align: left; } /* Positioning variations ---------------------------------------- */ .detail-list ul li.pull-left.medium, .detail-list ul li.pull-left.centre /* , .group-block.right-block .group-list.detail-list ul li.pull-right.medium*/ { padding: 0 0 0 6vw; } /* Images and content ---------------------------------------- */ .detail-list ul li.pull-left .image, .detail-list ul li.pull-left .content /*, .group-block.right-block .group-list.detail-list ul li.pull-right.medium .image, .group-block.right-block .group-list.detail-list ul li.pull-right.medium .content, .group-block.right-block .group-list.detail-list ul li.pull-right.medium .subtitle, .group-block.right-block .group-list.detail-list ul li.pull-right.medium h2*/ { float: left; text-align: left; } .detail-list ul li.pull-left .image /*, .group-block.right-block .group-list.detail-list ul li.pull-right.medium .image */ { margin: 0 5vw 50px 0; } /* Centre ---------------------------------------- */ .detail-list ul li.centre, .detail-list ul li.centre.pull-right, .detail-list ul li.centre.pull-left, .group-block .group-list.detail-list ul li.centre, .group-block .group-list.detail-list ul li.centre.pull-right, .group-block .group-list.detail-list ul li.centre.pull-left { text-align: center; } /* Explore list A grid which usually has an image with long text/content ----------------------------------------------------------- */ .explore-list { } .explore-list ul { } .explore-list ul li { display: block; float: none; margin: 0 0 150px 0; } .explore-list ul li a { display: inline-block; width: auto; float: none; } .explore-list ul li .list-item-wrapper{ padding: 180px 0 0; } .explore-list ul li .image { width: auto; max-width: 39vw; margin: 0 75px 0 0; } .explore-list ul li .image span { width: 100%; height: auto; } .explore-list ul li .image .image_caption { display: block; clear: both; text-align: left; padding: 10px 0 0; font-size: 1.3rem; color: #171717; letter-spacing: 0.008rem; line-height: 2.2rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; } .explore-list ul li .content { padding-top: 3vw; max-width: 680px; width: auto; display: inline-block; float: left; line-height: 3rem; } .explore-list ul li .content h2 { font-size: 5rem; line-height: 5rem; } .explore-list ul li .subtitle { max-width: 580px; } .explore-list ul li .description p { padding: 0 0 5px; } .explore-list ul li .content .link-panel .simple_list ul { padding-left: 0; } /* Right ---------------------------------------- */ .explore-list ul li.pull-right { text-align: right; } /* Positioning variations ---------------------------------------- */ .explore-list ul li.pull-right .list-item-wrapper.medium, .explore-list ul li.pull-right .list-item-wrapper.centre { padding-right: 6vw; } /* Images and content ---------------------------------------- */ .explore-list ul li.pull-right .image, .explore-list ul li.pull-right .image .image_caption, .explore-list ul li.pull-right .content { float: right; text-align: right; } .explore-list ul li.pull-right h2, .explore-list ul li.pull-right .subtitle, .explore-list ul li.pull-right .description, .explore-list ul li.pull-right .share_links { float: left; text-align: left; } .explore-list ul li.pull-right .subtitle{ clear: both; } .explore-list ul li.pull-right .image { margin: 0 0 0 5vw; } .explore-list ul li.pull-right .link.read_more_link { float: right; clear: both; } /* Left ---------------------------------------- */ .explore-list ul li.pull-left { text-align: left; } /* Positioning variations ---------------------------------------- */ .explore-list ul li.pull-left .list-item-wrapper.medium, .explore-list ul li.pull-left .list-item-wrapper.centre { padding-left: 6vw; } /* Images and content ---------------------------------------- */ .explore-list ul li.pull-left .image, .explore-list ul li.pull-left .content { float: left; float: left; } .explore-list ul li.pull-left .image { margin: 0 5vw 50px 0; } /* Centre ---------------------------------------- */ .explore-list ul li .list-item-wrapper.centre, .explore-list ul li.pull-right .list-item-wrapper.centre, .explore-list ul li.pull-left .list-item-wrapper.centre { text-align: center; } /* Full list A grid where each item fills the full width of the page ----------------------------------------------------------- */ .full_list { } .full_list ul { } .full_list ul li { } .full_list ul li .image { } /* Feature panels A grid where each item fills the full width of the page ----------------------------------------------------------- */ .projects-image-gallery { clear: both; display: block; } .projects-image-gallery-inner { position: relative; } .project-list-section .records-list.detail-list { padding: 110px 0 0; margin: 0; } .project-list-section .records-list.detail-list.publications-list { margin-bottom: 12vh; } .project-list-section .records-list.detail-list.publications-list.group-list { padding-bottom: 110px; } .project-list-section .group-block:not(:last-of-type) .records-list.detail-list.publications-list.group-list { margin-bottom: 0; } .artists-timeline-section:not(:last-of-type) .project-list-section .records-list.detail-list.publications-list.group-list { margin-bottom: 0; padding-bottom: 110px; } .project-list-section .group-block .records-list.detail-list.news-list { padding-bottom: 110px; } .project-list-section .view-empty .records-list.detail-list.news-list.group-list { padding-top: 180px; padding-bottom: 180px; } .projects-image-gallery .projects-image-gallery .feature_panels .records-list ul { margin-right: 0; width: auto; } .feature_panels > .records-list ul li.panel_image_gallery { width: 100%; margin-right: 0; margin-bottom: 0; padding-right: 0; /*position: relative;*/ } .panel-fill { width: 100%; display: block; } #projects-grid-colorbox { display: none; overflow: hidden; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .fullwidth-image-gallery-wrapper, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .gridview-image-gallery-wrapper { width: 100%; padding: 0 0 0 0; box-sizing: border-box; /*background: #070707;*/ display: block; position: relative; overflow: hidden; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .fullwidth-image-gallery-list, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .artworksList { background: #070707; padding-bottom: 70px; } .projects-image-grid-gallery .feature_panels > .records-list.group-list ul li.panel_image_gallery .artworksList { padding-top: 70px; padding-bottom: 0; } /*.artworksList.container-inner-wide { padding-left: 115px; padding-right: 115px; }*/ .artworksList .container-inner { max-width: 2600px; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .fullwidth-image-gallery-list { padding-top: 70px; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .fullwidth-image-gallery-list, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .artworksList, .projects-image-grid-gallery .feature_panels > .records-list.group-list ul li.panel_image_gallery.panel_style_photography { background: #fbfbfb; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_work .fullwidth-image-gallery-list, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_work .artworksList, .projects-image-grid-gallery .feature_panels > .records-list.group-list ul li.panel_image_gallery.panel_style_work { background: #f8f8f8; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .fullwidth-image-gallery-list, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .artworksList, .projects-image-grid-gallery .feature_panels > .records-list.group-list ul li.panel_image_gallery.panel_style_installation { background: #fff; } /*.projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header { display: block; margin: 0 0 40px; top: 95px; position: absolute; left: 0; right: 0; width: 100%; z-index: 100; height: 10vh; max-height: 50px; }*/ .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header, .project-list-section .panel_header_fixed { display: block; margin: 0; position: absolute; /*background: rgba(102, 51, 153, 0.5);*/ left: 0; right: 0; width: 100%; z-index: 100; height: 40vh; top: 18vh; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-attachment: fixed; pointer-events: none; } /*.projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header::before { content: ''; position: absolute; display: block; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.45); }*/ .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .panel_header_inner, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .panel_header_inner, .project-list-section .panel_header_fixed .panel_header_inner { width: 100%; margin: 0 auto; line-height: 0; position: absolute; bottom: 20%; } /*.projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header h2 { font-size: 3.0rem; color: #FFFFFF; letter-spacing: .018rem; float: left; margin-bottom: 0; padding-top: 3px; }*/ /* T - Modified panel headings */ .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header, .project-list-section .panel_header_fixed { background: #070707; position: static; padding-top: 70px; height: auto; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header { background: #fbfbfb; /* #fff; */ } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_work .panel_header, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_work .panel_header { background: #f8f8f8; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .panel_header, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .panel_header { background: #fff; } .project-list-section .panel_header_fixed { background: #fff; } .project-list-section.dark-section .panel_header_fixed { background: #070707; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .panel_header_inner, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .panel_header_inner, .project-list-section .panel_header_fixed .panel_header_inner { position: static; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .fullwidth-image-gallery-list { padding-top: 0; box-sizing: content-box; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .fullheight-image-gallery { padding-top: 100px; /*70px padding-bottom: 5px;*/ } #expanded-list-wrapper .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .fullheight-image-gallery, .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .fullheight-image-gallery.text-after-grid { padding-top: 0; } .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .type-switch .switch-per-year, body.show-list-per-year .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .type-switch .switch-per-type { color: #FFFFFF; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header_title, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header_title, .project-list-section .panel_header_title { padding-left: 55px; display: block; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header h2, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header h2, .project-list-section .panel_header_fixed h2 { text-decoration: none; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 6.9rem; line-height: 7.3rem; color: #FFFFFF; letter-spacing: 0.072rem; position: relative; max-width: 70%; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header h1, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header h1, .project-list-section .panel_header_fixed h1 { text-decoration: none; color: #FFFFFF; letter-spacing: 0.07rem; position: relative; max-width: 70%; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .introduction, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .introduction, .project-list-section .panel_header_fixed .introduction { display: block; clear: both; text-align: left; padding: 20px 0 0; font-size: 1.2rem; color: #fff; letter-spacing: 0.008rem; line-height: 2.1rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; max-width: 70%; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .introduction p, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .introduction p, .project-list-section .panel_header_fixed .introduction p { padding: 2.1rem 0 0; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header h1, .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header h2, .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header .introduction, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header .type-switch .switch-per-year, body.show-list-per-year .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header .type-switch .switch-per-type, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header h1, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header h2, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header .introduction, .project-list-section .panel_header_fixed h1, .project-list-section .panel_header_fixed h2, .project-list-section .panel_header_fixed .introduction, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .content.mobile-caption .artist_title_year, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .content.mobile-caption .work_price, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .content.mobile-caption .content, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .content.mobile-caption .title_year, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .content.mobile-caption .artist, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .content.mobile-caption .dimensions, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .content.mobile-caption .medium, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .content.mobile-caption .artist_title_year, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .content.mobile-caption .work_price, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .content.mobile-caption .content, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .content.mobile-caption .title_year, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .content.mobile-caption .artist, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .content.mobile-caption .dimensions, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_installation .content.mobile-caption .medium { color: #010101; } .project-list-section.dark-section .panel_header_fixed h1 { color: #FFFFFF; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header .subtitle { display: none; } /*.projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header h2, .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header .scrollnav-link { color: #070707; }*/ .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .records-list.fullwidth-image-gallery-list ul li { width: 100%; margin-right: 0; padding-right: 0; margin-bottom: 100px; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .fill, .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .records-list.fullwidth-image-gallery-list .fill { display: none !important; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item { height: calc(100vh + 5px); width: 100%; padding: 45px 40px 40px 40px; box-sizing: border-box; position: relative; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item.fullheight-image-item { padding: 5px 0 0 0; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item > a { height: 100%; width: 100%; position: relative; display: block; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item .gallery-item-inner { height: 100%; width: 100%; position: relative; display: block; float: none; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item .gallery-image { height: 100%; width: 100%; display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item img { max-width: 100%; max-height: calc(100vh - 80px); position: relative; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform:translateZ(0); transform: translateZ(0); } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item.fullheight-image-item img { max-height: 100vh; margin-left: auto; margin-right: auto; } .projects-image-gallery .fullwidth-image-gallery-list.work-gallery .image-gallery-item img { max-width: calc(100% - 830px); } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item .gallery-image.layout-right img { margin-left: auto; margin-right: 0; max-width: calc(100% - 450px); } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item .gallery-image.layout-fullbleed img { width: 100%; max-width: 100%; max-height: 100vh; object-fit: cover; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item .gallery-image.layout-fullbleed.position-top img { object-position: top; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item .gallery-image.layout-fullbleed.position-bottom img { object-position: bottom; } .section-content h1 { display: none; } /*.animate-in { -webkit-transform: translate3d(0, 0, 0); -moz-transform:translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); filter: alpha(enabled=false); opacity: 0; } .animate-in.visible { opacity: 1.0; }*/ .animate-in { opacity: 0; will-change: opacity, transform; } .animate-in.visible { opacity: 1.0; } .animate-in.visible { opacity: 1.0; } .animate-from-top{ -moz-transform: translate3d(0,-250px,0); -ms-transform: translate3d(0,-250px,0); -webkit-transform: translate3d(0,-250px,0); transform: translate3d(0,-250px,0); } .animate-from-bottom { -moz-transform: translate3d(0,250px,0); -ms-transform: translate3d(0,250px,0); -webkit-transform: translate3d(0,250px,0); transform: translate3d(0,250px,0); } /*.lazy-grid-item { -moz-transform: translate3d(0,200px,0); -ms-transform: translate3d(0,200px,0); -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); }*/ .lazy-load-inner-image img { opacity: 0; } .lazy-load-inner-image.lazy-loaded img { opacity: 1.0; transition: opacity 0.4s linear; } .lazy-load-inner-image { /*transform: translateZ(0);*/ } .animate-from-bottom, .animate-from-top { moz-transition: -moz-transform 0s, opacity 0s; -o-transition: -o-transform 0s, opacity 0s; -webkit-transition: -webkit-transform 0s, opacity 0s; transition: transform 0s, opacity 0s; } .animate-from-bottom.visible, .animate-from-top.visible { -ms-transform: translate3d(0,0,0) !important; -moz-transition: -moz-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 3s cubic-bezier(.18, 1, .21, 1); -moz-transform: translate3d(0,0,0) !important; -webkit-transition: -webkit-transform 5s cubic-bezier(.18, 1, .21, 1), opacity 3s cubic-bezier(.18, 1, .21, 1); -webkit-transform: translate3d(0,0,0) !important; transition: transform 5s cubic-bezier(.18, 1, .21, 1), opacity 3s cubic-bezier(.18, 1, .21, 1); transform: translate3d(0,0,0) !important; } .panel-media-slide.hide-inner-off-screen.hidden-off-screen .content, .panel-media-slide.hide-inner-off-screen.hidden-off-screen img, .panel-media-slide.hide-inner-off-screen.hidden-off-screen .hover-tilt-bg, .panel-media-slide.hide-inner-off-screen.hidden-off-screen video, .hide-inner-off-screen.hidden-off-screen .video-wrapper .video-carousel, .hide-inner-off-screen.hidden-off-screen .parallax-background, .hide-inner-off-screen.hidden-off-screen .skip-background, .hide-inner-off-screen.hidden-off-screen .gallery-caption-wrapper, .hide-inner-off-screen.hidden-off-screen .gallery-caption-top-wrapper, .hide-inner-off-screen.hidden-off-screen .hero-content, .hide-inner-off-screen.hidden-off-screen .list-item-wrapper img, #custom-hero-header.hide-inner-off-screen.hidden-off-screen .decode-text, #custom-hero-header.hide-inner-off-screen.hidden-off-screen .decode-text .word { visibility: hidden; } .hide-inner-off-screen.hidden-off-screen .projects-image-gallery .gallery-caption-wrapper, .hide-inner-off-screen.hidden-off-screen .projects-image-gallery .gallery-caption-top-wrapper, .hide-inner-off-screen.hidden-off-screen .fullscreen_slideshow, .panel-media-slide.hide-inner-off-screen.hidden-off-screen .image .hover-tilt, .hide-inner-off-screen.hidden-off-screen .video-wrapper video { visibility: hidden; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .records-list.fullwidth-image-gallery-list .image span { display: inline-block; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .records-list.fullwidth-image-gallery-list .content { float: none; display: none; width: 100%; height: 100%; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .records-list.fullwidth-image-gallery-list .content-inner, .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .records-list.fullwidth-image-gallery-list .content-inner-top { width: 100%; margin: 0 auto; display: block; } .gallery-caption-wrapper .content, .gallery-caption-wrapper .title, .gallery-caption-wrapper .artist, .gallery-caption-wrapper .dimensions, .gallery-caption-wrapper .medium, .gallery-caption-top-wrapper .content, .gallery-caption-top-wrapper .title, .gallery-caption-top-wrapper .artist, .gallery-caption-top-wrapper .dimensions, .gallery-caption-top-wrapper .medium, .gallery-caption-fixed .artist_title_year, .gallery-caption-fixed .work_price, .gallery-caption-fixed .medium, .artworksList .content.mobile-caption, .artworksList .content.mobile-caption .title_year, .artworksList .content.mobile-caption .artist, .artworksList .content.mobile-caption .dimensions, .artworksList .content.mobile-caption .medium { color: #fff; } .gallery-caption-wrapper .artist_title_year, .gallery-caption-wrapper .artist_title_year .title, .gallery-caption-wrapper .artist_title_year .artist, .gallery-caption-wrapper .work_price, .gallery-caption-top-wrapper .artist_title_year, .gallery-caption-top-wrapper.artist_title_year .title, .gallery-caption-top-wrapper .artist_title_year .artist, .gallery-caption-top-wrapper .work_price, .artworksList .content.mobile-caption .artist_title_year, .artworksList .content.mobile-caption .title_year, .artworksList .content.mobile-caption .artist, .artworksList .content.mobile-caption .work_price, .edition-caption-wrapper .content.mobile-caption .artist_title_year, .edition-caption-wrapper .content.mobile-caption .title, .edition-caption-wrapper .content.mobile-caption .artist, .edition-caption-wrapper .content.mobile-caption .work_price { font-size: 1.2rem; } .artworksList .content.mobile-caption .artist_title_year, .artworksList .content.mobile-caption .work_price, .edition-caption-wrapper .content.mobile-caption .artist_title_year, .edition-caption-wrapper .content.mobile-caption .work_price, .gallery-caption-wrapper .artist_title_year, .gallery-caption-wrapper .work_price, .gallery-caption-top-wrapper .artist_title_year, .gallery-caption-top-wrapper .work_price { margin-bottom: 10px; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; text-transform: uppercase; font-weight: 200; font-size: 2.0rem; color: #FFFFFF; letter-spacing: .013rem; line-height: 2.4rem; display: block; } .gallery-caption-top-wrapper.right-side .artist_title_year, .gallery-caption-top-wrapper.right-side .work_price, .gallery-caption-fixed .artist_title_year, .gallery-caption-fixed .work_price { margin-bottom: 10px; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; text-transform: uppercase; font-weight: 200; font-size: 2.3rem; /* color: #171717; */ letter-spacing: 0.014rem; line-height: 2.7rem; display: block; margin-bottom: 26px; } .artworksList .content.mobile-caption .work_price, .edition-caption-wrapper .content.mobile-caption .work_price, .gallery-caption-wrapper .work_price, .gallery-caption-top-wrapper .work_price, .gallery-caption-top-wrapper.right-side .work_price, .gallery-caption-fixed .work_price { margin-bottom: 0; margin-top: 10px; } .artworksList .content.mobile-caption .artist_title_year .work_title_year, .edition-caption-wrapper .content.mobile-caption .artist_title_year .work_title_year, .gallery-caption-wrapper .artist_title_year .work_title_year, .gallery-caption-top-wrapper .artist_title_year .work_title_year, .gallery-caption-fixed .artist_title_year .work_title_year { display: block; } .artworksList .content.mobile-caption .artist_title_year .work_title, .edition-caption-wrapper .content.mobile-caption .artist_title_year .work_title, .gallery-caption-wrapper .artist_title_year .work_title, .gallery-caption-top-wrapper .artist_title_year .work_title, .gallery-caption-fixed .artist_title_year .work_title, .slide-content-module-wrapper .introduction .artist_title_year .work_title { font-style: italic; } /*.artworksList .content.mobile-caption .artist_title_year { font-size: 1.8rem; line-height: 2.2rem; } .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .content.mobile-caption .artist_title_year { margin-bottom: 0; } */ .gallery-caption-wrapper .artist_title_year a, .gallery-caption-top-wrapper .artist_title_year a, .gallery-caption-fixed .artist_title_year a { color: #FFFFFF; } .gallery-caption-wrapper.fullheight-image-gallery .artist_title_year, .gallery-caption-wrapper.fullheight-image-gallery .work_price, .gallery-caption-top-wrapper.fullheight-image-gallery .artist_title_year, .gallery-caption-top-wrapper.fullheight-image-gallery .work_price { font-weight: 200; font-size: 2.3rem; letter-spacing: .014rem; line-height: 2.7rem; } .artworksList .content.mobile-caption .title_year, .artworksList .content.mobile-caption .dimensions, .artworksList .content.mobile-caption .medium, .edition-caption-wrapper .content.mobile-caption .dimensions, .edition-caption-wrapper .content.mobile-caption .medium, .gallery-caption-wrapper .dimensions, .gallery-caption-wrapper .medium , .gallery-caption-top-wrapper .dimensions, .gallery-caption-top-wrapper .medium { font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.2rem; color: #FFFFFF; line-height: 2.1rem; text-transform: uppercase; letter-spacing: 0.15rem; display: inline-block; margin-right: 8px; } .gallery-caption-top-wrapper.right-side .dimensions, .gallery-caption-top-wrapper.right-side .medium { font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.3rem; /* color: #171717; */ line-height: 2.2rem; text-transform: uppercase; letter-spacing: 0.15rem; display: block; margin-right: 8px; } .artworksList .content.mobile-caption .title_year { font-size: 1.5rem; } /*.artworksList .content.mobile-caption .title_year .title{ font-style: italic; } */ .artworksList .content.mobile-caption .dimensions p, .artworksList .content.mobile-caption .medium p, .edition-caption-wrapper .content.mobile-caption .dimensions p, .edition-caption-wrapper .content.mobile-caption .medium p, .gallery-caption-wrapper .dimensions p, .gallery-caption-wrapper .medium p, .gallery-caption-top-wrapper .dimensions p, .gallery-caption-top-wrapper .medium p { padding: 0; } .gallery-caption-wrapper.fullheight-image-gallery .dimensions, .gallery-caption-wrapper.fullheight-image-gallery .medium, .gallery-caption-top-wrapper.fullheight-image-gallery .dimensions, .gallery-caption-top-wrapper.fullheight-image-gallery .medium { font-size: 1.3rem; line-height: 2.2rem; letter-spacing: 0.15rem; display: block; } .gallery-caption-wrapper.dark .artist_title_year, .gallery-caption-wrapper.dark .artist_title_year a, .gallery-caption-wrapper.dark .work_price, .gallery-caption-wrapper.dark .content, .gallery-caption-wrapper.dark .title, .gallery-caption-wrapper.dark .artist, .gallery-caption-wrapper.dark .dimensions, .gallery-caption-wrapper.dark .medium, body.popup-text-active .gallery-caption-top-wrapper .artist_title_year, .gallery-caption-top-wrapper.dark .artist_title_year, .gallery-caption-top-wrapper.dark .artist_title_year a, .gallery-caption-top-wrapper.dark .work_price, .gallery-caption-top-wrapper.dark .content, .gallery-caption-top-wrapper.dark .title, .gallery-caption-top-wrapper.dark .artist, .gallery-caption-top-wrapper.dark .dimensions, .gallery-caption-top-wrapper.dark .medium, .gallery-caption-fixed.dark .artist_title_year, .gallery-caption-fixed.dark .artist_title_year a, .gallery-caption-fixed.dark .work_price, .gallery-caption-fixed.dark .content, .gallery-caption-fixed.dark .title, .gallery-caption-fixed.dark .artist, .gallery-caption-fixed.dark .dimensions, .gallery-caption-fixed.dark .medium { color: #111; } body.popup-text-active .gallery-caption-top-wrapper .reveal-wrapper, .gallery-caption-top-wrapper.dark .reveal-wrapper { color: #909090; } /*.image_list ul li .signed_and_dated, .image_list ul li .dimensions, .image_list ul li .medium { text-transform: none; display: block; text-transform: uppercase; letter-spacing: 1px; } .image_list ul li .signed_and_dated, .image_list ul li .dimensions, .image_list ul li .medium { font-size: 0.8rem; }*/ .gallery-caption-wrapper { position: fixed; bottom: 0; left: 0; width: 100%; max-width: 350px; width: 100vw; bottom: 40px; left: 40px; color: #fff; font-weight: 200; line-height: 1.2rem; display: block; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; transform: translate3d(0,60px,0); z-index: 50; } .gallery-caption-top-wrapper { position: fixed; max-width: 350px; width: 100vw; top: 40px; left: 40px; color: #fff; font-weight: 200; line-height: 1.2rem; display: block; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s; transform: translate3d(0,60px,0); z-index: 500; } .gallery-caption-top-wrapper.right-side { top: 17rem; left: auto; right: 30px; max-width: 355px; } .gallery-caption-wrapper.fullheight-image-gallery { height: 100vh; bottom: 0; left: 0; /* height: calc(100vh - 130px); */ } .gallery-caption-wrapper.fullheight-image-gallery.panel_style_photography { background: black; } .gallery-caption-wrapper.scrollaway, .gallery-caption-top-wrapper.scrollaway { position: absolute; bottom: 90px; } .gallery-caption-wrapper.fullheight-image-gallery.scrollaway, .gallery-caption-top-wrapper.fullheight-image-gallery.scrollaway { bottom: 0; } .gallery-caption-wrapper.fullheight-image-gallery .gallery-caption-style, .gallery-caption-top-wrapper.fullheight-image-gallery .gallery-caption-style { padding: 90px 30px 40px 40px; } .gallery-caption-wrapper.fullheight-image-gallery .work-captions, .gallery-caption-top-wrapper.fullheight-image-gallery .work-captions { position: fixed; bottom: 40px; } .gallery-caption-wrapper.visible, .gallery-caption-top-wrapper.visible { opacity: 1.0; transform: translate3d(0,0,0); } .gallery-caption-wrapper.header-visible, .gallery-caption-top-wrapper.header-visible { opacity: 0; } #expanded-list-wrapper .gallery-caption-wrapper.header-visible, #expanded-list-wrapper .gallery-caption-top-wrapper.header-visible { opacity: 1.0; } .gallery-caption-inner, .gallery-caption-top-inner { opacity: 0; /*transform: translate3d(0,30px,0);*/ display: block; } .gallery-caption-inner.visible, .gallery-caption-top-inner.visible { opacity: 1.0; transform: translate3d(0,0,0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } /* Condensed image list ----------------------------------------------------------- */ #condensed-list-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 99999999; box-sizing: border-box; background: #fff; } .condensed-list-wrapper { display: block; z-index: 99999999; box-sizing: border-box; /* background: #fff; */ visibility: visible; } /* for artist guide special */ .project-guide-container .condensed-list-wrapper .container-inner { max-width: 3000px; margin: 0; padding-right: 0; } #condensed-list-wrapper-content { overflow: auto; display: block; height: 100%; width: 100%; padding-top: 190px; padding-bottom: 12vh; box-sizing: border-box; } .condensed-list-wrapper-content { display: block; width: 100%; padding-top: 110px; padding-bottom: 110px; box-sizing: border-box; } #condensed-list-wrapper .content.mobile-caption, .condensed-list-wrapper .content.mobile-caption { display: none; } /* #condensed-list-wrapper .image-gallery-item a, */ #condensed-list-wrapper .image-gallery-item .gallery-image, .condensed-list-wrapper .image-gallery-item a, .condensed-list-wrapper .image-gallery-item .gallery-image { height: 100%; display: inline-block; } /* #condensed-list-wrapper .image-gallery-item a, */ .condensed-list-wrapper .image-gallery-item a { display: block; } #condensed-list-wrapper .records-list > ul > li.panel-media-slide { min-height: 100px; } #condensed-list-wrapper .records-list > ul > li.panel-media-slide > a { padding: 0 0 4vmin 0; } #condensed-list-wrapper .image-gallery-item img { max-height: 100%; display: block; } .condensed-list-wrapper .image-gallery-item img { max-height: 100%; display: block; width: auto !important; } #condensed-list-wrapper .records-list.type-list ul li .image-gallery-item .image img { max-height: 240px; } #condensed-list-wrapper .image-gallery-item { height: 23vmin; width: auto; max-height: 240px; display: inline-block; margin: 0 4vmin 4vmin 0; line-height: 1; cursor: pointer; } /*.project-guide-container */ .condensed-list-wrapper .image-gallery-item { height: calc((100vw - 365px - 8vmin)/3); width: auto; /* max-height: 450px; */ display: inline-block; margin: 0 4vmin 4vmin 0; line-height: 1; } .condensed-list-wrapper .image-gallery-item.image-gallery-item-19 { height: calc((100vw - 365px - 8vmin)/3.8); width: auto; /* max-height: 450px; */ display: inline-block; margin: 0 4vmin 4vmin 0; line-height: 1; } .condensed-list-wrapper .image-gallery-item.image-gallery-item-16 { height: calc((100vw - 365px - 8vmin)/3.2); width: auto; /* max-height: 450px; */ display: inline-block; margin: 0 4vmin 4vmin 0; line-height: 1; } .condensed-list-wrapper .image-gallery-item.image-gallery-item-13 { height: calc((100vw - 365px - 8vmin)/2.6); width: auto; /* max-height: 450px; */ display: inline-block; margin: 0 4vmin 4vmin 0; line-height: 1; } .condensed-list-title-wrapper { position: absolute; top: 60px; left: 0; } #condensed-list-wrapper h2, .condensed-list-wrapper h2 { font-size: 7.0rem; color: #5E5E5E; letter-spacing: 0.35rem; line-height: 9rem; } #condensed-list-wrapper .records-list > ul > li.panel-media-slide .content { max-width: 600px; } #condensed-list-wrapper .records-list.type-list > ul > li.panel-media-slide .content h2 { font-size: 5.0rem; color: #444; letter-spacing: 0.25rem; line-height: 6rem; margin-bottom: 10px; } /* Expanded image list ----------------------------------------------------------- */ #expanded-list-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 9999999; box-sizing: border-box; background: #fff; } #expanded-list-wrapper-content { overflow: auto; display: block; height: 100%; width: 100%; box-sizing: border-box; } #expanded-list-wrapper .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header { display: none; } /* Dynamic Header ----------------------------------------------------------- */ .gallery-viewer-header { position: absolute; top: 0; background: red; width: 100%; } .scrollnav-wrapper { float: right; } .scrollnav { opacity: 0; transform: translateX(90px); transition: transform 400ms ease-in-out, opacity 800ms ease-in-out, background 400ms linear; } .scrollnav.visible { opacity: 1.0; transform: translateX(0); } .scrollnav-link { font-size: 1.45rem; line-height: 2.3rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #FFFFFF; letter-spacing: 0.15rem; text-decoration: none; padding-left: 40px; cursor: pointer; display: inline-block; vertical-align: middle; } .dark .scrollnav-link { color: #010101; } .dark .scrollnav-link .scrollnav-dot-inner { background: #010101; } /*.scrollnav-link.active:after { content: ''; width: 100%; background: #3D54C5; height: 15px; display: block; margin-top: -15px; }*/ .scrollnav-wrapper-fixed { float: right; position: fixed; right: 0; z-index: 999; bottom: 34px; right: 22px; will-change: transform; } .scrollnav-link { display: block; clear: both; vertical-align: middle; text-align: right; position: relative; } .scrollnav-link .scrollnav-dot { width: 50px; position: relative; display: inline-block; vertical-align: middle; line-height: 5px; height: 30px; } .scrollnav-link .scrollnav-dot-inner { position: absolute; left: 21px; top: 12px; width: 8px; height: 8px; display: inline-block; background: #fff; border-radius: 50%; vertical-align: middle; -webkit-transition: all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition: all 0.2s linear; /* custom */ } .scrollnav-link.active .scrollnav-dot-inner { background: #3333ED; transform: rotate(45deg) scale(1.1); } .scrollnav-link .scrollnav-label { opacity: 0; position: absolute; right: 50px; top: 0.4rem; width: 500px; pointer-events: none; transform: translateX(20px); vertical-align: middle; display: inline-block; will-change: transform; -webkit-transition: all 1s cubic-bezier(0.000, 0.575, 0.130, 1.045); -moz-transition:all 1s cubic-bezier(0.000, 0.575, 0.130, 1.045); -o-transition:all 1s cubic-bezier(0.000, 0.575, 0.130, 1.045); transition: all 1s cubic-bezier(0.000, 0.575, 0.130, 1.045); /* custom */ } /* .scrollnav-link:hover .scrollnav-label */ .scrollnav-link.show-label .scrollnav-label, .scrollnav:hover .scrollnav-label { opacity: 1.0; transform: translateX(0); } .gridview-button-wrapper, .typeview-button-wrapper { position: fixed; right: 0; top: 50%; z-index: 99; line-height: 0; width: 30px; display: none; opacity: 0; transform: translate3d(60px, 0, 0); -webkit-transform: translate3d(60px, 0, 0); transition: opacity 400ms ease-in-out, transform 400ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 400ms ease-in-out, -webkit-transform 400ms cubic-bezier(.87,.17,.18,.85); } .gridview-button-wrapper.left-side { right: auto; left: 20px; transform: translate3d(-60px, 0, 0); -webkit-transform: translate3d(-60px, 0, 0); } .typeview-button-wrapper { top: 76px; } .gridview-button-wrapper.visible, .typeview-button-wrapper.visible { opacity: 1.0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .gridview-button-wrapper.enabled, .typeview-button-wrapper.visible { display: block; } .gridview-button-wrapper.left-side.header-visible { opacity: 0; } .gridview-button, .typeview-button { cursor: pointer; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(90deg); font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; letter-spacing: 0.15rem; text-decoration: none; display: inline-block; pointer-events: auto; position: relative; width: 100px; color: #FFFFFF; } .left-side .gridview-button { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(-90deg); } .dark .gridview-button, .dark .typeview-button { color: #333; } #condensed-list-wrapper, #expanded-list-wrapper { visibility: hidden; } body.condensed-list-visible, body.expanded-list-visible { overflow: hidden; } #condensed-list-wrapper.visible, #expanded-list-wrapper.visible, .condensed-list-wrapper.visible { visibility: visible; } .condensed-list-wrapper-inner { height: 100%; opacity: 0; transform-origin: center top; transform: translate3d(160px, 0, 0); -webkit-transform: translate3d(160px, 0, 0); } .expanded-list-wrapper-inner { height: 100%; opacity: 0; } #condensed-list-wrapper.visible .condensed-list-wrapper-inner, .condensed-list-wrapper.visible .condensed-list-wrapper-inner { opacity: 1.0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: opacity 400ms ease-in-out, transform 400ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 400ms ease-in-out, -webkit-transform 400ms cubic-bezier(.87,.17,.18,.85); } #expanded-list-wrapper.visible .expanded-list-wrapper-inner { opacity: 1.0; } /* -------------- until 4742 ------------------------------------------------------------------------------------------------------------------------*/ /* -------------- from 4763 - 5399 ------------------------------------------------------------------------------------------------------------------------*/ /* Hero header ----------------------------------------------------------- */ #custom-hero-header, .fullscreen_slideshow_parallax { height: 100vh; /*overflow: hidden;*/ z-index: 15; /*background: #000;*/ } #custom_slideshow{ height: 100vh; z-index: 15; } #custom_slideshow_inner{ position: fixed; /*pointer-events: none;*/ } .parallax-background { position: fixed; z-index: -2; left: 0; top: 0; height: 100vh; width: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; } .parallax-background::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; width: 100%; background-image: linear-gradient(0deg, rgba(0,0,0,0.00) 50%, rgba(0,0,0,0.2) 100%); background: rgba(0,0,0,0.2); } .invert-hero-colours .parallax-background::after { display: none; } #custom-hero-header > .inner { height: 100vh; width: 100%; overflow: hidden; } #custom-hero-header .inner .mask { display: block; width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0; z-index: -1; pointer-events: none; } #custom-hero-header.invert-hero-colours .inner .mask { background-color: #FFFFFF; } /*#custom-hero-header .inner { overflow: hidden; }*/ .fullscreen_slideshow.fullscreen_slideshow_parallax ul li .content, .parallax-mirror .fullscreen_slideshow ul li .content { display: initial; } #custom-hero-header .inner.hero-content, .fullscreen_slideshow.fullscreen_slideshow_parallax ul li .content { display: -webkit-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fullscreen_slideshow ul li .image { background-attachment:scroll; } /*#custom-hero-header.focalpoint-active.top-align-text .inner.hero-content{ -webkit-justify-content: flex-start; justify-content: flex-start; } #custom-hero-header.focalpoint-active.top-align-text #hero-heading { padding-top: 180px; } #custom-hero-header.focalpoint-active.bottom-align-text .inner.hero-content { -webkit-justify-content: flex-end; justify-content: flex-end; } #custom-hero-header.focalpoint-active.bottom-align-text #hero-heading { padding-bottom: 23vh; } */ #hero-heading { bottom: auto; position: static; box-sizing: border-box; pointer-events: none; } #custom-hero-header.focalpoint-active #hero-heading { position: absolute; left: 0; right: 0; } #custom-hero-header .title, #custom-hero-header .subtitle { box-sizing: content-box; display: block; color: #fff; max-width:1000px; padding-left: 55px; } #custom-hero-header .title.full-width, #custom-hero-header .subtitle.full-width { max-width: 100%; } #custom-hero-header .title a span.char { opacity: 0; color:#3333ED; -moz-transition: color 0.8s; -o-transition: color 0.8s; -webkit-transition: color 0.8s; transition: color 0.8s; margin-right: -1px; } #custom-hero-header .title a span.char.randomising { -moz-transition: color 0s; -o-transition: color 0s; -webkit-transition: color 0s; transition: color 0s; } #custom-hero-header .decode-text { display: block; } .panel_header .status, .panel_header_fixed .status, #hero-heading .status, #hero-heading .status a, #hero-heading .status a:visited, #form-wrapper-inner .status, #form-wrapper-inner .status a, #form-wrapper-inner .status a:visited { box-sizing: content-box; font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #FFFFFF; letter-spacing: 0.15rem; text-decoration: none; display: inline-block; pointer-events:auto; position: relative; } .panel_header .status, .panel_header .status a, .panel_header_fixed .status, .panel_header_fixed .status a { color: #3333ED } #hero-heading .status, #form-wrapper-inner .status, .panel_header_inner .status{ margin-bottom: 40px; } #hero-heading .status.second-status { margin-top: 100px; } .invert-hero-colours #hero-heading .status, .invert-hero-colours #hero-heading .status a, .invert-hero-colours #hero-heading .status a:visited, .invert-hero-colours #hero-heading .title, .invert-hero-colours #hero-heading .title a { color: #111; } .hero-content .scrollnav-wrapper { position: absolute; z-index: 40; right: 60px; bottom: 60px; } .hero-content .scrollnav-link { margin-left: 0; display: block; margin-bottom: 10px; text-align: right; } /* link Basic text link usually used throughout the site ----------------------------------------------------------- */ .link { } .link a{ } .link a, .link a:visited { } .share_link, .share_links { font-size: 1.5rem; color: #111; letter-spacing: 0.009rem; line-height: 3.4rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; border: none; } .project-list-section.dark-section .share_link, .project-list-section.dark-section .share_links { color: #FFFFFF; } .simple_list .share_link, .simple_list .share_links { margin: 0; float: none; margin-bottom: 0; line-height: inherit; } .share_link a:before, .share_links a:before { display: none; } .share_link a, .share_links a { text-decoration: none; padding: 0; text-align: left; } .share_link a:hover, .share_links a:hover { color: #3333ED; } .external-link { font-size: 1.5rem; color: #111; letter-spacing: 0.009rem; line-height: 3.4rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; border: none; color: #3333ED; } .contacts-list { margin-bottom: 30px; } .contacts-list.hours-list { margin-bottom: 100px; } .contacts-list.exhibition-list { margin-bottom: 0; } .contacts-list ul { padding-left: 0; list-style-type: none; display: block; line-height: 1.4em; } .contacts-list.exhibition-list ul { line-height: 1.4em; } .contacts-list ul li { padding-left: 0; list-style-type: none; display: inline-block; vertical-align: top; width: 49%; margin: 0 0 20px; } .contacts-list.exhibition-list ul li { display: block; width: 100%; } .hours-list .contacts-list.exhibition-list ul li { margin-bottom: 10px } .contacts-list ul li a{ text-decoration: none; } .project-list-section.dark-section .contacts-list ul li a { color: #FFFFFF; } .contacts-list ul li .external-link { display: block; } .contacts-list ul li .external-link.label-above, .contacts-list.exhibition-list ul li .external-link.label-above { color: #111; } .project-list-section.dark-section .contacts-list.exhibition-list ul li .external-link.label-above { color: #FFFFFF; } .contacts-list ul li h2 { font-size: 2.2rem; letter-spacing: 0; margin: 0 0 10px 0; line-height: 2.8rem; } h2.contact-list-header { font-size: 3.5rem; /* color: #FFFFFF; */ letter-spacing: 0; line-height: 4.9rem; margin: 0 0 40px 0; max-width: 500px; } .contacts-list ul li a:hover h2 { color: #3333ED; } /* Miscellaneous Common classes used throughout the site, generally on grids ----------------------------------------------------------- */ .description { margin: 0; display: block; } .description p { padding: 0 0 30px; } .truncated-text { overflow: hidden; -webkit-transition: max-height 2s cubic-bezier(0.000, 0.575, 0.130, 1); /* older webkit */ -webkit-transition: max-height 2s cubic-bezier(0.000, 0.575, 0.130, 1.045); -moz-transition: max-height 2s cubic-bezier(0.000, 0.575, 0.130, 1.045); -o-transition: max-height 2s cubic-bezier(0.000, 0.575, 0.130, 1.045); transition: max-height 2s cubic-bezier(0.000, 0.575, 0.130, 1.045); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.000, 0.575, 0.130, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.000, 0.575, 0.130, 1.045); -moz-transition-timing-function: cubic-bezier(0.000, 0.575, 0.130, 1.045); -o-transition-timing-function: cubic-bezier(0.000, 0.575, 0.130, 1.045); transition-timing-function: cubic-bezier(0.000, 0.575, 0.130, 1.045); /* custom */ } .close-truncate { position: absolute; left: 50%; margin-left: -17px; top: 134px; visibility: hidden; /*moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s;*/ } .re-truncate .close-truncate { visibility: visible; } .read_more_reveal.re-truncate .read_more_label { display:none; } .h1-label { font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #111; letter-spacing: 0.15rem; display: block; margin-bottom: 60px; transform: translate3d(-60px,0,0); } .h1-label a, .h1-label a:visited { display: inline-block; text-decoration: none; } .subtitle { font-size: 1.45rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #111; letter-spacing: 0.15rem; } .subtitle.news-status { width: 100%; /*color: #3333ED;*/ } .before-title { tmargin-bottom: 25px; } .date { } .price { } .image { } .caption { } .video-bg { background: rgba(1, 1, 1, 0.88); display: block; width: 100%; } .divider { } .break-word { overflow-wrap: break-word; word-wrap: break-word; float: left; clear: both; } .invisible { visibility: hidden; height: 0; text-align: left; text-indent: -9999px; opacity: 0; pointer-events: none; } .lead, .lead.subtitle { text-transform: none; display: block; margin-bottom: 30px; font-family: '__Recta__', 'Helvetica', Sans-Serif; font-size: 4.1rem; color: #111111; letter-spacing: .025rem; line-height: 5.2rem; } .lead.lead-press-release { margin-bottom: 20px; font-size: 3.5rem; line-height: 3.8rem; } .project-list-section.dark-section .lead, .project-list-section.dark-section .lead.subtitle { color: #FFFFFF; } .heading_wrapper .subtitle, .heading_wrapper .date { font-size: 1.45rem; line-height: 2.8rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #111; letter-spacing: 0.15rem; } .fair-group-list.cascading-page-content .heading_wrapper .subtitle { color: #3333ED; } .heading_wrapper h1.has_subtitle { margin-bottom: 50px; } .heading_wrapper { margin-bottom: 50px; } /*.restrict-title-height { height: 350px } .panel-media-slide .restrict-title-height { min-height: 200px; height: 350px; }*/ .link.read_more_link { font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #111; letter-spacing: 0.15rem; position: relative; margin-top: 50px; padding-left: 18%; padding-right: 18%; height: 200px; display: inline-block; cursor: pointer; } .link.read_more_link:hover { color: #3333ED; } .link.read_more_link.hide { display: none; } .link.read_more_link::before { content: ''; background: #3333ED; width: 2px; height: 130px; position: absolute; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; will-change: opacity, transform; } .read_more_label { white-space: nowrap; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotate(90deg) translate(65px, -25px); -moz-transform: rotate(90deg) translate(65px, -25px); -ms-transform: rotate(90deg) translate(65px, -25px); -o-transform: rotate(90deg) translate(65px, -25px); transform: rotate(90deg) translate(65px, -25px); position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .link.read_more_link:hover .read_more_label{ -webkit-transform: rotate(90deg) translate(80px, -25px); -moz-transform: rotate(90deg) translate(80px, -25px); -ms-transform: rotate(90deg) translate(80px, -25px); -o-transform: rotate(90deg) translate(80px, -25px); transform: rotate(90deg) translate(80px, -25px); } .link.read_more_link:hover::before{ -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); } .link-panel { float: right; clear: both; font-size: 1.5rem; color: #111; letter-spacing: 0.009rem; line-height: 3.4rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; position: relative; margin-bottom: 12vh; } #content.cascading-page-content .link-panel, .artworkviews-content .cascading-page-content .link-panel { margin-bottom: 0; } .link-panel::before { content: ''; min-height: 160px; display: inline-block; vertical-align: bottom; margin: 0; } .link-panel::after { content: ''; border-left: 2px solid #3333ED; position: absolute; left: 0; bottom: 0; display: block; height: 100%; } .link-panel .simple_list { padding: 30px 0 0 30px; display: inline-block; vertical-align: bottom; } .link-panel .simple_list ul { clear: both; list-style: none; margin: 0; padding: 0; } .link-panel .simple_list ul li { margin: 22px 0 0 0; margin-bottom: 0; line-height: 1rem; min-width: 165px; } .link-panel .simple_list ul li a:hover { color: #3333ED; } /* GENERIC SCROLL ANIMATIONS----------------------------------------- */ /*.animate-in-view { will-change: opacity, transform; } .animate-in-panel { will-change: opacity, transform; }*/ .animate-in-view .slide-right, .animate-in-view.scroll-show.scroll-hide .slide-right, .animate-in-view.slide-right { transform: translate(-60px,0); opacity: 0; transition: all 700ms cubic-bezier(.65,.06,.19,.96); } .animate-in-view .slide-left, .animate-in-view.scroll-show.scroll-hide .slide-left, .animate-in-view.slide-left { transform: translate(60px,0); opacity: 0; transition: all 700ms cubic-bezier(.65,.06,.19,.96); } .animate-in-view .slide-up, .animate-in-view.slide-up { transform: translate(0,60px); opacity: 0; transition: all 700ms cubic-bezier(.65,.06,.19,.96); } .animate-in-view.fade-in, .animate-in-view .fade-in { transform: translate(0,0); opacity: 0; transition: all 700ms cubic-bezier(.65,.06,.19,.96); } .animate-in-view.scroll-show.fade-in, .animate-in-view.scroll-show .fade-in, .animate-in-view.scroll-show.slide-right, .animate-in-view.scroll-show .slide-right, .animate-in-view.scroll-show.slide-left, .animate-in-view.scroll-show .slide-left, .animate-in-view.scroll-show.slide-up, .animate-in-view.scroll-show .slide-up { opacity: 1.0; transform: translate(0,0); } .link.read_more_link.animate-in-view::before { transform: scaleY(0); transform-origin: top; transition: all 1000ms cubic-bezier(.65,.06,.19,.96); } .link-panel.animate-in-view::after{ transform: scaleY(0); transform-origin: bottom; transition: all 1000ms cubic-bezier(.65,.06,.19,.96); } .link.read_more_link.animate-in-view.scroll-show::before, .link-panel.animate-in-view.scroll-show::after { transform: scaleY(1.0); opacity: 1.0; } /* Overlay----------------------------------------- */ #popup-overlay { background: #fff; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1100; } #popup-box { padding: 0; margin: 0 auto; height: 100vh; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 0; left: 0; right: 0; margin-top: 0; z-index: 1200; height: 100vh; } #popup-box .inner { width: 100%; height: 100vh; } #container-wrapper .close, #condensed-list-wrapper .close, #expanded-list-wrapper .close, #slide-content-typeyear .close, .project-close-wrapper .close, #popup_box .close { position: fixed; right: 46px; top: 46px; top: 38px; height: 30px; width: 30px; background: center center no-repeat; background-size: 30px 30px; cursor: pointer; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNyIgaGVpZ2h0PSIzNyIgdmlld0JveD0iMCAwIDM3IDM3Ij4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMkEyQTJBIiBzdHJva2Utd2lkdGg9IjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPiAgICA8cGF0aCBkPSJNMC4zOTc3MjcyNzMsMzQuNjAyMjcyNyBMMzQuMjYyOTg0MywwLjczNzAxNTc1Ii8+ICAgIDxwYXRoIGQ9Ik0wLjM5NzcyNzI3MywzNC42MDIyNzI3IEwzNC4yNjI5ODQzLDAuNzM3MDE1NzUiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDM1IDApIi8+ICA8L2c+PC9zdmc+); text-indent: -9999px; z-index: 999999; opacity: 1; } #expanded-list-wrapper .close { z-index: 380; right: 20px; top: 25px; } #popup_box .project-close-wrapper { display: none; } #slide-content-typeyear .close { top: 38px; } /* Effects ----------------------------------------------------------- */ body.page-popup-active { overflow-y: hidden; } #popup-container { display: none; } .page-popup-active #popup-container { display: block; } #popup-overlay { opacity: 0; transition: opacity 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out; } .page-popup-visible #popup-overlay { opacity: 1; } #popup-box .close { opacity: 0; } .page-popup-visible #popup-box .close { opacity: 1; } #popup-content { opacity: 0; transition: opacity 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out; height: 100%; } .page-popup-visible #popup-content { opacity: 1; } /* -------------- until 5454 ------------------------------------------------------------------------------------------------------------------------*/ /* -------------- from 5836 - 6052 ------------------------------------------------------------------------------------------------------------------------*/ /* Page content transition ----------------------------------------------------------- */ body #container { transition: opacity 600ms ease-in-out; -webkit-transition: opacity 600ms ease-in-out; } body.browser-js-enabled #container { opacity: 0; } body.first-load-complete #container, body.splash-loader-active #container { opacity: 1; } body #container-wrapper { transition: opacity 600ms ease-in-out, transform 800ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 600ms ease-in-out, -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); opacity: 1; /*transform: translate(0, 0); -webkit-transform: translate(0, 0);*/ } body.content-load-waiting #container-wrapper { opacity: 0; /*transform: translate(0, 160px); -webkit-transform: translate(0, 160px);*/ transition: none; -webkit-transition: none; } body.page-transition #container-wrapper { opacity: 0; transform-origin: center top; transform: translate(-160px, 0); -webkit-transform: translate(-160px, 0); } body.page-transition.page-transition2 #container-wrapper { transform: translate(0, 0); -webkit-transform: translate(0, 0); transition: none; } body.first-load-complete .splash-content-inner { bottom: auto; height: auto; display: none !important; } .splash-content-inner { position:fixed; z-index:20000; left:0; right:0; top:0; width: 100%; height: 100%; } .splash-content-inner svg { width: 100%; height: 100%; left:0; right:0; top:0; position:absolute; z-index: 20002; font-family: 'Fifty', sans-serif; font-size: 35em; letter-spacing:-0.03em; } .splash-content-inner svg text { text-anchor: middle; } .splash-content-inner svg mask rect { fill: #fff; } .splash-content-inner svg > rect { fill: red; -webkit-mask: url(#mask); mask: url(#mask); } /*.splash-content-inner video{ position: absolute; top: 0; left: 0; width:100%; height:100vh; object-fit:cover; z-index: 20001; overflow: hidden; }*/ body.splash-loader-active #preloader .splash-video-wrapper { height: 0; display: block; position: fixed; height: 100%; top: 0; left: 0; right: 0; z-index: 10050; } body.splash-loader-active #preloader.loading-start .splash-video-wrapper { height: 100%; opacity: 1; } .splash-video-wrapper::after { content: ''; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10051; background: url('/images/pix.png'); background-repeat: repeat; } .splash-video-wrapper::before { content: ''; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10052; background: rgba(0, 0, 0, 0.80); } .splash-video { object-fit: cover; height: 100%; width: 100%; } span.splash-image { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; } /* Share links ----------------------------------------------------------- */ .share_links { position: relative; z-index: 5; } .share_links .link a { outline: none; } .share_links .share_options { width: 0; opacity: 0; position: absolute; top: 26px; left: 0px; transition: width 600ms cubic-bezier(.65,.06,.19,.96), opacity 400ms ease-in-out; white-space: nowrap; overflow: hidden; padding: 6px 0 0; cursor: default; } .share_links.active .share_options { width: 110px; opacity: 1; } .share_links .share_options_inner { position: relative; background: #fff; border: 1.5px solid #3333EB; padding: 6px; height: 22px; } .share_links .share_options:after { top: 0; left: 23px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #3333EB; border-width: 3px; margin-left: -3px; } .share_links .share_options .social_links_item { display: inline-block; float: none; } .share_links .share_options .social_links_item .social_media_icon:after { color: #151515; } .share_links .share_options .social_links_item .social_media_icon:hover:after { } /* Reversed ----------------- */ /* Position top -------------- */ .share_links.position_top .share_options { bottom: 26px; top: auto; padding: 0 0 6px; } .share_links.position_top .share_options:after { bottom: 0; top: auto; left: 23px; border-color: transparent; border-top-color: #151515; border-width: 3px; margin-left: -3px; } /* -------------- until 6053 ------------------------------------------------------------------------------------------------------------------------*/ /* -------------- Work grid 3 or 2 columns ------------------------------------------------------------------------------------------------------------------------*/ .visible-small, .visible-medium, .visible-large { display: none; } .visible-large { display: inherit; } .detail-list ul li .artworksList { display: block; width: auto; margin: 0 -4vmin 0 0; clear: both; } .detail-list ul li .artworksList.container-inner-wide { /*padding-left: 250px; */ padding-top: 70px; } .detail-list ul li .artworksList a { display: block; } /* -------------- from 7085 -------------------------------------------------------------------------------------*/ .artworkItem-inner { display: block; } .artworkItem .artworkItem-figure { display: block; position: relative; cursor: pointer; /*background-color: #ffffff; */ /*background-color: #f7f7f7; */ } .artworkItem .artworkItem-figure .field { padding-top: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; } /* New artist list as works */ .artworksList.artist-list .artworkItem .artworkItem-figure .field { background-size: cover; background-repeat: no-repeat; background-position: center center; } .artworksList.artist-list .content.mobile-caption .artist_title_year { margin-bottom: 0; } .artworksListThumbnail .artworkItem .artworkItem-figure.figureArtwork .field { padding-top: 70%; } .artworksListThumbnail .artworkItem .artworkItem-figure.figureArtwork [class*='visible-'] { padding: 20px; } .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail .field { padding-top: calc(70% + 12px); padding-top: calc(70% + 0.75rem); background-size: cover; background-repeat: no-repeat; background-position: center center; } .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail [class*='visible-'] { padding: 0; } .artworkItem .artworkItem-figure.figureNoMargin [class*='visible-'] { padding: 0; } .artworkItem .artworkItem-figure.figureWhite { background-color: #ffffff; /* */ } .artworkItem .artworkItem-figure.figureBlack { background-color: #000000; } /* -------------- until 7141 ------------------------------------------------------------------------------------------------------------------------*/ .artworkItem { margin-bottom: 3vw; padding-left: 0; padding-right: 4vmin; display: inline-block; vertical-align: top; } .artworkItem-bg-6 { width: calc((100% - 7px) / 2); } .artworkItem-bg-4 { width: calc((100% - 19px) / 4); } /* width: calc((100% - 14px) / 3); */ .detail-list ul li .artworksList .content { padding-top: 1.5vw; padding-left: 0px; max-width: 80%; width: auto; display: inline-block; float: left; } /*.artworksList .content.mobile-caption .medium { display: none; } */ /* -------------- Artist grid in 4 columns --------------------------------------------------------------------------------*/ .artistsList { background-color: #ffffff; opacity: 1; padding-top: 100px; /*-webkit-transform: translateY(25px); transform: translateY(25px); -webkit-transform: translateY(1.5625rem); transform: translateY(1.5625rem); -webkit-animation: resetTransformAndOpacity 0.8s forwards; animation: resetTransformAndOpacity 0.8s forwards; animation-delay: 0s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;*/ } .artistsList:nth-of-type(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } .artistsList .row { margin-left: -20px; margin-right: -20px; padding-top: 30px; padding-top: 1.875rem; } .artistsList .artistItem { margin-bottom: 80px; /* margin-bottom: 1.25rem; */ padding-left: 20px; padding-right: 20px; } .artistsList .artistItem .artistItem-cover { width: 100%; } .artistsList .artistItem .artistItem-figure { height: 85vw; position: relative; text-align: center; overflow: hidden; } .artistsList .artistItem .artistItem-figure { height: 40.375rem; background-color: #f7f7f7; /*max-height: 320px;*/ } .artistsList .artistItem .artistItem-figure.figureArtwork { padding: 1.25rem; } .artistsList .artistItem .artistItem-figure.figureArtwork.figureNoMargin { padding: 0; } .artistsList .artistItem .artistItem-figure img { display: inline-block; max-width: 100%; max-height: 100%; } .artistsList .artistItem .artistItem-figure div { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; /*transition: transform 0.5s; */ } .artistsList .artistItem .artistItem-figure.figureArtwork div { background-size: contain; background-color: #f7f7f7; } .artistsList .artistItem .artistItem-details { padding-top: 1vw; max-width: 550px; width: auto; display: inline-block; float: left; } .artistsList .artistItem .artistItem-name { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; text-transform: uppercase; font-weight: 200; font-size: 2.2rem; color: #111; line-height: 2.4rem; text-transform: uppercase; display: block; /*margin-bottom: 10px;*/ } .artistsList .artistItem .artistItem-description { font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.5rem; color: #111; line-height: 3.0rem; text-transform: uppercase; letter-spacing: 0.15rem; display: inline-block; margin-right: 8px; } /* -------------- Slick carousel ------------------------------------------------------------------------------------------------------------------------*/ .slick-arrow::before { color: #fff; } /* -------------- Slick Image full screen ------------------------------------------------------------------------------------------------------------------------*/ .bottom-space-st { margin-bottom: 100px; } .bottom-space { margin-bottom: 12vh; } .bottom-space-big { margin-bottom: 18vh; } .top-space { margin-top: 12vh; } .top-space-big { margin-top: 18vh; } .section-overview { position: relative; min-height: 100vh; /*margin-top: 90px;*/ } .section-health { z-index: 4; } .section-borders { visibility: visible; opacity: 1; position: -webkit-sticky; position: sticky; top: 0; width: 100%; height: 100%; min-height: 100vh; } .section-overview .section-borders .section-background { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; overflow: hidden; } .hero-video-group { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100vh; margin-top: 0; } .image-hero-start { width: 100%; height: 100%; } .image-hero-start { background-position: center; background-size: cover !important; background-repeat: no-repeat; } .image-hero-start { position: absolute; top: 0; left: 0; } .image-hero-start-health { background-repeat: no-repeat; } .section-overview .image-hero-start { z-index: -1; } .section-background-overlay { position: absolute; top: 0; left: 0; z-index: 0; height: 100vh; width: 100%; overflow: hidden; background: rgba(0,0,0,0.3); } .section-borders .section-borders-inside { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .section-content-scroll { position: relative; z-index: 1; /* margin: 0 auto 0; min-height: 100vh; */ min-height: calc(100vh - 52px); margin: -25vh auto 0; } .section-content-scroll .section-content-inside { padding-bottom: 100px; } .section-content-scroll .skip-status { margin-bottom: 5vh; display: block; position: relative; z-index: 101 } .section-content-scroll .skip-status-inner { display: block; } .section-content-scroll .skip-label { font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; letter-spacing: 0.15rem; display: inline-block; vertical-align: middle; margin-right: 20px; color: #fff; } .section-content-scroll .title { display: block; max-width:1000px; padding-left: 55px; } .section-content-scroll h2 { text-decoration: none; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 8.1rem; color: #FFFFFF; letter-spacing: 0.060rem; line-height: 7.8rem; margin: 0; transition: all 0.5s; } .section-content-scroll .overview-section-copy { margin-top: .8em; margin-bottom: .8em; padding: 0; } .cta-button { display: inline-block; -webkit-transition: 300ms background cubic-bezier(0.4, 0, 0.6, 1),300ms color cubic-bezier(0.4, 0, 0.6, 1); transition: 300ms background cubic-bezier(0.4, 0, 0.6, 1),300ms color cubic-bezier(0.4, 0, 0.6, 1); line-height: 46px; background-color: transparent; border: 2px solid white; color: #FFFFFF; padding: 0 23px; margin-top: .8em; border-radius: 46px; margin-bottom: 1px; cursor: pointer; } .cta-button:hover { text-decoration: none; background-color: #FFFFFF; color: black } .cta-button:focus { -webkit-box-shadow:0 0 0 4px rgba(131,192,253,0.5); box-shadow:0 0 0 4px rgba(131,192,253,0.5); outline:none } .cta-button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select), .cta-button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) { -webkit-box-shadow:none; box-shadow:none } .will-change { will-change:transform, opacity } .will-change .will-change-child { will-change:transform, opacity } .will-change-group .copy-element { will-change:transform, opacity } .section-borders { visibility:hidden; opacity:0; position:-webkit-sticky; position:sticky; top:0; width:100%; height:100%; min-height:100vh; visibility:visible; opacity:1 } html.height-fallback .section-borders, html.static-fallback .section-borders, html.no-js .section-borders, html.height-fallback .section-borders, html.static-fallback .section-borders, html.no-js .section-borders, html.height-fallback .section-borders, html.static-fallback .section-borders, html.no-js .section-borders { position:absolute; left:0; min-height:0 } html.sections-visible .section-borders, html.height-fallback .section-borders, html.static-fallback .section-borders, html.no-js .section-borders, html.sections-visible .section-borders, html.height-fallback .section-borders, html.static-fallback .section-borders, html.no-js .section-borders, html.sections-visible .section-borders, html.height-fallback .section-borders, html.static-fallback .section-borders, html.no-js .section-borders, html.sections-visible .section-borders, html.height-fallback .section-borders, html.static-fallback .section-borders, html.no-js .section-borders { visibility:visible; opacity:1 } @media only screen and (max-width: 735px) { .section-borders.disable-small { visibility:hidden; opacity:0; z-index:-10 } } .section-borders .section-borders-inside { position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; display: none; } @media only screen and (max-width: 735px) { html.height-fallback .section-borders .section-borders-inside, html.static-fallback .section-borders .section-borders-inside, html.no-js .section-borders .section-borders-inside, html.height-fallback .section-borders .section-borders-inside, html.static-fallback .section-borders .section-borders-inside, html.no-js .section-borders .section-borders-inside, html.height-fallback .section-borders .section-borders-inside, html.static-fallback .section-borders .section-borders-inside, html.no-js .section-borders .section-borders-inside { display:none } } .section-borders .section-border { position:absolute; background:white } html.height-fallback .section-borders .section-border, html.static-fallback .section-borders .section-border, html.no-js .section-borders .section-border, html.height-fallback .section-borders .section-border, html.static-fallback .section-borders .section-border, html.no-js .section-borders .section-border, html.height-fallback .section-borders .section-border, html.static-fallback .section-borders .section-border, html.no-js .section-borders .section-border { -webkit-transform:none !important; transform:none !important } .section-borders .section-border-top, .section-borders .section-border-bottom { width:100%; height: 66px; } @media only screen and (max-width: 1068px) { .section-borders .section-border-top, .section-borders .section-border-bottom { height:66px; } } @media only screen and (max-width: 735px) { .section-borders .section-border-top, .section-borders .section-border-bottom { height:30px; } } html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom { height:22px } @media only screen and (max-width: 1068px) { html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom { height:20px } } @media only screen and (max-width: 735px) { html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom { height:10px } } @media only screen and (min-width: 1442px) { html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-top, html.static-fallback .section-borders .section-border-top, html.no-js .section-borders .section-border-top, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom, html.height-fallback .section-borders .section-border-bottom, html.static-fallback .section-borders .section-border-bottom, html.no-js .section-borders .section-border-bottom { min-height:22px } } .section-borders .section-border-left, .section-borders .section-border-right { height:100%; width: 66px; } @media only screen and (max-width: 1068px) { .section-borders .section-border-left, .section-borders .section-border-right { width:66px } } @media only screen and (max-width: 735px) { .section-borders .section-border-left, .section-borders .section-border-right { width:10px } } html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right { width:44px } @media only screen and (min-width: 1442px) { html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right { width:calc((100vw - 1592px) / 2) } } @media only screen and (max-width: 1068px) { html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right { width:40px } } @media only screen and (max-width: 735px) { html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right { width:20px } } @media only screen and (min-width: 1442px) { html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-left, html.static-fallback .section-borders .section-border-left, html.no-js .section-borders .section-border-left, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right, html.height-fallback .section-borders .section-border-right, html.static-fallback .section-borders .section-border-right, html.no-js .section-borders .section-border-right { min-width:44px } } .section-borders .section-border-top, .section-borders .section-border-left { top:0; left:0 } .section-borders .section-border-bottom, .section-borders .section-border-right { bottom:0; right:0 } .section-borders .section-border-top { -webkit-transform-origin:center top; transform-origin:center top; } .section-borders .section-border-right { -webkit-transform-origin:right center; transform-origin:right center; } .section-borders .section-border-bottom { -webkit-transform-origin:center bottom; transform-origin:center bottom; } .section-borders .section-border-left { -webkit-transform-origin:left center; transform-origin:left center; } /* -------------- Parallax vertical full scrin image (press) ------------------------------------------------------------------------------------------------------------------------*/ .video-background-section { background: #000; height: 105vh; position: relative; overflow: hidden; } .video-background-section .section-content { margin-left: auto; margin-right: auto; width: 100%; box-sizing: border-box; padding: 0 125px; max-width: 1660px; position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; } .video-background-section .skip-status { margin-bottom: 5vh; display: block; position: relative; z-index: 101 } .video-background-section .skip-status-inner { display: block; } .video-background-section .skip-label { font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; letter-spacing: 0.15rem; display: inline-block; vertical-align: middle; margin-right: 20px; color: #fff; } .video-background-section .title { display: block; max-width:1000px; padding-left: 55px; } .video-background-section .section-content h2 { text-decoration: none; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 8.1rem; color: #FFFFFF; letter-spacing: 0.060rem; line-height: 7.8rem; margin: 0; margin-bottom: 25px; transition: all 0.5s; } .video-background-section .date, .video-background-section .subtitle { text-transform: uppercase; font-weight: 200; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #FFFFFF; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5rem; color: #FFFFFF; line-height: 3.0rem; letter-spacing: 0.15rem; } .video-background-section .video-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .video-background-section .video-wrapper.fixed-background { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: auto; } .video-background-section .video-wrapper .poster-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .video-background-section .video-wrapper.fixed-background .poster-image { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; transform: translateZ(0); will-change: transform; z-index: 1; } /* Art fair Artist panel -----*/ .cascade-list.fair-group-list .video-background-section .video-wrapper.fixed-background .poster-image { opacity: 0.4; } .parallax-background-horizontal0 .parallax-background, .parallax-background-horizontal0 .image-hero-start, .parallax-background-horizontal0 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal0 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal0 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal0 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal0 div { background-position-x: left; } .parallax-background-horizontal5 .parallax-background, .parallax-background-horizontal5 .image-hero-start, .parallax-background-horizontal5 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal5 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal5 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal5 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal5 div { background-position-x: 5%; } .parallax-background-horizontal10 .parallax-background, .parallax-background-horizontal10 .image-hero-start, .parallax-background-horizontal10 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal10 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal10 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal10 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal10 div { background-position-x: 10%; } .parallax-background-horizontal15 .parallax-background, .parallax-background-horizontal15 .image-hero-start, .parallax-background-horizontal15 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal15 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal15 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal15 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal15 div { background-position-x: 15%; } .parallax-background-horizontal20 .parallax-background, .parallax-background-horizontal20 .image-hero-start, .parallax-background-horizontal20 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal20 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal20 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal20 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal20 div { background-position-x: 20%; } .parallax-background-horizontal25 .parallax-background, .parallax-background-horizontal25 .image-hero-start, .parallax-background-horizontal25 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal25 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal25 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal25 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal25 div { background-position-x: 25%; } .parallax-background-horizontal30 .parallax-background, .parallax-background-horizontal30 .image-hero-start, .parallax-background-horizontal30 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal30 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal30 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal30 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal30 div { background-position-x: 30%; } .parallax-background-horizontal35 .parallax-background, .parallax-background-horizontal35 .image-hero-start, .parallax-background-horizontal35 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal35 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal35 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal35 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal35 div { background-position-x: 35%; } .parallax-background-horizontal40 .parallax-background, .parallax-background-horizontal40 .image-hero-start, .parallax-background-horizontal40 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal40 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal40 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal40 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal40 div { background-position-x: 40%; } .parallax-background-horizontal45 .parallax-background, .parallax-background-horizontal45 .image-hero-start, .parallax-background-horizontal45 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal45 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal45 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal45 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal45 div { background-position-x: 45%; } .parallax-background-horizontal55 .parallax-background, .parallax-background-horizontal55 .image-hero-start, .parallax-background-horizontal55 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal55 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal55 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal55 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal55 div { background-position-x: 55%; } .parallax-background-horizontal60 .parallax-background, .parallax-background-horizontal60 .image-hero-start, .parallax-background-horizontal60 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal60 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal60 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal60 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal60 div { background-position-x: 60%; } .parallax-background-horizontal65 .parallax-background, .parallax-background-horizontal65 .image-hero-start, .parallax-background-horizontal65 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal65 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal65 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal65 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal65 div { background-position-x: 65%; } .parallax-background-horizontal70 .parallax-background, .parallax-background-horizontal70 .image-hero-start, .parallax-background-horizontal70 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal70 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal70 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal70 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal70 div { background-position-x: 70%; } .parallax-background-horizontal75 .parallax-background, .parallax-background-horizontal75 .image-hero-start, .parallax-background-horizontal75 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal75 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal75 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal75 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal75 div { background-position-x: 75%; } .parallax-background-horizontal80 .parallax-background, .parallax-background-horizontal80 .image-hero-start, .parallax-background-horizontal80 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal80 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal80 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal80 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal80 div { background-position-x: 80%; } .parallax-background-horizontal85 .parallax-background, .parallax-background-horizontal85 .image-hero-start, .parallax-background-horizontal85 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal85 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal85 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal85 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal85 div { background-position-x: 85%; } .parallax-background-horizontal90 .parallax-background, .parallax-background-horizontal90 .image-hero-start, .parallax-background-horizontal90 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal90 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal90 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal90 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal90 div { background-position-x: 90%; } .parallax-background-horizontal95 .parallax-background, .parallax-background-horizontal95 .image-hero-start, .parallax-background-horizontal95 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal95 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal95 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal95 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal95 div { background-position-x: 95%; } .parallax-background-horizontal100 .parallax-background, .parallax-background-horizontal100 .image-hero-start, .parallax-background-horizontal100 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-horizontal100 .slide-img, .video-background-section .video-wrapper.parallax-background-horizontal100 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-horizontal100 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-horizontal100 div { background-position-x: right; } .parallax-background-vertical0 .parallax-background, .parallax-background-vertical0 .image-hero-start, .parallax-background-vertical0 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical0 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical0 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical0 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical0 div { background-position-y: top; } .parallax-background-vertical5 .parallax-background, .parallax-background-vertical5 .image-hero-start, .parallax-background-vertical5 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical5 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical5 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical5 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical5 div { background-position-y: 5%; } .parallax-background-vertical10 .parallax-background, .parallax-background-vertical10 .image-hero-start, .parallax-background-vertical10 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical10 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical10 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical10 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical10 div { background-position-y: 10%; } .parallax-background-vertical15 .parallax-background, .parallax-background-vertical15 .image-hero-start, .parallax-background-vertical15 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical15 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical15 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical15 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical15 div { background-position-y: 15%; } .parallax-background-vertical20 .parallax-background, .parallax-background-vertical20 .image-hero-start, .parallax-background-vertical20 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical20 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical20 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical20 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical20 div { background-position-y: 20%; } .parallax-background-vertical25 .parallax-background, .parallax-background-vertical25 .image-hero-start, .parallax-background-vertical25 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical25 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical25 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical25 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical25 div { background-position-y: 25%; } .parallax-background-vertical30 .parallax-background, .parallax-background-vertical30 .image-hero-start, .parallax-background-vertical30 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical30 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical30 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical30 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical30 div { background-position-y: 30%; } .parallax-background-vertical35 .parallax-background, .parallax-background-vertical35 .image-hero-start, .parallax-background-vertical35 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical35 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical35 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical35 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical35 div { background-position-y: 35%; } .parallax-background-vertical40 .parallax-background, .parallax-background-vertical40 .image-hero-start, .parallax-background-vertical40 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical40 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical40 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertica40 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertica40 div { background-position-y: 40%; } .parallax-background-vertical45 .parallax-background, .parallax-background-vertical45 .image-hero-start, .parallax-background-vertical45 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical45 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical45 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical45 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical45 div { background-position-y: 45%; } .parallax-background-vertical55 .parallax-background, .parallax-background-vertical55 .image-hero-start, .parallax-background-vertical55 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical55 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical55 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical55 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical55 div { background-position-y: 55%; } .parallax-background-vertical60 .parallax-background, .parallax-background-vertical60 .image-hero-start, .parallax-background-vertical60 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical60 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical60 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical60 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical60 div { background-position-y: 60%; } .parallax-background-vertical65 .parallax-background, .parallax-background-vertical65 .image-hero-start, .parallax-background-vertical65 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical65 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical65 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical65 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical65 div { background-position-y: 65%; } .parallax-background-vertical70 .parallax-background, .parallax-background-vertical70 .image-hero-start, .parallax-background-vertical70 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical70 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical70 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical70 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical70 div { background-position-y: 70%; } .parallax-background-vertical75 .parallax-background, .parallax-background-vertical75 .image-hero-start, .parallax-background-vertical75 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical75 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical75 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical75 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical75 div { background-position-y: 75%; } .parallax-background-vertical80 .parallax-background, .parallax-background-vertical80 .image-hero-start, .parallax-background-vertical80 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical80 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical80 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical80 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical80 div { background-position-y: 80%; } .parallax-background-vertical85 .parallax-background, .parallax-background-vertical85 .image-hero-start, .parallax-background-vertical85 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical85 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical85 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical85 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical85 div { background-position-y: 85%; } .parallax-background-vertical90 .parallax-background, .parallax-background-vertical90 .image-hero-start, .parallax-background-vertical90 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical90 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical90 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical90 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical90 div { background-position-y: 90%; } .parallax-background-vertical95 .parallax-background, .parallax-background-vertical95 .image-hero-start, .parallax-background-vertical95 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical95 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical95 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical95 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical95 div { background-position-y: 95%; } .parallax-background-vertical100 .parallax-background, .parallax-background-vertical100 .image-hero-start, .parallax-background-vertical100 .skip-background, .records-list > ul > li.full-bleed.panel-media-slide .parallax-background-vertical100 .slide-img, .video-background-section .video-wrapper.parallax-background-vertical100 .poster-image, .artworksListThumbnail .artworkItem .artworkItem-figure.figureThumbnail.parallax-background-vertical100 .field, .artistsList .artistItem .artistItem-figure.figureThumbnail.parallax-background-vertical100 div { background-position-y: bottom; } .parallax-background-contain .parallax-background, .parallax-background-contain .image-hero-start, .parallax-background-contain .skip-background, .video-background-section .video-wrapper.parallax-background-contain .poster-image { background-size: contain; background-repeat: no-repeat; background-position: center; background-origin: content-box; } .parallax-background-contain-margin .parallax-background, .parallax-background-contain-margin .image-hero-start, .parallax-background-contain-margin .skip-background, .video-background-section .video-wrapper.parallax-background-contain-margin .poster-image { padding: 60px; } /* -------------- Slick Image ------------------------------------------------------------------------------------------------------------------------*/ .theme-dark { color: #fff; } /* ------- 929 -------------------------------- */ .column { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; z-index: 1; margin: 0; padding: 0; float: left; min-height: 2px; } .large-offset-1 { margin-left:8.33333% } .large-3 { width:25%; } .large-4 { width:33.33333% } .large-5 { width:41.66667% } .large-6 { width:50% } .large-7 { width:58.33333% } .large-last { float: right; } @media only screen and (max-width: 1068px) { .medium-offset-1 { margin-left:8.33333% } .medium-3 { width:25% } .medium-4 { width:33.33333% } .medium-5 { width:41.66667% } .medium-6 { width:50% } } @media only screen and (max-width: 735px) { .small-offset-0 { margin-left:0 } .small-12 { width:100% } } /* ------- until 1720 ------------------------------------ */ /* ------- 2734 - 2746 -------------------------------- */ .center-content { display:inline-block; vertical-align:middle; float:none; position:relative } @media only screen and (max-width: 735px) { .center-content { float:left; display:block; vertical-align:inherit } } /* ------- 2746 ------------------------------------ */ .section-stories { padding-bottom: 125px; } .section-stories .gradient-background { background: #000; background: -webkit-linear-gradient(bottom, #121212, #000 600px); background: linear-gradient(to top, #121212, #000 600px); } .section-stories .sticky-item { position: -webkit-sticky; position: sticky; top: 0; z-index: 0; } .section-stories .features-content .sticky-item { height: 100vh; min-height: calc(712px + (50vh - (712px / 2)) + 22px); margin-bottom: calc(-1 * ((100vh - 712px) / 2) + 22px); overflow: hidden; } .section-content { margin-left: auto; margin-right: auto; width: 980px; } .section-stories .copy-container .column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100vh; } .section-stories .copy-container .column .copy-block { position: relative; z-index: 1; } /* -------------- Edition Overviews ------------------------------------------------------------------------------------------------------------------------*/ /* ------- from 2836 - 2861 -------------------------------- */ .section-content { margin-left:auto; margin-right:auto; width:980px } @media only screen and (min-width: 1442px) { .section-content { margin-left:auto; margin-right:auto; width:1200px } } @media only screen and (max-width: 1068px) { .section-content { margin-left:auto; margin-right:auto; width:692px } } @media only screen and (max-width: 735px) { .section-content { margin-left:auto; margin-right:auto; width:87.5% } } .section-content-row { position: relative; z-index: 1; } /* ------- from 5478- -------------------------------- */ .page-overview .section-billboard { padding-top: 10rem; padding-bottom: 10rem; overflow: hidden; } .background-linear-gradient { /* background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(18%, #fafafa)); background-image: -webkit-linear-gradient(top, #fff, #fafafa 18%); background-image: linear-gradient(to bottom, #fff, #fafafa 18%); */ background: #fbfbfb; } .page-overview .views-row-odd.section-billboard { background-color: #fafafa; } .page-overview .views-row-even.section-billboard { background-color: #fff; } .page-overview .section-billboard .content h2 { margin: 0 0 25px; font-size: 5rem; line-height: 5.5rem; color: #111111; letter-spacing: 0; } .page-overview .section-billboard .image-graphic { width:calc(50vw - 20rem); height:calc(60vh); background-size: contain; background-repeat:no-repeat; background-position: left, center; } /* -------------- Artist Biography ------------------------------------------------------------------------------------------------------------------------*/ .artists-timeline-section { margin-top: 35px; } .artists-timeline-section:not(:last-of-type) { padding-bottom: 35px; } .artists-timeline-section p { display: -webkit-box; display: -ms-flexbox; display: flex; } .artists-timeline-section p span { width: calc(100% - 75px); padding-left: 16px; } .artists-timeline-section .cv-year { width: 75px; padding-left: 0; word-break: break-all; } /* -------------- Inline image full screen for PRESS ------------------------------------------------------------------------------------------------------------------------*/ .inline-image { margin-bottom: 67px; margin-top: 67px; position: relative; } .inline-image.inline-image-size-full { z-index: 1; } .item-image-wrapper { background-color: #f7f7f7; } .inline-image img { height: 100vh; width: auto; margin: 0 auto; } .inline-image.inline-image-size-full img { width: 100vw; height: auto; margin: 0; } .inline-caption { display: block; clear: both; text-align: left; padding: 20px 0 0; font-size: 1.3rem; color: #171717; letter-spacing: 0.008rem; line-height: 2.2rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; } /* Buttons ----------------------------------------------------------- */ .button { border: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: transparent; transition: background 0.35s ease-in-out; -webkit-transition: background 0.35s ease-in-out; height: auto; float: none; display: inline-block; margin-top: 40px; } .button:hover { background: none; } .button a { float: none; display: inline-block; border: 1px solid #fff; height: auto; padding: 5px 20px; margin: 0; text-transform: uppercase; letter-spacing: 4px; color: #fff; font-size: 12px; text-indent: 4px; font-weight: normal; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; line-height: 36px; -moz-transition: background 0.2s ease-in-out; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .button a:hover { color: #3333ED; background: #fff; } /* -------------- Show / Hide media-year navigation --------------------------------------------- */ .slide-content-module-wrapper { z-index: 400; height: 100vh; position: fixed; left: 0; top: 0; width: calc((100vw - (100vh * 0.7)) / 2); /* work out the proportional width of portrait images (100vh * 0.7), and divide the remaining white space by half. */ min-width: 550px; background: rgba(251, 251, 251, 0.96); opacity: 0; pointer-events: none; transform: translate3d(-50%, 0, 0); transition: transform 1200ms cubic-bezier(.18, 1, .21, 1), opacity 2000ms cubic-bezier(.18, 1, .21, 1); overflow:hidden; } .slide-content-module-wrapper::before { content:''; background: -moz-linear-gradient(top, rgba(251,251,251,1) 0%, rgba(251,251,251,1) 43%, rgba(251,251,251,0.92) 76%, rgba(251,251,251,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(251,251,251,1) 43%,rgba(251,251,251,0.92) 76%,rgba(251,251,251,0) 100%); /*! background: linear-gradient(to bottom, rgba(251,251,251,1) 0%,rgba(251,251,251,1) 43%,rgba(251,251,251,0.92) 76%,rgba(251,251,251,0) 100%); */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); width:100%; height: 150px; position: absolute; top:0; left:0; z-index:800; } body.cms-frontend-toolbar-active .slide-content-module-wrapper { height: calc(100vh - 28px); top: 28px; } .slide-content-module-inner { height: 100%; position: absolute; left: 0; width: calc(100% + 10px); padding: 150px 57px 50px 40px; box-sizing: border-box; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */ z-index:600; } .slide-content-module-wrapper .introduction { font-size: 2.2rem; color: #151515; letter-spacing: 0.021rem; text-align: left; line-height: 4.2rem; margin-bottom: 50px; display: block; } .slide-content-module-wrapper .introduction b { font-weight: normal; } body.popup-text-active #slide-content-text, #slide-content-typeyear.visible { transform: translate3d(0, 0, 0); opacity: 1.0; pointer-events: unset; } .slide-content-module-wrapper #slide-text-content-module, .slide-content-module-wrapper .introduction .dimensions, .slide-content-module-wrapper .introduction .medium { font-size: 1.65rem; color: #151515; letter-spacing: 0.015rem; line-height: 3.5rem; font-weight: 200; } #slide-content-typeyear .records-list > ul > li.panel-media-slide { min-height: 200px; } #slide-content-typeyear .records-list > ul > li.panel-media-slide .image-gallery-item { padding: 3vmin 3vmin; cursor: pointer; } #slide-content-typeyear .records-list.type-list ul li .image-gallery-item .image img { max-height: 23vh; } #slide-content-typeyear .records-list.type-list > ul > li.panel-media-slide .content { max-width: 12vw; } #slide-content-typeyear .records-list.type-list > ul > li.panel-media-slide.center .content { max-width: 10vw; } #slide-content-typeyear .records-list.type-list > ul > li.panel-media-slide .content.short-title-list { max-width: 10vw; } #slide-content-typeyear .records-list.type-list > ul > li.panel-media-slide .content h2 { font-size: 3.0rem; color: #444; letter-spacing: 0.25rem; line-height: 3.6rem; margin-bottom: 0; } #slide-content-typeyear .records-list > ul > li.panel-media-slide .subtitle { color: #444; font-size: 1.3rem; line-height: 3.0rem; letter-spacing: 0.15rem; } .reveal-wrapper { font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; letter-spacing: 0.15rem; text-decoration: none; display: inline-block; margin-bottom: 8px; display: block; height: 40px; position: relative; color: #FFFFFF; } .reveal-wrapper .reveal-button { position: absolute; left: 0; top: 0; cursor: pointer; } .reveal-wrapper .reveal-button.read_more_reveal, .reveal-wrapper .reveal-button.media-view-reveal { opacity: 1.0; transform: translate3d(0, 0, 0); pointer-events: unset; transition: transform 1000ms cubic-bezier(.18, 1, .21, 1), opacity 800ms cubic-bezier(.18, 1, .21, 1); } body.popup-text-active .reveal-wrapper .reveal-button.read_more_reveal, body.slide-content-visible .reveal-wrapper .reveal-button.media-view-reveal { transform: translate3d(50%, 0, 0); opacity: 0; pointer-events:none; } .reveal-wrapper .reveal-button.read_more_hide, .reveal-wrapper .reveal-button.media-view-hide { opacity: 0; pointer-events:none; transform: translate3d(-50%, 0, 0); transition: transform 1000ms cubic-bezier(.18, 1, .21, 1), opacity 800ms cubic-bezier(.18, 1, .21, 1); } body.popup-text-active .reveal-wrapper .reveal-button.read_more_hide, body.slide-content-visible .reveal-wrapper .reveal-button.media-view-hide { transform: translate3d(0, 0, 0); opacity: 1.0; pointer-events: unset; } body.slide-content-visible .gallery-caption-top-wrapper .artist_title_year, body.slide-content-visible .gallery-caption-top-wrapper.dark .artist_title_year { color: #111; } body.slide-content-visible .gallery-caption-top-wrapper .reveal-wrapper, body.slide-content-visible .gallery-caption-top-wrapper.dark .reveal-wrapper { color: #909090; } body.slide-content-visible .gallery-caption-top-wrapper, body.slide-content-visible .gallery-caption-top-wrapper.header-visible { opacity: 1.0; transform: translate3d(0,0,0); position: fixed; } /* Show by Type/Years switch ----------------------------------------------------------- */ .list-per-type, .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.list-per-type, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.list-per-type, .records-list > ul > li.panel-media-slide.list-per-type, body.show-list-per-year .list-per-year, body.show-list-per-year .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.list-per-year, body.show-list-per-year .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.list-per-year, body.show-list-per-year .records-list > ul > li.panel-media-slide.list-per-year { display: block; } .list-per-year, .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.list-per-year, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.list-per-year, .records-list > ul > li.panel-media-slide.list-per-year, body.show-list-per-year .list-per-type, body.show-list-per-year .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery.list-per-type, body.show-list-per-year .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.list-per-type, body.show-list-per-year .records-list > ul > li.panel-media-slide.list-per-type { display: none; } .type-switch { display: inline-block; margin-bottom: 0 } .type-switch.float-type { display: inline-block; margin-bottom: 0; position: fixed; left: 40px; top: 50%; width: 240px; z-index: 999999; opacity: 1; } .type-switch .switch-per-type, .type-switch .switch-per-year { float: left; font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; letter-spacing: 0.15rem; text-decoration: none; display: inline-block; pointer-events: auto; position: relative; margin: 0 25px 0 0; display: block; cursor: pointer; } .type-switch span.switch-per-type:hover, .type-switch span.switch-per-year:hover { color: #3333ED; } .type-switch .switch-per-type, body.show-list-per-year .type-switch .switch-per-year, .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header .type-switch .switch-per-type, body.show-list-per-year .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery.panel_style_photography .panel_header .type-switch .switch-per-year { /* display: none; */ color: #3333ED; } body.show-list-per-year .type-switch .switch-per-type, .type-switch .switch-per-year { color: #010101; } /*Read more panel ----------------------------------------------------------- */ .read-more-panel-item { margin-bottom: 20vh; } .read-more-panel-item.views-row-last { margin-bottom: 0; } .read-more-panel { height: 100vh; width: 100vw; background: #f9f6f6; position: relative; } .read-more-panel.cascading-read-more-panel{ display: block; clear: both; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; box-sizing: border-box; } .read-more-panel .image, #project_gallery .item .read-more-panel .image{ height: 100vh; width: 60%; float: right; right: 0; position: absolute; z-index: 5; } .read-more-panel-item.views-row-even .read-more-panel .image{ float: left; left: 0; } .read-more-panel .image img, #project_gallery .item .read-more-panel .image img{ height: 100%; width: 100%; object-fit: cover; object-position: center; } .read-more-panel .content { height: 100vh; width: 40%; float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 24em; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 10; background: #f9f6f6; cursor: pointer; } .read-more-panel-item.views-row-even .read-more-panel .content{ float: right; right: 0; } .read-more-panel.wipeout .content { width: 100%; background: #fff; transition: background 1000ms linear, width 1000ms cubic-bezier(.18, 1, .21, 1); } .read-more-panel.visible.wipeout .content.step-animate .ani-in, .item-related.active.wipeout .content.step-animate .ani-in { opacity: 0; transform: translateY(-40px); transition: transform 800ms cubic-bezier(.18, 1, .21, 1), opacity 700ms cubic-bezier(.18, 1, .21, 1); } .read-more-panel .read-more-label { top: 80px; left: 100px; position: absolute; color: #909090; font-size: 1.9rem; display:none; } .read-more-panel .read-more-label .arrow { margin-left: 15px; } .read-more-panel .content:hover .read-more-label .arrow { width:55px; } .read-more-panel .read-more-label .arrow::before { content: ''; border-top: 1px solid #909090; top: 16px; } .read-more-panel .read-more-label .arrow::after { border: solid #909090; top: 13px; border-width: 0 1px 1px 0; } .read-more-panel h2.title { font-size: 3.4rem; line-height: 3.9rem; } .read-more-panel .read-more-title-wrapper { width: 100%; padding: 0 40px; } .read-more-panel .status { margin-bottom: 14px; } /* Related items... a variant of panel_type_featured_items_slideshow ---------------------------------------------------------------------------------- */ .panel_type_featured_items_slideshow.related_content_slideshow_panel { /*position: relative;*/ /*left: 50%;*/ /*right: 50%;*/ /*margin-left: -50vw;*/ /*margin-right: -50vw;*/ /*width: 100vw;*/ /*background:#ECE8E6;*/ } .panel_type_featured_items_slideshow.related_content_slideshow_panel .area_wrapper, .artwork-detail-feature-panels.feature_panels .panel_type_featured_items_slideshow.related_content_slideshow_panel .area_wrapper { /*position: relative;*/ /*left: 50%;*/ /*right: 50%;*/ /*margin-left: -50vw;*/ /*margin-right: -50vw;*/ padding: 0; margin: 0; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .area_inner { width: 100%; min-height: 100%; display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; max-width: 800px; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow { width: 100%; float: left; margin: 0; position: relative; } .featured_items_slideshow .item { width: 100%; margin-bottom: 100px; background:#ECE8E6; } .featured_items_slideshow .item.views-row-last { margin-bottom: 0; } .featured_items_slideshow .image { width: 66.66%; line-height: 0; } .featured_items_slideshow .image::after { content: ''; padding-top: 80%; display: block; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .image::after { background:#d0cac5; } .featured_items_slideshow .image span:not(.video_play_indicator) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .item-inner { display: flex; align-items: stretch; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .image { width: 45%; line-height: 0; position: relative; /*! border-right: 11px solid #fff; */ } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .image img { height: 100%; width: 100%; object-fit: cover; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area, .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .slideshow_pager{ box-sizing: border-box; width: 55%; padding: 65px 65px 65px 75px; margin-bottom: 0; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner .prelude { font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #111; letter-spacing: 0.15rem; padding: 0; margin-top: 0; margin-bottom: auto; padding-bottom: 60px; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner h2 { text-decoration: none; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 5.9rem; letter-spacing: 0.060rem; line-height: 6.1rem; margin: 0; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner h3 { letter-spacing: 0; font-size: 2.1rem; line-height: 2.4rem; margin: 0; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner .subtitle { margin-top: 50px; margin-bottom: 0; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner .content { font-size: 1.45rem; line-height: 2.8rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; color: #111; letter-spacing: 0.15rem; /*line-height: 3.2rem; font-size: 1.3rem;*/ color: #656565; margin-top: 50px; margin-bottom: 0; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner .content.short-version { display: none; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner .bottom { margin-top: 10px; max-width: 370px; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner .buttons { display:none; } /* Work page with sidebar ----------------------------------------------------------- */ .artworkviews-content { display: grid; grid-template-columns: 100% 0px; transition: background-color 0.6s ease-in-out 0s; } .artworkviews-artwork-body { background-color: #fbfbfb; padding-bottom: 12vh; } .artwork-sidebar-container { width: 400px; display: none; position: sticky; top: 0px; padding: 45px 30px 40px 30px; height: 100vh; } .artwork-sidebar-headline { display: inline-block; } .artwork-details-container { display: flex; flex-direction: row; -moz-box-pack: justify; justify-content: space-between; align-items: flex-start; position: relative; padding: 14px; width: 100%; background-color: rgba(255, 255, 255, 0.8); } .description-block-container { font-size: 15px; line-height: 20px; position: relative; padding: 12px 0px; } .description-block-motion-container { position: absolute; } .description-block-thumbnail { text-decoration: none; color: rgb(0, 0, 0); background-color: transparent; } .description-block-thumbnail img { width: 100%; display: block; cursor: pointer; max-height: 300px; } /* (min-width: 768px) */ .artworkviews-content { grid-template-columns: calc(100% - 400px) 400px; } .artworkviews-content .container-inner { padding-left: 325px; } .artwork-sidebar-container { display: flex; flex-direction: column; -moz-box-pack: justify; justify-content: space-between; background-color: #fff; } .artwork-details-container{ background-color: transparent; width: auto; padding: 0px; margin-bottom: 28px; flex-direction: column; } /* end (min-width: 768px) */ .artwork-sidebar-headline .artist_title_year, .artwork-sidebar-headline .work_price, .artwork-sidebar-headline .subtitle { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-size: 2.3rem; color: #171717; letter-spacing: 0.014rem; line-height: 2.7rem; margin-bottom: 26px; text-transform: uppercase; display: block; } .artwork-sidebar-headline .work_price { margin-bottom: 0; margin-top: 26px; } .artwork-sidebar-headline .subtitle .artist { margin: 0; } .artwork-sidebar-headline .subtitle .work_title { font-style: italic; } .artwork-sidebar-headline .medium, .artwork-sidebar-headline .dimensions, .artwork-sidebar-headline .edition_details, .artwork-sidebar-headline .photo, .artwork-sidebar-headline .page_stats, .artwork-sidebar-headline .share_link, .artwork-sidebar-headline .share_links, .artwork-sidebar-headline .copyright_line { font-size: 1.3rem; color: #171717; letter-spacing: 0.008rem; line-height: 2.2rem; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; text-transform: uppercase; letter-spacing: 0.15rem; } .artwork-sidebar-container.dark { background-color: #070707; } .artwork-sidebar-container.dark .artwork-sidebar-headline .artist_title_year, .artwork-sidebar-container.dark .artwork-sidebar-headline .work_price, .artwork-sidebar-container.dark .artwork-sidebar-headline .subtitle, .artwork-sidebar-container.dark .artwork-sidebar-headline .medium, .artwork-sidebar-container.dark .artwork-sidebar-headline .dimensions, .artwork-sidebar-container.dark .artwork-sidebar-headline .edition_details, .artwork-sidebar-container.dark .artwork-sidebar-headline .photo, .artwork-sidebar-container.dark .artwork-sidebar-headline .page_stats, .artwork-sidebar-container.dark .artwork-sidebar-headline .share_link, .artwork-sidebar-container.dark .artwork-sidebar-headline .share_links, .artwork-sidebar-container.dark .artwork-sidebar-headline .copyright_line { color: #fff; } /*Read more panel (Link to Artist page version 1) ----------------------------------------------------------- */ .read-more-panel { height: 100vh; width: 100vw; background: #f9f6f6; position: relative; } .read-more-panel.cascading-read-more-panel{ display: block; clear: both; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 100vw; box-sizing: border-box; margin-bottom: 100px; } .read-more-panel.cascading-read-more-panel.views-row-last { margin-bottom: 0; } .read-more-panel .image, #project_gallery .item .read-more-panel .image{ height: 100vh; width: 60%; float: right; right: 0; position: absolute; z-index: 5; } .read-more-panel .image img, #project_gallery .item .read-more-panel .image img{ height: 100%; width: 100%; object-fit: cover; object-position: center; } .read-more-panel .content { height: 100vh; width: 40%; float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 24em; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 10; background: #f9f6f6; cursor: pointer; } .read-more-panel.wipeout .content { width: 100%; background: #fff; transition: background 1000ms linear, width 1000ms cubic-bezier(.18, 1, .21, 1); } .read-more-panel.visible.wipeout .content.step-animate .ani-in, .item-related.active.wipeout .content.step-animate .ani-in { opacity: 0; transform: translateY(-40px); transition: transform 800ms cubic-bezier(.18, 1, .21, 1), opacity 700ms cubic-bezier(.18, 1, .21, 1); } .read-more-panel .read-more-label { top: 80px; left: 100px; position: absolute; color: #909090; font-size: 1.9rem; display:none; } .read-more-panel .read-more-label .arrow { margin-left: 15px; } .read-more-panel .content:hover .read-more-label .arrow { width:55px; } .read-more-panel .read-more-label .arrow::before { content: ''; border-top: 1px solid #909090; top: 16px; } .read-more-panel .read-more-label .arrow::after { border: solid #909090; top: 13px; border-width: 0 1px 1px 0; } .read-more-panel h2.title { font-size: 3.4rem; line-height: 3.9rem; } .read-more-panel .read-more-title-wrapper { width: 100%; padding: 0 40px; } .read-more-panel .status { margin-bottom: 14px; font-size: 1.5rem; line-height: 3.0rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; letter-spacing: 0.15rem; color: #151515; } /* Fair Group works / Panel Link to Artist page version 2 ----------------------------------------------------------- */ /* 4927 ----------------------- */ .feature_panels_section { float: left; width: 100%; position: relative; padding: 0; margin: 0 0 100px 0; } .project-page-section:last-of-type .feature_panels_section.full-bleed-below { margin-bottom: 0; } /* 5963 ----------------------- */ .records_grid { transition: transform 500ms cubic-bezier(.65,.06,.19,.96),opacity 500ms ease-in-out; } /* 5976 ----------------------- */ .works_grid { width: auto; margin: 0 -50px 0 0; } .works_grid .item { transform: translate3d(0,80px,0); transition: transform 4000ms cubic-bezier(.18,1,.21,1),opacity 2500ms cubic-bezier(.18,1,.21,1); box-sizing: border-box; width: 33.33%; padding: 0 50px 75px 0; display: inline-block; vertical-align: top; transform: translate3d(0,150px,0); opacity: 0; transition: transform 5000ms cubic-bezier(.18,1,.21,1),opacity 5000ms cubic-bezier(.18,1,.21,1); } .works_grid .item.animate-from-top { transform: translate3d(0,-80px,0); transform: translate3d(0,-0,0); } .works_grid .item.visible { transition: opacity 1000ms ease-in-out,transform,transform 1000ms cubic-bezier(0,0,.58,1); transition: transform 5000ms cubic-bezier(.18,1,.21,1),opacity 5000ms cubic-bezier(.18,1,.21,1); transform: translate3d(0,0,0); opacity: 1; } .works_grid .item:nth-of-type(2),.works_grid .item:nth-of-type(5) { transition-delay: 150ms; } .works_grid .item:nth-of-type(3),.works_grid .item:nth-of-type(6) { transition-delay: 300ms; } .works_grid .item.revealable { display: none; } .works_grid .item .image { overflow: hidden; width: 100%; margin: 0; display: flex; margin:0 0 25px 0; } .works_grid .item .image.extended_click_area { cursor: pointer; } body.browser-msie .works_grid .item .image { display: block; } .works_grid .item .image img { transition: transform 500ms ease-out; max-width: 100%; display: block; align-self: flex-end; transition: transform 500ms ease-out,opacity 400ms ease-in-out; } /* 6152 ----------------------- */ .works_grid.feature_list .item { width: 100%; display: flex; align-items: stretch; } .works_grid.feature_list .item > a { display: flex; align-items: stretch; } .works_grid.feature_list .item .image { position: relative; padding: 0; width: 50%; display: block; } .works_grid.feature_list .item .image:after { content: ''; padding: 100% 0 0; width: 100%; display: block; } .works_grid.feature_list .item .image:after { content: ''; padding: 100% 0 0; width: 100%; display: block; } .works_grid.feature_list .item.image_proportion_portrait .image:after { padding: 125% 0 0; } .works_grid.feature_list .item .image .image_inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .works_grid.feature_list .item .image .image_inner img { max-width: 100%; max-height: 100%; align-self: center; } /* 6196 ----------------------- */ /* 6976 ----------------------- */ .works_grid .item .caption { line-height: 2.4rem; font-size: 1.45rem; } .works_grid .item .caption a { display: inline-block; } /* 8332 ----------------------- */ .feature_panels_section .feature_list.featured_artwork_grid .item { display: flex; align-items: center; width: 100%; } .feature_panels_section .feature_list.featured_artwork_grid .item:nth-of-type(2n) { flex-direction: row-reverse; } .feature_panels_section .feature_list.featured_artwork_grid .item .featured_artwork_image_container { width: 55%; display: block; position: relative; } .feature_panels_section .feature_list.featured_artwork_grid .item .featured_artwork_image_container:after { content: ''; display: block; width: 100%; padding-top: 100%; } .feature_panels_section .feature_list.featured_artwork_grid .item.image_proportion_landscape .featured_artwork_image_container:after { padding-top: 70%; } .feature_panels_section .feature_list.featured_artwork_grid .item .image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; width: 100%; display: flex; align-items: center; justify-content: center; } /*override min height set with javascript when the image isn't 100% width*/ @media screen and (min-width: 641px) { .feature_panels_section .feature_list.featured_artwork_grid .item .image { min-height: 0!important; } } .feature_panels_section .feature_list.featured_artwork_grid .item .image .image_inner { position: absolute!important; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } .feature_panels_section .feature_list.featured_artwork_grid .item .image img { object-fit: contain; width: 100%; height: 100%; } .feature_panels_section .feature_list.featured_artwork_grid .item .list_caption_wrapper { width: 45%; box-sizing: border-box; max-width: 650px; border: none; padding: 60px 100px; flex-direction: column; } .feature_panels_section .feature_list.featured_artwork_grid .item .content { margin: 0 0 30px; color: #867878; font-size: 1.6rem; line-height: 1.7em; padding: 0; width: 100%; } .feature_panels_section .feature_list.featured_artwork_grid .item .content::before { display: none; } .feature_panels_section .feature_list.featured_artwork_grid .item .caption { font-weight: 300; font-size: 1.35rem; line-height: 3rem; width: 100%; margin-bottom: 0; } .feature_panels_section .feature_list.featured_artwork_grid .item .caption > a { width: 100%; } .feature_panels_section .feature_list.featured_artwork_grid .item h3 { width: 100%; font-size: 5.0rem; line-height: 5.1rem; margin-bottom: 30px; color: #111; } .feature_panels_section .feature_list.featured_artwork_grid .item .subtitle em { font-style: normal; } .feature_panels_section .feature_list.featured_artwork_grid .item .buttons { float: left; display: block; width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-top: 30px; padding: 0; } .feature_panels_section .feature_list.featured_artwork_grid .item .buttons .enquire_button { margin-right: 20px; } .feature_panels_section .feature_list.featured_artwork_grid .item .buttons .more_info_link { margin-right: 20px; padding: 21px 45px 18px; } .feature_panels_section .feature_list.featured_artwork_grid .item .buttons .more_info_link a { color: #111; font-size: 1.4rem; letter-spacing: 0; line-height: 2.0rem; } .feature_panels_section .feature_list.featured_artwork_grid .item .buttons .store_item { margin-right: 20px; } .feature_panels_section .feature_list.featured_artwork_grid .item .buttons .cart_content ~ .enquire_button, .feature_panels_section .feature_list.featured_artwork_grid .item .buttons .cart_content ~ .more_info_link { display: none; } .feature_panels_section .feature_list.featured_artwork_grid .item .buttons .content_read_more_link { padding: 0; } .feature_panels_section .feature_list.featured_artwork_grid .item .buttons .enquire_button_container ~ .content_read_more_link, .feature_panels_section .feature_list.featured_artwork_grid .item .buttons .cart_content ~ .content_read_more_link { margin-left: 20px; } .panel_type_225.fullbleed_featured_artwork_grid { background: #f9f6f6; } .panel_type_225.section-about-location.fullbleed_featured_artwork_grid { background: #fbfbfb; margin-bottom: 0; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .area_wrapper { padding: 0; margin: 0 auto; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid { margin-right: 0; } .feature_panels_section .feature_list.featured_artwork_grid .item.dummy-item { margin:0 !important; padding:0 !important; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:not(.dummy-item) { transform: translate3d(0,0,0); padding: 0 80px 0 0; min-height: 60vmax; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) { padding: 0 0 0 60px; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:not(.dummy-item) .featured_artwork_image_container { width: 55vw; display: block; position: static; } .feature_panels_section.panel_type_225.panel_variant_link.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:not(.dummy-item) .featured_artwork_image_container { width: 60vw; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .list_caption_wrapper { width: calc(45vw - 80px); max-width: 800px; padding: 60px 0 60px 80px; margin: 0 auto; } .feature_panels_section.panel_type_225.panel_variant_link.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .list_caption_wrapper { width: calc(40vw - 80px); } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) .list_caption_wrapper { padding: 60px 60px 80px 0; } .feature_panels_section.panel_type_225.panel_variant_link.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) .list_caption_wrapper { /*margin-right: 0;*/ } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item h3, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .subtitle, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .feature-description, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .content_read_more_link { /*color: #fff;*/ } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .button { border: 2px solid #ffffff; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .content_read_more_link a:before { border-bottom: 2px solid #fff; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .enquire_button_container { display: none; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .image .image_inner { width: 100%; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .image { object-fit: cover; right: auto; width: 55%; } .feature_panels_section.panel_type_225.panel_variant_link.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .image { width: 60%; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .image img { object-fit: cover; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) .image { left: auto; right: 0; } /* 8564 ----------------------- */ /* ------- from 9394 - 9678 -------------------------------- */ .feature_panels_section.text_and_image_fullbleed { margin: 0 0 80px; } .feature_panels_section.text_and_image_fullbleed.full-bleed-below { margin-bottom: 0; } .feature_panels_section.text_and_image_fullbleed .area_wrapper { background: #262626; box-sizing: border-box; width: 100%; display: flex; align-items: flex-end; justify-content: space-between; margin: 0; position: relative; transform: none!important; opacity: 0; transition: transform 5000ms cubic-bezier(.18,1,.21,1),opacity 5000ms cubic-bezier(.18,1,.21,1); height: 100vh; min-height: 800px; } .section-news.page-param-id-38 .feature_panels_section.text_and_image_fullbleed .area_wrapper { height: auto; min-height: 100vh; } .feature_panels_section.text_and_image_fullbleed.panel_theme_light .area_wrapper { background: #F6EEE9; background: #F9F6F6; color: #010101; } .feature_panels_section.text_and_image_fullbleed.panel_theme_light .area { color: #010101; } .feature_panels_section.text_and_image_fullbleed.panel_style_2 .area_wrapper, .feature_panels_section.text_and_image_fullbleed.panel_style_4 .area_wrapper, .text_and_image_fullbleed.panel-content-alignment-left .area_wrapper, .text_and_image_fullbleed.panel-content-alignment-left-wide-image .area_wrapper { flex-direction: row-reverse; } .text_and_image_fullbleed.panel-content-alignment-left .image, .text_and_image_fullbleed.panel-content-alignment-left-wide-image .image { margin-right: -80px; margin-left: 0; } .text_and_image_fullbleed.panel-content-alignment-left .area_wrapper .pull_quote_wrapper,.text_and_image_fullbleed.panel-content-alignment-left-wide-image .area_wrapper .pull_quote_wrapper { right: 0; position: relative; margin-left: 0; width: calc(100% + 160px); max-width: calc(100% + 160px); } .feature_panels_section.text_and_image_fullbleed.panel_style_3.panel_theme_wide .area_wrapper { padding: 0 100px 0 0; } .feature_panels_section.text_and_image_fullbleed.panel_style_4.panel_theme_wide .area_wrapper { padding: 0 0 0 100px; } .feature_panels_section.text_and_image_fullbleed .inview_element.animate-from-bottom { transition: transform 5000ms cubic-bezier(.18,1,.21,1),opacity 5000ms cubic-bezier(.18,1,.21,1); } .feature_panels_section.text_and_image_fullbleed .inview_element.animate-from-top { transition: transform 5000ms cubic-bezier(.18,1,.21,1),opacity 5000ms cubic-bezier(.18,1,.21,1); transform: translate3d(0,-50px,0); } .feature_panels_section.text_and_image_fullbleed .inview_element.visible { opacity: 1; transform: translate3d(0,0,0); } .text_and_image_fullbleed .inview_element:after { content: ''; display: block; height: 0; clear: both; overflow: hidden; } .text_and_image_fullbleed > a { display: flex; align-items: center; width: 100%; } .text_and_image_fullbleed .area { width: 50%; position: relative; z-index: 200; float: left; vertical-align: top; box-sizing: border-box; color: #fff; padding: 80px 0 80px 80px; display:flex; flex-direction: column; justify-content: space-around; /*align-items: flex-start;*/ align-content: flex-start; height: auto; align-self: stretch; z-index: 2; } .text_and_image_fullbleed .area:not(.has_pullquote) { justify-content: center; } .text_and_image_fullbleed.panel-content-alignment-left-wide-image .area, .text_and_image_fullbleed.panel-content-alignment-right-wide-image .area { width: 40%; } .text_and_image_fullbleed.panel-content-alignment-left-wide-image .image, .text_and_image_fullbleed.panel-content-alignment-right-wide-image .image { width: calc(60% + 80px); } .text_and_image_fullbleed .area .area-module { max-width: 700px; position: relative; z-index: 99; } .text_and_image_fullbleed .area .area-module.area-module-main { margin-top: auto; } .text_and_image_fullbleed .area:not(.has_pullquote) .area-module.area-module-main { margin-top: 0; } .feature_panels_section.text_and_image_fullbleed.panel_style_2 .area_wrapper .area, .feature_panels_section.text_and_image_fullbleed.panel_style_4 .area_wrapper .area, .text_and_image_fullbleed.panel-content-alignment-left-wide-image .area,.text_and_image_fullbleed.panel-content-alignment-left .area { padding-right: 80px; padding-left: 0; } .text_and_image_fullbleed .prelude { margin: 0 0 20px; } .text_and_image_fullbleed .content { padding: 0; font-size: 1.8rem; } .text_and_image_fullbleed .button { float: none; display: inline-block; } .text_and_image_fullbleed .area h3, .text_and_image_fullbleed .area .subtitle, .text_and_image_fullbleed .area .pull_quote_wrapper, .text_and_image_fullbleed .area .pull_quote { color: inherit; } .text_and_image_fullbleed .area .subtitle { font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; font-weight: 200; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0.042rem; text-transform: uppercase; font-size: 5.75rem; line-height: 1em; } .text_and_image_fullbleed .area h3 { font: 3.5rem/1.2em 'HKGroteskWideWeb',Sans-Serif; } .text_and_image_fullbleed .area.has_pullquote h3 { font-size: 2.5rem; } .text_and_image_fullbleed .area .pull_quote_wrapper { margin-left: -160px; padding-bottom: 30px; box-sizing: border-box; } .text_and_image_fullbleed .area .pull_quote { font-size: 4.0rem; } .text_and_image_fullbleed .area .pull_quote span { font-size: 1em; } .text_and_image_fullbleed .area .pull_quote.text-length-2 span { font-size: 0.95em; line-height: 1.4em; } .text_and_image_fullbleed .area .pull_quote.text-length-3 span { font-size: 0.9em; line-height: 1.4em; } .text_and_image_fullbleed .area .pull_quote.text-length-4 span { font-size: 0.85em; line-height: 1.4em; } .text_and_image_fullbleed .area .pull_quote_source { font-weight: bold; font-size: 1.6rem; text-transform: uppercase; letter-spacing: 0.08em; position: relative; display: inline-block; color: #fff; line-height: 1.5em; margin-top: 25px; } .text_and_image_fullbleed .image { width: calc(50% + 80px); margin-left: -80px; min-height: 10px; float: left; box-sizing: border-box; vertical-align: top; overflow: hidden; margin-bottom: auto; position: relative; top: 0; left: 0; bottom: 0; margin-bottom: 0; height:auto; align-self: stretch; z-index: 1; } .text_and_image_fullbleed .image::before { background: #000; } .feature_panels_section.text_and_image_fullbleed.panel_theme_light .image::before, .feature_panels_section.text_and_image_fullbleed.panel_theme_light .image::after{ background: transparent; } .text_and_image_fullbleed .image::after { content: ''; background: rgb(0 0 0 / 30%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; } .text_and_image_fullbleed .image img { height: 100%; width: 100%; object-fit: cover; margin: 0; display: block; transition: transform 500ms ease-out; } .text_and_image_fullbleed.panel-content-alignment-right .area-module-buttons { justify-self: flex-end; align-self: flex-end; margin-bottom: -30px; padding-top: 40px; } .text_and_image_fullbleed .area:not(.has_pullquote) .area-module-buttons { align-self: flex-start; margin-bottom: 0; margin-top: 30px; } .text_and_image_fullbleed .area-module-buttons .link { position: relative; line-height: 2em; color: #fff; } .text_and_image_fullbleed .area-module-buttons .link::after { content: ''; position: absolute; display: block; border-bottom: 2px solid #fff; width: 100%; } .feature_panels_section.text_and_image_fullbleed.panel_theme_light .area-module-buttons .link { color: #010101; } .feature_panels_section.text_and_image_fullbleed.panel_theme_light .link::after { border-bottom: 2px solid #222; } /* ------- until 9678 -------------------------------- */ /* 10407 ----------------------- */ .image_lazy_load img { opacity: 0; transition: opacity 400ms ease-in-out; z-index: 99; position: relative; } .image_lazy_load.loaded img { opacity: 1.0; transition: opacity 400ms ease-in-out; } /* 11143 ----------------------- */ .list_caption_wrapper { width: 100%; text-align: left; transition: color 400ms linear; display: flex; } .list_caption_wrapper .content, .list_caption_wrapper .caption, .large_grid .item .area .content { /* float: left; */ width: 100%; text-align: left; color: #0E0E0E; font-size: 1.6rem; line-height: 1.8em; } .list_caption_wrapper .prelude { text-align: left; } .list_caption_wrapper .list_content_header { text-align: left; max-width: 100%; } .list_caption_wrapper .caption { width: 100%; margin: 0 0 17px; } .list_caption_wrapper .caption:last-child { margin-bottom: 0; } .list_caption_wrapper .caption p { margin: 0; } .list_caption_wrapper .caption a { display: inline-block; } /* 11183 ----------------------- */ /* 11276 ----------------------- */ .works_grid .list_caption_wrapper, .works_grid .list_caption_wrapper .caption, .works_grid .list_caption_wrapper .content, .works_grid .list_caption_wrapper h3 { text-align: left; color: #656565; } .works_grid .list_caption_wrapper .feature-description { font-size: 1.45rem; line-height: 2.8rem; text-transform: uppercase; font-family: 'Helvetica Neue LT Pro 47 Light Condensed Oblique', "Courier New", Courier, sans-serif; letter-spacing: 0.15rem; line-height: 3.2rem; color: #232323; margin-top: 20px; margin-bottom: 0; } /* 18732 ----------------------- */ .max_height_read_more { max-height: 200px; text-overflow: ellipsis; position: relative; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .max_height_read_more_button { cursor: pointer; margin-top: 20px; color: inherit; } .buttons .max_height_read_more_button { margin-top: 0; margin-right: 15px; color: inherit; }