/* ------------------------------------------------------------------------ --------------------------------- Size 4 ---------------------------------- ------------------------------------------------------------------------ */ @media screen and (max-width: 1800px) { /* ----------------------------------------------------------- Generic ----------------------------------------------------------- */ /* ----------------------------------------------------------- General layout ----------------------------------------------------------- */ /* ----------------------------------------------------------- Global classes ----------------------------------------------------------- */ /* ----------------------------------------------------------- Page Specific ----------------------------------------------------------- */ /* Home ----------------------------------------------------------- */ /*.records-list > ul > li.panel-media-slide .content h2 { font-size: 5vw; line-height: 5.2vw; } .records-list ul li .content h2 { font-size: 3.2vw; line-height: 3.2vw; }*/ .records-list ul li .image img { max-width: 100%; max-height: 53vh; } .records-list > ul > li.panel-media-slide .content h2 { font-size: 5vw; } .records-list ul li .content h2 { font-size: 3.2vw; line-height: 3.2vw; } .records-list.tile_list.scatter_list ul li .content h2 { font-size: 2.2vw; line-height: 2.5vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-4 { font-size: 4.6vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-5 { font-size: 4.4vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-6 { font-size: 4.0vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-7 { font-size: 4.0vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-8 { font-size: 3.9vw; } .records-list > ul > li.panel-media-slide .content.long-word-detected h2.dynamic-text-scale.text-wordlength-8 { font-size: 3.8vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-9 { font-size: 3.8vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-10 { font-size: 3.6vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-11 { font-size: 3.5vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-12 { font-size: 3.3vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-13 { font-size: 3.2vw; } .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-14 { font-size: 3.1vw; } .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: 3.0vw; } /* Cascade lists ----------------------------------------------------------- */ .news-list.records-list ul li .image img, .news-list.records-list.group-list ul li .image img { max-width: 100%; } } @media screen and (max-width: 1450px) { #top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search-reveal { font-size: 7.5vmin; line-height: 7.5vmin; height: 7vmin; } #top-nav.navigation ul li, .faux-search-reveal { margin-bottom: 1.5vw; } #main-menu-overlay ul li a:link:after, #main-menu-overlay ul li a.active:after, .faux-search-reveal .faux-search-reveal-inner:after { bottom: 0; } #top-nav { padding-top: 70px; } #main-menu-overlay ul.quicklink-menu { left: 10px; } /* ----------------------------------------------------------- Page Specific ----------------------------------------------------------- */ .slide-content-module-inner { padding: 130px 47px 60px 40px; } .slide-content-module-wrapper { min-width: 440px; } .slide-content-module-wrapper .introduction { font-size: 2rem; line-height: 3.8rem; margin-bottom: 25px; } /* -------------- Work page -------------------------------------------------------------------------------*/ .projects-image-gallery .fullwidth-image-gallery-list.work-gallery .image-gallery-item img { max-width: calc(100% - 630px); } .gallery-caption-top-wrapper.right-side { max-width: 255px; } /* -------------- Read more panel Artist -------------------------------------------------------------------------------*/ .text_and_image_fullbleed .area .area-module { max-width: 500px; } .text_and_image_fullbleed .area .subtitle { font-size: 5.0rem; } .read-more-panel .read-more-title-wrapper { padding: 0 80px; } .read-more-panel .read-more-label { top: 60px; left: 80px; } } /* ------------------------------------------------------------------------ --------------------------------- Size 4.5 ---------------------------------- ------------------------------------------------------------------------ */ @media screen and (max-width: 1366px) { /* ----------------------------------------------------------- Colorbox window ----------------------------------------------------------- */ #image-gallery #image-container { width: calc(100% - 300px); } #image-gallery #content-module-gallery { width: 300px; } } /* ------------------------------------------------------------------------ --------------------------------- Size 4 ---------------------------------- ------------------------------------------------------------------------ */ @media screen and (max-width: 1279px) { /* ----------------------------------------------------------- Generic ----------------------------------------------------------- */ /*html { font-size: 9.5px; }*/ /* ----------------------------------------------------------- General layout ----------------------------------------------------------- */ .container-inner, .video-background-section .section-content { padding: 0 100px; } .container-inner-wide { padding: 0 65px; } .detail-list ul li .artworksList.container-inner-wide { padding-top: 65px; } .h1-label, .section-projects .subsection-explore-record .h1-label { margin-bottom: 50px; } /*#top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search { font-size: 5.5rem; line-height: 7.5rem; height: 7.5rem; }*/ #main-menu-reveal { left: 232px; top: 21px; } #top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search-reveal { font-size: 6.2vmin; line-height: 7.7vh; height: 6.2vh; } #footer-logo { width: 200px; padding-bottom: 30px; } /* ----------------------------------------------------------- Global classes ----------------------------------------------------------- */ /* Cascade lists ----------------------------------------------------------- */ .detail-list ul li a { width: 100%; float: none; } .detail-list ul li .list-item-wrapper { width: 100%; } .detail-list ul li .image { width: auto; width: 42%; } .detail-list ul li .image span { width: 100%; height: auto; } .detail-list ul li .content { width: 50%; } /* Right ---------------------------------------- */ /* Positioning variations ---------------------------------------- */ .detail-list ul li.pull-right.medium, .detail-list ul li.pull-right.centre { padding: 0 5% 0 0; } /* Images and content ---------------------------------------- */ .detail-list ul li.pull-right .subtitle, .detail-list ul li.pull-right .link.read_more_link, .detail-list ul li.pull-right .image, .detail-list ul li.pull-right .content { float: right; text-align: right; } .detail-list ul li.pull-right .subtitle, .detail-list ul li.pull-right .link.read_more_link { clear: both; } .detail-list ul li.pull-right .image { padding: 0 0 0 5%; margin: 0; box-sizing: border-box; } .detail-list.records-list ul li .content h2 , .group-block .group-list.detail-list ul li .content h2 { font-size: 4.5rem; line-height: 4.6rem; } .records-list ul li .content h2 { margin: 0 0 20px; } /* Related content ----------------------------------------------------------- */ .records_detail_pagination h2, .records_detail_pagination a h2 { font-size: 7.1rem; line-height: 7.5rem; } /* ----------------------------------------------------------- Page Specific ----------------------------------------------------------- */ /* Home ----------------------------------------------------------- */ .records-list > ul > li.panel-media-slide.medium > a, .records-list > ul > li.panel-media-slide.medium a.main_link { width: 55vw; } .records-list > ul > li.panel-media-slide > a, .records-list > ul > li.panel-media-slide a.main_link { padding: 140px 80px; } .records-list > ul > li.panel-media-slide .content { width: 44vw; top: 30%; } .records-list > ul > li.panel-media-slide.center .content { left: calc(78% - 80px); } .records-list > ul > li.panel-media-slide.large.right .content, .records-list > ul > li.panel-media-slide.right .content { /* right: calc(88% - 80px); */ left: auto; } .records-list > ul > li.panel-media-slide.left .content { width: 40vw; } .records-list > ul > li.panel-media-slide.large .content { /* top: 60%; left: 80%; */ } .records-list > ul > li.panel-media-slide { min-height: initial; } /* Projects list ----------------------------------------------------------- */ #projects-scroll-container .project-item .title-wrapper h2 { font-size: 8.2rem; letter-spacing: 0.057rem; line-height: 7.5rem; } #projects-scroll-container .image-wrapper { -webkit-animation-name: none; animation-name: none; } /* Projects detail ----------------------------------------------------------- */ /*.projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header h2 { display: none; }*/ .section-projects .video-wrapper::before { padding: 0 65px; } #hero-heading a, #hero-heading a:visited .feature_panels .records-list.image-list ul li.panel_hero .hero_heading > h2, .feature_panels .records-list.image-list ul li.panel_hero .hero_heading > a > h2, .section-content-scroll h2, .video-background-section .section-content h2 { font-size: 8.1rem; line-height: 6.8rem; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item .gallery-image.layout-right img { max-width: calc(100%); } /*.artworkItem-bg-6 .content.mobile-caption .work_artist, .artworkItem-bg-4 .content.mobile-caption .work_artist, */ .artworkItem-bg-6 .content.mobile-caption .medium, .artworkItem-bg-4 .content.mobile-caption .medium { display: none !important; } /* Artists overview ----------------------------------------------------------- */ .section-artists .artist-list-section { display: none; } .section-artists #content.cascading-page-content { padding: 0; } /* Related items... a variant of panel_type_featured_items_slideshow ---------------------------------------------------------------------------------- */ .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner .content { display: none; } .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner .content.short-version { display: block; } /* -------------- Inline image full screen for PRESS ------------------------------------------------------------------------------------------------------------------------*/ .inline-image { margin-bottom: 27px; margin-top: 27px; } /* -------------- Read more panel Artist -------------------------------------------------------------------------------*/ .read-more-panel .read-more-title-wrapper { padding: 0 40px; } .read-more-panel .read-more-label { top: 60px; left: 40px; } } /* ------------------------------------------------------------------------ --------------------------------- Size 3 ---------------------------------- ------------------------------------------------------------------------ */ @media screen and (max-width: 1024px) { /* ----------------------------------------------------------- Generic ----------------------------------------------------------- */ .d-sm-none { display:none!important } .d-sm-block { display:block!important } .splash-logo { bottom: 40px; left: 35px; font-size: 14vw; line-height: 13vw; } .container-inner, .video-background-section .section-content { padding: 0 60px; } .container-inner-wide { padding: 0 35px; } .detail-list ul li .artworksList.container-inner-wide { padding-top: 35px; } .subtitle { line-height: 2.2rem; } .read_more_label { top: -10px; } .link.read_more_link { margin-top: 30px; } .link.read_more_link::before { height: 100px; } .section-news .heading_wrapper h1, .section-publications .heading_wrapper h1 { font-size: 5.9rem; line-height: 6.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: 4.9rem; line-height: 5rem; } .section-news .heading_wrapper h1.text-wordlength-long, .section-publications .heading_wrapper h1.text-wordlength-long { font-size: 3.9rem; line-height: 4rem; } .h1-label, .section-projects .subsection-explore-record .h1-label, .records-detail-pagination .skip-status, .panel_header_inner .status { transform: translate3d(0,0,0); margin-bottom: 30px; } .project-list-section .panel_header_fixed h1 { transform: translate3d(0,0,0); } .skip-background { opacity: 0.20; } /* ----------------------------------------------------------- General layout ----------------------------------------------------------- */ .footer { padding: 45px 0 0; min-height: 360px; } .footer #contact-info { max-width: 1200px; float: left; width: 100%; clear: both; } #footer-logo { width: 175px; padding-right: 0; } #back_to_top { top: 45px; right: 30px; } /* Overlay ----------------------------------------------------------- */ body.cms-frontend-toolbar-active.layout-hero-header.navigation-open #header { top: 14px; } #main-menu-reveal { left: 214px; top: 23px; } #header .inner, #header.header_fixed .inner { padding: 0; } #header, #header.header_fixed { margin: 0 0 30px; padding: 0; } #top-nav { padding: 0 30px; } #top-nav.quicklinks-active { padding: 0 30px 0 90px; } .close-button { width: 30px; height: 30px; right: 40px; top: 40px; } .close-button-block { width: 30px; height: 15px; } .close-button-block:before, .close-button-block:after { left: calc(52% - 2px); display: block; width: 2px; height: 25px; } .faux-search-input { font-size: 2.9rem; line-height: 4.2rem; } #top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search-reveal { font-size: 5.7vmin; line-height: 7.7vh; height: 6.2vh; } #top-nav.quicklinks-active { padding: 0 30px 0 80px; } #main-menu-overlay #top-nav.navigation ul.quicklink-menu { left:30px; } /* Cascade lists ----------------------------------------------------------- */ .detail-list.records-list ul li .content h2, .group-block .group-list.detail-list ul li .content h2 { font-size: 3.7rem; line-height: 3.7rem; } .records-list ul li .content h2 { margin: 0 0 15px; } /* Related content ----------------------------------------------------------- */ .records-detail-pagination h2, .records-detail-pagination a h2 { font-size: 6.1rem; line-height: 6.5rem; } /* ----------------------------------------------------------- Page Specific ----------------------------------------------------------- */ /* Home ----------------------------------------------------------- */ .fullscreen-slide .content .inner { right: 60px; bottom: 60px; } .records-list > ul > li.panel-media-slide > a, .records-list > ul > li.panel-media-slide a.main_link { width: 60vw; } .records-list > ul > li.panel-media-slide.medium > a, .records-list > ul > li.panel-media-slide.medium a.main_link { width: 60vw; } .records-list > ul > li.panel-media-slide > a, .records-list > ul > li.panel-media-slide a.main_link { padding: 80px 55px; } .records-list > ul > li.panel-media-slide .content { width: 40vw; } .records-list > ul > li.panel-media-slide .date, .records-list > ul > li.panel-media-slide .subtitle { line-height: 2.5rem; } .records-list > ul > li.panel_homepage_text .content h2 { font-size: 4rem; line-height: 5.2rem; margin: 0 0 30px; } .panel-media-slide .restrict-title-height { height: 280px; min-height: 90px; } .exhibition-list.records-list ul li .content h2 { font-size: 2.5rem; line-height: 3.5rem; } /* Projects ----------------------------------------------------------- */ /* Projects list ----------------------------------------------------------- */ #projects-scroll-container .image-wrapper img { max-height: 80vh; } #projects-scroll-container .project-item .title-wrapper h2 { font-size: 7.2rem; letter-spacing: 0.057rem; line-height: 6.5rem; } .records-list > ul > li.panel-media-slide .panel_label { right: -91px; } .project-scroll { display: none !important; } /* Projects detail ----------------------------------------------------------- */ .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header h2 , .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 { font-size: 6rem; line-height: 6.5rem; letter-spacing: 0.06rem; max-width: 100%; } .project-list-section .records-list.detail-list { padding-top: 80px; } .project-list-section .records-list.detail-list.publications-list.group-list { padding-bottom: 80px; } #hero-heading a, #hero-heading a:visited .feature_panels .records-list.image-list ul li.panel_hero .hero_heading > h2, .feature_panels .records-list.image-list ul li.panel_hero .hero_heading > a > h2, .section-content-scroll h2, .video-background-section .section-content h2 { font-size: 7.2rem; line-height: 5.9rem; } #hero-heading .status, #form-wrapper-inner .status, .panel_header_inner .status, .section-content-scroll .skip-status, .video-background-section .skip-status { margin-bottom: 25px; } .button { margin-top: 25px; } #custom-hero-header .title, #custom-hero-header .subtitle, .content_module_inner, .section-projects .subsection-explore-record .series-content-module, .section-content-scroll .title, .video-background-section .title { padding-left: 30px; } .content_module_inner { padding-right: 30px; } .contacts-list.exhibition-list { margin-bottom: 30px; } .section-projects #content-module, .section-projects #secondary-content-module, .section-projects .series-content-module { padding: 8vh 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: 8vh 0 0 0; } .section-projects #secondary-content-module.small-space-before, .series-content-module.small-space-before { padding-top: 0; } .section-projects .video-wrapper { /*height: 80vmin;*/ } .section-projects .video-carousel { /*max-height: 80vmin;*/ } .section-projects .video-carousel-item, .section-news .video-carousel-item { height: 80vmin; width: 100%; padding: 30px; } .section-projects .video-wrapper .embedded-video .video-bg, .section-news .video-wrapper .embedded-video .video-bg { max-height: calc(80vmin - 80px); } .section-projects .section-film .video-wrapper::before, .section-news .section-film .video-wrapper::before { padding: 0 35px; } .records-detail-pagination .records_detail_pagination_link { min-height: 50vh; } /*.projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item { padding: 80px 60px; }*/ .projects-image-gallery .fullwidth-image-gallery-list.work-gallery .image-gallery-item { height: calc(75vh + 5px); } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item img, .projects-image-gallery .fullwidth-image-gallery-list.work-gallery .image-gallery-item img { max-width: 100%; max-height: 100%; /*calc(100vh - 120px);*/ } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header h2, .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, .section-projects #content-module, .section-projects #secondary-content-module { max-width: 100%; } .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 { max-width: 90%; } .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 { padding-top: 0; } .gallery-caption-fixed { position: fixed; padding: 1rem 0px; background: #070707; bottom: 0rem; z-index: 1000; width: 100%; } .gallery-caption-fixed.dark { background: #fff; } .gallery-caption-fixed .artist_title_year, .gallery-caption-fixed .work_price { margin-bottom: 10px; font-size: 2.0rem; letter-spacing: .013rem; line-height: 2.4rem; } .gallery-caption-fixed .medium { display: none; } .gallery-caption-fixed.dark .page_nav { padding-top: 0; margin-bottom: 0; } .artworkItem-md-12 { width: 100%; } .artworkItem-md-6 { width: calc((100% - 7px) / 2); } .artworkItem-md-4 { width: calc((100% - 14px) / 3); } .artworkItem-md-12 .content.mobile-caption .medium { display: inline-block !important; } /* .artworkItem-bg-6 .content.mobile-caption .work_artist, .artworkItem-bg-4 .content.mobile-caption .work_artist, */ .artworkItem-bg-6 .content.mobile-caption .medium, .artworkItem-bg-4 .content.mobile-caption .medium { display: none !important; } .scrollnav-wrapper-fixed { bottom: 28px; right: 11px; } #image-gallery { width: 100%; float: none; position: static; display: block; height: auto; } #image-gallery #image-container { width: 100%; float: none; position: static; display: block; height: auto; } #image-gallery #content-module-gallery { width: 100%; right: 0; display: block; position: static; height: auto; transition: opacity 0.15s linear; -webkit-transition: opacity 0.15s linear; box-sizing: border-box; overflow: auto; padding: 40px 0; } #image-gallery #content-module-inner { width: 100%; padding: 0 30px 0 30px; box-sizing: border-box; } #image-gallery #content-module-gallery .page_stats { margin-bottom: 40px; } #image-gallery #image-container .image { padding-top: 125px; } #image-gallery #image-container .image span img { max-height: calc(100vh - 405px); } #image-gallery #content-module-gallery .page_stats .ps_pages, #image-gallery #content-module-gallery .page_stats .ps_pages_indented { float: right; margin-left: 0; } #image-gallery #content-module-gallery .artist_title_year, #image-gallery #content-module-gallery .work_price, #image-gallery #content-module-gallery .subtitle, #image-gallery #content-module-gallery .medium, #image-gallery #content-module-gallery .dimensions, #image-gallery #content-module-gallery .edition_details, #image-gallery .copyright_line { max-width: 500px; display: block; } #popup_box .inner { width: 100%; height: 100vh; overflow-y:scroll; } .fancybox-close { top: 17px; right: 17px; } .fancybox-skin { padding: 50px !important; } .slide-content-module-wrapper .introduction { font-size: 1.9rem; line-height: 3.5rem; margin-bottom: 15px; } .slide-content-module-wrapper { width: 100%; min-width: 0; } .slide-content-module-inner { padding: 130px 40px 50px 40px; } .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: 35px; } /* -------------- Read more panel Artist -------------------------------------------------------------------------------*/ .read-more-panel .read-more-title-wrapper { padding: 0 30px; } .read-more-panel .read-more-label { top: 50px; left: 30px; } .read-more-panel h2.title { font-size: 2.7rem; line-height: 3rem; } /* -------------- Panel Link to Artist page version 2 -------------------------------------------------------------------*/ .feature_panels_section, .section-viewing-room.no-page-params .feature_panels_section.light_feature_panel_bg.light_feature_panel_bg_odd { margin-bottom: 60px; } .feature_panels_section .area_wrapper, .full_bleed_panel .area .area_inner, .section-store .filters_inner, .artwork-detail-feature-panels.feature_panels_section .area_wrapper { padding: 0 40px; } .feature_panels_section .feature_list.featured_artwork_grid .item h3 { font-size: 4.0rem; line-height: 4.1rem; } .feature_list.featured_artwork_grid .item .content { display: none; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item { padding-right: 40px } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) { padding-left: 40px } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .list_caption_wrapper { width: calc(48vw - 40px); } .text_and_image_fullbleed .area { padding-right: 20px; padding-left: 40px; } .works_grid { margin-right: -50px; } .works_grid .item { width: 50%; padding-right: 50px; padding-bottom: 40px; } .feature_panels_section .feature_list.featured_artwork_grid .item { padding-bottom: 60px; } /* Records detail pagination ----------------------------------------------------------- */ .records-pagination.fullwidth-image-pagination-list .records-detail-pagination { margin-bottom: 60px; } .bottom-space-st { margin-bottom: 60px; } } /* ------------------------------------------------------------------------ --------------------------------- Size 2.5 ---------------------------------- ------------------------------------------------------------------------ */ @media screen and (max-width: 900px) and (orientation: portrait) { .navbar.container, .navbar.container-fluid, .navbar.navbar-static-top { /* padding-left: 33px; padding-right: 33px; */ } .navbar-nav { margin-top: 10px; } /* -------------- Panel Link to Artist page version 2 -------------------------------------------------------------------*/ .feature_panels_section.text_and_image_fullbleed .area_wrapper { display: block; height: auto; min-height: 550px; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item { display: block; padding: 0 40px; } .text_and_image_fullbleed .area, .text_and_image_fullbleed.panel-content-alignment-left-wide-image .area, .text_and_image_fullbleed.panel-content-alignment-right-wide-image .area, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .list_caption_wrapper, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) .list_caption_wrapper { padding-top: 50px; padding-bottom: 50px; padding-right: 0; padding-left: 0; width: 100%; display: block; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .list_caption_wrapper, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) .list_caption_wrapper{ padding: 80px 50px; margin: 0; width: 100%; max-width: 100%; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .featured_artwork_image_container { width: 100%; } .text_and_image_fullbleed .area .pull_quote_wrapper, .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{ margin-left: 0; /*margin-top: -60px;*/ padding-bottom: 30px; margin-right: 0; width: 100%; } .text_and_image_fullbleed .image, .text_and_image_fullbleed.panel-content-alignment-left .image, .text_and_image_fullbleed.panel-content-alignment-right .image, .text_and_image_fullbleed.panel-content-alignment-left-wide-image .image, .text_and_image_fullbleed.panel-content-alignment-right-wide-image .image, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .image { width: calc(100% + 80px); margin-left: -40px; /*height: 80vw;*/ margin-bottom: 0; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .image, .feature_panels_section.panel_type_225.panel_variant_link.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .image { margin-left: 0; width: 100%; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:not(.dummy-item) .featured_artwork_image_container, .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: 100%; display: block; position: relative; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(odd), .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even){ padding: 0; } .text_and_image_fullbleed.panel-content-alignment-right .area-module-buttons { justify-self: flex-end; align-self: flex-end; margin-bottom: 0; padding-top: 20px; } .feature_panels_section .feature_list.featured_artwork_grid .item .featured_artwork_image_container:after { content: ''; display: block; width: 100%; padding-top: 120%; } .text_and_image_fullbleed .area .area-module { max-width: 100%; } } @media screen and (max-width: 900px) { /* -------------- Panel Link to Artist page version 2 -------------------------------------------------------------------*/ .feature_panels_section, .section-viewing-room.no-page-params .feature_panels_section.light_feature_panel_bg.light_feature_panel_bg_odd { margin-bottom: 50px; } /* Records detail pagination ----------------------------------------------------------- */ .records-pagination.fullwidth-image-pagination-list .records-detail-pagination { margin-bottom: 50px; } .bottom-space-st { margin-bottom: 50px; } } /* ------------------------------------------------------------------------ --------------------------------- Size 2 ---------------------------------- ------------------------------------------------------------------------ */ @media screen and (max-width: 769px) { /* ----------------------------------------------------------- Generic ----------------------------------------------------------- */ .navbar.container, .navbar.container-fluid, .navbar.navbar-static-top { /* padding-left: 27px; padding-right: 27px; */ } #header .inner, #header.header_fixed .inner { padding: 0; } .container-inner, .video-background-section .section-content { padding: 0 25px; } .container-inner-wide { padding: 0 25px; } .detail-list ul li .artworksList.container-inner-wide { padding-top: 25px; } #content-module { float: none; width: 100%; margin-bottom: 50px; } .subsection-explore-record .series-content-module, .section-projects .subsection-explore-record .series-content-module { float: none; width: 100%; margin-bottom: 50px; padding-left: 0; } .exhibition-explore-item .subsection-explore-record .series-content-module .explore-press-item { margin-bottom: 50px; } .project-page-section #content-module { margin-bottom: 0; } #sidebar, .section-news #sidebar, .subsection-explore-record .sidebar { position: static; float: none; width: 100%; } .link.read_more_link { margin-top: 30px; height: 146px; } .close-truncate { top: 108px; } /*#top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search { font-size: 4.5rem; line-height: 5.5rem; height: 7.5rem; }*/ #top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search-reveal { font-size: 5.4vmin; line-height: 9.1vmax; height: 6.4vmax; } #top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search-reveal { } #main-menu-overlay ul li a:link:after, #main-menu-overlay ul li a.active:after, .faux-search-reveal .faux-search-reveal-inner:after { height:10px; } .cursor { display: none !important; } .cursor-area { cursor: auto; /*pointer-events: none;*/ } #back_to_top { top: 35px; right: 15px; } .footer #contact-info { padding-top: 20px; } .footer .copyright { padding-top: 20px; text-align: left; } .footer #contact-info #contact-info-studio { width: 100%; clear: both; } .footer #contact-info #contact-info-studio .contacts-list ul li { width: 50%; } .footer #contact-info #contact-info-galleries { width: 100%; clear: both; } .heading_wrapper { margin-bottom: 30px; } /* ----------------------------------------------------------- General layout ----------------------------------------------------------- */ .detail-list ul li { margin: 0 0 15vmin 0; } /* Related content ----------------------------------------------------------- */ .records-detail-pagination h2, .records-detail-pagination a h2 { font-size: 5.1rem; line-height: 5.5rem; } /* ----------------------------------------------------------- Global classes ----------------------------------------------------------- */ /* ----------------------------------------------------------- Page Specific ----------------------------------------------------------- */ /* Home ----------------------------------------------------------- */ .records-list > ul > li.panel-media-slide .image span.hover-tilt-bg, .records-list > ul > li.panel-media-slide .hover-tilt-bg { display: none !important; } .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; } .records-list > ul > li.panel-media-slide > a, .records-list > ul > li.panel-media-slide a.main_link { padding: 80px 40px; } .records-list > ul > li.panel-media-slide .content { width: 35vw; } .records-list > ul > li.panel-media-slide.center .content { /* eft: calc(88% - 120px); */ } .records-list > ul > li.panel-media-slide.left .content { /* left: calc(100% - 80px); */ } /*.records-list > ul > li.panel-media-slide .content h2 { font-size: 4.1vw !important; }*/ .detail-list.records-list ul li .content h2, .group-block .group-list.detail-list ul li .content h2 { font-size: 3rem; line-height: 3.2rem; } .records-list > ul > li.panel_homepage_text .content, .records-list > ul > li.panel_homepage_text.left .content { padding: 15vh 40px 0 40px; } .records-list > ul > li.panel_homepage_text .content .content-inner { padding: 0 30px; } .records-list > ul > li.panel_homepage_text .content h2 { font-size: 3.6rem; line-height: 4.7rem; margin: 0 0 25px; } .fullscreen_slideshow .fullscreen-slide .title h2 { font-size: 8.4vw; line-height: 8.4vw; } /* Projects grid ----------------------------------------------------------- */ body.section-projects.no-page-params #header { position: absolute; z-index: 1002; } #projects-scroll-container, .scroll-prompt { display: none !important; } #projects-list-container { display: block !important; padding-top: 200px; } /* #projects-scroll-container .project-item .title-wrapper span h2 { max-width: 100%; margin-left: -8vw; } #projects-scroll-container .project-item .title-wrapper h2 { font-size: 5.5rem; letter-spacing: 0.057rem; line-height: 6rem; } .project-background-slide .records-list.image_track::after, .records-list.image_track::before { display: none !important; } #projects-scroll-container .project-frame.project-frame-images { height: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; position: fixed; width: 100%; display: block; } #projects-scroll-container .image-wrapper { opacity:1.0; } #projects-scroll-container .project-frame.project-frame-text { height: 84vh; bottom: 0; } #projects-scroll-container .image-wrapper { -webkit-animation-name: none; }*/ .project-background-slides { display: none !important; } .records-list > ul > li.panel-media-slide .content h2 { font-size: 6vw; } .records-list ul li .content h2 { font-size: 4.2vw; line-height: 4.2vw; } .records-list > ul > li.panel-media-slide .content h2, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-4, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-5, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-6, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-7, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-8, .records-list > ul > li.panel-media-slide .content.long-word-detected h2.dynamic-text-scale.text-wordlength-8, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-9, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-10, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-11, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-12, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-13, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-14, .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: 3.5vw; } .records-list > ul > li.panel-media-slide .date, .records-list > ul > li.panel-media-slide .subtitle { font-size: 1.4rem; line-height: 2.2rem; } .records-list > ul > li.panel-media-slide .content h2 { margin-bottom: 15px; line-height: 1.1em } /* Projects detail ----------------------------------------------------------- */ .link-panel { float: left; } .link-panel .simple_list { padding: 15px 0 0 15px; display: inline-block; vertical-align: bottom; } .link-panel:before { min-height: 18vw; } .records-detail-pagination h2, .records-detail-pagination a h2, #hero-heading a, #hero-heading a:visited .feature_panels .records-list.image-list ul li.panel_hero .hero_heading > h2, .feature_panels .records-list.image-list ul li.panel_hero .hero_heading > a > h2, .section-content-scroll h2, .video-background-section .section-content h2, .heading_wrapper.cascading-page-header h1 { font-size: 8.4vw; line-height: 8.4vw; } .section-projects .section-film .panel_header h2, .section-news .section-film .panel_header h2 { font-size: 10vw; line-height: 13.1vw; height: 7.5vw; } .section-projects .section-film .video-wrapper::before, .section-news .section-film .video-wrapper::before { font-size: 10vw; line-height: 13.1vw; transform: translate3d(0,-7.5vw,0); } .section-projects .section-film .video-wrapper::before, .section-news .section-film .video-wrapper::before { padding: 0 25px; } .section-film .panel_header { height: 7.5vw; } .exhibition-list.records-list ul li .content, .project-press-container .exhibition-list.records-list ul li .content { width: 100%; } .exhibition-list.records-list ul li .content .subtitle { margin-bottom: 0; } .exhibition-list.records-list ul li .date-module { float: none; font-size: 1.7rem; line-height: 1.5rem; } #image-gallery #content-module-inner { padding: 0 20px 0 20px; box-sizing: border-box; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header h2, .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 { font-size: 5rem; line-height: 5.5rem; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item { width: 100%; padding: 25px 20px 20px 20px; } .projects-image-gallery .fullwidth-image-gallery-list.style-inatallation-view .image-gallery-item { height: 100vmin; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item img { max-width: 100%; max-height: 100%; } .projects-image-gallery .fullwidth-image-gallery-list.style-inatallation-view .image-gallery-item img { max-height: calc(100vmin - 40px); } .gallery-caption-wrapper { position: fixed; max-width: 300px; width: auto; bottom: 30px; left: 30px; right: 30px; } .gallery-caption-top-wrapper { position: fixed; max-width: 300px; width: auto; top: 30px; left: 30px; right: 30px; } .gridview-button-wrapper.left-side { left: 15px; } .gallery-caption-inner, .gallery-caption-top-inner { max-width: 310px; } .artworkItem-sm-12 { width: 100%; } .artworkItem-sm-6 { width: calc(48%); } .artworkItem-md-12 .content.mobile-caption .medium { display: inline-block !important; } .artworkItem-sm-6 .content.mobile-caption .work_artist{ display: none !important; } .artworksList.artist-list .artworkItem-sm-6 .content.mobile-caption .work_artist { display: inline !important; } .artworkItem-sm-6 .content.mobile-caption .work_title_year { display: none !important; } .artworkItem-sm-6 .content.mobile-caption .artist_title_year { font-size: 1.5rem; letter-spacing: 0.15rem; line-height: 2.0rem; margin-right: 0; } .artworkItem-sm-6 .content.mobile-caption .artist_title_year { display: none; } .artworksList.artist-list .artworkItem-sm-6 .content.mobile-caption .artist_title_year { display: block !important; } .artworkItem-sm-6 .content.mobile-caption .medium { display: none !important; } .detail-list ul li .artworksList .content { max-width: 100%; } .projects-image-grid-gallery .feature_panels > .records-list ul li.panel_image_gallery .content.mobile-caption .title_year { /*font-family: 'Helvetica Neue LT Pro 43 Light Extended', Sans-Serif; text-transform: uppercase; font-size: 1.6rem; letter-spacing: 0.15rem; line-height: 2.2rem; */ margin-right: 0; } .slide-content-module-inner { padding: 130px 30px 50px 30px; } .fancybox-skin { padding: 30px !important; } .project-guide-container .condensed-list-wrapper .container-inner { padding: 0; } .condensed-list-wrapper-content { padding-top: 50px; padding-bottom: 50px; } .condensed-list-wrapper .image-gallery-item { height: 23vmin; } .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: 25px; } /* Related items... a variant of panel_type_featured_items_slideshow ---------------------------------------------------------------------------------- */ .panel_type_featured_items_slideshow.related_content_slideshow_panel .featured_items_slideshow .area_inner .content.short-version { display: none; } /* -------------- Read more panel Artist -------------------------------------------------------------------------------*/ .read-more-panel h2.title { font-size: 2.2rem; line-height: 2.8rem; } /* -------------- Panel Link to Artist page version 2 -------------------------------------------------------------------*/ .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item img { object-position: center } .feature_panels_section .area_wrapper, .section-store .filters_inner, .artwork-detail-feature-panels.feature_panels_section .area_wrapper, .artwork_detail .artwork_detail_main, .feature_panels_section.panel_type_225.wide_featured_artwork_grid .area_wrapper { padding-left: 25px; padding-right: 25px; } .feature_panels_section, .section-viewing-room.no-page-params .feature_panels_section.light_feature_panel_bg.light_feature_panel_bg_odd { margin-bottom: 40px; } .feature_panels_section .feature_list.featured_artwork_grid { margin-right: 0; width: 100%; } .feature_panels_section .feature_list.featured_artwork_grid .group { display: flex; flex-wrap: wrap; width: 100%; align-items: baseline; } .feature_panels_section .feature_list.featured_artwork_grid .item { width: calc(50% - 20px); padding-right: 0; padding-left: 0; flex-direction: column; } .feature_panels_section .feature_list.featured_artwork_grid .item:nth-of-type(2n) { flex-direction: column; margin-left: 40px } .feature_panels_section .feature_list.featured_artwork_grid .item .image { margin-bottom: 25px; } .feature_panels_section .feature_list.featured_artwork_grid .item .list_caption_wrapper, .feature_panels_section.wide_featured_artwork_grid .feature_list.featured_artwork_grid .item .list_caption_wrapper{ width: 100%; padding: 0; } .feature_panels_section .feature_list.featured_artwork_grid .item h3 { font-size: 2.3rem; line-height: 3.0rem; } .feature_panels_section .feature_list.featured_artwork_grid .item .content { font-size: 1.4rem; } .feature_panels_section:not(.fullbleed_featured_artwork_grid) .feature_list.featured_artwork_grid .item .buttons { margin-top: 0 } .feature_panels_section .feature_list.featured_artwork_grid .item .list_caption_wrapper .enquire_button_container .button a { padding: 1px 15px 2px; font-size: 15px; } .feature_panels_section .feature_list.featured_artwork_grid .item .featured_artwork_image_container, .feature_panels_section.wide_featured_artwork_grid .feature_list.featured_artwork_grid .item .featured_artwork_image_container, .feature_panels_section.wide_featured_artwork_grid .feature_list.featured_artwork_grid .item.image_proportion_portrait .featured_artwork_image_container { width: 100%; } .feature_panels_section .feature_list.featured_artwork_grid .item .image img { object-position: bottom; } .feature_panels_section.panel_type_215:not(.slider_disabled) .panel_heading { padding-right: 0; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item { width: 100% } .text_and_image_fullbleed .image, .text_and_image_fullbleed.panel-content-alignment-left .image, .text_and_image_fullbleed.panel-content-alignment-right .image, .text_and_image_fullbleed.panel-content-alignment-left-wide-image .image, .text_and_image_fullbleed.panel-content-alignment-right-wide-image .image { width: calc(100% + 50px); margin-left: -25px; } .panel_type_2029.feature_variant_10 .image { height: 80vh; } /*artist overview quotes center aligned as requested by client*/ .panel_type_2029.feature_variant_10 .pull_quote, .panel_type_2029.feature_variant_10 .pull_quote_wrapper { text-align: center; } .detail_lead_hero .full_bleed_panel .area .area_inner .bottom, .text_and_image_fullbleed .area .pull_quote { font-size: 2.4rem; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even){ /*padding: 0 20px;*/ margin-bottom: 0; margin: 0; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .list_caption_wrapper, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) .list_caption_wrapper { padding: 80px 30px; } /* Records detail pagination ----------------------------------------------------------- */ .records-pagination.fullwidth-image-pagination-list .records-detail-pagination { margin-bottom: 40px; } .bottom-space-st { margin-bottom: 40px; } } /* ------------------------------------------------------------------------ --------------------------------- Size 1 ---------------------------------- ------------------------------------------------------------------------ */ @media screen and (max-width: 640px) { /* ----------------------------------------------------------- Generic ----------------------------------------------------------- */ html { font-size: 9px; } body { font-size: 2rem; line-height: 3.4rem; } .navbar-toggle { margin-right: 18px; } #main-content { padding: 75px 0 0; } .container-inner, .video-background-section .section-content { padding: 0px 18px; } .content_module_inner { padding-right: 0; padding-left: 0; } .section-news .heading_wrapper h1, .section-publications .heading_wrapper h1 { font-size: 4.5rem; line-height: 4.7rem; } .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: 3.5rem; line-height: 3.7rem; } .section-news .heading_wrapper h1.text-wordlength-long, .section-publications .heading_wrapper h1.text-wordlength-long { font-size: 2.5rem; line-height: 2.7rem; } .section-news .records-list.tile_list.scatter_list ul { width: 80%; margin-left: 10%; margin-right: 10%; float: none; } h1 { margin: 0 0 20px 0; } .navbar.container, .navbar.container-fluid, .navbar.navbar-static-top { /* padding-left: 8px; padding-right: 8px; */ } #top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search-reveal { font-size: 2.6rem; line-height: 2.6rem; height: auto; } #header, #header.header_fixed { width: 173px; } #logo a, #footer-logo a { font-size: 2.6rem; line-height: 2.6rem; } #main-menu-overlay ul li a:after, #main-menu-overlay ul li a.active:after, .faux-search-reveal .faux-search-reveal-inner:after { display: none; } #top-nav.navigation ul li.active a .topnav-text, #top-nav.navigation ul li a:hover .topnav-text, .faux-search-reveal .faux-search-reveal-inner:hover .topnav-text { display: inline; text-decoration: none; background-image: linear-gradient(#3D54C5 50%, #3D54C5 50%); background-repeat: repeat-x; background-position: 0 2.2rem; background-size: 1px 0.3em; } #top-nav.navigation ul li .topnav-text, .faux-search-reveal .faux-search-reveal-inner .topnav-text { color: #fff; } #main-menu-overlay #top-nav.navigation ul.quicklink-menu { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #top-nav.navigation ul li { margin-bottom: 12px; } /* ----------------------------------------------------------- General layout ----------------------------------------------------------- */ .navbar.container, .navbar.container-fluid, .navbar.navbar-static-top { padding-top: 16px; padding-bottom: 12px; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -40px; margin-left: -40px; } #header .inner, #header.header_fixed .inner { padding: 0; } #header, #header.header_fixed { padding: 20px 0 0; display: inline-block; } #main-menu-reveal { left: 149px; top: 17px; } #main-menu-reveal .container-btn #bars { padding-top: 10px; } /*#top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search { font-size: 2.5rem; line-height: 3.5rem; height: 5.5rem; }*/ #top-nav.quicklinks-active { padding: 0 30px 0 60px; } #top-nav { padding: 0 30px 30px 30px; } #top-nav.quicklinks-active { padding: 30px 20px 0 20px; } #main-menu-overlay #top-nav.navigation ul.quicklink-menu { left: 20px; } /*#top-nav.navigation ul li, #top-nav.navigation ul li a, .faux-search-reveal { font-size: 5.8vmin; line-height: 11.1vmax; height: 6.8vmax; }*/ #main-menu-overlay ul li a:link:after, #main-menu-overlay ul li a.active:after, .faux-search-reveal .faux-search-reveal-inner:after { height:5px; } .close-button { position: fixed; width: 30px; height: 30px; right: 22px; top: 22px; background: url('/images/close_mob.png'); background-size: contain; } #condensed-list-wrapper .close, .project-close-wrapper .close, #popup_box .close { right: 30px; top: 30px; height: 30px; width: 30px; background-size: cover; } .gridview-button-wrapper { right: -19px; } #condensed-list-wrapper-content { padding-top: 90px; } .condensed-list-wrapper-content { padding-top: 30px; padding-bottom: 30px; } .close-button .in, .close-button .out{ display: none; } #back_to_top { top: 25px; right: 5px; } .footer { padding: 30px 0 0; min-height: 300px; } #footer-logo { width: 125px; padding-right: 0 } .panel_header .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, .subtitle, .link.read_more_link, .cascading-page-header #sub-nav.navigation ul li a { font-size: 1.7rem; } #content.cascading-page-content { padding: 10vh 0; } .footer #contact-info .contacts-list ul li, .footer #contact-info .contacts-list ul li.footer-open-hours { width: 100%; } /* .footer #contact-info #contact-info-galleries .contacts-list ul li { width: 100%; } .footer #contact-info #contact-info-galleries .contacts-list ul li:nth-child(2n) { width: 100%; } */ .footer #contact-info #contact-info-galleries .contacts-list p { padding-right: 0; } /* ----------------------------------------------------------- Global classes ----------------------------------------------------------- */ #content.cascading-page-content { padding: 8vh 0; } .heading_wrapper h1.has_subtitle { margin-bottom: 30px; } .records-list > ul > li.panel-media-slide > a, .records-list > ul > li.panel-media-slide a.main_link { padding: 80px 25px; } .records-list > ul > li.panel-media-slide > a, .records-list > ul > li.panel-media-slide a.main_link { width: 80vw; } .records-list > ul > li.panel-media-slide.medium > a, .records-list > ul > li.panel-media-slide.medium a.main_link { width: 80vw; } .records-list > ul > li.panel-media-slide.large > a, .records-list > ul > li.panel-media-slide.large a.main_link { width: 85vw; } .group-list.records-list > ul > li.panel-media-slide.large > a { width: 100vw; padding-left: 0; padding-right: 0; } /*.records-list > ul > li.panel-media-slide .content h2 { font-size: 6.9vw; line-height: 6.9vw; margin-bottom: 18px; }*/ /*.records-list > ul > li.panel-media-slide.large .content, .records-list > ul > li.panel-media-slide .content { width: 80vw; top: calc(100% - 20px); }*/ .records-list > ul > li.panel-media-slide.right .content, .records-list > ul > li.panel-media-slide.right.large .content, .records-list > ul > li.panel-media-slide.left .content, .records-list > ul > li.panel-media-slide .content, .records-list.type-list > ul > li.panel-media-slide.large .content, .records-list.type-list > ul > li.panel-media-slide.right .content, .records-list.type-list > ul > li.panel-media-slide.right.large .content { left: auto; right: auto; width: 100%; position: relative; /*margin-top: -20px;*/ } .records-list > ul > li.panel-media-slide.left .content, .records-list > ul > li.panel-media-slide.right .content.long-word-detected { width: 100%; } .records-list > ul > li.panel-media-slide .content, .records-list > ul > li.panel-media-slide .content { padding-top: 12px; top: auto; position: static; } .records-list > ul > li.panel-media-slide.right.large { padding-right: 20px; } .records-list > ul > li.panel-media-slide.large.left { padding-left: 20px; } /*.records-list > ul > li.panel-media-slide .content , .records-list > ul > li.panel-media-slide.right .content, .records-list > ul > li.panel-media-slide.right.large .content { left: -20px; } .records-list > ul > li.panel-media-slide.left .content { left: 20px; }*/ .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-right.medium { padding: 0; } .detail-list ul li .list-item-wrapper { width: 85%; } .detail-list ul li .list-item-wrapper { float: left; } .detail-list ul li.pull-right .list-item-wrapper { float: right; } .detail-list ul li .content, .detail-list ul li .image { width: 100%; max-width: 100%; } .detail-list ul li.pull-left.medium, .detail-list ul li.pull-left.centre { padding: 0; } .detail-list ul li .image, .detail-list ul li.pull-left .image, .detail-list ul li.pull-right .image { padding: 0; margin: 0 0 10px 0; } .subsection-publications-grid .records-list ul li .image img, .news-list.records-list ul li .image img, .news-list.records-list.group-list ul li .image img { max-height: 35vh; } .subsection-publications-grid .records-list ul li.pull-right .image, .news-list.records-list.group-list ul li.pull-right .image { text-align: right; } .subsection-publications-grid .records-list ul li.pull-left .image, .news-list.records-list.group-list ul li.pull-left .image { text-align: left; } .detail-list.records-list ul li .content h2, .group-block .group-list.detail-list ul li .content h2 { font-size: 3rem; line-height: 3.2rem; } .link.read_more_link { margin-top: 20px; } .read_more_label { -webkit-transform: rotate(90deg) translate(65px, -20px); -moz-transform: rotate(90deg) translate(65px, -20px); -ms-transform: rotate(90deg) translate(65px, -20px); -o-transform: rotate(90deg) translate(65px, -20px); transform: rotate(90deg) translate(65px, -20px); } .link.read_more_link:hover .read_more_label { -webkit-transform: rotate(90deg) translate(65px, -20px); -moz-transform: rotate(90deg) translate(65px, -20px); -ms-transform: rotate(90deg) translate(65px, -20px); -o-transform: rotate(90deg) translate(65px, -20px); transform: rotate(90deg) translate(65px, -20px); } /*.records-list > ul > li.panel-media-slide.right.large .content, .records-list > ul > li.panel-media-slide.right .content { right: 40px; left: auto; }*/ .contacts-list ul li { display: block; width: 100%; } /* ----------------------------------------------------------- Page Specific ----------------------------------------------------------- */ /* Home ----------------------------------------------------------- */ .fullscreen-slide .content .inner { right: 60px; bottom: 60px; } .records-list > ul > li.panel_homepage_text .content, .records-list > ul > li.panel_homepage_text.left .content { padding: 15vh 20px 0 20px; } .records-list > ul > li.panel_homepage_text .content .content-inner { padding: 0 20px; } .records-list > ul > li.panel_homepage_text .content h2 { font-size: 3.6rem; line-height: 4.7rem; margin: 0 0 25px; } /* Projects list ----------------------------------------------------------- */ /*#projects-scroll-container .page-track-right .project-item { height: 80vh; }*/ /*#projects-scroll-container .project-item.pull-up { padding: 12vh 15% 0 15%; }*/ #projects-grid-expanded { display: none !important; } #projects-grid-colorbox { display: block !important; } #projects-list-container .subtitle { display: none; } /* Projects grid ----------------------------------------------------------- */ .records-list > ul > li.panel-media-slide .content h2, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-4, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-5, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-6, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-7, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-8, .records-list > ul > li.panel-media-slide .content.long-word-detected h2.dynamic-text-scale.text-wordlength-8, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-9, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-10, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-11, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-12, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-13, .records-list > ul > li.panel-media-slide .content h2.dynamic-text-scale.text-wordlength-14, .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.0vw; } /* Projects detail ----------------------------------------------------------- */ #hero-heading a, #hero-heading a:visited .feature_panels .records-list.image-list ul li.panel_hero .hero_heading > h2, .feature_panels .records-list.image-list ul li.panel_hero .hero_heading > a > h2, .section-content-scroll h2, .video-background-section .section-content h2, .heading_wrapper.cascading-page-header h1 { /*font-size: 11.4vw; line-height: 12.4vw;*/ font-size: 7.6vw; line-height: 8.4vw; } .records-detail-pagination h2, .records-detail-pagination a h2 { font-size: 6.8vw; line-height: 8.8vw; } .records-pagination .records-detail-pagination { margin: 40px 0 40px 0; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header h2, .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 { font-size: 3rem; line-height: 4rem; } .lead, .lead.subtitle { margin-bottom: 20px; font-size: 3.1rem; line-height: 4.2rem; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header { /* padding-top: 0; */ } .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: 20px; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item { width: 100%; padding: 20px 18px; } .projects-image-gallery .fullwidth-image-gallery-list.style-inatallation-view .image-gallery-item { height: 100vmin; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item img { max-width: 100%; max-height: 100%; } .projects-image-gallery .fullwidth-image-gallery-list.style-inatallation-view .image-gallery-item img { max-height: calc(100vmin - 40px); } .scrollnav-wrapper-fixed { /*bottom: 18px; right: 0;*/ display: none; } .projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .fullheight-image-gallery { padding-top: 0; } /*.artworkItem-sm-6 .content.mobile-caption .artist_title_year { display: none; }*/ /*.projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .fullwidth-image-gallery-wrapper { padding: 30px 0 40px 0; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item { padding: 40px 18px; height: auto; } .gallery-caption-wrapper { display: none !important; }*/ /*.projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .records-list.fullwidth-image-gallery-list .content { float: none; display: block; width: 100%; height: auto; line-height: 1.2rem; padding-top: 20px; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item .gallery-image { height: auto; position: static; } .projects-image-gallery .fullwidth-image-gallery-list .image-gallery-item img { max-width: 100%; max-height: 80vh; }*/ /*.projects-image-gallery .feature_panels > .records-list ul li.panel_image_gallery .panel_header { display: block; margin: 0 0 30px; position: static; width: 100%; height: auto; max-height: none; }*/ .heading_wrapper { margin-bottom: 18px; /* padding: 0px 18px; */ } /*.restrict-title-height { height: 180px } .panel-media-slide .restrict-title-height { height: 180px }*/ #image-gallery #image-container .image { padding-top: 85px; } #image-gallery #content-module-inner { padding: 0 15px 0 15px; } #popup_box .close { right: 20px; top: 20px; } .fancybox-close { position: fixed; top: 17px; right: 17px; } .fancybox-skin { padding: 0 !important; } .section-projects .project-press-container { padding-top: 50px; } .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: 18px; } .featured_items_slideshow .item { margin-bottom: 40px; } /* -------------- Read more panel Artist -------------------------------------------------------------------------------*/ .read-more-panel .content { width: 100vw; height: 50vh; top: 0; } .read-more-panel .image, #project_gallery .item .read-more-panel .image { width: 100vw; height: 50vh; bottom: 0; } .read-more-panel.wipeout .content { width: 100%; height: 100vh; transition: background 1000ms linear, height 1000ms cubic-bezier(.18, 1, .21, 1); } /* -------------- Panel Link to Artist page version 2 -------------------------------------------------------------------*/ .feature_panels_section, .section-viewing-room.no-page-params .feature_panels_section.light_feature_panel_bg.light_feature_panel_bg_odd { margin-bottom: 30px; } .text_and_image_fullbleed .area .subtitle { font-size: 3.8rem; } /* Records detail pagination ----------------------------------------------------------- */ .records-pagination.fullwidth-image-pagination-list .records-detail-pagination { margin-bottom: 30px; } .bottom-space-st { margin-bottom: 30px; } } /* ------------------------------------------------------------------------ --------------------------------- Size 0 ---------------------------------- ------------------------------------------------------------------------ */ @media screen and (max-width: 459px) { .detail-list.records-list ul li .content h2, .group-block .group-list.detail-list ul li .content h2 { font-size: 2.5rem; line-height: 3rem; } .gallery-caption-wrapper { max-width: 270px; } .gallery-caption-top-wrapper { max-width: 270px; } /* -------------- Panel Link to Artist page version 2 -------------------------------------------------------------------*/ .artwork_detail.detail_variant_contact .content_container { padding: 0 18px; } .feature_panels_section .area_wrapper, .feature_panels_section.panel_type_225.wide_featured_artwork_grid .area_wrapper { padding: 0 18px 0; } .artwork_detail .artwork_detail_main { padding-left: 18px; padding-right: 18px; padding-top: 100px; } /*.feature_panels_section .feature_list.featured_artwork_grid .item h3 { font-size: 2rem; margin-bottom: 0; }*/ .artwork_detail .content h1 .heading_subtitle, .feature_panels_section .feature_list.featured_artwork_grid .item .subtitle, .feature_panels_section .feature_list.featured_artwork_grid .item .subtitle em { font-size: 1.5rem; } .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item .list_caption_wrapper, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(even) .list_caption_wrapper, .feature_panels_section.panel_type_225.fullbleed_featured_artwork_grid .feature_list.featured_artwork_grid .item:nth-child(odd) .list_caption_wrapper { padding: 50px 18px; } .text_and_image_fullbleed .image, .text_and_image_fullbleed.panel-content-alignment-left .image, .text_and_image_fullbleed.panel-content-alignment-right .image, .text_and_image_fullbleed.panel-content-alignment-left-wide-image .image, .text_and_image_fullbleed.panel-content-alignment-right-wide-image .image { width: calc(100% + 40px); margin-left: -20px; } }