/*
Theme Name: Aazzoo
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Aazzoo is a child theme of Hello Elementor.
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: aazzoo
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 */

:root{
  --te-red: #FF3366;
  --te-blue: #0066FF;

  --te-white: #FFFFFF;
  --te-black: #000000;

  --te-shadow:  0px 4px 4px 0px rgba(0,0,0,0.4);

  /* GRID */

  --te-mw: 1440px;
  --te-vw: 1440px;
  --te-fw: 2000px;
  --te-fullheight: calc(var(--te-vh) * 100);
  --te-gap: 32px;

  --te-grid-item: calc( ( var(--te-vw) - 11 * var(--te-gap) ) / 12 );
  --te-grid-1: calc( var(--te-grid-item) );
  --te-grid-2: calc( var(--te-grid-item) * 2 + var(--te-gap) * 1 );
  --te-grid-3: calc( var(--te-grid-item) * 3 + var(--te-gap) * 2 );
  --te-grid-4: calc( var(--te-grid-item) * 4 + var(--te-gap) * 3 );
  --te-grid-5: calc( var(--te-grid-item) * 5 + var(--te-gap) * 4 );
  --te-grid-6: calc( var(--te-grid-item) * 6 + var(--te-gap) * 5 );
  --te-grid-7: calc( var(--te-grid-item) * 7 + var(--te-gap) * 6 );
  --te-grid-8: calc( var(--te-grid-item) * 8 + var(--te-gap) * 7 );
  --te-grid-9: calc( var(--te-grid-item) * 9 + var(--te-gap) * 8 );
  --te-grid-10: calc( var(--te-grid-item) * 10 + var(--te-gap) * 9 );
  --te-grid-11: calc( var(--te-grid-item) * 11 + var(--te-gap) * 10 );
  --te-grid-12: 100%;

  --te-grid-m: calc( ( var(--te-fw) - var(--te-mw) ) / 2 );
  --te-grid-1-f: calc( var(--te-grid-1) + var(--te-grid-m) );
  --te-grid-2-f: calc( var(--te-grid-2) + var(--te-grid-m) );
  --te-grid-3-f: calc( var(--te-grid-3) + var(--te-grid-m) );
  --te-grid-4-f: calc( var(--te-grid-4) + var(--te-grid-m) );
  --te-grid-5-f: calc( var(--te-grid-5) + var(--te-grid-m) );
  --te-grid-6-f: calc( var(--te-grid-6) + var(--te-grid-m) );
  --te-grid-7-f: calc( var(--te-grid-7) + var(--te-grid-m) );
  --te-grid-8-f: calc( var(--te-grid-8) + var(--te-grid-m) );
  --te-grid-9-f: calc( var(--te-grid-9) + var(--te-grid-m) );
  --te-grid-10-f: calc( var(--te-grid-10) + var(--te-grid-m) );
  --te-grid-11-f: calc( var(--te-grid-11) + var(--te-grid-m) );
  --te-grid-12-f: 100%;


  --te-trans: .2s;
}

.te-grid-12{
  width: var(--te-grid-12);
}
.te-grid-11{
  width: var(--te-grid-11);
}
.te-grid-10{
  width: var(--te-grid-10);
}
.te-grid-9{
  width: var(--te-grid-9);
}
.te-grid-8{
  width: var(--te-grid-8);
}
.te-grid-7{
  width: var(--te-grid-7);
}
.te-grid-6{
  width: var(--te-grid-6);
}
.te-grid-5{
  width: var(--te-grid-5);
}
.te-grid-4{
  width: var(--te-grid-4);
}
.te-grid-3{
  width: var(--te-grid-3);
}
.te-grid-2{
  width: var(--te-grid-2);
}
.te-grid-1{
  width: var(--te-grid-1);
}
.te-grid-12-f{
  width: var(--te-grid-12-f);
}
.te-grid-11-f{
  width: var(--te-grid-11-f);
}
.te-grid-10-f{
  width: var(--te-grid-10-f);
}
.te-grid-9-f{
  width: var(--te-grid-9-f);
}
.te-grid-8-f{
  width: var(--te-grid-8-f);
}
.te-grid-7-f{
  width: var(--te-grid-7-f);
}
.te-grid-6-f{
  width: var(--te-grid-6-f);
}
.te-grid-5-f{
  width: var(--te-grid-5-f);
}
.te-grid-4-f{
  width: var(--te-grid-4-f);
}
.te-grid-3-f{
  width: var(--te-grid-3-f);
}
.te-grid-2-f{
  width: var(--te-grid-2-f);
}
.te-grid-1-f{
  width: var(--te-grid-1-f);
}

.te-fullheight{
  min-height: var(--te-fullheight);
}
.te-mbm-multiply{
  mix-blend-mode: multiply;
}
.te-mbm-multiply{
  mix-blend-mode: luminosity;
}

html{
  font-family: serif;
}
h1, h2, h3, h4, h5{
  font-family: sans-serif;
}
.te-maxw-content-container {
  /* padding:0 32px; */
}
.te-maxw-content-container .e-con-inner{
  max-width: var(--te-vw);
}

#te-header-main{
  background-color: transparent;
  position: absolute;
  z-index: 900;
}

#te-main-menu{
  position: absolute;
  width: fit-content;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#te-search-menu input{
  width: 140px;
}
#te-menu-cart{

}
#te-menu-cart a{
  transition: all var(--te-trans) ease-out;
  background-color: transparent;
  color: var(--te-white);
  border: 0;
  padding: 12px 32px 12px 10px;
}
#te-menu-cart .elementor-button-icon-qty{
  display:none;
  font-size: 12px;
  line-height: 1.7em;
  font-weight: 500;
}

#aazzoo{
}
#aazzoo a{
  display: flex;
  justify-content: center;
  width: 100px;
  margin: 0 32px;
  transition: all .6s ease-out;
}
#aazzoo a:hover{
  /* background-color: var(--te-blue); */
}
#aazzoo a img{
  width: 100%;
}
#te-woo-crumbs .woocommerce-breadcrumb{
  /* line-height: 1px; */
  margin: 0;
}

#te-product-images .woocommerce-product-gallery{
  width: 100%;
}
#te-product-images .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
  top: .5em;
  left: .5em;
}
#te-product-images .flex-viewport{
  float: left;
  width: var(--te-grid-7);
}
#te-product-images .flex-control-thumbs{
  float: right;
  width: var(--te-grid-1);
  margin-left: 16px;
}
#te-product-images .flex-control-thumbs li{
  width: 100%;
  padding: 0 0 16px 0;
}
.te-gradient-animation .te-canvas-wrapper{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.te-gradient-animation .te-canvas{
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(1);
  opacity: 0;
  /* transition: var(--msTransitionSlow); */
}
.te-gradient-animation .elementor-background-overlay{
  z-index: 2;
}
.te-gradient-animation .elementor-container{
  z-index: 3;
}