/* CSS imports ------------------- */ /* Forced mobile nav on all sizes ------------------- */ @import url('/lib/g/2.0/styles/responsive_topnav.css'); @import url('/lib/g/themes/aspect/2.0/styles/responsive_topnav.css'); /* Font imports ------------------- */ @import url(https://fonts.googleapis.com/css?family=Merriweather:300,400); @import url(https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,500;0,700;1,500;1,700&display=swap); /* Background colour --------------*/ /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: 'Merriweather', Serif; font-weight:300; } /* 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: 11.25px; } /* 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{ 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:33.33% }} .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:33.33% }} .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:flex-start; justify-content: flex-start; -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:33.33% }} .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:33.33% }} .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:33.33% }} .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 - detail_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:50.0% }} .records_list.feature_list.grid_dynamic_layout_exhibitions:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions ul li .image > span { -webkit-justify-content:flex-start; justify-content: flex-start; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_exhibitions ul li .image::after {display:none;} .records_list.grid_dynamic_layout_exhibitions ul li .image > span {position: static;} /* events works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width:33.33% }} .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 - slider-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_exhibitions_installation ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_installation ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_installation ul li img:first-letter { font-family:object-fit; } .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:33.33% }} .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:33.33% }} .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:33.33% }} .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:33.33% }} .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:33.33% }} .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:flex-start; justify-content: flex-start; -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.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_featured 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_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span {position: static;} /* 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 - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_news ul { width:100%;}} .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:33.33% }} .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:33.33% }} .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:flex-start; justify-content: flex-start; -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:flex-start; justify-content: flex-start; -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:33.33% }} .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:33.33% }} .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:33.33% }} .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:33.33% }} .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:33.33% }} .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:25.0% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:25.0% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:25.0% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 100px; max-width: 100px; } #header #logo.user-custom-logo-image::before { padding-top:80.0%; } .device-highres #logo { background: none; } #logo a { background-image: url('https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-unspacedgallery/usr/images/preferences/logo-bd.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://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-unspacedgallery/usr/images/preferences/logo-bd.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://artlogic-res.cloudinary.com/w_1000,c_limit,f_auto,fl_lossy,q_auto/ws-unspacedgallery/usr/images/preferences/logo-bd.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 ------------------- */ /* 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: 55vh } #hero_header > .inner, body.layout-hero-header:not(.type-fullscreen) #main_content::before, body.layout-hero-header.layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before, body.layout-hero-header #hero_header.hero-mode-split { height: var(--hero-height, 55vh); max-height: none; } .layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header-record-data.layout-hero-header:not(.type-fullscreen ) #main_content::before, body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before, body.layout-hero-header.layout-hero-header-record-data #hero_header.hero-mode-split { height: var(--hero-height, 55vh); max-height: none; } /* 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://artlogic-res.cloudinary.com/w_500,c_limit,f_auto,fl_lossy,q_auto/ws-unspacedgallery/usr/images/preferences/logo-bd.png'); } } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ /* Gestion du header hero ----------------------------------------------------------- */ #hero_heading .title, .parallax-element-with-slideshow #hero_heading, #hero_header #slideshow ul li .content .inner { text-align:left; } #hero_heading .subtitle { text-align:left; } /*Reglage Bloc OVERVIEW Page Artiste*/ ----------------------------------------------------------- */ .page-artists #subsection-biography #content_module, p { line-height:2.2rem; font-size:14px; padding-bottom:0px; } .page-artists #content_module { float: left; width: 65%; text-align:justify; line-height:2.2rem; font-size:14px; } .page-artists #sidebar { float: right; width: 35%; box-sizing: border-box; padding-left: 50px; } .page-artists #sidebar .caption { font-size: 12px; line-height: 1.5em; font-style:italic; margin-bottom: 0px; } .page-artists #sidebar .image { text-align: center; background: #F0F0F0; margin-bottom: 10px; } .page-artists #content_module .divider, .content_module .divider { height: 10px; clear: both; } /* Gestion de la taille de la typo des titre de ss Partie ----------------------------------------------------------- */ .subheading { font-weight: 200; color: #585858; font-size: 1.75rem; margin: 0 0 50px; /*display: block;*/ } /* Gestion de la sous navigations ----------------------------------------------------------- */ #sub_nav.navigation, #exhibitions_nav.navigation, .list_grid_control.navigation, .subsection-navigation.navigation, .news_filters_group.navigation { float: right; clear: none; padding: 0 0 0; margin-top: 30px; } .heading_wrapper #sub_nav.navigation, .heading_wrapper #exhibitions_nav.navigation, .heading_wrapper .list_grid_control.navigation, .heading_wrapper .subsection-navigation.navigation, .heading_wrapper .news_filters_group.navigation { margin-top: 5px; } #sub_nav.navigation ul li, #exhibitions_nav.navigation ul li, .list_grid_control.navigation ul li, .news_filters_group.navigation ul li { margin: 0 0 0 25px; } #sub_nav.navigation ul li:first-child, #exhibitions_nav.navigation ul :first-child, .list_grid_control.navigation ul :first-child, .news_filters_group.navigation ul li:first-child { margin-left: 0; } .heading_wrapper.heading_wrapper_alternative #sub_nav.navigation { float: right; } .navigation { } .navigation ul { } .navigation ul li.last { margin-right: 0 !important; } .navigation ul li a { line-height: 1.8rem; font-size: 1.25rem; font-weight: 200; padding: 0 0 5px; } .navigation ul li a, .navigation ul li a:visited { color: #757575; } .navigation ul li a:hover { color: #010101; } .navigation ul li.active a, .navigation ul li.active a:visited, .navigation ul li.active a:hover, #top_nav.navigation > ul > li.active_dir > a, #top_nav.navigation > ul > li.active_dir > a:visited, #top_nav.navigation > ul > li.active_dir > a:hover { color: #010101; } #sub_nav.navigation.navigation_has_multi_level ul ul.secondary-nav { display:none; position:absolute; width:fit-content; z-index: 10; top: 100%; left: 50%; transform: translateX(-50%); background:#fff; padding:0 } #sub_nav.navigation.navigation_has_multi_level ul ul.secondary-nav a { padding: 5px 0; white-space: nowrap; color:#757575; font-size: 12px; line-height: 1.2rem; } #sub_nav.navigation.navigation_has_multi_level ul ul.secondary-nav a:hover { padding: 5px 0; white-space: nowrap; color:#010101; } .scroll_section_container > section { float: left; width: 100%; margin: 0 0 30px; } /* Gestion du style du bouton (couleur, aspect, effet mouse over) ----------------------------------------------------------- */ .button a, .button a:visited, .button a:hover, .button span, button span:hover { text-align:center; vertical-align: middle; font-family: 'Din', Sans-Serif; font-weight: 600; font-size: 11px; font-style:normal; background-color: #ffffff; color: #000000; border: 1px solid #131313; } button span:hover, .button a:hover { transition-duration: 0.7s; background-color: #000000; color:#ffffff; } .button a, .button span { padding: 10px 10px 10px; } /* Rend invisible les boutons "enquire" et la partie "description" sur la page exhibitions, module galerie photo ----------------------------------------------------------- */ .page-exhibitions .subsection-installation .content p { font-size:0px; visibility:hidden; margin-bottom:1Px; margin-top:1px; } .page-exhibitions .subsection-installation .button { font-size:0px; visibility:hidden; margin-bottom:1Px; margin-top:1px; } .page-exhibitions .subsection-installation .image_list { } .page-exhibitions .subsection-installation .image_list ul { } .page-exhibitions .subsection-installation .image_list ul li { margin-bottom:1Px; margin-top:1px; } .page-exhibitions .subsection-installation .image_list ul li .image { margin-bottom:1Px; margin-top:1px; } .page-exhibitions .subsection-installation .image_list ul li .content { margin-bottom:1Px; margin-top:1px; } /* Rend invisible les items "sold" page exhibitions details, module artworks ----------------------------------------------------------- */ .page-exhibitions .records_list .content .price, .price_unavailable { visibility:hidden;} /* Gestion du contactform ----------------------------------------------------------- */ #contact_form #contact_form_item_preview .content * { margin: 0; font-size: inherit; /* line-height: inherit; */ font-family: 'Din Bold', Sans-Serif; font-size: medium; line-height: normal; } #contact_form h1, #main_content #contact_form h1 { margin: 0 0 20px; padding-top:20px; line-height:1.1em; width: 100%; float: none; outline-offset: -3px; /* Temporary accessibility fix - overflow needs fixing on contact popup */ } #contact_form #contact_form_item_preview .content .edition_details { font-family:'merriweather'; font-size:14px; } .form .form_row label, .form .form_row legend { float: left; width: 21%; margin-right: 5%; line-height: 1.5em; font-family:'din bold','sans-serif'; text-transform:uppercase; } /* Gestion du style des modules pop up details des artworks ----------------------------------------------------------- */ /* Rend invisible la date et l'origine de l'artiste - modules pop up details des artworks ----------------------------------------------------------- */ .page-exhibitions .subsection-installation .button { visibility:hidden; } .page-exhibitions .subsection-installation .enquire_button_container { visibility:hidden; } .page-artists h1 #artist_years, #image_gallery #content_module h1 #artist_years { visibility:hidden; } .page-artworks h1 #artist_years, #image_gallery #content_module h1 #artist_years { visibility:hidden; } /* Gestion du style des subtitles des oeuvres - modules pop up details des artworks ----------------------------------------------------------- */ #image_gallery #content_module .subtitle { font-family:'merriweather'; font-style:italic; font-weight:500; color:#585858; text-transform:capitalize; text-align:left; font-size:16px; line-height: 1.5em; } #image_gallery #content_module .detail_view_module, #image_gallery #content_module .enquire, #image_gallery #content_module .view-in-ar, #image_gallery #content_module .wishlist_button { margin-bottom: 15px; } /* Gestion du style pour les mediums, dimensions, details de la piece - modules pop up details des artworks ----------------------------------------------------------- */ #image_gallery #content_module .detail_view_module, #image_gallery #secondary_content_module .detail_view_module .medium .dimensions { color: #585858; font-size:14px; line-height:1.7em; font-weight:500; } #image_gallery #content_module detail_view_module, #image_gallery #secondary_content_module .detail_view_module .edition_details { color: #585858; font-size:14px; line-height:1.7em; font-weight:500; } #image_gallery #content_module .store_item_group { margin: 0 0 0px; } /* Gestion du style des modules Artworks - Page Artworks ----------------------------------------------------------- */ .page-artworks #image_gallery .subtitle, .page-artworks .image_list ul li .content .artist_simplified { font-family:'din bold',Sans-Serif; font-style:normal; font-size:18px; text-transform:uppercase; text-align:justify; line-height:2.2em; color: #010101; } .page-artworks #image_gallery .content .subtitle, .page-artworks .image_list ul li .title_and_year_simplified { font-family:'merriweather'; font-size:14px; text-transform:capitalize; color: #585858; font-weight:500; font-style:italic; text-align:justify; line-height:2.2em; font-size: 14px; } .page-artworks #image_gallery .subtitle, .page-artworks .image_list ul li .content .edition_details_simplified { font-family:'merriweather'; font-size:11px; text-transform:capitalize; color: #585858; font-weight:500; font-style:normal; font-size:14px; text-align:justify; line-height:2.2em; } /* Gestion du style des modules Artworks - Page Exhibitions ----------------------------------------------------------- */ .page-exhibitions .subsection-works .records_list .content .artist { font-family:'din bold',Sans-Serif; font-style:normal; font-size:18px; text-transform:uppercase; text-align:justify; line-height:1em; color: #010101; } .page-exhibitions .subsection-works .records_list .content .title_and_year { font-family:'merriweather'; font-size:14px; text-transform:capitalize; color: #585858; font-weight:500; font-style:italic; text-align:justify; line-height:2.2em; font-size: 14px; } .page-exhibitions .subsection-works .records_list .content .edition_details { font-family:'merriweather'; font-size:11px; text-transform:capitalize; color: #585858; font-weight:500; font-style:normal; font-size:14px; text-align:justify; line-height:2.2em; } /* Gestion du style des modules Artworks - Page Artists ----------------------------------------------------------- */ .page-artists .subsection-works .records_list .content .artist_simplified { font-family:'din bold',Sans-Serif; font-style:bolder; font-size:18px; text-transform:uppercase; text-align:left; line-height:2.2em; color: #010101; letter-spacing: 2px; } .page-artists .subsection-works .records_list .content .title_and_year_simplified { font-family:'merriweather'; font-size:14px; color: #585858; font-weight:500; font-style:italic; line-height:1.5em; text-align:justify; } .page-artists .subsection-works .records_list .content .edition_details_simplified { font-family:'merriweather'; color: #585858; font-weight:500; font-style:normal; font-size:12px; line-height:2em; text-align:justify; } /* Gestion du style des modules Artworks - Page Store ----------------------------------------------------------- */ .page-store .subsection-store-list-page .artist_simplified { font-family:'din bold',Sans-Serif; font-style:bolder; font-size:18px; text-transform:uppercase; text-align:justify; line-height:200%; color: #010101; } .page-store .subsection-store-list-page .title_and_year_simplified { font-family:'merriweather'; font-size:14px; text-transform:capitalize; color: #585858; font-weight:500; font-style:italic; text-align:justify; line-height:150%; font-size: 14px; } .page-store .subsection-store-list-page .edition_details_simplified { font-family:'merriweather'; font-size:11px; text-transform:capitalize; color: #585858; font-weight:500; font-style:normal; font-size:14px; text-align:justify; line-height:2.2rem; } .page-store .subsection-store-list-page .enquire_button_container { padding-top:5px; padding-bottom:5px; } .page-store .store_items_condensed .store_item .price { margin-right:5%; padding:0px; display: inline-block; float: none; vertical-align: middle; } / * Gestion du style des modules Artworks - Page Viewing Room ----------------------------------------------------------- */ .feature_panels .artist { font-family:'din bold',Sans-Serif; font-style:bolder; font-size:18px; text-transform:uppercase; text-align:left; line-height:200%; color: #010101; } .feature_panels .title_and_year { font-family:'merriweather'; font-size:14px; text-transform:capitalize; color: #585858; font-weight:500; font-style:italic; text-align:justify; line-height:150%; font-size: 14px; } .feature_panels .edition_details { font-family:'merriweather'; font-size:11px; text-transform:capitalize; color: #585858; font-weight:500; font-style:normal; font-size:14px; text-align:justify; line-height:2.2rem; } .feature_panels .panel .panel_artwork_gird .panel_type_6 .content .enquire_button_container { width: 0%; padding: 0px 0 0; margin-top:0px; line-height: 0; visibility:hidden; } .feature_panels .store_item { padding-top:8px; margin:0px; } blockquote { text-align:center; } .feature_panels .panel_hero .hero_heading .description .blockquote { border-color: #fff; padding: 5%; font-size: 16px; line-height: 1.6em; } .feature_panels .panel_header .subtitle { display: block; margin: 0 0 30px; font-size: 12px; color:#585858; } .feature_panels .panel_header h2 { margin-bottom:1%; } .feature_panels .panel_image_text_adjacent .content h2, .feature_panels .panel_image_text_adjacent .content .subtitle { text-align:left; } body .cms_button a, body a.cms_button, body .cms_button a:visited, body .cms_button a:hover, body body .cms_button span, body .cms_button span:hover { text-align:center; vertical-align: middle; font-family: 'Din, Sans-Serif; font-weight: 600; font-size: 11px; font-style:normal; background-color: #ffffff; color: #000000; border-radius:inherit; } body .cms_button span:hover, body .cms_button a:hover { transition-duration: 0.7s; background-color: #000000; color:#ffffff; } body .cms_button a, body a.cms_button { display: inline-block; text-align: center; border: 1px solid #000; background: #fff; transition: background 0.35s ease-in-out; -webkit-transition: background 0.35s ease-in-out; height: auto; padding: 5px 25px; text-decoration: none; } /* Rend invisible le h2 ----------------------------------------------------------- */ #h1_wrapper { visibility:hidden; float: left; min-width: 300px; } h1 { margin: 0 0 50px; float: left; } h1.has_subtitle { margin: 0 0 14px; } h1.has_subnav { margin: 0; } .cms-clickable { visibility:hidden; cursor: pointer; } .page-store #h1_wrapper { visibility: visible; float: left; min-width: 300px; } /* Gestion du style pour les records list ----------------------------------------------------------- */ .records_list .content .subtitle, .records_list .content .description, .records_list .content .location { font-size: 12px; font-weight:500; line-height: 1.6rem; font-style: italic; text-transform: capitalize; font-family: 'Merriweather'; color: #585858; } .records_list .content .date, .records_list .content .location { font-size: 12px; font-weight:500; line-height: 1.6rem; font-style: normal; text-transform: capitalize; font-family: 'Merriweather'; color: #585858; } .records_list .content .subtitle, .records_list .content .description { font-size: 13px; font-weight:500; line-height: 1.6em; font-style: italic; font-family: 'Merriweather'; color: #585858; text-align:justify; } .page-augmented-reality .records_list .content .artist { font-size:18px; margin-bottom:1%; } .page-augmented-reality .records_list .content .title_and_year { font-size:13px; margin-bottom:1%; font-weight:500; line-height: 1.5em; font-style: italic; font-family: 'Merriweather'; color: #585858; text-align:justify; } .page-augmented-reality .records_list .content .edition_details { font-size:13px; margin-bottom:1%; font-weight:500; line-height: 2em; font-family: 'Merriweather'; color: #585858; text-align:justify; } /* Gestion du style module description RA - page artwork ----------------------------------------------------------- */ #artwork_description_container #artwork_description ul { padding: 0; width: 100%; } #artwork_description_container #artwork_description li { display: inline; } #artwork_description_container #artwork_description u { outline: none; text-decoration: none; display: inline-block; width: fit-content; margin-top: 20px; padding:14px; background-color:white; border: 1px solid #131313; text-align: center; line-height: normal; color: black; font-family:'din', sans-serif; font-weight:600; letter-spacing: 2px; text-transform:uppercase; font-size:11px; } #artwork_description_container #artwork_description li:last-child u { margin-right: 0; } #artwork_description_container #artwork_description u:link, u:visited, u:focus { background: rgba(0,0,0,0); } #artwork_description_container #artwork_description u:hover { transition-duration: 0.7s; background-color: #000000; color:#ffffff; } #artwork_description_container #artwork_description u:active { background: #010101; color: white; } #artwork_description_container #artwork_description { border-top: 1px solid #ccc; border-top-width:90%; margin-bottom:10px; } a, a:visited, .link_color { color:#000000; } a:hover, .link_color:hover { color:#000000; } #artwork_description_container #artwork_description a, a:visited, .link_color { text-decoration: none; } #artwork_description_container #artwork_description a:hover, .link_color:hover { text-decoration: none; color:#ffffff; transition-duration: 0.5s; } #artwork_description_container #artwork_description { line-height:1.5rem; font-size:12px; padding-top:20px; } #artwork_description_container #artwork_description_2 b, ul { padding: 0; width: 100%; } #artwork_description_container #artwork_description_2 b, li { display: inline; } #artwork_description_container #artwork_description_2 b, u { outline: none; text-decoration: none; display: inline-block; width: fit-content; margin-top: 20px; padding:14px; margin-bottom:10px; background-color:white; border: 1px solid #131313; text-align: center; line-height: normal; color: black; font-family:'din', sans-serif; font-weight:600; letter-spacing: 2px; text-transform:uppercase; font-size:11px; } #artwork_description_container #artwork_description_2 li:last-child u { margin-right: 0; } #artwork_description_container #artwork_description_2 b, u:link, u:visited, u:focus { background: rgba(0,0,0,0); } #artwork_description_container #artwork_description_2 b, u:hover { transition-duration: 0.7s; background-color: #000000; color:#ffffff; } #artwork_description_container #artwork_description_2 b, u:active { background: #010101; color: white; } a, a:visited, .link_color { color:#000000; target: '_blank'; } a:hover, .link_color:hover { color:#000000; } #artwork_description_container #artwork_description_2 a, a:visited, .link_color { text-decoration: none; } #artwork_description_container #artwork_description_2 a:hover, .link_color:hover { text-decoration: none; color:#ffffff; transition-duration: 0.1s; } /* Gestion de la taille et de la font de la typo des descriptif d'oeuvres ----------------------------------------------------------- */ .page-artists .subsection-works .image_list ul li .content { color: #010101; font-family: 'Din Bold', Sans-Serif; font-size: small; } .scroll_section_container > section { float: left; width: 100%; margin: 0 0 30px; } .page-cookie-policy, tr { width:100%; padding:4%; } .page-cookie-policy #cookies, td { diplay:block; vertical-align:top; width:auto; font-size:14Px; line-height:2.2rem; padding:4% 6% 2%; margin-right:2%; margin-left:2%; background:#f5f4f4; } .page-cookie-policy #cookies, h2 { color:black; } @media screen and (max-width: 700px) { .page-cookie-policy #cookies, td { width: auto!important;; display: block; float:left; } } .page-privacy-policy, tr { width:100%; padding:4%; } .page-privacy-policy #privacy-policy1, td p h2 { diplay:table-cell; table-layout:fixed; width:100%; vertical-align:top; width:auto; line-height:2.2rem; font-size:14px; padding:4% 15% 4%; margin-right:2%; margin-left:2%; text-align-last: left; background:#f5f4f4; } .page-privacy-policy #privacy-policy2, td p h2 { diplay:table-cell; table-layout:fixed; width:100%; vertical-align:top; border-spacing: 2px; font-size:14Px; line-height:2.2rem; padding:4% 4% 4%; margin-right:2%; margin-left:2%; text-align-last: left; background:#f5f4f4; } .page-privacy-policy #privacy-policy1 #privacy-policy2, h2 { color:black; } @media screen and (max-width: 700px) { .page-privacy-policy #privacy-policy1 #privacy-policy2, td p h2 { width: auto!important;; display: block; float:left; } } /* Gestion du style _ Page about un-spaced ----------------------------------------------------------- */ .page-about-un-spaced body #main_content #content #content_module.full_width, body { width: auto; display: block; float: none; clear: both; text-align:justify; line-height:2.2rem; font-size:13px; } /* style testimonial ----------------------------------------------------------- */ .feature_panels .panel_image_text_columns .pull_quote_content, .blockquote { float: left; width: 28%; clear: none; text-align:left; font-size:24px; } /* Nom artiste h1 ----------------------------------------------------------- */ h1.artist { text-align:left; font-size: 2.2rem; line-height: 2.2rem; margin: 0 0 0px; padding-bottom: 5px; } /* Re-ordering artwork descriptions */ .artwork_details_wrapper { display: flex; flex-direction: column; } .artwork_details_wrapper .artist .subtitle .detail_view_module { order: 0; } .artwork_details_wrapper .enquire_button_container { order: 1; } .artwork_details_wrapper .store_item_group { order: 2; } .artwork_details_wrapper #secondary_image_thumbnails { order: 3; } .artwork_details_wrapper .share_link { order: 4; } /* HOME */ .section-home .feature_panels_inner > ul > li .content .fp_title { font-size:28px; padding-top:6%; text-align:left; color:rgba(30,30,30,.9); } .section-home .feature_panels_inner > ul > li .records_list .content .fp_title { font-size:24px; margin:0%; padding-top: 0%; text-align:left; } .section-home .feature_panels_inner > ul li:last-child .fp_title { font-size:24px; line-height:1em; margin:0%; padding-left: 0%; text-align:center; margin-bottom:2%; color:#010101; } .section-home .feature_panels_inner > ul > li .content .subtitle { display: block; font-size: 13px; line-height:2.6em; font-weight:200; letter-spacing:2px; color:#757575; text-align:left; } .section-home .feature_panels_inner > ul li:last-child .content .subtitle { text-align:center; } .section-home .feature_panels_inner > ul li:last-child .content p { margin-bottom:5%; } .section-home .feature_panels_inner > ul > li:last-child a, a:visited, .link_color { outline: none; text-decoration: none; display: inline-block; width: fit-content; padding:14px; background-color:white; border: 1px solid #131313; text-align: center; line-height: normal; color: black; font-family:'din', sans-serif; font-weight:600; letter-spacing: 2px; text-transform:uppercase; font-size:11px; } .section-home .feature_panels_inner > ul > li:last-child a, a:visited, .link_color { text-decoration: none; } .section-home .feature_panels_inner > ul > li:last-child a:hover, .link_color:hover { text-decoration: none; color:#ffffff; background:black; transition-duration: 0.9s; } .section-home .feature_panels .panel_type_8 .subtitle { width: 100%; font-family:'merriweather'; font-style:italic; font-weight:500; color:#585858; text-transform:capitalize; text-align:left; font-size:16px; line-height: 1.5em; } .section-home .feature_panels .panel_type_8 h2 { margin-bottom:1%; } .section-home .feature_panels_inner > ul > li { margin: 0 0 5%; } @media screen and (min-width: 800px) { .section-home .feature_panels .panel_hero .hero_heading .description, .section-home .feature_panels .panel_hero .hero_heading .description * {color: #fff;font-size:13px;line-height:2.2em;padding-right:2%;padding-left:2%;}} @media screen and (max-width: 799px) { .section-home .feature_panels .panel_hero .hero_heading .fp_title {color: #fff;font-size:27px;line-height:1em;padding-top:50%; }} /* page videos */ .page-video .heading_wrapper h1 { margin: 0 0 0; float: left; text-align:left; } /* Publications ----------------------------------------------------------- */ .subsection-publication-record .author_and_year { margin: 0 0 5px; } @media screen and (min-width: 700px) { .page-exhibitions #colexhib { column-count: 2; column-gap: 10rem; max-height: fit-content; } } /* Page Exhibtions gestion du style description ----------------------------------------------------------- */ .page-exhibitions .description { font-family:'merriweather'; font-size:13px; color: #585858; font-weight:500; font-style:normal; text-align:left; line-height:1.8rem; } #image_gallery.image_gallery_no_caption #content_module .enquire { visibility: hidden; } /* Page recherche ----------------------------------------------------------- */ #quick_search .inputField { border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; display: inline-block; background-color: transparent; font-family:'merriweather'; font-style:italic; font-weight:500; } #quick_search .inputField.active { } #quick_search #quicksearch_btn { padding:5px; text-transform:uppercase; margin: 0; border: 1px solid #010101; display: inline-block; vertical-align: middle; clear: none; line-height: 2rem; font-family: 'Din', Sans-Serif; color:#010101; font-weight: 600; font-size: 16px; } #quick_search a#quicksearch_btn:hover { transition-duration: 0.7s; background-color: #000000; color:#ffffff; } / /* Page privateview ----------------------------------------------------------- */ .aui-caption.pv-item-details .artist { overflow-wrap: break-word; font-family:'Din', Sans-Serif; letter-spacing: 2px; font-style:normal; color:#000000; text-transform:uppercase; text-align:left; font-size:16px; line-height: 1.7em; } .aui-caption.pv-item-details .title { overflow-wrap: break-word; font-family:'merriweather'; font-style:italic; font-weight:600; color:#585858; text-transform:capitalize; text-align:left; font-size:14px; line-height: 1.7em; } .aui-caption.pv-item-details { overflow-wrap: break-word; font-family:'merriweather'; font-weight:500; color:#777; text-transform:capitalize; text-align:left; font-size:12px; line-height: 1.5em; padding-left:1.5em; } * Footer ----------------------------------------------------------- */ #footer { background-color:rgb(0 0 0 / 2%) ; } #footer .inner { padding:0 0 30px; color: #757575; font-weight: 200; margin: 20px 20px; display: flex; flex-direction: column; } #footer #contact_info { order:0; float: left; color: #757575; text-decoration: none; font-size:12px; font-weight:900; letter-spacing: 2px; max-width:fit-content; } #footer .copyright { order:3; float: left; margin-right: 50px; } #footer .small-links-container { float:left; font-size: 1.1rem; } #footer #quick_search { order:1; padding-top:10px; padding-bottom:10px; } #footer #quicksearch_field { padding:9px; font-family:'merriweather'; font-style:italic; font-weight:500; color:#585858; text-transform:capitalize; text-align:left; font-size:14px; } #footer a#quicksearch_btn { padding:7px; color: #000000; border: 1px solid #ccc; border-radius: 3px; font-family: 'Din', Sans-Serif; font-weight: 600; font-size: 16px; text-transform:uppercase } #footer a#quicksearch_btn:hover { transition-duration: 0.7s; background-color: #000000; color:#ffffff; } #footer #social_links { order:2; padding-top:10px; padding-bottom:10px; } #footer #copyright { margin: 0 0 6px; font-size: 1rem; } .feature_panels h2 { margin-top: 0%; font-size: 30px; margin-bottom: 0%; padding-top:5%; } .feature_panels h6 { color:#70757a; } .feature_panels .enquire_button_container { text-align:center; } blockquote { font-size: 16px; font-weight: 600; line-height: 1.6em; } * Additional nav ----------------------------------------------------------- */ #additional_nav_2.additional_nav { font-family:'Din', sans-serif; font-weight:600; right: 0; left: auto; padding: 8px 0 0; } .additional_nav { position:relative; } #additional_nav_1.additional_nav { left: 0; right: auto; padding: 8px 0 0; } #additional_nav_2.additional_nav { right: 0; left: auto; padding: 8px 0 0; } .additional_nav.navigation ul { text-align: right; } .additional_nav.navigation ul li { margin: 0 0 0 20px; display: inline-block; float: none; vertical-align: top; } #additional_nav_1.navigation ul li { margin: 0 20px 0 0; } #additional_nav_.navigation ul li { margin: 0 0 0 20px; } .additional_nav.navigation ul li a, .additional_nav.navigation ul li a:visited { } #header .header-ui-wrapper { display: flex; flex-direction: row-reverse; } @media screen and (min-width: 800px) { } @media screen and (max-width: 799px) { #additional_nav_2.additional_nav { right: 0; left: auto; padding: 8px 0 0; visibility:hidden; } #header .header-ui-wrapper { display: flex; flex-direction: row-reverse; } } .additional_nav ul li a, .additional_nav ul li a:visited { text-transform:uppercase; display: block; content: ''; } .navigation ul li a:after{ display: block; content: ''; border-bottom: 1px solid #ddd; width: 0; margin: 5px 0 0; transition: width 800ms cubic-bezier(.45,0,.27,1);) } .navigation ul li:hover a:after { width: 50%; } *