/*
Theme Name: TeeSpace - Child
Theme URI: https://harutheme.com/teespace
Author: HaruTheme
Author URI: https://harutheme.com/
Description: This is child theme of TeeSpace
Template: teespace
Version: 1.0.0
*/

/*---------------------------------
  	Write your css code from here
------------------------------------*/
.maxh {max-height: 85vh;}
.color1{color: #e7302a;}
.haru-page-title.has-heading {padding: 30px 0 40px;}
#news-slider{display: none; margin-bottom: 20px;}
.cbox-content{margin: 0 auto; display: block; text-align: center;}
.cbox-title{font-weight: bold; color: #373089;}
div.cbox-title a.p-url:hover{color: #e7302a;}

.category-feat img {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cbox-featured {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
}
.category-feat {
    position: relative;
    display: block;
    padding-bottom: calc(var(--feat-ratio, 66) * 1%);
    background-color: var(--flex-gray-7);
}
.cbox-inner {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transition: var(--effect);
    transition: var(--effect);
    border-radius: 8px;
    background-color: var(--flex-gray-7);
    border: 1px solid #d3d3d3;
}
.p-url {
    font-size: var(--title-size, inherit);
    position: relative;
    color: var(--title-color, inherit);
    text-underline-offset: 1px;
}
.cbox-body {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    flex-grow: 1;
    padding: 10px 15px;
}
.overlay-wrap {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    flex-flow: row nowrap;
    pointer-events: none;
}
.cbox-featured::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(255 227 226));
    z-index: 1;
    pointer-events: none;
}
div.icolist span.text-title{font-family: Roboto; font-size: 16px; font-weight: 400;}
div.askdevis div.elementor-widget-container{ border-radius: 15px;}
div.faq a.haru-accordion-title{font-family: "Roboto", Sans-serif; font-size: 17px; font-weight: 500;}
div.faq div.active p{text-align: justify; font-family: "Roboto", Sans-serif; font-size: 16px; font-weight: 400; Color :#000000;}
div.printonline h6.haru-banner__title a{font-family: "Roboto", Sans-serif; font-size: 16px; text-align: center; display: block;}
div.printonline a.haru-button{font-family: "Roboto", Sans-serif; text-align: center; display: block; font-size: 15px;}
div.printonline div.haru-banner--style-19:hover{transform: unset; transition: unset;}
#maxmax{max-height: 234px;}
div.toprightmenu div.haru-cart-opener{width: 40px !important; height: 40px !important; line-height: 40px !important; margin-left: 15px;}

div.elementor-widget-container div.haru-cart.haru-cart--style-2 div.haru-cart-content{display: none;}
div.woocommerce-products-header div.h-row div.term-description {display:none;}
.show-password-input {display: none !important;}
form.woocommerce-ResetPassword button.woocommerce-Button.button{text-transform: inherit;}
form#yith-wcwl-form span.haru-tooltip.button-tooltip, th.product-name span.nobr, th.product-price span.nobr, th.product-stock-status span.nobr, div.is-sticky span.haru-tooltip.button-tooltip, div.woocommerce-message a.button.wc-forward {text-transform: initial;}
button.reset_variations, button.single_add_to_cart_button{text-transform: initial !important;}
div.product_meta span.sku_wrapper, div.product_meta span.tagged_as{display: none;}






/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #maxmax{max-height: 190px;}
}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    
    #maxmax{max-height: 295px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #maxmax{max-height: 195px;}
}