/*
Theme Name: Monsta 
Theme URI: http://demo.roadthemes.com/monsta/
Author: RoadThemes
Author URI: http://roadthemes.com/
Description:  Monsta is a new WordPress theme for Online Shopping. With this theme, we have presets and different layouts. With drag and drop home page layout manager, we can build many variations of home page layout. We also have ajax cart, wishlist, compare, zoom and fancybox to bring into a modern look of website. Some of amazing features like Revolution Slider, Mega Menu, Visual Composer, Product Tabs & Carousel, Contact Form with Google map will makes your website more attractive.
Version: 1.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, sticky-post, threaded-comments
Text Domain: monsta

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*------------------------------------------------------------------
[Table of contents]

This theme compiles .less files into .css files. Please open "less" folder to see all LESS file.

1. Theme variables
	1.1 Fonts
	1.2 Colors
	1.3 Defined colors
2. Reset style
	- Body / body
	- Anchor tag / a
	- Image / img
	- Heading / h1, h2, h3, h4, h5, h6
	- Button / .button, .buttonMixin()
	- List / ul, ol
	- Table / table
3. Global CSS
	3.1 Page layout / .wrapper
	3.2 Front page / .front-page
	3.3 Carousel buttons / .slick-slider
	3.4 Tooltip / .roadtip
	3.5 WooCommerce onsale label / .onsale
	3.7 Added to cart popup / .atc-notice-wrapper
	3.7 Quick view / .quickview-wrapper
	3.8 Header default / .header-container
		3.8.1 Top bar / .top-bar
		3.8.2 Top menu / .top-menu
		3.8.3 Language & Currency Switcher / .switcher
		3.8.4 Header shipping / .header-shipping
		3.8.5 Mini cart / .widget_shopping_cart
		3.8.6 Header search / .header-search
		3.8.7 Header / .header
			3.8.7.1 Menu / div.nav-menu
			3.8.7.2 Mega menu / #mega_main_menu_first
			3.8.7.3 Categories menu / .categories-menu
	3.9 Footer default / .footer
	3.10 Google map / .map-wrapper
	3.11 Content / .main-container
		3.11.1 Breadcrumbs / .woocommerce-breadcrumb, .breadcrumbs
		3.11.2 Shop toolbar / .toolbar
		3.11.3 List products / .shop-products
		3.11.4 Product page / .product-view
		3.11.5 Page header / .entry-header
		3.11.6 Page content / .page-content
		3.11.7 Cart page & checkout page / .woocommerce
		3.11.8 Full width template / .full-width
		3.11.9 Blog page / .blog-page
		3.11.10 Contact page / .contact-page
		3.11.11 Default page template / .default-page
		3.11.12 Error 404 page / .error404
		3.11.13 Sidebars / #secondary
		3.11.14 Portfolio page / .list_projects
		3.11.15 Single project / .single-project
		3.11.16 About page / .about-page
4. Home Blocks
5. Responsive CSS
-------------------------------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
	border: none;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0 0;
    padding: 0 4px 5px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	line-height: 2;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Add to cart toast */
body .atc-notice-wrapper {
	display: block;
	visibility: hidden;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .25s ease, transform .25s ease, visibility .25s;
	top: auto;
	left: auto;
	right: 20px;
	bottom: 20px;
	margin: 0;
	width: 340px;
	max-width: calc(100% - 40px);
	border-left: 4px solid #C09578;
	box-shadow: 0 6px 24px rgba(0,0,0,.25);
	z-index: 100001;
}
body .atc-notice-wrapper.open {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}
body .atc-notice-wrapper.atc-error {
	border-left-color: #c0392b;
}
body .atc-notice-wrapper .close {
	background: none;
	border: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}
body .atc-notice-wrapper .product-wrapper {
	padding: 15px 30px 0 15px;
	box-sizing: border-box;
}
body .atc-notice-wrapper .product-info {
	padding-left: 15px;
}
body .atc-notice-wrapper .atc-message {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
}
body .atc-notice-wrapper .buttons .button {
	float: none;
	margin-left: 6px;
	padding: 0 14px;
}
body .atc-notice-wrapper .buttons {
	text-align: right;
	box-sizing: border-box;
}
body .atc-notice-wrapper .atc-errors {
	padding: 15px 30px 15px 15px;
}
body .atc-notice-wrapper .atc-errors p {
	margin: 0 0 5px;
	font-size: 13px;
	color: #c0392b;
}
body .atc-notice-wrapper .atc-errors p:last-child {
	margin-bottom: 0;
}
/* Add to cart button feedback: blink while adding, small hop when added */
.single_add_to_cart_button.atc-busy {
	cursor: wait;
	animation: atc-blink .7s ease-in-out infinite;
}
.single_add_to_cart_button.atc-added {
	animation: atc-hop .5s ease-out;
}
@keyframes atc-blink {
	0%, 100% { opacity: 1; }
	50% { opacity: .35; }
}
@keyframes atc-hop {
	0% { transform: translateY(0); }
	35% { transform: translateY(-9px); }
	65% { transform: translateY(0); }
	82% { transform: translateY(-3px); }
	100% { transform: translateY(0); }
}
body .atc-notice-wrapper .buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
}
body .atc-notice-wrapper .buttons .button {
	margin: 0;
	padding: 0 10px;
	font-size: 11px;
}

/* Breadcrumb: left aligned with light spacing */
body .main-container .title-breadcrumb {
	text-align: left;
	margin: 15px 0;
}
body .main-container .title-breadcrumb .woocommerce-breadcrumb,
body .main-container .title-breadcrumb .breadcrumbs {
	margin-bottom: 12px;
}
body .main-container .title-breadcrumb .entry-header {
	text-align: left;
}

/* Counts in the shop sidebar (categories, brands, colors, other filters): small and light */
body #secondary .widget.widget_product_categories ul li .count,
body #secondary .widget.widget_layered_nav ul li .count,
body #secondary .widget.widget_layered_nav_filters ul li .count,
body #secondary .widget.widget_rating_filter ul li .count {
	font-size: 11px;
	font-weight: 300;
	color: #b5b5b5;
	letter-spacing: .03em;
}

/* Product cards: heart, "select options / add to cart" and compare buttons centered on the same line */
body .main-container .shop-products.grid-view .gridview .box-hover .action-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 0;
	width: 100%;
}
body .main-container .shop-products.grid-view .gridview .box-hover .action-links > div,
body .main-container .shop-products.grid-view .gridview .box-hover .action-links .wishlist-inner,
body .main-container .shop-products.grid-view .gridview .box-hover .action-links .compare-inner {
	position: static;
	margin: 0;
	padding: 0;
	height: auto;
	float: none;
}
body .main-container .shop-products.grid-view .gridview .box-hover .action-links .add-to-cart {
	flex: 0 0 150px;
}
body .main-container .shop-products.grid-view .gridview .box-hover .action-links .compare-inner:not(:has(*)) {
	display: none;
}
body .main-container .shop-products.grid-view .gridview .box-hover .action-links .wishlist-inner .yith-wcwl-add-to-wishlist,
body .main-container .shop-products.grid-view .gridview .box-hover .action-links .wishlist-inner .yith-add-to-wishlist-button-block {
	margin: 0;
	padding: 0;
}

/* Align the header logo vertically with the search and cart controls */
@media (min-width: 992px) {
	body .header-container.jewelry-header-2 .header-inner .box-left .logo {
		display: flex;
		align-items: center;
		height: 45px;
	}
}