/* 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%;
}
.xxcms-frontend-toolbar-active #header:before {
content: 'version 2.0';
background: red;
display: block;
position: fixed;
top: 28px;
left: 0;
padding: 5px;
z-index: 100000;
}
/* -----------------------------------------------------------
Layout
----------------------------------------------------------- */
#container {
padding: 0 80px;
margin: 0 auto;
box-sizing: border-box;
}
/* Splash screen loading - hide website content */
/*.content-load-waiting #container{
opacity:0;
}*/
#header {
width: 100%;
padding: 0;
margin: 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 {
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 .inner,
#header.header_fixed .inner {
position: relative;
min-height: 0;
margin: 0 auto;
box-sizing: border-box;
padding: 35px 80px 28px;
}
#header.header_fixed .inner:after {
display: block;
clear: both;
content: ' ';
}
body.cms-frontend-toolbar-active #header.header_fixed {
top: 28px;
}
#header #store_cart_widget {
float: right;
}
/* Logo left / standard -------------------------- */
#header .header-ui-wrapper {
float: right;
}
#header .header-ui-wrapper .header-icons-wrapper {
float: right;
margin: 0 0 0 12px;
}
#header .header-ui-wrapper #top_nav,
#header .header-ui-wrapper #responsive_slide_nav_wrapper {
float: left;
}
/* Logo right -------------------------- */
#header.header_layout_right .header-ui-wrapper {
float: left;
}
#header.header_layout_right .header-ui-wrapper .header-icons-wrapper {
float: left;
margin: 0 12px 0 0;
}
#header.header_layout_right .header-ui-wrapper #top_nav,
#header.header_layout_right .header-ui-wrapper #responsive_slide_nav_wrapper {
float: right;
}
/* Logo centred -------------------------- */
#header.header_layout_center .header-ui-wrapper {
float: none;
clear: both;
display: inline-block;
padding-top: 18px;
}
#header.header_layout_center .header-ui-wrapper {
float: none;
clear: both;
display: inline-block;
padding-top: 20px;
}
#header.header_layout_center #top_nav.navigation {
padding-top: 0;
}
body.responsive-nav-slide-nav #header.header_layout_center #slide_nav_reveal {
padding: 0;
}
/* Logo
----------------------------------------------------------- */
#logo {
float: left;
padding: 0;
margin: 0;
height: auto;
background: center center no-repeat;
}
#logo a {
display: block;
height: auto;
padding: 0;
text-align: left;
font-size: 30px;
line-height: 36px;
font-weight: 200;
backface-visibility: hidden;
}
#logo a, #logo a:visited {
color: #010101;
/*outline: none;*/
text-decoration: none;
}
/* 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;
}
.navigation ul li a:hover {
}
.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 {
}
/* Transparent header
----------------------------------------------------------- */
body.type-fullscreen #header.header_transparent:not(.header_fixed),
body.layout-hero-header #header.header_transparent:not(.header_fixed) {
background: transparent;
}
body.type-fullscreen #header.header_fixed.header_transparent:not(.page-scroll),
body.layout-hero-header #header.header_fixed.header_transparent:not(.page-scroll) {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
#header.header_fixed.header_transparent {
-webkit-transition: box-shadow 0.5s linear, background .2s linear;
-moz-transition: box-shadow 0.5s linear, background .2s linear;
transition: box-shadow 0.5s linear, background .2s linear;
}
/* All items are white on a transparent header. They turn back to standard colour when header is fixed and scrolling down ( :not(.page-scroll) )*/
body.type-fullscreen #header.header_transparent:not(.page-scroll) #logo a,
body.type-fullscreen #header.header_transparent:not(.page-scroll) #logo a:visited,
body.type-fullscreen:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a,
body.type-fullscreen:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a:visited,
body.type-fullscreen #header.header_transparent:not(.page-scroll) #header_quicksearch_btn,
body.type-fullscreen #header.header_transparent:not(.page-scroll) #store_cart_widget::before,
body.type-fullscreen #header.header_transparent:not(.page-scroll) #store_cart_widget::after,
body.type-fullscreen #header.header_transparent:not(.page-scroll) #slide_nav_reveal::after,
body.type-fullscreen #header.header_transparent:not(.page-scroll) .social_media_icon,
body.layout-hero-header #header.header_transparent:not(.page-scroll) #logo a,
body.layout-hero-header #header.header_transparent:not(.page-scroll) #logo a:visited,
body.layout-hero-header:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a,
body.layout-hero-header:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a:visited,
body.layout-hero-header #header.header_transparent:not(.page-scroll) #header_quicksearch_btn,
body.layout-hero-header #header.header_transparent:not(.page-scroll) #store_cart_widget::before,
body.layout-hero-header #header.header_transparent:not(.page-scroll) #store_cart_widget::after,
body.layout-hero-header #header.header_transparent:not(.page-scroll) #slide_nav_reveal::after {
color: #ffffff;
}
/* Logo images
-------------------------------------------------------------------------- */
/* Auto-brightness switching using css filters
-------------------------------------------------------------------------- */
body.type-fullscreen #header.header_transparent #logo.user-custom-logo-image:not(.auto_brightness_disabled),
body.layout-hero-header #header.header_transparent #logo.user-custom-logo-image:not(.auto_brightness_disabled) {
-webkit-transition: filter 0.5s linear;
-moz-transition: filter 0.5s linear;
transition: filter 0.5s linear;
}
body.type-fullscreen #header.header_transparent:not(.page-scroll) #logo.user-custom-logo-image:not(.auto_brightness_disabled),
body.layout-hero-header #header.header_transparent:not(.page-scroll) #logo.user-custom-logo-image:not(.auto_brightness_disabled) {
filter: brightness(0) invert(1);
}
body.type-fullscreen.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #logo.user-custom-logo-image:not(.auto_brightness_disabled),
body.layout-hero-header.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #logo.user-custom-logo-image:not(.auto_brightness_disabled) {
filter: brightness(0);
}
/* Auto-brightness disabled - Setup multiple logo image backgrounds
-------------------------------------------------------------------------- */
body.type-fullscreen #header.header_transparent #logo.auto_brightness_disabled,
body.layout-hero-header #header.header_transparent #logo.auto_brightness_disabled {
position: relative;
}
body.type-fullscreen #header.header_transparent #logo.auto_brightness_disabled::before,
body.type-fullscreen #header.header_transparent #logo.auto_brightness_disabled::after,
body.layout-hero-header #header.header_transparent #logo.auto_brightness_disabled::before,
body.layout-hero-header #header.header_transparent #logo.auto_brightness_disabled::after {
content: '';
position: absolute;
top:0;
right: 0;
bottom: 0;
width: 100%;
background-size: 100%;
pointer-events: none;
user-select: none;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}
/* Show light logo
-------------------------------------------------------------------------- */
body.type-fullscreen #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled a,
body.type-fullscreen #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled::after,
body.layout-hero-header #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled a,
body.layout-hero-header #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled::after {
opacity: 0;
}
body.type-fullscreen #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled::before,
body.layout-hero-header #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled::before {
opacity: 1.0;
}
/* Show dark logo
-------------------------------------------------------------------------- */
body.type-fullscreen.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled::before,
body.layout-hero-header.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled::before {
opacity: 0;
}
body.type-fullscreen.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled::after,
body.layout-hero-header.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #logo.auto_brightness_disabled::after {
opacity: 1.0;
}
/* Light logo image
-------------------------------------------------------------------------- */
/* body.type-fullscreen #header.header_transparent:not(.page-scroll) #logo a[data-logo-image-variant-light]::after {
content: ''
} */
/* Slide brightness detection
-------------------------------------------------------------------------- */
/* Light slides / dark text
---------------------------------------------------- */
body.type-fullscreen.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #logo a,
body.type-fullscreen.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #logo a:visited,
body.type-fullscreen.fullscreen-slide-light:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a,
body.type-fullscreen.fullscreen-slide-light:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a:visited,
body.type-fullscreen.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #header_quicksearch_btn,
body.type-fullscreen.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #store_cart_widget::before,
body.type-fullscreen.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #store_cart_widget::after,
body.type-fullscreen.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #slide_nav_reveal::after,
body.type-fullscreen.fullscreen-slide-light #header.header_transparent:not(.page-scroll) .social_media_icon,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content .inner,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content h2,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content h2 a,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content h2 a:visited,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content h2 a .separator,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content h2 a .h1_subtitle,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content h3,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content h4,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content h5,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content h6,
body.type-fullscreen.fullscreen-slide-light .fullscreen_slideshow ul li .content .date,
body.type-fullscreen.fullscreen-slide-light .hero_splash_text .title,
body.type-fullscreen.fullscreen-slide-light .hero_splash_text .subtitle,
body.layout-hero-header.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #logo a,
body.layout-hero-header.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #logo a:visited,
body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a,
body.layout-hero-header.fullscreen-slide-light:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a:visited,
body.layout-hero-header.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #header_quicksearch_btn,
body.layout-hero-header.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #store_cart_widget::before,
body.layout-hero-header.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #store_cart_widget::after,
body.layout-hero-header.fullscreen-slide-light #header.header_transparent:not(.page-scroll) #slide_nav_reveal::after {
color: #111111;
}
/* Transitions
---------------------------------------------------- */
body.type-fullscreen.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #logo a,
body.type-fullscreen.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #logo a:visited,
body.type-fullscreen.fullscreen-slide-brightness-transition:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a,
body.type-fullscreen.fullscreen-slide-brightness-transition:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a:visited,
body.type-fullscreen.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #header_quicksearch_btn,
body.type-fullscreen.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #store_cart_widget::before,
body.type-fullscreen.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #store_cart_widget::after,
body.type-fullscreen.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #slide_nav_reveal::after,
body.type-fullscreen.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) .social_media_icon,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content .inner,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content h2,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content h2 a,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content h2 a:visited,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content h2 a .separator,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content h2 a .h1_subtitle,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content h3,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content h4,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content h5,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content h6,
body.type-fullscreen.fullscreen-slide-brightness-transition .fullscreen_slideshow ul li .content .date,
body.type-fullscreen.fullscreen-slide-brightness-transition .hero_splash_text .title,
body.type-fullscreen.fullscreen-slide-brightness-transition .hero_splash_text .subtitle,
body.layout-hero-header.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #logo a,
body.layout-hero-header.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #logo a:visited,
body.layout-hero-header.fullscreen-slide-brightness-transition:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a,
body.layout-hero-header.fullscreen-slide-brightness-transition:not(.slide-nav-open) #header.header_transparent:not(.page-scroll) #top_nav.navigation > ul > li > a:visited,
body.layout-hero-header.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #header_quicksearch_btn,
body.layout-hero-header.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #store_cart_widget::before,
body.layout-hero-header.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #store_cart_widget::after,
body.layout-hero-header.fullscreen-slide-brightness-transition #header.header_transparent:not(.page-scroll) #slide_nav_reveal::after {
-webkit-transition: color 500ms linear;
-moz-transition: color 500ms linear;
-o-transition: color 500ms linear;
transition: color 500ms linear;
}
/* 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;
}
#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;
}
#top_nav .header_quick_search {
/*display: none;*/
}
#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;
}
#header_quick_search.header_quick_search_reveal.active .inputField {
width: 140px;
max-width: 140px;
background: transparent;
opacity: 1;
}
#header_quicksearch_btn {
display: inline-block;
}
/* Translations nav in header
----------------------------------------------------------- */
#translations_nav {
position: absolute;
top: 0;
right: 0;
}
#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 {
}
/* Header social links
----------------------------------------------------------- */
#header #social_links_nav {
vertical-align: middle;
}
#header #social_links_nav .social_media_icon {
background-color: transparent;
margin: 0 5px 0 0;
color: #aaa;
}
.layout-hero-header #header #social_links_nav .social_media_icon {
color: #aaa;
}
#header .header_social_links_desktop {
display: inline-block;
margin: 0 0 0 20px;
vertical-align: middle;
overflow: hidden;
}
#header .header_social_links_mobile {
display: none;
}
#header .social_links_item {
display: inline-block;
text-indent: -9999px;
width: 32px;
text-align: left;
}
#header .social_links_item a {
display: block;
}
#header .social_media_icon {
color: #aaa;
background-color: transparent;
margin: 0;
}
/* 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;
}
#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;
padding: 0 80px;
position: relative;
z-index: 50;
}
body.layout-hero-header #main_content::before {
content: '';
display: block;
}
#hero_header > .inner,
body.layout-hero-header:not(.type-fullscreen ) #main_content::before {
min-height: 450px;
max-height: 800px;
height: 65vh;
}
/*body.layout-hero-header.type-fullscreen #main_content::before {
max-height: none;
height: 100vh;
}*/
#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: 80px;
right: 80px;
}
.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 {
}
#hero_header #slideshow {
}
#hero_header #slideshow .content a,
#hero_header #slideshow .content a:visited {
text-decoration: none;
}
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;
}
/* Depricated */
/*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;
}
#main_content {
margin: 0 0 50px;
overflow: hidden;
}
.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;
}
h1.has_subtitle {
margin-bottom: 12px;
}
body.page-param-type-simplified h1 {
margin: 0 0 25px;
}
#content {
min-height: 100px;
}
#content_module {
width: 530px;
float: left;
}
body #main_content #content #content_module.full_width {
width: 100%;
}
#sidebar {
width: 355px;
float: right;
}
body #main_content #content #sidebar.full_width {
width: 100%;
}
#sidebar .image {
text-align: center;
background: #F0F0F0;
}
#sidebar .caption {
padding-top: 10px;
}
#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;
}
#quick_search .inputField.active {
}
#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;
}
.quicksearch-icon::after {
content: "\e02a";
font-family: "artlogic-social-icons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
font-size: 16px;
letter-spacing: 0;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Social media
----------------------------------------------------------- */
#social_links {
}
#social_links .social_links_item {
float: left;
width: 32px;
height: 32px;
margin: 0 0 10px 10px;
}
#social_links .social_links_item a {
text-indent: -9999px;
float: left;
width: 32px;
height: 32px;
/*outline: none;*/
}
#social_links .social_links_item a .social_media_icon {
background-color: #bbb;
}
/* -----------------------------------------------------------
Page Specific
----------------------------------------------------------- */
/* Home
----------------------------------------------------------- */
.section-home #main_content h1 {
display: none;
}
.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 {
margin: 8px 0 15px;
}
.section-home #slideshow.feature_list ul li .subtitle {
margin: 0 0 15px;
}
.section-home #slideshow.feature_list ul li .date {
margin: 0 0 10px;
}
#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;
}
#home_splash .inner {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
#home_splash .content {
margin: -60px 0 15px;
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;
}
#home_splash.background_image_exists .content {
}
#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;
}
.section-home #content_module {
padding: 50px 0 0;
}
.section-home .feature_panels {
padding: 50px 0 0;
}
/* Artists
----------------------------------------------------------- */
.page-artists h1 #artist_years {
}
.page-artists .subsection-artist-detail-page.subsection-wrapper-works .records_list ul li .content > .artist {
display: none;
}
.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 {
}
/* Artist page standard_list format ------------------------- */
.page-artists .subsection-artist-list-standard {
}
.page-artists .subsection-artist-list-standard .records_list.columns_list:not(.artists_list_dynamic_columns) ul {
width: 33%;
float: left;
margin-right: 0;
}
.page-artists .subsection-artist-list-standard .records_list.columns_list ul li {
margin: 0 0 20px;
width: 100%;
padding-right: 20px;
}
/* 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: 45px;
}
.page-artists .subsection-artist-list-preview #list_preview_navigation.records_list.columns_list:not(.artists_list_dynamic_columns) ul {
width: 20%;
float: left;
margin-right: 0;
}
.page-artists .subsection-artist-list-preview #list_preview_navigation.records_list.columns_list ul li {
padding-right: 20px;
box-sizing: border-box;
width: 100%;
}
.page-artists .subsection-artist-list-preview #list_preview_slideshow {
z-index: 0;
position: relative;
}
.page-artists .subsection-artist-list-preview #list_preview_slideshow .image {
right: 0;
left: 0;
}
/* Artist page standard_list_preview_fullbleed format ------------------------- */
.page-artists .subsection-artist-list-preview.list-preview-fullbleed {
}
.page-artists .subsection-artist-list-preview.list-preview-fullbleed #content_module {
float: left;
width: 100%;
}
.page-artists .subsection-artist-list-preview.list-preview-fullbleed #sidebar {
float: right;
width: 100%;
}
.page-artists .subsection-artist-list-preview.list-preview-fullbleed #list_preview_slideshow {
margin-top: 0 !important;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: auto;
z-index: 0;
}
.page-artists .subsection-artist-list-preview.list-preview-fullbleed #list_preview_slideshow::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 200;
background: rgba(0, 0, 0, 0.5);
}
.page-artists .subsection-artist-list-preview.list-preview-fullbleed #list_preview_slideshow .image {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}
.page-artists .subsection-artist-list-preview.list-preview-fullbleed #list_preview_slideshow a {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
z-index: 0;
background: center center no-repeat;
background-size: cover;
}
.page-artists .subsection-artist-list-preview.list-preview-fullbleed #list_preview_slideshow img {
display: none;
}
.subsection-artist-list-preview.list-preview-fullbleed #list_preview_navigation {
position: relative;
z-index: 1;
}
.subsection-artist-list-preview.list-preview-fullbleed #list_preview_navigation .subheading {
color: #ffffff;
}
.subsection-artist-list-preview.list-preview-fullbleed #list_preview_navigation li .content h2 {
color: #ffffff;
background: linear-gradient(to right, #ffffff 0%, #ffffff 98%);
background-repeat: no-repeat;
background-position: left 78%;
background-size: 0 1px;
}
.subsection-artist-list-preview.list-preview-fullbleed #list_preview_navigation li .content h2:hover {
background-size: calc(100% - 1px) 1px;
}
/* Artist list preview randomised
----------------------------------------------------------- */
.page-artists .subsection-artist-list-preview.list-preview-random-position {
}
.page-artists .subsection-artist-list-preview.list-preview-random-position #content_module {
float: left;
width: 100%;
}
.page-artists .subsection-artist-list-preview.list-preview-random-position #sidebar {
float: right;
width: 100%;
}
.page-artists .subsection-artist-list-preview.list-preview-random-position #list_preview_slideshow {
margin-top: 0 !important;
position: absolute;
top: 30px;
left: 30px;
bottom: 30px;
right: 30px;
z-index: 0;
}
.page-artists .subsection-artist-list-preview.list-preview-random-position #list_preview_slideshow .image {
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}
.page-artists .subsection-artist-list-preview.list-preview-random-position #list_preview_slideshow a {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
z-index: 0;
background: center center no-repeat;
background-size: 50vmin auto;
}
.page-artists .subsection-artist-list-preview.list-preview-random-position #list_preview_slideshow img {
display: none;
}
.page-artists.no-page-params .subsection-artist-list-preview.list-preview-random-position #list_preview_navigation {
position: relative;
z-index: 1;
}
/* .page-artists.no-page-params #header {
position: relative;
z-index: 20;
}
.page-artists.no-page-params #footer {
display: none;
} */
/* 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;
}
.page-artists .subsection-artist-list-preview-letters #list_preview_navigation {
}
.page-artists .subsection-artist-list-preview-letters #list_preview_navigation.records_list.columns_list:not(.artists_list_dynamic_columns) ul {
width: 50%;
float: left;
margin-right: 0;
}
.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: 20px;
box-sizing: border-box;
}
.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;
}
/* Dynamic artist list columns ------------------------- */
.records_list.columns_list.artists_list_dynamic_columns ul {
margin-right: 0;
float: left;
}
.records_list.columns_list.artists_list_dynamic_columns ul li {
margin: 0 0 20px;
width: 100%;
padding-right: 20px;
box-sizing: border-box;
}
/* 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;
}
/* 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;
}
.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;
}
/* 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.hide_when_empty.empty,
#wishlist_cart_widget.hide_when_empty.empty {
display: none !important;
}
#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 {
}
#store_cart_widget #scw_checkout,
#wishlist_cart_widget #wcw_checkout {
float: left;
margin-left: 20px;
}
#scw_popup_inner {
}
#scw_popup_inner .button,
#wcw_popup_inner .button {
float: left;
margin: 0 15px 0 0;
clear: none;
}
#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 {
width: 180px;
float: left;
padding: 8px 0 0;
}
.store_item .price {
padding: 8px 0 0;
float: left;
}
.store_item_controls {
float: right;
}
.store_item_add_container {
float: left;
}
.store_item_add_to_cart {
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;
}
.store_item_add_to_cart:hover {
background: #f9f9f9;
}
.store_item_add_to_cart span {
float: left;
display: inline;
height: 26px;
padding: 5px 10px 0;
margin-right: 0;
cursor: pointer;
}
.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;
}
.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;
}
/* 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_selected{
position: relative;
z-index: 5;
}
.currency_store_select{
position: absolute;
width: 100%;
top: 0;
z-index: 10;
opacity: 0;
}
.currency_store_select:hover{
pointer: cursor;
}
.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-top: 1px;
margin-left: 20px;
}
#store_cart_widget .currency_store_select_wrapper .currency_store_selected span{
display: none;
}
/* 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;
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;
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;
}
#shopping_cart_information td.sc_cell_item .details,
#wishlist_information td.sc_cell_item .details {
display: block;
}
#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;
float: left;
}
#shopping_cart_information td.sc_cell_quantity .decrease_qty span,
#shopping_cart_information td.sc_cell_quantity .increase_qty span,
#shopping_cart_information td.sc_cell_remove .remove span,
#wishlist_information td.sc_cell_remove .remove span {
visibility: hidden;
display: block;
text-indent: -9999px;
}
#shopping_cart_information td.sc_cell_quantity .decrease_qty::before,
#shopping_cart_information td.sc_cell_quantity .increase_qty::before,
#shopping_cart_information td.sc_cell_remove .remove::before,
#wishlist_information td.sc_cell_remove .remove::before {
font-size: 18px;
font-family: "artlogic-social-icons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
letter-spacing: 0;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #aaa;
}
#shopping_cart_information td.sc_cell_quantity .decrease_qty::before {
content: "\e030";
}
#shopping_cart_information td.sc_cell_quantity .increase_qty::before {
content: "\e02f";
}
#shopping_cart_information td.sc_cell_quantity .decrease_qty.disabled {
opacity: 0.3;
cursor: default;
}
#shopping_cart_information td.sc_cell_quantity .qty {
float: left;
padding: 0 12px;
}
#shopping_cart_information td.sc_cell_unavailable {
}
#shopping_cart_information td .sc_cell_error_message {
}
#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;
float: left;
overflow: hidden;
}
#shopping_cart_information td.sc_cell_remove .remove::before,
#wishlist_information td.sc_cell_remove .remove::before {
content: "\e031";
}
#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_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 {
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 {
}
#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 30px;
}
#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;
height: 38px;
-webkit-appearance: none;
appearance: none;
}
.select_container {
position: relative;
}
.select_container:after {
content: "";
position: absolute;
top: 50%;
transform: translate(0, -3px);
right: 15px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #222;
pointer-events: none;
}
#sc_checkout_container .sc_field_group:first-child {
margin: 0 0 30px;
padding: 0 0 20px;
border-bottom: 1px solid #EAEAEA;
}
#sc_checkout_content #shipping_container #shipping_zones_container,
#sc_checkout_content #shipping_container #shipping_options_container {
display: none;
border: 0;
}
#sc_checkout_content #shipping_container #shipping_options_container {
margin: 20px 0 9px;
padding: 30px 0 0;
border-top: 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_container .button {
float: left;
display: inline;
}
#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 {
display: block;
}
#sc_order_gift_aid {
margin-top: 15px;
}
#sc_order_gift_aid input {
margin-right: 5px;
}
#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 {
}
#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;
padding: 0 0 0 25px;
}
#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 {
padding: 15px 0 0;
}
#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;
height: 32px;
width: 40px;
background: 0 0 no-repeat;
overflow: hidden;
color: #bbb;
}
#basket_footer #store_payment_logos ul li.wp_visa::before,
#basket_footer #store_payment_logos ul li.wp_mastercard::before,
#basket_footer #store_payment_logos ul li.wp_amex::before,
#basket_footer #store_payment_logos ul li.wp_paypal::before,
#basket_footer #store_payment_logos ul li.wp_stripe::before {
font-family: "artlogic-social-icons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
letter-spacing: 0;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent: 0;
font-size: 38px;
display: block;
}
#basket_footer #store_payment_logos ul li.wp_visa::before {
content: "\e01d";
}
#basket_footer #store_payment_logos ul li.wp_mastercard::before {
content: "\e01c";
}
#basket_footer #store_payment_logos ul li.wp_amex::before {
content: "\e01e";
}
#basket_footer #store_payment_logos ul li.wp_paypal::before {
content: "\e01b";
}
#basket_footer #store_payment_logos ul li.wp_stripe::before {
content: "\e01a";
}
.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;
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;
}
.wishlist_button.active .store_item_controls {
width: 100%;
}
.wishlist_button .store_item_remove_container {
float: right;
padding: 0;
}
/* Contact
----------------------------------------------------------- */
#contact_form {
width: 100%;
}
#contact_form h1,
#main_content #contact_form h1 {
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;
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%;
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 .error_row {
margin: -10px 0 20px;
}
#contact_form_inline h1 {
}
#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;
}
/* 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 {
}
.feature_panels.feature_panels_layout_type_2 .records_list.image_list ul li.panel_standard:nth-child(-n+3) {
}
.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 {
margin: 0 0 22px;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading .subtitle {
padding: 15px 0 0;
margin: 0;
}
.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;
}
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 {
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 {
width: 100%;
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;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading .description {
max-width: 100%;
width: 100%;
padding: 15px 0 0;
margin: 0;
}
.feature_panels .records_list.image_list ul li.panel_hero .hero_heading .description * {
}
.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%;
/*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: 0 0 0 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 {
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;
}
.feature_panels .image_list ul li.panel_image_text_adjacent .image span,
.image_list ul li.panel_image_text_adjacent .image img {
width: 100%;
height: auto;
}
/* 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;
}
/* Feature panel type 6 - Image Grid
----------------------------------------------------------- */
.feature_panels .records_list.image_list ul li.panel_image_grid {
width: 100%;
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;
}
/* Mailing list
----------------------------------------------------------- */
.section-mailing-list #content_module {
float: left;
}
.section-mailing-list #sidebar {
float: right;
}
/* Page not found
----------------------------------------------------------- */
.section-pagenotfound #container {
width: 400px;
text-align: center;
}
.section-pagenotfound #logo {
margin-left: auto;
margin-right: auto;
float: none;
}
.section-pagenotfound #logo a {
text-align: center;
}
.section-pagenotfound #main_content h1 {
width: 100%;
min-width: 0;
text-align: center;
}
/* Protected path login
--------------------------------------- */
#protected_path_login {
padding: 30px;
width: 100%;
height: 100vh;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
#protected_path_login #container {
max-width: 400px;
width: 100%;
border: 1px solid #e1e1e1;
background: #f7f7f7;
padding: 20px;
margin: 0 auto;
}
#protected_path_login #container h1 {
font-size: 1.7rem;
line-height: 2.1rem;
margin: 0 0 25px;
color: #010101;
}
#protected_path_login #container label {
display: block;
clear: both;
margin-bottom: 10px;
font-weight: 200;
color: #585858;
font-size: 1.25rem;
}
#protected_path_login #container #username,
#protected_path_login #container #password {
border: 1px solid #ddd;
-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;
width: 100%;
font-size: 16px;
margin-bottom: 20px;
}
#protected_path_login #container .error_container {
border: 1px solid #FFE000;
background: #FFF9CB;
color: #DD9700;
font-weight: normal;
margin: 0 0 15px;
padding: 10px;
display: block;
clear: both;
}
/* -----------------------------------------------------------
Global Classes
----------------------------------------------------------- */
a.external {
padding: 0;
background: none;
}
.subheading {
margin: 0 0 25px;
clear: both;
}
/* Social media icons
----------------------------------------------------------- */
.social_media_icon {
float: left;
width: 32px;
height: 32px;
line-height: 32px;
margin: 0 10px 0 0;
border-radius: 60px;
text-indent: 0;
text-align: center;
color: #fff;
background-color: #333;
}
.social_media_icon::after {
content: '';
font-family: "artlogic-social-icons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
font-size: 16px;
letter-spacing: 0;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social_media_icon.facebook::after {
content: "\e000";
}
.social_media_icon.facebook-alt::after {
content: "\e001";
}
.social_media_icon.twitter::after {
content: "\e002";
}
.social_media_icon.flickr::after {
content: "\e003";
}
.social_media_icon.youtube::after {
content: "\e004";
}
/*.social_media_icon.instagram::after {*/
/* content: "\e005";*/
/*}*/
.social_media_icon.instagram::after {
content: "\e037";
}
.social_media_icon.instagram-alt::after {
content: "\e006";
}
.social_media_icon.pinterest-alt::after {
content: "\e009";
}
.social_media_icon.pinterest::after {
content: "\e00a";
}
.social_media_icon.youtube-alt::after {
content: "\e00b";
}
.social_media_icon.soundcloud::after {
content: "\e00c";
}
.social_media_icon.tumblr::after {
content: "\e00d";
}
.social_media_icon.linkedin-alt::after {
content: "\e00e";
}
.social_media_icon.wordpress::after {
content: "\e00f";
}
.social_media_icon.yahoo::after {
content: "\e010";
}
.social_media_icon.weibo::after {
content: "\e011";
}
.social_media_icon.email-alt::after {
content: "\e012";
}
.social_media_icon.whatsapp::after {
content: "\e013";
}
.social_media_icon.google::after {
content: "\e014";
}
.social_media_icon.googleplus::after {
content: "\e015";
}
.social_media_icon.snapchat::after {
content: "\e016";
}
.social_media_icon.wechat::after {
content: "\e017";
}
.social_media_icon.linkedin::after {
content: "\e018";
}
.social_media_icon.paypal-alt::after {
content: "\e019";
}
.social_media_icon.stripe::after {
content: "\e01a";
}
.social_media_icon.paypal::after {
content: "\e01b";
}
.social_media_icon.mastercard::after {
content: "\e01c";
}
.social_media_icon.visa::after {
content: "\e01d";
}
.social_media_icon.amex::after {
content: "\e01e";
}
.social_media_icon.favourite::after {
content: "\e01f";
}
.social_media_icon.favourite-alt::after {
content: "\e020";
}
.social_media_icon.tripadvisor::after {
content: "\e021";
}
.social_media_icon.artnet::after {
content: "\e022";
}
.social_media_icon.artstack::after {
content: "\e023";
}
.social_media_icon.artsy::after {
content: "\e024";
}
.social_media_icon.email::after {
content: "\e025";
}
.social_media_icon.googlemap::after {
content: "\e026";
}
.social_media_icon.mailinglist::after {
content: "\e008";
}
.social_media_icon.search::after {
content: "\e02a";
}
/* 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;
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;
}
#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;
width: 100%;
}
#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;
}
#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;
}
/* 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;
}
#ig_slideshow .item {
background-position: center center;
background-repeat: no-repeat;
text-align: center;
}
#ig_slideshow .item span {
display: table;
table-layout: fixed;
}
#ig_slideshow .item span span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
#sidebar #ig_slideshow .item span span a {
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);
}
#ig_slideshow .item span.artwork_video_mask span {
display: block;
text-align: center;
background: url(../images/video_icon.png) center center no-repeat;
background-size: 64px;
text-indent: -9999px;
}
#ig_slideshow .item .enquire {
display: none;
}
/* 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;
/*outline: none;*/
}
#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: 60px;
height: 60px;
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: 60px;
height: 60px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
/*outline: none;*/
text-align: center;
text-indent: -99999px;
}
#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 {
}
#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;
cursor: pointer;
text-indent: -9999px;
}
.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;*/
}
.jTscrollerPrevButton,
.jTscrollerNextButton {
background: none;
}
.jTscrollerPrevButton::after,
.jTscrollerNextButton::after {
content: '';
font-family: "artlogic-social-icons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
font-size: 26px;
line-height: 22px;
letter-spacing: 0;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent: 0;
display: block;
text-decoration: none;
color: #cccccc;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
}
.jTscrollerPrevButton::after {
content: "\e007";
}
.jTscrollerNextButton::after {
content: "\e027";
}
/* 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;
}
#image_gallery.unavailable #content_module:before,
#image_gallery.reserved #content_module:before {
text-indent: -9999px;
width: 6px;
height: 6px;
display: block;
position: absolute;
top: 3px;
right: -5px;
background: #cc0000;
border-radius: 12px;
}
#image_gallery.unavailable #content_module:before {
content: 'Sold';
}
#image_gallery.reserved #content_module:before {
content: 'Reserved';
width: 3px;
border-radius: 0 12px 12px 0;
}
#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;
}
#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 {
}
#image_gallery #content_module .store_item.sale_mode .price strike {
}
#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;
}
#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_gallery #image_container,
#image_gallery #image_container .image,
#image_gallery #image_container .image span {
width: 900px;
height: 660px;
height: auto;
display: block;
}
#image_gallery.record-layout-descriptive #image_container,
#image_gallery.record-layout-descriptive #image_container .image,
#image_gallery.record-layout-descriptive #image_container .image span {
width: 725px;
height: auto;
}
#image_gallery.record-layout-descriptive #secondary_content_module,
#image_gallery.record-layout-descriptive .page_stats{
float: right;
width: 725px;
padding-top: 20px;
}
#image_gallery #content_module {
min-height: 610px;
width: 300px;
}
#image_gallery.record-layout-descriptive #content_module {
min-height: initial;
width: 450px;
}
#image_gallery #content_module .detail_view_module,
#image_gallery #secondary_content_module .detail_view_module,
#image_gallery #content_module .subtitle,
#image_gallery #content_module .enquire {
margin-bottom: 30px;
}
#image_gallery #content_module .page_stats {
border: 0;
}
#image_gallery.record-layout-descriptive .page_stats {
padding-top: 0;
border: 0;
padding-bottom: 15.5px;
}
#image_gallery.artwork_full_details_open {
}
#image_gallery.artwork_full_details_open #content_module {
width: 660px;
}
#image_gallery.artwork_full_details_open #image_container {
width: 500px;
}
#image_gallery #image_container .image,
#image_gallery #image_container .image span {
width: 100%;
}
/* 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 {
margin: 0 auto;
width: 100%;
}
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;
}
.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+ */
}
#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;
}
.parallax-mirror .fullscreen_slideshow .hero_splash_text {
padding-top: 55px;
display: none;
}
.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;
}
#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 {
margin: 0;
}
.fullscreen_slideshow .hero_splash_text .subtitle {
padding: 15px 0 0;
margin: 0;
}
.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 .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;
}
.fullscreen_slideshow ul li .image {
margin: 0 !important;
background: center center no-repeat;
background-size: cover;
background-attachment: fixed;
}
.parallax-mirror .fullscreen_slideshow ul li .image {
background-attachment: scroll;
}
body.device-handheld .fullscreen_slideshow ul li .image {
background-attachment: scroll;
}
.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;
}
.fullscreen_slideshow ul li .image a {
z-index: 10;
}
.fullscreen_slideshow ul li .content {
display: block;
position: absolute;
z-index: 102;
left: 0;
right: 0;
bottom: 40px;
margin: 0 auto;
width: 100%;
}
.parallax-loaded .fullscreen_slideshow.fullscreen_slideshow_parallax ul li .content,
.fullscreen_slideshow.fullscreen_slideshow_parallax.parallax-loaded 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 a .h1_subtitle {
color: #fff;
}
.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 a .h1_subtitle {
color: #fff;
}
.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;
}
.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;
}
/* 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: 0;
padding: 0;
margin-right: -40px;
width: auto;
}
.records_list ul .list_clear {
clear: both;
}
.records_list > ul > li {
display: inline-block;
vertical-align: top;
zoom: 1;
width: 33.33%;
padding-right: 40px;
margin: 0 0 50px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.records_list ul li.last {
}
.records_list ul li:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}
.records_list > ul > li > a {
display: block;
/*outline: none;*/
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 .icon {
background: none;
line-height: 0;
}
.records_list ul li .image {
display: block;
height: auto;
margin: 0 0 32px;
background: none;
position: relative;
}
.records_list ul li .image::after {
content: '';
display: block;
padding-top: 100%;
}
.records_list ul li.panel_image_grid #image_container .image::after,
.records_list.full_list ul li .image::after,
.records_list.reading_list ul li .image::after {
display:none;
}
.records_list ul li.panel_image_grid #image_container .image > span,
.records_list.full_list ul li .image > span,
.records_list.reading_list ul li .image > span {
position:static;
}
.records_list ul li .image > span {
position: absolute;
top: 0;
right:0;
bottom: 0;
left: 0;
width: 100%;
height: auto;
display: -webkit-flex;
display: flex;
/* Vertical */
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
/* Horizontal */
-webkit-justify-content: center;
justify-content: center;
}
.records_list ul li .image,
.records_list ul li .icon {
text-align: center;
}
.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 .video_inline {
display: none;
}
.records_list .subtitle,
.records_list .date,
.records_list .price {
display: block;
}
.records_list .price.hidden {
display: none;
}
.records_list .price {
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%;
}
/* Object-fit css cropping
----------------------------------------------------------- */
.records_list ul li .image .grid-object-fit-fallback {
background-size: cover;
background-repeat: no-repeat;
}
/* Records lists in a sidebar
----------------------------------------------------------- */
#sidebar .feature_panels .records_list ul li {
width: 100%;
margin: 0 0 25px;
padding: 0 0 15px;
}
#sidebar .feature_panels .records_list ul li:last-of-type {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
/* Records list - animations
----------------------------------------------------------- */
.layout-animation-enabled .records_list ul li {
transform: translate3d(0, 100px, 0);
opacity: 0;
transition: none;
}
.layout-animation-enabled .records_list ul li.animate-from-bottom {
transition: transform 4000ms cubic-bezier(.18, 1, .21, 1), opacity 2500ms cubic-bezier(.18, 1, .21, 1);
}
.layout-animation-enabled .records_list ul li.animate-from-top {
transition: transform 4000ms cubic-bezier(.18, 1, .21, 1), opacity 2500ms cubic-bezier(.18, 1, .21, 1);
transform: translate3d(0, -50px, 0);
}
.layout-animation-enabled .records_list ul li.visible {
opacity: 1;
transform: none;
}
/* 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 {
}
.mini_list ul li .icon {
display: inline-block;
vertical-align: middle;
}
.mini_list ul li .content {
display: inline-block;
vertical-align: middle;
text-align: left;
}
.mini_list ul li .content h2 {
margin: 0;
padding: 0;
padding-right: 8px;
}
/* Related items panel
----------------------------------------------------------- */
.related_items_panel {
margin: 0 0 15px;
padding-top: 30px;
}
.related_items_panel h3 {
margin: 0 0 20px;
}
.related_items_panel .records_list.mini_list ul li .icon {
background: none;
line-height: 0;
margin: 0 -4px 0 0;
padding-right: 15px;
box-sizing: border-box;
width: 65px;
}
.related_items_panel .records_list.mini_list ul li .content {
display: inline-block;
vertical-align: middle;
text-align: left;
width: calc(100% - 80px)
}
/* Names list
A grid of names, e.g. artists
----------------------------------------------------------- */
.names_list ul {
margin-bottom: 16px;
}
.names_list ul li {
width: 25%;
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 {
margin-bottom: 0;
}
.names_list ul li h2 .artist {
}
.names_list .description {
margin: 0 0 10px;
}
/* Tile list
Cascading columns of list items
----------------------------------------------------------- */
.records_list.tile_list {
width: auto;
margin-right: -20px;
}
.records_list.tile_list ul {
display: inline-block;
vertical-align: top;
clear: none;
width: 25%;
margin-right: 0;
padding-right: 20px;
box-sizing: border-box;
}
.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 > span {
position: static;
display: block;
}
.records_list.tile_list ul li .image,
.records_list.tile_list ul li .image span {
height: auto;
width: auto;
}
.records_list.tile_list ul li .image::after {
display: none;
}
.records_list.tile_list ul li .image span img {
max-height: none;
}
.records_list.tile_list ul li .content {
}
/* Scattered tile list ----------------------------------------------------------- */
.records_list.tile_list.scatter_list {
margin-right: 0;
}
.records_list.tile_list.scatter_list ul {
width: 34%;
margin-left: 8%;
margin-right: 8%;
float: left;
padding-right: 0;
display: block;
}
.records_list.tile_list.scatter_list.scatter-list-initialised ul,
.records_list.tile_list.scatter_list.scatter-list-initialised ul li .wrap_inner {
-webkit-transition: transform 0.3s cubic-bezier(0,.61,.31,1.02), padding 0.3s cubic-bezier(0,.61,.31,1.02);
-moz-transition: transform 0.3s cubic-bezier(0,.61,.31,1.02), padding-top 0.3s cubic-bezier(0,.61,.31,1.02);
-o-transition: transform 0.3s cubic-bezier(0,.61,.31,1.02), padding-top 0.3s cubic-bezier(0,.61,.31,1.02);
transition: transform 0.3s cubic-bezier(0,.61,.31,1.02), padding-top 0.3s cubic-bezier(0,.61,.31,1.02);
}
/* 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 {
}
.image_list ul li .image,
.image_list ul li .image a {
width: 100%;
height: auto;
}
.image_list .content {
width: 100%;
display: block;
}
.image_list ul li h2 {
}
.image_list ul li h2 .artist,
.image_list ul li h2 .title {
}
/* Sold / Reserved */
.image_list ul li.unavailable .content > .title:after,
.image_list ul li.unavailable .content > .title_and_year:after,
.image_list ul li.unavailable.reserved .content > .title:after,
.image_list ul li.unavailable.reserved .content > .title_and_year:after {
text-indent: -9999px;
width: 6px;
height: 6px;
background: #cc0000;
display: inline-block;
vertical-align: middle;
border-radius: 12px;
margin-left: 10px;
margin-top: -1px;
}
.image_list ul li.unavailable .content > .title:after,
.image_list ul li.unavailable .content > .title_and_year:after {
content: 'Sold';
}
.image_list ul li.unavailable.reserved .content > .title:after,
.image_list ul li.unavailable.reserved .content > .title_and_year:after {
content: 'Reserved';
width: 3px;
border-radius: 0 12px 12px 0;
}
/* 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;
}
.detail_list ul li .image {
width: 50%;
float: left;
}
.detail_list ul li .image span {
}
.detail_list ul li .content {
width: 50%;
float: right;
padding-left: 20px;
box-sizing: border-box;
}
/* Detail list alt
Similar to detail list, image is typically smaller
----------------------------------------------------------- */
.detail_list_alt ul {
clear: both;
}
.detail_list_alt ul li {
}
.detail_list_alt ul li .image {
width: 30%;
height: auto;
}
.detail_list_alt ul li .image span {
width: 100%;
height: auto;
}
.detail_list_alt ul li .content {
width: 70%;
}
/* 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;
}*/
.records_list.feature_list ul li {
width: 100%;
margin: 0 0 50px;
}
.records_list.feature_list ul li .image {
width: 45%;
margin: 0;
height: auto;
float: left;
}
.records_list.feature_list ul li .image span {
vertical-align: top;
width: 100%;
height: auto;
}
.records_list.feature_list ul li .content {
width: 50%;
padding-left:20px;
box-sizing: border-box;
text-align: left;
display: block;
float: right;
}
/* Full list
List type where the image typically spans the full width
e.g. The homepage slideshow
----------------------------------------------------------- */
.records_list.full_list {
clear: both;
display: block;
}
.records_list.full_list ul {
clear: both;
display: block;
}
.records_list.full_list ul li {
min-height: 10px;
width: 100%;
margin: 0 0 50px;
padding-right: 0;
display: block;
background: #FFF;
}
.records_list.full_list ul li .image {
margin: 0 0 15px;
}
/* Simple list
----------------------------------------------------------- */
.simple_list ul {
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
.simple_list ul li {
}
.simple_list ul li a {
}
.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
----------------------------------------------------------- */
/* Reading list
----------------------------------------------------------- */
.records_list.reading_list {
}
.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;
border-bottom: 1px solid #ebebeb;
padding: 0 0 40px;
margin: 0 0 40px;
}
.records_list.reading_list ul li:last-of-type {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.records_list.reading_list ul li .image {
width: 100%;
height: auto;
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;
}
.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;
}
.records_list.reading_list ul li .content .description,
.records_list.reading_list ul li .content .link {
display: block;
}
/* 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;
}
.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;
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;
}
.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;
width: 65%;
padding: 80px 0 54px 0;
}
.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 {
width: 35%;
box-sizing: border-box;
padding: 80px 0 54px 30px;
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;
}
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module .store_item_group,
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module .currency_store_select_wrapper,
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module .subtitle,
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module .enquire {
width: 100%;
display: block;
}
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module .page_stats {
display: none;
}
.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 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;
}
.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;
}
/* Expanding detail list
----------------------------------------------------------- */
.records_list.detail_expand_grid ul li .content h2 {
font-size: 1.3rem;
/* letter-spacing: 0.3rem; */
}
.records_list.detail_expand_grid .expander_detail #ajax_content,
.records_list.detail_expand_grid .expander_detail .artworks-page-container{
max-width: 1240px;
}
.records_list.detail_expand_grid ul li .expander_detail .detail_view_module {
margin: 0 0 20px 0;
}
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module .share_link {
font-size: 1.1rem;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.records_list.detail_expand_grid .expander_detail #image_gallery #content_module .artwork_details_wrapper,
#image_gallery #content_module .detail_view_module {
width: 100%;
}
.records_list.detail_expand_grid .expander_detail #image_gallery .close {
opacity: 0.5;
top:60px;
}
.records_list.detail_expand_grid .expander_detail #image_gallery .close:hover {
opacity: 1.0;
}
.records_list.detail_expand_grid .expander_detail #image_gallery #image_content h2 {
margin: 0 0 20px;
padding-right: 20px;
}
/* Image lazyload
----------------------------------------------------------- */
.lazyload_wrapper {
position: relative;
}
.lazyload_wrapper:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
background: #fafafa;
transition: opacity 400ms ease-in-out;
content: '';
display: block;
}
.lazyload_wrapper img {
transition: opacity 400ms ease-in-out;
}
.lazyload_wrapper.loading img {
opacity: 0;
transition: none;
}
.lazyload_wrapper.loading:before {
opacity: 1;
}
.lazyload_wrapper svg.loader {
display: none;
}
.lazyload_wrapper.loading svg.loader {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 50%;
margin: -10px 0 0 -10px;
display: block;
}
.lazyload_wrapper.loading svg.loader .path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
-webkit-animation: dash 1.5s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite;
stroke: #bbb;
stroke-linecap: round;
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
/* 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 {
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;
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;
cursor: pointer;
}
.link a,
.link span {
display: block;
}
.link.back a {
}
.link a,
.link a:visited,
.link span {
text-decoration: none;
}
.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 {
margin: 0 0 10px;
}
.image a {
display: block;
}
.caption {
}
.divider {
clear: both;
height: 0;
display: block;
}
.divider.inner {
height: 22px;
}
.divider.after {
height: 8px;
}
.list_grid_control {
margin-bottom: 52px;
}
/* Pagination
----------------------------------------------------------- */
.page_stats {
}
.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 {
}
.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 {
background-image: url('/lib/g/1.0/images/fancy_sprite_new_2x.png');
background-size: 44px auto;
}
.fancybox-close {
background-position: 1px 7px;
}
.fancybox-prev,
.fancybox-next {
opacity: 0.01;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.fancybox-prev:hover,
.fancybox-next:hover {
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);
}
.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 {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.fancybox-overlay {
background: rgba(255, 255, 255, 0.88);
}
/* 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 {
opacity: 1;
}
.powerzoom_controls .powerzoom_pan {
display:none;
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;
cursor: pointer;
width: 22px;
height: 22px;
}
.powerzoom_controls .powerzoom_pan div.pz_n {
left: 24px;
top: 1px;
}
.powerzoom_controls .powerzoom_pan div.pz_s {
left: 24px;
bottom: 2px;
}
.powerzoom_controls .powerzoom_pan div.pz_w {
left: 2px;
top: 24px;
}
.powerzoom_controls .powerzoom_pan div.pz_e {
right: 2px;
top: 24px;
}
.powerzoom_controls .powerzoom_zoom {
float: left;
width: 30px;
height: 30px;
margin: 0;
background: rgba(0,0,0,0.5);
background-size: auto 30px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
border-radius: 200px;
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 {
display: block;
float: left;
padding-right: 5px;
}
.powerzoom_loading_indicator.zoom-button.powerzoom_zoom .fa-circle {
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;
}
.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;
margin : 7px 0 0 5px;
}
/* ARprompt
----------------------------------------------------------- */
div.arprompt {
border: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 15px;
}
div.arprompt .arpromptclose {
margin: 0 0 5px;
position: static;
top: auto;
right: auto;
width: auto;
cursor: default;
text-indent: 0;
float:right;
}
div#arprompt_state_state0 {
padding: 0;
}
div.arprompt .arpromptclose:after {
content: 'Close';
text-indent: -9999px;
display: block;
cursor: pointer;
}
div.arprompt .arpromptclose:hover {
text-decoration: underline;
}
div.arprompt .arpromptbuttons {
text-align: right;
padding: 18px 0 5px 0;
border: none;
border-top: 1px solid #e1e1e1;
background-color: inherit;
}
div.arprompt button {
padding: 3px 10px;
margin: 0 0 0 10px;
/*outline: none;*/
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;
color: inherit;
font: inherit;
}
div.arprompt button:hover {
background: #f9f9f9;
}
div.arprompt .arpromptmessage {
padding: 0;
margin: 0 0 15px;
}
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: none;
}
#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: 365px !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 #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;
}
/* AddThis overrides (Depecrated. See core sharing pop-up styles below)
-------------------------------------------------------------------------- */
.share_link:not(.subnav_share_link) {
border: 1px solid #EBEBEB;
float: left;
clear: both;
-webkit-border-radius: 2px;
border-radius: 2px;
margin: 40px 0 0;
}
.share_link:not(.subnav_share_link) a {
padding: 2px 10px;
}
.share_link:not(.subnav_share_link) a:before {
content: '+ ';
}
#sub_nav .share_link a {
padding: 2px 10px;
}
.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 {
outline-style: none;
outline-width: 0;
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 {
}
#at15pf,
#atic_auth {
display: none !important;
}
#at15pf a {
margin-top: 4px;
}
#at_auth{
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;
}
/* 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;}
/* 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;}
/* SHARING BUTTON
---------------------------------------------------------- */
#sidebar .share_link.link{
margin-top: 20px;
}
.share_link:not(.subnav_share_link) {
border: 1px solid ;
float: left;
clear: both;
margin-bottom: 10px;
border: 1px solid #ebebeb;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
/*width: 80px;*/
}
.share_link:not(.subnav_share_link) a {
/*padding: 2px 10px;*/
text-decoration: none;
padding: 3px 8px;
text-align: center;
}
.share_link:not(.subnav_share_link) a:before {
content: '+ ';
}
.share_link:not(.subnav_share_link) a:hover {
cursor: pointer;
}
#social_sharing_links{
display: none;
}
/* INLINE - social_sharing_links_inline
--------------------------------------------------------- */
#social_sharing_links.inline .social_links_item {
display: inline-block;
}
#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 {
text-indent: -9999px;
/*outline: none;*/
width: 21px;
height: 21px;
}
/* INLINE POP UP - 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;
background: #FFF;
display: none;
}
#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 {
margin-top: 5px;
margin-left: 12px;
text-indent: -9999px;
/*outline: none;*/
}
@media all and (max-width: 500px) {
#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
--------------------------------------------------------- */
#relative_social_sharing{
position: relative;
width: 100%;
height: 100%;
}
#social_sharing{
position: absolute;
top: 0;
}
#relative_social_sharing{
min-width: 120px;
}
#social_sharing_links.popup_vertical{
border: 1px solid #EBEBEB;
-webkit-border-radius: 2px;
border-radius: 2px;
background: #FFFFFF;
position: absolute;
z-index: 10000;
}
#social_sharing_links.popup_vertical ul{
padding-left: 0px;
list-style: none;
background: #FFFFFF;
}
#social_sharing_links.popup_vertical ul li.social_links_item{
width: 100%;
clear: both;
margin-bottom: 0px;
}
#social_sharing_links.popup_vertical ul li.social_links_item a{
display:block;
padding: 4px 10px;
text-decoration: none;
text-indent: 0;
}
#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:hover{
background: #EFEFEF;
}
#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;
display: none;
}
.form .form_row {
margin: 0 0 15px;
}
.form .form_row:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}
.form .form_row label,
.form .form_row legend {
float: left;
width: 20%;
margin-right: 5%;
}
#contact_form .form .form_row fieldset {
display: block;
width: 100%;
line-height: 1.6em;
}
.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 .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 #ddd;
-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.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%;
}
#privacy_policy_form_msg {
font-size: 0.8em;
line-height: 1.7em;
color: #aaa;
border-top: 1px solid #eee;
padding: 12px 0 0;
}
#sc_checkout_container #privacy_policy_form_msg {
font-size: 0.9em;
line-height: 1.7em;
color: #888;
border-top: 1px solid #eee;
padding: 22px 0 0;
margin-top: 0;
}
/* Biography table - Automatically formatted
----------------------------------------------------------- */
table.biog {
}
table.biog td {
padding: 4px 25px 4px 4px;
vertical-align: top;
}
/* Instagram featurepanel ----------------------------------------------------------- */
.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: -10px;
overflow: hidden;
width: auto;
display: block;
}
#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%;
}
.feature_panels .records_list ul li.fp_custom_instagram-feed ul.instagram-feed-list li.instagram-item img{
width: 100%;
}
.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;
}
.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;
}
/* Mailinglist signup form
----------------------------------------------------------- */
#artlogic_mailinglist_signup_form {
max-width: 450px;
}
#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: red;
margin-bottom: 10px;
}
#artlogic_mailinglist_signup_form .required-field {
border-color: red !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%;
}
/* 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;
}