/*  prints-shop.php  - show all prints */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.hiddenHeart 
{
    display:none;
}

.artist-work-inner:hover .showOnHover  ,   .artist-work-inner.hearted .showOnHover , .artist-work-inner-2020:hover .showOnHover  ,   .artist-work-inner-2020.hearted .showOnHover 
{
    display: block !important;
}

.ImageHeart
{width:40px !important}


.ShowOverArtImage
{
    position: absolute !important;
    top:20px !important;
    left:20px !important;
   
    height:auto!important; 
    min-width: 40px !important;
    z-index: 1111;
     cursor: pointer;
}

.artist-work>.artist-work-inner
{
    height: 100%;
    
    /* overflow: hidden;  Showed error in iphone of ish gordon */
    display:inline-block;
    position: relative;
    
}


.sellImagesBlock
{
    text-align:center !important;
}


.sellImagesBlock>.sellImageContainer
{
    padding: 10px 10px 30px 10px;
}

.sellImagesBlock>.sellImageContainer_092020
{
    padding:10px;
}


.sellImagesBlock .sellImageContainer    .sellImagesBlock .sellImageContainer_092020
{
    
     height:350px; 
}
    

 .sellImagesBlock .sellImageContainer>.artist-work   
{
    display:inline-block;

    width: 100%;
    overflow: hidden;        
    text-align: center;    
}

  .sellImagesBlock .sellImageContainer_092020>.artist-work
{
    display:inline-block;
    /*height:470px;*/
    width: 100%;
    overflow: hidden;        
    text-align: center;    
}


.sellImagesBlock .sellImageContainer>.artist-work>.artist-work-inner  
{

    line-height: 26px;
    padding:5px;
}

 .sellImagesBlock .sellImageContainer_092020>.artist-work>.artist-work-inner
{
    /*height:470px;*/
    line-height: 26px;
    padding:5px;
}


.sellImagesBlock .sellImageContainer>.noneFramedImage>.artist-work-inner img:not(.showOnHover)
{
    padding:6px;
    background-clip: #f7f7f9;
     -webkit-box-shadow: 2px 2px 5px 0px rgba(148,148,148,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(148,148,148,1);
    box-shadow: 2px 2px 5px 0px rgba(148,148,148,1);
}

.sellImagesBlock .sellImageContainer>.artist-work>.artist-work-inner img:not(.showOnHover)
{
    display: inline;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    z-index: 2;
    line-height: 260px;
    min-width: 100px;
    max-height:100%;
    
    
   
     max-width:100%;
     vertical-align:middle;
     margin-top:-10px;
         
     image-rendering: -webkit-optimize-contrast;
             
}


.HomePageFeatueredArtSell .sellImagesBlock .sellImageContainer>.artist-work>.artist-work-inner a img
{
 -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;   
        
  border: 1px solid #ddd;
  margin-top:0px;
            
}



.sellImagesBlock .sellImageContainer_092020>.artist-work>.artist-work-inner a img
{
    width:100%;
    height:auto;
            
}





/* NNNNNNNNNNNNNNNNNNNNNNNNN */



.sellImagesBlockNew
{
    text-align:center !important;
}


.sellImagesBlockNew .sellImageContainer  , .sellImagesBlockNew .sellImageContainer_092020
{
    margin-bottom: 50px

}
    

.sellImagesBlockNew .sellImageContainer>.artist-work,    .sellImagesBlockNew .sellImageContainer_092020>.artist-work
{
    display:inline-block;

    width: 100%;
    overflow: hidden;        
    text-align: center;    
}



.sellImagesBlockNew .sellImageContainer>.artist-work>.artist-work-inner , .sellImagesBlockNew .sellImageContainer_092020>.artist-work>.artist-work-inner
{

    line-height: 26px;
    padding:5px;
}


.sellImagesBlockNew .sellImageContainer>.noneFramedImage>.artist-work-inner img:not(.showOnHover)
{
    padding:6px;
    background-clip: #f7f7f9;
     -webkit-box-shadow: 2px 2px 5px 0px rgba(148,148,148,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(148,148,148,1);
    box-shadow: 2px 2px 5px 0px rgba(148,148,148,1);
}

.sellImagesBlockNew .sellImageContainer>.artist-work>.artist-work-inner img:not(.showOnHover)
{
    display: inline;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    z-index: 2;
    line-height: 450px;
    min-width: 100px;
    max-height:100%;
    
    
   
     max-width:100%;
     vertical-align:middle;
    /* margin-top:-10px;*/
         
     image-rendering: -webkit-optimize-contrast;
             
}


.HomePageFeatueredArtSell .sellImagesBlockNew .sellImageContainer>.artist-work>.artist-work-inner a img
{
 -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;   
        
  border: 1px solid #ddd;
  margin-top:0px;
            
}



/* END NEW */



.HomePageFeatueredArtSell .work-about-title
{
    margin-top:-5px;
}
.HomePageFeatueredArtSell,  .HomePageFeatueredArtSell_2020, #ArtcityElementsArea
{ 
    margin: 0 7% !important;
}

.sellImagesBlock .artist-work-about .work-about-title
{
    font-size:16px;
}

.sellImagesBlock .artist-work-about .work-about-price, .sellImagesBlock  .artist-work-about .work-about-size, .artist-work-price
{
    font-size:14px;
    color:#444;
}

.sellImagesBlockNew .artist-work-about
{
    position: relative;
    height:50px;
}


.sellImagesBlockNew .artist-work-about .work-about-title
{
    font-size:16px;
    text-align: right;
    position: absolute;
    right: 22px;
    color: black;
    
        max-width: 336px;
    overflow: hidden;
    max-height: 30px;
}

.sellImagesBlockNew .artist-work-about .work-about-size
{
    font-size:14px;
    color:#444;
    text-align: right;
    position: absolute;
    right: 22px;
    top:27px;
    color: black;
}

.sellImagesBlockNew .artist-work-about .work-about-price
{
    font-size: 14px;
    color: #444;
    text-align: right;
    position: absolute;
    left: 6px;
    z-index: 107;
    background-color: #fff;
    padding: 3px 6px;
    margin-top: -2px;

}


/* FOR MEDIUM FILTER */

.MediumFilter {
  
  position: relative;
  margin-bottom:5px;
  
}
.MediumFilter label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
  background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
  
}
.MediumFilter label:after {
  content: '';
  width: 12px;
  height: 7px;
  position: absolute;
  top: 4px;
  right: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.MediumFilter label:hover::after {
  opacity: 0.3;
}
.MediumFilter input[type=checkbox] {
  visibility: hidden;
}
.MediumFilter input[type=checkbox]:checked + label:after {
  opacity: 1;
}