/*
Theme Name: Shopkeeper Child
Theme URI: http://shopkeeper.getbowtied.com/
Description: This is a child theme for Shopkeeper.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: shopkeeper
Version: 1.0
*/

@import url("../shopkeeper/style.css");

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

/*
	2021 restyle
*/
.site-top-bar-inner {
	display:flex;
	width:auto;
	flex-wrap:wrap;
	align-items:center;
	max-width:1680px!important;
}
#site-top-bar .site-top-message {
	flex:1;
	xwidth:auto;
	text-transform:uppercase;
	float:none;
}
#site-top-bar .site-top-message em{
	font-style:normal;
	float: right;
}
#site-top-bar .topbar-menu{
	float:none;
	min-width:120px;
}
#site-top-bar .topbar-menu nav {margin:0;}
.top-headers-wrapper .site-header.menu-under .menu-wrapper > nav {
	background-color:#f5f4f3;
	position:relative;
}
.top-headers-wrapper .site-header.menu-under .menu-wrapper > nav:before,
.top-headers-wrapper .site-header.menu-under .menu-wrapper > nav:after {
	content:'';
	position:absolute;
	width:100vw;
	height:100%;
	top:0;
	bottom:0;
	margin:auto;
	left:auto;
	right:auto;
	background-color:#f5f4f3;
}
.top-headers-wrapper .site-header.menu-under .menu-wrapper > nav:before {right:100%;}
.top-headers-wrapper .site-header.menu-under .menu-wrapper > nav:after {left:100%;}
.top-headers-wrapper .site-header .site-header-wrapper .site-tools {
	height:22px;
	width:100%;
	max-width:1680px;
	text-align:right;
	position:absolute;
	top: calc(-50% + 22px);
	bottom:0;
	left:auto;
	right:auto;
	margin:auto!important;
}
header .main-navigation>ul>li>a {
	line-height:52px;
}
header .main-navigation > ul > li > a {
	font-weight:normal;
	padding-left:8px;
	padding-right:15px;
}
.main-navigation>ul>li.menu-item-has-children:after {
    height: 1em;
    transform: translateY(-50%);
	bottom:0;
	margin:auto;
}
.categories_grid .category_item .category_name {
	background-color: black;
	color:white;
}
.categories_grid .category_item:hover .category_name {
	background-color: white;
	color:black;
}
/* WPBakery elements class */
.fontweight-normal,
.fontweight-normal * {
	font-weight:normal;
}
.svg-icons {
}
.svg-icons figure {
	margin:auto!important;
	
}
.svg-icons figure > div {
	background-color:#f5f3f3;
	border-radius:100%;
}
.svg-icons img {
	width:175px;
	max-width:100%;
}
.svg-icons figcaption {
	max-width:200px;
	font-size:1rem!important;
	font-weight:bold;
}
.banner > *:before {
	content:'';
	background-color:rgba(0,0,0,.75);
	width:100vw;
	height:100vh;
	position:absolute;
	left:-100vw;
	right:-100vw;
	margin:auto;
	top:-100vh;
	bottom:-100vh;
	
}
.banner * {
	color:white;
}
.banner p {
	font-size:1.4em;
}
div.coretrek-largertxt-front p {
	font-size:1.2rem!important;
}
/*media queries*/
@media (max-width: 1280px) {
	div.coretrek-productgrid {
		padding-left:0!important;
		padding-right:0!important;
	}
	div.coretrek-largertxt-front .vc_row.vc_inner {
		padding-left:0!important;
		padding-right:0!important;
	}
}
@media (max-width: 990px) {
	div.coretrek-iconsrow {
		padding-left:0!important;
		padding-right:0!important;
	}
	div.coretrek-iconsrow figcaption {
		font-size:.75em!important;
		font-weight:normal;
	}
}
@media (max-width: 768px) {
	.home h1.vc_custom_heading,
	div.coretrek-largertxt-front h2 {
		font-size:1rem!important;
	}
	div.coretrek-largertxt-front p {
		font-size:.75rem!important;
	}
	.banner h1.vc_custom_heading {
		font-size:1.618rem!important;
		line-height:1.2em;
	}
	.banner p {
		font-size: .75em;
	}
}
@media (max-width: 680px) {
	div.coretrek-iconsrow .vc_column-inner {
		padding-left:7px;
		padding-right:7px;
	}
	div.coretrek-iconsrow figcaption {
		font-size:.65em!important;
	}
}
/*
	END: 2021 restyle
*/

body .product_layout_classic .product_infos p.stock.out-of-stock{
    display: block;
}

.instagram-heading a:before{
    font-family: FontAwesome;
    font-size: 26px;
    content: "\f16d";
    color: #000;
    margin-right: 10px;
}

.yith_ywraq_add_item_response_message{
    font-size: .825rem;
}

.inbusiness-request-quote-text{
    margin-top: 15px;
    margin-bottom: 10px;
}

#yith-ywraq-form table.cart .product-thumbnail{
    width: auto;
    text-align: center;
}

#yith-ywraq-form table.cart .product-thumbnail img{
    width: 120px;
}

#yith-ywraq-form table.cart .actions{
    text-align: right !important;
}

.yith-ywraq-mail-form-wrapper{
    margin-top: 30px;
}

.footer-logo img:nth-child(2){
    margin-left: 20px;
}
.footer-logo img:nth-child(3){
    margin-left: 20px;
}
.woocommerce div.product .stock
{color: #000000;}

.woocommerce .products span.onsale, .woocommerce-page .products span.onsale, .woocommerce span.onsale, .woocommerce-page span.onsale, .quickview-badges span.onsale{
    background-color: black !important;
    padding: 7px 19px !important;
    font-size: 14px !important;
}

body .shopkeeper-mini-cart .widget.woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list.product_list_widget li.mini_cart_item .variation dt{
    width: auto;
}

.my_account_quotes .quotes-actions .button:after{
    display: none;
}
#site-top-bar{
    font-size:1em;
}
.site-top-message{
    line-height:1.3em;
}
.category_item .category_name p{
    background: #000;
    padding:10px 25px;
    float:left;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .site-header.sticky .site-branding img.site-logo{
        width: 90px;
    }
}

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    .site-header.sticky .site-branding img.site-logo{
        width: 90px;
    }
}

@media (max-width: 768px){
    #yith-ywraq-form table.cart .product-name{
        width: 100%;
    }
    #yith-ywraq-form table.cart .product-remove{
        margin-bottom: 10px;
        text-align: center !important;
    }
    #yith-ywraq-form table.cart .product-quantity .quantity.custom{
        float: none;
    }
    .footer-logo{
        text-align: center;
    }
    .footer-logo img:nth-child(2){
        margin-top: 15px;
        width: 50%;
        margin-left: 0;
    }
}

@media (max-width: 425px){
    .product_after_shop_loop_price{
        height: auto;
        margin-bottom: 10px;
    }
}

/****************************************************************/
/****************************************************************/
/****************************************************************/