/*
Theme Name: meds
Author: Corsiva Lab Team
Description: Combination of Automattic´s _s theme and Bootstrap 4
Version: 1.0.0
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
The SASS sources for it can be found in /sass/
The dependencies can be found in /src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/

.contact-offer .tabs-offer li{
	width: 33.3%;
}

/* homepage - market segment */
.category-market .grid-item a:hover{
	text-decoration: none;
}

/* banner hero  */
.banner-hero .background{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}
.banner-hero .bkg{
    z-index: -1;
}
.banner-hero .background::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.8);
}
.banner-hero .background img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.grid-title, .shop-page ul.products{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 5px;
    grid-row-gap: 0px;
}
.grid-title{
	background: #28296d;
}
.grid-title > div{
	font-size: 2.2rem;
    font-family: Calibri-Bold, sans-serif;
    line-height: calc(31 / 22);
    color: #fff;
    text-align: center;
    border-left: 1px solid #fff;
    border-bottom: 0;
	padding: 0.75rem;
}
.shop-page ul.products:after, .shop-page ul.products:before{display:none}
.shop-page ul.products > div{
	border-bottom: 1px solid rgba(41, 41, 41, 0.3);
	border-top: 0;
    vertical-align: middle;
    align-items: center;
    align-content: center;
    text-align: center;
    padding: 5rem 0;
}
.shop-page ul.products .title-product-style1 div.content{text-align:left}
.shop-page ul.products .top-wrap img{width:unset}
@media (min-width: 992px){
	.grid-title div:first-child, .shop-page ul.products .title-product-style1{
		width: 464px;
	}
}
@media (max-width: 576px){
	.grid-title{display:none}
	.shop-page ul.products {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 5px;
		grid-row-gap: 0px;
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
	}
	.shop-page ul.products .title-product-style1, .shop-page ul.products .prices{border:unset}
	.shop-page ul.products > div{padding:1rem 0;text-align:left}
	.shop-page ul.products .quantity-cart{padding-bottom:5rem}
	.shop-page ul.products .quantity-cart > a, .shop-page ul.products .quantity-cart .add-request-quote-button {
		width: 100% !important;
		padding: 2rem 0 !important;
	}
}

/* .content-banner.custom-color .headline{
	color: red;
} */

/* huy 5-12 */
.item-row-product{
    display: none;
}
.table-shop2 .qib-container{
    display: flex;
    align-items: center;
}
.table-shop2 .qib-container .qib-button{
    width: 4rem;
}
.table-shop2 .qib-container .quantity{
    width: 5rem;
}
.table-shop2 .qib-container .quantity input{
    margin-bottom: 0;
    background: transparent !important;
    padding: 0;
    text-align: center;
}

/* For modern browsers */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* For Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}


 .title-product-style3 .content{
    width: 100%;
 }
 .title-product-style3 .content .group{
    display: flex;
    flex: 1;
    width: 100%;
    justify-content: end;
    align-items: center;
 }
 .title-product-style3 .content .group .prices{
    margin-top: 2rem;
 }
 .title-product-style3 .content .group .quantity-cart{
    position: relative;
	 padding-bottom: 2rem

 }
 .title-product-style3 .content .group .quantity-cart form{
    flex-direction: row!important;
    gap: 3rem;
 }
.title-product-style3 .content .group .quantity-cart form .btn-wrap .button{
	background-color: #ed1846!important;
	color: #fff!important;
	padding: 1rem 0!important;
	width: 23.2rem;
	text-decoration: unset!important;
}
.title-product-style3 .content .group .quantity-cart a{
	width: 23.2rem!important;
}
 .title-product-style3 .content .group .quantity-cart .yith-ywraq-add-to-quote{
position: absolute;
    right: 0;
    width: 23.2rem;
	 text-align: center
 }
.title-product-style2{
    position: relative;
}
.title-product-style2 .banner{
    position: absolute;
    width: 100%;
    height: 100%;
}

.title-product-style2 .banner::before {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #191919;
    opacity: 30%;
}
.title-product-style2 .banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.title-product-style2 .content{
    z-index: 1;
    position: relative;
    padding: 5rem;
}
.product-shop2 .filter-s{
	margin-top: 4rem
}
.product-shop2 .table-shop2 .item-row-product .top-wrap{
	width: 10rem;
}
@media (max-width: 575px){
	.product-shop2 .table-shop2 .item-row-product .title-product-style3{
		display: block!important;
	}
	.product-shop2 .table-shop2 .item-row-product .top-wrap{
	width: 10rem!important;
}
}

/*  custom manufacture */
.breadcrumb-custom .active{
        font-weight: bold;
}
.manufacture .content-category .image{
    width: 20rem;
/*     height: 20rem; */
}
.manufacture .content-category .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.manufacture .list-category .item{
    margin-bottom: 2rem;
	position: relative;
	border: 1px solid rgba(41, 41, 41, 0.3);
}
/* .manufacture .list-category .item .link_category{
    
    padding: 5rem;
} */

.manufacture .list-category .item .link_category .image{
/*     width: 20rem;
    height: 20rem; */
	position: absolute;
	width: 100%;
	height: 100%;
}
.manufacture .list-category .item .link_category .image:before{
	position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(216,172,172,.7);
}
.manufacture .list-category .item .link_category .content{
	position: relative;
	padding: 5rem;
}
.manufacture .list-category .item .link_category .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.manufacture .list-product .item{
    border: 1px solid rgba(41, 41, 41, 0.3);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.manufacture .list-product .item .top-wrap{
	min-width: unset!important;
}
.manufacture .list-product .item .top-wrap .image{
    position: relative;
    display: block;
    overflow: clip;
    padding-top: 100%;
    border:1px solid rgba(41, 41, 41, 0.3); ;
}
.manufacture .list-product .item .top-wrap .image img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s ease;
}
.manufacture .list-product .item .content{
	margin-top: 2rem!important;
}
.manufacture .list-product .item .content .title-product{
    color: #2c2c2c;
}
.manufacture .list-product .item:hover .product-link{
    text-decoration: none;
}
.manufacture .list-product .item:hover{
    box-shadow: 0 10px 40px #00000014;
    background-color: rgba(35,37,93,.8);
    color:#fff;
}
.manufacture .list-product .item:hover .content .title-product{
    color: #fff
}
@media (max-width: 991px) {
    .manufacture .list-category .item .link_category{
        padding: 1rem 3rem;
    }
    .manufacture .list-category .item .link_category .image{
        width: 15rem;
        height: 15rem;
    }
}
@media (max-width: 575px){
	.row-gap{
		row-gap: 5rem;
	}
}
.item-cate-manufact{
	padding-right: 2px;
}
.item-cate-manufact:not(:first-child){
	padding-left: 2px;
	padding-right: 0;
}
.product-shop2 .add-request-quote-button{
	    background: #ed1846;
    color: #fff;
	font-family: 'Calibri-Bold', sans-serif;
	padding: 1rem 0;
	display: block;
}
.product-shop2 .add-request-quote-button:hover{
	text-decoration: none;
}