/* CSS imports ------------------- */ /* Forced mobile nav on all sizes ------------------- */ @import url('/lib/g/2.0/styles/responsive_topnav.css') screen and (max-width: 1250px); @import url('/lib/g/themes/mode/2.1/styles/responsive_topnav.css') screen and (max-width: 1250px); /* Font imports ------------------- */ @font-face { font-family: "BrightGrotesk-Light"; src: url('/usr/documents/fonts/regular_font_woff/6/font.woff') format('woff'), url('/usr/documents/fonts/regular_font_woff2/6/font.woff2') format('woff2'), url('/usr/documents/fonts/regular_font_ttf/6/brightgrotesk-light.ttf') format('truetype'); font-style: normal; font-weight: normal; } /* Background colour --------------*/ /* body_background_color */ body, #social_sharing_links.popup_vertical ul, .social_sharing_links.popup_vertical ul, .fancybox-powerzoom .fancybox-overlay, #popup_overlay, .subheading span, body.slide-nav-active #responsive_slide_nav_wrapper, #cookie_notification, .fancybox-overlay.fancybox-overlay-image, .fancybox-skin, div.arprompt, #sc_checkout_content #shipping_container select, #sc_checkout_content #shipping_container .inputField, .form .form_row .inputField, .form .form_row select, .form .form_row textarea, .form .form_row #captcha input, .form .form_row .g-recaptcha, .section-home #slideshow.full_list.content_below ul li, #contact_form #contact_form_item_preview .inner, .buy_enquire_quick_view, .filters_panel.filters_layout_dropdown .fp-module-content-inner { background-color: #fffbf8 } #preloader #loader:before { background-color: #ec297b; } .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: #c9c9c9; } h1, .heading_wrapper h1, #header .inner, #footer, .countdown_container, .feature_list ul li .content .subtitle, #sidebar .feature_panels .records_list ul li, .sidebar .feature_panels .records_list ul li, .related_items_panel h3, .formats_list, .formats_list .formats_item, .subheading::after, .subheading::before, .related_items_panel > h3:after, .related_items_panel h3.related_items_panel_heading:after, .related_items_panel h2.related_items_panel_heading:after .share_link:not(.subnav_share_link), #social_sharing_links.popup_vertical, .social_sharing_links.popup_vertical, .store_item_group .store_items_standard, .store_items_standard .store_item, .page_stats, hr, #scw_popup_inner h3, #shopping_cart_information td, #wishlist_information td, #shopping_cart_information th, #wishlist_information th, #sc_additional_fields, #sc_checkout_content #sc_subtotal, #sc_checkout_content #sc_discount, #sc_checkout_content #sc_vat_total, #sc_checkout_content #sc_shipping_total, #sc_checkout_content #sc_order_total, div.arprompt .arpromptbuttons, div.arprompt button, #protected_path_login .protected_path_form_status_inner, #privacy_policy_form_msg{ border-color: #c1c1c1; } .buy_enquire_quick_view .quick-view-information { border-color: #c1c1c1; } .form .form_row .inputField, .form .form_row select, .form .form_row textarea, .form .form_row #captcha input, .form .form_row .g-recaptcha, #mc_embed_signup input, #protected_path_login .protected_path_field_row, #sc_checkout_content #shipping_container select, #sc_checkout_content #shipping_container .inputField, input, textarea, select { border-color: #c1c1c1; } /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: "BrightGrotesk-Light", Sans-serif; font-style:normal; font-weight:normal; } /* Heading and emphasis font ------------------- */ /* Navigation font ------------------- */ #top_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn { font-family: "BrightGrotesk-Light", Sans-serif; font-style:normal; font-weight:normal; } /* User custom html-font sizing ------------------- */ html { font-size: 11.0px; } /* Title - Heading spacing and transform ------------------- */ /* Dynamically adjust font sizes so that headings and titles look larger (as lowercase appears smaller than uppercase) while the body size remains the same -------------------------- */ html { font-size: 15.95px; } body { font-size: 1.0rem; line-height: 2.48rem; } 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: none; letter-spacing: 0; } /* Text colours----------------------------- */ /* Heading and emphasis text colour ------------------- */ /* Colour None */ /* Subheading and secondary emphasis text colour ------------------- */ input, select, textarea, .navigation ul li a, .navigation ul li a:visited, .records_list .content .description, .records_list ul li .content .description, .subheading, .subtitle, .records_list .content .subtitle, .feature_list ul li .content .subtitle, .records_list .content .date, .records_list .content .location, .section-publications .records_list .content .description, .image_list ul li .content .title, .flow_list ul li .content .title, .page_stats .ps_pages, .page_stats .ps_item, .price, .date, .location, .poster, .subtitle, .records_list ul li a:not(.website_contact_form):not(.buy_enquire_detail_link), .records_list ul li a:not(.website_contact_form):not(.buy_enquire_detail_link):visited, #image_gallery #content_module .detail_view_module, .image_list ul li .content, .flow_list ul li .content, .tile_list ul li .content, .tile_list ul li .content .title, #shopping_cart_information td.sc_cell_item .details, #sc_total_price_container .order_total_wrapper, #footer, #footer a:not(.submit_button), #footer a:visited:not(.submit_button), .page-artworks #image_gallery .subtitle, .page-artworks .image_list ul li .content, .records_list ul li .signed_and_dated, .records_list ul li .dimensions, .records_list ul li .medium, .records_list ul li .read_more_label, .records_list ul li .series, #artists-browser, .artists-browser , .buy_now_enquire>.enquire_button_container.clearwithin > .button > a{ color: #2f2f2f; } .page_stats .disabled, .ps_item.disabled { color: #2f2f2f; opacity: 0.5; } /* Body/main text colour ------------------- */ /* Link text color ------------------- */ .link, .link:hover, .link span, .link span:hover, .link a, .link a:hover, .link a:visited, #mc_embed_signup input.button, .simple_list ul li a, a.external { color: #ec297b; } /* Header layout ------------------- */ /* Dynamically created grid layout css ------------------- */ /* artfairs - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_artfairs:not(.feature_list) > ul > li { width:20.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_artfairs > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artfairs > ul > li { padding-right: 20px; } } /* instagram - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_instagram:not(.feature_list) > ul > li { width:20.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 {display:none;} .records_list.grid_dynamic_layout_instagram ul li .image > span {position: static;} /* artworks - tile_list scatter_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.tile_list.scatter_list.grid_dynamic_layout_artworks ul { width:25.0%; margin-left:4.16%;margin-right:4.16%;}} .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 {display:none;} .records_list.grid_dynamic_layout_artworks ul li .image > span {position: static;} /* default image grid - tile_list scatter_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.tile_list.scatter_list.grid_dynamic_layout_default_image_grid ul { width:25.0%; margin-left:4.16%;margin-right:4.16%;}} .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 {display:none;} .records_list.grid_dynamic_layout_default_image_grid ul li .image > span {position: static;} /* video - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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:100.0%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_video > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_video > ul > li { padding-right: 20px; } } /* default grid - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_default_grid > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_default_grid > ul > li { padding-right: 20px; } } /* artists - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li { width:25.0% }} .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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_artists > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artists > ul > li { padding-right: 20px; } } /* video featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_video_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_video_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_video_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_video_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_video_featured ul li .image::after { padding-top:100.0%; } /* artist works categories - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_artist_works_categories > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artist_works_categories > ul > li { padding-right: 20px; } } /* exhibitions - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_exhibitions > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions > ul > li { padding-right: 20px; } } /* events works - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 20px; } } /* exhibitions installation - slideshow-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) > ul > li { width:20.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 {display:none;} .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span {position: static;} /* artist installation - slideshow-------------------------------------- */ @media screen and (min-width:1250px) {.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 {display:none;} .records_list.grid_dynamic_layout_artist_installation ul li .image > span {position: static;} /* 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:100.0%; } /* store featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_store_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_store_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_store_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_store_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_store_featured ul li .image::after { padding-top:100.0%; } /* events featured - feature_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.feature_list.grid_dynamic_layout_events_featured ul { width:100%;}} .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_events_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_events_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_events_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_events_featured ul li .image::after { padding-top:100.0%; } /* artwork categories landing - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_artwork_categories_landing > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artwork_categories_landing > ul > li { padding-right: 20px; } } /* events - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_events > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_events > ul > li { padding-right: 20px; } } /* store - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_store:not(.feature_list) > ul > li { width:33.33% }} .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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_store > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_store > ul > li { padding-right: 20px; } } /* default feature grid - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_default_feature_grid ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_default_feature_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_feature_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_feature_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_feature_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_feature_grid ul li .image::after { padding-top:100.0%; } /* feature panels - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_feature_panels > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_feature_panels > ul > li { padding-right: 20px; } } /* exhibitions works - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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: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 {display:none;} .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span {position: static;} /* publications featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_publications_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_publications_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_publications_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_publications_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_publications_featured ul li .image::after { padding-top:100.0%; } /* press featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_press_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_press_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_press_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_press_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_press_featured ul li .image::after { padding-top:100.0%; } /* news featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_news_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_news_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_news_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_news_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_news_featured ul li .image::after { padding-top:100.0%; } /* artfairs featured - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_artfairs_featured:not(.feature_list) > ul > li { width:100.0% }} .records_list.feature_list.grid_dynamic_layout_artfairs_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artfairs_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artfairs_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_artfairs_featured ul li .image::after { padding-top:100.0%; } /* exhibitions featured - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_exhibitions_featured:not(.feature_list) > ul > li { width:50.0% }} .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:100.0%; } /* press - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_press:not(.feature_list) > ul > li { width:20.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_press > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_press > ul > li { padding-right: 20px; } } /* news - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_news:not(.feature_list) > ul > li { width:20.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_news > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_news > ul > li { padding-right: 20px; } } /* viewing rooms featured forthcoming - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_featured_forthcoming 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_featured_forthcoming ul li .image::after { padding-top:100.0%; } /* search - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_search > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_search > ul > li { padding-right: 20px; } } /* viewing rooms featured - full_list-------------------------------------- */ .records_list.full_list.grid_dynamic_layout_viewing_rooms_featured ul { width: 100%;} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_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_viewing_rooms_featured ul li .image::after {display:none;} .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span {position: static;} /* viewing rooms works - detail_expand_grid-------------------------------------- */ @media screen and (min-width:1250px) {.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: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 {display:none;} .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span {position: static;} /* artist works - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_artist_works:not(.feature_list) > ul > li { width:33.33% }} .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 {display:none;} .records_list.grid_dynamic_layout_artist_works ul li .image > span {position: static;} /* exhibitors - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_exhibitors > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitors > ul > li { padding-right: 20px; } } /* feature panels image grid - tile_list scatter_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.tile_list.scatter_list.grid_dynamic_layout_feature_panels_image_grid ul { width:25.0%; margin-left:4.16%;margin-right:4.16%;}} .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 {display:none;} .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span {position: static;} /* publications - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_publications:not(.feature_list) > ul > li { width:20.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_publications > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_publications > ul > li { padding-right: 20px; } } /* team - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_team:not(.feature_list) > ul > li { width:20.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_team > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_team > ul > li { padding-right: 20px; } } /* viewing rooms - image_list-------------------------------------- */ @media screen and (min-width:1250px) {.records_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) > ul > li { width:20.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%; } @media screen and (min-width:1250px) { .records_list.grid_dynamic_layout_viewing_rooms > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_viewing_rooms > ul > li { padding-right: 20px; } } /* Dynamically created artist list css ------------------- */ .subsection-artist-list-preview-letters .artists_list_dynamic_columns ul { width:20.0% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:20.0% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:20.0% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 120px; max-width: 120px; } #header #logo.user-custom-logo-image::before { padding-top:69.1666666667%; } .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-artlogicwebsite0026/usr/images/preferences/logo-agc.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-artlogicwebsite0026/usr/images/preferences/logo-agc.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-artlogicwebsite0026/usr/images/preferences/logo-agc.png', sizingMethod='scale')"; } #logo a { text-indent: -9999px; padding: 0; } /* Topnav text color ------------------- */ #top_nav.navigation ul li.active a, #top_nav.navigation ul li.active a:visited, #header #store_cart_widget:hover::before, #header #store_cart_widget:hover::after, #top_nav.navigation ul li:hover a, #translations_nav.navigation ul li.active a, #translations_nav.navigation ul li:hover a, #top_nav #full_nav .dropdown-btn:hover { color: #2f2f2f; } /* Subnav text color ------------------- */ .navigation ul li.active a, .navigation ul li.active a:hover, .navigation ul li.active a:visited, body.type-fullscreen.fullscreen-slide-light .navigation ul li.active a { color: #2f2f2f; } #sticky_sub_nav.navigation ul li a { display: inline; background: linear-gradient(to right, #2f2f2f 0%, #2f2f2f 98%); transition: background 0.2s linear; -webkit-transition: background 500ms cubic-bezier(0.005, 0.315, 0.000, 0.985); -moz-transition: background 500ms cubic-bezier(0.005, 0.315, 0.000, 0.985); -o-transition: background 500ms cubic-bezier(0.005, 0.315, 0.000, 0.985); transition: color 500ms linear, background 500ms cubic-bezier(0.005, 0.315, 0.000, 0.985); padding-bottom: 5px; background-repeat: no-repeat; background-position: left 78%; background-size: 0 1px; } /* 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: 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://artlogic-res.cloudinary.com/w_500,c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite0026/usr/images/preferences/logo-agc.png'); } } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ /* Font imports ------------------- */ @font-face { font-family: "BrightGrotesk-Regular"; src: url('/usr/documents/fonts/regular_font_woff/2/font.woff') format('woff'), url('/usr/documents/fonts/regular_font_woff2/2/font.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: "BrightGrotesk-Semibold"; src: url('/usr/documents/fonts/regular_font_woff/15/font.woff') format('woff'), url('/usr/documents/fonts/regular_font_woff2/15/font.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: "BrightGrotesk-LightItalic"; src: url('/usr/documents/fonts/regular_font_woff/17/font.woff') format('woff'), url('/usr/documents/fonts/regular_font_woff2/17/font.woff2') format('woff2'); font-style: normal; font-weight: normal; } @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'); *, *:before, *:after {box-sizing: border-box;} html, body { height: 100%; scroll-behavior: smooth; } body {font-size: 17px;;} p em, p i {font-family: "BrightGrotesk-LightItalic";} p strong, p b {font-family: "BrightGrotesk-Semibold";} /* custom css begin */ /* BEGIN SCROLL TO TOP BUTTON */ .scroll-to-top { position: absolute; top: 187vh; right: 3rem; bottom: 3rem; scroll-behavior: smooth; display: block; z-index:999!important; } .scroll-to-top__link { position: fixed; top: 90vh; text-decoration: none !important; content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/) --%3E%3Csvg width='194.52937mm' height='205.11589mm' viewBox='0 0 194.52937 205.11588' version='1.1' id='svg1' inkscape:version='1.3.2 (091e20e, 2023-11-25, custom)' sodipodi:docname='2024-08-29_AGC-site-arrow_botao-site_2.svg' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Csodipodi:namedview id='namedview1' pagecolor='%23ffffff' bordercolor='%23000000' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' inkscape:document-units='mm' showguides='false' showgrid='true' inkscape:zoom='0.54236816' inkscape:cx='350.31555' inkscape:cy='377.05016' inkscape:window-width='1920' inkscape:window-height='1057' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='layer1'%3E%3Cinkscape:grid id='grid1' units='mm' originx='-0.24391489' originy='115.29573' spacingx='1' spacingy='0.99999998' empcolor='%230099e5' empopacity='0.30196078' color='%230099e5' opacity='0.14901961' empspacing='5' dotted='false' gridanglex='30' gridanglez='30' visible='true' /%3E%3Cinkscape:page x='0' y='0' width='194.52937' height='205.11589' id='page1' margin='0 0 0' bleed='0' /%3E%3C/sodipodi:namedview%3E%3Cdefs id='defs1' /%3E%3Cg inkscape:label='Camada 1' inkscape:groupmode='layer' id='layer1' transform='translate(-0.24391488,115.29573)'%3E%3Cpath style='fill:none;stroke:%235d544a;stroke-width:9;stroke-dasharray:none;stroke-opacity:1' d='M 18.029451,26.066184 97.306831,-49.740195 176.99286,26.066184 97.306831,-49.331549 Z' id='path1' sodipodi:nodetypes='ccccc' /%3E%3C/g%3E%3C/svg%3E%0A"); width: 2.3rem; height: auto; background-color: transparent !important; backdrop-filter: blur(90px); border-radius: 40px; padding: 2px; } .scroll-to-top__link:hover { content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/) --%3E%3Csvg width='194.52937mm' height='205.11589mm' viewBox='0 0 194.52937 205.11588' version='1.1' id='svg1' inkscape:version='1.3.2 (091e20e, 2023-11-25)' sodipodi:docname='2024-09-18_AGC-site-arrow_botao-site_rosa.svg' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Csodipodi:namedview id='namedview1' pagecolor='%23ffffff' bordercolor='%23000000' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' inkscape:document-units='mm' showguides='false' showgrid='true' inkscape:zoom='0.54236816' inkscape:cx='349.39367' inkscape:cy='377.97204' inkscape:window-width='1920' inkscape:window-height='975' inkscape:window-x='0' inkscape:window-y='25' inkscape:window-maximized='1' inkscape:current-layer='layer1'%3E%3Cinkscape:grid id='grid1' units='mm' originx='-0.24391489' originy='115.29573' spacingx='1' spacingy='0.99999998' empcolor='%230099e5' empopacity='0.30196078' color='%230099e5' opacity='0.14901961' empspacing='5' dotted='false' gridanglex='30' gridanglez='30' visible='true' /%3E%3Cinkscape:page x='0' y='0' width='194.52937' height='205.11589' id='page1' margin='0' bleed='0' /%3E%3C/sodipodi:namedview%3E%3Cdefs id='defs1' /%3E%3Cg inkscape:label='Camada 1' inkscape:groupmode='layer' id='layer1' transform='translate(-0.24391488,115.29573)'%3E%3Cpath style='fill:none;stroke:%23e51480;stroke-width:9;stroke-dasharray:none;stroke-opacity:1' d='M 18.029451,26.066184 97.306831,-49.740195 176.99286,26.066184 97.306831,-49.331549 Z' id='path1' sodipodi:nodetypes='ccccc' /%3E%3C/g%3E%3C/svg%3E"); background-color: rgba(65, 65, 65, 0.9); text-decoration: none!important; backdrop-filter: blur(90px); border: #ea1d89 0.7px solid !important; cursor: pointer; } } /* END SCROLL TO TOP BUTTON */ .artist_list li { width: 455px!important; height: auto; } .image_list li { width: 370px!important; height: auto; } @media screen and (min-width:1500px){ #header.clearwithin { position: fixed!important; background-color: rgba(255, 255, 255, 0.8)!important; backdrop-filter: blur(15px); } } @media screen and (min-width:500px){ #header #logo.user-custom-logo-image a { width: 80px !important; margin-top: 0.7rem !important; } } #main_content h1 { margin-top: 1rem!important; } .heading_wrapper.cascading-page-header.clearwithin.cascading-section-top-level { margin-top: 1rem!important; } #header #logo.user-custom-logo-image a { width: 80px!important; margin-left: -2px!important; } #slideshow a { text-transform: none!important; } #top_nav.navigation ul li a { text-transform: lowercase!important; } .clearwithin a { text-transform: lowercase!important; } .external-link-aria-label-added.external:hover { color: #e40b7e!important; } p, #top_nav.navigation ul li a, .navigation ul li a, .detail_view_module.detail_view_module_artwork_caption, div#artwork_description_container, .txtbox p, .txtside p, .minibio li.txtbio, .poster, .subtitle, .location { font-size: 17px; line-height: 27px; } .content p { text-transform: none!important; } #sub-item-biography a { visibility: hidden!important; display: none!important; } @media screen and (max-width:790px) { .cover_page_slideshow_container, .subsection-cover-page { display: none; visibility: hidden; } #cover_page_slideshow { display: none; visibility: hidden; } .h1_wrapper h1 { color: #010101!important; } } @media screen and (min-width:790px) { blockquote { margin: 1.3em -0.8em!important; } .scroll_section.scroll_section_biography { display: none; visibility: hidden; } #sub-item-biography-page_header a { display: none; visibility: hidden; } .object-fit-container img { width: 35em!important; height: auto; margin-top: -8em!important; margin-right: 0em!important; } } .object-fit-container img { margin-top: -0.1em!important; } blockquote { margin: 1.3em 0; } .external-link-aria-label-added.external { text-transform: inherit!important; } .work-info { font-size: 0.7rem; line-height: 1rem; } .section-home.type-fullscreen .slideshow-pagination-controls { right: 80px!important; bottom: 50px; } /* custom css end */ .page-parede-gentil p span, .page-camisa-educacao p span {font-size:15px;} .page-parede-gentil p strong, .page-camisa-educacao p strong {font-size:17px;} .records_list .content h2, li span.title, p.subtitle, .records_list ul li .content .title { font-size: 17px!important; line-height: 27px; font-family: 'BrightGrotesk-Light'; } .records_list ul li .content strong { font-family: "BrightGrotesk-Light", Sans-serif!important; font-size: 17px; font-weight: normal; } .scroll_section .scroll_section_header .subheading span, li span.title, #image_gallery #content_module .subtitle, p.subtitle, .fancybox-title.fancybox-title-inside-wrap , .fancybox-title.fancybox-title-inside-wrap p { font-family: "BrightGrotesk-SemiBold", Sans-serif; } h1.has_subnav.cms-clickable { font-size: 25px; ;} .page-parede-gentil p.subtitle span {font-family: "BrightGrotesk-Light", Sans-serif;line-height: 21px!important;} #content h1, #content h2, #content h3 { word-wrap: break-word; margin: 0px 0 10px 0px; } .records_list .content .subtitle, .records_list .content .date, .records_list .content .location, .full_list ul li .content .date { font-family: "BrightGrotesk-Light", Sans-serif!important; font-weight: initial; font-size: 17px!important; } li span.title, .records_list .content h2, #image_gallery #content_module .subtitle, p.subtitle { font-size: 17px!important;line-height:1.1 } .feature_list ul li .content h2 { margin: 15px 0 5px 0!important; font-size: 17px!important; line-height: 27px; } .feature_list ul li .content .date, .detail_view_module { font-size: 16px; margin: 0; } body.page-abre-alas-16 .feature_panels_inner li { display: inline; width: 25%; overflow: hidden;float:left } body.page-abre-alas-16 .ig_slider_caption { text-align: left; max-width: 446px; } body.page-abre-alas-16 .ig_slider_caption h2 {font-size:17px} /* header para artistas e expos */ h1.has_subnav.cms-clickable { display: table; position: relative; top: 10px; } div#sub_nav ul { margin-top: 12px; } #map_basic, .google-map { width: 1094px; height: 600px; margin-bottom: 4%; margin-right: 4%; } /* Heading and emphasis font ------------------- */ .subheading { line-height: 1; margin: 0 0 40px 0;} body, #logo a, #footer, #home_splash .content, .navigation ul li a, .link, .page_stats, .subheading span, .subheading, .subtitle, .poster, .date, .price, #hero_heading, #hero_header .title, #hero_header .subtitle, .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 { font-style:normal; font-weight:normal; } h1, h2, h3, h4, h5, h6 { font-family: "BrightGrotesk-SemiBold", Sans-serif; font-style:normal; font-weight:normal; } #main_content h1, h2, .heading_wrapper h1.has_subtitle { font-size: 30px;} h3 {font-size:20px;} blockquote {border-left:none!important} .quote p, .quote p:first-child { font-size: 22px!important;line-height:1.3!important;margin-bottom: 0.50em; } .quote p:last-child { font-size: 15px!important;line-height:1.2;color:#8e8e8e } /*------------------------------------- ler mais ------------------------------------------*/ input.read-more-state{display: none;} .read-more-target{font-size: 0;max-height: 0;transition: .25s ease !important;z-index:-100;opacity: 0 !important;} li.read-more-target{display: none !important;} input.read-more-state:checked ~ .read-more-wrap li.read-more-target{max-height: 999em;font-size: 1.45rem;min-height: 40px;z-index:1;opacity: 1 !important;display: block !important;position: relative;} input.read-more-state ~ label.read-more-trigger:before {content: 'Veja mais';z-index:100;} input.read-more-state:checked ~ label.read-more-trigger:before {content: 'Veja menos';} label.read-more-trigger {cursor: pointer;display:inline-block;text-decoration: underline;color:#ec297b;padding:10px 20px;margin:5px 0; background: #fffbf8;z-index: 999999;} /*------------------------------------- logo ------------------------------------------*/ #logo .user-custom-logo-image{margin-left:-20px;padding-left:0;} .lostlogo{ width: 40%; height: 75px; display: block; margin:0 30%; position: absolute; top: 80px; z-index: 9999;text-align: center;} /*------------------------------------- txt ------------------------------------------*/ .txtbox{width:60%; margin:0 auto;} @media only screen and (max-width: 950px) { .txtbox{ width: 95%;} } p.linha{line-height: 1;} /*------------------------------------- menu flutuante ------------------------------------------*/ .toggle-btn{position:fixed;cursor:pointer;bottom:30px;right:0;border:1px solid gray;border-bottom-left-radius:10px;border-top-left-radius:10px;border-right:0;z-index:9993;background:#fffbf8;font: Roboto;font-size: 90%;text-transform:uppercase;} .toggle-btn a, .toggle-btn a:link, .toggle-btn a:visited,.toggle-btn a:hover, .toggle-btn a:active{text-decoration:none;font-weight:normal;margin:5px;padding:5px;color:#333;} .header-fixed-wrapper #header {background-color:#fffbf8;} #header #page_header #h1_wrapper { min-width: max-content!important;} #header .inner {padding-top:0;padding-bottom:0;} header#header { height: 85px;} body.type-fullscreen #header .inner {padding:0!important} #responsive_slide_nav_wrapper #top_nav #top_nav_reveal {margin:0!important;padding:0!important} /*------------------------------------- news ------------------------------------------*/ #newscontainer, #newsclipping, #newsvideo{margin: 0 auto;max-width: 98%;} #newscontainer a, #newscontainer a:visited, #newscontainer a:hover, #newsclipping a, #newsclipping a:visited, #newsclipping a:hover, #newsvideo a, #newsvideo a:visited, #newsvideo a:hover{text-decoration: none;color:#2f2f2f;} #newscontainer img, #newsclipping img, #newsvideo img{max-width:100%;max-height:100%;} #newscontainer .news, #newsclipping .news, #newsvideo .news{display:inline-block;float:left;width:20%;padding:0 10px 10px;word-wrap: break-word;text-align: left;} @media screen and (max-width: 800px) { #newscontainer, #newsclipping, #newsvideo{width:300px; text-align: center; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory;-webkit-scroll-snap-points-x: repeat(300px); -ms-scroll-snap-points-x: repeat(300px); scroll-snap-points-x: repeat(300px); -webkit-scroll-snap-type: mandatory; -ms-scroll-snap-type: mandatory; scroll-snap-type: mandatory; } #newscontainer .news, #newsclipping .news, #newsvideo .news {display:inline-block; width:300px; clear: both; margin: 0 auto 40px; flex-shrink: 0; height: 100%; scroll-behavior: smooth;} #newscontainer .news > div, #newsclipping .news > div, #newsvideo .news > div {scroll-snap-align: start;}} #newscontainer .news p, #newsclipping .news p, #newsvideo .news p{font-size: 95%;line-height: 1.1;} #newscontainer .news a.linkrosa, #newscontainer .news a.linkrosa:visited, #newscontainer .news a.linkrosa:hover, #newsclipping .news a.linkrosa, #newsclipping .news a.linkrosa:visited, #newsclipping .news a.linkrosa:hover, #newsvideo .news a.linkrosa, #newsvideo .news a.linkrosa:visited, #newsvideo .news a.linkrosa:hover, a.linkrosa:hover, a.linkrosa:visited, a.linkrosa{color:#ec297b;text-decoration: underline !important;} #newscontainer .ultnews, #newsclipping .ultnews, #newsvideo .ultnews{clear: left;} #newscontainer .news .tit, #newsclipping .news .tit, #newsvideo .news .tit{font-size: 1.1em;font-weight: bold;color:#000;padding:5px 0;} #newscontainer .news .expo, #newsclipping .news .expo, #newsvideo .news .expo{font-size: 1em;color:#111;text-transform: uppercase;padding:5px 0;} #newscontainer .news .periodo, #newsclipping .news .periodo, #newsvideo .news .periodo{color:gray;} /*------------------------------------- slide ------------------------------------------*/ ul li div.slideshow-container{padding: 0;margin: 0 auto;text-align: center;} .slideshow-container {max-width:1100px; position: relative; margin:0 auto 30px; padding: 0;} .mySlides {display: none; height: auto;} .slideshow-container .prev, .slideshow-container .next { position: absolute; cursor: pointer; width: auto; z-index: 20; box-sizing: border-box; margin: 0; top:0;text-transform: none; padding: 25% 70px; outline: none; display: block; color: #fff; opacity: 65%; transition: .6s ease; border:none;font-size: 30px;background-image:none;text-shadow:0 0 1px gray;} .slideshow-container .next {right:0;background-image:none;} .slideshow-container .prev {left:0;background-image:none;} .slideshow-container .prev:hover, .slideshow-container .next:hover {opacity: 100%;background-image:none;text-shadow:0 0 10px gray;} .text {color:#333; padding:10px 0; margin:0 auto; position: relative; bottom: 0; width:100%; text-align: left; line-height: 1.5; text-transform: none; font-size: 130%;} .legend_text {color: #111; font-size: 80%; padding: 10px 0; font-family: "Roboto Medium", sans-serif; text-align: center; line-height:1; margin:0 auto;} .legend_text .titulo{text-transform: uppercase; font-style: none;} @media screen and (max-width: 900px) { .slideshow-container {width: 90%;} .slideshow-container .text{font-size: 110%} .slideshow-container .legend_text{font-size:70%;} .slideshow-container .prev, .slideshow-container .next{top:0;color:lightgray;padding: 25% 20px;}} /*---------------------- videos --------------------------------*/ .content_vd_sp{margin: 0 auto;width: 1320px; text-align: center;} .vd_sp{margin: 10px;width:640px;height: 359px;} .vd_sp iframe{width: 100%;height: 100%; } .esq_sp{float: left;} .dir_sp{float:right;} @media only screen and (max-width: 1350px) {.content_vd_sp{ width: 1000px;} .vd_sp{margin: 10px;width:480px;height:269px;}} @media only screen and (max-width: 1200px) {.content_vd_sp{ width: 900px;} .vd_sp{margin: 5px;width:427px;height: 239px;}} @media only screen and (max-width: 950px) {.content_vd_sp{ width: 800px;} .vd_sp{margin: 5px;width:380px;height: 213px;}} @media only screen and (max-width: 850px) {.content_vd_sp{ width: 700px;} .vd_sp{margin: 5px;width:330px;height: 185px;}} @media only screen and (max-width: 720px) {.content_vd_sp{ width: 100%;} .vd_sp{margin:5px 20px;width:480px;height: 269px;clear:both;text-align: center;} .esq_sp, .dir_sp{float: left;}} /*---------------------------- minibio --------------------------*/ .minibio{list-style: none;width: auto;margin: 20px auto;text-align: center;padding: 0;} .minibio li{display: inline-block;position: relative;top:0;} .minibio li.imgbio{max-width:400px;margin-top:0;margin-left: 0;vertical-align: top;} .minibio li.imgbio img{max-width:100%;max-height:100%;} .minibio li.txtbio{width: 65%;padding: 0 2em;text-align: left;line-height: 1.4; font-size: 120%;} @media screen and (max-width: 800px) {ul.minibio{width: 100%;} ul.minibio li{display:block;} ul.minibio li.imgbio{max-width:100%;margin:0 auto;} ul.minibio li.txtbio{ width:100%;padding:0;margin:10px auto;}} /*---------------------------- port cv --------------------------*/ .port-cv{list-style: none;width: auto;margin: 10px auto; text-align: center;font-family: "Roboto", sans-serif;} .port-cv li{width: auto;display: inline-block;margin: 0 20px;list-style: none;max-width:350px;} .port-cv li p{color: #ec297b;padding:10px;} .port-cv li img{max-width:100%;max-height:100%;display:grid;margin:auto;} .port-cv li a, .port-cv li a:hover, .port-cv li a:active, .port-cv li a:visited {color: #ec297b; position: relative; font-size: small;text-align: center;cursor: pointer;} .port-cv h3, .port-cv h3 a{font-weight:400;color:#333;text-transform: uppercase;text-decoration: none;font-size: 105%;padding:10px;} .port-cv h3 a, .port-cv h3 a:visited, .port-cv h3 a:hover{color: #333;font-size: 105%;} @media screen and (max-width: 860px) {ul.port-cv{width: 100%;margin: 0; } .port-cv li{margin:5px auto;} #footer .copyright-text{line-height: 1.5rem;} #artlogic .noprint{line-height:1rem;height:20px;}} /*-------------------------------------------------------------*/ .full-width {width: 100vw;position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;} ul.feiras{list-style: none; display: inline-table; width: 23%; height: auto; margin: 10px 10px 30px 0; padding: 0; padding-inline-start: 0; } ul.feiras p, ul.feiras li{padding: 0;margin: 0;line-height: 1em;font-size: 100%;} ul.feiras .ano{margin: 0;padding:5px 5px 10px 10px;font-weight: bold;letter-spacing: .2em;} ul.feiras li.boxfeira{margin-bottom: 10px;padding:10px 5px;} ul.feiras li.boxfeira .info2, .feiras .boxfeira .info1{padding: 0;vertical-align: top;display:inline-block;} ul.feiras li.boxfeira .info1{width: 75px;padding:0;} ul.feiras li.boxfeira .info1 .data, ul.feiras li.boxfeira .info1 .midia, ul.feiras li.boxfeira .info2 .cidade{font-size: .7em;} ul.feiras li.boxfeira .info1 hr{margin:2px 0 5px;} ul.feiras li.boxfeira .info2{width: 150px;padding-bottom: 0;} ul.feiras li.boxfeira .info2 .nome{font-weight: bold;font-size: .85em;margin-bottom:5px;line-height: 1.1em;letter-spacing: .02em;} ul.feiras li.boxfeira .info2 .cidade{margin-bottom: 5px;letter-spacing: .05em;font-weight: 600;color:#777;} ul.feiras li.boxfeira .info2 .site{font-size: .7em;letter-spacing: .03em;font-weight: bold;margin-bottom: 0;color: #999;} @media screen and (min-width: 500px) {.toggle-btn{display:none !important;} } #responsive_slide_nav_wrapper #top_nav #top_nav_reveal { margin: 0; padding: 0; } div#top_nav_reveal { margin: 0; right: 20px; position: absolute; top: 20px; } /*NEW CSS*/ @media screen and (min-width: 1251px) { /*Fonts: HEAD TITLES*/ /*Fonts: BLOCK TITLES*/ .scroll_section .scroll_section_header .subheading span { font-size: 30px; } /*Fonts: BODY*/ /*Fonts: LABEL */ .page-artists .subsection-works #image_gallery .subtitle, .page-artists .subsection-works .image_list ul li .content, .subsection-installation #ig_slideshow_caption, .records_list .content .date, .records_list .content .location, .records_list .content .subtitle { font-size: 15px; } /*Menu*/ /*Overview*/ .subsection-overview #content_module { float: none; width: 100%; } .subsection-overview #content_module .quote, .description.with_quote { width: 50%; float: left; padding-right: 50px; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center;margin-bottom:0;padding-bottom:0 } blockquote.quote span p { line-height: 1.4!important;} .subsection-overview #content_module .cv { display: none; } .subsection-overview #content_module .divider { display: none; } /*ENQUIRE BUTTONS*/ .subsection-works .records_list ul li a { width: 70%; float: left; } .subsection-works .records_list .enquire_button_container { display: inline-block; float: right; padding-left: 30px; text-align: right; } .subsection-works .records_list .enquire_button_container .button.button_compact { margin: 0; padding: 0; background: none; } .subsection-works .records_list .enquire_button_container .button.button_compact a { color: #2f2f2f; padding: 0; display: inline-block; white-space: nowrap; line-height: 1.6; font-size: 15px; opacity: 0.4; transition: all 150ms ease-in-out; } .subsection-works .records_list .enquire_button_container .button.button_compact a:hover { opacity: 0.8; } .subsection-works .records_list ul li a:after, .subsection-works .records_list .enquire_button_container:after { content: ""; display: block; clear: both; } /* ENQUIRE BUTTONS: HIDE */ .section-parede-gentil .feature_panels .panel .content .enquire_button_container .button { display: none; } /*Selected Exhibitions*/ .subsection-installation #ig_slideshow_caption { text-align: center; } /*Exhibitions*/ .records_list.feature_list ul li > a {display:inline-block} .records_list.feature_list ul li .content { width: 100%;padding:0 } .records_list.feature_list ul li .image { width: 100%; } /*Related content*/ .subsection-related-content > .records_list li { width: 20%; } .subsection-related-content > .records_list li:nth-child(n+6) { display: none !important; } /*Biography*/ .subsection-biography #sidebar { width: 43%; } .subsection-biography #content_module { width: 57%; } } #footer #copyright #artlogic, span.blog_detail_about_author.clearwithin { display: none; } #top_nav #topnav_translations { display: inline-block!important; } div#topnav_translations { margin-left: 100px; } #translations_nav, .subsection-videos span.date, .subsection-videos span.link, .subsection-videos span.description, .subsection-publications span.date, .subsection-publications span.link, .subsection-publications span.description, .feature_list ul li .content .link, .feature_list ul li span.subtitle {display:none!important} section[aria-label="Overview"] .cv, .scroll_section_overview .scroll_section_header, .scroll_section_overview #sidebar { display: none !important; } /* #sticky_sub_nav #sub-item-images-page_header, #sticky_sub_nav #sub-item-overview-page_header, #sub_nav #sub-item-images, #sub_nav #sub-item-overview { display: none !important; } */ body.type-fullscreen.fullscreen-slide-light #sticky_sub_nav.navigation ul li a, .header_colour_scheme_dark .navigation ul li a, .header_colour_scheme_dark .navigation ul li a { color: #2f2f2f !important; } /* footer */ .page-artists.type-fullscreen #footer { background-color: transparent; position: initial; width: auto; margin: 0 auto; left: auto; right: auto; display: block; margin-bottom:30px; } .page-artists.type-fullscreen #footer .inner { max-width: 100%; padding: 0;} h6.cms_gray { font-family: 'BrightGrotesk-Regular';} @media screen and (min-width: 1251px) { #footer.advanced_footer .advanced_footer_item { padding: 0 16% 20px 0;} #header #logo.user-custom-logo-image a {margin:10px 0 10px -30px} #bio { width: 50%; float: left; padding-right: 50px; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: space-around;margin:0 } } /* sliders */ div#cover_page_slideshow_number,div#cover_page_slideshow_buttons { display: none!important;} .section-camisa-educacao .flow_list_formatted { display: flex; overflow-x: scroll;overflow-y: hidden; } .section-camisa-educacao .flow_list_formatted ul {padding-right:100px;} .section-camisa-educacao .flow_list_formatted ul li{ display: inline-block;min-width:300px;padding-right:10px;padding-top:20px; } .section-camisa-educacao img {magin-bottom:20px} .section-camisa-educacao .flow_list_formatted {transform: rotateX(180deg); overflow-x: scroll;overflow-y: hidden;} .section-camisa-educacao .flow_list_formatted ul.flow_list_row{ transform: rotateX(180deg);padding-top:20px } .subsection-videos .flow_list_formatted ul:first-child{ display:flex!important; } .records_list.feature_list.grid_dynamic_layout_exhibitions .subtitle, .records_list.feature_list.grid_dynamic_layout_exhibitions .description, .subsection-videos .flow_list_formatted ul, .subsection-videos .content .date { display: none!important } ::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 2px; } ::-webkit-scrollbar:horizontal { height: 5px; } ::-webkit-scrollbar-thumb { background-color: #000000; } ::-webkit-scrollbar-track { background-color: #fdf6f1; } .feature_panels .panel_image_text_columns .pull_quote_content { float: left; width: 40%; clear: none; font-size: 20px; flex-direction: column; justify-content: center; display: flex; height: 200px; } .feature_panels .panel_image_text_columns .content { float: right; box-sizing: border-box; padding-left: 60px; width: 60%; clear: none; flex-direction: column; display: flex; justify-content: center; height: 200px; } .feature_panels .panel_image_text_columns .content .content_columns.columns_enabled { column-count: auto; column-gap: inherit; font-size: 17px; line-height: 1.6; } .feature_panels .panel_image_text_columns .pull_quote_content span { font-size: 20px; line-height: 1.6em; } li.panel.panel_type_11 { display: flex; } .feature_list ul li .content h2 { margin: 20px 0 25px; } .subsection-related-content .records_list ul li, .subsection-videos .records_list.feature_list ul li, .subsection-publications .records_list.feature_list ul li {display:inline-block;} .subsection-related-content .records_list.feature_list ul li a, .subsection-videos .records_list.feature_list ul li a, .subsection-publications .records_list.feature_list ul li a {display:block} .subsection-related-content .records_list.feature_list ul li .image, .subsection-videos .records_list.feature_list ul li .image, .subsection-publications .records_list.feature_list ul li .image {width:100%!important;float:none!important;display:block!important} .subsection-related-content .records_list.feature_list ul li .content, .subsection-videos .records_list.feature_list ul li .content, .subsection-publications .records_list.feature_list ul li .content {width:100%!important;float: none!important;display: block;margin: 0;padding: 0;} .subsection-related-content .records_list.feature_list ul li, .subsection-videos .records_list.feature_list ul li, .subsection-videos .publications .feature_list ul li {width:100%;float:none} /* slider */ section.scroll_section.scroll_section_exhibitions .subsection-exhibitions, section.scroll_section.scroll_section_related_content .subsection-related-content, section.scroll_section.scroll_section_blog .subsection-blog, section.scroll_section.scroll_section_videos .subsection-videos, section.scroll_section.scroll_section_publications .subsection-publications{ transform: rotateX(180deg); overflow-x: scroll;overflow-y: hidden; } section.scroll_section.scroll_section_exhibitions .records_list, section.scroll_section.scroll_section_related_content .records_list, section.scroll_section.scroll_section_blog .records_list, section.scroll_section.scroll_section_videos .records_list, section.scroll_section.scroll_section_publications .records_list{ transform: rotateX(180deg); } .scroll_section_related_content .records_list ul, .scroll_section_blog .records_list ul, .scroll_section_exhibitions .records_list ul, .scroll_section_videos .records_list ul, .scroll_section_publications .records_list ul { white-space:nowrap; margin-right:0 } .scroll_section_related_content .records_list ul li, .scroll_section_blog .records_list ul li, .scroll_section_videos .records_list ul li, .scroll_section_publications .records_list ul li { display: inline-block!important;width:21%!important;margin:25px 30px 0 0;padding:0 } .scroll_section_exhibitions .records_list ul li { display: inline-block!important;width:33%!important;margin:25px 30px 0 0;padding:0 } .scroll_section_related_content .records_list ul li:last-child, .scroll_section_blog .records_list ul li:last-child, .scroll_section_exhibitions .records_list ul li:last-child, .scroll_section_videos .records_list ul li:last-child, .scroll_section_publications .records_list ul li:last-child {margin-right:0} .scroll_section_related_content .records_list ul h2, .scroll_section_blog .records_list ul h2, .scroll_section_exhibitions .records_list ul h2, .scroll_section_videos .records_list ul h2, .scroll_section_publications .records_list ul h2 {white-space:initial; } .scroll_section_blog .description, .subsection-exhibitions .description { white-space: normal!important; } .page-a-gentil #main_content, .page-feiras #main_content {max-width:80%;margin:0 auto} .fullscreen_slideshow ul li.fullscreen-slide-image-light:not(.remove-both-masks):not(.remove-bottom-mask)::after, .fullscreen-slide-light #parallax-hero_header .fullscreen_slideshow ul li:not(.remove-both-masks)::after, .fullscreen-slide-light #hero_header .fullscreen_slideshow ul li:not(.remove-both-masks)::after {background:transparent} @media only screen and (max-width: 768px) { .page-a-gentil #main_content, .page-feiras #main_content {max-width:100%;} .scroll_section_related_content .records_list ul li, .scroll_section_videos .records_list ul li, .scroll_section_publications .records_list ul li, .scroll_section_blog .records_list ul li, .scroll_section_exhibitions .records_list ul li { width: 80%!important;} .page-artists.type-fullscreen #footer .inner { padding-left: 15px; padding-right: 15px;} } .scroll_section .subtitle{display:none} /* MEDIA */ @media screen and (min-width: 1250px) { .records_list.grid_dynamic_layout_exhibitions:not(.feature_list) > ul > li { width: 33%;} .subsection-exhibition-detail-page #exhibitions_nav { float: left; display: block; margin-bottom: 0; position: relative; left: -20px; top: -40px; } } /* FIM MEDIA*/ .small-links-container { display: none; } section.scroll_section { clear: both; position: unset;} section.scroll_section {margin-bottom: 40px;} .description p a {color: #ec297b;} @media screen and (max-width: 790px) { #header #logo.user-custom-logo-image a { margin: 7px; } #h1_wrapper h1.has_subnav.cms-clickable { color: #333; } #cover_page_slideshow { position: relative; top: 0; left: 0; display: block; width: 100vw; height: 30vh; margin-left: -10px; } #sub_nav ul {display:none} .artist-header.heading_wrapper.clearwithin { padding: 0!important; margin: 0; height: auto; min-height: auto!important; } blockquote {padding:0;width:100%;} .heading_wrapper #sub_nav {display:none} }