/* CSS imports ------------------- */ /* Forced mobile nav on all sizes ------------------- */ @import url('/lib/g/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); @import url('/lib/g/themes/aspect/2.0/styles/responsive_topnav.css') screen and (max-width: 1023px); /* Font imports ------------------- */ @font-face { font-family: "Grey Cliff 2"; src: url('/usr/documents/fonts/regular_font_woff/2/greycliffcf-regular.woff') format('woff'), url('/usr/documents/fonts/regular_font_woff2/2/greycliffcf-regular.woff2') format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: "Grey Cliff 2"; src: url('/usr/documents/fonts/bold_font_woff/2/greycliffcf-bold.woff') format('woff'), url('/usr/documents/fonts/bold_font_woff2/2/greycliffcf-bold.woff2') format('woff2'); font-style: normal; font-weight: bold; } /* 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: #ffffff } /* alternative_background_color */ #protected_path_login #container, #protected_path_login #protected_path_login_container, #protected_path_login:after, #mailing_list_popup_box, #manage_cookie_preferences_popup_box { background-color: #fff } body.slide-nav-active #responsive_slide_nav_wrapper, #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field { background-color: #ffffff !important; } body.responsive-nav-side-position-fullscreen.slide-nav-open #responsive_slide_nav_wrapper::before { display: none; } #header, .header-fixed-wrapper #header { background-color: #ffffff } #header:not(.header_transparent) .inner { border: 0; } #header #store_cart_widget a { color: #ffffff; outline-color: #181215; } #preloader #loader:before { background-color: #581415; } 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: #ffffff; } .buy_enquire_quick_view .quick-view-information { border-color: #ffffff; } .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: #ffffff; } /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: "Grey Cliff 2", Sans-serif; font-weight:normal; font-style:normal; } /* 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: "Grey Cliff 2", Sans-serif; font-weight:normal; font-style:normal; } /* Navigation font ------------------- */ #top_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn { font-family: "Grey Cliff 2", Sans-serif; font-weight:normal; font-style:normal; } /* User custom html-font sizing ------------------- */ html { font-size: 12.0px; } /* Title - Heading spacing and transform ------------------- */ h1, h2, h3, h4, h5, h6, #hero_header .title, .fullscreen_slideshow .hero_splash_text, #logo a, .navigation ul li a, #slide_nav_reveal, #header_quick_search .inputField, #header_quick_search input, #header_quick_search select, #header_quick_search textarea, #header_quick_search #header_quicksearch_btn, #footer #artlogic, #footer #copyright, #footer #copyright .copyright-text, #footer .small-links-container, .page-artists h1 #artist_years, .page-artists h1 .artist_years, .event-details-wrapper .event-details span, .subsection-press .records_list .content .link a, .section-press .records_list .content .link a, #store_cart_widget, .fullscreen_slideshow .hero_splash_text, .fullscreen_slideshow .hero_splash_text .title, .fullscreen_slideshow ul li .content h2, .fullscreen_slideshow ul li .content h2 a, .fullscreen_slideshow ul li .content h2 a:visited, .fullscreen_slideshow ul li .content h2 a .separator, .fullscreen_slideshow ul li .content h2 a .h1_subtitle, #image_gallery #content_module h3, .records_list .content h2, .records_list .content .subtitle, .records_list .content .date, .records_list .content .location , .records_list ul li .content .title, .records_list ul li .content .artist, .feature_panels .panel_image_text_adjacent .content h2, .feature_list ul li .content h2, .feature_list ul li .content .subtitle, .feature_list ul li .content .date, .feature_list ul li .content .location, .full_list ul li .content h2, .full_list ul li .content .subtitle, .full_list ul li .content .date, .records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle, .link, .button, .simple_list ul li, #social_links_list ul li, .page_stats .ps_item, .page_stats .ps_pages, #protected_path_login #container h1, #protected_path_login #container label, .subheading, .poster, .subtitle, .h1_subtitle, .location , .date, .price, #fancybox-title-main .artist strong, #mc_embed_signup input.button, #home_splash .content, #hero_header .subtitle, .feature_panels .panel_hero .hero_heading .subtitle, #hero_header .inner, .feature_panels .panel_hero .hero_heading > h2, .feature_panels .panel_hero .hero_heading > a > h2, #cover_page_slideshow_pager, #artists-browser, .artists-browser , .exhibition-header .h1_subtitle, #top_nav #full_nav .has_dropdown_items .dropdown-btn, #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn{ } /* Text colours----------------------------- */ /* Heading and emphasis text colour ------------------- */ /* Colour #181215 */ h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited, .feature_panels .records_list.image_list ul li h2, .page-artists #artist_list ul li h2, .page-artists .artist_list ul li h2, .records_list .content h2, .records_list ul li h2 a, .feature_list ul li .content h2, .related_items_panel h3, .navigation ul li a:hover, .navigation ul li.active a:hover, .navigation ul li.active a, .navigation ul li.active a:visited, .records_list ul li .content .artist, .records_list ul li .content .title_and_year, .records_list ul li .content .title, #cover_page_slideshow_pager, #image_gallery #content_module h3 { color: #181215; } blockquote { border-left: 1px solid #181215; } /* 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, .heading_wrapper h1 .h1_subtitle, .h1_subtitle, .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: #181215; } .page_stats .disabled, .ps_item.disabled { color: #181215; opacity: 0.5; } /* Body/main text colour ------------------- */ body, a, a:visited, a:hover, #social_sharing_links.popup_vertical ul li.social_links_item a, #social_sharing_links.popup_vertical ul li.social_links_item a:visited, .social_sharing_links.popup_vertical ul li.social_links_item a, .social_sharing_links.popup_vertical ul li.social_links_item a:visited, .page-artists .subsection-works #image_gallery .subtitle, .page_stats .ps_item a, .page_stats .ps_item a:visited, .page-artworks #image_gallery .subtitle, .fancybox-skin, div.arprompt, .records_list .content, div.arprompt .arpromptmessage, .fancybox-type-image .fancybox-close::after, .fancybox-type-image .fancybox-prev span:after, .fancybox-type-image .fancybox-next span:after, .store_items_condensed .store_item_add_to_cart span, .store_items_condensed .store_item_add_to_cart.button span, .store_items_standard .store_item_remove_container .store_item_remove_from_cart:after, .subsection-store-products-record .store_item_remove_container .store_item_remove_from_cart:after, #sc_checkout_container #sc_checkout_payment_form .form_row .inputField, #sc_checkout_container #sc_checkout_payment_form .form_row input, .filters_panel .fp-module input[type=checkbox]+label, .filters_panel .fp-module .slider_label { color: #181215; } #privacy_policy_form_msg { color: #181215; opacity: 0.5; } /* 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: #010101; } /* 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:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_artworks ul li .image::after { padding-top:100.0%; } /* default image grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_image_grid:not(.feature_list) > ul > li { width: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 - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artists:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_artists ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artists ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artists ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artists ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artists ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artists ul li .image::after { padding-top:100.0%; } /* video featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_video_featured ul { width:100%;}} .records_list.grid_dynamic_layout_video_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_video_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_video_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_video_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_video_featured ul li .image::after { padding-top:100.0%; } /* artist works categories - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works_categories:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_artist_works_categories ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artist_works_categories ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artist_works_categories ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image::after { padding-top:100.0%; } /* exhibitions - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions:not(.feature_list) > ul > li { width:33.33% }} .records_list.grid_dynamic_layout_exhibitions ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitions ul li .image::after { padding-top:100.0%; } /* events works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events:not(.feature_list) > ul > li { width: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 - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_exhibitions_installation:not(.feature_list) > ul > li { width:33.33% }} .records_list.feature_list.grid_dynamic_layout_exhibitions_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_exhibitions_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image::after { padding-top:100.0%; } /* artist installation - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_installation:not(.feature_list) > ul > li { width: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:100.0%; } /* 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 - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_artwork_categories_landing:not(.feature_list) ul li { width:25.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: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%; } /* 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:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_exhibitions_works ul li .image::after { padding-top:100.0%; } /* publications featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_publications_featured ul { width:100%;}} .records_list.grid_dynamic_layout_publications_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_publications_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_publications_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_publications_featured ul li .image::after { padding-top:100.0%; } /* press featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_press_featured ul { width:100%;}} .records_list.grid_dynamic_layout_press_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_press_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_press_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_press_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_press_featured ul li .image::after { padding-top:100.0%; } /* news featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_news_featured ul { width:100%;}} .records_list.grid_dynamic_layout_news_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_news_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_news_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_news_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_news_featured ul li .image::after { padding-top:100.0%; } /* artfairs featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_artfairs_featured ul { width:100%;}} .records_list.grid_dynamic_layout_artfairs_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_artfairs_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_artfairs_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_artfairs_featured ul li .image::after { padding-top:100.0%; } /* exhibitions featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_exhibitions_featured ul { width:100%;}} .records_list.grid_dynamic_layout_exhibitions_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitions_featured ul li .image::after { padding-top:100.0%; } /* press - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_press:not(.feature_list) > ul > li { width:33.33% }} .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 - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_news ul { width: calc(50.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 {display:block;} .records_list.grid_dynamic_layout_news ul li .image > span {position: absolute;} .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:center; justify-content: center; -webkit-align-items:center; -ms-flex-align: center; align-items: center; } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image::after { padding-top:100.0%; } /* artist works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_works:not(.feature_list) > ul > li { width: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 { 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:33.33% } .subsection-artist-list-standard .artists_list_dynamic_columns ul { width:33.33% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:33.33% } /* Light and dark logo variants css ------------------- */ #logo .logo-variant-light { content:''; background-image:url(/usr/images/preferences/logo.png)} #logo .logo-variant-dark { content:''; background-image:url(/usr/images/preferences/logo.png)} /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 200px; max-width: 200px; } #header #logo.user-custom-logo-image::before { padding-top:42.5%; } .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-francinescialomgreenblatt/usr/images/preferences/logo.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-francinescialomgreenblatt/usr/images/preferences/logo.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-francinescialomgreenblatt/usr/images/preferences/logo.png', sizingMethod='scale')"; } #logo a { text-indent: -9999px; padding: 0; } /* Topnav text color ------------------- */ #header #store_cart_widget::before, #header #store_cart_widget.active:not(.empty)::before, #header #store_cart_widget::after, #header #store_cart_widget.active:not(.empty)::after, #top_nav.navigation ul li a, #top_nav.navigation ul li a:visited, #header_quick_search #header_quicksearch_btn, #responsive_slide_nav_wrapper #top_nav .header_quicksearch_field, #header_quick_search.active input, #header_quick_search.active select, #header_quick_search.active textarea, #header .social_media_icon, #translations_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn, #top_nav #full_nav .has_dropdown_items .dropdown-btn, #top_nav #full_nav .has_dropdown_items_mobile .dropdown-btn { color: #181215; } #slide_nav_reveal::after { color: #181215; } #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: #010101; } /* 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: #ffffff; } /* 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) !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) !important; } /* don't show if opacity = 1 */ #hero_header:not(.hero_section_detect_brightness):not(.hero-mode-split)::after { display:none !important; } /* Hero section image height ------------------- */ ::root { --hero-height: 65vh } #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, 65vh); } .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, 65vh); } /* Home page slideshow / fullscreen video ui buttons ------------------- */ /* Hero header slideshow ui buttons ------------------- */ /* Carousel feature panel ui buttons ------------------- */ .slick-prev:before, .slick-next:before { background: #FFFFFF !important; } .slick-prev:before, .slick-next:before { color: #000000 !important; } @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-francinescialomgreenblatt/usr/images/preferences/logo.png'); } } /* Artlogic preferences custom CSS - entered by Artlogic in the preferences screen ------------------- */ /* Client custom user CSS - entered by the client in the preferences screen ------------------- */ /* ------------------------------------------------ START: WEBSITE BITS -------------------------------------------------- */ /* Removes grey background that appears on hover over sections */ .cms-frontend-toolbar-active .cms-frontend-list-item:hover { background: transparent !important; } /* CTA's */ .feature_panels .link, .link span, .link a, #mc_embed_signup input.button, .simple_list ul li a { color: #ffffff; background-color: #b98218; width: fit-content; font-weight: bold; border-radius: 4px !important; } .feature_panels .link:hover, .link span:hover, .link a:hover, .link a:visited:hover, #mc_embed_signup input.button:hover, .simple_list ul li a:hover { background-color: #581415; } #content > div.feature_panels.feature_panels_layout_standard span.link.user_defined > span { padding: 0px 10px 2px 12px; } .enquire_button_container a, #artwork_description2_reveal_button a, #artwork_description2_hide_button a{ padding: 2px 12px; } /* View on wall CTA */ .roomview-button-custom { line-height: normal; } .roomview-button-custom a{ padding: 6px 7px 8px 3px; } .roomview-button-custom [class*="artlogic-social-icon"]::before { display: none; } .detail_view_module_roomview::after { content: "Bench dimensions: 300cm x 54cm"; font-size: 13px; } /* Cookie Notification CTA */ #cookie_notification #cookie_notification_accept{ border-radius: 4px !important; margin-top: 20px !important; } #cookie_notification #cookie_notification_accept a{ color: #ffffff; background-color: #b98218; width: fit-content; font-weight: bold; border-radius: 4px !important; width: auto; } #cookie_notification #cookie_notification_accept a:hover{ background-color: #581415; } #cookie_notification .inner{ margin: auto; padding: 20px; display: flex; flex-direction: column; align-items: start; } /* Email signup CTA */ #mailing_submit_button a{ color: #ffffff; background-color: #b98218; width: fit-content; font-weight: bold; border-radius: 4px !important; } #mailing_submit_button a:hover{ background-color: #581415; } #mailing_submit_button .button{ border-radius: 4px !important; } div.arprompt button.arpromptdefaultbutton { background: inherit; background-color: #b98218; border: 0px; color: #fff; } div.arprompt button.arpromptdefaultbutton:hover { background-color: #581415; } /* Currency CTA */ .currency_store_select_wrapper .currency_store_selected span { padding: 0 5px 0 0; background-color: transparent; color: black; font-weight: bold; } .currency_store_select.link { padding-right: 6px !important; } /* Add to cart CTA */ .store_item_group .button.button_compact{ border-radius: 4px !important; } .store_item_group .button.button_compact a, .store_item_group .button.button_compact > span { padding: 8px 11px 8px; font-weight: bold; background-color: #b98218; border-radius: 4px !important; } .store_item_group .button.button_compact a:hover, .store_item_group .button.button_compact > span:hover { background-color: #581415; } /* Add to cart popup CTA */ #scw_popup_buttons_container #scw_popup_close > a{ padding: 0 10px; color: #ffffff; } #scw_popup_buttons_container .button a{ font-weight: bold; background-color: #b98218; border-radius: 4px !important; width: auto !important; padding: 10px 15px 10px !important; } #scw_popup_buttons_container .button{ border-radius: 4px !important; width: auto !important; } #scw_popup_buttons_container .button a:hover{ background-color: #581415; } /* Block Quotes */ blockquote{ border-left: 1px solid #b98218; color: #581415; font-size: 1.8rem; line-height: 2.8rem; font-style: italic; } blockquote span{ font-size: 1.8rem; line-height: 2.8rem; } blockquote .quote-name{ font-size: 1.5rem; line-height: 2.5rem; display: block; font-style: normal; font-weight: bold; } blockquote .quote-date{ font-size: 1.1rem; line-height: 2.1rem; display: block; font-style: normal; font-weight: bold; } /* Block Quote Full length */ blockquote.blockQuote-Archive{ border-left: 0px; text-align: center; width: 100%; padding: 40px 0; max-width: 1200px; margin: 40px auto; border-top: 1px solid #b98218; border-bottom: 1px solid #b98218; color: #181215; } blockquote.blockQuote-Archive strong{ font-style: normal; color: #581415; } /* Remove share link from site */ .share_link{ display: none !important; } /* Carousel Arrows */ .slick-prev::before, .slick-next::before { color: #ffffff !important; background-color: #b98218 !important; } .slick-prev:hover::before, .slick-next:hover::before { background-color: #581415 !important; } /* Pageination */ .page_stats { border-top: none; } .page_stats .disabled, .ps_item.disabled { color: #581415; opacity: 1; } @media all and (max-width:378px) { .page_stats .ps_links { float: none; } } /* Hero Header Modules */ @media all and (max-width:767px) { body .feature_panels ul li.panel_hero .hero_heading { position: absolute !important; } } @media all and (max-width:530px) { .feature_panels .panel_hero .hero_heading > h2, .feature_panels .panel_hero .hero_heading > a > h2 { font-size: 2.5rem !important; line-height: 3.3rem !important; } } /* Fancybox Popup Contact form */ .fancybox-wrap .form input:focus, .fancybox-wrap .form textarea:focus { background-color: rgba(88, 20, 21, 0.2); } .fancybox-wrap .button a{ background-color: #b98218; border-radius: 4px !important; } .fancybox-wrap .button a:hover{ background-color: #581415; } .fancybox-wrap .button{ font-weight: bold; border-radius: 4px !important; } .fancybox-wrap .f_mailinglist_container legend, .fancybox-wrap .f_mailinglist_container .form_radio_button_container { width: 50%; margin-right: 0; } .fancybox-wrap input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } .fancybox-wrap input[type='radio']:checked:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #B98218; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } /* Artwork Lists */ .records_list ul li .image { margin: 0 0 5px; } .records_list .store_items_container { padding: 0; } div.records_list li{ text-align: center !important; } div.records_list li > a div.content{ text-align: center !important; } div.records_list li > div.content{ text-align: center !important; } .records_list .content .price, .records_list .item .price { font-size: 1.15rem !important; } .records_list .content .title_and_year{ font-size: 1.1em !important; line-height: 2.2em !important; } .records_list .content .medium, .records_list .content .dimensions{ font-size: 0.9em !important; line-height: 1.7em !important; } #image_gallery.unavailable #content_module .artwork_details_wrapper::before, #image_gallery.reserved #content_module .artwork_details_wrapper::before, #image_gallery.available_dot_enabled #content_module .artwork_details_wrapper::before { width: 1rem; height: 1rem; } /* FIX TO HIDE CHATBOX */ /* body > div.drift-conductor-item.drift-frame-chat.drift-frame-chat-align-right.with-transition{ display: none !important; } body > div.drift-conductor-item.drift-frame-controller.drift-frame-controller-align-right{ display: none !important; } */ /* ---------------------- */ /* Exhibition sign up page */ #protected_path_login_container .link a{ color: #fff; padding: 0 10px; } #protected_path_login_container #protected_path_login_submit.button.button_emphasis{ border-radius: 4px; background-color: #b98218; font-size: 1.25rem; font-weight: bold; } #protected_path_login_container #protected_path_login_submit.button.button_emphasis:hover{ background-color: #581415; } #protected_path_login_container #protected_path_login_submit.button.button_emphasis a { padding: 10px 35px 9px; min-width: 70px; } /* ------------------------------------------------ END: WEBSITE BITS -------------------------------------------------- */ /* ------------------------------------------------ START: HEADER -------------------------------------------------- */ #top_nav > ul.topnav{ padding-right: 50px; } #top_nav > ul.topnav > li > a{ font-weight: bold; } #top_nav > ul > li.active > a{ border-bottom: 1px solid #B98218; padding-bottom: 5px; padding-top: 6px; } #top_nav > ul > li > a:hover{ border-bottom: 1px solid #B98218; padding-bottom: 5px; padding-top: 6px; color: #581415 !important; } #header .inner{ padding: 12px 0 12px; } .artworks-page-artwork-list-container #h1_wrapper { margin-bottom: 10px; } input#header_quicksearch_field{ color: #181215 !important; } #responsive_slide_nav_content_wrapper::before { content: 'Free standard shipping with all UK & EU* orders'; font-size: 12px; font-weight: bold; background-color: #ffffff; display: block; text-align: center; color: #e7a525; z-index: 101 !important; position: relative; text-transform: uppercase; height: 35px; } /* ****************** MEDIA QUERIES ************* */ /* Small Desktop (1100px) */ @media all and (max-width:1100px) { #top_nav > ul.topnav{ padding-right: 0px; } #logo { min-width: 180px; max-width: 180px; } } /* Tablet (950px) */ @media all and (max-width:950px) { #header .header-ui-wrapper { flex-direction: column-reverse; flex-wrap: nowrap; } #header .header-icons-wrapper.active{ width: 100%; float: none; text-align: right; } } /* Tablet (900px) */ @media all and (max-width:900px) { .navigation ul li { margin: 0 15px 0 0; } #top_nav.navigation ul li a { font-size: 1.1rem; padding: 13px 0 8px; } #logo { min-width: 160px; max-width: 160px; } } /* Tablet (800px) */ @media all and (max-width:800px) { #logo { min-width: 170px; max-width: 170px; } #sub_nav{ margin-bottom: 20px !important; } } /* Large phone (700px) */ @media all and (max-width:700px) { /* Submenu items */ #sub_nav.navigation.navigation_has_multi_level ul li{ padding-top: 10px !important; } #sub_nav.navigation.navigation_has_multi_level ul li > a { padding: 6px 10px 8px; border-radius: 50px; background-color: #A58128; color: #ffffff !important; font-size: 12px; text-decoration: none !important; } #sub_nav.navigation.navigation_has_multi_level ul li.active > a { background-color: #380007; } #sub_nav.navigation.navigation_has_multi_level .sub-categories-list li > a { background-color: #ffffff !important; color: #181215 !important; border-radius: 0px; } #sub_nav.navigation.navigation_has_multi_level .sub-categories-list li.active > a { background-color: #ffffff !important; color: #380007 !important; text-decoration: none !important; } #sub_nav.navigation ul li.active, .section-artworks #sub_nav.navigation ul li:hover{ border-bottom: 0px !important; } } /* ------------------------------------------------ END: HEADER -------------------------------------------------- */ /* ------------------------------------------------ START: FOOTER -------------------------------------------------- */ #artlogic { display: none !important; } #social_links .social_links_item a .social_media_icon { background-color: #B98218 !important; border-radius: 50px; } #social_links .social_links_item a:hover .social_media_icon { background-color: #581415 !important; } #footer .social_media_icon::after { color: #ffffff; } #footer ul.footer-navigation { padding: 0 !important; } #footer ul.footer-navigation li { padding: 0 10px; display: inline-block } #footer ul.footer-navigation li:first-child { padding: 0 10px 0 0; color: #581415; } #footer ul.footer-navigation li a:hover { color: #581415 !important; text-decoration: underline !important; } #footer.advanced_footer .copyright .cookie-policy { display: none; } #footer.advanced_footer .copyright { margin: 0; } #footer.advanced_footer .copyright-text { text-transform: none !important; } #footer.advanced_footer #email { display: none; } #footer.advanced_footer { font-size: 1.1rem; } #footer.advanced_footer br { display: none; } #footer>div>div.advanced_footer_item.advanced_footer_item_1 { padding-bottom: 0 !important; font-weight: bold; } #footer a:not(.submit_button), #footer a:visited:not(.submit_button){ color: #181215; } /* ****************** MEDIA QUERIES ************* */ /* Small Desktop (1023px) */ @media all and (max-width:1023px) { #footer ul.footer-navigation li:first-child { display: block; } #footer>div>div.advanced_footer_item.advanced_footer_item_1 { padding: 0 !important; margin: 0 auto; display: block; text-align: center; } #social_links .social_links_item { float: none !important; display: inline-block !important; } #footer>div>div#social_links { padding: 0 !important; margin: 0 auto !important; display: block !important; text-align: center !important; float: none !important; } #footer.advanced_footer { line-height: 2.5rem; } #footer ul.footer-navigation { padding-bottom: 15px !important; } #email.social_links_item { display: none !important; } #footer.advanced_footer .copyright { float: none; text-align: center; } } /* -------------------------------------------------------- END: FOOTER -----------------------------------------------------------*/ /* ------------------------------------------------ START: HOME PAGE -------------------------------------------------- */ /* Exhibition */ .section-home #content span.hero_section.parallax-element.parallax-loaded > span.inner > span > a > h2.fp_title{ line-height: 5.5rem; } /* Collections */ .section-home .records_list:not(.feature_list) .content { text-align: center; } .section-home #content > div.feature_panels.feature_panels_layout_standard span.link.user_defined{ margin: 0 auto; } .section-home .records_list h2.fp_title{ font-size: 1.5rem; } .section-home .records_list .link, .simple_list ul li { font-size: 1.1rem; } /* Fix padding issueon introduction section */ .section-home #content > div.feature_panels.feature_panels_layout_standard.cms-frontend-list-editable > div > ul > li.panel.panel_type_4.feature_variant_2.panel_id_34.panel_number_1.panel_image_text_adjacent.panel_style_standard.panel_variant_2.fp_unnamed.panel_background_enabled.cms-frontend-list-item.visible{ padding-bottom: 10px !important; } /* ****************** MEDIA QUERIES ************* */ /* Small desktop (1000px) */ @media all and (max-width:1000px) { .section-home .feature_panels ul li.panel_image_text_adjacent, .section-home .feature_panels ul li.panel_image_text_adjacent .content, .section-home .feature_panels .panel_image_text_adjacent.panel_variant_2 .content, .section-home .feature_panels ul li.panel_image_text_adjacent .outer, .section-home .feature_panels ul li.panel_image_text_adjacent .image, .section-home .feature_panels ul li.panel_image_text_adjacent .outer .image { width: 100%; float: none; padding: 0; display: block; margin-bottom: 20px; } .section-home .feature_panels .panel_image_text_adjacent { flex-direction: column !important; } .section-home blockquote{ border-left: 0px; text-align: center; width: 100%; padding: 40px 0; max-width: 1200px; margin: 40px auto; border-top: 1px solid #b98218; border-bottom: 1px solid #b98218; } } /* ------------------------------------------------ END: HOME PAGE -------------------------------------------------- */ /* ------------------------------------------------ START: ARTWORK PAGE -------------------------------------------------- */ .section-artworks #sub_nav.navigation ul li a, #sub_nav.navigation ul li a:visited { color: #181215; font-weight:bold; padding-bottom: 5px !important; } .section-artworks #sub_nav.navigation ul li.active a, .section-artworks #sub_nav.navigation ul li a:hover{ color: #581415; line-height: 20px; } /* .section-artworks #sub_nav.navigation ul li.active a{ line-height: 19px; } */ .section-artworks #sub_nav.navigation ul li.active, .section-artworks #sub_nav.navigation ul li:hover{ border-bottom: 1px solid #B98218; } .section-artworks #sub_nav.navigation ul li.artwork-category-link-all{ display: none; } .section-artworks #sub_nav.navigation ul li.artwork-category-link-on-paper{ margin-left: 0; } .section-artworks #sub_nav.navigation{ width: 100%; } .section-artworks .artworks-page-artwork-list-container .dimensions span{ display: none !important; } .section-artworks .dimensions span{ font-weight: bold !important; } .section-artworks #artwork_description::after{ content: 'Your choice of frame can be selected at the checkout'; } .section-artworks .currency_store_selected.link span{ background-color: transparent; color: #181215; padding: 0; } .section-artworks .filters_panel.filters_layout_dropdown .fp-legend { color: #181215; } /* ****************** MEDIA QUERIES ************* */ /* Tablet (800px) */ @media all and (max-width:800px) { body.section-artworks.layout-hero-header.layout-fixed-header:not(.layout-hero-mode-inset):not(.layout-hero-header-aspect-ratio) #main_content { padding-top: 50px; } } /* Tablet (700px) */ @media all and (max-width:700px) { .section-artworks #sub_nav.navigation ul li.active a, .section-artworks #sub_nav.navigation ul li a:hover{ line-height: 21.6px; } } /* Mobile (459px) */ @media all and (max-width:459px) { .section-artworks #container{ overflow: hidden; } } /* ------------------------------------------------ END: ARTWORK PAGE -------------------------------------------------- */ /* ------------------------------------------------ START: EXHIBITION PAGE -------------------------------------------------- */ .section-exhibitions #exhibitions-grid-container .link span{ padding: 0 10px; margin: 0 auto; } .section-exhibitions #sidebar .link a{ color: #ffffff; padding: 0 10px; } .section-exhibitions #sidebar .link a{ color: #ffffff; padding: 0 10px; } .section-exhibitions .artwork_details_wrapper .detail_view_module{ width: 95% !important; } .section-exhibitions #sub-item-virtual-exhibition.active, .section-exhibitions #sub-item-works.active{ border-bottom: 1px solid #A58128; font-weight: bold; } .section-exhibitions #sub-item-virtual-exhibition:hover, .section-exhibitions #sub-item-works:hover{ border-bottom: 1px solid #A58128; } .section-exhibitions #sub-item-virtual-exhibition:hover a, .section-exhibitions #sub-item-works:hover a{ color: #380007 !important; } .section-exhibitions #sub-item-virtual-exhibition a, .section-exhibitions #sub-item-works a{ font-family: "Grey Cliff 2", Sans-serif !important; font-weight: bold !important; } /* ------------------------------------------------ END: EXHIBITION PAGE -------------------------------------------------- */ /* ------------------------------------------------ START: ARCHIVE -VIEWING ROOMS -------------------------------------------------- */ .section-viewing-room .records_list .artist{ display: none; } .section-archive .flow_list_row .fp_title span{ text-transform: capitalize; } .section-viewing-room .cms_button{ border: none; background-color: #B98218 !important; padding: 0 10px 3px; color: #fff; text-transform: uppercase; font-weight: bold; } .section-viewing-room .cms_button:hover{ background-color: #581415 !important; } .section-viewing-room p.archive-button-back{ width: 100%; text-align: center; } /* ****************** MEDIA QUERIES ************* */ /* Small desktop (1000px) */ @media all and (max-width:1000px) { .section-viewing-room .feature_panels ul li.panel_image_text_adjacent, .section-viewing-room .feature_panels ul li.panel_image_text_adjacent .content, .section-viewing-room .feature_panels .panel_image_text_adjacent.panel_variant_2 .content, .section-viewing-room .feature_panels ul li.panel_image_text_adjacent .outer, .section-viewing-room .feature_panels ul li.panel_image_text_adjacent .image, .section-viewing-room .feature_panels ul li.panel_image_text_adjacent .outer .image { width: 100%; float: none; padding: 0; display: block; margin-bottom: 20px; } .section-viewing-room .feature_panels .panel_image_text_adjacent { flex-direction: column !important; } } /* ------------------------------------------------ END: ARCHIVE -VIEWING ROOMS -------------------------------------------------- */ /* ------------------------------------------------ START: BLOG PAGE -------------------------------------------------- */ .section-blog .records_list .link a{ padding: 0 10px; color: #fff !important; } .section-blog .blog_detail_about_author { display: none; } .section-blog .cms_button{ border: none; background-color: #B98218 !important; padding: 0 10px 3px; color: #fff; text-transform: uppercase; font-weight: bold; } .section-blog .cms_button:hover{ background-color: #581415 !important; } .section-blog .records_list.reading_list ul li .image { max-width: 500px; } .section-blog #sidebar .records_list .item a{ padding: 8px 10px 8px 0; font-weight: bold; } .section-blog #sidebar .records_list .item .posted{ white-space: nowrap; } .section-blog #sidebar .records_list .item a:hover{ color: #581415; } .section-blog #sidebar .records_list .item .name:hover{ border-bottom: 1px solid #B98218; padding-bottom: 5px; } .section-blog #content #content_module p{ text-align: left; } .section-blog #content #content_module .title_container{ text-align: left; } .section-blog #sidebar .feature_panels .content ul.simple_item_list li { text-align: left !important; } .section-blog div.title_container > h2 > a{ font-weight: bold; } .section-blog div.caption{ font-style: italic; font-size: 13px; } .section-blog .records_list .blog_toolbar { padding: 0 !important; } .section-blog .records_list .blog_toolbar span.poster{ text-transform: capitalize; } /* Add share button to blog article page */ .subsection-blog-record .share_link{ display: block !important; border: 0px !important; } .subsection-blog-record #social_sharing_links{ border: 0px !important; } .subsection-blog-record .social_links_item a{ background-color: transparent; } .subsection-blog-record .social_links_item .add_this_social_media_icon{ background-color: #581415; } .subsection-blog-record .social_links_item .add_this_social_media_icon:hover{ background-color: #581415; } #social_sharing_links > ul > li:nth-child(4){ display: none; } .section-blog.page-blog #sidebar .feature_panels ul li .link{ color: #b98218 !important; background-color: transparent !important; } .section-blog.page-blog #sidebar .feature_panels ul li .link:hover { color: #581415 !important; } .section-blog.page-blog #sidebar .feature_panels ul li .link a{ color: #b98218 !important; background-color: transparent !important; } .section-blog.page-blog #sidebar .feature_panels ul li .link a:hover { color: #581415 !important; } /* ****************** MEDIA QUERIES ************* */ /* Small desktop (1100px) */ @media all and (max-width:1100px) { .section-blog #sidebar .records_list .item .posted{ display: block; } .section-blog #sidebar .records_list .item .divider{ display: none; } } /* Tablet (767px) */ @media all and (max-width:767px) { .section-blog #sidebar .records_list .item .posted{ display: inline-block; } .section-blog #sidebar .records_list .item .divider{ display: inline-block; } } /* Mobile (500px) */ @media all and (max-width:500px) { .section-blog #sidebar .records_list .item .posted{ display: block; } .section-blog #sidebar .records_list .item .divider{ display: none; } } /* ------------------------------------------------ END: BLOG PAGE -------------------------------------------------- */ /* ------------------------------------------------ START: CONTACT PAGE -------------------------------------------------- */ .section-contact #social_links_list{ display: none; } .section-contact #sidebar { padding-left: 0px; } .section-contact #sidebar img { object-position: 100% !important; } .section-contact #contact_form { max-width: 600px; padding-left: 50px; } .section-contact #contactFormSubmit{ background-color: #B98218; border-radius: 4px; font-weight: bold; } .section-contact #contactFormSubmit a{ color: #ffffff; } .section-contact #contactFormSubmit:hover{ background-color: #581415; } .section-contact .button a, .button > span { padding: 10px 15px 10px; } .section-contact .form .form_row label, .form .form_row legend { font-weight: bold; } .section-contact .form input:focus, .section-contact .form textarea:focus { background-color: rgba(88, 20, 21, 0.2); } .section-contact .f_mailinglist_container legend, .section-contact .f_mailinglist_container .form_radio_button_container { width: 50%; margin-right: 0; } .section-contact input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } .section-contact input[type='radio']:checked:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #B98218; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } .section-contact #contact_form .form .form_row.form_row_submit { padding-left: 118px !important; } .section-contact #contact_form .form:not(.form_layout_hidden_labels):not(.form_style_simplified) .button { margin: 0 auto !important; } /* ****************** MEDIA QUERIES ************* */ /* Tablet (767px) */ @media all and (max-width:767px) { .section-contact #contact_form { max-width: 100%; padding-left: 0; } .section-contact #sidebar { display: none; } .section-contact #main_content { padding-top: 50px !important; } } /* Small Mobile (459px) */ @media all and (max-width:459px) { .section-contact #contact_form .form .form_row.form_row_submit { padding-left: 0px !important; } } /* ------------------------------------------------ END: CONTACT PAGE -------------------------------------------------- */ /* ------------------------------------------------ START: SHOPPING BASKET PAGE -------------------------------------------------- */ #shopping_cart_information td.sc_cell_remove .remove, #wishlist_information td.sc_cell_remove .remove { height: 25px; } #sc_checkout_button .button a{ font-weight: bold; background-color: #b98218; border-radius: 4px !important; font-size: 1.4rem; } #sc_checkout_button .button{ border-radius: 4px !important; } #sc_checkout_button .button a:hover{ background-color: #581415; } #sc_checkout_back_button .link a{ padding: 0 10px; } #sc_checkout_payment_form #sc_checkout_back_button a{ color: #fff; } .subsection-confirmation #content .link a{ color: #fff; padding: 0 10px; } #sc_vat_total{ display: none; } .subsection-store-basket #sc_content_below .basket_paper-order span{ /* font-weight: bold; */ display: block; } .subsection-store-basket #sc_content_below .basket_paper-order p{ width: 100%; max-width: 600px; padding-bottom: 20px; } .subsection-store-basket #sc_content_below .basket_paper-order button{ font-weight: bold !important; background-color: #b98218 !important; text-transform: uppercase !important; color: #ffffff; padding: 0 10px 1px !important; margin-top: 20px; border: none !important; cursor: pointer; border-radius: 4px; } .subsection-store-basket #sc_content_below .basket_paper-order button:hover{ background-color: #581415 !important; } .subsection-store-basket #sc_content_below .basket_paper-order button#cta-sent{ background-color: #581415 !important; } .subsection-store-basket #sc_content_below .basket_paper-order input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #d1d3d1; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } .subsection-store-basket #sc_content_below .basket_paper-order input[type='radio']:checked:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: #B98218; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } .subsection-store-basket #sc_content_below .basket_paper-order label{ padding-left: 5px; } .subsection-store-basket #sc_content_below #cta-send.formColourShow, .subsection-store-basket #sc_content_below #cta-sent.formColourShow{ display: block; } .subsection-store-basket #sc_content_below #cta-send.formColourHide, .subsection-store-basket #sc_content_below #cta-sent.formColourHide{ display: none; } .subsection-store-basket #sc_content_below input#myName, .subsection-store-basket #sc_content_below input#myEmail{ border: 1px solid #581415; padding: 10px; width: 100%; max-width: 400px; margin-bottom: 20px; } .subsection-store-basket #save_checkout_delivery_form input#sc_shipping_address_matches_billing:checked:after { width: 15px; height: 15px; border-radius: 6px; top: -2px; left: -4px; position: relative; background-color: #B98218; content: ''; display: inline-block; visibility: visible; border: 2px solid white; } .subsection-store-basket #save_checkout_delivery_form input#sc_shipping_address_matches_billing { border-radius: 15px; } /* ------------------------------------------------ END: SHOPPING BASKET PAGE -------------------------------------------------- */ /* ------------------------------------------------ START: PRIVACY AND COOKIES -------------------------------------------------- */ .section-privacy-policy ul.privacyLists li{ list-style-type: none; list-style-position: inside; text-indent: -.6em; padding-left: 1em; } .section-privacy-policy #content #content_module{ display: none !important; } .section-privacy-policy ul.privacyLists li a{ text-decoration: none; } .section-privacy-policy .privacyCookiesContent a{ font-weight: bold; color: #B98218; } .section-privacy-policy .privacyCookiesContent a:hover{ color: #581415; } .section-privacy-policy ul.privacyLists li span{ font-weight: bold; } .section-privacy-policy ul.privacyLists{ padding-top: 20px; padding-bottom: 20px; } .section-privacy-policy h3{ margin-top: 80px; font-weight: bold; color: #581415; } /* ****************** MEDIA QUERIES ************* */ /* Tablet (767px) */ @media all and (max-width:767px) { .section-privacy-policy .feature_panels_inner .image.restricted-image-container{ display: none !important; } } /* ------------------------------------------------ END: PRIVACY AND COOKIES -------------------------------------------------- */ /* ------------------------------------------------ START: SHIPPING -------------------------------------------------- */ .section-shipping ul.shippingLists li{ list-style-type: none; list-style-position: inside; text-indent: -.6em; padding-left: 1em; } .section-shipping #content #content_module{ display: none !important; } .section-shipping .shipping-terms-block{ margin-bottom: 30px; } .section-shipping ul.shippingLists li a{ text-decoration: none; } .section-shipping .shippingContent a{ font-weight: bold; color: #B98218; } .section-shipping .shippingContent a:hover{ color: #581415; } .section-shipping ul.shippingLists li span{ font-weight: bold; } .section-shipping ul.shippingLists{ padding-top: 20px; padding-bottom: 20px; } .section-shipping h3{ font-weight: bold; color: #581415; } .section-shipping table{ border: 1px solid #b5b7b9; border-collapse: collapse; width: 100%; max-width: 850px; margin: 20px auto 0; } .section-shipping table p{ padding: 0 !important; } .section-shipping .center-col{ border-left: 1px solid #b5b7b9; border-right: 1px solid #b5b7b9; } .section-shipping td, .section-shipping th{ padding: 5px 15px; text-align: center; text-align: center; } .section-shipping th{ color: #B98218; } .section-shipping tr:nth-child(odd){ background: #e4e7ea; } .section-shipping th{ background-color: #581415; } .section-shipping .shipping-terms{ font-size: 14px; line-height: 19px; margin: 0px auto 0; width: 100%; max-width: 850px; padding: 5px 10px !important; } .section-shipping .s--terms2{ padding-top: 10px; } .section-shipping p{ padding-top: 10px; padding-bottom: 10px; } /* ****************** MEDIA QUERIES ************* */ /* Desktop (1000px) */ @media all and (max-width:1000px) { .section-shipping span.image.restricted-image-container.lazyload_disable_min_height.image-is-cropped.lazyload_wrapper.lazyload_initialized.loaded{ display: none !important; } .section-shipping .feature_panels .panel_image_text_adjacent .content{ width: 100% !important; } } /* Mobile (600px) */ @media all and (max-width:600px) { .section-shipping table { font-size: 14px; line-height: 20px; } } /* ------------------------------------------------ END: SHIPPING -------------------------------------------------- */