/**
* Theme Name: Naturis Child
* Description: This is a child theme of Naturis, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opal Team</a>
* Template: naturis
* Version: 1.3.3
*/

:root {
  --e-global-typography-text-font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --e-global-typography-accent-font-family: "Fraunces", Georgia, serif;
  --logo-accent: #22E356;
  --logo-accent-soft: rgba(34, 227, 86, 0.16);
}

body,
body button,
body input,
body textarea,
body select,
body .button,
body .elementor-button {
  font-family: var(--e-global-typography-text-font-family);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .elementor-heading-title {
  font-family: var(--e-global-typography-accent-font-family);
}

body .vertical-navigation .vertical-menu .menu > li > a,
body .vertical-navigation ul.menu .sub-menu > li > a,
body .vertical-navigation ul.menu > li > a {
  font-family: var(--e-global-typography-text-font-family);
}

body .header-group-action .site-header-wishlist .count,
body .header-group-action .site-header-cart .count,
body .site-header-cart.header-cart-mobile .count,
body .naturis-handheld-footer-bar ul li.cart .count,
body .naturis-handheld-footer-bar ul li.wishlist .count {
  background-color: var(--logo-accent);
  color: #171717;
}

body .header-group-action .site-header-account a:hover i,
body .header-group-action .site-header-wishlist a:hover i {
  background-color: var(--logo-accent);
  border-color: var(--logo-accent);
  color: #171717;
}

body .header-group-action .site-header-cart .cart-contents:hover:before,
body .single-naturis_menu_item .elementor-icon-list-items li a:hover,
body .mega-menu .elementor-icon-list-items li a:hover {
  color: var(--logo-accent);
}

body .elementor-widget-icon-box:hover .elementor-view-framed .elementor-icon,
body .elementor-widget-icon-box:hover .elementor-view-default .elementor-icon,
body .elementor-widget-icon-box:hover .elementor-view-stacked .elementor-icon {
  border-color: var(--logo-accent);
  background-color: var(--logo-accent-soft);
  color: #0F6325;
}

body ul.products li.product .product-block:hover,
body ul.products .wc-block-grid__product .product-block:hover,
body .wc-block-grid__products li.product .product-block:hover,
body .wc-block-grid__products .wc-block-grid__product .product-block:hover {
  box-shadow: 0 6px 16px rgba(15, 99, 37, 0.16);
}

body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body textarea:focus-visible,
body select:focus-visible {
  outline: 2px solid var(--logo-accent);
  outline-offset: 2px;
}