/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 3.7.0.1622106194
Updated: 2021-05-27 11:03:14

*/

.cross-sells {
	display:none !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    padding: 20px 15px 20px 40px;
}
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input { 
height:60px;
}
.add_to_cart_button {
	font-family: 'Jost', sans-serif !important;
font-weight: 400 !important;
}

.ar-elementor-ribbon.ar-elementor-ribbon-left {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    left: auto;
    right: -18px;
	padding-left: 14px;
}
.ar-elementor-ribbon {
    position: absolute;
    z-index: 1;
    top: 0;
    left: auto;
    right: -18px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 75px;
    overflow: hidden;
    height: 79px;
}
.ar-elementor-element .ar-elementor-ribbon-inner {
    background-color: #ef2e5e;
    margin-top: 30px;
    transform: translateY(-50%) translateX(-50%) translateX(30px) rotate(-45deg);
	padding-left: 60px;
}
.ar-elementor-ribbon-inner {
    /*#change color and font here*/
    background-color: #db3157 !important;
    font-family: Oswald,Sans-serif;
    font-weight: 500;
}
.ar-elementor-ribbon-inner {
    text-align: center;
    left: auto;
    width: 196%;
    -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(45deg);
    -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(45deg);
    transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(45deg);
    margin-top: 30px;
	margin-bottom:35px;
    font-size: 13px;
    line-height: 2;
    font-weight: 800;
    text-transform: none;
    background: #000;
    color: #fff;
}

@media only screen and (max-width: 600px) {
	.ar-elementor-ribbon.ar-elementor-ribbon-left {
		right: 0px;
		margin-top: -73px;
	}
}

element{outline:none;}
textarea:focus, input:focus{
    outline: none;
}
input:focus, textarea:focus, select:focus, a, a:focus, img{
        outline: none;
    }