.widget-box .single-gallery {
position: relative;
}
.widget-box .single-gallery svg {
position: absolute;
left: 0;
top: 0;
margin: 10px;
background: #fff;
color: #000;
font-size: 22px;
border-radius: 50%;
padding: 8px;
opacity: 0.8;
}
.getty-single-result-container.widget-box {
/*prevent social icons from breaking out of parent due to it’s float:right property*/
overflow: hidden;
}
body{
background-color: #ededed !important;
}
.galleryContainer{
padding-top:15px;
width: 100%;
height: 100%;
display: inline-block;
}
#gallery {
max-width: 70.41666666666667%;
float: left;
}
#secondary {
width: 28.333333333333332% !important;
float: right;
min-height: 100vh;
margin-left: 5px;
background: transparent;
padding: 0;
}
#ad_native_01, #ad_native_02, #ad_native_03{
width: 300px !important;
}
#presentedByContainer {
text-align: center;
}
#currentGalleryTitle {
text-align: center;
width: 100% !important;
padding: 20px 0 0;
}
#gallery-title-name{
letter-spacing: 2.18px;
line-height: 1.2em;
padding-left: 10px;
padding-right: 10px;
}
.galleryCreatedDate {
color: #3E3E3E;
font-family: Stainless;
font-size: 12px;
letter-spacing: 2.81px;
line-height: 20px;
padding-top: 5px;
padding-bottom:15px;
}
.lazy-gallery-img {
/* min-height: 60vh; */
max-height: 50vh;
width: auto;
max-width: 100%;
display:block;
margin: auto;
padding-top: 30px;
flex-shrink: 0;
align-self: baseline;
}
img.lazy-gallery-img[src$=”gif”] {
min-height: 53vh;
}
.gallery-details{
padding: 10px 0;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
#shareTools .share-link {
padding: 0;
width: 25px;
height: 25px;
text-align: center;
}
.share-link {
font-size: 18px;
line-height: 22px;
border-radius: 18px;
padding: 8px;
}
#facebook-link {
color: #fff;
background: #0079c2;
margin-left: 5px;
}
#twitter-link {
color: #fff;
background: #3fb7df;
}
#email-link {
color: #fff;
background: #3B3B3B;
margin-left: 5px;
display: none;
}
#credit {
padding: 0 30px;
order: 1;
flex-basis: 30%;
}
#credit,
#photoCount {
font-size: 12px;
color: #3E3E3E;
}
#shareTools {
margin-bottom: 1px;
margin-top: 0px;
padding: 0 30px;
text-align: right;
order: 3;
flex-basis: 30%;
}
#shareTools svg {
margin-left: 0;
padding-top: 6px;
display: block;
width: 100%;
font-size: 14px;
}
#photoCount {
font-style: italic;
text-align: center;
order: 2;
flex-basis: 40%;
}
span.like-container {
display: none;
background-image: url(/wp-content/themes/ndms/images/heart-white.png);
min-width: 26px;
min-height: 22px;
background-size: 100% 100%;
margin-left: 20px;
position: relative;
top: 5px;
cursor: pointer;
}
span.like-container.liked {
background-image: url(/wp-content/themes/ndms/images/heart-red.png);
}
.saved-wrapper {
float: left;
width: 100%;
}
.saved-message {
width: 210px;
position: relative;
background-color: #fff;
float: right;
margin-top: -30px;
right: 16px;
height: 30px;
display: none;
padding-top: 4px;
font-weight: bold;
text-align: center;
}
#description{
font-size: 14px;
line-height:16px;
text-align: center;
padding: 10px 30px 10px 30px;
border-top: 1px solid #EFEFEF;
}
#description a{
color: #0079c2;
text-decoration: none;
}
.footer-banner #sticky-container.sticky, .footer-banner #sticky-banner-container.sticky {
position: fixed;
background: rgba(0,0,0,0.8) !important;
z-index: 3;
bottom: 0;
top: auto !important;
padding-bottom: 37px;
}
.footer-banner div#sticky-banner-container.dontStick {
position: relative !important;
background: #ededed !important;
padding-bottom: 0;
}
.footer-banner .gallery-ad-close-container {
display:none;
border-radius: 12px 0 0 0;
box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.2);
width: 30px;
height: 30px;
position: fixed;
right: 0;
bottom: 171px;
color: grey;
background: rgba(0,0,0,0.8);
z-index: 500;
}
.gallery-close-adhesion-ad {
position: absolute;
right: 3px;
font-size: 21px;
color: #ffffff;
cursor: pointer;
top: 2px;
font-weight: 200;
}
.getty-fullscreen-container {
display:none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,0.8);
z-index: 5;
}
.photolist{
width: 100%;
height: 100%;
max-width: 75%;
margin: 0 auto 0 auto;
display: flex;
justify-content: center;
}
.photolist img{
height: auto;
width: auto;
max-height: 75%;
border: 2px solid #fff;
align-self: center;
display: none;
}
.svg-inline–fa.fa-caret-right,.svg-inline–fa.fa-caret-left {
color: #fff;
height: 30px;
width: 1em;
font-size: 4em;
align-self: center;
cursor:pointer;
display:none;
position:fixed;
top: 50%;
margin-top: -15px;
}
.svg-inline–fa.fa-caret-left{
left:2%;
}
.svg-inline–fa.fa-caret-right{
right:2%;
}
.right-arrow.disabled,.left-arrow.disabled {
opacity:0.2;
cursor: pointer;
}
.fullscreen-link{
cursor:pointer;
font-size: 14px;
text-align:center;
padding-bottom:10px;
text-decoration:underline;
font-family:stainless-regular;
background:#fff;
cursor: pointer;
}
.close-popup {
position: fixed;
top: 60px;
right: 2%;
font-size: 20px;
color: #fff;
font-family: stainless-bold;
border: 4px solid #fff;
border-radius: 23px;
padding: 5px 10px;
cursor: pointer;
}
@media screen and (max-width: 782px){
.fullscreen-link{
display:none;
}
.galleryContainer{
padding-top:10px;
}
#gallery{
max-width: 100%;
}
#secondary {
display: none;
}
#shareTools{
display: flex;
justify-content: flex-end;
}
#shareTools .share-link {
width: 25px;
min-width: 25px;
}
#gallery-title {
padding-top: 20px;
font-size: 20px;
}
#description {
padding-top: 10px!important;
font-size: 14px;
text-align: left;
}
.galleryCreatedDate {
color: #545454;
line-height: inherit;
}
img.lazy-gallery-img[src$=”gif”] {
min-height: 0;
}
}
@media (max-width:664px) {
.galleryCreatedDate {
padding-top: 5px;
}
}
@media (max-width:768px) {
#presentedByLogo {
padding-top:0px
}
#presentedByContainer{
background-color: #ffffff;
}
#presentedByText{
width:40%
}
}