/*
Theme Name: Ayroma
Theme URI: https://sellerthemes.com/ayroma-free/
Author: Seller Themes
Author URI: https://sellerthemes.com/
Description: Ayroma is a stylish and multipurpose eCommerce cosmetic WordPress theme designed for all beauty websites and cosmetics shops. A gorgeous set of shop page layouts and sections. Here are some of the most prominent features in Pro version. Visit Ayroma pro demo. https://preview.sellerthemes.com/pro/ayroma/
Template: aromatic
Version: 3.0
Tested up to: 6.2
Requires PHP: 5.6
License: GPLv3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ayroma
Slug: ayroma
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu,  custom-logo, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, portfolio, editor-style, grid-layout

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.

*/

/* default css */
:root {
  --color-primary: 106, 27, 154;
  /* #FF7E67 */
  --color-secondary: 23, 39, 59;
}

.header-three li.cart-wrapper .cart-icon-wrap i {
    color: #000;
}


.info-section .container-fluid {
    background-image: -webkit-gradient(linear, right top, left top, from(#dbdbdb), to(rgba(var(--icon-bg), 1))) !important;
    background-image: linear-gradient(to left, #dbdbdb, rgba(var(--icon-bg), 1));
    padding: 35px 0;
}

.aromatic-home3 .exclusive-products v.product-action .add_to_cart_button, 
.aromatic-home3 .exclusive-products .product-action .product_type_simple {
    max-width: 100%;
    width: 100%;
}

.grab1 {
    background-image: -webkit-gradient(linear, right top, left top, from(#dbdbdb), to(rgba(var(--icon-bg), 1)));
    background-image: linear-gradient(to left, #dbdbdb, rgba(var(--icon-bg), 1)) !important;
}

.product-img a img {
    width: initial;
    height: auto;
    overflow: hidden;
}

.banner-main-content::after {
    content: none;
}

.page-slider-wrapper .banner-text-section>.slider-btn>a {
    margin-right: 16px;
}

.aromatic-home3 .footer .widget_social_widget li a:hover i,
.aromatic-home3 .footer .widget_social_widget li a:focus i{
	color: #fff;
}

.bt > a.cta-02:after, .bt button.cta-02:after, .bt > .btn-hf.cta-02:after, .product-action > a.cta-02:after, .product-action button.cta-02:after, .product-action > .btn-hf.cta-02:after {
    z-index: 0 !important;
}

.header-three .header-top select {
    background-color: rgba(var(--color-secondary), 1);
}

.header-three .header-top option {
    color: #fff;
}

header.header-three .nav-area a:not(.bt > a, #menu-primary-menu a):hover, header.header-three .nav-area .navbar-area li.active a.nav-link {
    color: rgba(var(--color-primary), 1) !important;
}

.aromatic-home3 .top-bun, .aromatic-home3 .meat, .aromatic-home3 .bottom-bun {
    background-color: #fff;
}

header.header-three .nav-area .navbar-area li.active a.nav-link.zip-it .char:after {
    color:  rgba(var(--color-primary), 1) !important;
}

.home-blog .gallery-item img {
    width: 100%;
}

.aligncenter {
    margin: auto;
}

.wp-block-embed figcaption {
  text-align: center;
}

.wp-block-group em {
    color: inherit;
}

.is-style-outline .wp-block-button__link {
    background: transparent !important;
}

.has-text-color em,
.has-text-color h2 {
    color: inherit;
}

a.wp-block-file__button,
a.wp-block-file__button:hover,
a.wp-block-file__button:focus {
    color: #fff;
}

.has-text-color * {
    color: inherit;
}

.has-text-color a:hover, 
.has-text-color a:focus {
    color: inherit;
}

.wp-block-pullquote.has-text-color blockquote {
    border-color: inherit !important;
}

blockquote {
    border-color: inherit !important;
}

.has-background.wp-block-read-more {
    padding: 5px 10px;
}

.wp-block-calendar table caption {
    font-weight: 500;
}
.wp-block-avatar img {
    border-radius: 50%;
}


.sidebar .wp-block-search__input{
	padding: 13px;
}

.sidebar .wp-block-search__label{
	border-bottom: 1px solid rgba(var(--border), 1);
    margin-bottom: 20px;
    padding-bottom: 5px;
	color: rgb(var(--color-secondary));
	font-weight: 700;
	font-size: 1.25rem;
}

.sidebar .wp-block-search__inside-wrapper {
	position: relative;
}

.sidebar .wp-block-search__button {
	position: absolute;
	right: 0px;
	height: 100%;
	padding: 15px;
}

.sidebar .wp-block-tag-cloud a{
	border: 1px solid rgba(var(--border), 1);
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
	text-decoration: none;
	margin: 0 10px 10px 0;
}

.wp-block-image figcaption {
 	margin-bottom: 0;
}

.wp-block-group .wp-block-image figcaption a{
	color: rgb(var(--color-primary));
}

blockquote.wp-block-quote.has-text-color p, blockquote.wp-block-quote.has-text-color p var, blockquote.wp-block-quote.has-text-color p cite, blockquote.wp-block-quote.has-text-color cite {
	color: inherit;
}

.wp-block-table figcaption {
	text-align: center;
}

.sidebar .widget .wp-block-group .wp-block-image {
	margin-bottom: 0;
}
ul.wp-block-rss {
 	list-style: disc;
}
.has-text-color a:hover, .has-text-color a:focus {
	color: inherit;
}
.entry-content ul:last-child {
	margin-bottom: 0;
}
.wp-block-code.has-text-color code {
	color: inherit;
}
.sidebar .widget .wp-block-group .is-nowrap p {
 	padding: 0;
 }
.sidebar .widget .wp-block-group .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date {
	padding-top: 0.5rem;
 	padding-bottom: 0.5rem;
 	font-size: 0.875rem;
}

/*wp-block-latest-comments*/
.wp-block-latest-comments__comment-date {
	padding-top: 0.500rem;
	padding-bottom: 0.500rem;		
}

/*wp-Block-RSS*/
ul.wp-block-rss {
	list-style: none;
	margin-left: 0;
}
ul.wp-block-rss li.wp-block-rss__item {
    margin-bottom: 1rem;
}
ul.wp-block-rss li.wp-block-rss__item:last-child {
    margin-bottom: 0;
}

.sidebar .widget .wp-block-group .wp-block-pullquote blockquote {
	margin-top: 0;
	margin-bottom: 0;
}

.sidebar .widget .wp-block-group .wp-block-rss .wp-block-rss__item-title > a {
 	font-weight: 600;
}

.wp-block-quote.is-style-large {
	padding-top: 1.10rem;
	padding-bottom: 1.10rem;
}

.sidebar .widget .wp-block-group .wp-block-file, .sidebar .widget .wp-block-group .wp-block-image {
        padding: 1.563rem 1.000rem 1.563rem;
}