/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
  --alpha: 0.2;
}

p {
    margin-bottom: 10px;
}
.product-small .box-text {
	position: static;
}

.nav .only-icon * {
    text-indent: -99999px;
}
.nav .only-icon i {
    text-indent: 0;
}

.nav-dropdown {
    padding: 0;
}

.no-padding-bottom,
.no-padding-bottom>.col {
	padding-bottom: 0 !important;
}

#product-sidebar {
    padding: 20px;
}

#before-shop-widget-area {
    padding: 20px;
}

#before-shop-widget-area .woocommerce-widget-layered-nav {
	display: flex;
	align-items: center;
    vertical-align: middle;
	margin: 0;
	width: 100%;
}
#before-shop-widget-area .woocommerce-widget-layered-nav-list {
    display: flex;
    align-items: stretch;
    white-space: nowrap;
    width: 100%;
    flex-flow: wrap;
}

#before-shop-widget-area .woocommerce-widget-layered-nav .widget-title {
	margin: 0;
	max-width: 150px;
}

#before-shop-widget-area .woocommerce-widget-layered-nav-list li {
    padding-right: 30px;
}

#before-shop-widget-area .woocommerce-widget-layered-nav-list li a {
	display: flex;
	align-items: center;
}

#before-shop-widget-area .ux-swatch-widget-layered-nav-list__graphic {
	width: auto;
	height: 30px;
}

#before-shop-widget-area .ux-swatch-widget-layered-nav-list__graphic img {
	max-width: max-content;
}

.product-small .image-cover img,
.has-equal-box-heights .product-small .box-image img {
	object-fit: contain;
	background-color: #fff;
}

.product-page-sections .product-section {
	border-top: none;
}
.product-page-sections .product-section .row {
    flex-direction: column;
}
.product-page-sections .product-section .row .col {
    flex-basis: 100%;
    max-width: 100%;
}

.product-small .tb-brand-logo {
    position: absolute;
    right: 5px;
    top: 5px;
    max-height: 25px;
    z-index: 9;
    width: auto;
}
.brand-logo {
	width: auto;
    max-height: 25px;
}

table th{
  background-color: var(--primary-color);
  color: #fff;
}

table td{
  background-color: rgb(0 0 0 / 3%);
}

td:first-child, th:first-child {
    padding-left: .5em;
}

table tr:nth-child(2n+1){
  background-color: rgb(0 0 0 / 6%);
}

td, th {
  border-bottom: 1px solid #fff;
}

table th,
table td{
  border-right: 1px solid #fff;
}

table th:last-child,
table td:last-child{
  border-right: none;
}

.kd{float:left;border-right:1px solid #ccc;padding:0px 10px;}
.kd p{margin-bottom:0px !important;font-family:16px;text-align:center;}
.kd3{border-right:0px !important;}
p.pkd1{color:#0f75bc;font-weight:600;}
p.pkd2{color:#37cfdd;font-weight:600;}
p.pkd3{color:#00a353;font-weight:600;}
.kd p a{font-size:15px;text-align:center;background:url('phone.png') 0px 50% no-repeat;color:black;font-weight:600;padding-left:23px;}
.kd p a:hover{color:red;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}