/* CSS imports ------------------- */ /* Forced mobile nav on all sizes ------------------- */ @import url('/lib/g/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); @import url('/lib/g/themes/aperture/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); /* Font imports ------------------- */ @import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,500;0,700;1,500;1,700&display=swap); /* Background colour --------------*/ #header.header_transparent .dropdown-mask { background-color: transparent !important; } /* Feature popup colours ------------------- */ .button, .full-width.store_item.store_item_dynamic_status.clearwithin>.store_item_controls>.buy_now_store_item_add_container>button.store_item_add_to_cart { background: #ededed; } /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: 'Barlow', Sans-Serif; font-weight:500; } /* Heading and emphasis font ------------------- */ #logo a, #footer, #home_splash .content, .navigation ul li a, .link, .link a, .page_stats, .subheading span, .subheading, .subtitle, .poster, .date, .price, #hero_heading, #hero_header .title, #hero_header .subtitle, h1, h2, h3, h4, h5, h6, .fullscreen_slideshow .hero_splash_text, .records_list ul li .content .title, .records_list ul li .content .artist, #cover_page_slideshow_pager, #mc_embed_signup input.button, .countdown_clock, #artists-browser .artists-browser-label, .artists-browser .artists-browser-label { font-family: 'Barlow', Sans-Serif; font-weight:500; } /* Navigation font ------------------- */ #top_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn { font-family: 'Barlow', Sans-Serif; font-weight:500; } /* User custom html-font sizing ------------------- */ html { font-size: 10.0px; } /* Title - Heading spacing and transform ------------------- */ h1, h2, h3, h4, h5, h6, #hero_header .title, .fullscreen_slideshow .hero_splash_text, #logo a, .navigation ul li a, #slide_nav_reveal, #header_quick_search .inputField, #header_quick_search input, #header_quick_search select, #header_quick_search textarea, #header_quick_search #header_quicksearch_btn, #footer #artlogic, #footer #copyright, #footer #copyright .copyright-text, #footer .small-links-container, .page-artists h1 #artist_years, .page-artists h1 .artist_years, .event-details-wrapper .event-details span, .subsection-press .records_list .content .link a, .section-press .records_list .content .link a, #store_cart_widget, .fullscreen_slideshow .hero_splash_text, .fullscreen_slideshow .hero_splash_text .title, .fullscreen_slideshow ul li .content h2, .fullscreen_slideshow ul li .content h2 a, .fullscreen_slideshow ul li .content h2 a:visited, .fullscreen_slideshow ul li .content h2 a .separator, .fullscreen_slideshow ul li .content h2 a .h1_subtitle, #image_gallery #content_module h3, .records_list .content h2, .records_list .content .subtitle, .records_list .content .date, .records_list .content .location , .records_list ul li .content .title, .records_list ul li .content .artist, .feature_panels .panel_image_text_adjacent .content h2, .feature_list ul li .content h2, .feature_list ul li .content .subtitle, .feature_list ul li .content .date, .feature_list ul li .content .location, .full_list ul li .content h2, .full_list ul li .content .subtitle, .full_list ul li .content .date, .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle, .link, .button, .simple_list ul li, #social_links_list ul li, .page_stats .ps_item, .page_stats .ps_pages, #protected_path_login #container h1, #protected_path_login #container label, .subheading, .poster, .subtitle, .h1_subtitle, .location , .date, .price, #fancybox-title-main .artist strong, #mc_embed_signup input.button, #home_splash .content, #hero_header .subtitle, .feature_panels .panel_hero .hero_heading .subtitle, #hero_header .inner, .feature_panels .panel_hero .hero_heading > h2, .feature_panels .panel_hero .hero_heading > a > h2, #cover_page_slideshow_pager, #artists-browser, .artists-browser , .exhibition-header .h1_subtitle, #top_nav #full_nav .has_dropdown_items .dropdown-btn, #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn{ text-transform: uppercase; letter-spacing: 0.15em; } /* Text colours----------------------------- */ /* Heading and emphasis text colour ------------------- */ /* Colour None */ /* Subheading and secondary emphasis text colour ------------------- */ /* Body/main text colour ------------------- */ /* Link text color ------------------- */ /* Header layout ------------------- */ /* Dynamically created grid layout css ------------------- */ /* artfairs - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artfairs:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_artfairs ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artfairs ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artfairs ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artfairs ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artfairs ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artfairs ul li .image::after { padding-top:100.0%; } /* instagram - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_instagram:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_instagram:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_instagram:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_instagram ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_instagram ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_instagram ul li .image::after { padding-top:100.0%; } /* artworks - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artworks:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_artworks:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artworks:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artworks ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artworks ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artworks ul li .image::after { padding-top:100.0%; } /* default image grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_image_grid:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_default_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_image_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_default_image_grid ul li .image::after { padding-top:100.0%; } /* video - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_video:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_video ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_video ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_video ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_video ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_video ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_video ul li .image::after { padding-top:66.6666666667%; } /* default grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_grid:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_default_grid ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_default_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_default_grid ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_default_grid ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_default_grid ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_default_grid ul li .image::after { padding-top:100.0%; } /* artists - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_artists ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artists ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artists ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artists ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artists ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artists ul li .image::after { padding-top:100.0%; } /* video featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_video_featured ul { width:100%;}} .records_list.grid_dynamic_layout_video_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_video_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_video_featured ul li .image::after { padding-top:100.0%; } /* artist works categories - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works_categories:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_artist_works_categories ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artist_works_categories ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artist_works_categories ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image::after { padding-top:100.0%; } /* exhibitions - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_exhibitions ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitions ul li .image::after { padding-top:100.0%; } /* events works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_events ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_events ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_events ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_events ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_events ul li .image::after { padding-top:100.0%; } /* exhibitions installation - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_exhibitions_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image::after { padding-top:100.0%; } /* artist installation - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_installation:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_installation ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artist_installation ul li .image::after { padding-top:100.0%; } /* blog - reading_list-------------------------------------- */ .records_list.grid_dynamic_layout_blog ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_blog ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_blog ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_blog ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_blog ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_blog ul li .image::after { padding-top:66.6666666667%; } /* store featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_store_featured ul { width:100%;}} .records_list.grid_dynamic_layout_store_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_store_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_store_featured ul li .image::after { padding-top:100.0%; } /* events featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_events_featured ul { width:100%;}} .records_list.grid_dynamic_layout_events_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_events_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_events_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_events_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_events_featured ul li .image::after { padding-top:100.0%; } /* artwork categories landing - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artwork_categories_landing:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_artwork_categories_landing ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artwork_categories_landing ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artwork_categories_landing ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artwork_categories_landing ul li .image::after { padding-top:100.0%; } /* events - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_events ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_events ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_events ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_events ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_events ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_events ul li .image::after { padding-top:100.0%; } /* store - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_store:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_store ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_store ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_store ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_store ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_store ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_store ul li .image::after { padding-top:100.0%; } /* default feature grid - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_default_feature_grid ul { width:100%;}} .records_list.grid_dynamic_layout_default_feature_grid ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_default_feature_grid ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_default_feature_grid ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_default_feature_grid ul li .image::after { padding-top:100.0%; } /* feature panels - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_feature_panels ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_feature_panels ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_feature_panels ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_feature_panels ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_feature_panels ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_feature_panels ul li .image::after { padding-top:100.0%; } /* exhibitions works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_works:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_exhibitions_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitions_works ul li .image::after { padding-top:100.0%; } /* publications featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_publications_featured ul { width:100%;}} .records_list.grid_dynamic_layout_publications_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_publications_featured ul li .image::after { padding-top:100.0%; } /* press featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_press_featured ul { width:100%;}} .records_list.grid_dynamic_layout_press_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_press_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_press_featured ul li .image::after { padding-top:100.0%; } /* news featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_news_featured ul { width:100%;}} .records_list.grid_dynamic_layout_news_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_news_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_news_featured ul li .image::after { padding-top:100.0%; } /* artfairs featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_artfairs_featured ul { width:100%;}} .records_list.grid_dynamic_layout_artfairs_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artfairs_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artfairs_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image::after { padding-top:100.0%; } /* exhibitions featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_exhibitions_featured ul { width:100%;}} .records_list.grid_dynamic_layout_exhibitions_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image::after { padding-top:66.6666666667%; } /* press - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_press:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_press ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_press ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_press ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_press ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_press ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_press ul li .image::after { padding-top:100.0%; } /* news - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_news:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_news ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_news ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_news ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_news ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_news ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_news ul li .image::after { padding-top:100.0%; } /* viewing rooms featured forthcoming - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul { width:100%;}} .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image::after { padding-top:100.0%; } /* search - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_search:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_search ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_search ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_search ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_search ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_search ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_search ul li .image::after { padding-top:100.0%; } /* viewing rooms featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured ul { width:100%;}} .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after { padding-top:100.0%; } /* viewing rooms works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms_works:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image::after { padding-top:100.0%; } /* artist works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_artist_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_works ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_works ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artist_works ul li .image::after { padding-top:100.0%; } /* exhibitors - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitors:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_exhibitors ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitors ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitors ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitors ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitors ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitors ul li .image::after { padding-top:100.0%; } /* feature panels image grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels_image_grid:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image::after { padding-top:100.0%; } /* publications - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_publications:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_publications ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_publications ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_publications ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_publications ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_publications ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_publications ul li .image::after { padding-top:100.0%; } /* team - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_team:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_team ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_team ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_team ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_team ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_team ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_team ul li .image::after { padding-top:100.0%; } /* viewing rooms - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) > ul > li { width:25.0% }} .records_list.grid_dynamic_layout_viewing_rooms ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_viewing_rooms ul li .image::after { padding-top:100.0%; } /* Dynamically created artist list css ------------------- */ .subsection-artist-list-preview-letters .artists_list_dynamic_columns ul { width:33.33% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:33.33% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:33.33% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 80px; max-width: 80px; } #header #logo.user-custom-logo-image::before { padding-top:112.414171931%; } .device-highres #logo { background: none; } #logo a { background-image: url('https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite2939/usr/images/preferences/logo-def-nsg.png'); background-repeat: no-repeat; background-position: center center; background-size: contain; } .browser-msie-6 #logo a, .browser-msie-7 #logo a, .browser-msie-8 #logo a, .browser-msie-9 #logo a, .browser-msie-10 #logo a { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite2939/usr/images/preferences/logo-def-nsg.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static-assets.artlogic.net/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite2939/usr/images/preferences/logo-def-nsg.png', sizingMethod='scale')"; } #logo a { text-indent: -9999px; padding: 0; } /* Topnav text color ------------------- */ /* Subnav text color ------------------- */ /* Responsive nav text color ------------------- */ /* Responsive nav active / hover text color ------------------- */ /* Button text color ------------------- */ .button a, .button a:visited, .button a:hover, .button span, .button input, .buy_now_store_item_add_container>button.store_item_add_to_cart>span { color: #828282; } /* quick view button */ .buy_enquire_button button, a.buy_enquire_detail_link { color: #828282; } /* Hero section image opacity ------------------- */ .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before, .fullscreen_slideshow.hero_header_layout_center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before, .fullscreen-slide-dark .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before, .fullscreen_slideshow.hero_header_layout_left-center:not(.detect-slide-brightness):not(.override-slide-brightness) ul li::before { background: rgba(0,0,0,0.1999999999999999555910790150) !important; } .fullscreen-slide-light .fullscreen_slideshow.hero_header_layout_center:not(.override-slide-brightness) ul li::before, .fullscreen-slide-light .fullscreen_slideshow.hero_header_layout_left-center:not(.override-slide-brightness) ul li::before { background: rgba(255,255,255,0.1999999999999999555910790150) !important; } /* don't show if opacity = 1 */ /* Hero section image height ------------------- */ ::root { --hero-height: 0vh } /* Home page slideshow / fullscreen video ui buttons ------------------- */ /* Hero header slideshow ui buttons ------------------- */ /* Carousel feature panel ui buttons ------------------- */ @media screen and (max-width:360px) { #logo a { background-image: url('https://static-assets.artlogic.net/w_500,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite2939/usr/images/preferences/logo-def-nsg.png'); } } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ /* ========================================================== NEW SOUTH GALLERY CLEAN MASTER CSS ========================================================== */ /* ========================================================== 1. HOMEPAGE — HERO TYPOGRAPHY ========================================================== */ .section-home #slideshow .main_caption { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; transform: none !important; text-align: left !important; } .section-home #slideshow .main_caption .inner { position: relative !important; width: 100% !important; height: 100% !important; text-align: left !important; } /* ARTIST */ .section-home #slideshow .main_caption h2 { position: absolute !important; left: 8% !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; text-align: left !important; font-size: clamp(42px, 5vw, 82px) !important; line-height: 1 !important; font-weight: 400 !important; } /* Geen dubbele punt */ .section-home #slideshow .main_caption .separator { display: none !important; } /* EXHIBITION */ .section-home #slideshow .main_caption .h1_subtitle { display: block !important; margin-top: 45px !important; font-size: 0.42em !important; line-height: 1.15 !important; font-weight: 600 !important; } /* DATE */ .section-home #slideshow .main_caption .date { position: absolute !important; left: 8% !important; bottom: 65px !important; top: auto !important; margin: 0 !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 300 !important; text-align: left !important; } /* ========================================================== 2. HOMEPAGE — HERO HEIGHT ========================================================== */ @media (min-width: 768px) { .section-home #slideshow { height: 90vh !important; min-height: 700px !important; } .section-home #main_content { padding-top: max(90vh, 700px) !important; } } /* ========================================================== 3. HOMEPAGE — INFORMATION + ANTWERP MAP ========================================================== */ .nsg-home-contact { position: relative !important; z-index: 1 !important; display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: flex-start !important; width: 100% !important; max-width: 1400px !important; min-height: 420px !important; margin: 0 auto !important; padding: 90px 40px !important; box-sizing: border-box !important; } /* REAL ANTWERP MAP */ .nsg-home-contact::before { content: "" !important; position: absolute !important; top: 0 !important; right: auto !important; bottom: 0 !important; left: 50% !important; width: 100vw !important; transform: translateX(-50%) !important; background-image: url("https://website-artlogicwebsite2939.artlogic.net/usr/images/pages/mainImage/items/0b/0bb10c58288a4088842e624a06cd1db1/67d90589-3af9-4d69-ab44-381dbbb6acd5_1_102_o-kopie.jpeg") !important; background-size: 100% auto !important; background-position: center center !important; transform: translateX(-50%) translateY(-80px) !important; background-repeat: no-repeat !important; filter: grayscale(100%) contrast(75%) brightness(118%) !important; opacity: 0.18 !important; z-index: -1 !important; pointer-events: none !important; } .nsg-home-info > * { position: relative !important; z-index: 1 !important; } /* COLUMNS */ .nsg-home-info .nsg-info-column { position: relative !important; z-index: 2 !important; width: 30% !important; flex: 0 0 30% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; box-sizing: border-box !important; } .nsg-info-column h3 { margin: 0 0 18px 0 !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.22em !important; } .nsg-info-column p { margin: 0 !important; font-size: 14px !important; line-height: 1.7 !important; font-weight: 400 !important; } .nsg-info-column a { color: inherit !important; text-decoration: none !important; } .nsg-info-column a:hover { text-decoration: underline !important; } /* ========================================================== 4. CONTACT — PAGE STRUCTURE ========================================================== */ /* Geen standaard Artlogic paginatitel */ .section-contact .heading_wrapper, .section-contact .page_header, .section-contact .heading { display: none !important; } /* Geen sidebar */ .section-contact #sidebar { display: none !important; } /* Geen extra ruimte bovenaan */ .section-contact #main_content { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Volledige breedte */ .section-contact #content.contact_page_content { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .section-contact #content_module { display: flex !important; flex-direction: column !important; float: none !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; } /* Native Artlogic form eerst */ .section-contact #contact_form_inline { order: 1 !important; } /* VISIT / HOURS / CONTACT daarna */ .section-contact #content_module > .page_content.prose { order: 2 !important; } /* Divider niet nodig */ .section-contact #content_module > .divider { order: 3 !important; display: none !important; } /* Socials onderaan */ .section-contact #social_links_list { order: 4 !important; } /* ========================================================== 5. CONTACT — FORM + CONTINUOUS MAP ========================================================== */ .section-contact #contact_form_header { display: none !important; } .section-contact #contact_form_inline { position: relative !important; width: 100% !important; max-width: 760px !important; margin: 0 auto !important; /* Compact: kaart begint vrijwel direct onder header */ padding: 18px 0 8px 0 !important; box-sizing: border-box !important; } /* ANTWERP MAP Loopt door tot achter informatie + socials */ .section-contact #contact_form_inline::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: -390px !important; left: 50% !important; width: 100vw !important; transform: translateX(-50%) !important; background-image: url("https://website-artlogicwebsite2939.artlogic.net/usr/images/pages/mainImage/items/0b/0bb10c58288a4088842e624a06cd1db1/67d90589-3af9-4d69-ab44-381dbbb6acd5_1_102_o-kopie.jpeg") !important; background-size: cover !important; /* Bewust lager gepositioneerd zodat NEW SOUTH GALLERY in beeld blijft. */ background-position: center center !important; background-repeat: no-repeat !important; filter: grayscale(100%) contrast(72%) brightness(120%) !important; opacity: 0.14 !important; z-index: 0 !important; pointer-events: none !important; } .section-contact #contact_form { position: relative !important; z-index: 2 !important; width: 100% !important; max-width: 760px !important; margin: 0 auto !important; } /* ========================================================== 6. CONTACT — MAIN FORM FIELDS ========================================================== */ .section-contact #contactForm .form_row_fields_container { display: grid !important; grid-template-columns: 1fr 1fr !important; column-gap: 70px !important; row-gap: 20px !important; width: 100% !important; margin: 0 auto !important; } /* Wrappers */ .section-contact #contactForm .form_row, .section-contact #contactForm .form_field { box-sizing: border-box !important; } /* Minder standaardmarges */ .section-contact #contact_form_inline .form_row { margin-bottom: 8px !important; } /* INPUTS */ .section-contact #contactForm input[type="text"], .section-contact #contactForm input[type="email"], .section-contact #contactForm input[type="tel"], .section-contact #contactForm textarea { width: 100% !important; border: 0 !important; border-bottom: 1px solid #222 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; padding: 7px 0 !important; font-size: 12px !important; line-height: 1.4 !important; outline: none !important; box-sizing: border-box !important; } .section-contact #contactForm textarea { min-height: 40px !important; height: 40px !important; resize: none !important; } /* Labels */ .section-contact #contactForm label, .section-contact #contactForm legend { font-size: 12px !important; line-height: 1.4 !important; font-weight: 400 !important; } /* ========================================================== 7. CONTACT — NEWSLETTER + TERMS ========================================================== */ /* Newsletter neemt beide gridkolommen */ .section-contact .form_row_f_mailinglist_container, .section-contact .f_mailinglist_container { grid-column: 1 / -1 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* Eén horizontale regel */ .section-contact .f_mailinglist_container fieldset { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; } /* RECEIVE NEWSLETTERS * */ .section-contact .f_mailinglist_container legend { float: none !important; width: auto !important; min-width: max-content !important; margin: 0 22px 0 0 !important; padding: 0 !important; white-space: nowrap !important; } /* YES / NO */ .section-contact .f_mailinglist_container .form_content_area { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } /* TERMS */ .section-contact .form_row_f_terms_container, .section-contact .f_terms_container { grid-column: 1 / -1 !important; width: 100% !important; margin: -4px 0 0 0 !important; padding: 0 !important; text-align: center !important; } /* Radio + checkbox */ .section-contact #contactForm input[type="radio"], .section-contact #contactForm input[type="checkbox"] { accent-color: #111 !important; } /* ========================================================== 8. CONTACT — SEND ========================================================== */ /* Hele submit-row over beide kolommen. Dit is de enige definitie van de SEND-positionering. */ .section-contact .form_row_submit, .section-contact .form_row_f_submit, .section-contact .f_submit { grid-column: 1 / -1 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; /* Vrijwel geen witruimte meer tussen consent en SEND. */ margin: -6px 0 0 0 !important; padding: 0 !important; text-align: center !important; } /* BUTTON */ .section-contact #contactForm input[type="submit"], .section-contact #contactForm button[type="submit"], .section-contact #contactForm .button { display: flex !important; align-items: center !important; justify-content: center !important; float: none !important; width: 190px !important; min-width: 190px !important; height: 44px !important; margin: 0 auto !important; padding: 0 0 0 0.28em !important; border: 1px solid #111 !important; border-radius: 0 !important; background: transparent !important; color: #111 !important; font-size: 11px !important; line-height: 1 !important; font-weight: 600 !important; letter-spacing: 0.28em !important; text-align: center !important; text-indent: 0 !important; box-shadow: none !important; box-sizing: border-box !important; } .section-contact #contactForm input[type="submit"]:hover, .section-contact #contactForm button[type="submit"]:hover, .section-contact #contactForm .button:hover { background: #111 !important; color: #fff !important; } /* ========================================================== 9. CONTACT — REQUIRED / PRIVACY TEXT ========================================================== */ .section-contact #contactForm .privacy_policy_form_msg { position: relative !important; z-index: 2 !important; width: 100% !important; max-width: 760px !important; margin: 12px auto 0 auto !important; padding: 0 !important; text-align: center !important; font-size: 10px !important; line-height: 1.5 !important; } /* ========================================================== 10. CONTACT — VISIT / HOURS / CONTACT ========================================================== */ .section-contact .nsg-contact-info { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: flex-start !important; width: 100% !important; max-width: 900px !important; min-height: 0 !important; margin: 0 auto !important; /* Veel dichter onder formulier. */ padding: 28px 0 22px 0 !important; box-sizing: border-box !important; } .section-contact .nsg-contact-column { width: 30% !important; flex: 0 0 30% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } .section-contact .nsg-contact-column h3 { margin: 0 0 13px 0 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.20em !important; } .section-contact .nsg-contact-column p { margin: 0 !important; font-size: 12px !important; line-height: 1.55 !important; } .section-contact .nsg-contact-column a { color: inherit !important; text-decoration: none !important; } .section-contact .nsg-contact-column a:hover { text-decoration: underline !important; } /* ========================================================== 11. CONTACT — SOCIAL AREA ========================================================== */ .section-contact #social_links_list { position: relative !important; z-index: 3 !important; width: 100% !important; max-width: 900px !important; min-height: 0 !important; margin: 0 auto !important; padding: 14px 0 72px 0 !important; text-align: center !important; } /* Voorlopig maken we de bestaande tekstlinks subtieler en compact. Zodra we de exacte interne social-link markup definitief hebben, kunnen Instagram + mail hier als pure iconen staan. */ .section-contact #social_links_list a { font-size: 10px !important; letter-spacing: 0.12em !important; } /* ========================================================== 12. FOOTER — CADOGAN-LIKE FIXED DESKTOP FOOTER ========================================================== */ @media (min-width: 768px) { .section-contact #footer { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 100 !important; width: 100% !important; margin: 0 !important; background: rgba(255, 255, 255, 0.96) !important; box-sizing: border-box !important; } /* Voorkomt dat content achter de vaste footer verdwijnt. */ .section-contact #main_content { padding-bottom: 55px !important; } } /* ========================================================== 13. GENERAL FOOTER ========================================================== */ #footer { margin-top: 0 !important; } /* ========================================================== 14. MOBILE ========================================================== */ @media (max-width: 767px) { /* ---------------- HOME HERO ---------------- */ .section-home #slideshow .main_caption h2 { left: 7% !important; font-size: clamp(36px, 11vw, 54px) !important; } .section-home #slideshow .main_caption .h1_subtitle { margin-top: 25px !important; font-size: 0.45em !important; } .section-home #slideshow .main_caption .date { left: 7% !important; bottom: 35px !important; font-size: 13px !important; } /* ---------------- HOME INFO ---------------- */ .nsg-home-info { display: block !important; width: 100% !important; min-height: auto !important; margin: 0 auto !important; padding: 60px 25px !important; } .nsg-home-info::before { background-size: cover !important; background-position: center center !important; opacity: 0.16 !important; } .nsg-home-info .nsg-info-column { width: 100% !important; flex: none !important; margin: 0 0 40px 0 !important; text-align: left !important; } .nsg-home-info .nsg-info-column:last-child { margin-bottom: 0 !important; } /* ---------------- CONTACT ---------------- */ .section-contact #contact_form_inline { max-width: none !important; padding: 35px 25px 20px 25px !important; } .section-contact #contact_form_inline::before { bottom: -600px !important; background-position: center center !important; opacity: 0.13 !important; } .section-contact #contact_form { max-width: none !important; } .section-contact #contactForm .form_row_fields_container { display: block !important; } .section-contact #contactForm .form_row, .section-contact #contactForm .form_field { width: 100% !important; margin-bottom: 24px !important; } /* Newsletter mobiel */ .section-contact .f_mailinglist_container fieldset { justify-content: flex-start !important; flex-wrap: wrap !important; } .section-contact .f_mailinglist_container legend { margin-right: 18px !important; } /* SEND */ .section-contact .form_row_submit, .section-contact .form_row_f_submit, .section-contact .f_submit { margin-top: 5px !important; } .section-contact #contactForm input[type="submit"], .section-contact #contactForm button[type="submit"], .section-contact #contactForm .button { width: 170px !important; min-width: 170px !important; } /* INFO */ .section-contact .nsg-contact-info { display: block !important; padding: 35px 25px 25px 25px !important; } .section-contact .nsg-contact-column { width: 100% !important; flex: none !important; margin: 0 0 30px 0 !important; text-align: left !important; } .section-contact .nsg-contact-column:last-child { margin-bottom: 0 !important; } /* SOCIAL */ .section-contact #social_links_list { padding: 20px 25px 45px 25px !important; } /* Footer op mobiel NIET fixed */ .section-contact #footer { position: relative !important; } } /* ========================================================== NSG — FINAL DETAIL FIXES Checkbox + footer breathing room ========================================================== */ /* TERMS: checkbox direct vóór de tekst */ .section-contact .f_terms_container fieldset { width: 100% !important; margin: 0 !important; padding: 0 !important; } .section-contact .f_terms_container .form_checkbox_container { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .section-contact .f_terms_container input[type="checkbox"] { position: static !important; float: none !important; flex: 0 0 auto !important; width: 12px !important; height: 12px !important; margin: 0 10px 0 0 !important; } .section-contact .f_terms_container label { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1.4 !important; } /* ========================================================== FOOTER — MEER RUIMTE TOT RAND ========================================================== */ @media (min-width: 768px) { .section-contact #footer { box-sizing: border-box !important; padding-left: 40px !important; padding-right: 40px !important; padding-bottom: 24px !important; padding-top: 20px !important; } } /* ========================================================== NSG CONTACT — FINAL LAYOUT Compact top / socials above footer / Cadogan footer ========================================================== */ /* 1. FORMULIER HOGER — minder ruimte onder header */ @media (min-width: 768px) { .section-contact #contact_form_inline { padding-top: 0 !important; transform: translateY(-22px) !important; } } /* 2. INFORMATIEBLOK IETS HOGER MEE LATEN KOMEN */ .section-contact .nsg-contact-info { padding-top: 14px !important; padding-bottom: 12px !important; } /* ========================================================== 4. FOOTER — CADOGAN OPBOUW ========================================================== */ @media (min-width: 768px) { .section-contact #footer { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 82px !important; margin: 0 !important; padding: 0 38px !important; background: rgba(255,255,255,0.97) !important; border-top: 1px solid rgba(0,0,0,0.12) !important; box-sizing: border-box !important; z-index: 100 !important; } .section-contact #footer .container { position: relative !important; width: 100% !important; max-width: none !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } /* COPYRIGHT LINKS */ .section-contact #footer .left { position: absolute !important; left: 0 !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; } /* MANAGE COOKIES RECHTS */ .section-contact #footer .manage_cookies { position: absolute !important; right: 0 !important; left: auto !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; white-space: nowrap !important; font-size: 10px !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; } } /* ========================================================== 5. FOOTER SOCIALS Instagram + mail gecentreerd BOVEN footer ========================================================== */ @media (min-width: 768px) { .section-contact #footer .social_links { position: fixed !important; left: 50% !important; bottom: 96px !important; transform: translateX(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 101 !important; } /* Tekstlabels verdwijnen */ .section-contact #footer .social_links a::after, .section-contact #footer .social_links a span { display: none !important; } /* Derde @ icoon weg */ .section-contact #footer .social_links a.email_link, .section-contact #footer .social_links a:nth-child(3) { display: none !important; } } /* ========================================================== NSG — FINAL SOCIAL ICONS ========================================================== */ /* Social block terughalen */ .section-contact #social_links_list { display: flex !important; position: fixed !important; left: 50% !important; bottom: 96px !important; transform: translateX(-50%) !important; width: auto !important; height: auto !important; align-items: center !important; justify-content: center !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; z-index: 102 !important; } /* Tekst zoals INSTAGRAM / JOIN THE MAILING LIST weg */ .section-contact #social_links_list a { width: 34px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; font-size: 0 !important; line-height: 34px !important; text-indent: 0 !important; text-align: center !important; } /* Screen-reader tekst blijft visueel verborgen */ .section-contact #social_links_list a span { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; } /* Alleen Instagram + mailing-list */ .section-contact #social_links_list a:nth-child(n+3) { display: none !important; } /* ========================================================== NSG CONTACT — CADOGAN FINAL FOOTER ========================================================== */ @media (min-width: 768px) { /* ------------------------------------------------------- FOOTER BASIS ------------------------------------------------------- */ .section-contact #footer { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 72px !important; margin: 0 !important; padding: 0 !important; background: rgba(255,255,255,0.98) !important; border-top: 1px solid rgba(0,0,0,0.12) !important; z-index: 100 !important; } .section-contact #footer > .inner { position: relative !important; width: 100% !important; max-width: none !important; height: 72px !important; margin: 0 !important; padding: 0 38px !important; box-sizing: border-box !important; } /* ------------------------------------------------------- COPYRIGHT + SITE BY ARTLOGIC — LINKS ------------------------------------------------------- */ .section-contact #footer #copyright { position: absolute !important; left: 38px !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; padding: 0 !important; width: auto !important; white-space: nowrap !important; } /* ------------------------------------------------------- MANAGE COOKIES — RECHTS ------------------------------------------------------- */ .section-contact #footer .small-links-container { position: absolute !important; right: 38px !important; left: auto !important; top: 50% !important; transform: translateY(-50%) !important; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; text-align: right !important; } .section-contact #footer .cookie_notification_preferences { margin: 0 !important; padding: 0 !important; width: auto !important; } .section-contact #footer .cookie_notification_preferences a { white-space: nowrap !important; font-size: 10px !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; } /* ------------------------------------------------------- SOCIAL ICONS UIT FOOTER HALEN EN MIDDEN ONDER OPENING HOURS ------------------------------------------------------- */ .section-contact #footer #social_links { position: fixed !important; left: 50% !important; bottom: 92px !important; transform: translateX(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; z-index: 101 !important; } /* alleen eerste twee gewenste iconen */ .section-contact #footer #social_links > *:nth-child(n+3) { display: none !important; } /* eventuele separator in footer weg */ .section-contact #footer > .inner > .separator { display: none !important; } } /* ========================================================== CONTACT — reCAPTCHA BADGE VISUEEL WEG formulier zelf blijft intact ========================================================== */ .section-contact .grecaptcha-badge { visibility: hidden !important; } /* ========================================================== NSG HOMEPAGE — CONTACT-STYLE LOWER SECTION ========================================================== */ @media (min-width: 768px) { /* ------------------------------------------------------- HOME INFO ruimte onder de drie kolommen voor socials ------------------------------------------------------- */ .section-home .nsg-home-info { padding-bottom: 115px !important; margin-bottom: 72px !important; } /* ------------------------------------------------------- FOOTER — IDENTIEK AAN CONTACT ------------------------------------------------------- */ .section-home #footer { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 72px !important; margin: 0 !important; padding: 0 !important; background: rgba(255,255,255,0.98) !important; border-top: 1px solid rgba(0,0,0,0.12) !important; z-index: 100 !important; } .section-home #footer > .inner { position: relative !important; width: 100% !important; max-width: none !important; height: 72px !important; margin: 0 !important; padding: 0 38px !important; box-sizing: border-box !important; } /* ------------------------------------------------------- COPYRIGHT + SITE BY ARTLOGIC — LINKS ------------------------------------------------------- */ .section-home #footer #copyright { position: absolute !important; left: 38px !important; top: 50% !important; transform: translateY(-50%) !important; width: auto !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; } /* ------------------------------------------------------- MANAGE COOKIES — RECHTS ------------------------------------------------------- */ .section-home #footer .small-links-container { position: absolute !important; right: 38px !important; left: auto !important; top: 50% !important; transform: translateY(-50%) !important; width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; text-align: right !important; } .section-home #footer .cookie_notification_preferences { width: auto !important; margin: 0 !important; padding: 0 !important; } .section-home #footer .cookie_notification_preferences a { white-space: nowrap !important; font-size: 10px !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; } /* ------------------------------------------------------- INSTAGRAM + MAIL midden onder OPENING HOURS ------------------------------------------------------- */ .section-home #footer #social_links { position: absolute !important; left: 50% !important; bottom: 92px !important; transform: translateX(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; z-index: 101 !important; } /* Alleen Instagram + mail */ .section-home #footer #social_links > *:nth-child(n+3) { display: none !important; } /* Geen separator */ .section-home #footer > .inner > .separator { display: none !important; } } /* ========================================================== NSG HOME — FINAL INFO LAYOUT Zelfde compositie als CONTACT ========================================================== */ @media (min-width: 768px) { /* COMPLETE MAP/INFO SECTIE */ .section-home .nsg-home-info { position: relative !important; display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: flex-start !important; width: 100% !important; max-width: 1100px !important; min-height: 360px !important; margin: 0 auto 72px auto !important; padding: 72px 0 115px 0 !important; box-sizing: border-box !important; } /* ANTWERP MAP OVER VOLLE BREEDTE */ .section-home .nsg-home-info::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 100vw !important; transform: translateX(-50%) !important; background-image: url("https://website-artlogicwebsite2939.artlogic.net/usr/images/images/filepath/243/nsg-antwerp-map.jpg") !important; background-size: cover !important; background-position: center 68% !important; background-repeat: no-repeat !important; filter: grayscale(100%) contrast(72%) brightness(120%) !important; opacity: 0.14 !important; z-index: 0 !important; pointer-events: none !important; } /* DRIE KOLOMMEN */ .section-home .nsg-home-info .nsg-info-column { position: relative !important; z-index: 2 !important; display: block !important; width: 30% !important; flex: 0 0 30% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* TITELS */ .section-home .nsg-info-column h3 { margin: 0 0 13px 0 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.20em !important; } /* TEKST */ .section-home .nsg-info-column p { margin: 0 !important; font-size: 12px !important; line-height: 1.55 !important; } } /* ========================================================== NSG HOME — CONTACT SECTION CORRECTIE ========================================================== */ @media (min-width: 768px) { /* Complete sectie */ .section-home .nsg-home-contact { position: relative !important; display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: flex-start !important; width: 100% !important; max-width: 1100px !important; min-height: 360px !important; margin: 0 auto 72px auto !important; padding: 72px 0 115px 0 !important; box-sizing: border-box !important; } /* Kaart over volledige browserbreedte */ .section-home .nsg-home-contact::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 100vw !important; transform: translateX(-50%) !important; background-image: url("https://website-artlogicwebsite2939.artlogic.net/usr/images/images/filepath/243/nsg-antwerp-map.jpg") !important; background-size: cover !important; background-position: center 68% !important; background-repeat: no-repeat !important; filter: grayscale(100%) contrast(72%) brightness(120%) !important; opacity: 0.14 !important; z-index: 0 !important; pointer-events: none !important; } /* VISIT / OPENING HOURS / CONTACT */ .section-home .nsg-home-contact-column { position: relative !important; z-index: 2 !important; display: block !important; width: 30% !important; flex: 0 0 30% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } /* Koppen */ .section-home .nsg-home-contact-column h3 { margin: 0 0 13px 0 !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 700 !important; letter-spacing: 0.20em !important; } /* Informatie */ .section-home .nsg-home-contact-column p { margin: 0 !important; font-size: 12px !important; line-height: 1.55 !important; } } /* ========================================================== NSG HOMEPAGE – FULL HERO SCROLL Laat de 700px Artlogic hero volledig uit beeld scrollen ========================================================== */ @media (min-width: 768px) { } /* ========================================================== NSG HOME — FULLSCREEN HERO FINAL Alleen homepage ========================================================== */ @media (min-width: 768px) { /* Artlogic inline 347px overschrijven */ .section-home #slideshow.fullscreen_slideshow { height: 100vh !important; min-height: 100vh !important; max-height: none !important; } /* Binnenste slideshow moet dezelfde hoogte volgen */ .section-home #slideshow > ul.hero-parallax-element { height: 100vh !important; min-height: 100vh !important; } /* Alle slides vullen de hero volledig */ .section-home #slideshow > ul.hero-parallax-element > li { height: 100vh !important; min-height: 100vh !important; } /* Afbeelding vult iedere slide */ .section-home #slideshow .image { height: 100% !important; min-height: 100% !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } /* Reserveer exact één viewport voor de hero. Daarna begint de map/contactsectie. */ .section-home #main_content { padding-top: 0 !important; } /* ========================================================== NSG HOME — FULLSCREEN + SCROLL SPACE CONTACT LOCKED ========================================================== */ @media (min-width: 768px) { /* Hero blijft exact schermvullend */ .section-home #slideshow.fullscreen_slideshow { height: 100vh !important; min-height: 100vh !important; max-height: none !important; } .section-home #slideshow > ul.hero-parallax-element { height: 100vh !important; min-height: 100vh !important; } .section-home #slideshow > ul.hero-parallax-element > li { height: 100vh !important; min-height: 100vh !important; } .section-home #slideshow .image { height: 100% !important; min-height: 100% !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } /* Hero staat buiten flow: reserveer daarom exact één schermhoogte */ .section-home #main_content { padding-top: 100vh !important; } /* Datum boven vaste footer */ .section-home #slideshow .main_caption .date { bottom: 115px !important; } } /* ========================================================== NSG HOME — FULL SECOND SCREEN Zorgt dat hero volledig kan wegscrollen CONTACT LOCKED ========================================================== */ @media (min-width: 768px) { /* Het gedeelte ná de hero wordt minimaal één scherm hoog */ .section-home #content_module { min-height: calc(100vh - 72px) !important; box-sizing: border-box !important; } .section-home .nsg-home-contact { min-height: calc(100vh - 72px) !important; box-sizing: border-box !important; } } /* ========================================================== NSG HOME — SECOND SCREEN LAYOUT Form area + 3 information columns ========================================================== */ @media (min-width: 768px) { /* Complete tweede scherm */ .section-home .nsg-home-contact { min-height: calc(100vh - 72px) !important; width: 100% !important; max-width: 1200px !important; margin: 0 auto !important; padding: 70px 40px 95px !important; box-sizing: border-box !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; } /* Bovenste enquiry-gedeelte */ .section-home .nsg-home-form { display: block !important; width: 100% !important; text-align: center !important; margin: 0 0 65px 0 !important; padding: 0 !important; } .section-home .nsg-home-form h2 { margin: 0 0 14px 0 !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 3px !important; } .section-home .nsg-home-form-intro { margin: 0 0 22px 0 !important; font-size: 12px !important; line-height: 1.5 !important; font-weight: 400 !important; } .section-home .nsg-home-enquiry-button { display: inline-block !important; padding: 10px 24px !important; border: 1px solid #111 !important; text-decoration: none !important; font-size: 10px !important; line-height: 1 !important; letter-spacing: 2px !important; color: #111 !important; background: transparent !important; } /* Drie kolommen */ .section-home .nsg-home-contact-columns { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .section-home .nsg-home-contact-column { flex: 0 0 33.333% !important; width: 33.333% !important; max-width: none !important; margin: 0 !important; padding: 0 20px !important; box-sizing: border-box !important; text-align: center !important; } } /* ========================================================= NSG HOMEPAGE — FULLSCREEN HERO + NORMAL SCROLL ========================================================= */ @media (min-width: 768px) { .section-home #slideshow.fullscreen_slideshow { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100vw !important; max-width: none !important; height: 100vh !important; min-height: 100vh !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; transform: none !important; } .section-home #slideshow .hero-parallax-element { width: 100% !important; height: 100vh !important; min-height: 100vh !important; margin: 0 !important; padding: 0 !important; transform: none !important; } .section-home #slideshow .hero-parallax-element > li { width: 100% !important; height: 100vh !important; min-height: 100vh !important; } .section-home #slideshow .image { width: 100% !important; height: 100% !important; background-size: cover !important; background-position: center center !important; } .section-home #main_content { padding-top: 0 !important; } } /* ========================================================= NSG HOMEPAGE – HERO TYPOGRAPHY Fullscreen Vertical behouden ========================================================= */ .section-home #slideshow .main_caption { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; transform: none !important; text-align: left !important; } .section-home #slideshow .main_caption .inner { position: relative !important; width: 100% !important; height: 100% !important; text-align: left !important; } /* ARTIST */ .section-home #slideshow .main_caption h2 { position: absolute !important; left: 8% !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; font-size: clamp(42px, 5vw, 82px) !important; line-height: 1 !important; font-weight: 400 !important; letter-spacing: 0.08em !important; text-align: left !important; } /* Verwijder dubbele punt tussen titel en subtitel */ .section-home #slideshow .main_caption .separator { display: none !important; } /* EXHIBITION TITLE */ .section-home #slideshow .main_caption .h1_subtitle { display: block !important; margin-top: 45px !important; font-size: 0.42em !important; line-height: 1.15 !important; font-weight: 600 !important; letter-spacing: 0.12em !important; } /* DATE */ .section-home #slideshow .main_caption .date { position: absolute !important; left: 8% !important; bottom: 65px !important; top: auto !important; margin: 0 !important; font-size: 13px !important; line-height: 1.3 !important; font-weight: 300 !important; letter-spacing: 0.16em !important; text-align: left !important; } /* MOBILE */ @media (max-width: 767px) { .section-home #slideshow .main_caption h2 { left: 7% !important; top: 50% !important; font-size: clamp(36px, 11vw, 54px) !important; } .section-home #slideshow .main_caption .h1_subtitle { margin-top: 25px !important; font-size: 0.45em !important; } .section-home #slideshow .main_caption .date { left: 7% !important; bottom: 35px !important; font-size: 11px !important; } } /* ========================================================= NSG – FULLSCREEN CAROUSEL WIDTH FIX ========================================================= */ @media (min-width: 768px) { .section-home #slideshow.fullscreen_slideshow { left: 0 !important; right: 0 !important; width: 100vw !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } .section-home .parallax-mirror { left: 0 !important; right: 0 !important; width: 100vw !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } } /* ========================================================= NSG – LEGAL PAGES Privacy Policy + Terms & Conditions ========================================================= */ body.section-privacy-policy #content_module, body.section-terms-and-conditions #content_module { max-width: 900px !important; width: auto !important; margin-left: 0 !important; margin-right: auto !important; } body.section-privacy-policy #content_module p, body.section-terms-and-conditions #content_module p { font-weight: 400 !important; line-height: 1.8 !important; } body.section-privacy-policy #content_module h3, body.section-terms-and-conditions #content_module h3 { margin-top: 45px !important; margin-bottom: 20px !important; font-weight: 400 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; } /* ========================================================= NSG – HOMEPAGE LEGAL LINKS ========================================================= */ .section-home .nsg-legal-links { position: relative !important; display: flex !important; align-items: center !important; gap: 180px !important; width: 100% !important; box-sizing: border-box !important; padding: 90px 5% 55px 5% !important; margin: 0 !important; background: #fff !important; z-index: 10 !important; } .section-home .nsg-legal-links a { display: inline-block !important; margin: 0 !important; font-weight: 400 !important; font-size: 12px !important; line-height: 1.2 !important; letter-spacing: 0.28em !important; text-transform: uppercase !important; text-decoration: none !important; color: #222 !important; } .section-home .nsg-legal-links a:hover { opacity: 0.55 !important; } /* NSG – HEADER WIDTH FIX */ header#header { box-sizing: border-box !important; } /* NSG – SOCIAL ICONS IN FOOTER */ #footer #social_links_list, #footer .social_links, #footer .social_media_links { position: absolute !important; left: 50% !important; top: 50% !important; bottom: auto !important; transform: translate(-50%, -50%) !important; margin: 0 !important; }