/*
Theme Name: The eCommerce Shop
Author: DiThemes
Author URI: https://dithemes.com
Description: Awesome eCommerce Theme. The eCommerce Shop is the ultimate WordPress theme for WooCommerce. It is responsive, fast, customizable, SEO-Friendly and page builder ready WordPress theme. This theme is fully compatible with WooCommerce plugin and has additional theme options. This theme adds additional style and design to WooCommerce pages. It is Elementor page builder friendly theme so you can create and design eye-catching unique pages. Theme Features: One Click #Demo Import, #Responsive, #Fast to load, fully #Customizable, #WooCommerce Options, #Elementor page builder ready, Full Width #Template, #Blog Options, #Typography, Top Bar section, Footer #Widgets, #CTA, Header #Layouts, #Social Icons, Sidebar Cart, #Sticky Menu and much more. Let's create an awesome eCommerce website. #DEMO: http://demo.dithemes.com/di-ecommerce/
Version: 1.1
Requires at least: 5.2
Tested up to: 6.6
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, e-commerce, portfolio, blog
Text Domain: the-ecommerce-shop
Template: di-ecommerce
*/


/** CSS for cta */

.di-cta {
	padding: 6px 16px;
	font-size: 16px;
	font-weight: 500;
	transition: all .4s ease-out;
	display: inline-block;
	text-align: center;
	color: #ffffff;
    background: #000000;
}

.di-cta:hover,
.di-cta:focus {
	color: #ffffff;
    background: #fd5757;
}

/** CTA - if less than hide large */
@media screen and (max-width: 991px) {
	.di-cta.larged {
		display: none;
	}
}

/* hide by DEFAULT AND if less than show small */
.di-cta.smalld {
	display: none;
	transition: .3s ease-out;
}

@media screen and (max-width: 991px) {
	.di-cta.smalld {
		display: block;
	}
}


/** CSS for the overlay menu */


.ovrly-menu-otr a.ovrly-menu {
	text-decoration: none;
}

.ovrly {
	height: 0;
	width: 100%;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0, 0.9);
	overflow-x: hidden;
	overflow-y: hidden;
	transition: 0.5s;
}

.overlay-bgoverlay-color {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ovrly-content {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

ul.overlaymenu-class {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.overlaymenu-class li a {
	padding: 8px;
	text-decoration: none;
	display: inline-block;
	transition: 0.3s;
}

ul.overlaymenu-class li a,
.ovrly .ovrly-menu-closebtn {
	color: #818181;
}

ul.overlaymenu-class li a:hover,
ul.overlaymenu-class li a:focus,
.ovrly .ovrly-menu-closebtn:hover,
.ovrly .ovrly-menu-closebtn:focus {
	color: #f1f1f1;
}

.ovrly .ovrly-menu-closebtn {
	position: absolute;
	top: 6px;
	right: 25px;
	font-size: 76px;
	z-index: 9;
}

@media screen and (max-width: 767px) {

	.ovrly .ovrly-menu-closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}