/* 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 ------------------- */ @import url(https://fonts.googleapis.com/css2?display=swap&family=Open+Sans); @import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700&display=swap&subset=cyrillic); @import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap); /* 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, .dropdown-mask, .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: #ffffff } .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: #4bb4cb; } 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; } /* Fonts----------------------------- */ /* Main body font ------------------- */ body, input, select, textarea { font-family: 'Open Sans', Sans-Serif; font-style: normal; font-weight: 300; } /* Heading and emphasis font ------------------- */ #logo a, #footer, #home_splash .content, .navigation ul li a, .link, .link a, .page_stats, .subheading span, .subheading, .subtitle, .poster, .date, .price, #hero_heading, #hero_header .title, #hero_header .subtitle, h1, h2, h3, h4, h5, h6, .fullscreen_slideshow .hero_splash_text, .records_list ul li .content .title, .records_list ul li .content .artist, #cover_page_slideshow_pager, #mc_embed_signup input.button, .countdown_clock, #artists-browser .artists-browser-label, .artists-browser .artists-browser-label { font-family: 'Playfair Display', Sans-Serif; } /* Navigation font ------------------- */ #top_nav.navigation ul li a, #top_nav #full_nav .dropdown-btn { font-family: 'Bebas Neue', Sans-Serif; } /* User custom html-font sizing ------------------- */ html { font-size: 11.25px; } /* 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: 16.31px; } body { font-size: 1.0001532802rem; 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 { text-transform: none; letter-spacing: 0; } /* Text colours----------------------------- */ /* Heading and emphasis text colour ------------------- */ /* Colour #388ea1 */ 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: #388ea1; } blockquote { border-left: 1px solid #388ea1; } #logo a, #logo a:visited { color: #388ea1; } /* Subheading and secondary emphasis text colour ------------------- */ /* 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: #388ea1; } /* Header layout ------------------- */ /* Dynamically created grid layout css ------------------- */ /* artfairs - detail_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artfairs:not(.feature_list) > ul > li { width:50.0% }} .records_list.feature_list.grid_dynamic_layout_artfairs:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artfairs:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artfairs ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artfairs ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_artfairs ul li .image::after { padding-top:50.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artfairs > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artfairs > ul > li { padding-right: 20px; } } /* instagram - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_instagram ul { width: calc(25.0% - 20px) }} .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:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_instagram ul li .image::after { padding-top:200.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_instagram .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_instagram .tile_list_formatted ul { padding-right: 20px; } } /* artworks - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_artworks:not(.feature_list) ul li { width:25.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_artworks .flow_list_formatted ul li { margin-right: 20px; } } /* default image grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_default_image_grid:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_default_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_default_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_default_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_default_image_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_default_image_grid ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_default_image_grid > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_default_image_grid > ul > li { padding-right: 20px; } } /* video - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_video:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_video .flow_list_formatted ul li { margin-right: 20px; } } /* default grid - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_default_grid:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_default_grid .flow_list_formatted ul li { margin-right: 20px; } } /* artists - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.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:1023px) { .records_list.grid_dynamic_layout_artists > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artists > ul > li { padding-right: 20px; } } /* 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.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_works_categories:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_artist_works_categories ul li .image::after { padding-top:200.0%; } @media screen and (min-width:1023px) { .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 - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_exhibitions ul { width: calc(25.0% - 20px) }} .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 {display:block;} .records_list.grid_dynamic_layout_exhibitions ul li .image > span {position: absolute;} .records_list.grid_dynamic_layout_exhibitions ul li .image::after { padding-top:200.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions .tile_list_formatted ul { padding-right: 20px; } } /* events works - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_events:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_events .flow_list_formatted ul li { margin-right: 20px; } } /* 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.grid_dynamic_layout_exhibitions_installation ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_installation ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_exhibitions_installation ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_exhibitions_installation ul li .image::after { padding-top:200.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_exhibitions_installation > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_exhibitions_installation > ul > li { padding-right: 20px; } } /* artist installation - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_artist_installation:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_artist_installation:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_artist_installation ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_artist_installation ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_artist_installation ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_installation > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_artist_installation > ul > li { padding-right: 20px; } } /* blog - reading_list-------------------------------------- */ .records_list.grid_dynamic_layout_blog ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_blog ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_blog ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_blog ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_blog ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_blog ul li .image::after { padding-top:66.6666666667%; } /* store featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_store_featured ul { width:100%;}} .records_list.grid_dynamic_layout_store_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_store_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_store_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_store_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_store_featured ul li .image::after { padding-top:100.0%; } /* events featured - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_events_featured:not(.feature_list) > ul > li { width:50.0% }} .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 - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_artwork_categories_landing:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_artwork_categories_landing .flow_list_formatted ul li { margin-right: 20px; } } /* events - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_events:not(.feature_list) ul li { width:25.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_events .flow_list_formatted ul li { margin-right: 20px; } } /* store - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_store:not(.feature_list) ul li { width:25.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_store .flow_list_formatted ul li { margin-right: 20px; } } /* 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 - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_feature_panels:not(.feature_list) ul li { width:25.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_feature_panels .flow_list_formatted ul li { margin-right: 20px; } } /* exhibitions works - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_exhibitions_works:not(.feature_list) ul li { width:33.33% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_exhibitions_works .flow_list_formatted ul li { margin-right: 20px; } } /* 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.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:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .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:50.0%; } /* press - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_press:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_press .flow_list_formatted ul li { margin-right: 20px; } } /* news - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_news:not(.feature_list) ul li { width:16.66% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_news .flow_list_formatted ul li { margin-right: 20px; } } /* 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 - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_search:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_search .flow_list_formatted ul li { margin-right: 20px; } } /* viewing rooms featured - feature_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.feature_list.grid_dynamic_layout_viewing_rooms_featured ul { width:100%;}} .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img { object-fit: cover; width: 100%; height: 100%; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span.objectfit-fallback-bg { background-size:cover; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image > span > a { height: 100%; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img { font-family:object-fit; } .browser-msie .records_list.grid_dynamic_layout_viewing_rooms_featured ul li img:first-letter { font-family:object-fit; } .records_list.grid_dynamic_layout_viewing_rooms_featured ul li .image::after { padding-top:100.0%; } /* viewing rooms works - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_viewing_rooms_works:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_viewing_rooms_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_viewing_rooms_works:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_viewing_rooms_works ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_viewing_rooms_works > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_viewing_rooms_works > ul > li { padding-right: 20px; } } /* artist works - tile_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.tile_list.grid_dynamic_layout_artist_works ul { width: calc(25.0% - 20px) }} .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:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_artist_works ul li .image::after { padding-top:200.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_artist_works .tile_list_formatted { margin-right: -20px; } .records_list.grid_dynamic_layout_artist_works .tile_list_formatted ul { padding-right: 20px; } } /* exhibitors - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_exhibitors:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_exhibitors .flow_list_formatted ul li { margin-right: 20px; } } /* feature panels image grid - image_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.grid_dynamic_layout_feature_panels_image_grid:not(.feature_list) > ul > li { width:25.0% }} .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image::after { display:none; } .records_list.feature_list.grid_dynamic_layout_feature_panels_image_grid:not(.grid_dynamic_layout_exhibitions_featured) ul li .image > span { display:block; position: static } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span.objectfit-fallback-bg { background-size:contain; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image > span { -webkit-justify-content:center; justify-content: center; -webkit-align-items:flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .records_list.grid_dynamic_layout_feature_panels_image_grid ul li .image::after { padding-top:100.0%; } @media screen and (min-width:1023px) { .records_list.grid_dynamic_layout_feature_panels_image_grid > ul { margin-right: -20px; } .records_list.grid_dynamic_layout_feature_panels_image_grid > ul > li { padding-right: 20px; } } /* publications - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_publications:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_publications .flow_list_formatted ul li { margin-right: 20px; } } /* team - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_team:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_team .flow_list_formatted ul li { margin-right: 20px; } } /* viewing rooms - flow_list-------------------------------------- */ @media screen and (min-width:1023px) {.records_list.flow_list.grid_dynamic_layout_viewing_rooms:not(.feature_list) ul li { width:20.0% }} @media screen and (min-width:1023px) { #content .records_list.grid_dynamic_layout_viewing_rooms .flow_list_formatted ul li { margin-right: 20px; } } /* 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:25.0% } .subsection-artist-list-preview .artists_list_dynamic_columns ul { width:33.33% } /* Light and dark logo variants css ------------------- */ /* Logo text color ------------------- */ #logo { background: none; width: 100%; min-width: 140px; max-width: 140px; } #header #logo.user-custom-logo-image::before { padding-top:57.8571428571%; } .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-artlogicwebsite1439/usr/images/preferences/header-logo-loader-5-512-100dpi.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-artlogicwebsite1439/usr/images/preferences/header-logo-loader-5-512-100dpi.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-artlogicwebsite1439/usr/images/preferences/header-logo-loader-5-512-100dpi.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: #4594a7; } /* Subnav text color ------------------- */ /* Responsive nav text color ------------------- */ /* Responsive nav active / hover text color ------------------- */ /* Button text color ------------------- */ /* Hero section image opacity ------------------- */ #mirror-slideshow.hero-parallax-element-mirror ul li .image, #mirror-slideshow.hero-parallax-element-mirror ul li .video_container .video_inner, #hero_header #slideshow ul li .image, #hero_header #hero_image_responsive, .parallax-mirror img.parallax-slider { opacity: 1 !important; } .parallax-mirror:not(#parallax-hero_header) img.parallax-slider { opacity: 1 !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: 100vh } #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, 100vh); max-height: none; } .layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header-record-data.layout-hero-header:not(.type-fullscreen ) #main_content::before, body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data #hero_header > .inner, body.layout-hero-header-record-data.layout-hero-header.layout-hero-header-record-data:not(.type-fullscreen ) #main_content::before, body.layout-hero-header.layout-hero-header-record-data #hero_header.hero-mode-split { height: var(--hero-height, 100vh); max-height: none; } /* Home page slideshow / fullscreen video ui buttons ------------------- */ /* Hero header slideshow ui buttons ------------------- */ #hero_header .slideshow-pagination-controls .slideshow-control { transform: scale(1) !important; border: none !important; background-color: #ffffff !important; } #hero_header .slideshow-pagination-controls .btn-prev:after, #hero_header .slideshow-pagination-controls .btn-next:after { color: #000000 !important; border-color: #000000 !important; /* Needed for V1 template sites as the arrows are done in css rather than using an artlogic social icon */ } /* 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-artlogicwebsite1439/usr/images/preferences/header-logo-loader-5-512-100dpi.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 Header Nav Bar Height Change ------ */ .header-fixed-wrapper #header .inner { position: relative; min-height: 0; margin: 0 auto; box-sizing: border-box; padding: 13px 0 13px; } /* ------ START Mobile HEADER Nav Bar Height Change ------ */ /* @media screen and (max-width: 767px) { .header-fixed-wrapper #header .inner { position: relative; min-height: 0; margin: 0 auto; box-sizing: border-box;.fp_title padding: 13px 0 13px!important; } } */ /*.header_quick_search #header_quicksearch_btn { color: #595959!important; } body.layout-hero-header #container:not(.page-scroll) #header.header_transparent:not(.page-scroll) .header_quicksearch_btn { color: #ffffff!important; }*/ /* ----- END Header Nav Bar Height Change ------ */ /*------ HERO HEADER SMALLER GAP BETWEEN TITLE AND SUBTITLE ------ */ #hero_header .hero_heading .title { margin-bottom: 20px!important; padding-bottom: 5px; } /* ------ TOP NAV TEXT STYLE ------ */ /* #top_nav .topnav { -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; transition-duration: 0.4s; transition-timing-function: ease-in-out; transition-delay: 0s; transition-property: opacity; transition: opacity .4s ease-in-out; transition-duration: 0.4s; transition-timing-function: ease-in-out; transition-delay: 0s; transition-property: opacity; } */ /* ------ HOME PAGE MOBILE VIDEO VIEWPORT FIX ------*/ /*@media screen and (max-width: 767px) { .section-home #video_background .fullscreen_slideshow .fullscreen_slideshow_video { object-fit: contain!important; } } */ /*@media screen and (max-width: 767px) { .section-home #video_background .fullscreen_slideshow ul li .image { margin: 0!important; background: center center no-repeat; background-size: contain!important; background-attachment: fixed; } }*/ /* ------ Body PARAGRAPH LINE HEIGHT ------ */ body { line-height: 1.7rem; } @media screen and (max-width: 767px) { body { line-height: 1.5rem; } } /* ------ Hero Header TITLE SHADOWS ------ */ #hero_heading .title { /*text-shadow: 2px 2px 2px #2c2c2c;*/ font-size: 3.6em; /* line-height: 3.1em;*/ text-shadow: 2px 2px 2px rgba(32, 32, 32, 0.7); } #hero_heading .subtitle { text-shadow: 1px 1px 1px rgba(32, 32, 32, 0.8); } /* ------ Testimonials Full Bleed Slideshow TITLE & SUBTITLE SHADOWS ------ */ #slideshow .title { text-shadow: 2px 1px 2px #2c2c2c; } #slideshow .subtitle { text-shadow: 1px 1px 1px #1a1a1a; } /* ------ Full Bleed Adverts - TEXT SHADOW ------ */ .hero_heading .description { text-shadow: 1px 1px 2px #2c2c2c; } .hero_heading span.subtitle { text-shadow: 1px 1px 2px #2c2c2c; } .hero_heading h6 { text-shadow: 1px 1px 1px #090909; } /* ------ FULL BLEED TESTIMONIAL IMAGES ------- */ .hero_heading h2.fp_title { text-shadow: 1px 1px 2px #2c2c2c; } /* ------ FOOTER BOTTOM MARGIN STYLING ------ */ #footer { margin-bottom: 1px; } /* ------ FOOTER PRIVACY, TERMS, ETC FONT STYLING ------*/ /* ------ Increase separation between footer sections ------*/ #footer.advanced_footer .advanced_footer_item { padding-right: 30px; } #footer .small-links-container { font-size: 1.0rem; } /* ------ FOOTER DARK TEXT COLOUR FOR GALLERY ADDRESS ------- */ .address-colour { color: #252525; } /* ------ FOOTER COPYRIGHT FONT STYLING ------*/ #footer #copyright .copyright-text { font-size: 0.8rem; line-height: 1.1rem; margin-right: 0px; } /* ------ FOOTER ARTLOGIC LINK FONT STYLING ------*/ #footer #artlogic { font-size: 0.8rem; margin-left: -2px; } /*------ REDUCE THE BIG SPACE BELOW HERO HEADER ABOVE THE MAIN CONTENT ID ------*/ /* ------ SECTION TESTIOMIALS - REMOVE NORMAL 50PX PADDING WHEN HEADER IS TURNED OFF AND JUST A FULL BLEED IMAGE IS USED VIA FEATURE PANELS ------ */ .section-our-testimonials #main_content { padding-top: 0px!important; } /* ------ SECTION VIDEOS - REMOVE NORMAL 50PX PADDING WHEN HEADER IS TURNED OFF AND JUST A FULL BLEED IMAGE IS USED VIA FEATURE PANELS ------ */ .section-video-wall #main_content, .section-video-wall-2 #main_content { padding-top: 0px!important; } @media screen and (max-width: 767px) { .section-our-testimonials #main_content { padding-top: 0px!important; } } @media screen and (max-width: 767px) { .section-video-wall #main_content, .section-video-wall-2 #main_content { padding-top: 0px!important; } } .section-testpage #main_content { padding-top: 0px!important; } @media screen and (max-width: 767px) { .section-testpage #main_content { padding-top: 0px!important; } } /*------ SHADOWS ON ARTWORK PAGE IMAGES ------ */ /* ------ Artwork Main Page ------ */ .artwork-image-desktop { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } /* ------ SHADOW ON ARTISTS PAGE IMAGES BEFORE HOVER ------*/ .records_list.grid_dynamic_layout_artists ul li .image > span { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } /* ------ Artwork Hover Images SHADOW ------ */ .hover-loaded { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } /* ------ SHADOW ON EXHIBITION PAGE WORKS IMAGES ------*/ .records_list.grid_dynamic_layout_exhibitions_works ul li .image > span { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } /* ------ SHADOW ON OWN ART ARTWORKS PARSED FROM D/B plus POPUP IMAGE WHEN CLICKED ------*/ .section-own-art-interest-free #content > div.feature_panels.feature_panels_layout_standard > div > ul > li > div > div.flow_list_formatted > ul > li > a > span > span > img, #image_container > div.item.cycle-slide.cycle-slide-active > span > a > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } /* ------ Artwork Popup Images SHADOW ------ */ /* .image_popup .image_popup_zoom .fancybox-filtered .focustrap-focusable .focustrap-item .focustrap-first { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } */ /* ------ SHADOWS on OVERVIEW & BIO IMAGES ------ */ .subsection-overview .object-fit-container > img.object-fit-contain, .subsection-biography .object-fit-container > img.object-fit-contain { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } /* ------ SHADOWS ON THE INDIVIDUAL IMAGE WITHIN THE ARTISTS & ARTWORKS PAGE -----*/ .section-artists #image_container > div > span > a > img, .section-artworks #image_container > div.item.cycle-slide.cycle-slide-active > span > a > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } /* ------ IMAGE SHADOWS ON THE OWN ART INTEREST FREE PAGE -----*/ .section-own-art-interest-free #content > div.feature_panels.feature_panels_layout_standard.cms-frontend-list-editable > div > ul > li > div.records_list.flow_list > div.flow_list_formatted > ul > li > a > span > span > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3)!important; box-shadow: 0px 10px 14px -10px #2c2c2c!important; } /* ------ BACKGROUND CHANGE ON ARTISTS AND ARTWORKS PAGES ------ */ /* .artworks-page-artwork-list-container .artworks-page-container { background-image: url('https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/main/art_bck.jpg') top left repeat!important; } */ /* ARTISTS PAGE - ARTIST'S NAME - FONT STYLE ----------------------------------------------------*/ .page-artists .artist_list ul li h2, .records_list .content h2 { font-size: 1.65em; line-height: 1.65em; text-align: center; /*text-shadow: 2px 2px 4px rgba(72,150,169,0.3);*/ /*color: #585858;*/ color: #454545; /* Darker Gray */ /*text-shadow: 3px 3px 5px rgba(85,85,85,0.6);*/ /*color: #388ea1;*/ /*color: #4896a9;*/ margin: -8px 0 0px; } /* NEWS ITEM TITLE ON NEWS PAGE & Meet The Team Page - TEXT ALIGNMENT ----------------------------------------------------*/ .section-news .records_list .content h2, .section-team .records_list .content h2 { font-size: 1.1em; line-height: 1.2em; font-weight: 500; text-align: left; /*text-shadow: 2px 2px 4px rgba(72,150,169,0.3);*/ /*color: #585858;*/ color: #3b3b3b; /* Darker Gray */ /*text-shadow: 3px 3px 5px rgba(85,85,85,0.6);*/ /*color: #388ea1;*/ /*color: #4896a9;*/ margin: -8px 0 3px; } /* Related Artists Entries - Styling ---------------------------------------*/ #related_artists > div > ul > li > a > div > h2 { font-size: 1.2em; line-height: 1.3em; text-align: left; } /* Exhibitions List Title Style ------------------------------------*/ .section-exhibitions .records_list .content h2 { font-size: 1.6em!important; font-weight: 500; line-height: 1.3em; text-align: left!important; margin-bottom: 12px; } /* Events List Title Style ------------------------------------*/ .section-events .records_list .content h2 { font-size: 1.6em!important; font-weight: 500; line-height: 1.3em!important; text-align: left!important; margin-bottom: 12px; } /* ------ Artwork Description and data on Artworks page - Font Size & Line Height ------ */ .title_and_year, .title_and_year_title { line-height: 1.5em; } .records_list ul li .signed_and_dated, .records_list ul li .dimensions, .records_list ul li .medium, .records_list ul li .series, .records_list ul li .edition_details { color: #808080 !important; line-height: 1.5em; font-weight: 200; letter-spacing: 0; text-transform: none; } #content_module .edition_details, #content_module .detail_view_module .edition_details { color: #707070 !important; line-height: 1.5em; font-weight: 200; letter-spacing: 0; text-transform: none; } .records_list ul li .content .title, .records_list ul li .content .artist { font-size: 1.3em; line-height: 1.7em; color: #454545; /* Darker Gray */ /* color: #010101; */ margin-bottom: 0rem; } /* ------ Artwork Information text style on popup ------*/ .artwork_details_wrapper .detail_view_module { line-height: 1.4em; } /* ------ Artwork Description container left border highlight------ */ #artwork_description_container #artwork_description { border-left: solid 0.1em; /*border-color: #1e535e;*/ border-color: #4BB5CB; padding-left: 8px; margin-bottom: 1px; } /* ------ Artwork Description text font and line height ------ */ #artwork_description_container #artwork_description { /*color: #338a9c;*/ font-size: 0.9em; line-height: 1.2em; margin-bottom: 1px; } /* ------ as above for but read more popup ------- */ #artwork_description_container #artwork_description_2 { border-left: solid 0.1em; border-color: #1e535e; padding-left: 8px; margin-bottom: 1px; /*color: #338a9c;*/ font-size: 0.9em; line-height: 1.2em; } /* ---- read more popup open font size ----- */ #artwork_description_2 > div.detail_view_module.prose { font-size: 0.9em!important; line-height: 1.2em; } /* ------ Artwork Description Container Reduce bottom margin between text and read more button ------ */ #artwork-description .description { margin-bottom: 2px; } /* Print Edition Font Style ------------------------------------------*/ .edition_details { color: #111; } /*----------------------------------------*/ /*-----PRICE FONT STYLING-----------------*/ /*----------------------------------------*/ /* PRICE FONT STYLING FOR ARTWORKS ON EACH ARTIST PAGE ---------------------------------------------------------*/ .section-artists #content .tile_list_formatted ul li .price { font-size: 1.3em; line-height: 1.7em; color: #454545; /* Darker Gray */ } /* --- PRICE FONT STYLING FOR ARTWORKS ON EACH ARTIST PAGE - AFTER CLICKING ON THE ARTWORK IE. THE POPUP ----------------------------------*/ .section-artists #content_module .store_add_to_cart_container .price { font-size: 1.3em; line-height: 1.7em; color: #454545; /* Darker Gray */ margin-bottom: 20px; } /* PRICE FONT STYLING ON ARTWORKS PAGES & POPUP PAGE ----------------------------------------*/ .section-artworks #content .records_list .flow_list_formatted ul li .price { font-size: 1.3em; line-height: 1.7em; color: #454545; /* Darker Gray */ } /* PRICE FONT STYLING ON ARTWORKS PAGES - AFTER CLICKING ON THE ARTWORK IE. THE POPUP ----------------------------------------*/ .section-artworks #content_module .store_add_to_cart_container .store_add_to_cart_buttons .price { font-size: 1.3em; line-height: 1.7em; color: #454545; /* Darker Gray */ margin-bottom: 20px; } /* PRICE FONT on NEW ARRIVALS POPUP -------------------------------------*/ .section-new-arrivals #content_module .store_add_to_cart_container .store_add_to_cart_buttons .price { font-size: 1.3em; line-height: 1.7em; color: #454545; /* Darker Gray */ margin-bottom: 20px; } /* ------ VARIANT (Large Print and Small Print) on Artwork Page */ /*.store-item-switch .variant { font-size: 1.0em; line-height: 1.3em; }*/ /* MAX CHECK THIS BELOW --------------------------------------*/ #content_module > div > div.store_add_to_cart_container.clearwithin > div.store_add_to_cart_buttons > div > div > div > div > div.variant { font-size: 1.1em; line-height: 1.3em; color: #131313; font-weight: 300; margin-top: 30px; margin-bottom: 10px; } /*#content_module > div > div.store_add_to_cart_container.clearwithin > div.store_add_to_cart_buttons > div > div > div:nth-child(2) > div > div.variant { font-size: 1.2em; color: #131313; font-weight: 400!important; line-height: 1.2em; margin: 30px 0px 15px 0px; }*/ /*------ Text size on read more button ------ */ #image_gallery #content_module .link, #image_gallery #content_module .link a { font-size: 1.0rem; } /* ------ Artwork Title on Popup ------ */ .page-artworks #image_gallery .subtitle { color: #328a9d; } /* ------ BUTTON LINK - ROUNDED CORNERS ------ */ .button { border-radius: 8px; border: solid 1px; border-color: rgba(75, 181, 202, 0.4); padding-bottom: 4px; -webkit-box-shadow: 0px 10px 12px -10px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 12px -10px #999999; } /* ------ BUTTON LINKS - ON HOVER ------ */ .button:hover { background-color: #000000!important; } .cms_button:hover { background-color: #000000!important; color: #FFFFFF; } /* ------ Artwork Category Titles Sub Navigation Font ------ */ .navigation ul li a { line-height: 1.1rem; font-size: 0.8rem; text-transform: uppercase; font-weight: 300; padding: 0 0 5px; } /* ------ Artwork Category Sub Navigation Right Margin ------ */ #sub_nav.navigation ul li { margin: 0 12px 0 0; } /* ------ ARTIST WORKS - OVERVIEW - ETC FONT SIZE Sub Navigation Font ------ */ .subsection-artist-detail-page .artist-header .navigation ul li a { line-height: 1.2rem; font-size: 1.1rem; text-transform: uppercase; font-weight: 400; padding: 0 0 5px; } .subsection-artist-detail-page .artist-header #sub_nav.navigation ul li { margin: 0 20px 0 0; } /*------ EXHIBITIONS PAGE OVERVIEW, WORKS & ADD TO CALENDAR TEXT SIZE ------*/ .section-exhibitions .exhibition-header .navigation ul li a { line-height: 1.2rem; font-size: 1.1rem; text-transform: uppercase; font-weight: 400; padding: 0 0 5px; } /* ------ VIDEOS PAGE START ------ */ .vimeovideos { display: flex; height: auto; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: flex-start; gap: 0px 5px; /* Gap between videos on a row */ } .vimeo-item { flex-grow: 0; width: 324px; /* Or whatever */ height: auto; /* Or whatever */ border-radius: 0px 0px 7px 7px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; background-color: #FFFFFF; background-image: url("https://www.dropbox.com/scl/fi/fdh5ik8xvvhohe5e0svz3/ouri-loader.gif?rlkey=jrgw1wk7rpb8wrn8m10h49zwp&raw=1"); background-size: 40%; /* Size of loading indicator gif */ background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ flex-basis: 18%; margin: 0px 0px 5px 0px; /* Gap underneath a row */ text-align: center; } .vimvidcaptionbox { margin-top:-1px; border-radius: 0px 0px 7px 7px; background-color: #4BB5CB; color: #FFFFFF; font-size: 0.87em; line-height: 1.6em; padding: 12px 5px 12px 5px; } .vimvidcaptionbox:link, .vimvidcaptionbox:hover { background-color: #000000; color: #FFFFFF; } a.vimvidlinkbox:link, a.vimvidlinkbox:visited { text-decoration: none!important; border-bottom: 0px dotted #F0F0F1; color: #FFFFFF!important; } a.vimvidlinkbox:hover { /*border-bottom: 1px dotted #4BB5CB;*/ text-decoration: none; color: #4BB5CB!important; } @media only screen and (max-width: 950px) { .vimeovideos { flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; } } @media only screen and (max-width: 950px) { .vimeo-item { align-items: center; text-align: center; flex-basis: 30%!important; } } /* ------ VIDEOS PAGE END ------ */ /* ------ BROWSE BY CATEGORY PAGE ------*/ .browse-cat { display: flex; flex-wrap: wrap; justify-content: space-between; } .b-cat-item { flex: 0 19%; height: 324px; /*width: 324px;*/ margin-bottom: 1.2%; /* (100-19*5)/2 */ } /* ------ BROWSE BY CAT IMAGE LINK FIX ------ */ .cat-polyptych { background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/browse-by-category/polyptych-324.jpg"); width: 324px!important; height: 324px!important; background-repeat: no-repeat; background-size: contain!important; /*background-size: cover!important;*/ } .cat-item-captionbox { margin-top:-1px; border-radius: 0px 0px 7px 7px; background-color: #4BB5CB; color: #FFFFFF; font-size: 0.6em; line-height: 1.6em; padding: 12px 5px 12px 5px; } .cat-item-captionbox:link, .cat-item-captionbox:hover { background-color: #000000; color: #050505; } a.cat-item-linkbox:link, a.cat-item-linkbox:visited { text-decoration: none!important; border-bottom: 0px dotted #F0F0F1; color: #FFFFFF!important; } a.cat-item-linkbox:hover { /*border-bottom: 1px dotted #4BB5CB;*/ text-decoration: none; color: #4BB5CB!important; } /* ------ TITLE TAG STYLING ------*/ /* [data-title]:hover:after { opacity: 1; transition: all 0.1s ease 0.3s; visibility: visible; } [data-title]:after { content: attr(data-title); background-color: #3B8EA0; color: #FFF; font-size: 120%; position: absolute; padding: 1px 5px 2px 5px; bottom: -1.6em; left: 100%; white-space: nowrap; box-shadow: 1px 1px 3px #222222; opacity: 0; border: 1px solid #111111; z-index: 99999; visibility: hidden; } [data-title] { position: relative; } */ /* ------ END TITLE TAG STYLING ------*/ /* ------ Signup Button ------*/ a.cms_button { background-color: #4BB4CB!important; border: 0px!important; padding: 4px 17px 6px 17px!important; color: white; } /*------ SEARCH ICON IN HEADER - REMOVE TOP PADDING TO ALIGN PROPERLY ------*/ /*.header_quick_search #header_quicksearch_btn { display: inline-block !important; padding-top: 0px!important;; margin-top:-4px } .header_quicksearch_btn { padding-top: 0px 0px 7px 0px; } */ /* ------ Search box text color ------ */ /*.header_quick_search input, .header_quick_search select, .header_quick_search textarea { font-size: 1.2rem; color: #585858; margin: 0; } */ /*------ Search results font size and color change ------*/ #searchresults_rows .flow_list_formatted h2.title { color: #328090!important; font-size: 1.0em!important; line-height: 1.2em!important; } /* ------ Artist and Artwork Attribution in the Video Wall Header Image ------ */ .section-video-wall #artist-attribution, .section-video-wall-2 #artist-attribution { position: absolute; top: 35%; left: 0%; width: auto; height: auto; border-radius: 0px 7px 7px 0px; background: rgba(0, 0, 0, 0.3); /* Black background with 30% opacity */ padding: 11px 20px 15px 25px; text-align: left; color: rgba(204, 204, 204, 1); font-size: 0.9em; line-height: 1.4em; } .section-video-wall #artist-attribution .emphasised, .section-video-wall-2 #artist-attribution .emphasised { color: rgba(204, 204, 204, 0.4); } .section-video-wall .description .artwork-attribution-link:link, .section-video-wall .description .artwork-attribution-link:visited, .section-video-wall-2 .description .artwork-attribution-link:link, .section-video-wall-2 .description .artwork-attribution-link:visited { /*color: #4BB5CA!important;*/ box-shadow: inset 0 0 0 0 rgba(84, 179, 214, 0.4); /* color: #54b3d6;*/ color: #4BB5CA; /*margin: 0 -.25rem;*/ /*padding: 0 .25rem;*/ padding: 0px 3px 2px 2px; transition: color .3s ease-in-out, box-shadow .3s ease-in-out; } .section-video-wall .description .artwork-attribution-link:hover, .section-video-wall-2 .description .artwork-attribution-link:hover { /*color:#FFFFFF!important; border-bottom: 1px dotted #4BB5CA;*/ box-shadow: inset 195px 0 0 0 rgba(84, 179, 214, 0.4); color: white; } /* HIDE ABOVE FROM MOBILE - 1023px is the width that the mobile menu also activates */ @media screen and (max-width: 1023px) { .section-video-wall #artist-attribution, .section-video-wall-2 #artist-attribution { visibility:hidden!important; } } /* ------ Newsletter Signup section in feature panel on Artists and Artworks Page ------ */ .section-artists #hero-heading .subtitle #n-signup, .section-artworks #hero-heading .subtitle #n-signup { position: absolute; top: 87%; /*left: 0%;*/ width: auto; height: auto; /* left: 50%; transform: translate(-50%, -50%);*/ margin: 0 auto; border-radius: 7px 7px 0px 0px; background: rgba(0, 0, 0, 0.3); /* Black background with 30% opacity */ padding: 11px 20px 15px 25px; text-align: left; color: rgba(204, 204, 204, 1); font-size: 0.9em; line-height: 1.4em; } .section-artists #hero-heading .subtitle #n-signup .emphasised, .section-artists #hero-heading .subtitle #n-signup .emphasised { color: rgba(204, 204, 204, 0.4); } .section-artists #hero-heading .subtitle .n-signup-link:link, .section-artists #hero-heading .subtitle .n-signup-link:visited, .section-artworks #hero-heading .subtitle .n-signup-link:link, .section-artworks #hero-heading .subtitle .n-signup-link:visited { /*color: #4BB5CA!important;*/ box-shadow: inset 0 0 0 0 rgba(84, 179, 214, 0.4); /* color: #54b3d6;*/ color: #4BB5CA; /*margin: 0 -.25rem;*/ /*padding: 0 .25rem;*/ padding: 0px 3px 2px 2px; transition: color .3s ease-in-out, box-shadow .3s ease-in-out; } .section-artists #hero-heading .subtitle .n-signup-link:hover, .section-artworks #hero-heading .subtitle .n-signup-link:hover { /*color:#FFFFFF!important; border-bottom: 1px dotted #4BB5CA;*/ box-shadow: inset 195px 0 0 0 rgba(84, 179, 214, 0.4); color: white; } /* HIDE ABOVE FROM MOBILE - 1023px is the width that the mobile menu also activates */ @media screen and (max-width: 1023px) { .section-artists #hero-heading .subtitle #n-signup, .section-artworks #hero-heading .subtitle #n-signup { visibility:hidden!important; } } /* -------- CONTACT PAGE LAYOUT FIX ------ */ /*.section-content .heading_wrapper, .section-content h1.hidden { display: none!important; } */ .contact-vid-corner-rounded { border-radius: 7px!important; overflow: hidden; z-index: 1; height: 500px; width: 527px; /* -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c;*/ } .contact-wrapper { position: relative; width: 100%; height: auto; /*margin-top: -40px;*/ } .contact-floatleft { /*position: alsolute;*/ width: 80%; float: left; } .contact-floatright { width: 20%; float: right; } /* -------- END CONTACT PAGE LAYOUT FIX ------ */ /* ------ STYLE FOOTER LINKS ------ */ /*#footer a.title:link, #footer a.title:visited { box-shadow: inset 0 0 0 0 #54b3d6; /* color: #54b3d6;*/ color: #252525; padding: 0px 3px 3px 2px; transition: color .3s ease-in-out, box-shadow .3s ease-in-out; } #footer a.title:hover { box-shadow: inset 225px 0 0 0 #54b3d6; color: white; } */ #footer a.external-link-aria-label-added:link, #footer a.external-link-aria-label-added:visited { box-shadow: inset 0 0 0 0 #54b3d6; /* color: #54b3d6; */ color: #3a3b3b!important; transition: color .3s ease-in-out, box-shadow .3s ease-in-out; } #footer a.external-link-aria-label-added:hover :not(#contact_info) { box-shadow: inset 225px 0 0 0 #54b3d6; color: white!important; } #footer a.title:link, #footer a.title:visited { box-shadow: inset 0 0 0 0 #54b3d6; color: #3a3b3b; /*margin: 0 -.25rem;*/ /*padding: 0 .25rem;*/ padding: 0px 3px 3px 2px; transition: color .3s ease-in-out, box-shadow .3s ease-in-out; } #footer a.title:hover { box-shadow: inset 225px 0 0 0 #54b3d6; color: white; } /* @media only screen and (max-width: 1023px) { #footer a.title:link, #footer a.title:visited { text-decoration: none!important; color: #3a3b3b!important; } } @media only screen and (max-width: 1023px) { #footer a.title:hover { color: #2f7482!important; } } */ /* -------------- STYLE FOOTER VECTORS IMAGES ------*/ /*#footer-vectors { margin-top: 50px!important; margin-bottom: 50px!important; padding-top: 50px!important; padding-bottom: 50px!important; height: 80px; width: auto; align: left; }*/ /*.footer-vector-img { float: left; vertical-align: top; margin-right: 14px; }*/ /* ------ END STYLE FOOTER LINKS ------ */ /* ------ HOME TEXT TOP HEADING STYLING ------*/ /*.section-home h2.fp_title { margin-top: -30px!important; padding-top: 0px!important; }*/ /* ------ Remove gap above main heading on Home Page ------ */ .section-home .feature_panels { padding-top: 20px!important; } /* ------ ARTISTS TEXT TOP HEADING STYLING ------*/ .section-about .content_section, h5 { color: #464646!important; } .section-about #hero_heading .title { margin-bottom: 2px; } /* ------ CONTACT PAGE TITLES COLOR ------*/ .section-contact .page_content, h4 { color: #464646!important; } /*.section-home #content { padding-top: 10px!important; }*/ /* ------ Christmas background image in Christmas Opening Hours on contact page -----------------------------------------------------------------*/ .christmas-bg { background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/main/christmas-sprig-baubel-transp3.png"); background-position: 100% 50%; background-size: contain; background-repeat: no-repeat; } @media screen and (max-width: 950px) { .christmas-bg { background-image: none; }} /* ------ Title Color on Join The Club Page ------*/ .section-join-the-club h2.fp_title { /*color: #222222;*/ /*color: #4bb4cb;*/ color: #328A9D; } /* ------ Title Heading Colour on Testimonials Page ------*/ .section-our-testimonials h2.fp_title { color: #464646; } /* ------ STYLE NEWSLETTER SIGNUP ON HOME PAGE ------*/ .newssign-button { border: 0px!important; margin: 15px auto auto auto; width: 50%; } .news-signup-text { font-size: 1.2em; line-height: 1.4em; text-align: center; color: #000000; } /* Newsletter Sigup Page Background ---------------------------------------*/ .section-mailing-list #main_content { background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/main/signup-bkg2.jpg"); background-size: 625px 625px; background-position: top center; background-repeat: no-repeat; } /* ------ SUBSCRIPTION PAYMENTS LINKS PAGE ------ */ .section-join-the-club .panel_background { background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/main/swirlbkgblack.jpg"); border-radius: 20px 20px 20px 20px; background-position: left top; background-repeat: repeat; z-index: 99999; } .section-join-the-club #responsive_slide_nav_content_wrapper { /*background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/background-patterns/pattern-full-bloom.jpg");*/ /*background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/background-patterns/pattern-white-paperboard.png");*/ background-position: left top; background-repeat: repeat; z-index: -9000; } /*.section-join-the-club #subscription-panel { background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/background-patterns/pattern-dark-random_grey_variations2.jpg"); background-color: #ffffff; background-position: left top; background-repeat: repeat; /*background-position: top center;*/ /*z-index: 9998; -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; }*/ .section-join-the-club #subscription-panel .subs-panel-inner { padding: 30px 20px 30px 20px!important; color: #FFFFFF } /* ------ SUBS PAGE ------*/ .subs-pay-choices { display: flex; height: auto; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: flex-start; padding: 40px 0px 5px 0px!important; gap: 0px 35px; /* Gap between videos on a row */ } @media only screen and (max-width: 950px) { .subs-pay-choices { flex-direction: column; flex-wrap: no-wrap; justify-content: center; align-items: center; padding: 40px 0px 20px 0px!important; } } .subs-type { flex-grow: 0; width: 300px; /* Or whatever */ min-width: 0px; height: auto; /* Or whatever */ border-radius: 30px 30px 30px 30px; border: 3px solid #3E96BE; background-color: #FFFFFF; flex-basis: 25%; margin: 0px 0px 35px 0px; /* Gap underneath a row */ padding: 10px 10px 2px 10px; text-align: center; color: #FFFFFF; -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.4); box-shadow: 0px 10px 14px -10px #0d0d0d; } @media only screen and (max-width: 950px) { .subs-type { flex-basis: 30%; flex-direction: column; margin: 0px 0px 25px 0px; /* Gap underneath a row */ flex-wrap: no-wrap; justify-content: center; align-items: center; } } h2.subs-font { color: #4BB5CB!important; /*color: #cb624b!important;*/ } h4.subs-font { color: #4BB5CB!important; /*color: #cb624b!important;*/ } h4.subs-font-black { color: #000000!important; } h6.subs-font { color: #328a9d!important; /*color: #cb624b!important;*/ font-size: 1.4em; font-weight: bold; line-height: 2.0em; border-bottom: 1px solid #328a9d; } .subs-font { color: #ffffff!important; } .caveat-font { margin-top: 45px; color: #727272!important; font-weight: normal; font-size: 0.8em!important; line-height: 1.1em!important; } .left-aligned-text { text-align: left; line-height: 1.4em; background: none; border: 0px solid; padding: 10px 10px 0px 10px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 0px 0px #2c2c2c; } /*.bill-period-title { color: #FFFFFF padding-bottom: 5px; border-bottom: 1px solid #000000; }*/ ul.subs-list { list-style-type: disc; } .join-intro { padding: 30px 5px 10px 5px; } /* ------ STYLE NEWS PAGE H2 TAG & DATE TAG ------ */ .section-news .date { font-size: 0.8em!important; color: #7d7d7d!important; font-weight: 200; line-height: 1.0em!important; text-transform: capitalize!important; /*margin-bottom: -5px; padding-bottom: 0px;*/ } /*------ NEWS PAGE IMAGE SHADOWS IN LIST ------ ---------------------------------------------------------------------*/ .section-news #content > div > div > div.flow_list_formatted > ul > li > a > span > span > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } /* ------ STYLE THE TEXT SELECTION COLOR ------ */ ::selection { /*background: #4BB4CB;*/ /*background: #cb624b;*/ background: #B29965; color: #ffffff; /* color: #000000;*/ } /* ------ Info Graphics Styling ------ */ div .center-infographic { /*width: 20%!important;*/ display: block; margin-left: 30%; margin-right: 30%; } /* ------ STORE STYLE ------*/ /* ------ ENQUIRE BUTTON FONT COLOR ------*/ .enquire_button_container .button a:hover { color: #FFFFFF!important; } /*------ Interiors Page Text Styling for Records and Image Shadows ------*/ .section-interiors .content .subtitle { font-size: 1em; line-height: 1.4em; } .section-interiors .content .subtitle .aii-artist { font-size: 1.1em; } .section-interiors .feature_panels_inner > ul { margin-bottom: 10px!important; } .section-interiors .records_list ul li .image { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } .section-interiors .hero_section .hero_heading .description .prose { line-height: 0.8em!important; } .section-interiors .content .subtitle a.interiors-cap-lnk:link, .section-interiors .content .subtitle a.interiors-cap-lnk:visited { display:inline; color: #4896A8; font-size: 1em; line-height: 1.1em; text-decoration: none!important; } .section-interiors .content .subtitle a.interiors-cap-lnk:hover, .section-interiors .content .subtitle a.interiors-cap-lnk:active { display:inline; color: #4896A8; font-size: 1em; line-height: 1.1em; text-decoration: none!important; border-bottom: 1px dotted #000000; } /* ----------- Interiors Page Styling Mobile ---- ----------------------------------------------------*/ *@media screen and (max-width: 767px) { .section-interiors #responsive_slide_nav_content_wrapper #container #hero_header #slideshow ul > li > span.content span.inner > span > span.title { position: absolute; bottom: 8%; padding-left: 15px; font-size: 0.9em!important; text-align: left; line-height: 1.1em; }} *@media screen and (max-width: 767px) { .section-interiors #responsive_slide_nav_content_wrapper #container #hero_header #slideshow ul > li > span.content span.inner > span > span.subtitle { margin-top: 20px; padding-left: 15px; font-size: 0.5em!important; text-align: left; line-height: 0.7em; }} /*-------- Private Members Page Carousel Header Style ------ */ .section-private-membership .panel_header h2 { display: block; margin-top: 120px!important; width: 100%!important; height: auto; /*background: rgb(48,49,48); background: linear-gradient(90deg, rgba(48,49,48,1) 0%, rgba(171,171,171,0.9417016806722689) 52%, rgba(48,49,48,1) 100%);*/ background-image: url("/usr/library/images/background-patterns/gray-light-gray.bmp"); background-repeat: repeat-y; background-size: contain; background-position: center center; padding: 20px 15px 23px 15px; color: #FFFFFF; text-shadow: 2px 1px 2px #2c2c2c; } @media screen and (max-width: 767px) { .section-private-membership .panel_header h2 { margin-top: 30px!important; } } /* ------ Lower parallax ad on Private Membership page - Text colour for sub headings on the image ------*/ .section-private-membership .description h4 { color: #ffffff!important; } /* ------ 3 COLUMN RESPONSIVE LAYOUT ------*/ .responsive-three-columns { display:flex; flex-wrap:wrap; column-gap:1.7rem; } /* columns */ .responsive-three-columns > * { width:100%; padding:0rem; } /* tablet breakpoint */ @media (min-width:768px) { .responsive-three-columns > * { width:calc((100% - 3.4rem) / 3); } } /* ------- CENTER THE IMAGE CAPTION ON THE EXHIBITIONS PAGE ------*/ .section-exhibitions .caption { max-width: fit-content; margin-left: auto; margin-right: auto; } .section-exhibitions .link.next { max-width: fit-content!important; margin-left: auto!important; margin-right: auto!important; margin-top:5px; } /* ------- END CENTER THE IMAGE CAPTION ON THE EXHIBITIONS PAGE ------*/ /* ------ Subtle Box Shadow - used on EXHIBITIONS - Artist's Statement Styling ------*/ .subtle-box-shadow { padding:20px 20px 20px 20px; border: 2px solid #f4f4f4; border-radius: 10px 10px 10px 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 20px; } /* ----- Amendment of subtel box shadow above, for The Art Hound Gallery Link -------------------------------------------------------------------------------*/ .art-hound { padding:20px 30px 20px 30px; /*background-color: #000000;*/ border: 0px solid #f4f4f4; background-color: #31373d; color: #FFFFFF; box-shadow: rgba(149, 157, 165, 0.5) 0px 4px 15px; } .header-sf-rounded { width: inherit; margin-top: -80px!important; margin-bottom: -30px!important; border-radius: 13px 13px 0px 0px; background-color:#4896A9; /* Seafoam */ /*background-color:#B29965;*/ /* Gold */ /*background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/in-page-headers/header-sf-img-bkg3.jpg"); background-position: top, left; background-repeat: no-repeat, no-repeat;*/ /*background: rgba(72, 150, 168, 1);*/ padding:20px 20px 20px 20px; border: 0px solid #f4f4f4; box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 20px; text-align: center; } /* ------ HOME PAGE STYLING -----------------------------------*/ /* ----- SHADOWS ON SLIDESHOW ON HOMEPAGE -------*/ /*.section-home #content .feature_panels > ul > li > .panel .visible > span > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; }*/ /*---- H1 HEADING AT THE VERY TOP OF THE PAGE ----------------------------------------------*/ .section-home .slider-content h2.fp_title { color: #FFFFFF!important; width: auto; /*padding: 0px 30px 7px 30px;*/ padding: 9px 30px 13px 30px; margin: 0px auto 20px auto; border-radius: 8px 8px 0px 0px; /*background-image: linear-gradient(#6a6d6d, #6a6d6d);*/ /*background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/heading_backgrounds/mask-faces.jpg");*/ background-image: linear-gradient(#509BAC, #327f90); /* background-color: #509BAC;*/ background-size: cover; background-repeat: no-repeat; background-position: center center; /*box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 20px;*/ font-family: 'Playfair Display', Sans-Serif; font-size: 1.8em; line-height: 1.8em!important; text-align: left; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); /*box-shadow: 1.5px 2.9px 3.7px -0.4px hsla(191, 41%, 27%, 0.34); box-shadow: 2.7px 5.4px 6.8px -0.7px hsla(191, 41%, 27%, 0.34);*/ /* - (46, 2%, 32%, 0.34); - */ /*box-shadow: 4.5px 8.9px 11.2px -1.1px hsla(191, 41%, 27%, 0.34);*/ /* box-shadow: 7.1px 14.3px 18px -1.4px hsla(191, 41%, 27%, 0.34);*/ } /*---- Home Page Boxed Layout ----------------------------------------------*/ .section-home .slider-content .subtitle { padding: 18px 30px 33px 30px; /*background-color: #000000;*/ /*background-color: #ED0777;*/ background-color: #F7F7F7; border: 0px solid #f4f4f4; border-radius: 10px 10px 10px 10px; margin-bottom: 50px!important!; /*background-color: #31373d;*/ text-shadow: 2px 2px 4px rgba(32, 32, 32, 0.3)!important; /*text-shadow: 0.8px 1.6px 2px -0.8px hsla(331, 99%, 27%, 0.36); text-shadow: 2.1px 4.1px 5.2px -1.7px hsla(331, 99%, 27%, 0.36); text-shadow: 5px 10px 12.6px -2.5px hsla(331, 99%, 27%, 0.36);*/ font-size: 1.2em; text-transform:uppercase; font-weight: 550; color: #323232!important; line-height: 1.6em!important; /*box-shadow: rgba(149, 157, 165, 0.5) 0px 4px 15px;*/ box-shadow: 1.5px 2.9px 3.7px -0.4px hsla(30, 25%, 63%, 0.34); box-shadow: 2.7px 5.4px 6.8px -0.7px hsla(30, 25%, 63%, 0.34); box-shadow: 4.5px 8.9px 11.2px -1.1px hsla(30, 25%, 63%, 0.34); box-shadow: 7.1px 14.3px 18px -1.4px hsla(30, 25%, 63%, 0.34); } .max-text-box { padding: 18px 30px 24px 30px; /*background-color: #000000;*/ /*background-color: #ED0777;*/ background: url("/usr/library/images//bkg-tiles/paper-texture-m.bmp") repeat; /*background-color: #fffffd;*/ /*background-color: #eeebe1;*/ /*#e1eeee;*/ /*#EAE7DC;*/ /* #eeebe1*/ /*background-color: rgba(234, 226, 220, 0.5);*/ /*background-color: rgba(246, 246, 246, 0.8);*/ background-color: rgba(252, 250, 248, 0.5); border: 0px solid #ededed; border-radius: 10px 10px 10px 10px; margin-bottom: 40px!important; /*background-color: #31373d;*/ /*text-shadow: 2px 2px 4px rgba(32, 32, 32, 0.3)!important;*/ /*text-shadow: 0.8px 1.6px 2px -0.8px hsla(331, 99%, 27%, 0.36); text-shadow: 2.1px 4.1px 5.2px -1.7px hsla(331, 99%, 27%, 0.36); text-shadow: 5px 10px 12.6px -2.5px hsla(331, 99%, 27%, 0.36);*/ font-size: 1.2em; /*color: #323232!important;*/ color: #3A3A3A; line-height: 1.6em!important; /*box-shadow: rgba(149, 157, 165, 0.5) 0px 4px 15px;*/ /*box-shadow: 1.5px 2.9px 3.7px -0.4px hsla(60, 25%, 63%, 0.34); box-shadow: 2.7px 5.4px 6.8px -0.7px hsla(60, 25%, 63%, 0.34); box-shadow: 4.5px 8.9px 11.2px -1.1px hsla(60, 25%, 63%, 0.34);*/ /* box-shadow: 7.1px 14.3px 18px -1.4px hsla(60, 25%, 63%, 0.34);*/ } h4.max-text-box, h3.max-text-box { font-size: 1.3em; line-height: 1.6em; } p.max-text-box { font-family: 'Playfair Display', Sans-Serif; font-size: 1.3em; line-height: 1.6em; } .max-emphasised { font-size: 1.2em; text-transform:uppercase; font-weight: 500; } a.mstylelink:link, a.mstylelink:visited { color: #388ea1; border-bottom: 0px dotted #3A3A3A; text-decoration: none!important; } a.mstylelink:hover { color: #3a3a3a; /* color: #388ea1; */ border-bottom: 2px dotted #3a3a3a!important; text-decoration: none; } /*---- REMOVE EXTRA MARGIN AT BOTTOM OF THE PANELS ----*/ .section-home .feature_panels_inner > ul { list-style: none; padding: 0; margin: 0 0 10px; display: block; } .section-home .feature_panels .panel_image_text_adjacent.panel_background_enabled { position: relative; padding-top: 55px; padding-bottom: 10px; margin-bottom: 0px; overflow: visible; } /* ---- Border around text boxes on Home Page --------------------------------------------------*/ /*.section-home .feature_panels .description .prose { border: 2px solid rgba(0,0,0,1.00)!important; border-radius: 8px 8px 8px 0px; }*/ p.max-text-box-border { padding: 18px 30px 20px 30px; /*border: 2px solid rgba(0,0,0,1.00)!important;*/ /*border: 2px solid #4997A8;*/ border: 2px solid #777777; border-radius: 8px 8px 8px 8px; margin-bottom: 40px!important; font-family: 'Playfair Display', Sans-Serif; font-size: 1.3em; color: #3A3A3A; line-height: 1.5em!important; } /* ------- EVENTS PAGES STYLING --- -----------------------------------*/ .events-text-box { padding: 18px 30px 24px 30px; /*background-color: #000000;*/ /*background-color: #ED0777;*/ /*background: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/background-patterns/gravel.png") repeat;*/ /*background-color: #fffffd;*/ /*background-color: #eeebe1;*/ /*#e1eeee;*/ /*#EAE7DC;*/ /* #eeebe1*/ /*background-color: rgba(234, 226, 220, 0.5);*/ background-color: rgba(248, 246, 245, 0.5); border: 0px solid #ededed; border-radius: 10px 10px 10px 10px; margin-bottom: 40px!important; /*background-color: #31373d;*/ /*text-shadow: 2px 2px 4px rgba(32, 32, 32, 0.3)!important;*/ /*text-shadow: 0.8px 1.6px 2px -0.8px hsla(331, 99%, 27%, 0.36); text-shadow: 2.1px 4.1px 5.2px -1.7px hsla(331, 99%, 27%, 0.36); text-shadow: 5px 10px 12.6px -2.5px hsla(331, 99%, 27%, 0.36);*/ font-size: 1.2em; /*color: #323232!important;*/ color: #3A3A3A; line-height: 1.6em!important; /*box-shadow: rgba(149, 157, 165, 0.5) 0px 4px 15px;*/ /*box-shadow: 1.5px 2.9px 3.7px -0.4px hsla(60, 25%, 63%, 0.34); box-shadow: 2.7px 5.4px 6.8px -0.7px hsla(60, 25%, 63%, 0.34); box-shadow: 4.5px 8.9px 11.2px -1.1px hsla(60, 25%, 63%, 0.34);*/ /* box-shadow: 7.1px 14.3px 18px -1.4px hsla(60, 25%, 63%, 0.34);*/ } .events-shadow { box-shadow: 7.1px 14.3px 18px -1.4px hsla(60, 25%, 63%, 0.34); } .pumpkin-color { background-color: #c97404; color: #ffffff; } .playfair-events { font-family: 'Playfair Display', Sans-Serif; font-size: 1.3em; line-height: 1.6em; } /* ------ CONTACT PAGE STYLING -----------------------------------*/ .max-text-box-notxt { padding: 18px 30px 24px 30px; /*background-color: #000000;*/ /*background-color: #ED0777;*/ background: url("/usr/library/images//bkg-tiles/paper-texture-m.bmp") repeat; /*background-color: #fffffd;*/ /*background-color: #eeebe1;*/ /*#e1eeee;*/ /*#EAE7DC;*/ /* #eeebe1*/ /*background-color: rgba(248, 246, 245, 0.5);*/ border: 0px solid #ededed; border-radius: 10px 10px 10px 10px; margin-bottom: 40px!important; /*background-color: #31373d;*/ /*text-shadow: 2px 2px 4px rgba(32, 32, 32, 0.3)!important;*/ /*text-shadow: 0.8px 1.6px 2px -0.8px hsla(331, 99%, 27%, 0.36); text-shadow: 2.1px 4.1px 5.2px -1.7px hsla(331, 99%, 27%, 0.36); text-shadow: 5px 10px 12.6px -2.5px hsla(331, 99%, 27%, 0.36);*/ /* font-size: 1.2em;*/ /*color: #323232!important;*/ /*color: #3A3A3A; line-height: 1.6em!important;*/ /*box-shadow: rgba(149, 157, 165, 0.5) 0px 4px 15px;*/ /*box-shadow: 1.5px 2.9px 3.7px -0.4px hsla(60, 25%, 63%, 0.34); box-shadow: 2.7px 5.4px 6.8px -0.7px hsla(60, 25%, 63%, 0.34); box-shadow: 4.5px 8.9px 11.2px -1.1px hsla(60, 25%, 63%, 0.34);*/ /* box-shadow: 7.1px 14.3px 18px -1.4px hsla(60, 25%, 63%, 0.34);*/ } /* ------ ARTWORKS STYLING -----------------------------------*/ /* REMOVE STUCK H1 HEADER ON ARTWORKS PAGE THAT SAYS "ORIGINAL PAINTINGS AND SCULPURE BY UK AND INTERNATIONAL ARTISTS" -----------------------------------------------------------------------------------------------------*/ .section-artworks .artworks-header #h1_wrapper h1 { display: none; } /* -------ART RESALE CLUB STYLING ---- -------------------------------------------*/ .section-art-resale-club .panel_header h2 { color: #FFFFFF!important; width: auto; padding: 9px 30px 16px 30px; margin: 0px auto 50px auto; border-radius: 10px 10px 10px 10px; /*background-color: #ED0777!important;*/ /*background-color: #2c2c2c!important;*/ background-image: linear-gradient(#52b0c6, #4997A8); text-align: center; } .art-resale-box { padding: 17px 30px 20px 30px; /*background-color: #000000;*/ /*background-color: #ED0777;*/ /*background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/background-patterns/paper-orange-texture.jpg");*/ background-size: contain; background-repeat: no-repeat; border: 0px solid #f4f4f4; border-radius: 10px 10px 10px 10px; margin-bottom: 28px; /*background-color: #31373d;*/ text-shadow: 2px 2px 2px rgba(32, 32, 32, 0.4)!important; /*text-shadow: 0.8px 1.6px 2px -0.8px hsla(331, 99%, 27%, 0.36); text-shadow: 2.1px 4.1px 5.2px -1.7px hsla(331, 99%, 27%, 0.36); text-shadow: 5px 10px 12.6px -2.5px hsla(331, 99%, 27%, 0.36);*/ color: #3A3A3A; line-height: 1.6em!important; /*box-shadow: rgba(149, 157, 165, 0.5) 0px 4px 15px;*/ box-shadow: 1.5px 2.9px 3.7px -0.4px hsla(331, 99%, 27%, 0.34); box-shadow: 2.7px 5.4px 6.8px -0.7px hsla(331, 99%, 27%, 0.34); box-shadow: 4.5px 8.9px 11.2px -1.1px hsla(331, 99%, 27%, 0.34); box-shadow: 7.1px 14.3px 18px -1.4px hsla(331, 99%, 27%, 0.34); } /* ------ OWN ART PAGE STYLING -----------------------------------*/ /*---- H1 HEADING AT THE VERY TOP OF THE PAGE ----------------------------------------------*/ .section-own-art-interest-free #main_content > div.heading_wrapper.cascading-page-header.clearwithin.cascading-section-top-level > h1 { color: #FFFFFF!important; width: auto; padding: 10px 30px 13px 30px; margin: 25px auto 5px auto; border-radius: 0px 10px 10px 0px; /*background-color: #ED0777!important;*/ background-color: #000000!important; /*background: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/main/header-logo-r.png") no-repeat right;*/ /*background-size: contain;*/ /*box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 20px;*/ text-align: left; /*box-shadow: 1.5px 2.9px 3.7px -0.4px hsla(331, 99%, 27%, 0.34); PINK BKG box-shadow: 2.7px 5.4px 6.8px -0.7px hsla(331, 99%, 27%, 0.34); box-shadow: 4.5px 8.9px 11.2px -1.1px hsla(331, 99%, 27%, 0.34); box-shadow: 7.1px 14.3px 18px -1.4px hsla(331, 99%, 27%, 0.34);*/ box-shadow: 0.3px 0.5px 0.7px -0.4px hsla(0, 0%, 0%, 0.34); /* Black BKG */ box-shadow: 0.8px 1.6px 2px -0.8px hsla(0, 0%, 0%, 0.34); box-shadow: 2.1px 4.1px 5.2px -1.7px hsla(0, 0%, 0%, 0.34); box-shadow: 5px 10px 12.6px -2.5px hsla(0, 0%, 0%, 0.34); } /* ---- OWN ART ARTWORK WHET WHISTLE HEADER STYLE --------------------------------------*/ .own-art-pink { width: auto; padding: 10px 25px 13px 25px; margin: 25px auto -30px auto; border-radius: 0px 10px 10px 0px; /*background-color: #ED0777;*/ background-color: #000000; color: #FFFFFF!important; text-align: center; box-shadow: 0.3px 0.5px 0.7px -0.4px hsla(0, 0%, 0%, 0.34); /* Black BKG */ box-shadow: 0.8px 1.6px 2px -0.8px hsla(0, 0%, 0%, 0.34); box-shadow: 2.1px 4.1px 5.2px -1.7px hsla(0, 0%, 0%, 0.34); box-shadow: 5px 10px 12.6px -2.5px hsla(0, 0%, 0%, 0.34); } /*.section-own-art-interest-free h5.own-art-box a*/ #content_module > div > div > h5 > a:link { color: 000000!important; border-bottom-color: #FFFFFF!important; padding-bottom: 2px; border-bottom: 2px dotted; } /*.section-own-art-interest-free h5.own-art-box a*/ #content_module > div > div > h5 > a:visited { color: 000000!important; border-bottom: 2px dotted; } .own-art-box { padding: 17px 30px 20px 30px; /*background-color: #000000;*/ background-color: #ED0777; border: 0px solid #f4f4f4; border-radius: 10px 10px 10px 10px; margin-bottom: 28px; /*background-color: #31373d;*/ text-shadow: 2px 2px 2px rgba(32, 32, 32, 0.4)!important; /*text-shadow: 0.8px 1.6px 2px -0.8px hsla(331, 99%, 27%, 0.36); text-shadow: 2.1px 4.1px 5.2px -1.7px hsla(331, 99%, 27%, 0.36); text-shadow: 5px 10px 12.6px -2.5px hsla(331, 99%, 27%, 0.36);*/ color: #FFFFFF!important; line-height: 1.6em!important; /*box-shadow: rgba(149, 157, 165, 0.5) 0px 4px 15px;*/ box-shadow: 1.5px 2.9px 3.7px -0.4px hsla(331, 99%, 27%, 0.34); box-shadow: 2.7px 5.4px 6.8px -0.7px hsla(331, 99%, 27%, 0.34); box-shadow: 4.5px 8.9px 11.2px -1.1px hsla(331, 99%, 27%, 0.34); box-shadow: 7.1px 14.3px 18px -1.4px hsla(331, 99%, 27%, 0.34); } .own-art-color { background-color: #ED0777; } /* ------- ARTIST'S SUBMISSIONS PAGE STYLING--- -------------------------------------------------------------------------*/ .section-artists-submissions #ig_slideshow > div.item.cycle-slide.cycle-slide-active > span > span > a > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3)!important; box-shadow: 0px 10px 14px -10px #2c2c2c!important; } /*-------- Header Background and Text Styling - ROUNDED TOP CORNERS -------------- */ #content > div.artist_above_list_content > div > div.header-sf-rounded > h4, #content > div.artist_above_list_content > div > div.header-sf-rounded > h3 { color: #FFFFFF!important; /*text-shadow: 1px 1px 1px #101010;*/ /*text-shadow: 2px 2px 2px rgba(32, 32, 32, 0.7);*/ margin-top: auto; margin-bottom: auto; padding-bottom: 0px; } /* HIDE ABOVE FROM MOBILE - 1023px is the width that the mobile menu also activates */ /*@media screen and (max-width: 1023px) { .header-sf-rounded, #content > div.artist_above_list_content > div > div.header-sf-rounded > h4, #content > div.artist_above_list_content > div > div.header-sf-rounded > h3 { visibility:hidden!important; } }*/ @media screen and (max-width: 1023px) { .header-sf-rounded { margin-top: -80px!important; height: 1px!important; margin-bottom: -30px!important; background-color:#FFFFFF; border: 0px solid #ffffff; box-shadow: none; } } @media screen and (max-width: 1023px) { #content > div.artist_above_list_content > div > div.header-sf-rounded > h4, #content > div.artist_above_list_content > div > div.header-sf-rounded > h3 { visibility:hidden!important; } } /* END HIDE ABOVE FROM MOBILE - 1023px is the width that the mobile menu also activates */ /* ------ Narrower Line Height ------*/ .narrow-line-h { font-size: 0.85em; line-height: 1.1em; } /* ------ EXHIBITIONS - SMALLER FONTS ON MOBILE IN TITLE & SUBTITLE IN HERO HEADER ------*/ @media screen and (max-width: 767px) { .section-exhibitions #slideshow > ul > li > span > span > a > span.title, .section-exhibitions #slideshow > ul > li > span > span > span.title { font-size:1.2em; line-height:1.3em!important; margin-top-top: 0px!important; margin-bottom: 5px!important; padding-top: 0px!important; padding-bottom: 0px!important; }} @media screen and (max-width: 767px) { .section-exhibitions #slideshow > ul > li > span > span > a > span.subtitle, .section-exhibitions #slideshow > ul > li > span > span > span.subtitle { font-size:0.7em!important; line-height:1.2em!important; margin-top-top: 0px!important; margin-bottom: 0px!important; padding-top: 0px!important; padding-bottom: 0px!important; }} /*-------------------- FONT SIZE ON OPTIONAL FRAMING --------------------*/ .section-artists .store-item-extras-header, .section-artworks .store-item-extras-header { text-transform: uppercase; font-size: 0.9em!important; margin-bottom: 6px; } /*-------------------- FONT SIZE FOR DETAILS IN STORE/CHECKOUT --------------------*/ .section-artists .store-item-extra-option-label, .section-artworks .store-item-extra-option-label { font-size: 0.9em; line-height: 1.4em; } .section-artists .store-item-extra-option-title, .section-artworks .store-item-extra-option-title { font-size: 0.9em; line-height: 1.3em; } .section-artists .store-item-extra-option-symbol, .section-artworks .store-item-extra-option-symbol { font-size: 0.9em; line-height: 1.3em; } /*-------------------- FONT SIZE FOR COPYRIGHT LINE ON ARTWORKS ---------------*/ .section-artists .copyright_line, .section-artworks .copyright_line, .section-new-arrivals .copyright_line, .section-home .copyright_line { text-transform: uppercase; font-size: 0.7em; } /*-------------------- FONT SIZE FOR CATEGORIES ON THE ARTWORKS PAGE ------ */ #filterpanel_form .fp-legend, #filterpanel_form .fp-checkbox-item { font-size: 0.85em; text-transform: capitalize; } #filterpanel_form .fp-checkbox-item { line-height: 1.2em; } /*----------------- FEATURE PANEL HERO IMAGE CAPTION SYTLE ---------------------*/ .hero_image_toolbar .hero_image_caption { float: none!important; display: inline!important; width: 98%!important; max-width: 98%!important; margin: 0px auto -23px auto; color: rgba(255, 255, 255, 0.8); font-size: 0.7em!important; line-height: 1.0em!important; text-transform: capitalize!important; text-shadow: 1px 1px 1px rgba(32, 32, 32, 0.6); } @media screen and (max-width: 767px) { .hero_image_toolbar .hero_image_caption { font-size: 0.6em!important; line-height: 1.1em!important; } } /*------ SIDEBAR IMAGE CAPTION STYLING---- ------------------------------------------------*/ .subsection-artist-detail-page #content > div > div.sidebar > div.caption { text-align: center; margin-top: 20px; line-height: 1.2em; } /* ------ SOLD TEXT LABEL STYLE ---ARTISTS PAGES ------*/ #content > div > div > div.tile_list_formatted > ul > li.item.unavailable.visible > a > div > span, .section-artists #popup_container #popup_box .inner #popup_content #image_gallery .draginner #content_module .artwork_details_wrapper .detail_view_module .price.sold, #content_module > div > div.store_add_to_cart_container.clearwithin > div.store_add_to_cart_buttons > div > div > div > div > div.price.sold_out { /*width: 66px;*/ width: 80px; max-width: 80px; background: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/sold-background/heart-l-bg-use-120.jpg") no-repeat left; /*background-size: 90px;*/ background-size: contain; /*margin-left: auto; margin-right: auto;*/ margin-top: 7px; padding: 0px 0px 3px 25px; color: #5A5A5A!important; font-size: 1.1rem; font-weight: 400; letter-spacing: 0.1em; line-height: 1.3rem; text-transform: uppercase; text-align: left; } /*@media screen and (max-width: 767px) { #content > div > div > div.tile_list_formatted > ul > li.item.unavailable.visible > a > div > span, .section-artists #popup_container #popup_box .inner #popup_content #image_gallery .draginner #content_module .artwork_details_wrapper .detail_view_module .price.sold { background: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/sold-background/blank-bg.jpg") no-repeat right; background-size: contain; width: 50px; text-align: left; } }*/ /* ------ SOLD TEXT LABEL STYLE ---ARTWORKS PAGES - LIST PAGE WITH ADDITIONAL TOP MARGIN & SMALLER FONT ------*/ .section-artworks #content .records_list ul > li > a > div.content .price.price_unavailable { /*width: 66px;*/ width: 73px; max-width: 73px; background: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/sold-background/heart-l-bg-sm-use3-120.jpg") no-repeat left; /*background-size: 90px;*/ background-size: contain; margin-left: 0px; margin-right: auto; margin-top: 8px!important; padding: 0px 0px 3px 22px; color: #5A5A5A!important; font-size: 1.0rem; font-weight: 400; letter-spacing: 0.1em; line-height: 1.2rem; text-transform: uppercase; text-align: left; } /*@media screen and (max-width: 767px) { .section-artworks #content .records_list ul > li > a > div.content .price.price_unavailable, .section-artworks #content > div > div > div.tile_list_formatted > ul.last > li.item.unavailable.last.visible > a > div > .price.price_unavailable { background: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/sold-background/blank-bg.jpg") no-repeat right; background-size: contain; width: 47px; text-align: left; } }*/ /* ------ SOLD TEXT LABEL STYLE ---ARTWORKS PAGES - INSIDE THE INDIVIDUAL ARTWORK ------*/ .section-artworks #content_module > div > div.store_add_to_cart_container.clearwithin > div.store_add_to_cart_buttons > div > div > div > div > div.price.sold_out, .section-artworks #content_module > div > div > div.price.sold { /*width: 66px;*/ width: 80px; max-width: 80px; background: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/sold-background/heart-l-bg-use-120.jpg") no-repeat left; /*background-size: 90px;*/ background-size: contain; margin-left: 0px; margin-right: auto; margin-top: 5px; padding: 0px 0px 3px 25px; border-top: 0px solid #717170; border-right: 0px solid #717170; border-bottom: 0px solid #5A5A5A; border-left: 0px solid #717170; color: #5A5A5A!important; font-size: 1.1rem; font-weight: 400; letter-spacing: 0.1em; line-height: 1.3rem; text-transform: uppercase; text-align: left; } /*@media screen and (max-width: 767px) { .section-artworks #content_module > div > div.store_add_to_cart_container.clearwithin > div.store_add_to_cart_buttons > div > div > div > div > div.price.sold_out { background: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/sold-background/blank-bg.jpg") no-repeat right; background-size: contain; width: 57px; max-width: 57px; text-align: left; } }*/ /* ------ THE CLOSE BUTTON ON ALL THE POPUP BOXES I.E. ENQUIRE ------*/ .fancybox-close { position: absolute; top: 1px; right: 15px; width: 28px; height: 28px; } /* ------ THE CLOSE BUTTON ON ALL ARTWORK POPUP IMAGE BOXES - TOP RIGHT ------*/ #popup_box .close { position: fixed; top: 20px; right: 40px; z-index: 100; width: 28px; height: 28px; } /* ACTIVE COLOUR ON CATEGORY - SIZE - PRICE ETC when a contained selector is active -------------------------------------------------------------------------------------------------------------------*/ .filters_panel.filters_layout_dropdown .fp-module.active .fp-legend { color: #3993A6; /*color: #B29965;*/ } /* COLOUR CHANGE ON HOVER WITHIN SUB CATEGORY --------------------------------------------------------------------------------------------------------------------*/ /*.filters_panel .fp-module label a:hover { color: #3993A6; }*/ /* ACTIVE COLOUR WITHIN CATEGORY - SIZE - PRICE ETC - when selected --------------------------------------------------------------------------------------------------------------------*/ .filters_panel .fp-module input[type=checkbox]:checked + label { color: #3993A6; /*color: #B29965;*/ } .filters_panel .fp-module-content ul li input[type=checkbox]:checked + label:before { color: #3993A6; /*color: #B29965;*/ } /* BOTTOM MARGIN BETWEEN CATEGORY DROPDOWN ITEMS --------------------------------------------------------------------------------------------------------------------*/ .filters_panel .fp-module-content ul li { margin-bottom: 2px; } /* ------ FOOTER OUR MISSION TEXT LINE SPACING -----------------------------------------------*/ #contact_info .footer-our-mission /*> span */ { font-size: 1.05em!important; line-height: 1.4em!important; text-align: justify!important; text-justify: inter-word; padding-top: 6px!important; } #footer .advanced_footer_item_1 .subtitle, #footer .advanced_footer_item_2 .subtitle, #footer .advanced_footer_item_3 .subtitle { margin-bottom: 6px!important; } /* ---- SHIPPING PAGE STYLINGS ------- --------------------------------------*/ a.shipping-q-links:link, a.shipping-q-links:visited { font-size: 0.6em; line-height: 0.8em!important; color: #585858; border-bottom: 0px dotted #3A3A3A; text-decoration: none!important; letter-spacing: 0px; text-transform: uppercase; } a.shipping-q-links:hover { font-size: 0.6em; line-height: 0.8em!important; color: #388ea1; border-bottom: 1px dotted #3A3A3A; text-decoration: none!important; letter-spacing: 0px; text-transform: uppercase; } a.shipping-q-links:active { font-size: 0.6em; line-height: 0.8em!important; color: #388ea1; border-bottom: 0px dotted #3A3A3A; text-decoration: none!important; letter-spacing: 0px; text-transform: uppercase; } } .q-links { display: block; font-size: 0.6em!important; line-height: 0.6em!important; vertical-align: baseline; color: #585858!important; text-transform: uppercase; } .q-links-bkg { /*background-color: #e5e5e5;*/ /*background-color: #ecf1f5!important;*/ /*background-color: #ecf5f0!important;*/ background-color: #fbf9f7!important; } p.m-alt-txt { /*font-family: 'Playfair Display', Sans-Serif;*/ font-size: 0.85em; line-height: 1.8em; } .section-orders-shipping-and-returns .max-text-box h3 { color: #323232; } /* ------ Video Wall Next Page - Previous Page -------------------------------------------------*/ .nextpage-v { width: 92%; margin-top: 30px; text-align: right!important; } .previouspage-v { text-align: left!important; } /* ------ Video Wall Next Page - Previous Page LINKS -----------------------------------------------------*/ a.pagination-m:link { background-color: rgba(75,181,202,1.00); margin: 0 2px; padding: 1px 6px; text-align: right; text-decoration: none; color: white; border: 1px solid #000000; } a.pagination-m:visited { color: white; } a.pagination-m:hover { background-color: black; color: white; border-color: black; } a.pagination-m:active { color: white; } .pagination-current { background-color: black; margin: 0 2px; padding: 1px 6px; text-align: right; text-decoration: none; color: #ffffff; border: 1px solid #000000; } /*------ SLIDESHOW ON ARTIST PAGES & POPUP IMAGE SHADOWS on NEWS PAGE --------------------------------------------------------*/ .section-news #ig_slideshow > div.item.cycle-slide.cycle-slide-active > span > span > a > img, .section-news .fancybox-overlay.fancybox-overlay-fixed.fancybox-overlay-image > div > div > div > div > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } /* ---- SHADOWS ON IMAGES IN TERMS & CONDITIONS------- ---------------------------------------------------------- /*.section-terms-and-conditions .object-fit-cover > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; }*/ /* ------------ IMAGE SHADOWS AND BACKDROP ON FEATURE PANEL - LATEST ARRIVALS ON HOMEPAGE ---- -----------------------------------------------------------------------*/ .section-home #content .feature_panels > div > ul > li > div.records_list > div.flow_list_formatted > ul > li > a > span > span > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } .section-home #content > div.feature_panels > div > ul > li > div.panel_header > h2 { font-family: 'Playfair Display', Sans-Serif; font-size: 1.8em; line-height: 1.8em; color: #FFFFFF!important; /*text-transform: uppercase;*/ background-image: url("https://artlogic-res.cloudinary.com/c_limit,f_auto,fl_lossy,q_auto/ws-artlogicwebsite1439/usr/library/images/heading_backgrounds/space-gallery3.jpg"); /*background-color: #273028;*/ background-size: cover; background-repeat: no-repeat; background-position: top center; width: auto; padding: 9px 30px 13px 30px; margin: 60px auto -20px auto; border-radius: 8px 8px 0px 0px; } /*------- IMAGE SHADOWS ON SEARCH RESULT IMAGES --- -----------------------------------------------------------------------------------/ /*.section-search #searchresults_rows > div.flow_list_formatted > ul > li > a img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c;*/ } .section-home #content .feature_panels.feature_panels_layout_standard > ul > li > .panel_slide.cycle-slide.cycle-sentinel > span > span > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c;*/ } /* ----- Link Style for underneath in page slideshows --- -------------------------------------------------------------------------------*/ a.mstylelink-slide:link, a.mstylelink-slide:visited { color: #388ea1; border-bottom: 0px dotted #3A3A3A; text-decoration: none!important; } a.mstylelink-slide:hover { color: #3a3a3a; /* color: #388ea1; */ border-bottom: 2px dotted #3a3a3a!important; text-decoration: none; } /* --- Homepage New Arrival Link Header Styling ---------- ------------------------------------------------------------*/ a.newarrivals:link, a.newarrivals:visited { color: #FFFFFF!important; vertical-align: middle; border-bottom: 0px dotted #3A3A3A; text-decoration: none!important; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); } a.newarrivals:hover { /*color: #dc0307!important;*/ /*color: #388ea1; */ /*color: #B39964!important;*/ color: #5c9eb8!important; vertical-align: middle; border-bottom: 0px dotted #388EA1; text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); text-decoration: none!important; } .vert-center-txt { /* vertical-align: top;*/ vertical-align: -2px; } /* ------ New Arrivals Page - IMAGE SHADOWS --- ------------------------------------------------*/ .section-new-arrivals #content .feature_panels > div > ul > li > div.records_list > div.flow_list_formatted > ul > li > a > span > span > img { -webkit-box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 10px 14px -10px #2c2c2c; } /*----- New Arrivals Page - Header Background Styling --- -------------------------------------------------------------------------------*/ .header-sf-rounded-arrivals { /*width: inherit;*/ /*margin-top: 100px!important;*/ margin-bottom: -10px!important; border-radius: 13px 13px 0px 0px; background-color:#4896A9; /* Seafoam */ padding:20px 20px 10px 20px; border: 0px solid #f4f4f4; box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 20px; text-align: center; } /*------ STRIP IMAGE BOTTOM OF PAGE - REDUCE BOTTOM MARGIN--- --------------------------------------------------------------------------------*/ .section-about #content > div.feature_panels.feature_panels_layout_standard.first_panel_full_bleed > div > ul, .section-new-arrivals #content > div.feature_panels.feature_panels_layout_standard.cms-frontend-list-editable > div > ul, .section-contact #content > div.feature_panels.feature_panels_layout_standard.cms-frontend-list-editable.first_panel_full_bleed > div > ul { margin-bottom: 10px!important; } /* ------ CHARICATURE IMAGE SHADOW ON OVERVIEW PAGES plus ABOUT PAGE ---- -----------------------------------------------------------*/ .subsection-overview #bio > p > img, .section-about #content_module > p > img { -webkit-box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.3); box-shadow: 0px 15px 14px -15px #2c2c2c; } /*----------- VIMEO IFRAME FOR AI ARTWORK VIDEOS --------- --------------------------------------------*/ /* HIDE VIMEO IFRAME FROM MOBILE - 1023px is the width that the mobile menu also activates */ @media screen and (max-width: 1023px) { .iframe-nodisplay { visibility:hidden!important; } }