/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/**************
    GLOBAL
**************/


/******* Header ********/

/* Topbar */


/* Middle bar */


/* Dropdow Mega Menu */
.wd-sub-menu li>a{
    font-size: 18px;
    color: #000;
}

/*** Header Mobile ***/

/******* Main Content *******/

/** HOME PAGE **/
.jo-icon-box .info-box-icon{
    background: #fff;
    border-radius: 100%;
    padding: 30px;
}

.jo-testimonial-carousel .wd-info-box{
    padding: 30px;
    border-radius: 25px;
}

.jo-testimonial-carousel .info-box-icon{
    font-weight: 700;
}

.jo-testimonial-carousel .info-box-content .info-box-inner{
    margin-top: 20px !important;
}

.jo-text-marquee .wd-marquee-item{
    background: linear-gradient(130deg, #0E6A70 0%, #44a7b1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.jo-carousel-box .info-box-icon{
    background: #fff;
    border-radius: 100%;
    padding: 15px;
}

.wd-loop-builder-off :where(.wd-product){
    text-align: left !important;
}

.wd-loop-builder-off .wd-product-wrapper > :not(.wd-product-thumb){
    margin-left: 15px;
    margin-right: 15px;
}

.wd-products .wd-product.wd-hover-standard .wd-add-btn>a{
    background-color: rgb(246 185 116);
    width: 100%;
}

.wd-products .wd-product.wd-hover-standard .wd-add-btn>a:hover{
    background-color: rgb(193 229 234);
    color: rgb(48, 167, 183);
}

/* Blog */
.jo-blog .wd-post-content{
    text-align: left;
}

.jo-blog .wd-post .wd-post-title{
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


.jo-carousel-feedback .content-banner .banner-btn-wrapper{
    display: none;
}


/** PRODUCT CATEGORY **/
.jo-title-category .wd-page-title .title{
    opacity: 0;
}

.jo-title-category .wd-back-btn{
    display: none;
}


.wd-product .wd-product-wrapper{
    background-color: #fff;
    padding-bottom: 25px !important;
    border-radius: 5px;
}


.wd-product .wd-entities-title{
    font-weight: 700;
}

.wd-product .wd-product-wrapper .price .amount{
    font-size: 18px;
    margin-bottom: 10px;
}

.wd-product.wd-hover-standard .wd-add-btn .add-to-cart-loop span{
    padding: 14px 30px !important;
}

.wd-product.wd-hover-standard .wd-add-btn>a{
    border-radius: 5px !important;
}

.wd-product.wd-hover-standard .wd-add-btn{
    margin-top: 10px !important;
}

/** SHOP **/
.popup-quick-view .product-image-summary .shop_attributes{
    display: none;
}

.products .product-grid-item .wd-entities-title {
    font-size: 18px;
    font-weight: 700;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}  


.products .product-grid-item .wd-price-unit{
    color: #000;
    font-weight: 500;
    font-size: 14px;
}

/* Shop - Sidebar */


/** Single Product **/
.jo-product-info{
    padding: 25px 20px;
    background: #fff;
    border-radius: 15px;
}

.jo-product-info .shop_attributes :is(.wd-attr-name,.wd-term-name,.wd-term-sep){
    padding-left: 5px;
}

:is(.wd-single-attrs,.wd-loop-prod-attrs):is(.wd-layout-grid,.wd-layout-inline) tr:nth-child(2){
    flex-direction: column;
    align-items: baseline;
}


/** CHECKOUT PAGE **/



/******* Footer *******/
/* Prefooter */
.wd-prefooter{
    padding-bottom: 0px !important;
}

/* Footer main */


/***********************
      RESPONSIVE
***********************/

/* Mobile */
@media screen and (max-width: 480px){

}

/* Mobile Extra */
@media (max-width: 768px){

}

/* Tablet */
@media screen and (max-width: 960px){
    .jo-title-category .wd-page-title .title{
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/* Tablet Extra */
@media screen and (max-width: 1024px){   

}


/* Laptop */
@media screen and (max-width: 1200px){
    
}

/* Desktop */
@media screen and (min-width: 1400px){
    
}