/**
 * Featured Collections
 * 
 * Override this css by copying it to
 * yourtheme/woocommerce/woocommerce-collections/css/woo-cl-featured-collections.css
 * 
 * @package WPWeb WooCommerce Collections
 * @since 1.0.0
 */


 @media (max-width:580px) {

    .woocl-featured-col{
        float: none;
        display:block;
        max-width:100%!important;
        width:100%!important;
    }

    .woocl-featured-col-wrap {
        display: grid;
        grid-template-columns: repeat(1, 1fr)!important;
        /* grid-template-rows: repeat(3, 1fr); */
        grid-row-gap: 8px!important;
      
    }

 }
 
 
 @media (min-width:768px) {
  .woocl-featured-display img, .woocl-featured-image-pos img  {
  min-height:230px;
  object-fit: cover;
  max-height: 230px;
  width:100%; 
}
}


.woocl-featured-firstiteam {
    font-size: 0.7rem!important;
}

.woocl-featured-display {
    float: none!important;
}

@media only screen and (max-device-width: 480px) {
.woocl-featured-display {
    min-width: 100%!important;
}
    .woocl-featured-firstiteam {
    position: absolute;
    right: 0;
}
}





 h5.woocl-featured-inner-title a {
    position: absolute;
    color: #555;
    padding: 18px 80px 18px 18px!important;
    font-weight: bold;
    font-size: 1rem!important;
    z-index: 2;
}
/* .woocl-featured-hover {
    width: 200px;
    content: "";
    height: 180px;
    background-image: linear-gradient(-36deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 1;
    position: absolute;
    top: 0;
    border-radius: 5px;
    overflow: hidden;
    left: auto;
    padding: 18px;
} */

h5.woocl-featured-inner-title {
    color: #000!important;
    padding:14px;
    font-size: 1rem!important;
}

.woocl-featured-col-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-rows: repeat(3, 1fr); */
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  
}
.woocl-featured-col{
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
}
.woocl-featured-wrapper{
	margin:0 auto;
	width:100%;
}






.woocl-read-more {
    background: url("images/woocl_read_more.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 18px;
    width: 18px;
	display: inline-block;
}
.woocl-featured-description-left h2 {
    margin-top: 0 !important;
}
.woocl-clear{
	clear:both;
} 
.woocl-featured-wrapper .woocl-featured-heading > h2{
    color: #555;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 5px;
    max-width:450px;
}
.woocl-featured-cover {
    float: left;
    width: 100%;
}
.woocl-featured-display {
    float: left;
    margin-top:0px; 
}
.woocl-featured-framing-title-over {
    float: left;
    width: 100%;
    display:none;
}
.woocl-featured-framing-title-over .woocl-featured-title{
  font-size:24px;
  max-width: 440px; 	
  margin: 18px 0 10px;
  color:#001;
  float:left;
  width:100%;
  display:none;
}
.woocl-featured-framing-title-over .woocl-featured-shop-now-link{
    float: left;
    margin: 28px 0 10px;
    max-width: 135px;
    text-align: center;
    width: 100%;
}
.woocl-featured-title > a{
	text-decoration:none;
	color:#000 !important;
}
.woocl-featured-title > a:hover{
	text-decoration:underline;
	color:#000;
 }
 .woocl-featured-shop-now-link > a{
    color: #001 !important;
    text-decoration: none;
    font-weight:bold;
 }
 
 .woocl-featured-framing-title-over .woocl-featured-shop-now-link > a:hover{
  text-decoration:underline;
   color: #001;
  }
  .woocl-featured-image-pos > img:hover {
    cursor: pointer;
}
.woocl-featured-big-image {
   margin:0 auto;
    max-height: 422px;
    width: 100%;
}
 
.woocl-featured-hide-text{
    height: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px;
    right:0;
    margin:0 auto;
    display:none;
} 

.woocl-featured-thumbs {
    float: left;
    max-width:100%;
    width:100%;
   
}
.woocl-featured-image-pos {
    width: 100%;
    display: block;
    min-width: auto;
    object-fit: cover;
}

.woocl-featured-display img {
    border-radius: 5px!important;
    /* max-height:240px; */
}

.woocl-featured-small-thumb{
     display:inline-block;
     width:calc(33.4% - 3px);
     max-height:auto;
     overflow:hidden;
    
  }
  .woocl-featured-small-thumb  img{
      height: 100px;
      width:100%;
      object-fit:cover;
      box-shadow:none !important;
 } 

  .woocl-featured-thumbs div:first-child {
    margin-left: 0;
} 


.woocl-featured-small-thumb:hover{
    cursor:pointer;
}
.woocl-featured-description-left{
	  float:left;
	  max-width:435px;
	  width:100%;
}
.woocl-featured-inner-subtitle {
    float: left;
    width: 100%;
}
 .woocl-featured-inner-title {
    float: left;
    width: 80%;
}
.woocl-featured-framing-description-under {
    padding-top: 20px;
}
.woocl-featured-description-left .woocl-featured-inner-title > a{
color: #000000 !important;
font-size: 22px;
margin: 18px 0 10px;
text-decoration:none;
}
.woocl-featured-description-left .woocl-featured-inner-title > a:hover{
 cursor:pointer;
 text-decoration:underline;
}
.woocl-featured-description-right{
 float:right;
 max-width:140px;
 width:100%;
}
.woocl-featured-framing-description-under{
 float:left;
 width:100%;
}

.woocl-featured-firstiteam{
    font-size: 0.9rem;
    font-weight: normal;
    padding: 16px 14px 0px 0px;
    text-align: right;
    border-bottom: 0;
    float: right;
    color: #555;
}  
.woocl-featured-price{
	font-size: 1rem;
	font-weight: bold;
	padding: 10px 0;
	text-align: center; 
	border-bottom:1px solid #ddd;
}
.woocl-featured-lastiteam{
	font-size: 1rem;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}
.woocl-featured-description-right .woocl-featured-lastiteam > a{
	color: #001 !important;
	text-decoration: none; 
}
.woocl-featured-description-right .woocl-featured-lastiteam > a:hover{
	color: #001;
	cursor:pointer;
	text-decoration:underline;
}
.woocl-featured-image-pos img{
	max-width: 100%;
	min-width: 100%;
	box-shadow:none !important;
}

 @media only screen and (min-device-width : 480px) and (max-device-width : 650px) {
.woocl-featured-image-pos {
    
    max-width: 100%;
    min-width:100%;
    /* max-height: 310px;
    min-height: 310px; */
} 
/* .woocl-featured-image-pos img{
	max-height:308px;
	max-width:308px !important; 
	min-width:308px;
} */
/* .woocl-featured-small-thumb {
	min-height: 102px;
	max-width: 122px;
	max-height: 102px;
} */
.woocl-featured-thumbs {
    float: left;
    max-width: 100%;
    width: 100%;
    height: 102px;
}
.woocl-featured-description-left {
	max-width: 305px;
	min-width:305px;
}
.woocl-featured-description-right {
	max-width: 120px;
}
}
 
@media only screen and (max-device-width : 480px) { 

.woocl-featured-wrapper .woocl-featured-heading > h2{
     font-size:20px !important;
 }
/* .woocl-featured-image-pos {
    max-height: 200px;
    max-width: 100%;
    min-height: 200px;
    min-width:100%;
} */
/* .woocl-featured-image-pos img{
	max-height:201px;
	max-width:210px !important; 
	min-width:210px;
} */
.woocl-featured-framing-title-over .woocl-featured-title {
    font-size: 1rem;
    width: 65%;
}
.woocl-featured-shop-now-link {
    width: 32% !important; 
    margin: 16px 0 10px !important;
}
.woocl-featured-thumbs {
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width:100%;
}
.woocl-featured-description-left .woocl-featured-inner-title > a{
    font-size:14px;
}

/* .woocl-featured-small-thumb {
     max-height: 66px;
    min-height: 66px;
} */
 .woocl-featured-small-thumb img {
    height: 100px;
    max-width: 100%;
    box-shadow: none !important;
    object-fit: cover;
} 

.woocl-featured-description-left {
    width: 60%;
    font-size:12px;
}
.woocl-featured-description-right{
width:40%;
font-size:12px;
}
}
/****/
@media only screen  and (max-device-width : 966px){
	.woocl-featured-display {
	    min-width: 50%;
	}
}
/* @media only screen and (min-device-width : 480px) and (max-device-width : 650px) {
	.woocl-featured-small-thumb img {
	    height: 102px;
	} 
} */
@media only screen and (max-device-width : 650px) {
	.woocl-featured-display {
	    min-width: 100%;
	}
	.woocl-featured-small-thumb img {
	    min-width: 0;
	}
}
@media only screen and (max-device-width : 480px) {
	.woocl-featured-display {
	    min-width: 300px;
	}
}