/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.1
Text Domain: hello-theme-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* Add your custom styles here */
.quantity {
  position: relative;
}
.quantity .qty-btn {
  flex-shrink: 0;
  outline: none;
  margin: 0 !important;
  border: initial !important;
  background: initial !important;
  padding: 0 !important;
  border-radius: 0 !important;
  width: 10px;
  height: 6px;
  position: absolute;
  right: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quantity .qty-btn.qty-minus {
  top: 10px;
}
.quantity .qty-btn.qty-minus span {
  display: block;
  width: 0;
  height: 0;
  border-top: 4px solid #8D8D8D;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}
.quantity .qty-btn.qty-plus {
  top: 4px;
}
.quantity .qty-btn.qty-plus span {
  display: block;
  width: 0;
  height: 0;
  border-bottom: 4px solid #8D8D8D;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}

/* gap for default templates */
.page-template-default main.site-main {
  padding: 180px 0 120px;
}
@media(max-width:1024px) {
.page-template-default main.site-main {
  padding-top: 120px;
  padding-bottom: 60px;
}
}
@media(max-width:599px) {
.page-template-default main.site-main {
  padding-left: 39px;
  padding-right: 39px;
}
}

/* header anim */
.e-n-menu-item .e-n-menu-content>.elementor-element>.e-con-inner {
  -webkit-mask-image: radial-gradient(
    circle at top left,
    black 30%,
    transparent 50%
  );
  mask-image: radial-gradient(
    circle at top left,
    black 30%,
    transparent 50%
  );

  -webkit-mask-size: 0% 0%;
  mask-size: 0% 0%;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.e-n-menu-item .e-n-menu-content.e-active>.elementor-element>.e-con-inner {
  animation: appleReveal 10s cubic-bezier(.22, .61, .36, 1) both;
}
@keyframes appleReveal {
  from {
    -webkit-mask-size: 0 0;
    mask-size: 0 0;
  }
  to {
    -webkit-mask-size: 200vmax 200vmax;
    mask-size: 200vmax 200vmax;
  }
}

/* calc styles */