/* 
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.0
Text Domain: hello-elementor-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 */

.elementor-nav-menu--toggle  {
  justify-content: center;
}

.header-sticky {
    width: 95% !important;
    inset-inline-start: 0 !important;
    left: 0 !important;
    right: 0 !important;
}

header li.mega-image-item {
  display: none;
}

header .elementor-sticky:before,
header .elementor-sticky:after {
  content:"";
  width: 5%;
  height: 100%;
  background-color:#fff;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}  

header.is-scrolled .elementor-sticky {
  background-color: #fff;
  padding: .5rem 0;
}

header.is-scrolled .elementor-sticky:before,
header.is-scrolled .elementor-sticky:after {
  opacity: 1;
}

header.is-scrolled .elementor-sticky:before {
  left: -5%;
  border-bottom-left-radius: 2rem;
}

header.is-scrolled .elementor-sticky:after {
  right: -5%;
  border-bottom-right-radius: 2rem;
}

header .elementor-sticky {
  transition: all 0.3s ease;
}

header .elementor-nav-menu__container.elementor-nav-menu--dropdown {
  border-radius: 20px;
  padding: 1rem 0;
  margin-top: 2rem;
}

header.is-scrolled .elementor-nav-menu__container.elementor-nav-menu--dropdown {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 10px;
}

@media (min-width: 1280px) {

  header li.mega-image-item {
    display: block;
  }

  header .elementor-widget-theme-site-logo img {
    margin: 1rem 0;
  }

  header .elementor-widget-nav-menu, .elementor-widget-nav-menu > nav, .elementor-widget-nav-menu > nav > ul {
    height: 100%;
  }

  header .elementor-nav-menu--dropdown.sub-menu {
    grid-template-columns: 1fr 1fr;
    width: 100% !important;
    padding: 40px 30px !important;
    left: 0;
    height: auto;
    background-color: #fff !important;
    border-radius: 15px;
    box-shadow: 0 20px 20px rgba(0,0,0,.1);
    background-color: #fff;
  }

  header .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul.elementor-nav-menu--dropdown.sub-menu {
    top: calc(100% - 2rem) !important;
  }

  header.is-scrolled .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul.elementor-nav-menu--dropdown.sub-menu {
    top: calc(100% - .5rem) !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    inset-inline-start: 0 !important;
  }

  header .elementor-widget-nav-menu > nav > ul > li:hover .sub-menu,
  header .elementor-nav-menu--dropdown.sub-menu:hover {
    display: grid !important;
  }  

  header .elementor-nav-menu--dropdown.sub-menu > li.mega-image-item {
    grid-column: 1;
    grid-row: 1 / span 999;
  }  

  header .elementor-nav-menu--dropdown.sub-menu > li.mega-image-item img {
    width: 100%;
    height: 100%;
    max-height: 70vh;
    object-fit: cover;
    display: block;
    border-radius: 15px;
  }  

  header .elementor-nav-menu--dropdown.sub-menu > li.mega-image-item a {
    width: 100%;
    pointer-events: none;
    padding: 0 !important;
  }

  header .elementor-nav-menu--dropdown.sub-menu > li:not(.mega-image-item) {
    grid-column: 2;
    padding: 10px 45px;
  }

  header .elementor-nav-menu--dropdown.sub-menu > li > a {
    font-family: var(--e-global-typography-primary-font-family) !important;
    color: var(--e-global-color-accent) !important;
    font-size: 28px !important;
    transition: all 300ms ease;
    transform-origin: center center;
    display: inline-block;
  }

  header .elementor-nav-menu--dropdown.sub-menu > li > a:hover,
  header .elementor-nav-menu--dropdown a.elementor-item-active {
    background-color: transparent !important;
    text-shadow: 0 0 1px currentColor;
  }

  header .elementor-nav-menu--dropdown {
    transition: opacity 0.25s ease;
  }

  header .elementor-element.header-right,
  header .elementor-element.header-menu,
  header .elementor-widget.elementor-widget-nav-menu,
  header .elementor-widget.elementor-widget-nav-menu .elementor-nav-menu,
  header .elementor-widget.elementor-widget-nav-menu .elementor-nav-menu li {
      position: unset;
  }

  header .elementor-element.header-right > div {
    align-items: flex-end;
  }
  
}  

@media (min-width: 1660px) {
  header .elementor-element.header-menu {
    height: 100%;
  }
}

footer nav .sub-arrow, 
footer nav .sub-menu {
  display:none !important
}

/* ACCORDEON */

.elementor-widget-n-accordion .e-n-accordion{
    counter-reset: accordion;
}

.elementor-widget-n-accordion .e-n-accordion-item{
    counter-increment: accordion;
    transition: all .25s ease;
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon{
    display:none;
}

.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title{
    position:relative;
    display:flex;
    align-items:center;
    min-height:2rem;
    cursor:pointer;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: var(--e-global-color-accent);  
    padding: 2rem 0rem 2rem 5rem;  
}

.elementor-widget-n-accordion .e-n-accordion-item-content {
    padding: 0 0 0 5rem !important;
    font-family: "Grotesque Pro", Sans-serif;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.8rem;    
    color: var(--e-global-color-text);
}

.elementor-widget-n-accordion .e-n-accordion-item-title::before{
    content:counter(accordion);
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:600;
    border:1px solid var(--e-global-color-accent);
    color:var(--e-global-color-accent);
    background:transparent;
    transition:background .25s ease,color .25s ease,transform .25s ease,border .25s ease;
}

.elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title::before{
    background-color:var(--e-global-color-accent);
    color: #fff;
}

.elementor-widget-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-text {
  font-family: "PP Eiko", Sans-serif;
  font-size: 28px;
}



.link-u {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1rem 0;
  color: var(--e-global-color-primary);
}

.link-u span {
    border-bottom: 1px solid var(--e-global-color-primary);
}

.link-u:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M10.5846 4.51672L10.5127 10.513L4.51649 10.5849" stroke="%2393776A" stroke-miterlimit="10"/><path d="M10.5127 10.513L3.05533 3.05554" stroke="%2393776A" stroke-miterlimit="10"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  padding: .75rem;
  border: 1px solid var(--e-global-color-primary);
  margin-left: .5rem;
  border-radius: 50%;
  transition: all .25s ease;
}

.link-u:hover::after {
  transform: rotate(-45deg);
}

.elementor-widget-n-accordion .e-n-accordion-item-content .link-u {
  margin-bottom: 2rem;
}