.page-content-wrapper { background-color:rgb(255, 255, 255); } /* Below is the custom gradient styling for artwork description. */ [data-readmore] { position: relative; } /* Set default styling of gradient. Note the height of 0. We'll transition the height, rather than the background. I think this makes for a smoother effect. This also has the added benefit of not overlaying the text at the bottom with an absolutely positioned pseudo-elementeven if it is transparentwhich could prevent text selection. */ [data-readmore]:before { content: ''; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; display: block; background: linear-gradient(rgb(255, 255, 255)00, rgb(255, 255, 255)); /* Be sure to use the same speed value as in your Readmore configuration, keeping in mind that CSS transition speed is stated in seconds. */ transition: height .3s } /* Set the height of the gradient to 80 when CLOSED */ [data-readmore][aria-expanded="false"]:before, /* Also when transitioning from OPEN to CLOSED */ [data-readmore][aria-expanded="true"].transitioning:before { height: 80px; } /* This isn't strictly necessary, but I think it makes for a smoother effect. */ /* Set the height of the gradient to 0 when transitioning from CLOSED to OPEN */ [data-readmore][aria-expanded="false"].transitioning:before { height: 0; } .panel-info.no-pod, .panel-info.no-pod .panel-default { background-color: rgb(255, 255, 255) !important; } artwork-image .modal-content { background-color: rgb(255, 255, 255); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important; } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important; } .main_content_area a, #viewAllThumbsLink a { color:#a02243; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; } .main_content_area a:hover, #viewAllThumbsLink a:hover { color:rgb(252, 251, 247); font-weight:normal; font-style:normal; text-decoration:none; } .site-wrapper, .site-wrapper .dropdownList, .site-wrapper legend { color:#2F1D22; font-family:'Times New Roman', Times, serif; font-size:15pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; } .panel-info.no-pod, .panel-info.no-pod .panel-default { color:#2F1D22; border: none; } .panel-info.no-pod h4{ color:#2F1D22; } .blog_MenuHeaderBG { background-color:#FCFBF7; color:#2E3033; } .main_separator { background-color:#FCFBF7; } .cartButton, .cssButton { color:#2E3033; } .selected-gallery-name { background-color:#FCFBF7; color:#711927; } .galleryHeaderName { background-color:#FFFFFF; color:#2F1D22; font-family:'Times New Roman', Times, serif; font-size:11pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; } .site-wrapper .contentheading, .site-wrapper h2, .site-wrapper h3, .site-wrapper .gallery-menu-wrap { color:#2F1D22; font-family:'Times New Roman', Times, serif; font-size:17pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; } .main-footer, .main-footer a, .main-footer a:hover { color:#2f1d22; } .main-header .main-nav li.active a, .main-header .main-nav li a:hover, .main-header .main-nav li a:focus, .main-header .main-nav li a:active, .main-header .header-nav .mobile-menu-button.button-toggle .close, .main-header .header-nav .mobile-menu-button .menu { background-color:rgb(255, 186, 0); color:#711927; } .main-header .header-navigation-wrap, .main-header .header-nav.mobile-open ul { background-color:rgb(255, 255, 255); } .main-header .main-nav li a { background-color:rgb(255, 255, 255); color:#2F1D22; font-family:'Times New Roman', Times, serif; font-size:18pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; } .main-header .artist-details .artist-info p a, .main-header .artist-details .artist-info a p { color:rgb(185, 35, 35); font-family:'Times New Roman', Times, serif; font-size:18pt; font-weight:bold; font-style:italic; text-decoration:none; text-transform:none; } .main-header .artist-details .artist-info h1 a, .main-header .artist-details .artist-info a h1 { color:rgb(185, 35, 35); font-family:'Times New Roman', Times, serif; font-size:17pt; font-weight:normal; font-style:normal; text-decoration:none; text-transform:none; } #customization_field { display:none; } .site-background { background-color:rgb(255, 255, 255); } .main-header .header-info-wrap { background-color:rgb(255, 255, 255); background-image:url('//s3.amazonaws.com/artspan-fs/member_files/holmanneck/siteGraphics/upload_4585032_231.jpg?x=1753545345'); background-position: left top; background-repeat:no-repeat; background-size:auto; } .header-info-wrap{ min-height:122px; }