/* Art Gallery Websites - Core Layout Styles
---------------------------------------------------------------------------------- */
/* MAIN SITE CSS FILE
----------------------------------------------------------- */
/* -----------------------------------------------------------
Global Styles
----------------------------------------------------------- */
* {
padding: 0;
margin: 0;
border: 0;
}
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
/* -----------------------------------------------------------
Layout
----------------------------------------------------------- */
#container {
width: 950px;
padding: 0 20px;
margin: 0 auto;
}
#header {
margin: 0 0 50px;
padding: 50px 0 0;
}
#header.header_fixed {
background: #FFF;
width: 100%;
margin: 0;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
right: 0;
-webkit-transition: box-shadow 0.5s linear;
-moz-transition: box-shadow 0.5s linear;
transition: box-shadow 0.5s linear;
}
#header.header_fixed.page-scroll {
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
#header.header_fixed .inner {
width: 940px;
min-height: 77px;
margin: 0 auto;
padding: 0 0 15px;
transition: border 0.2s linear;
-webkit-transition-property: border;
-webkit-transition-duration: 0.2s;
}
#header.header_fixed .inner:after {
display: block;
clear: both;
content: ' ';
}
body.cms-frontend-toolbar-active #header.header_fixed {
top: 28px;
}
body.tabbing-detected #header.header_fixed.page-scroll {
box-shadow: none;
}
body.tabbing-detected #header.header_fixed,
body.type-fullscreen.tabbing-detected #header.header_fixed {
position: static;
}
body.tabbing-detected.layout-fixed-header:not(.type-fullscreen) #main_content {
padding-top: 30px !important;
}
#header #store_cart_widget {
float: right;
}
/* Logo
----------------------------------------------------------- */
#logo {
text-transform: uppercase;
font-size: 3.2em;
line-height: 1em;
height: 45px;
margin: 0 0 30px;
}
#logo a {
display: block;
backface-visibility: hidden;
}
#logo a, #logo a:visited {
text-decoration: none;
color: #CCC;
}
/* Generic navigation
----------------------------------------------------------- */
.navigation {
clear: both;
}
.navigation ul {
list-style: none;
padding: 0;
}
.navigation ul .clear {
display: none;
}
.navigation ul li {
float: left;
display: inline;
margin: 0 25px 0 0;
}
.navigation ul li a {
float: left;
display: inline;
padding: 5px 0;
}
.navigation ul li a,
.navigation ul li a:visited {
text-decoration: none;
color: #757575;
}
.navigation ul li a:hover {
color: #0A0A0A;
}
.navigation ul li.active > a,
.navigation ul li.active > a:visited,
.navigation ul li.active > a:hover,
#top_nav.navigation > ul > li.active_dir > a,
#top_nav.navigation > ul > li.active_dir > a:visited,
#top_nav.navigation > ul > li.active_dir > a:hover {
color: #0A0A0A;
}
/* Top nav
----------------------------------------------------------- */
#topnav_inner {
width: 100%;
}
#slide_nav_reveal {
display:none;
}
/* Center Top nav
----------------------------------------------------------- */
#top_nav.top_nav_centered {
float: none;
text-align: center;
}
#top_nav.top_nav_centered ul {
text-align: center;
display: inline-block;
vertical-align: middle;
}
#top_nav.navigation.top_nav_centered ul li {
display:inline-block;
float: none;
vertical-align: top;
/*Account for gaps in inline-block elements*/
margin-left: -4px;
margin-right: 30px;
}
#top_nav.navigation.top_nav_centered ul li.last {
margin-right: 0;
}
/* Header search
----------------------------------------------------------- */
#top_nav .topnav {
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
body:not(.slide-nav-open) #top_nav.header_quick_search_reveal_open .topnav {
opacity: 0;
width: 0;
height: 0;
overflow: hidden;
-moz-transition: none;
-webkit-transition: none;
transition: none;
}
#header_quick_search {
display: inline-block;
vertical-align: top;
margin: 0 0 0 30px;
}
.tabbing-detected #header_quick_search input:focus {
outline: auto;
outline-offset: 1px;
}
#header_quick_search.header_quick_search_reveal .inputField {
/* This field is shown as 1px because Safari will not trigger a focus event if it is 0 pixels wide */
width: 1px;
max-width: 1px;
/* -- */
background: transparent;
-moz-transition: width 0.4s ease-in-out;
-webkit-transition: width 0.4s ease-in-out;
-moz-transition: max-width 0.4s ease-in-out;
-webkit-transition: max-width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
#header_quick_search.header_quick_search_reveal .inputField {
transition: none !important;
}
}
#header_quick_search.header_quick_search_reveal.active .inputField {
width: 140px;
max-width: 140px;
background: transparent;
opacity: 1;
}
#header_quicksearch_btn {
display: inline-block;
}
#header_quicksearch_btn .quicksearch-icon {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#header_quicksearch_btn .quicksearch-icon:before {
content: "\f002";
}
/* Translations nav in header
----------------------------------------------------------- */
#translations_nav {
}
#translations_nav ul {
list-style: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
text-align: center;
}
#translations_nav ul li {
display: inline-block;
margin: 0;
padding: 7px;
float: none;
}
#translations_nav ul li:first-child {
padding-left: 0;
}
#translations_nav ul li:last-child {
padding-right: 0;
}
/* Additional Topnav
----------------------------------------------------------- */
.additional_nav {
position: absolute;
top: 0;
padding: 0;
}
#additional_nav_1.additional_nav {
left: 0;
right: auto;
padding: 8px 0 0;
}
#additional_nav_2.additional_nav {
right: 0;
left: auto;
padding: 8px 0 0;
}
.additional_nav.navigation ul {
text-align: right;
}
.additional_nav.navigation ul li {
margin: 0 0 0 20px;
display: inline-block;
float: none;
vertical-align: top;
}
#additional_nav_1.navigation ul li {
margin: 0 20px 0 0;
}
#additional_nav_.navigation ul li {
margin: 0 0 0 20px;
}
.additional_nav.navigation ul li a,
.additional_nav.navigation ul li a:visited {
line-height: 15px;
}
/* Header social links
----------------------------------------------------------- */
#header #social_links_nav {
display: inline-block;
margin: 0 0 0 25px;
}
#header .social_links_item {
display: inline-block;
text-indent: -9999px;
width:26px;
}
/* Hero header
----------------------------------------------------------- */
.parallax-mirror {
-moz-transition: opacity 0.35s ease-in-out;
-webkit-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
transform: translateZ(0) !important;
}
.parallax-mirror img.parallax-slider {
max-height: none;
opacity: 0.5;
}
body.layout-hero-header {
}
#hero_header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 25;
background: transparent;
-moz-transition: background 0.35s ease-in-out;
-webkit-transition: background 0.35s ease-in-out;
transition: background 0.35s ease-in-out;
color: #fff;
font-size: 50px;
}
#hero_header.parallax-loaded {
background: transparent !important;
}
#hero_header:after {
content: '';
text-indent: -9999px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 30;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 73%, rgba(0,0,0,0.25) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(73%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.25))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 73%,rgba(0,0,0,0.25) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 73%,rgba(0,0,0,0.25) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 73%,rgba(0,0,0,0.25) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 73%,rgba(0,0,0,0.25) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */
}
#hero_header > .inner {
margin: 0 auto;
width: 940px;
padding: 0 20px;
position: relative;
z-index: 50;
height: 450px;
}
#hero_image_responsive {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 25;
background: center center no-repeat #333;
background-size: cover;
}
#hero_header .title,
#hero_header .subtitle {
display: block;
color: #fff;
}
#hero_heading {
position: absolute;
z-index: 35;
bottom: 40px;
left: 20px;
right: 20px;
}
.parallax-element-with-slideshow #hero_heading {
display: none;
}
.device-handheld .parallax-element-with-slideshow #hero_heading {
display: block;
}
#hero_heading a,
#hero_heading a:visited {
color: #fff;
text-decoration: none;
}
#hero_heading .subtitle {
color: #fff;
}
#hero_header #slideshow {
}
#hero_header #slideshow .content a,
#hero_header #slideshow .content a:visited {
text-decoration: none;
color: #fff;
}
.tabbing-detected #hero_header #slideshow .content a:focus {
display: inline-block;
}
body.device-handheld #hero_image_responsive {
display: block;
}
body.device-handheld #hero_header #slideshow {
display: none;
}
body.device-handheld .parallax-element-with-slideshow #hero_image_responsive {
display: none;
}
body.device-handheld #hero_header.parallax-element-with-slideshow #slideshow {
display: block;
}
body.layout-hero-header #container {
padding-top: 450px;
}
body.layout-hero-header #header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 50;
}
body.layout-hero-header.layout-fixed-header #header {
position: fixed;
}
body.layout-hero-header.layout-fixed-header #main_content {
padding-top: 50px;
}
body.section-home.layout-hero-header #hero_header {
display: none;
}
body.section-home.layout-hero-header #container {
padding-top: 0;
}
/* Main page content
----------------------------------------------------------- */
#sub_nav {
margin: 0 0 25px;
}
#sub_nav ul li ul {
display: none;
}
#sub_nav.navigation.navigation_has_multi_level ul li {
position: relative;
}
#sub_nav.navigation.navigation_has_multi_level ul li > a {
padding-bottom: 10px;
}
#sub_nav.navigation.navigation_has_multi_level ul ul.secondary-nav {
display:none;
position:absolute;
z-index: 10;
top: 100%;
left: 50%;
transform: translateX(-50%);
background:#fff;
padding:0
}
#sub_nav.navigation.navigation_has_multi_level ul ul.secondary-nav li {
float: none;
clear: both;
margin: 0;
}
#sub_nav.navigation.navigation_has_multi_level ul ul.secondary-nav a {
padding: 5px 0;
}
#sub_nav.navigation.navigation_has_multi_level ul li:hover > ul.secondary-nav {
display: block;
border: 1px solid #ebebeb;
padding: 12px 20px 12px 20px;
box-sizing: border-box;
border-radius: 3px;
-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.04);
box-shadow: 0 3px 5px rgba(0,0,0,0.04);
}
#sub_nav.navigation.navigation_has_multi_level ul.sub-categories-list.secondary-nav::after {
content: '';
width: 36px;
height: 8px;
background: white;
display: block;
position: absolute;
top: 0px;
left: 50%;
margin-left: -18px;
}
#sub_nav.navigation.navigation_has_multi_level ul.sub-categories-list.secondary-nav::before {
content: '';
width: 10px;
height: 10px;
background: white;
display: block;
position: absolute;
top: -5px;
left: 50%;
margin-left: -10px;
z-index: 0;
transform: rotate(45deg);
border-left: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
}
#main_content {
margin: 0 0 50px;
}
.heading_wrapper {
clear: both;
}
.heading_wrapper.cascading-page-header {
}
.heading_wrapper.cascading-page-header h1 {
float: left;
}
.heading_wrapper.cascading-page-header #sub_nav {
float: right;
}
h1.hidden,
.clearwithin.hidden {
height: 0;
overflow: hidden;
padding: 0;
margin: 0;
display: block;
visibility: hidden; /* needed for accessibility*/
}
h1.has_subtitle {
margin-bottom: 12px;
}
body.page-param-type-simplified h1 {
margin: 0 0 25px;
}
#content {
min-height: 100px;
}
#content_module,
.content_module {
width: 530px;
float: left;
}
body #main_content #content #content_module.full_width {
width: 100%;
}
#sidebar,
.sidebar {
width: 355px;
float: right;
}
#sidebar #slideshow ul {
z-index: 1;
}
body #main_content #content #sidebar.full_width {
width: 100%;
}
#sidebar .image {
text-align: center;
background: #F0F0F0;
}
#sidebar .caption {
padding-top: 10px;
}
.content_header {
margin: 0 0 30px;
}
.content_header h2 {
margin: 0;
}
.content_section {
margin: 0 0 40px;
}
#footer {
margin: 0 0 40px;
}
#footer #social_links {
float: right;
}
#footer #copyright {
margin-right: 20px;
}
#footer a,
#footer a:visited {
text-decoration: none;
padding: 0;
}
#footer.advanced_footer .advanced_footer_item #contact_info {
padding: 0;
float:none;
}
#footer.advanced_footer .copyright {
margin: 20px 0 10px 0;
float: left;
clear: both;
display: block;
text-align: left;
}
#footer.advanced_footer .advanced_footer_item {
display: inline-block;
padding: 0 20px 20px 0;
vertical-align: top;
}
#footer.advanced_footer .advanced_footer_item #quick_search {
float: none;
margin-left: 0;
}
#quick_search {
float: right;
margin-left: 20px;
}
#quick_search form {
clear: both;
float: left;
width: 185px;
}
#quick_search .inputField {
border: 1px solid #ddd;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 144px;
float: left;
color: #757575;
}
#quick_search .inputField.active {
font-style: normal;
color: #404040;
}
#quick_search #quicksearch_btn {
padding: 6px 1px 1px 15px;
margin: 0;
float: left;
clear: none;
}
#quick_search #quicksearch_btn a,
#quick_search #quicksearch_btn a:visited,
#quick_search a#quickquick_search_btn,
#quick_search a#quickquick_search_btn:visited {
text-decoration: none;
color: #0A0A0A;
}
/* Social media
----------------------------------------------------------- */
#social_links {
}
#social_links .social_links_item {
float: left;
width: 26px;
height: 26px;
margin: 0 0 0 8px;
}
#social_links .social_links_item a {
text-indent: -9999px;
float: left;
width: 26px;
height: 26px;
}
#social_links .social_links_item a .social_media_icon {
border-color: #949494;
background-color: #949494;
}
/* -----------------------------------------------------------
Page Specific
----------------------------------------------------------- */
/* Home
----------------------------------------------------------- */
.section-home #main_content h1 {
display: none;
}
.section-home #slideshow.full_list {
position: relative!important;
}
.section-home #slideshow.feature_list ul,
.section-home #slideshow.full_list ul {
margin: 0;
}
.section-home #slideshow.feature_list ul,
.section-home #slideshow.full_list ul {
margin: 0;
}
.section-home #slideshow.feature_list ul li {
min-height: 355px;
background: #FFF;
margin: 0;
}
.section-home #slideshow.feature_list ul li h2 {
font-size: 2.2em;
color: #CCC;
margin: 8px 0 15px;
}
.section-home #slideshow.feature_list ul li .subtitle {
font-size: 1.6em;
margin: 0 0 15px;
}
.section-home #slideshow.feature_list ul li .date {
margin: 0 0 10px;
font-weight: normal;
}
.section-home #slideshow.full_list.slideshow_navigation_enabled ul li .content {
padding-right: 60px;
box-sizing: border-box;
min-height: 30px
}
.section-home.type-fullscreen #slideshow.slideshow_navigation_enabled ul li .content {
box-sizing: border-box;
padding-right: 100px;
}
.section-home #slideshow.full_list.slideshow_navigation_enabled.ui_background_enabled ul li .content {
padding-right: 75px;
}
body #preloader #loader {
display: none;
}
#home_splash,
#home_splash_image_container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: none;
z-index: 3000;
cursor: pointer;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
#home_splash #home_splash_image_container {
display: block;
opacity: 0;
z-index: -1;
transition:opacity 500ms cubic-bezier(.87,.17,.18,.85);
}
body.splash-loader-active #home_splash {
display: block;
}
body.splash-page-active.section-home {
background: #333;
}
body.splash-page-active.section-home #header,
body.splash-page-active.section-home #footer,
body.splash-page-active.section-home #main_content {
opacity: 0;
}
body.splash-loader-active.pageload-splash-active #loader_wrapper {
visibility: hidden;
}
/* FIXME: Loader should be visible when a page is being loaded via ajax
- this currently does not work because #preloader #preloader_mask {display:none;} is set in pageload.css */
body.splash-page-active.loader-active.ajax-links-disabled.pageload-splash-active #loader_wrapper {
visibility: visible;
}
body.pageload-splash-page-content-hidden #container {
opacity: 0;
}
#home_splash .inner {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
#home_splash .content {
margin: -60px 0 15px;
font-size: 120px;
line-height: 140px;
position: absolute;
top: 50%;
background: center center no-repeat;
left: 0;
right: 0;
transform:translateY(-50%);
margin:0!important;
padding:0 30px;
box-sizing:border-box;
max-width: 100%;
}
#home_splash.background_image_exists .content {
color: #fff;
}
#home_splash.background_image_exists .inner {
background-color: rgba(0,0,0,0.3);
}
#home_splash .content.logo_image_exists {
text-indent: -9999px;
text-align: left;
display: block;
}
/* Artists
----------------------------------------------------------- */
.page-artists h1 #artist_years,
.page-artists h1 .artist_years{
font-size: 13px;
letter-spacing: 0;
}
.artist_list_section_wrapper {
margin-bottom: 40px;
}
.page-artists .subsection-artist-detail-page.subsection-wrapper-works .records_list ul li .content > .artist {
display: none;
}
/*
.page-artists #artist_list ul li h2 {
font-size: 1.47em;
}*/
.page-artists .detail_list_alt ul li.single {
width: 640px;
}
.page-artists .detail_list_alt ul li.single .image {
width: 320px;
height: 320px;
}
.page-artists #artist_list_slideshow_nav.simple_list {
float: left;
width: 220px;
}
.page-artists #artist_list_slideshow_nav.simple_list ul li {
clear: both;
margin: 0 0 5px;
}
.page-artists #artist_list_slideshow_nav.simple_list ul li h2 {
font-size: 1em;
}
.page-artists .artists-header .list_grid_control {
display: block;
margin-bottom: 0;
}
.page-artists .artists-header #sub_nav + .list_grid_control {
clear: both;
padding-top: 0!important;
margin-top: 15px!important;
}
/* Artist page standard_list format ------------------------- */
.page-artists .subsection-artist-list-standard {
}
.page-artists .subsection-artist-list-standard .records_list.columns_list ul {
width: 33%;
float: left;
}
.page-artists .subsection-artist-list-standard .records_list.columns_list ul li {
margin: 0 0 20px;
width: 100%;
}
/* Artist page standard_list_preview format ------------------------- */
.page-artists .subsection-artist-list-preview {
}
.page-artists .subsection-artist-list-preview #list_preview_navigation {
}
.page-artists .subsection-artist-list-preview #sidebar.content_follow_sticky {
position: sticky;
top: 20px;
}
body.cms-frontend-toolbar-active.page-artists .subsection-artist-list-preview #sidebar.content_follow_sticky {
top: 48px;
}
.page-artists .subsection-artist-list-preview #list_preview_navigation.records_list.columns_list ul {
width: 50%;
float: left;
}
.page-artists .subsection-artist-list-preview #list_preview_navigation.records_list.columns_list ul li {
margin: 0 0 30px;
width: 100%;
}
.page-artists .subsection-artist-list-preview #list_preview_slideshow {
z-index: 0;
position: relative;
/*max-height: 0;*/ /*Removed by DC - causing issue with sidebar overlapping footer */
}
.page-artists .subsection-artist-list-preview #list_preview_slideshow .image {
right: 0;
left: 0;
}
/* Artist page standard_list_preview_letters format ------------------------- */
.page-artists .subsection-artist-list-preview-letters {
}
.page-artists .subsection-artist-list-preview-letters #list_preview_slideshow {
z-index: 0;
position: relative;
max-height: 0;
}
.page-artists .subsection-artist-list-preview-letters #sidebar.content_follow_sticky {
position: -webkit-sticky;
position: sticky;
top: 20px;
}
body.cms-frontend-toolbar-active.page-artists .subsection-artist-list-preview-letters #sidebar.content_follow_sticky {
top: 48px;
}
.page-artists .subsection-artist-list-preview-letters #list_preview_navigation {
}
.page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list ul {
width: 50%;
float: left;
}
.page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list ul li {
margin: 0 0 10px;
min-height: 18px;
width: auto;
display: block;
float: none;
padding-right: 15px;
}
.page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list ul li a {
display: block;
width: 100%;
}
.page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list ul li.letter_divider:first-child {
margin-top: 0;
}
.page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list ul li.letter_divider {
margin: 15px 0 15px;
min-height: 36px;
float: left;
width: 100%;
padding-right: 0;
}
.page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list ul li.letter_divider h2 {
padding: 15px 0 0;
margin: 0 25px 0 0;
}
/* Artist page list_slideshow format DEPRICATED ------------------------- */
.page-artists #artist_list_slideshow {
float: right;
width: 708px;
height: 460px;
}
.page-artists #artist_list_slideshow ul {
list-style: none;
margin: 0;
padding: 0;
}
.page-artists #artist_list_slideshow li {
width: 708px;
height: 460px;
text-align: center;
}
/* Exhibitions
----------------------------------------------------------- */
/* Exhibitons -- Behaviour: standard_entry */
.section-exhibitions .exhibitions-standard-entry {
}
.section-exhibitions .exhibitions-standard-entry .no_of_exhibition_sections-2 {
margin-left: auto;
margin-right: auto;
}
.section-exhibitions .standard-entry-list .subheading {
display: none;
}
.section-exhibitions .standard-entry-list #exhibitions_nav {
margin: 0 0 40px;
}
.section-exhibitions .standard-entry-list .exhibitions_list_filters {
clear: both;
}
.section-exhibitions .standard-entry-list .exhibitions_list_filters #exhibitions_years_nav {
float: left;
margin: 0 0 40px;
}
.section-exhibitions .standard-entry-list .exhibitions_list_filters #exhibitions_locations_nav {
float: right;
clear: none;
margin: 0 0 40px;
}
.section-exhibitions #exhibitions_years_nav {
margin: 0 0 40px;
}
/* Exhibiton detail page -- presentation layout */
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation {
position: relative;
min-height: 620px;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
.section-exhibitions .exhibition-layout-presentation #ig_slideshow_container {
display: none;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #ig_slideshow_container {
display: block;
position: absolute;
z-index: 5;
left: 0;
top: 0;
width: 550px;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #ig_slideshow,
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #ig_slideshow .item,
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #ig_slideshow .item span {
width: 550px;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #exhibitions_nav,
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation .exhibition-header,
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #sub_nav,
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #content,
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #content_module,
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation .content_module {
float: right;
clear: right;
width: 330px;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #main_content {
padding-top: 0;
margin: 0;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation .exhibition-header {
margin: 0 0 30px;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #exhibitions_nav {
margin: 0 0 40px;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #exhibitions_nav ul li {
margin: 0 24px 0 0;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #content_module {
padding-bottom: 44px;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #sidebar {
display: none;
}
.section-exhibitions #main_content .subsection-wrapper-overview.exhibition-layout-presentation .exhibition-header h1 .h1_heading {
margin: 0 0 25px;
}
.section-exhibitions #main_content .subsection-wrapper-overview.exhibition-layout-presentation .exhibition-header h1 .h1_subtitle {
margin: 0 0 12px;
padding: 0 0 12px;
border-bottom: 1px solid #ebebeb;
float: none;
display: block;
}
.section-exhibitions #main_content .subsection-wrapper-overview.exhibition-layout-presentation .exhibition-header .subtitle {
/*margin: 0;*/
float: none;
display: block;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #sub_nav {
padding-top: 20px;
margin-top: 10px;
border-top: 1px solid #ebebeb;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #sub_nav ul li {
margin: 0 24px 0 0;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #ig_slideshow_caption .unavailable::after {
content: 'Sold';
text-indent: -9999px;
width: 20px;
display: inline-block;
background: url(../images/unavailable.png) center no-repeat;
}
.section-exhibitions .subsection-wrapper-overview.exhibition-layout-presentation #ig_slideshow_caption .unavailable.reserved::after {
content: 'Reserved';
text-indent: -9999px;
width: 20px;
display: inline-block;
background: url(../images/reserved.png) center no-repeat;
}
/* Events
----------------------------------------------------------- */
#events-grid-container {
clear: both;
}
.event-details-wrapper {
width:100%;
display:block;
}
.event-details-wrapper .event-logo {
display: inline-block;
margin-right: 20px;
vertical-align:middle;
width: 90px;
height: auto;
line-height: 0;
}
.event-details-wrapper .event-details {
display: inline-block;
vertical-align:middle;
}
.event-details-wrapper .content span {
display: block;
}
/* Video
----------------------------------------------------------- */
/* Blog
----------------------------------------------------------- */
.section-blog .blog_detail_about_author {
clear: both;
padding: 10px 0 0;
}
.section-blog .blog_detail_about_author .image {
float: left;
width: 21%;
margin: 0 4% 0 0;
}
.section-blog .blog_detail_about_author .content {
float: left;
width: 75%;
}
.section-blog .module-comments > .divider {
height: 0;
}
.section-blog .module-comments-rows-container {
}
.section-blog .module-comments-rows-container .area {
margin: 0 0 30px;
}
.section-blog .module-comments-rows-container .area .infoPanel {
padding: 15px 0 0;
}
.section-blog .module-comments-rows-container .area .infoPanel .poster,
.section-blog .module-comments-rows-container .area .infoPanel .date {
margin: 0 15px 0 0;
display: inline-block;
vertical-align: top;
}
.subsection-blog-record .image {
margin: 0 0 20px;
text-align: center;
display: block;
width: 100%;
}
.subsection-blog-record .image img {
display: block;
max-width: 100%;
}
.section-blog #sidebar .feature_panels .records_list,
.section-blog #sidebar .feature_panels .records_list > ul {
margin-right: 0!important;
}
.section-blog #sidebar .feature_panels .content ul.simple_item_list,
.section-blog #sidebar .feature_panels .content ul.inline_list {
width: 100%!important;
padding-left: 0;
}
body.section-blog #main_content #sidebar .feature_panels .records_list > ul > li {
width: 100%!important;
padding-left: 0;
}
body.section-blog #main_content #sidebar .feature_panels .content ul.simple_item_list li {
width: 100%!important;
margin: 0 0 10px;
padding: 0 !important;
border: none;
}
body.section-blog #main_content #sidebar .feature_panels .content ul.inline_list li {
margin: 0 15px 5px 0;
display: inline-block;
float: none;
width: auto;
clear: none;
padding: 0;
border: none;
}
/* Store & Wishlist
----------------------------------------------------------- */
.section-store #additional_nav {
margin: 0 0 50px;
}
#store_cart_widget,
#wishlist_cart_widget {
float: right;
padding: 0;
margin: 0 0 30px;
}
#store_cart_widget.hide_when_empty,
#wishlist_cart_widget.hide_when_empty {
display: none;
}
#store_cart_widget a,
#wishlist_cart_widget a {
text-decoration: none;
}
#store_cart_widget #scw_heading,
#store_cart_widget #scw_items,
#wishlist_cart_widget #wcw_heading,
#wishlist_cart_widget #wcw_items {
float: left;
}
#store_cart_widget #scw_items .scw_total_items,
#store_cart_widget #scw_items .scw_total_price,
#wishlist_cart_widget #wcw_items .wcw_total_items,
#wishlist_cart_widget #wcw_items .wcw_total_price {
float: left;
margin-left: 20px;
}
#store_cart_widget #scw_items .scw_total_price,
#wishlist_cart_widget #wcw_items .wcw_total_price {
color: #cc0000;
}
#store_cart_widget #scw_checkout,
#wishlist_cart_widget #wcw_checkout {
float: left;
margin-left: 20px;
}
#scw_popup_inner {
}
#scw_popup_inner h3 {
margin: 0 0 20px;
}
#scw_popup_buttons_container {
display: flex;
flex-direction: row;
align-items: stretch;
}
#scw_popup_buttons_container .button a {
padding-left: 15px;
padding-right: 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
width: 100%;
}
#scw_popup_inner .button,
#wcw_popup_inner .button {
float: left;
margin: 0 20px 0 0;
clear: none;
width: 50%;
}
#scw_popup_inner #scw_popup_close {
margin-right: 0;
}
/* Store item row ------------------------------------------- */
.store_item_group {
border-bottom: 1px solid #eaeaea;
margin-bottom: 20px;
}
.store_item_group .store_item {
border-bottom: 0;
}
.store_item {
clear: both;
padding: 20px 0 15px;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.store_item .title,
.store_item .quantity {
height: 0;
width: 0;
overflow: hidden;
visibility: hidden;
}
.store_item .variant {
font-size: 1em;
width: 180px;
float: left;
padding: 8px 0 0;
}
.store_item .price {
font-size: 1.2em;
float: left;
padding: 8px 0 0;
color: #cc0000;
}
.store_item_controls {
float: right;
}
.store_item_add_container {
float: left;
}
.store_item_add_to_cart {
font-family: inherit;
line-height: inherit;
font-weight: inherit;
float: left;
clear: both;
display: inline;
height: 31px;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
transition: background 0.35s ease-in-out;
-webkit-transition: background 0.35s ease-in-out;
margin: 0;
}
.store_item_add_to_cart:hover {
background: #f9f9f9;
}
.store_item_add_to_cart span {
float: left;
display: inline;
height: 26px;
padding: 6px 10px 0;
margin-right: 0;
cursor: pointer;
}
.store_item_remove_from_cart {
font-family: inherit;
line-height: inherit;
font-weight: inherit;
}
.store_item_remove_container {
float: left;
padding: 6px 0 0;
}
.store_item_remove_container .store_item_total,
.store_item_remove_container .store_item_remove_from_cart {
float: left;
margin: 0 0 0 20px;
font-family: inherit;
line-height: inherit;
font-weight: inherit;
}
.store_item_remove_container .store_item_remove_from_cart,
.wishlist_button .store_item_remove_from_wishlist {
cursor: pointer;
}
.section-store .subsection-store-grid-artworks .records_list .content .description,
.section-store .subsection-store-grid-publications .records_list .content .description {
display: block;
}
.section-store .subsection-store-grid-publications .records_list .content .description .description_additional {
display: none;
}
/* frame option CSS */
.framing-option-container {
border-top: 1px solid #eaeaea;
padding: 20px 0;
}
.framing-option-container .store-item-extras-header {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.framing-option-container .store-item-extras-header #clear-framing-options {
margin-left: auto;
cursor: pointer;
}
.framing-option-container .store-item-extras-radio {
display: none;
}
.framing-option-container label {
cursor: pointer;
}
.framing-option-container .store-item-extras-option {
display: flex;
align-items: center;
position: relative;
}
.framing-option-container .store-item-extras-option:before {
content: '';
border: 1px solid #000;
height: 16px;
width: 16px;
border-radius: 100%;
margin-right: 10px;
box-sizing: border-box;
margin-top: 1px;
}
.framing-option-container .store-item-extras-option.active:after {
content: '';
border: 1px solid #000;
height: 10px;
width: 10px;
border-radius: 100%;
margin-right: 10px;
background: #000;
box-sizing: border-box;
position: absolute;
left: 3px;
margin-top: 1px;
}
.framing-option-container .store-item-extra-option-title {
display: flex;
flex-wrap: wrap;
width: calc(100% - 30px);
}
.framing-option-container .store-item-extra-option-title .store-item-extra-option-label {
margin-right: 10px;
}
.store_item_group .store_items_standard .item-with-extra {
display: none;
}
.store_item_group .store_items_standard .item-with-extra.active, .store_item_group .store_items_standard .item-without-extra.active{
display: block;
}
/* Shopping cart currency menu ----------------------------- */
.currency_store_select_wrapper {
float: left;
margin: 0 0 20px;
position: relative;
white-space: nowrap;
}
.subsection-store-record .currency_store_select_wrapper {
margin-top: 20px;
width: 100%;
}
.currency_store_select_wrapper i {
position: relative;
top: 1px;
right: 14px;
margin-right: -8px;
z-index: -1;
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
font-size: inherit;
}
.currency_store_selected{
position: relative;
z-index: 5;
}
.currency_store_selected.link{
display: inline-block;
}
.currency_store_select.link{
z-index: 10;
cursor: pointer;
opacity: 1;
display: inline-block;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: transparent;
padding-right: 16px;
}
#store_cart_widget .currency_store_select.link,
#store_cart_widget .currency_store_select_wrapper i{
color: inherit;
}
.currency_store_select_wrapper .currency_store_selected span{
display: initial;
}
.page-param-basket .currency_store_select_wrapper{
float: right;
margin-top: 0px;
}
#store_cart_widget .currency_store_select_wrapper{
margin-left: 20px;
margin-bottom: 0;
}
#store_cart_widget .currency_store_selected.link,
#store_cart_widget .currency_store_select_wrapper .currency_store_selected span{
display: none;
}
#store_cart_widget .currency_store_select_wrapper i{
top: 0;
}
/* Shopping cart ------------------------------------------- */
#sc_coupon_container {
}
#sc_coupon_container.active .form:before {
font: normal normal normal 20px/1 FontAwesome;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f058";
margin: 5px 16px 0 2px;
color: #a3d940;
float: left;
}
#sc_coupon_container .form .inputField {
float: left;
width: 200px;
margin: 0 16px 0 0;
min-height: 33px;
}
#sc_coupon_container .form .button {
float: left;
clear: none;
margin: 0;
}
#sc_contents_container {
}
#sc_contents_container #sc_vat_note {
float: left;
padding: 15px 0 0;
}
#sc_contents_container #sc_totalweight {
float: left;
display: none;
padding: 15px 0 0;
}
#shopping_cart_information,
#wishlist_information {
width: 100%;
}
#shopping_cart_information th,
#wishlist_information th {
text-align: left;
vertical-align: top;
font-weight: normal;
font-size: 15px;
border-bottom: 1px solid #EAEAEA;
padding: 0 0 12px 0;
}
#shopping_cart_information td,
#wishlist_information td {
text-align: left;
vertical-align: top;
border-bottom: 1px solid #EAEAEA;
padding: 12px 0;
}
#shopping_cart_information td a,
#wishlist_information td a {
text-decoration: none;
}
#shopping_cart_information th.sc_column_item,
#wishlist_information th.sc_column_item {
width: 340px;
}
#shopping_cart_information th.sc_column_quantity {
width: 100px;
}
#shopping_cart_information th.sc_column_singleprice {
width: 80px;
}
#shopping_cart_information th.sc_column_total {
width: 80px;
}
#shopping_cart_information th.sc_column_remove,
#wishlist_information th.sc_column_remove {
width: 30px;
}
#shopping_cart_information td.sc_cell_item .image,
#wishlist_information td.sc_cell_item .image {
float: left;
margin: 0 10px 0 0;
}
#shopping_cart_information td.sc_cell_item .title,
#wishlist_information td.sc_cell_item .title {
display: block;
line-height: 1.4em;
}
#shopping_cart_information td.sc_cell_item .details,
#wishlist_information td.sc_cell_item .details {
display: block;
font-size: 12.5px;
color: #c2c2c2;
}
#shopping_cart_information td.sc_cell_quantity {
}
#shopping_cart_information td.sc_cell_quantity .decrease_qty,
#shopping_cart_information td.sc_cell_quantity .increase_qty {
height: 20px;
width: 20px;
text-indent: -9999px;
float: left;
background: 0 -20px no-repeat;
}
#shopping_cart_information td.sc_cell_quantity .decrease_qty:hover,
#shopping_cart_information td.sc_cell_quantity .increase_qty:hover {
background-position: 0 0;
}
#shopping_cart_information td.sc_cell_quantity .decrease_qty {
background-image: url(../images/store_cart_remove.png);
}
#shopping_cart_information td.sc_cell_quantity .decrease_qty.disabled {
opacity: 0.3;
cursor: default;
}
#shopping_cart_information td.sc_cell_quantity .decrease_qty.disabled:hover {
background-position: 0 -20px;
}
#shopping_cart_information td.sc_cell_quantity .increase_qty {
background-image: url(../images/store_cart_add.png);
}
#shopping_cart_information td.sc_cell_quantity .qty {
float: left;
padding: 0 12px;
}
#shopping_cart_information td.sc_cell_unavailable {
color: red;
font-weight: bold;
}
#shopping_cart_information td .sc_cell_error_message {
color: red;
font-weight: bold;
}
#shopping_cart_information td .sc_cell_link a {
}
#shopping_cart_information td.sc_cell_remove .remove,
#wishlist_information td.sc_cell_remove .remove {
height: 20px;
width: 20px;
text-indent: -9999px;
float: left;
background: url(../images/store_cart_delete.png) 0 -20px no-repeat;
}
#shopping_cart_information td.sc_cell_remove .remove:hover,
#wishlist_information td.sc_cell_remove .remove:hover {
background-position: 0 0;
}
#sc_checkout_container .sc_field_group {
margin: 0 0 40px;
}
#sc_checkout_container .subheading {
margin-bottom: 25px;
}
#sc_checkout_container {
}
#sc_checkout_container.submitting,
#sc_checkout_container form.submitting {
pointer-events: none;
}
/* Checkout third step - payment form
----------------------------------------------------------------- */
#sc_checkout_container #sc_checkout_payment_form {
}
#sc_checkout_container #sc_checkout_payment_form .form_row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#sc_checkout_container #sc_checkout_payment_form .form_row label {
width: 28%;
}
#sc_checkout_container #sc_checkout_payment_form .form_row .inputField {
width: 67%;
}
#sc_checkout_container #sc_checkout_payment_form .form_row input {
font-family: Arial, Sans-Serif;
font-weight: normal;
color: #333;
font-size: 13px;
}
#sc_checkout_container #sc_checkout_payment_form #sc_demo_note {
margin-top: 40px;
}
#sc_checkout_payment_form #sc_checkout_back_button {
padding: 0 0 0;
}
#sc_checkout_container #cardholder-name.inputField {
color: #333;
}
#sc_checkout_container #cardholder-name.inputField::placeholder {
color: #aaa;
}
#sc_checkout_container #sc_checkout_payment_form .form_row .stripe_checkout_zip_code_disabled .overlay {
background: rgba(0,0,0,0.05);
}
#sc_checkout_container #sc_checkout_payment_form .form_row .sc_postcode_must_match_message {
flex-basis: 100%;
width: 100%;
padding-top: 10px;
}
/*.stripe_checkout_zip_code_disabled{*/
/* position:relative;*/
/* float:left;*/
/*}*/
/*.stripe_checkout_zip_code_disabled .overlay{*/
/* top:0;*/
/* left:0;*/
/* width:100%;*/
/* height:100%;*/
/* position:absolute;*/
/*}*/
/* Checkout additional/generic
----------------------------------------------------------------- */
#sc_additional_fields {
margin: 0 0 25px;
padding: 0 0 15px;
border-bottom: 1px solid #EAEAEA;
}
#sc_additional_fields .form .form_row label {
width: 100%;
margin: 0 0 5px;
}
#sc_additional_fields .form .form_row .inputField {
width: 100%;
}
#sc_checkout_content {
}
#sc_checkout_content .divider {
display: none;
}
#sc_checkout_content .sc_subtotal_label,
#sc_checkout_content .sc_discount_label,
#sc_checkout_content .sc_vat_total_label,
#sc_checkout_content .sc_shipping_total_label,
#sc_checkout_content .sc_order_total_label {
font-weight: normal;
font-size: 15px;
float: left;
margin: 0 10px 0 0;
width: 100px;
}
#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 {
margin: 0 0 15px;
padding: 0 0 12px;
border-bottom: 1px solid #EAEAEA;
}
#sc_checkout_content .order_total {
font-size: 25px;
}
#sc_checkout_content #shipping_container {
margin: 0 0 10px;
position: relative;
}
#sc_checkout_container #shipping_container #shipping_container_loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%, -50%, 0);
z-index: 5;
}
#sc_checkout_container #shipping_container.shipping_options_loading #shipping_container_loader {
display: block;
}
#sc_checkout_container #shipping_container:after {
content: '';
background: rgba(255,255,255,0.8);
position: absolute;
top: 0;
left: 0;
right: 0;
height: 0;
z-index: 0;
opacity: 0;
width: 100%;
pointer-events: none;
transition: opacity 400ms ease-in-out;
}
#sc_checkout_container #shipping_container.shipping_options_loading:after {
display: block;
height: auto;
opacity: 1;
bottom: 0;
z-index: 1;
pointer-events: auto;
}
#sc_checkout_content #shipping_container h3 {
margin: 0 0 25px;
}
#sc_checkout_content #shipping_container select {
border: 1px solid #EAEAEA;
padding: 5px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#sc_checkout_content #shipping_container #shipping_zones_container,
#sc_checkout_content #shipping_container #shipping_options_container {
display: none;
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px solid #EAEAEA;
}
#sc_checkout_content #shipping_container #shipping_zones_container.active,
#sc_checkout_content #shipping_container #shipping_options_container.active {
display: block;
}
#sc_checkout_content #shipping_container #shipping_zones_container h3,
#sc_checkout_content #shipping_container #shipping_options_container h3 {
margin: 0 0 10px;
}
#sc_checkout_content .required_field_label {
font-size: 0.8em;
line-height: 1.7em;
color: #757575;
padding-top: 12px;
}
#sc_checkout_container .button {
float: left;
display: block;
width: 100%;
margin: 0;
}
#sc_checkout_container .button a {
width: 100%;
box-sizing: border-box;
text-align: center;
position: relative;
}
#sc_checkout_container .button a:after {
content: 'Please wait...';
opacity: 0.7;
position: absolute;
text-align: center;
top: 0;
left: 0;
right: 0;
padding: 5px;
display: none;
}
#sc_checkout_container .button.loading a {
display: block;
text-indent: -9999px;
}
#sc_checkout_container .button.loading a:after {
display: block;
text-indent: 0;
}
#sc_checkout_container .proceed_to_payment {
display: none;
position: relative;
}
#sc_checkout_container .proceed_to_payment.active,
#sc_checkout_container .proceed_to_payment.loading,
#sc_checkout_container .proceed_to_payment.placeholder {
display: block;
}
#sc_checkout_container .proceed_to_payment #stripe_loader {
position: absolute;
top: 10px;
left: 10px;
z-index: 5;
}
#sc_checkout_container .proceed_to_payment #stripe_button_container {
-webkit-transition: opacity 400ms ease-in-out;
transition: opacity 400ms ease-in-out;
opacity: 0;
z-index: 10;
position: relative;
}
#sc_checkout_container .proceed_to_payment.active #stripe_button_container {
opacity: 1;
}
#sc_checkout_container .proceed_to_payment.placeholder #stripe_button_container {
opacity: 0.4;
}
#sc_checkout_container .proceed_to_payment.placeholder button {
cursor: default;
}
#sc_checkout_content .sc_order_gift_aid_label {
font-weight: normal;
font-size: 15px;
display: block;
}
#sc_order_gift_aid {
margin-top: 15px;
}
#sc_order_gift_aid input {
margin-right: 5px;
}
#sc_checkout_aml_notification {
}
#sc_checkout_aml_notification #sc_checkout_aml_notification_message {
margin-bottom: 20px;
}
#sc_total_price_container {
}
#sc_total_price_container h3 {
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px solid #EAEAEA;
display: none;
}
#sc_total_price_container .order_total_wrapper {
color: #A81B11;
}
#sc_checkout_content #sc_terms_box {
margin: 0 0 25px;
position: relative;
}
#sc_checkout_content #sc_terms_box input {
display: inline-block;
position: absolute;
top: 5px;
left: 0;
}
#sc_checkout_content #sc_terms_box label {
display: inline-block;
font-size: 14px;
padding: 0 0 0 25px;
}
#sc_checkout_container .required_field_label {
font-size: 0.8em;
line-height: 1.7em;
color: #757575;
padding-top: 25px;
}
#sc_checkout_back_button {
text-align: center;
padding: 20px 0 0;
}
#sc_checkout_back_button .link {
text-align: center;
margin: 0;
padding: 0;
font-size: 0.8em;
}
#sc_total_quantity_limit_box {
display: none;
margin: 0 0 25px;
}
#sc_total_quantity_limit_box.active {
display: block;
}
#sc_checkout_content #sc_checkout_button {
position: relative;
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
#sc_checkout_content #sc_checkout_button.sc_quantities_failed,
#sc_checkout_content #sc_checkout_button.sc_terms_unconfirmed,
#sc_checkout_content #sc_checkout_button.sc_fields_unconfirmed {
opacity: 0.3;
}
#sc_checkout_content #sc_checkout_button.sc_quantities_failed:after,
#sc_checkout_content #sc_checkout_button.sc_terms_unconfirmed:after,
#sc_checkout_content #sc_checkout_button.sc_fields_unconfirmed:after {
content: '';
text-indent: -9999px;
z-index: 9999;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
}
#sc_checkout_content #sc_checkout_button.sc_quantities_failed .proceed_to_payment,
#sc_checkout_content #sc_checkout_button.sc_terms_unconfirmed .proceed_to_payment,
#sc_checkout_content #sc_checkout_button.sc_fields_unconfirmed .proceed_to_payment {
pointer-events: none;
}
#basket_footer {
}
#basket_footer #store_payment_logos {
clear: both;
float: left;
width: 100%;
}
#basket_footer #store_payment_logos ul {
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 100%;
}
#basket_footer #store_payment_logos ul li {
float: left;
margin: 0 10px 0 0;
text-indent: -9999px;
height: 32px;
width: 52px;
background: 0 0 no-repeat;
}
#basket_footer #store_payment_logos ul li.wp_worldpay { background-image: url(/lib/worldpay/images/worldpay.jpg);width:100px }
#basket_footer #store_payment_logos ul li.wp_visa { background-image: url(/lib/images/payment/visa-curved-32px.png) }
#basket_footer #store_payment_logos ul li.wp_mastercard { background-image: url(/lib/images/payment/mastercard-curved-32px.png) }
#basket_footer #store_payment_logos ul li.wp_amex { background-image: url(/lib/images/payment/american-express-curved-32px.png) }
#basket_footer #store_payment_logos ul li.wp_paypal { background-image: url(/lib/images/payment/paypal-curved-32px.png) }
#basket_footer #store_payment_logos ul li.wp_stripe { background-image: url(/lib/images/payment/powered-by-stripe.png);width:120px;background-position:center; }
.sc_confirmation_body {
clear: both;
}
#sc_demo_note,
.sc_demo_note,
.sc_warning {
border: 1px solid #ffd503;
background: #fffece;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 10px 15px;
line-height: 18px;
max-width: 400px;
}
/* Wishlist specific ------------------------------------------- */
#wishlist_cart_widget {
clear: right;
}
.wishlist_button .store_item_controls {
width: 115px;
transition: width 300ms cubic-bezier(0.57, 0.07, 0.25, 1);
max-height: 16px;
}
@media (prefers-reduced-motion: reduce) {
.wishlist_button .store_item_controls {
transition: none !important;
}
}
.wishlist_button.active .store_item_controls {
width: 100%;
}
.wishlist_button .store_item_remove_container {
float: right;
padding: 0;
line-height: 16px;
}
/* Team
----------------------------------------------------------- */
.team-header .team-contact-info-container {
display: block;
margin-top: 10px;
float: left;
clear: both;
}
.subsection-team-grid .records_list ul li .image a,
.subsection-team-grid .records_list ul li .content a {
display: block;
}
/* Contact
----------------------------------------------------------- */
#contact_form {
width: 100%;
}
#contact_form h1,
#main_content #contact_form h1 {
line-height: 36px;
margin: 0 0 20px;
width: 100%;
float: none;
}
#contact_form #contact_form_item_preview {
display: none;
}
#contact_form #contact_form_item_preview .inner {
border: 1px solid #eee;
background: #fafafa;
padding: 10px;
line-height: 1.5em;
max-height: 90px;
overflow: auto;
}
#contact_form #contact_form_item_preview .image {
display: inline-block;
vertical-align: top;
margin: 0;
width: 20%;
height: 75px;
}
#contact_form #contact_form_item_preview .image img {
display: block;
}
#contact_form #contact_form_item_preview .content {
display: inline-block;
vertical-align: top;
width: 80% !important;
padding-left: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#contact_form #contact_form_item_preview .content .price {
margin: 0;
}
#contact_form #contact_form_item_preview h5 {
margin: 0 0 4px;
}
#contact_form .form {
clear: both;
}
#contact_form .form .form_row {
display: flex;
flex-wrap: wrap;
}
#contact_form .form .form_row label,
#contact_form .form .form_row legend {
width: 100px
}
#contact_form .form .form_row .inputField,
#contact_form .form .form_row select,
#contact_form .form .form_row textarea,
#contact_form .form .form_row .form_content_area {
width: auto !important;
flex-grow: 1;
min-width: 250px
}
#contact_form .form .form_row fieldset,
#contact_form .form .form_row .form_content_area {
width: auto !important;
flex-grow: 1;
}
#contact_form .form .form_radio_button_container label {
width: auto;
min-width: 50px
}
#contactFormSubmit {
margin-left: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
#contactFormSubmit:before {
content: '';
min-width: 100px;
height: 0;
margin-right: 5%;
}
#contactFormSubmit a {
flex-grow: 1;
min-width: 250px;
}
#contact_form .form .error_row {
margin: -10px 0 20px;
}
#contact_form_inline h1 {
}
/*contact form when opened on its own in new page*/
.section-contact.page-form {
display: flex;
align-items: center;
justify-content: center;
}
.section-contact.page-form #contact_form {
max-width: 600px;
margin: 30px;
}
#map_basic,
.google-map {
width: 100%;
height: 600px;
}
/* Prevent map controls from being distorted and broken by img{max-width:100%} */
#map_basic img,
#map img,
.gm-style img,
.google-map img{
max-width: none;
max-height: none;
}
/* Medium-term fix for bug in chrome that creates single grey line across map
REMOVED - this was breaking stuff in google maps
.gm-style div div *{
-webkit-transform: none !important;
}*/
.section-contact #content_module.full_width {
width:100% !important;
}
.section-contact #content_module.full_width #social_links_list ul li {
padding: 0;
margin: 0 17px 8px 0;
clear: both;
display: inline-block;
}
/* Privacy policy
----------------------------------------------------------- */
#footer .small-links-container > div {
display: inline-block;
line-height: 1.6em;
}
#footer .small-links-container .privacy-policy,
#footer .small-links-container .cookie-policy {
text-transform: uppercase;
}
#footer .small-links-container .privacy-policy + #artlogic,
#footer .small-links-container .cookie-policy + #artlogic,
#footer .small-links-container .privacy-policy + .cookie-policy,
#footer .small-links-container #artlogic + .privacy-policy {
margin-left: 6px;
padding-left: 10px;
border-left: 1px solid #ebebeb;
}
.privacy_policy_form_msg {
font-size: 0.8em;
line-height: 1.7em;
color: #757575;
border-top: 1px solid #eee;
padding: 12px 0 0;
}
#sc_checkout_container .privacy_policy_form_msg,
#artlogic_mailinglist_signup_form_wrapper .privacy_policy_form_msg {
margin-top: 15px;
}
#artlogic_mailinglist_signup_form_wrapper {
clear: both;
}
#mailing_list_popup_container {
display: none;
}
/* Search
----------------------------------------------------------- */
.section-search #quick_search {
float: right;
clear: none;
}
.section-search .records_list .content .description,
.section-search .records_list .content .link {
display: block;
}
/* Feature panels
----------------------------------------------------------- */
.feature_panels .records_list ul {
text-align: center;
}
.feature_panels .records_list ul li {
text-align: left;
}
.feature_panels .records_list ul li .image span .panel_image_slideshow {
display: block;
overflow: hidden;
max-height: 100%;
max-width: 100%;
position: relative;
z-index: 10;
}
.feature_panels .records_list ul li .panel_header {
display: block;
margin: 0 0 40px;
}
.feature_panels .records_list ul li .panel_header h1 {
margin: 0;
}
/* Feature panel type 2 - large first item
Changes only affect the first three panels
----------------------------------------------------------- */
.feature_panels.feature_panels_layout_type_2 .records_list.image_list {
}
.feature_panels.feature_panels_layout_type_2 .records_list.image_list ul {
}
.feature_panels.feature_panels_layout_type_2 .records_list.image_list > ul > li {
margin-right: 20px;
}
.feature_panels.feature_panels_layout_type_2 .records_list.image_list ul li.panel_standard:nth-child(-n+3) {
float: left;
position: relative;
margin: 0 20px 20px 0;
}
.feature_panels.feature_panels_layout_type_2 .records_list.image_list ul li.panel_standard:nth-child(-n+3) a {
float: left;
width: 100%;
}
.feature_panels.feature_panels_layout_type_2 .records_list.image_list ul li.panel_standard:nth-child(-n+3) .image {
margin: 0;
position: relative;
z-index: 5;
}
.feature_panels.feature_panels_layout_type_2 .records_list.image_list ul li.panel_standard:nth-child(-n+3) .content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
margin: 0;
min-height: 64px;
padding: 16px 0 0;
background: #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.feature_panels.feature_panels_layout_type_2 .records_list.image_list ul li.panel_standard:nth-child(-n+3) .link,
.feature_panels.feature_panels_layout_type_2 .records_list.image_list ul li.panel_standard:nth-child(-n+3) .description {
display: none;
}
/* Feature panel type 3 - hero parallax heading
----------------------------------------------------------- */
.feature_panels .records_list.image_list ul li.panel_hero {
position: static;
width: 100%;
padding-top: 20px;
margin-bottom: 40px;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading > h2,
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading > a > h2 {
color: #fff;
font-size: 45px;
line-height: 50px;
font-weight: normal;
margin: 0 0 22px;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading .subtitle {
padding: 15px 0 0;
margin: 0;
color: #fff;
font-size: 16px;
line-height: 20px;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_section_placeholder {
height: 400px;
display: block;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_section {
display: block;
position: absolute;
right: 0;
left: 0;
z-index: 25;
background: transparent;
-moz-transition: background 0.35s ease-in-out;
-webkit-transition: background 0.35s ease-in-out;
transition: background 0.35s ease-in-out;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_section.parallax-loaded {
background: transparent !important;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_section:after {
content: '';
text-indent: -9999px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 30;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_section .inner {
display: block;
margin: 0 auto;
padding: 0;
position: relative;
z-index: 50;
height: 400px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_image_responsive {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 25;
background: center center no-repeat #333;
background-size: cover;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_image_responsive span {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 25;
background: center center no-repeat #333;
background-size: cover;
}
.parallax-disabled #hero_image_responsive,
.disable-parallax #hero_image_responsive,
.parallax-disabled .hero_image_responsive,
.feature_panels .panel_hero .parallax-disabled .hero_image_responsive,
.feature_panels .records_list.image_list ul li.panel_hero .parallax-disabled .hero_image_responsive,
body.device-handheld .feature_panels .records_list.image_list ul li.panel_hero .hero_image_responsive {
display: block;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading {
/*position: absolute;
z-index: 35;
bottom: auto;
top: 35%;
left: 20px;
*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
text-align: center;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-direction: column;
flex-direction: column;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading a,
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading a:visited {
color: #fff;
text-decoration: none;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading > h2,
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading > a > h2 {
color: #fff;
width: 100%;
font-size: 52px;
line-height: 56px;
font-weight: normal;
margin: 0 0 22px;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading .subtitle {
padding: 15px 0 0;
width: 100%;
margin: 0;
color: #fff;
font-size: 16px;
line-height: 20px;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading .description {
max-width: 100%;
width: 100%;
padding: 15px 0 0;
margin: 0;
color: #fff;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading .description * {
color: #fff;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading span:first-child {
padding-top: 0;
}
/* Feature panel type 4 - Image/Text adjacent
----------------------------------------------------------- */
.feature_panels .records_list.image_list ul li.panel_image_text_adjacent {
width: 100%;
padding-right: 0 !important;
overflow:hidden;
}
.feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content,
.feature_panels .records_list.image_list ul li.panel_image_text_adjacent .image {
width: 50%;
display: inline-block;
float: none;
vertical-align: middle;
}
.feature_panels .records_list.image_list ul li.panel_image_text_adjacent .outer {
display: inline;
}
.feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content {
padding-right: 20px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content h2,
.feature_panels .records_list.image_list ul li.panel_image_text_adjacent .content .subtitle{
text-align:initial;
}
.feature_panels .image_list ul li.panel_image_text_adjacent .image {
padding-right: 20px;
margin-bottom: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.feature_panels .image_list ul li.panel_image_text_adjacent .image {
height: auto !important;
}
.feature_panels .image_list ul li.panel_image_text_adjacent .image span,
.image_list ul li.panel_image_text_adjacent .image img {
width: 100% !important;
height: auto !important;
}
/* Feature panel type 5 - Image Slider Carousel
----------------------------------------------------------- */
.feature_panels .records_list.image_list ul li.panel_slider {
width: 100%;
display: block;
}
.feature_panels .records_list.image_list ul li.panel_slider .inner {
position: absolute;
left: 0;
right: 0;
}
.feature_panels .records_list.image_list ul li.panel_slider {
position: static;
}
.feature_panels .records_list.image_list ul li.panel_slider .image img {
max-width: none !important;
max-height: none !important;
}
.feature_panels .records_list.image_list ul li.panel_slider .image,
.feature_panels .records_list.image_list ul li.panel_slider .image span {
width: auto !important;
height:auto !important;
float: none;
margin: auto;
}
/* Feature panel type 6 - Image Grid
----------------------------------------------------------- */
.feature_panels .records_list.image_list ul li.panel_image_grid {
width: 100% !important;
display: block;
}
.feature_panels .records_list.image_list ul li.panel_image_grid .records_list.image_list ul {
margin-right: 0;
}
/* Twitter panels ----------------------------------------------------------- */
.feature_panels .records_list ul li.fp_custom_twitter-feed .acms-tw-image-container,
.feature_panels .records_list ul li.fp_custom_twitter-feed .acms-tw-user {
display: none;
}
.feature_panels .records_list ul li.fp_custom_twitter-feed .acms-tw-text {
word-wrap: break-word;
}
.feature_panels .records_list ul li.fp_custom_twitter-feed .loader_simple {
margin-bottom: 20px;
}
/* -----------------------------------------------------------
Global Classes
----------------------------------------------------------- */
a.external {
padding: 0;
background: none;
}
.subheading {
color: #CCC;
font-size: 1.93em;
line-height: 1.2em;
margin: 0 0 25px;
clear: both;
}
/* Page sections - combined content pages
----------------------------------------------------------- */
.scroll_section_container {
}
.scroll_section_container > section {
float: left;
width: 100%;
margin: 0 0 50px;
}
.scroll_section_container.scroll_section_hide_first_heading > section:nth-of-type(1) .scroll_section_header {
display: none;
}
/* Social media icons
----------------------------------------------------------- */
.social_media_icon {
float: left;
width: 21px;
height: 21px;
margin: 0 12px 0 0;
border: 2px solid #333;
background: url(../images/social_icons_alt.png) 0 -21px no-repeat #333;
border-radius: 50px;
}
.social_media_icon { background-position: -147px -21px; }
.social_media_icon.facebook { background-position: 0 -21px; }
.social_media_icon.twitter { background-position: -21px -21px; }
.social_media_icon.flickr { background-position: -42px -21px; }
.social_media_icon.youtube { background-position: -63px -21px; }
.social_media_icon.googleplus { background-position: -84px -21px; }
.social_media_icon.instagram { background-position: -105px -21px; }
.social_media_icon.mailinglist { background-position: -126px -21px; }
.social_media_icon.email { background-position: -210px -21px; }
.social_media_icon.googlemap { background-position: -168px -21px; }
.social_media_icon.pinterest { background-position: -189px -21px; }
.social_media_icon.tumblr { background-position: -230px -21px;}
.social_media_icon.linkedin { background-position: -252px -21px;}
.social_media_icon.wechat { background-position: -336px -21px;}
.social_media_icon.weibo { background-position: -357px -21px;}
.social_media_icon.artnet { background-position: -378px -21px;}
.social_media_icon.artsy { background-position: -399px -21px;}
.social_media_icon.artstack { background-position: -420px -21px;}
/*load highres version of icons*/
.device-highres .social_media_icon {
background-image: url(../images/social_icons_alt_2x.png);
background-size: auto 42px;
}
/* Social media list
----------------------------------------------------------- */
#social_links_list {
clear: both;
}
#social_links_list ul {
padding: 0;
margin: 0;
list-style: none;
}
#social_links_list ul li {
padding: 0;
margin: 0 0 8px;
clear: both;
}
#social_links_list ul li a,
#social_links_list ul li a:visited,
#social_links_list ul li a:hover {
display: block;
line-height: 24px;
text-decoration: none;
}
/* Page content social media
----------------------------------------------------------- */
#page_content_social_links {
clear: both;
width: 100%;
}
#page_content_social_links .social_links_item {
float: left;
margin: 0 15px 10px 0;
}
#page_content_social_links .social_links_item a {
margin: 0 8px 0 0;
line-height: 1.9em;
}
#page_content_social_links .social_links_item a,
#page_content_social_links .social_links_item a:visited {
text-decoration: none;
}
#page_content_social_links .social_links_item a .social_media_icon {
background-image: url(../images/social_icons_black.png);
background-color: transparent;
border: 0;
margin: 0 5px 0 0;
}
/* Unknown: Please write a note here
----------------------------------------------------------- */
#slideshow.slideshow_list ul {
margin: 0;
padding: 0;
}
#slideshow.slideshow_list ul li {
margin: 0;
padding: 0;
}
#slideshow.slideshow_list ul li .image {
float: none;
display: block;
}
/* Image gallery slider
Continuous images which display full width of the page, using 'Slick' jQuery plugin
----------------------------------------------------------- */
#ig_slider,
.ig_slider {
}
.slick-slide {
padding: 0 30px;
}
.records_list .slick-slide .image a {
display: inline-block;
width: 100%;
height: 100%;
outline-offset: -3px;
}
body.browser-msie .records_list .slick-slide .image a:focus {
border: 3px solid black;
}
.tabbing-detected .slick-list:focus {
border: 3px solid black;
}
.tabbing-detected .ig_slider_container,
.tabbing-detected .ig_slider {
overflow: visible;
}
#ig_slider_caption,
.ig_slider_caption {
opacity: 1;
text-align: center;
width: 100%;
padding: 20px 0 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#ig_slider_caption.transition,
.ig_slider_caption.transition {
opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
#ig_slider_caption,
.ig_slider_caption {
transition: none !important;
}
}
/* Image gallery slideshow
Big slideshow with thumbnails below, commonly used for artist works and exhibition works
----------------------------------------------------------- */
#ig_slideshow_container {
}
#ig_slideshow {
width: 765px;
height: 530px;
margin: 0 0 20px;
overflow: hidden;
z-index: 5;
/* Cycle sometimes doesnt correctly calculate the height of the first slide in Chrome */
/* The following line is necessary to make sure that the user at least sees some of the image in these cases */
min-height: 300px;
}
.tabbing-detected #ig_slideshow {
overflow: visible;
}
#ig_slideshow .item {
width: 765px;
height: 530px;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
}
#ig_slideshow .item span {
display: table;
table-layout: fixed;
width: 765px;
height: 530px;
}
#ig_slideshow .item span span {
display: table-cell;
text-align: center;
vertical-align: middle;
line-height: 0;
}
#sidebar #ig_slideshow .item span span a {
display: block;
height: 100%;
}
#ig_slideshow .item span span p {
display:none;
}
#ig_slideshow .item span.artwork_video_object {
display: inline;
height: auto;
width: auto;
}
#ig_slideshow .item span.artwork_video_mask {
display: block;
position: absolute;
top: 0;
left: 0;
/*background: url(../images/image_mask.png);*/
background: rgba(0,0,0,.4);
color: #FFF;
font-weight: bold;
font-size: 1.2em;
}
#ig_slideshow .item span.artwork_video_mask span {
display: block;
text-align: center;
color: #FFF;
background: url(../images/video_icon.png) center center no-repeat;
background-size: 64px;
text-indent: -9999px;
}
#ig_slideshow .item .enquire {
display: none;
}
#ig_slideshow .image a {
display: inline;
}
/* Fix for Android Internet browser only */
.browser-android-internet #ig_slideshow .item .image span a img {
max-height: 300px;
}
#ig_slideshow_thumbnails_container {
position: relative;
margin: 0 0 20px;
}
#ig_slideshow_thumbnails_prev,
#ig_slideshow_thumbnails_next {
padding: 0;
margin: 0;
position: absolute;
display: block;
top: 0;
height: 72px;
width: 25px;
}
#ig_slideshow_thumbnails_prev {
left: 0;
background: url(../images/icon_left_large.png) center center no-repeat #f4f4f4;
}
#ig_slideshow_thumbnails_next {
right: 0;
background: url(../images/icon_right_large.png) center center no-repeat #f4f4f4;
}
#ig_slideshow_thumbnails_prev a,
#ig_slideshow_thumbnails_next a {
display: block;
text-indent: -9999px;
height: 72px;
width: 25px;
}
#ig_slideshow_thumbnails_container.prev_next_disabled #ig_slideshow_thumbnails {
margin: 0;
}
#ig_slideshow_thumbnails_container.prev_next_disabled #ig_slideshow_thumbnails_prev,
#ig_slideshow_thumbnails_container.prev_next_disabled #ig_slideshow_thumbnails_next {
background-image: none;
display: none;
}
#ig_slideshow_thumbnails_prev.disabled a,
#ig_slideshow_thumbnails_next.disabled a {
cursor: default;
}
#ig_slideshow_thumbnails {
margin: 0 40px;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_slideshow_thumbnails_inactive #ig_slideshow_thumbnails.jTscrollerContainer,
#ig_slideshow_thumbnails_container.ig_slideshow_thumbnails_inactive #ig_slideshow_thumbnails {
margin-left: auto;
margin-right: auto;
float: none;
}
#ig_slideshow_thumbnails ul {
list-style: none;
padding: 0;
margin: 0;
display: block;
width: 100%;
}
#ig_slideshow_thumbnails ul li {
float: left;
width: 96px;
height: 72px;
margin: 0 21px 0 0;
background: #f4f4f4;
}
#ig_slideshow_thumbnails ul li.last {
margin-right: 0;
}
#ig_slideshow_thumbnails ul li a {
display: block;
width: 96px;
height: 72px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
text-indent: -99999px;
outline-offset: -3px;
}
body.browser-msie.tabbing-detected #ig_slideshow_thumbnails ul li a:focus {
border: 3px solid black;
}
#ig_slideshow_thumbnails ul li a * {
display: inline !important;
text-indent: -99999px !important;
}
#ig_slideshow_thumbnails ul li a br {
display: none !important;
}
#ig_slideshow_caption {
line-height: 1.4em;
float: left;
}
#ig_slideshow_enquire {
line-height: 1.4em;
float: right;
}
#ig_slideshow_controller.controller_disabled {
display: none;
}
/* Scroller thumbnails ----------------------------------------------------------- */
#ig_slideshow_thumbnails_container.jThumbnailScroller {
}
#ig_slideshow_thumbnails_container.jThumbnailScroller .inner {
overflow: hidden;
position: relative;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller #ig_slideshow_thumbnails.jTscrollerContainer {
float: left;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller #ig_slideshow_thumbnails.jTscrollerContainer .jTscroller {
display: inline-block;
position: relative;
width: auto;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller #ig_slideshow_thumbnails {
margin: 0;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_click {
margin-left: 40px;
margin-right: 40px;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_single {
display: none;
}
.jTscrollerPrevButton,
.jTscrollerNextButton {
padding: 0;
margin: 0;
position: absolute;
display: block;
top: 50%;
margin-top: -14px;
height: 28px;
width: 28px;
text-indent: -9999px;
cursor: pointer;
}
.jTscrollerPrevButton.disabled,
.jTscrollerNextButton.disabled {
cursor: default;
opacity: 0.4;
}
.jTscrollerPrevButton {
left: -40px;
background: url(../images/icon_left_large.png) center center no-repeat;
}
.jTscrollerNextButton {
right: -40px;
background: url(../images/icon_right_large.png) center center no-repeat;
}
/* Scroller thumbnails for handheld devices ----------------------------------------------------------- */
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_handheld {
padding: 0 0 0;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_handheld.ig_thumbnails_type_scroller_click {
margin-left: 0;
margin-right: 0;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_handheld .inner {
float: none;
display: block;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden !important;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_handheld #ig_slideshow_thumbnails.jTscrollerContainer {
float: none;
display: block;
white-space: nowrap;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_handheld #ig_slideshow_thumbnails.jTscrollerContainer .jTscroller {
display: block;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_handheld #ig_slideshow_thumbnails.jTscrollerContainer .jTscroller li {
float: none;
display: inline-block;
vertical-align: top;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_handheld #ig_slideshow_thumbnails.jTscrollerContainer .jTscroller li a * {
display: none;
}
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_handheld .jTscrollerPrevButton,
#ig_slideshow_thumbnails_container.jThumbnailScroller.ig_thumbnails_type_scroller_handheld .jTscrollerNextButton {
display: none !important;
}
/* Image gallery
Standard/default image gallery, one item per page.
----------------------------------------------------------- */
#image_gallery {
clear: both;
}
#image_gallery #content_module {
width: 250px;
float: left;
display: inline;
min-height: 370px;
position: relative;
padding-bottom: 30px;
transition: width 0.35s ease-in-out;
-webkit-transition: width 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
#image_gallery #content_module {
transition: none !important;
}
}
#image_gallery.unavailable #content_module:before {
content: 'Sold';
text-indent: -9999px;
display: block;
position: absolute;
top: 3px;
right: -5px;
width: 5px;
height: 5px;
background: url(../images/unavailable.png) -10px -10px no-repeat;
}
#image_gallery.reserved #content_module:before {
content: 'Reserved';
background: url(../images/reserved.png) -10px -10px no-repeat;
}
#image_gallery #content_module .area {
margin: 0 0 15px;
}
#image_gallery #content_module .page_stats {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 23px;
margin: 0;
padding: 0;
}
#image_gallery #content_module .subtitle .artist {
margin: 0 0 10px;
}
#secondary_image_thumbnails {
}
#secondary_image_thumbnails ul {
float: left;
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
#secondary_image_thumbnails ul li {
float: left;
margin: 0 5px 5px 0;
width: 75px;
height: 75px;
}
#secondary_image_thumbnails ul li a.active img {
opacity: 50%;
}
#secondary_image_thumbnails ul li.video_embed a,
#secondary_image_thumbnails ul li.main_image_overrided_by_video a {
display: inline-block;
position: relative;
height: 100%;
width: 100%;
}
#secondary_image_thumbnails ul li.video_embed a:before,
#secondary_image_thumbnails ul li.main_image_overrided_by_video a:before {
content: "";
position: absolute;
cursor: pointer;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgb(0,0,0, 0.2);
}
#secondary_image_thumbnails ul li.video_embed a:after,
#secondary_image_thumbnails ul li.main_image_overrided_by_video a:after {
content: "";
position: absolute;
cursor: pointer;
display: block;
width: 32px;
height: 32px;
top: calc(50% - 16px);
left: calc(50% - 16px);
background-size: contain;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABSCAYAAAGwK7MNAAAABGdBTUEAALGPC/xhBQAACzZJREFUeAHtnHusHUUdx1taqLTloWlBrSgBtUAxjUI1KrEGHxEIgvqHsdHw8GJ8oUSN0YJJUYSg0fgiJARySawlRhFp6gPrI1I0WotGQLRJaYMUqqUKKqDVwvHz3TOzZ3Z2Z3d2z+45p738kt+dmd/zO7+75+zu7OyZNauAer3e8gLxQITBGwejQQ/5ksGIHoILMwJvgP5YT9T2kBRr/ZjIRNOunPFb3XEHfVLcWRYW/aczegR3ZwRmgPzGInkiQzkP/hU8O2hkFRgdZPuFLQY9X5GTIbjUN7JjdHckfTpPWWGoxeZe4Tk3ZODINzv9fhfvhIoUJ7hCWblj9RGt1p+cosBwXyLDdrGvtGN0b7J9a/y3jIABRk/6snSM8jr4K6mgqoPxg7BoHTxX9rQL4Y2w6BdVMRI9hnfDV0YZGyPsfwlfU+iDorKqhY6D4Fn/YQPaZGkcOh+wwlArY2g6pHfl2D1bx/HhrrCkf74il+itqh8v0tg6BdtcHAT/ClpHKHIBrY8U0CI7jmmxXwnHAcLQ0pFucITHWYUrr90nyBL46NqO1gHnBRYJ7dmOfJWVW1llaxymqgyxu0a2pXaVBgXeQZ+goiCIL8r5InjcN6o7JsbtqQ+DynNQahzopCjpfD9gU1tMrKmos09sZKEsP7MTSUai2KCVAW2gftjqwNEBTeDv2QTBtmo6BtmGYABHIVudRv/iyHLd2VBOGBZcm6gIvC1sE6cRutQyM0il9TrE2JvxGCZo0DeoyKTODip9ZABV/iOweaYMs+Fnzcodh+a/+kUZQ1/yHZB9Qwrkb695BPRD4fs2eAP8XbjwdspP2mhM8PfCe+AY2opRem5qlDDGiSTbHTRrYnxcG3xnw9NOjOqvBjdAqE/AW03QB0M2TeXEPQj+n4n//tpxcLzNOK+q7dzAgVxrTb6LK90xPMQYF96zVgYY0oDce5U/GAbdqTKAXhE0GoGC/FclKHq9OZl0CA81irECtKDA8jnhseOkNQDvygjHPDCYHrUAj8mhrgnQBJyu6VZqTszTUlx0Pp8OSt3CSvkX0NCgTcxX6pw4L5x+KE1yv2sSRV2KBbLN0yXsCgUKGESJDRC3GQZUkpNgL1TAFICJ/q1UULOD/9Cg/JTEfEK4Ujn9UySA5qfCMXbAcU6Cxr+2Q/gpo0gWusaFEQzLDY6TCzGgTD72tPVP+IUR6wnJ+yMD8NBKTwz3GeNDKo1bMCDXUpNvR+1wDtgLajtHOBB/2oDbGWFebkKgM0wwNVvg3D1HeYS+Fr8j4N2wpWNj/BrZkEGgk68Imy2i3YnNsiYJK2/fYoMCQCulz4W1VP8Qd2hPxPp2YgegRfC34Vi6FsODOwHjByXRRzxUuxh/DH5xga1OEJfD/mFxpm/byphEZ8GWdGwdXzcwPq+F/2OD0B5XN0bQnmB/NYEfps1e0ge9wgpi6FB50sS8PWwZoSHIM0wgNSsjXGqZEPMTJn74SVZZRJw1W0utfQP4OUmQ5vF1pWMcDzbo+k/9Sq2HV5Jrrsk3uCyrClvboSpghJ6c9m71kUpzjO8xIKuvQiqj1TMgb3KHQHt10BPlC2DRB4NGHSvI/RMBCKaREhr6CUYwQaSiD6N3X84cxTKjPCmnHLEAHJcaLNlvFYT/kGLEeILpDMhvZgyMcHVGOMYBeHTNOiga/TdkBGMEZ1ODJ7nnpu2fhuloG8wAtbUccytM0McTGP1+b3dTTPifDGtZufaVUVlOg+s3LsjryxzKdAakidkeWAL+XUGV295Q/akMSA2dFha2EbuNyqaYLMhdNYDEmLYBNsVkQT4rJnMDGwv21Aa+KSYFET2v37T+dwV3jVsaRh1g0sEJNV4vx1efbp+aVC4zFxPwAQlVSf3vX6JBCzRM5YrS35oIQXyxUBdZxMhw1cXJ0JVzcxHPPvQabHxFKDrdNRxnHyxfE6AMBgmguN1VGc9uBn04vR2Z6AjtysTQ99WZwA0GYHmZAZk/zRrFvQ3ituoCjqfEhUFR2GoODtZCy+6EYLgAFuXWltKsKDWL7AGbarvtkFYP6UXZY9FPi4G2WYu2+bqux+RM1umj8mB8tlBCG6McWjAi154kI/tgo8Ph8EnjtDnaqaEheR41ueqfEHC8yDgPvT2xCD+x55v4aoofLBU5+jKcT3QCXeTrm46JqeVpS/Obxsn4EU1X25beklHWGBDAHkaKtb6Ga5wpQZfAjyu6IS1uvbnKG5sp2K4Wy3UH3NUz9j4cEsyBb4LrUni1rGKm2fWWCuMiNUh10KuiuiZNn+PQ1zfDeq7M76cdioYG2TQ7k1NuvWH1algvpiw1fAxtGS5tz9TJZqvhe2h/TjFa36pG3GgqAxwdpMyQgulptHYlvgs+E656MKYLoMdgXd6KVbgF8GGGY76x9mB7E/x1CtxfBGGwXxGF0xL9aliPporoDoS6qzqxrYkRS3dEr4GvhO+Hi+i3CCu/MNvC1CgOAJ8Da3OuT/cheA88kj0SPnjyCtcX4Mdgl/7N4DJ47PdK2pWls84VcHIlTytSXy+1pWs4/uTGOQaXHm1vhl3SJyf7Kt8oQJL0SHiTi4T+D+HFo8jfVg7wngY/ALt0eVvxg3HIthB2/5s6+j4UdNhPFMxB9wYbYJc+2wl8Mky7WehPdZJojEGZk76q1jvz1IFyTiuQCKQ1R/dW4YZWAk9wEOard2y2w5Z+Tafqki08I5x1CWNJZ73WLlfCWSdHw3w/bCdPq8dR9ZcEcLrFCXInffuUZ3JmOgIkzPsE+L9OLXRTEUc4uUVcG+d14FpRjwWwe3NRXUwcboAt3XzglqfezCiItvbaZUnVR7e6xYTyHbIw9Mdiq5krpS4n2eLQ6s7oiFw1EOpaai8s0mn/+TmjpwW6m3NPQP3HsW5dMLgKtpR7W9a1nel9ivRnWyjaFWk9GOidVvdaceT3yeTX2XEazj/kTJFORgeMWk63NDgZI3m9ldJuGgdc8vrbNnTdNg1PXGHBtBi29E9bL10fvsoOaH/q9MfZ1XaV8+FtBvHEFJaF4ofBpVV50WHgSy7UVUg9w7D0kO1MWDtphXXrlNRPhXQfl2V/rmLCqunAGXdh3Tol9ROgXQ5A9+h0xBPd1Q8+rOEjt2WEKN06JfVTId1dPy8dIZimqcZRuBQr34lzGOixrkh7fPo3LygON1/oanTFPvIFCnL6Z21hsaRF1/q7RZJ5tv8HLGdZYLQ/zmRA8B1H+b6McgQDcruFnKjC+dMH60anVu/M6FFoAdeSVjpGflRmAE3ogLqstEWi1QaFPKH4smN0Y95iZkuojd413OPUaGWwIhj9wTGcChrOQAV1+YFTm8+UlgDDhbBb9VWlDjNESU1udoq4LmraOOi5dfKCnXH+aJTjAWjE/LWgoy02lm6pNU285sJ3WW/aegFqZZtMY+Z8FOw+YriiMVICfRW2pB8E2B8u2BvP1zoyz8vspGn12wKvs7rGLUGOh92P+hbGCxsHnGBH5vVyWI+eLf2Mju5k2iMCXmijm/Y2Wu1b3O+JeSyH9bsilnbTeVGnEyOBe9gr8VZ4WadJOwoO7vNgfWVZ0ouv2kE8OiLhubD7MRCYtfCi0aGonwl8K2D3eplh8pMU433gBwjt0L1eaDzSnpnR7zv0agsGPSG9BNbH1SUdBOd55pMxBJh+9GYNrFUkn3YiuBru7GuA2NpRdgas1y7830lC1NsBd7L9udPN+IDW5tNL4HfDRwf+3dp8vx3WIoBYbyw8Aoc24yvOUsN6G+IoOES/Q6HHy+tY+N0XMmpD3mkhiwBSXL2VoC/00w2fQjvMJYae5G2C9eBO/HuKpgXXp2l/rMD/ARF+XIY+j5YrAAAAAElFTkSuQmCC');
}
#image_gallery #content_module .store_item_group {
margin: 0 0 20px;
}
#image_gallery #content_module .store_item_group .store_item {
margin: 0;
}
#image_gallery #content_module .store_item {
padding: 12px 0;
margin: 0 0 20px;
}
#image_gallery #content_module .store_item .variant {
width: 100%;
}
#image_gallery #content_module .store_item .price {
font-size: 1em;
letter-spacing: 0;
}
#image_gallery #content_module .store_item.sale_mode .price strike {
color: #757575;
}
#image_gallery #content_module .store_item.active .store_item_controls,
#image_gallery #content_module .store_item.sale_mode .store_item_controls {
clear: both;
float: left;
width: 100%;
display: block;
padding: 5px 0 0;
}
#image_gallery #image_container {
width: 680px;
height: 400px;
float: right;
display: inline;
text-align: center;
transition: width 0.35s ease-in-out;
-webkit-transition: width 0.35s ease-in-out;
z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
#image_gallery #image_container {
transition: none !important;
}
}
#image_gallery #image_container .item {
width: 100%;
}
#image_gallery #image_container .item .caption {
padding: 5px 0 0;
display: block;
}
#image_gallery.artwork_full_details_open {
}
#image_gallery.artwork_full_details_open #content_module {
width: 680px;
}
#image_gallery.artwork_full_details_open #image_container {
width: 250px;
}
#image_gallery #image_container .image,
#image_gallery #image_container .image span {
width: 100%;
}
#image_gallery #image_container .image span img {
max-height: 100%;
max-width: 100%;
}
#image_related {
clear: both;
padding: 30px 0 0;
}
/* Fullscreen slideshow
A slideshow which fills the entire screen, typically used on the homepage
----------------------------------------------------------- */
body.type-fullscreen #container {
min-height: 100%;
}
body.type-fullscreen #header {
position: absolute;
z-index: 2000;
left: 0;
right: 0;
top: 0;
}
body.type-fullscreen #header.header_fixed {
position: fixed;
}
body.type-fullscreen #header .inner {
width: 940px;
margin: 0 auto;
}
body.type-fullscreen.cms-frontend-toolbar-active #header.header-fixed {
top: 28px;
}
body.type-fullscreen #main_content {
margin-bottom: 0;
}
body.type-fullscreen #content {
min-height: 0;
}
/*
body.type-fullscreen #footer {
position: absolute;
bottom: -110px;
min-height: 80px;
margin: 0;
width: 940px;
}
*/
#container #slideshow.fullscreen_slideshow .hero-parallax-element .image,
#content #slideshow.fullscreen_slideshow .hero-parallax-element .image {
display: none;
}
#container .disable-parallax #slideshow.fullscreen_slideshow .hero-parallax-element .image {
display: block;
}
#slideshow.fullscreen_slideshow a,
#slideshow.fullscreen_slideshow button {
outline-color: yellow !important;
}
.fullscreen_slideshow {
position: absolute;
top: 134px;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 0;
margin: 0;
width: 100%;
z-index: 1000;
backface-visibility: hidden; /* Fixes background-attachment:fixed bug in Chrome 67+ */
}
.fullscreen_slideshow.fullscreen_slideshow_parallax {
-moz-transition: background 0.35s ease-in-out;
-webkit-transition: background 0.35s ease-in-out;
transition: background 0.35s ease-in-out;
}
#container .parallax-loaded .fullscreen_slideshow.fullscreen_slideshow_parallax,
#content .fullscreen_slideshow.fullscreen_slideshow_parallax.parallax-loaded {
background: transparent !important;
}
#container .parallax-loaded .fullscreen_slideshow.fullscreen_slideshow_parallax ul li,
#content .fullscreen_slideshow.fullscreen_slideshow_parallax.parallax-loaded ul li {
background: transparent !important;
}
.fullscreen_slideshow .hero_splash_text {
text-align: center;
position: absolute;
top: 50%;
left: 30px;
right: 30px;
padding: 0;
margin: -40px 0 0;
z-index: 1100;
pointer-events: none; /* Allows the sideshow behind to be clicked */
}
.parallax-mirror .fullscreen_slideshow .hero_splash_text {
padding-top: 55px;
display: none;
}
#content .fullscreen_slideshow.fullscreen_slideshow_parallax.parallax-loaded.hero_splash_text_enabled {
display: block;
}
#slideshow.fullscreen_slideshow_parallax span.content,
#slideshow.fullscreen_slideshow_parallax span.content span{
box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.parallax-mirror .fullscreen_slideshow .hero_splash_text {
padding-top: 55px;
}
.fullscreen_slideshow .hero_splash_text .title {
color: #fff;
font-size: 56px;
line-height: 60px;
margin: 0;
}
.fullscreen_slideshow .hero_splash_text .subtitle {
padding: 15px 0 0;
margin: 0;
color: #fff;
font-size: 20px;
line-height: 22px;
}
.fullscreen_slideshow ul,
.fullscreen_slideshow ul li,
.fullscreen_slideshow ul li > a,
.fullscreen_slideshow ul li .image,
.fullscreen_slideshow ul li .image a,
.fullscreen_slideshow ul li .video_container,
.fullscreen_slideshow .fullscreen_slideshow_video,
.fullscreen_slideshow .fullscreen_slideshow_video_link {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
.fullscreen_slideshow ul li > a {
z-index: 103;
text-align: left;
text-indent: -9999px;
outline-offset: -5px;
}
body.browser-msie.tabbing-detected .fullscreen_slideshow ul li > a:focus {
border: 3px solid black;
}
.fullscreen_slideshow ul li .image {
margin: 0 !important;
background: center center no-repeat;
background-size: cover;
background-attachment: fixed;
z-index: 101;
}
.parallax-mirror .fullscreen_slideshow ul li .image {
background-attachment: scroll;
}
body.device-handheld .fullscreen_slideshow ul li .image,
.parallax-disabled.fullscreen_slideshow ul li .image,
#hero_header.disable-parallax .fullscreen_slideshow ul li .image {
background-attachment: scroll;
}
.fullscreen_slideshow ul li .video_container {
z-index: 101;
}
.fullscreen_slideshow ul li .video_container .plyr--video,
.fullscreen_slideshow ul li .video_container .plyr__video-wrapper {
height: 100%;
}
.fullscreen_slideshow ul li .video_container video {
width: 100%;
height: 100%;
object-fit: cover;
}
.fullscreen_slideshow ul li:after {
text-indent: -9999px;
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
z-index: 101;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(55%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0.4) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,0.4) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
}
.fullscreen_slideshow.hero_splash_text_enabled ul li:after {
background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.15) 5%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(5%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 5%,rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 5%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 5%,rgba(0,0,0,0.45) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.15) 5%,rgba(0,0,0,0.45) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#73000000',GradientType=0 ); /* IE6-9 */
}
.parallax-mirror .fullscreen_slideshow ul li:after,
.parallax-mirror .fullscreen_slideshow.hero_splash_text_enabled ul li:after,
.fullscreen_slideshow_parallax ul li:after {
display: none;
}
.device-handheld .fullscreen_slideshow_parallax ul li:after,
#container .fullscreen_slideshow_parallax.parallax-loaded ul li:after,
#container .fullscreen_slideshow_parallax.hero_splash_text_enabled.parallax-loaded ul li:after{
display: block;
}
.device-handheld .fullscreen_slideshow_parallax ul li.no-text:after,
#container .fullscreen_slideshow_parallax.parallax-loaded ul li.no-text:after,
#container .fullscreen_slideshow_parallax.hero_splash_text_enabled.parallax-loaded ul li.no-text:after{
display: none;
}
.fullscreen_slideshow ul li .image a {
z-index: 10;
}
.fullscreen_slideshow ul li .content {
display: block;
position: absolute;
z-index: 104;
left: 0;
right: 0;
bottom: 40px;
margin: 0 auto;
width: 1000px;
}
.parallax-loaded .fullscreen_slideshow.fullscreen_slideshow_parallax ul li .content,
.fullscreen_slideshow.fullscreen_slideshow_parallax.parallax-loaded ul li .content,
#hero_header.disable-parallax .fullscreen_slideshow.fullscreen_slideshow_parallax ul li .content,
.fullscreen_slideshow.fullscreen_slideshow_parallax.parallax-disabled ul li .content {
display: block;
}
.fullscreen_slideshow.fullscreen_slideshow_parallax ul li .content,
.parallax-mirror .fullscreen_slideshow ul li .content,
.parallax-mirror .fullscreen_slideshow.fullscreen_slideshow_parallax.parallax-loaded ul li .content {
display: none;
}
.device-handheld .fullscreen_slideshow ul li .content {
display: block;
}
.fullscreen_slideshow ul li .content .inner {
display: block;
padding: 0 30px;
color: #fff;
/*
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
*/
}
.fullscreen_slideshow ul li .content h2 {
color: #fff;
}
.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 .separator,
.fullscreen_slideshow ul li .content h2 a .h1_subtitle,
.fullscreen_slideshow ul li .content h2 .h1_subtitle {
color: #fff;
font-size: 32px;
letter-spacing: 3px;
line-height: 34px;
}
.fullscreen_slideshow.hero_splash_text_enabled ul li .content h2,
.fullscreen_slideshow.hero_splash_text_enabled ul li .content h2 a,
.fullscreen_slideshow.hero_splash_text_enabled ul li .content h2 a:visited,
.fullscreen_slideshow.hero_splash_text_enabled ul li .content h2 a .separator,
.fullscreen_slideshow.hero_splash_text_enabled ul li .content h2 .separator,
.fullscreen_slideshow.hero_splash_text_enabled ul li .content h2 a .h1_subtitle,
.fullscreen_slideshow.hero_splash_text_enabled ul li .content h2 .h1_subtitle {
font-size: 14px;
line-height: 16px;
}
.fullscreen_slideshow ul li .content h3,
.fullscreen_slideshow ul li .content h4,
.fullscreen_slideshow ul li .content h5,
.fullscreen_slideshow ul li .content h6,
.fullscreen_slideshow ul li .content .date {
color: #fff;
margin: 0 0 15px;
display: block;
}
.fullscreen_slideshow .fullscreen_slideshow_video {
z-index: 1000;
overflow: hidden;
}
.fullscreen_slideshow .fullscreen_slideshow_video video {
position: absolute !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.fullscreen_slideshow .fullscreen_slideshow_video:after {
text-indent: -9999px;
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
z-index: 5;
background: rgba(0,0,0,0.05);
}
.fullscreen_slideshow.hero_splash_text_enabled .fullscreen_slideshow_video:after {
background: rgba(0,0,0,0.35);
}
.fullscreen_slideshow .fullscreen_slideshow_video_link {
z-index: 1150;
}
.fullscreen_slideshow .slideshow_pager {
bottom: 150px;
}
.fullscreen_slideshow .slideshow_pager .slideshow_pager_inner {
text-align: center;
}
.slideshow_pagination_enabled .btn-next::before,
.slideshow_pagination_enabled .btn-prev::before {
padding-top: 70px;
}
/* Slideshow pager */
#slideshow .slideshow_pager {
position: absolute;
bottom: 25px;
z-index: 99999;
width: 100%;
right: 0;
}
#slideshow .slideshow_pager .slideshow_pager_inner {
line-height: 0;
width: 1000px;
max-width: 100%;
margin: 0 auto;
text-align: right;
padding: 0 30px;
box-sizing: border-box;
}
#slideshow .slideshow_pager .slideshow-pager-item-wrapper {
padding: 11px;
display: inline-block !important;
margin-right: -4px;
width: auto !important;
cursor: pointer;
}
.tabbing-detected #slideshow .slideshow_pager .slideshow-pager-item-wrapper:focus {
background-color: #ffff80;
}
.tabbing-detected #slideshow .slideshow_pager .slideshow-pager-item-wrapper:focus .slideshow-pager-item {
background-color: black;
}
#slideshow .slideshow_pager .slideshow-pager-item-wrapper .slideshow-pager-item {
display: block;
cursor: pointer;
height: 6px!important;
width: 6px!important;
border-radius: 6px;
background-color: rgba(255, 255, 255, 0.38);
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
#slideshow .slideshow_pager .slideshow-pager-item-wrapper.active .slideshow-pager-item {
background-color: #fff;
}
/* Slideshow next/previous controls */
.slideshow-pagination-controls {
position: absolute;
right: 0;
bottom: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 50px;
height: auto;
}
.section-home .ui_background_enabled .slideshow-pagination-controls,
#hero_header .ui_background_enabled .slideshow-pagination-controls {
width: 60px;
}
#mirror-slideshow .slideshow-pagination-controls {
display: none;
}
.section-home.type-fullscreen .slideshow-pagination-controls {
right: 40px;
bottom: 40px;
}
.layout-hero-header #hero_header .slideshow-pagination-controls {
right: 15px;
bottom: 15px;
}
.slideshow-pagination-controls .slideshow-control {
display: flex;
justify-content: center;
z-index: 100;
cursor: pointer;
line-height: 1;
width: 26px;
height: 26px;
background-color: transparent;
}
.ui_background_enabled .slideshow-pagination-controls .slideshow-control {
border-radius: 50%;
}
.slideshow-pagination-controls .btn-prev:after,
.slideshow-pagination-controls .btn-next:after {
position: absolute;
display: block;
content: "";
color: black;
height: 9px;
width: 9px;
border-left: 1px solid black;
border-bottom: 1px solid black;
margin: 0;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: rotate(45deg);
top: 8px;
}
.section-home.type-fullscreen .slideshow-pagination-controls .btn-prev:after,
.section-home.type-fullscreen .slideshow-pagination-controls .btn-next:after,
#hero_header .slideshow-pagination-controls .btn-prev:after,
#hero_header .slideshow-pagination-controls .btn-next:after {
border-color: white;
}
.slideshow-pagination-controls .btn-prev:after {
left: 10px;
}
.slideshow-pagination-controls .btn-next:after {
right: 10px;
transform: rotate(225deg);
}
.fullscreen_slideshow_video ~ .slideshow-pagination-controls {
display: none;
}
/* Fullscreen video pause/play button */
#mirror-slideshow .video_pause_button {
display: none;
}
.section-home #slideshow:not(.video_can_play) .video_pause_button {
visibility: hidden;
opacity: 0;
}
.section-home #slideshow.video_can_play .video_pause_button {
visibility: visible;
opacity: 1;
transition: visibility 0s, opacity 1s;
}
.section-home #slideshow.fullscreen_video.video_can_play .cycle-slide {
visibility: hidden;
transition: visibility 2s;
}
.section-home #slideshow .video_pause_button {
cursor: pointer;
position: absolute;
left: 18px;
bottom: 25px;
z-index: 1151;
display: block;
padding: 10px;
width: 28px;
height: 28px;
display: flex;
justify-content: center;
align-items: center;
}
.video_pause_button:after {
content: '';
z-index: -1;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50%;
border: 1px solid white;
transform: scale(0);
transition: transform 0.2s;
background-color: rgba(0, 0, 0, 0.2);
}
.device-desktop .video_pause_button:hover:after {
transform: scale(1);
transition: transform 0.2s ease-in-out;
}
.section-home #slideshow .pause_symbol {
display: block;
width: 3px !important;
height: 8px !important;
border-left: solid 2px white;
border-right: solid 2px white;
}
.section-home #slideshow .video_pause_button .pause_symbol.paused {
width: 0 !important;
height: 0 !important;
margin-left: 2px;
border-style: solid;
border-width: 4px 0 4px 8px;
border-color: transparent transparent transparent white;
}
/* Records list
Applies to ALL lists throughout the website
----------------------------------------------------------- */
.records_list ul {
list-style: none;
padding-left: 0;
}
.records_list > ul {
list-style: none;
float: none;
display: block;
clear: both;
width: 100%;
margin-bottom: 30px;
padding: 0;
margin-right: -20px;
width: auto;
}
.records_list ul .list_clear {
clear: both;
}
.records_list > ul > li {
margin: 0 50px 0 0;
float: left;
display: inline;
zoom: 1;
}
.records_list ul li.last {
margin-right: 0;
}
.records_list ul li:after {
content: "";
clear: both;
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.records_list > ul > li > a {
display: inline-block;
width: 100%;
/*float: left;
display: inline;*/
position: relative;
cursor: pointer;
}
.records_list ul li a.no-link {
cursor: default;
}
.records_list ul li a,
.records_list ul li a:visited {
text-decoration: none;
}
.records_list ul li .image,
.records_list ul li .icon {
float: right;
text-align: center;
display: table;
table-layout: fixed;
background: #f0f0f0;
}
.records_list ul li .image span,
.records_list ul li .icon span {
display: table-cell;
vertical-align: middle;
}
.records_list ul li span.artwork_list_thumbnail_video_mask {
display: block;
position: absolute;
top: 0;
left: 0;
}
.records_list ul li .image img {
text-indent: -9999px;
display: block;
}
.records_list ul li .image img {
margin: 0 auto;
}
.records_list .content {
float: left;
}
.records_list .video_inline {
display: none;
}
.records_list .subtitle,
.records_list .date,
.records_list .price {
display: block;
}
.records_list .price.hidden {
display: none;
}
.records_list .price {
color: #cc0000;
margin: 0 0 10px;
}
.records_list ul li h2 {
margin: 0 0 10px;
}
.records_list ul li .subtitle {
margin: 0 0 10px;
}
.records_list ul li .date {
margin: 0 0 10px;
}
.records_list ul li .social_links {
clear: both;
width: 100%;
float: left;
margin: 0 0 8px;
}
.records_list ul li .social_links .social_links_item {
float: left;
}
.records_list ul li .social_links .social_links_item a {
text-indent: -9999px;
width: 25px;
height: 25px;
margin: 0 8px 0 0;
}
.records_list ul li .social_links .social_links_item a .social_media_icon {
background-image: url(../images/social_icons_black.png);
background-color: transparent;
border: 0;
}
.records_list ul li .content ul {
list-style: disc;
text-align: left;
padding-left: 20px;
}
.records_list.no-image .image {
display: none;
}
.records_list.no-image .content {
width: 100%;
}
/* Records lists in a sidebar
----------------------------------------------------------- */
#sidebar .feature_panels .records_list ul li {
width: 100%;
margin: 0 0 25px;
}
/* Columns list
List which is split into multiple columns
----------------------------------------------------------- */
.columns_list ul {
margin: 0;
float: left;
clear: none;
width: auto;
}
.columns_list ul li {
width: 100%;
}
.columns_list ul li h2 {
margin: 0;
}
/* Mini list
Small list with image and one line text (e.g. related items)
----------------------------------------------------------- */
.mini_list ul {
margin: 0;
}
.mini_list ul li {
margin: 0 0 10px;
width: 50%;
}
.mini_list ul li a {
display: table;
}
.mini_list ul li .icon {
float: left;
display: table-cell;
margin: 0 15px 0 0;
}
.mini_list ul li .content {
display: table-cell;
vertical-align: middle;
float: none;
text-align: left;
}
.mini_list ul li .content h2 {
display: inline;
margin: 0;
padding: 0;
padding-right: 8px;
}
/* Names list
A grid of names, e.g. artists
----------------------------------------------------------- */
.names_list ul {
margin-bottom: 16px;
}
.names_list ul li {
width: 283px;
min-height: 10px;
}
.names_list ul li .image {
margin: 0 0 8px;
}
.names_list ul li .image,
.names_list ul li .image a {
width: 283px;
}
.names_list .content {
}
.names_list ul li h2 {
}
.names_list ul li h2 .artist {
/*color: #000;
*/
}
.names_list .description {
margin: 0 0 10px;
}
/* Tile list
Cascading columns of list items
----------------------------------------------------------- */
.records_list.tile_list {
width: 100%;
}
.records_list.tile_list ul {
float: left;
clear: none;
width: 290px;
margin-right: 20px;
}
.records_list.tile_list ul:last-child {
margin-right: 0;
}
.records_list.tile_list ul li {
width: auto;
margin: 0 0 30px;
}
.records_list.tile_list ul li .image {
margin: 0 0 15px;
}
.records_list.tile_list ul li .image,
.records_list.tile_list ul li .image span {
height: auto !important;
width: auto;
}
.records_list.tile_list ul li .image span img {
max-height: none !important;
}
.records_list.tile_list ul li .content {
}
/* Image list
A list type where the image is the primary focus
----------------------------------------------------------- */
.image_list ul {
}
.image_list ul li {
min-height: 10px;
}
.image_list ul li .image {
margin: 0 0 15px;
}
.image_list ul li .image,
.image_list ul li .image a {
width: 283px;
height: 212px;
}
.image_list .content {
}
.image_list ul li h2 {
}
.image_list ul li h2 .artist,
.image_list ul li h2 .title {
}
.image_list ul li.unavailable .content > .title:after,
.image_list ul li.unavailable .content > .title_and_year:after {
content: 'Sold';
text-indent: -9999px;
width: 20px;
display: inline-block;
background: url(../images/unavailable.png) center no-repeat;
}
.image_list ul li.unavailable.reserved .content > .title:after,
.image_list ul li.unavailable.reserved .content > .title_and_year:after {
content: 'Reserved';
text-indent: -9999px;
width: 20px;
display: inline-block;
background: url(../images/reserved.png) center no-repeat;
}
.availability-icon {
text-indent: -9999px;
width: 8px;
height: 8px;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
}
.availability-icon.availability-icon-unavailable {
background: #cc0000;
}
.availability-icon.availability-icon-reserved {
background: #ffe303;
}
/* Detail list
List type where image and text share equal weight
----------------------------------------------------------- */
.detail_list ul {
clear: both;
}
.detail_list ul.cycle {
margin-bottom: 8px;
}
.detail_list ul li {
min-height: 10px;
float: left;
}
.detail_list ul li .image {
width: 175px;
height: 175px;
margin-right: 20px;
}
.detail_list ul li .image span {
width: 175px;
height: 175px;
}
.detail_list ul li .content {
width: 225px;
}
/* Detail list alt
Similar to detail list, image is typically smaller
----------------------------------------------------------- */
.detail_list_alt ul {
clear: both;
}
.detail_list_alt ul li {
min-height: 10px;
width: 450px;
float: left;
}
.detail_list_alt ul li .image {
width: 105px;
height: 105px;
margin-right: 20px;
}
.detail_list_alt ul li .image span {
width: 105px;
height: 105px;
}
.detail_list_alt ul li .content {
width: 295px;
}
/* Feature list
List type where each item typically spans the full width of the page
----------------------------------------------------------- */
.records_list.feature_list ul {
clear: both;
margin: 0;
}
.feature_list ul li {
min-height: 10px;
width: 100%;
margin: 0 0 50px;
background: #FFF;
float: left;
}
.feature_list ul li .image {
width: 470px;
height: 355px;
margin-right: 40px;
}
.feature_list ul li .image span {
width: 470px;
height: 355px;
}
.feature_list ul li .content {
width: 425px;
}
/* Full list
List type where the image typically spans the full width
e.g. The homepage slideshow
----------------------------------------------------------- */
.full_list {
clear: both;
display: block;
}
.full_list ul {
clear: both;
display: block;
}
.full_list ul li {
min-height: 10px;
width: 100%;
margin: 0 0 50px;
display: block;
background: #FFF;
}
.full_list ul li .image {
margin: 0 0 15px;
}
.tabbing-detected.section-home .full_list ul li .image a:focus {
display: block;
}
/* Simple list
----------------------------------------------------------- */
.simple_list ul {
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
.simple_list ul li {
}
.simple_list ul li a {
font-weight: bold
}
.simple_list ul li a,
.simple_list ul li a:visited {
text-decoration: none;
}
/* Simple item list
Not strictly a 'list', simple rows of items with a gap inbetween each e.g. a twitter feed
----------------------------------------------------------- */
.simple_item_list {
display: block;
clear: both;
margin: 0;
padding: 0;
}
.simple_item_list .item {
clear: both;
margin: 0 0 10px;
display: block;
}
.simple_item_list .item * {
display: inline;
clear: none;
}
.simple_item_list .item a:after {
display: none;
}
/* Inline .item list
----------------------------------------------------------- */
.inline_list {
display: block;
clear: both;
margin: 0;
padding: 0;
}
.inline_list .item {
margin: 0 15px 5px 0;
display: inline-block;
float: none;
width: auto;
clear: none;
}
.inline_list .item .link {
margin: 0;
padding: 0;
display: inline;
}
.inline_list .item .link a {
margin: 0;
padding: 0;
display: inline;
}
/* Reading list (blog)
Large area of text, items one after the other - e.g. a blog
----------------------------------------------------------- */
.records_list.reading_list ul {
clear: both;
margin: 0;
}
.records_list.reading_list ul li {
width: 100%;
margin: 0 0 50px;
clear: both;
float: none;
display: block;
}
.records_list.reading_list ul li .image {
width: 100%;
margin: 0 0 20px;
float: none;
display: block;
clear: both;
}
.records_list.reading_list ul li .content {
width: 100%;
float: none;
display: block;
clear: both;
line-height: 1.8em;
}
.records_list.reading_list ul li .content .description {
margin-bottom: 20px;
}
.records_list.reading_list ul li .title_container {
display: block;
width: 100%;
clear: both;
}
.records_list.reading_list ul li .title_container h2,
.records_list.reading_list ul li .title_container .subtitle {
margin: 0;
}
.records_list.reading_list ul li .title_container h2.has_subtitle {
margin: 0 0 10px;
}
.records_list.reading_list ul li .blog_toolbar {
padding: 20px 0 0;
margin: 0 0 20px;
display: block;
width: 100%;
clear: both;
}
.records_list.reading_list ul li .blog_toolbar .author {
float: left;
}
.records_list.reading_list ul li .blog_toolbar .author a {
display: table;
}
.records_list.reading_list ul li .blog_toolbar .author .icon {
width: 50px;
height: 50px;
display: table-cell;
float: left;
margin: 0 20px 0 0;
}
.records_list.reading_list ul li .blog_toolbar .author .label {
width: auto;
clear: none;
display: table-cell;
vertical-align: middle;
}
.records_list.reading_list ul li .blog_toolbar .share_link {
float: right;
clear: none;
margin: 10px 0 0;
}
.records_list.reading_list ul li .blog_toolbar.blog-no-author .share_link {
float: left;
margin: 0;
}
/* Expanding detail list
----------------------------------------------------------- */
.records_list.detail_expand_grid ul li {
transition: height 0.35s ease-in-out;
-webkit-transition: height 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.records_list.detail_expand_grid ul li {
transition: none !important;
}
}
.records_list.detail_expand_grid ul li.no-animation {
transition: none;
-webkit-transition: none;
}
.records_list.detail_expand_grid ul li .outer {
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 0;
}
.records_list.detail_expand_grid ul li .fill {
margin-top: 100%;
display: block !important;
}
.records_list.detail_expand_grid ul li .image_wrapper {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.records_list.detail_expand_grid ul li .image {
float: none;
margin: 0 auto 0 auto;
}
.records_list.detail_expand_grid ul li .image,
.records_list.detail_expand_grid ul li .image span {
height: auto !important;
max-width: none !important;
max-height: none !important;
float: none;
}
.records_list.detail_expand_grid ul li .image .artwork-image-mobile {
display: none !important;
}
.records_list.detail_expand_grid ul li > a:after {
content: "";
clear: both;
display: block;
height: 0;
line-height: 0;
overflow: hidden;
visibility: hidden;
}
.records_list.detail_expand_grid ul li .expander_detail {
position: absolute;
top: auto;
left: 0;
right: 0;
width: 100%;
height: 0;
opacity: 0;
padding: 0 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
transition: height 0.35s ease-in-out, opacity 0.35s ease-in-out;
-webkit-transition: height 0.35s ease-in-out, opacity 0.35s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.records_list.detail_expand_grid ul li .expander_detail {
transition: none !important;
}
}
.records_list.detail_expand_grid ul li .expander_detail .subsection-wrapper-works-object {
height:100%;
}
.records_list.detail_expand_grid ul li .expander_detail .artist-header,
.records_list.detail_expand_grid ul li .expander_detail .artworks-header,
.records_list.detail_expand_grid ul li .expander_detail .store_cart_widget,
.records_list.detail_expand_grid ul li .expander_detail .exhibition-header {
display:none !important;
}
.records_list.detail_expand_grid .expander_detail #image_gallery #image_container {
float:left;
}
.records_list.detail_expand_grid .expander_detail #ajax_content,
.records_list.detail_expand_grid .expander_detail .artworks-page-container{
position: relative;
margin: 0 auto;
}
.records_list.detail_expand_grid .expander_detail #image_gallery #image_container .image,
.records_list.detail_expand_grid .expander_detail #image_gallery #image_container .image a,
.records_list.detail_expand_grid .expander_detail #image_gallery #image_container img {
height:auto;
width: auto !important;
max-height: none !important;
max-width: 100% !important;
display:block;
margin:0 auto;
}
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module {
box-sizing:border-box;
float:right;
}
.records_list.detail_expand_grid .expander_detail .artwork_details_wrapper {
max-height: 100%;
overflow: auto;
}
.records_list.detail_expand_grid .expander_detail #image_gallery #image_content .artwork_details_wrapper {
position: relative;
}
.records_list.detail_expand_grid .expander_detail #image_gallery .close {
position: absolute;
right: 0;
width: 18px;
height: 18px;
text-indent: -9999px;
cursor: pointer;
background-position:right center;
background-repeat:no-repeat;
background-size: 13px auto;
width: 13px !important;
height: 13px;
-webkit-tap-highlight-color: rgba(0,0,0,1);
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAD1BMVEUAAAAuLi4uLi4uLi4uLi7khVFqAAAABHRSTlMAlAFm9EODmgAAANFJREFUSMeF1csNgzAQRVGSNBBZKYB0wIIGENN/TSAkaxZXT5cFYGMfwJ+ZxY/PyM/+233ajzU9f//OG6gaEajallfVJAhUfZ/ziMCxzksARl8D0DcJAAEABIC+J4ACAJQAoMguXQaACnQAgfYg2JwEAVQS6FoCIACAAAAiAJMAAKKBQDQQiAYC0UAgAIAgwAb6Cv9I/U0fKB1qnyydbl8wuuR80eqy942jW883r25/DyAagjyIaRj0QKqh2IO5pgNPKJqSNKlpWtTEaqnZk7seFyspYvMlH28gAAAAAElFTkSuQmCC');
}
.records_list.detail_expand_grid .expander_detail #artist_works_categories_subnav {
display: none;
}
.records_list.detail_expand_grid ul li .image .artwork-image-mobile {
display: none !important;
}
.records_list.detail_expand_grid ul li .image > span:before {
content: '';
text-indent: -9999px;
opacity: 0;
display: block;
width: 36px;
height: 36px;
margin: -18px 0 0 -18px;
position: absolute;
z-index: 10;
top: 50%;
left: 50%;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
background: rgba(0,0,0,0.3);
-webkit-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
}
.records_list.detail_expand_grid ul li .image > span:after {
content: '';
text-indent: -9999px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ffffff;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10px;
z-index: 300;
opacity: 0;
-webkit-transform: translateY(12px);
-ms-transform: translateY(12px);
transform: translateY(12px);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.records_list.detail_expand_grid ul li .image > span:after {
transition: none !important;
}
}
.records_list.detail_expand_grid ul li.loading .image span:before {
display: block;
opacity: 1;
background: url(../images/loader_alt.gif) center center no-repeat rgba(0,0,0,0.6);
}
.records_list.detail_expand_grid ul li.active .image span:after {
opacity: 1.0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.records_list.detail_expand_grid ul li .image:hover span:before {
opacity: 1;
}
.records_list.detail_expand_grid ul li .image_gallery_multiple .item:not(:first-child) {
display:none;
}
.records_list.detail_expand_grid ul li .artwork_details_wrapper #secondary_image_thumbnails ul li {
height: auto !important;
}
/* Buttons
----------------------------------------------------------- */
.button {
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
transition: background 0.35s ease-in-out;
-webkit-transition: background 0.35s ease-in-out;
height: auto;
}
.button:hover {
background: #f9f9f9;
}
.button a {
background: none;
height: auto;
padding: 5px 25px;
margin: 0;
}
.stripe-button-el {
/* Default stripe button styles, including these here for the placeholder button */
overflow: hidden;
display: inline-block;
visibility: visible !important;
background-image: -webkit-linear-gradient(#28a0e5,#015e94);
background-image: -moz-linear-gradient(#28a0e5,#015e94);
background-image: -ms-linear-gradient(#28a0e5,#015e94);
background-image: -o-linear-gradient(#28a0e5,#015e94);
background-image: -webkit-linear-gradient(#28a0e5,#015e94);
background-image: -moz-linear-gradient(#28a0e5,#015e94);
background-image: -ms-linear-gradient(#28a0e5,#015e94);
background-image: -o-linear-gradient(#28a0e5,#015e94);
background-image: linear-gradient(#28a0e5,#015e94);
-webkit-font-smoothing: antialiased;
border: 0;
padding: 1px;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
-ms-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
-o-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
box-shadow: 0 1px 0 rgba(0,0,0,0.2);
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer;
/* END Default stripe button styles */
width: 100%;
background: none !important;
box-shadow: none !important;
}
.stripe-button-el span {
/* Default stripe button styles, including these here for the placeholder button */
display: block;
position: relative;
padding: 0 12px;
height: 30px;
line-height: 30px;
background: #1275ff;
background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
background-image: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
font-size: 14px;
color: #fff;
font-weight: bold;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
-ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
/* END Default stripe button styles */
box-shadow: none !important;
background: #3ea4e2 !important;
text-shadow: none !important;
text-align: left !important;
line-height: 40px !important;
height: 40px !important;
}
.stripe-button-el span:before {
font-family: FontAwesome;
content: "\f023";
position: absolute;
right: 20px;
}
/* Links
----------------------------------------------------------- */
.link {
clear: both;
display: block;
}
.link a,
.link span {
display: block;
font-weight: bold;
}
.link.back a {
}
.link a,
.link a:visited,
.link span {
text-decoration: none;
color: #0a0a0a;
}
.link_inline .link {
clear: none;
float: left;
display: inline;
margin: 0 20px 8px 0;
}
/* General
----------------------------------------------------------- */
.loader_simple {
background: url(../images/loader.gif) center center no-repeat;
width: 24px;
height: 24px;
margin: 0 auto;
text-indent: -9999px;
}
.clear {
clear: both;
overflow: hidden;
height: 0;
}
.description {
margin: 0 0 8px 0;
display: block;
}
.subtitle {
clear: both;
}
.date {
}
.price {
color: #cc0000;
margin: 0 0 10px;
}
.image a {
display: block;
}
.caption {
}
.divider {
clear: both;
height: 42px;
display: block;
}
.divider.inner {
height: 22px;
}
.divider.after {
height: 8px;
}
.list_grid_control {
margin-bottom: 52px;
}
/* Pagination
----------------------------------------------------------- */
.page_stats {
font-weight: bold;
}
.page_stats .sep {
text-indent: -9999px;
}
.page_stats a.ps_previous,
.page_stats a.ps_next {
background: none;
padding: 0;
}
.page_stats a,
.page_stats a:visited {
text-decoration: none;
}
/* Fancybox overrides
----------------------------------------------------------- */
#fancybox-title-main {
font-family: 'Lucida Sans','Lucida Grande',arial,sans-serif;
font-size: 12px;
}
.fancybox-details-link {
float: right;
}
.tabbing-detected .fancybox-inner {
overflow: visible !important;
}
/* Fancybox overrides
----------------------------------------------------------- */
#fancybox-title-main {
}
.fancybox-details-link {
float: right;
}
.fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/lib/g/1.0/images/fancy_sprite_new.png');
background-repeat: no-repeat;
}
.device-highres .fancybox-close, .device-highres .fancybox-prev span, .device-highres .fancybox-next span,
body .fancybox-close, body .fancybox-prev span, body .fancybox-next span {
background-image: url('/lib/g/1.0/images/fancy_sprite_new_2x.png');
background-size: 44px auto;
}
.fancybox-close {
background-position: 1px 7px;
}
.fancybox-nav {
top: 0;
height: 100%;
}
.fancybox-prev,
.fancybox-next {
opacity: 0.01;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.fancybox-prev:hover,
.fancybox-next:hover,
.fancybox-prev:focus,
.fancybox-next:focus {
opacity: 0.99;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.fancybox-prev {
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
}
.fancybox-next {
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
}
.fancybox-prev span,
.fancybox-next span {
-webkit-transition: transform 900ms cubic-bezier(0.000, 0.950, 0.380, 0.975);
-moz-transition: transform 900ms cubic-bezier(0.000, 0.950, 0.380, 0.975);
-o-transition: transform 900ms cubic-bezier(0.000, 0.950, 0.380, 0.975);
transition: transform 900ms cubic-bezier(0.000, 0.950, 0.380, 0.975);
}
@media (prefers-reduced-motion: reduce) {
.fancybox-prev span,
.fancybox-next span {
transition: none !important;
}
}
.fancybox-next span {
-webkit-transform: translateX(34px);
transform: translateX(34px);
right: 25px;
background-position: 0 -64px;
}
.fancybox-prev span {
-webkit-transform: translateX(-34px);
transform: translateX(-34px);
left: 25px;
background-position: 0 -29px;
}
.fancybox-next:hover span,
.fancybox-prev:hover span,
.fancybox-next:focus span,
.fancybox-prev:focus span {
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
/* Elevate zoom ----------------------------------------- */
.zoomContainer {
z-index: 99999999999;
-webkit-user-select: none;
}
.zoomContainer .zoomWindowContainer {
-webkit-user-select: none;
}
.cms-frontend-toolbar-active .zoomContainer {
margin-top: -28px !important;
}
.fancybox-wrap.elevatezoom-enabled .fancybox-prev {
left: -65px;
width: 50px;
}
.fancybox-wrap.elevatezoom-enabled .fancybox-prev span {
visibility: visible;
background: url('/lib/g/1.0/images/fancybox-arrow-left_2x.png') center center no-repeat;
background-size: 48px auto;
opacity: 0.4;
left: 0;
}
.fancybox-wrap.elevatezoom-enabled .fancybox-next {
right: -65px;
width: 50px;
}
.fancybox-wrap.elevatezoom-enabled .fancybox-next span {
visibility: visible;
background: url('/lib/g/1.0/images/fancybox-arrow-right_2x.png') center center no-repeat;
background-size: 48px auto;
opacity: 0.4;
right: 0;
}
/* powerzoom (with buttons) ----------------------------------------- */
.fancybox-powerzoom .fancybox-skin {
background: transparent;
}
.fancybox-powerzoom .fancybox-overlay {
background: #ffffff;
}
.fancybox-powerzoom .fancybox-outer {
background: rgba(0, 0, 0, 0.05);
}
.fancybox-powerzoom .fancybox-close {
background: url(../images/zoom_close.png) 10px 10px;
opacity: 0.5;
background-repeat: no-repeat;
}
.fancybox-powerzoom .fancybox-close:hover {
opacity: 0.8;
}
.fancybox-powerzoom .fancybox-image {
display: inline-block;
width: auto;
}
.fancybox-powerzoom .fancybox-image.disabled {
display: block;
width: 100%;
}
.fancybox-powerzoom .fancybox-image.elevatezoom {
-webkit-user-select: none;
}
.fancybox-powerzoom .fancybox-inner {
text-align: center;
width: auto;
overflow: hidden !important;
}
.powerzoom_container {
z-index: 100;
}
.powerzoom-lowres {
display: inline-block;
vertical-align: middle;
height: 100%;
width: 100%;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.powerzoom-lowres-upscale {
display: inline-block;
vertical-align: middle;
height: 100%;
width: 100%;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.powerzoom_controls {
-moz-transition: opacity 0.4s ease-in-out;
-webkit-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
opacity: 0;
position: absolute;
z-index: 200;
top: 16px;
left: 0;
right:0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height:0;
}
.fancybox-inner:hover .powerzoom_controls,
.tabbing-detected .powerzoom_controls {
opacity: 1;
}
.powerzoom_controls .powerzoom_pan {
display:none;
color: #fff;
position:absolute;
right: 16px;
height: 70px;
width: 70px;
margin: 0 0 10px;
background: rgba(0,0,0,0.5);
background-size: auto 70px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.powerzoom_controls .powerzoom_pan:hover {
opacity: 1;
}
.powerzoom_controls .powerzoom_pan div {
position: absolute;
line-height: 23px;
cursor: pointer;
width: 22px;
height: 22px;
}
.powerzoom_controls .powerzoom_pan div.pz_n {
left: 24px;
top: 1px;
line-height: 22px;
}
.powerzoom_controls .powerzoom_pan div.pz_s {
left: 24px;
bottom: 2px;
line-height: 22px;
}
.powerzoom_controls .powerzoom_pan div.pz_w {
left: 2px;
top: 24px;
line-height: 24px;
}
.powerzoom_controls .powerzoom_pan div.pz_e {
right: 2px;
top: 24px;
line-height: 24px;
}
.powerzoom_controls .powerzoom_zoom {
float: left;
width: 30px;
height: 30px;
line-height:31px;
font-size: 16px;
margin: 0;
background: rgba(0,0,0,0.5);
background-size: auto 30px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
color:#fff;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.powerzoom_controls .powerzoom_zoom:hover {
opacity: 1.0;
}
.powerzoom_controls.powerzoom-initial .powerzoom_pan{
opacity: 0.4;
display:none;
}
.powerzoom_controls #zoomOutButton.powerzoom_zoom {
background-position: -30px -1px;
border-radius: 80px 0 0 80px;
margin: 0 0 0 16px;
}
.powerzoom_controls #zoomInButton.powerzoom_zoom {
background-position: -1px -1px;
border-radius: 0 80px 80px 0;
margin: 0 10px 0 0;
}
.powerzoom_controls #zoomResetButton.powerzoom_zoom {
background-position: -60px -1px;
width: 30px
}
.powerzoom_controls.powerzoom-max .zoomInButton {
opacity: 0.4 !important;
cursor: default;
}
.powerzoom_controls.powerzoom-initial .zoomOutButton,
.powerzoom_controls.powerzoom-initial .zoomResetButton{
opacity: 0.4 !important;
cursor: default;
}
.powerzoom_controls .setup.powerzoom_zoom {
display:none;
}
.powerzoom_controls.powerzoom-initial .setup.powerzoom_zoom {
display:block;
margin-left: 20px;
}
.powerzoom-highres {
-webkit-user-select: none;
-webkit-user-drag: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
touch-action: none;
}
.powerzoom-highres.preloading {
opacity:0.01;
position:absolute;
max-width:none !important;
max-height:none!important;
width:auto !important;
height:auto !important;
display: block;
}
.powerzoom_controls .powerzoom_zoom.powerzoom_loading_indicator {
margin: 0px 10px 0px 16px;
display:none;
}
.loading .powerzoom_loading_indicator.powerzoom_zoom {
display:block;
}
.loading-dots {
margin: 0 auto;
text-align: center;
display: block;
height: 30px;
width: 28px;
}
.showloader #zoomInButton {
display:none !important;
}
.showloader #zoomOutButton {
display:none !important;
}
.powerzoom_loading_indicator.zoom-button.powerzoom_zoom {
padding: 0 8px;
width: 60px;
text-align: center;
box-sizing: border-box;
display:none;
}
.showloader .powerzoom_loading_indicator.zoom-button.powerzoom_zoom {
display:block;
}
.powerzoom_loading_indicator.zoom-button.powerzoom_zoom .loading-text {
font-size: 10px;
line-height: 32px;
display: block;
float: left;
text-transform: uppercase;
letter-spacing: 0.5px;
padding-right: 5px;
}
.powerzoom_loading_indicator.zoom-button.powerzoom_zoom .fa-circle {
font-size: 5px;
line-height: 31px;
display: block;
float: right;
padding: 0 2px;
-webkit-animation: indicator_pulse ease-in-out 2s infinite;
animation: indicator_pulse ease-in-out 2s infinite;
}
@-webkit-keyframes indicator_pulse {
0%, 100% {opacity: 1;}
50% {opacity: 0;}
}
@keyframes indicator_pulse {
0%, 100% {opacity: 1;}
50% {opacity: 0;}
}
.powerzoom_loading_indicator.zoom-button.powerzoom_zoom .loading-dots .fa-circle:nth-of-type(2) {
-webkit-animation-delay: 0.3333s;
-moz-animation-delay: 0.3333s;
-ms-animation-delay: 0.3333s;
animation-delay: 0.3333s;
}
.powerzoom_loading_indicator.zoom-button.powerzoom_zoom .loading-dots .fa-circle:nth-of-type(1){
-webkit-animation-delay: 0.66666s;
-moz-animation-delay: 0.66666s;
-ms-animation-delay: 0.66666s;
animation-delay: 0.66666s;
}
.powerzoom-transition {
transition : all .2s ease-in-out;
-moz-transition : all .2s ease-in-out;
-webkit-transition : all .2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.powerzoom-transition {
transition: none !important;
}
}
.powerzoomFrame {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
overflow : hidden;
position : relative;
display: inline-block;
width: 100%;
height: 100%;
}
.powerzoomImage {
position : absolute;
top : 0;
left : 0;
cursor : move;
height: auto !important;
max-width: none !important;
max-height: none !important;
}
.powerzoomFrame.hover .cropControls {
opacity : .55;
filter : alpha(opacity=55);
}
.powerzoomControls span {
display : block;
float : left;
color : #fff;
font-size : 11px;
margin : 7px 0 0 5px;
}
/* ARprompt
----------------------------------------------------------- */
div.arprompt {
border: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 20px;
}
div.arprompt .arpromptclose {
font-family: inherit;
font-weight: inherit;
margin: 0 0 5px;
position: relative;
top: auto;
right: auto;
width: auto;
cursor: default;
color: inherit;
font-weight: inherit;
font-size: inherit;
letter-spacing: inherit;
text-indent: -9999px;
line-height: 0;
float:right;
}
div.arprompt .arpromptclose a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
div#arprompt_state_state0 {
padding: 0;
}
div.arprompt .arpromptclose:after {
content: 'Close';
text-indent: 0;
display: block;
cursor: pointer;
line-height: 20px;
}
div.arprompt .arpromptclose:hover {
text-decoration: underline;
}
div.arprompt .arpromptbuttons {
text-align: right;
padding: 18px 0 5px 0;
margin-top: 15px;
border: none;
border-top: 1px solid #e1e1e1;
background-color: inherit;
}
div.arprompt button {
padding: 3px 10px;
margin: 0 0 0 10px;
color: inherit;
font-weight: inherit;
font-size: inherit;
font-family: inherit;
width: 50px;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fff;
transition: background 0.35s ease-in-out;
-webkit-transition: background 0.35s ease-in-out;
}
div.arprompt button:hover {
background: #f9f9f9;
}
div.arprompt .arpromptmessage {
padding: 0;
line-height: inherit;
color: inherit;
max-height: 65vh;
overflow: auto;
}
div.arprompt button.arpromptdefaultbutton {
background: inherit;
}
div.arprompt h2 {
margin: 0 0 15px;
}
/* Mailchimp form
----------------------------------------------------------- */
#mc_embed_signup:after {
clear: both;
content: "";
display: block;
height: 0;
visibility: hidden;
}
#mc_embed_signup .mc-field-group {
float: left;
}
#mc_embed_signup label {
float: left;
vertical-align: top;
width: auto;
margin: 0 10px 0 0;
padding: 1px 0 0;
}
#mc_embed_signup input {
float: left;
vertical-align: top;
width: 180px;
margin: 0 10px 0 0;
border: 1px solid #ddd;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 4px;
box-sizing: border-box;
}
#mc_embed_signup .clear {
display: inline-block;
vertical-align: top;
height: auto;
overflow: visible;
}
#mc_embed_signup .button {
border: 0;
}
#mc_embed_signup #mce-responses.clear {
display: block;
margin: 0;
padding: 0;
width: 100%;
}
#mc_embed_signup #mce-responses .response {
margin: 0;
padding: 0;
color: #222;
font-weight: normal;
}
#mc_embed_signup input.button {
display: inline-block;
vertical-align: top;
background: none;
height: auto;
background: none;
cursor: pointer;
padding: 4px 0 0;
margin: 0;
float: left;
}
/* Mailing list
----------------------------------------------------------- */
.page-mailing-list #content_module iframe {
min-height: 400px;
}
.page-mailing-list.page-param-type-simplified #content_module {
margin: 0 !important;
}
.page-mailing-list.page-param-type-simplified #content_module iframe {
height: 445px !important;
min-height: 0 !important;
width: 100% !important;
display: block !important;
}
.page-mailing-list.page-param-type-simplified #content .divider {
display: none !important;
}
.page-mailing-list.page-param-type-simplified .heading_wrapper {
margin-bottom: 0;
}
.page-mailing-list #mc_embed_signup .mc-field-group {
width: 100%;
margin: 0 0 10px;
}
.page-mailing-list #mc_embed_signup label {
width: 100%;
margin: 0 0 5px;
}
.page-mailing-list #mc_embed_signup input {
width: 100%;
padding: 10px;
max-width: 400px;
}
.page-mailing-list #mc_embed_signup input.button {
padding: 0;
margin-top: 10px;
}
/* Page not found
----------------------------------------------------------- */
.section-pagenotfound #container {
padding: 50px 0;
}
/* AddThis overrides (Depecrated. See core sharing pop-up styles below)
-------------------------------------------------------------------------- */
.share_link {
border: 1px solid #EBEBEB;
float: left;
clear: both;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 40px 0 0;
}
.share_link > a {
padding: 2px 10px;
}
.share_link > a:before {
content: '+ ';
}
.atm-i {
background: #FFF;
border: 1px solid #E6E6E6;
padding: 4px 0 0;
margin: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#at16recap, #at_msg, #at16p label, #at16nms, #at16sas, #at_share .at_item, #at16p, #at15s, #at16p form input, #at16p textarea, .at16nc {
font-size: 10px !important;
font-weight: 200;
outline-style: none;
outline-width: 0;
line-height: 1em;
color: #505050;
text-transform: uppercase;
letter-spacing: 2px;
text-indent: 5px;
}
#at_hover.atm-s .at_bold, #at_hover .at_bold, .atm-s a, #at_hover.atm-s a, #at20mc a, .at16nc, #at_hover.atm-s a:hover .at_bold {
font-weight: lighter !important;
color:#AAAAAA !important;
}
#at15pf,
#atic_auth {
display: none !important;
}
#at15pf a {
font-size: 7px !important;
font-weight: lighter !important;
margin-top: 4px;
}
#at_auth{
font-size: 6px !important;
font-weight: lighter !important;
border-top: 0px none!important;
}
#at15pf, #at16pf {
height: 15px;
}
#at15pf a.at-logo, #at16pf a.at-logo {
margin-top: 4px;
}
.atm-f{
border-top: 1px solid #E6E6E6 !important;
}
.atm-s a:hover, #at_hover.atm-s a:hover,
#atic_signin #at_auth:hover{
background: #eaeaea;
}
#at_pspromo div {
display: none !important;
}
#at_pspromo:before {
content: 'Thanks for sharing';
display: block;
text-align: center;
padding: 20px 20px 0;
line-height: 20px;
color: #757575;
font-size: 9px;
}
/* Core sharing - Addthis
----------------------------------------------------------- */
.add_this_social_media_icon {
width: 21px;
height: 21px;
background: url(../images/social_icons_black.png) 0 -21px no-repeat transparent;
}
/*load highres version of icons*/
.device-highres .add_this_social_media_icon {
background-image: url(../images/social_icons_black_2x.png);
background-size: auto 42px;
}
.add_this_social_media_icon{display: block;}
.add_this_social_media_icon { background-position: -147px 0px; }
.add_this_social_media_icon.facebook { background-position: 0 0px; }
.add_this_social_media_icon.twitter { background-position: -21px 0px; }
.add_this_social_media_icon.flickr { background-position: -42px 0px; }
.add_this_social_media_icon.youtube { background-position: -63px 0px; }
.add_this_social_media_icon.googleplus { background-position: -84px 0px; }
.add_this_social_media_icon.instagram { background-position: -105px 0px; }
.add_this_social_media_icon.mailinglist { background-position: -126px 0px; }
.add_this_social_media_icon.email { background-position: -210px 0px; }
.add_this_social_media_icon.googlemap { background-position: -168px 0px; }
.add_this_social_media_icon.pinterest { background-position: -189px 0px; }
.add_this_social_media_icon.tumblr { background-position: -230px 0px;}
.add_this_social_media_icon.wordpress { background-position: -294px 0px;}
.add_this_social_media_icon.yahoomail { background-position: -315px 0px;}
.add_this_social_media_icon.linkedin { background-position: -252px 0px;}
.add_this_social_media_icon.tumblr { background-position: -231px 0px;}
.add_this_social_media_icon.gmail { background-position: -273px 0px;}
.add_this_social_media_icon.outlook { background-position: -273px 0px;}
.add_this_social_media_icon.ical { background-position: -273px 0px;}
/* HOVER */
.social_links_item a:hover .add_this_social_media_icon { background-position: -147px -21px; }
.social_links_item a:hover .add_this_social_media_icon.facebook { background-position: 0 -21px; }
.social_links_item a:hover .add_this_social_media_icon.twitter { background-position: -21px -21px; }
.social_links_item a:hover .add_this_social_media_icon.flickr { background-position: -42px -21px; }
.social_links_item a:hover .add_this_social_media_icon.youtube { background-position: -63px -21px; }
.social_links_item a:hover .add_this_social_media_icon.googleplus { background-position: -84px -21px; }
.social_links_item a:hover .add_this_social_media_icon.instagram { background-position: -105px -21px; }
.social_links_item a:hover .add_this_social_media_icon.mailinglist { background-position: -126px -21px; }
.social_links_item a:hover .add_this_social_media_icon.email { background-position: -210px -21px; }
.social_links_item a:hover .add_this_social_media_icon.googlemap { background-position: -168px -21px; }
.social_links_item a:hover .add_this_social_media_icon.pinterest { background-position: -189px -21px; }
.social_links_item a:hover .add_this_social_media_icon.tumblr { background-position: -230px -21px;}
.social_links_item a:hover .add_this_social_media_icon.wordpress { background-position: -294px -21px;}
.social_links_item a:hover .add_this_social_media_icon.yahoomail { background-position: -315px -21px;}
.social_links_item a:hover .add_this_social_media_icon.linkedin { background-position: -252px -21px;}
.social_links_item a:hover .add_this_social_media_icon.tumblr { background-position: -231px -21px;}
.social_links_item a:hover .add_this_social_media_icon.gmail { background-position: -273px -21px;}
.social_links_item a:hover .add_this_social_media_icon.outlook { background-position: -273px -21px;}
.social_links_item a:hover .add_this_social_media_icon.ical { background-position: -273px -21px;}
/* SHARING BUTTON
---------------------------------------------------------- */
#sidebar .share_link.link,
.sidebar .share_link.link{
margin-top: 20px;
}
.share_link {
border: 1px solid ;
float: left;
clear: both;
margin-bottom: 10px;
font-weight: 200;
text-transform: uppercase;
color: #757575;
font-size: 10.5px;
border: 1px solid #ebebeb;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
/*width: 80px;*/
}
.share_link > a {
/*padding: 2px 10px;*/
color: #303030;
text-decoration: none;
padding: 3px 8px;
letter-spacing: 3px;
text-align: center;
}
.share_link > a:before {
content: '+ ';
}
.share_link > a:hover {
cursor: pointer;
}
#social_sharing_links,.social_sharing_links{
display: none;
}
#sub_nav ul li .share_link {
margin-top: 0;
}
#sub_nav ul li .share_link > a {
padding: 5px;
}
/* INLINE - social_sharing_links_inline
--------------------------------------------------------- */
#social_sharing_links.inline .social_links_item,
.social_sharing_links.inline .social_links_item{
display: inline-block;
}
#social_sharing_links.inline a,
.social_sharing_links.inline a{
border: 1px solid #DADADA;
padding: 2px;
display: block;
border-radius: 50px;
}
#social_sharing_links.inline a span.add_this_social_media_icon,
.social_sharing_links.inline a span.add_this_social_media_icon{
text-indent: -9999px;
width: 21px;
height: 21px;
}
/* INLINE POP UP - inline_popup
--------------------------------------------------------- */
#social_sharing_links.inline_popup,
.social_sharing_links.inline_popup{
/*padding-top: 15px;*/
white-space: nowrap;
width: auto;
position: absolute;
border: 1px solid #ebebeb;
border-radius: 16px;
float: left;
padding-right: 12px;
padding-bottom: 3px;
line-height: 1.0em;
background: #FFF;
display: none;
}
#social_sharing_links.inline_popup .social_links_item,
.social_sharing_links.inline_popup .social_links_item{
display: inline-block;
}
#social_sharing_links.inline_popup .social_links_item a .add_this_social_media_icon,
.social_sharing_links.inline_popup .social_links_item a .add_this_social_media_icon{
margin-top: 5px;
margin-left: 12px;
text-indent: -9999px;
}
@media all and (max-width: 500px) {
#social_sharing_links.inline_popup,
.social_sharing_links.inline_popup{
white-space: initial;
position: absolute;
float: left;
max-width: 100%;
text-align: center;
margin-right: 30px;
}
}
/* VERTICAL POPUP / option = popup_vertical
--------------------------------------------------------- */
.add_to_calendar_link.popup_vertical_link,
.share_link.popup_vertical_link {
position: relative;
}
.add_to_calendar_link.popup_vertical_link .right_aligned #relative_add_to_calendar,
.share_link.popup_vertical_link .right_aligned #relative_social_sharing,
.share_link.popup_vertical_link .right_aligned .relative_social_sharing {
display: flex;
justify-content: flex-end;
}
#relative_add_to_calendar,
#relative_social_sharing,
.relative_social_sharing{
position: relative;
width: 100%;
height: 100%;
}
#add_to_calendar,
#social_sharing,
.social_sharing{
position: absolute;
top: 0;
}
#relative_add_to_calendar,
#relative_social_sharing,
.relative_social_sharing{
min-width: 120px;
}
#add_to_calendar_links.popup_vertical,
#social_sharing_links.popup_vertical,
.social_sharing_links.popup_vertical{
border: 1px solid #EBEBEB;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #FFFFFF;
position: absolute;
z-index: 10000;
}
#add_to_calendar_links.popup_vertical ul,
#social_sharing_links.popup_vertical ul,
.social_sharing_links.popup_vertical ul{
padding-left: 0px;
list-style: none;
background: #FFFFFF;
}
#add_to_calendar_links.popup_vertical ul li.add_to_calendar_item,
#social_sharing_links.popup_vertical ul li.social_links_item,
.social_sharing_links.popup_vertical ul li.social_links_item{
width: 100%;
clear: both;
margin-bottom: 0px;
}
#add_to_calendar_links.popup_vertical ul li.add_to_calendar_item a,
#social_sharing_links.popup_vertical ul li.social_links_item a,
.social_sharing_links.popup_vertical ul li.social_links_item a {
display:block;
padding: 4px 10px;
text-decoration: none;
text-indent: 0;
line-height: 24px;
margin: 0;
}
#add_to_calendar_links.popup_vertical ul li.add_to_calendar_item a,
#add_to_calendar_links.popup_vertical ul li.add_to_calendar_item a:visited,
#social_sharing_links.popup_vertical ul li.social_links_item a,
#social_sharing_links.popup_vertical ul li.social_links_item a:visited,
.social_sharing_links.popup_vertical ul li.social_links_item a,
.social_sharing_links.popup_vertical ul li.social_links_item a:visited {
color: #333;
}
#add_to_calendar_links.popup_vertical ul li.add_to_calendar_item a:hover,
#social_sharing_links.popup_vertical ul li.social_links_item a:hover,
.social_sharing_links.popup_vertical ul li.social_links_item a:hover{
background: #EFEFEF;
}
#add_to_calendar_links.popup_vertical ul li.add_to_calendar_item a pan.add_this_social_media_icon,
#social_sharing_links.popup_vertical ul li.social_links_item a span.add_this_social_media_icon,
.social_sharing_links.popup_vertical ul li.social_links_item a span.add_this_social_media_icon {
margin: 0 8px 0 0;
float: left;
}
/* Forms
----------------------------------------------------------- */
.form {
}
.form .error_row {
margin: 0 0 20px;
color: #c9262d;
font-weight: 200;
display: none;
}
.form .form_row {
margin: 0 0 15px;
}
.form .form_row:after {
content: "";
clear: both;
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
.form .form_row label,
.form .form_row legend {
float: left;
width: 20%;
margin-right: 5%;
}
.form #interests_row legend,
.form #categories_row legend {
width: 100%;
}
.form .form_row .inputField,
.form .form_row select,
.form .form_row textarea,
.form .form_row #captcha input,
.form .form_row .g-recaptcha {
float: left;
width: 75%;
border: 1px solid #949494;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
-webkit-appearance: none;
}
.form .form_row .form_content_area {
float: left;
width: 75%;
}
.form .form_row .form_radio_button_container input {
display: inline-block;
margin: 0 5px 0 0;
}
.form .form_row .form_radio_button_container label {
display: inline-block;
margin: 0 20px 0 0;
float: none;
width: auto;
}
.form .form_row.error .inputField {
color: red;
}
.form .form_row select {
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.form .form_row select {
background: url(/lib/archimedes/images/drop_arrow.gif) 98% 9px no-repeat #fff;
-webkit-appearance: none;
}
}
.form .form_row .g-recaptcha {
padding: 0;
border: 0;
}
/*
.form .form_row select {
width: 314px;
}
*/
.form .form_row textarea {
height: 130px;
}
.form .form_row.form_date_row .inputField {
float: left;
width: 140px;
margin: 0 14px 0 0;
}
.form .link {
clear: both;
margin-left: 25%;
}
.form .form_row #captcha {
float: left;
width: 75%;
}
.form .form_row #captcha label {
float: none;
width: auto;
display: block;
clear: both;
}
.form .form_row #captcha input {
float: none;
width: 100%;
}
.form .form_row.submitFormRow {
padding-left: 25%;
}
.form.form_style_columns {
margin-right: -40px;
}
.form.form_style_columns .form_row {
width: 50%;
clear: none;
display: inline-block;
margin-right: -2px;
padding: 0 40px 0 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form.form_style_columns .form_row label {
width: 100%;
clear: both;
margin: 0 0 5px;
}
.form.form_style_columns .form_row .inputField,
.form.form_style_columns .form_row select,
.form.form_style_columns .form_row textarea,
.form.form_style_columns .form_row #captcha input,
.form.form_style_columns .form_row .g-recaptcha {
width: 100%;
}
/* Mailinglist signup form
----------------------------------------------------------- */
#artlogic_mailinglist_signup_form {
max-width: 500px;
}
#artlogic_mailinglist_signup_form div.multi-field {
float: left;
width: 33%;
position: relative;
padding-left: 20px;
box-sizing: border-box;
}
#artlogic_mailinglist_signup_form div.multi-field label {
width: auto !important;
}
#artlogic_mailinglist_signup_form div.multi-field input[type=checkbox] {
position: absolute;
left: 0;
top: 5px;
}
#artlogic_mailinglist_signup_form span.group_label {
display: block;
margin-bottom: 5px;
border-bottom: 1px solid #EBEBEB;
}
#artlogic_mailinglist_signup_form .error {
color: #ef0202;
margin-bottom: 10px;
}
#artlogic_mailinglist_signup_form .required-field {
border-color: #ef0202 !important;
}
/* Popup version */
body.page-param-type-simplified .form #artlogic_mailinglist_signup_form .form_row label,
body.page-param-type-simplified .form #artlogic_mailinglist_signup_form .form_row .inputField,
body.page-param-type-simplified .form #artlogic_mailinglist_signup_form .form_row select,
body.page-param-type-simplified .form #artlogic_mailinglist_signup_form .form_row textarea,
body.page-param-type-simplified .form #artlogic_mailinglist_signup_form .form_row #captcha input,
body.page-param-type-simplified .form #artlogic_mailinglist_signup_form .form_row .g-recaptcha {
float: none;
width: 100%;
}
/* Biography table - Automatically formatted
----------------------------------------------------------- */
table.biog {
line-height: 1.4em;
}
table.biog td {
padding: 4px 25px 4px 4px;
vertical-align: top;
}
/* Instagram featurepanel ----------------------------------------------------------- */
.feature_panels .records_list ul li.fp_custom_instagram-feed,
body.responsive-layout-forced-image-lists .records_list.image_list > ul > li.fp_custom_instagram-feed {
width: 100% !important;
}
body.responsive-layout-forced-image-lists .records_list.image_list > ul > li.fp_custom_instagram-feed ul li .fill {
display: none !important;
}
body.responsive-layout-forced-image-lists .records_list.image_list > ul > li.fp_custom_instagram-feed ul li .image_wrapper {
position: static !important;
}
.feature_panels .records_list ul li.fp_custom_instagram-feed .acms-tw-image-container,
.feature_panels .records_list ul li.fp_custom_instagram-feed .acms-tw-user {
display: none;
}
.feature_panels .records_list ul li.fp_custom_instagram-feed .acms-tw-text {
word-wrap: break-word;
}
.feature_panels .records_list ul li.fp_custom_instagram-feed .loader_simple {
margin-bottom: 20px;
}
.feature_panels .records_list ul li.fp_custom_instagram-feed ul.instagram-feed-list {
list-style: none;
padding-left: 0px;
margin-right: -15px;
overflow: hidden;
width: auto;
display: block !important;
}
.feature_panels .records_list ul li.fp_custom_instagram-feed ul.instagram-feed-list li.instagram-item {
display: inline-block;
max-width: 50%;
width: 25%;
float: left;
box-sizing: border-box;
moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: top;
padding-right: 15px;
margin-bottom: 15px;
border-bottom: none !important;
padding-bottom: 0px;
clear: none !important;
}
#sidebar .feature_panels .records_list ul li.fp_custom_instagram-feed ul.instagram-feed-list li.instagram-item {
display: inline-block;
max-width: 50%;
width: 50%;
box-sizing: border-box;
moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align: top;
padding-right: 15px;
margin-right: -2px;
margin-bottom: 15px;
border-bottom: none !important;
padding-bottom: 0px;
}
.feature_panels .records_list ul li.fp_custom_instagram-feed ul.instagram-feed-list li.instagram-item img{
width: 100%;
max-height: none !important;
}
.feature_panels .records_list ul li.fp_custom_instagram-feed .outer {
margin: 0px !important;
}
.feature_panels .records_list ul li.fp_custom_instagram-feed .image,
.feature_panels .records_list ul li.fp_custom_instagram-feed .image span{
width: auto;
margin: 0px !important;
height: auto;
}
.feature_panels .records_list ul li.fp_custom_instagram-feed .instagram-item h2,
.feature_panels .records_list ul li.fp_custom_instagram-feed .item-likes{
display: none;
}
/* Prevent user from saving image
----------------------------------------------------------- */
body.prevent_user_image_save img {
pointer-events: none;
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Likely future */
}
body.prevent_user_image_save a.image_popup {
cursor: pointer;
}
body.prevent_user_image_save .powerzoomFrame img, body.prevent_user_image_save #secondary_image_thumbnails img {
pointer-events: auto;
}
