/* Nav General Styles And Scripts (Code Snippets) */

	
  :root{
	--font-size-nav-text-small: 14px;
	--font-size-nav-text: 16px;
	--font-size-nav-title: 25px;
	  
	--menu-height: 90px;
	--menu-height-scrolled: 70px;
  }
  
	#wp-admin-bar-elementor_notes,
	#wp-admin-bar-updates{
		display:none;
	}
   
  .elementor-section:has(#ev-menu){
	margin-top: -2px;	
  }
  .elementor-widget-container:has(#ev-menu){
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: black;
        padding-right: 20px;
        padding-left: 20px;
    }
	
  
/* hot fixes	 */
 .language-switch.no-arrow{
    pointer-events:none;
 }
 .language-switch.no-arrow::after{
    content:unset!important;
 }	
#ev-menu .lang-item-de{
		display: none;
	}	
	
  #ev-menu-spacer{
	background-color: black;
	height: 0px;
  }
  body:has(#wpadminbar) #ev-menu-spacer{
	margin-top: -32px;
    position: relative;
  }
  .cky-btn-revisit-wrapper{
      z-index: 109!important;
  }
  #ev-lang-switcher{
      display: none;
  }
  #menu-shadow-overlay{
    display: none;
    z-index: 99;
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / 30%);
  }
  #ev-menu{
    position: fixed;
    min-width: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 120;
	transition: all 0.3s;

	   width: calc(100% - 40px);
       max-width: 1300px;
       border-radius: 38px;
       top: 20px;
       padding-right: 0px;
       padding-left: 0px;
       height: 70px;
       /* Jekyll: center the fixed pill (Elementor used flex justify-content:center) */
       left: 0;
       right: 0;
       margin-left: auto;
       margin-right: auto;
       
       
  }
	#ev-menu:before{
		content: '';
		width: 100%;
		height: 100%;
	   position: absolute;
		left: 0;
		top: 0;
		backdrop-filter: blur(16px)!important;
       background-color: unset!important;
       border-radius: 38px;
		
		
      border: 1px solid rgb(255 255 255 / 12%);
      
      
      --tw-gradient-from: #313131a8;
      --tw-gradient-to: #4747474f;
      --tw-gradient-position: to bottom right in oklab;
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) 0, var(--tw-gradient-to) 100%);
      background-image: linear-gradient(var(--tw-gradient-stops));
		
		box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.16) !important;
	}
  body:has(#wpadminbar) #ev-menu{
      top: 50px;
  }
	
  #ev-menu nav{
    background-color: unset!important;
  }
  body.scrolled  #ev-menu{
/*     box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.16)!important; */
	--menu-height: var(--menu-height-scrolled);
  }
  #ev-menu #ev-lang-switcher{
      display: block;
  }
	
  #ev-menu .main-holder{
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      position: relative;
      max-width: 1366px;
      justify-content: center;
      z-index: 110;
  }
  
  
  #ev-menu .logo-holder{
     position: relative;
      left: 0;
      top: -3px;
      bottom: 0;
      margin: unset;
      height: 100%;
      margin-left: 40px;
  }
  #ev-menu .logo-holder .link{
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      z-index: 2;
  }
  #ev-menu .logo-holder .home-logo{
      width: 115px;
      height: 100%;
  }
  .new-logo #ev-menu .logo-holder .home-logo{
	object-fit: contain;
	width: 120px;
  }
  
  
  
  #ev-menu .option,
  #ev-menu #ev-lang-switcher .elementor-nav-menu .elementor-item,
  #ev-menu #ev-lang-switcher .elementor-sub-item{
     cursor: pointer;
     padding: 0;
     line-height: 1;
     border: unset!important;
     font-family: "Nunito", Sans-serif;
     background: rgba(0,0,0,0);
     font-size: var(--font-size-nav-text);
     color: white;
     font-weight: 400!important;
     transition: opacity 0.3s;
     position: relative;
     margin-left: 5px;
	  
  }¿
  #ev-menu .option:before{
      content: '';
      width: 0px;
      height: 1.5px;
      position: absolute;
      bottom: -6px;
      left: 0;
      background-color: white;
      transition: 0.1s;
  }
  #ev-menu .option .icon-arrow{
     margin-bottom: -3px;
     width: 15px;
     height: 15px;
     transition: all 0.1s;
     transform: rotate(0deg)!important;
  }
  #ev-menu .option .icon-arrow path{
      fill: white;
  }
  
	
   #ev-menu [lang-holder]{
	border: solid 2px white !important;
    border-radius: 1000px;
    min-width: 51px;	
	
	height: 35px;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 0 9px;
  }
  #ev-menu [lang-holder] p,
  #ev-menu [lang-holder] .lang-nav a{
    padding: 0;
    line-height: 1;
    border: unset !important;
    font-family: "Nunito", Sans-serif;
    background: rgba(0, 0, 0, 0);
    font-size: var(--font-size-nav-text);
    color: white;
    font-weight: 700;
    transition: opacity 0.2s;
    position: relative;
	margin: 0;
    text-transform: uppercase;
	cursor: pointer;
  }
  #ev-menu [lang-holder]:has(.sub-arrow) p{
	padding-right: 5px;	
  }
  #ev-menu [lang-holder] .lang-nav{
/* 	 background-color: white; */
     z-index: 120 !important;
     border-radius: var(--border-radius-2);
     margin-top: 10px !important;
     min-width: 61px!important;
	 position: absolute;
	  width: 100%;
      left: 0;
      margin: auto;
      height: auto;
      box-shadow: 0px 0px 14px 2px #00000026;
/* 	  opacity: 0; */
    right: 0;
    top: 80px;
    transform: translateY(0px);
    visibility: hidden;
    pointer-events: none;
    max-height: unset;
	overflow:hidden;
    transition:
       opacity .20s ease-out,
       transform .20s ease-out,
       visibility 0s linear .20s;
       will-change: opacity, transform;
	  
	opacity: 1;
/*     backdrop-filter: blur(10px)!important; */
    border: 1px solid rgba(255, 255, 255, 0.65);
	background-color: #ffffffff!important;
  }
	#ev-menu [lang-holder]::before{
		content:'';
		position: absolute;
		bottom: -20px;
		width: 100%;
		height: 20px;
		left: 0;
		display:none;
	}
	#ev-menu [lang-holder]:hover::before{
		display: block;
	}
  #ev-menu [lang-holder]:hover .lang-nav,
  #ev-menu [lang-holder] .lang-nav:hover{
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(-30px);
    z-index: 101;
	top: 62px;
    max-height: unset;
    transition:
     opacity .20s ease-out,
     transform .20s ease-out,
     visibility 0s linear 0s;
	background-color: #ffffffff!important;
  }
	
  #ev-menu [lang-holder] .lang-nav a{
	  transition: all 0.2s;
	  color: #282828;
      line-height: 1;
	  font-weight: 400;
	  display: block;
	  width: 100%;
	  padding-left: 10px;
      padding-bottom: 12px;
      padding-top: 12px;
  }
  #ev-menu [lang-holder] .lang-nav a:hover{
      background-color: var(--color-gray) !important;
  }
	
	
	
  #ev-menu [lang-holder] .sub-arrow {
     padding: 0;
     width: 17px;
     border-radius: 50%;
     background-color: var(--color-gray-light);
     height: 17px;
     position: relative;
	 
	cursor: pointer;
  }
  #ev-menu [lang-holder] .sub-arrow .e-font-icon-svg {
     height: 13px;
     width: 13px;
     fill: black;
     position: absolute;
     margin: auto;
     left: 0px;
     right: 0;
     top: 1px;
     bottom: 0;
	  transition: all 0.3s;
   }
   #ev-menu [lang-holder]:hover .sub-arrow .e-font-icon-svg {
     transform: rotate(180deg);
   }	
	
	
  #ev-menu .elementor-nav-menu{
        border: solid 2px white !important;
        border-radius: 1000px;
	    min-width: 51px;
  }
  #ev-menu #ev-lang-switcher .elementor-nav-menu .elementor-item{
      height: 32px;
      padding-right: 5px;
	  font-weight: 700!important;
  }
  #ev-menu #ev-lang-switcher .elementor-nav-menu:not(:has(.icon-arrow)) .elementor-item {
		padding-right: 8px;
  }
  #ev-menu #ev-lang-switcher .elementor-nav-menu .sub-menu {
     background-color: white;
     z-index: 120 !important;
     border-radius: var(--border-radius-2);
     margin-top: 10px !important;
     min-width: 61px!important;
     overflow: hidden;
  }
  #ev-menu #ev-lang-switcher .lang-item{
      transition: all 0.5s;
  }
  #ev-menu #ev-lang-switcher .elementor-sub-item{
      color: #282828;
      height: auto;
      line-height: 2.5;
  }
  #ev-menu #ev-lang-switcher .lang-item:hover{
      background-color: var(--color-gray) !important;
  }
  #ev-menu #ev-lang-switcher .lang-item:hover .elementor-sub-item{
      color: white;
  }
  #ev-menu #ev-lang-switcher .elementor-nav-menu .sub-arrow {
    padding: 0;
     width: 17px;
     border-radius: 50%;
     background-color: var(--color-gray-light);
     margin-left: 5px;
     height: 17px;
     position: relative;
  }
  #ev-menu .elementor-nav-menu .sub-arrow .e-font-icon-svg {
     height: 13px;
     width: 13px;
     fill: black;
     position: absolute;
     margin: auto;
     left: 0px;
     right: 0;
     top: 1px;
     bottom: 0;
	  transition: all 0.3s;
   }
	#ev-menu .elementor-nav-menu:hover .sub-arrow .e-font-icon-svg {
     transform: rotate(180deg);
   }
  #ev-menu #ev-lang-switcher img{
	display:none;
  }
  
  
  #ev-menu .options-dropdowns{
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 500px;
    height: 100%;
	  
	  margin-right: auto;
      padding-left: 40px;
  }
  #ev-menu .options-dropdowns .option:first-child{
      margin-left: 0;
  }
  [lang="es-ES"] #ev-menu .options-dropdowns,
  [lang="fr-FR"] #ev-menu .options-dropdowns{
	max-width: 550px;
  }
  #ev-menu .options-extras{
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: end;
	  
	  gap: 25px;
      margin-right: 40px;
  }
  [lang="es-ES"] #ev-menu .options-extras,
  [lang="fr-FR"] #ev-menu .options-extras{
	gap: 15px;	
  }
  #ev-menu .options-extras .option{
      margin-left: 0;
  }
  #ev-menu .options-extras .button,
  #ev-menu .small-book-button{
    font-size: var(--font-size-nav-text);
  }
  #ev-menu .button.white-primary:after {
      background: linear-gradient(87deg, #A3A9FF 0%, #D37BFF 24%, #d04552 45%, #FF9A3C 71.5%, #FFD700 93%);
      filter: blur(5px);
  }
  
  #ev-menu .small-book-button{
      display: none;
  }
  
  #ev-menu .options-extras .ham{
      display: none;
      width: 20px;
      height: 22px;
      flex-direction: column;
      gap: 7px;
      position: relative;
      justify-content: center;
      margin-top: 2px;
  }
  #ev-menu .options-extras .ham .line{
      height: 2px;
      background-color: white;
      width: 100%;
      transition: all 0.2s;
  }
  #ev-menu .options-extras .ham .line-mid-start{
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
  }
  #ev-menu .options-extras .ham.selected .line,
  body:has(#ev-menu .ham input:checked) #ev-menu .options-extras .ham .line{
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
  }
  #ev-menu .options-extras .ham.selected .line.line-mid,
  body:has(#ev-menu .ham input:checked) #ev-menu .options-extras .ham .line.line-mid{
      transform: rotate(45deg);
  }
  #ev-menu .options-extras .ham.selected .line.line-mid-start,
  body:has(#ev-menu .ham input:checked) #ev-menu .options-extras .ham .line.line-mid-start{
      transform: rotate(135deg);
  }
  #ev-menu .options-extras .ham.selected .line.line-first,
  #ev-menu .options-extras .ham.selected .line.line-last,
  body:has(#ev-menu .ham input:checked) #ev-menu .options-extras .ham .line.line-first
  body:has(#ev-menu .ham input:checked) #ev-menu .options-extras .ham .line.line-last{
      opacity: 0;
  }
	#ev-menu .options-extras .ham input{
		all: unset;
		visibility: hidden;
		opacity: 0;
		position: absolute;
		z-index: -1;
	}
	#ev-menu .options-extras .ham label{
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
  
  
  #ev-menu .sub-menu-bar{
      width: 100%;
/*       background-color: white; */
      position: absolute;
      left: 0;
      margin: auto;
      overflow: hidden;
      z-index: 100;
      height: auto;
      display: flex;
      justify-content: center;
      box-shadow: 0px 0px 14px 2px #00000026;
      flex-wrap: wrap;
	  opacity: 0;
	  
	  
    right: 0;
    top: 120px;
    border-radius: var(--border-radius-1);
    padding-left: 40px;
    padding-right: 40px;

    transform: translateY(0px);
    visibility: hidden;
    pointer-events: none;
  
    max-height: unset;

    transition:
       opacity .30s ease-out,
       transform .30s ease-out,
       visibility 0s linear .30s;
       will-change: opacity, transform;
	  
	  
	backdrop-filter: blur(10px)!important;
    border: 1px solid rgba(255, 255, 255, 0.65);
    background-color: #ffffff00!important;
  }
  #ev-menu .sub-menu-bar:hover, 
  #ev-menu:has([menu-dropdown="platform"]:hover) [sub-menu-dropdown="platform"], 
  #ev-menu:has([menu-dropdown="resources"]:hover) [sub-menu-dropdown="resources"] {
    opacity: 1;
	background-color: #ffffffba!important;
	  will-change: filter, transform;
  }
  #ev-menu .sub-menu-bar[sub-menu-dropdown="resources"]{
      padding-bottom: 0px;
  }
  #ev-menu .sub-menu-bar .sub-holder{
      width: 100%;
      height: 100%;
      display: flex;
      align-items: start;
      position: relative;
      max-width: 1366px;
      padding-top: 40px;
      padding-bottom: 40px;
      justify-content: space-between;
      --gap: 20px;
      gap: var(--gap);
      flex-wrap: wrap;
  }
  #ev-menu .sub-menu-bar .sub-holder .col{
      display: flex;
      flex-direction: column;
      align-items: start;
      justify-content: start;
      width: calc(25% - var(--gap));
  }
/*   #ev-menu .sub-menu-bar[sub-menu-dropdown="resources"] .sub-holder .col{
      width: calc(25% - var(--gap));
  } */
  #ev-menu .sub-menu-bar .sub-holder .col.col-title{
      width: calc(23% - var(--gap));
      padding-right: 40px;
  }
  #ev-menu .sub-menu-bar .sub-holder .col-cards{
      display: flex;
      flex-direction: row;
      width: calc(50% - var(--gap));
      align-items: stretch;
      justify-content: center;
      gap: 20px;
	  padding-left: 20px;
	  
	  
  }
/*   #ev-menu .sub-menu-bar[sub-menu-dropdown="resources"] .sub-holder .col-cards{
      padding-left: 20px;
  } */
  #ev-menu .sub-menu-bar .sub-holder .title{
      color: black;
      font-family: "Nunito", Sans-serif;
      font-size: var(--font-size-nav-title);
      font-weight: 700!important;
      line-height: 1.2;
      margin-bottom: 30px;
  }
  #ev-menu .sub-menu-bar .sub-holder .text,
  #ev-menu .sub-menu-bar .sub-holder .col.col-title .text *{
      font-family: Nunito, sans-serif;
      font-size: var(--font-size-nav-text);
      font-weight: 400;
      line-height: 1.4;
      margin-bottom: 10px;
      color: black;
  }
  
  #ev-menu .sub-menu-bar .sub-holder .sub-title{
	  font-family: "Nunito", Sans-serif;
/*       color: var(--color-gray); */
      font-size: var(--font-size-nav-text);
      font-weight: 700;
      text-transform: uppercase;
      line-height: 1.4;
      margin-bottom: 14px;
	  color: #434242;
	  
  }
  #ev-menu .sub-menu-bar .sub-holder .sub-option{
      cursor: pointer;
      padding: 8px 10px;
      margin-left: -10px;
      line-height: 1.4;
      border: 0;
      font-family: "Nunito", Sans-serif;
      background: rgba(0,0,0,0);
      font-size: var(--font-size-nav-text);
      color: black;
      font-weight: 700!important;
      transition: all 0.3s;
      position: relative;
      width: 100%;
      margin-bottom: 0px;
	  border-radius: var(--border-radius-2);
	  
	  
  }
	#ev-menu .sub-menu-bar .sub-holder .sub-option:first-letter{
		text-transform: capitalize;
	}
   #ev-menu .sub-menu-bar[sub-menu-dropdown="resources"] .sub-holder .sub-option{
       min-height: 82px;
   }
   #ev-menu .sub-menu-bar[sub-menu-dropdown="resources"] .sub-holder .col-primary{
       gap: 10px;
   }
  #ev-menu .sub-menu-bar .sub-holder .col-primary .sub-option:hover{
/*       background-color: var(--color-gray-light); */
	  background-color: #ffffff85;
  }
  #ev-menu .sub-menu-bar .sub-option span{
/*       color: var(--color-gray); */
      font-family: "Nunito", Sans-serif;
      font-weight: 400;
      width: 100%;
      display: block;
      margin-top: 5px;
      font-size: var(--font-size-nav-text-small);
	  text-transform: unset;
	  color: #434242;
  }
  #ev-menu .sub-menu-bar .sub-holder .card{
      box-shadow: 0px 0px 14px 2px #00000026;
      width: 50%;
      min-height: 160px;
      transition: all 0.2s;
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 20px 20px;
	  border-radius: var(--border-radius-1);
	  
	  background-color: #ffffff85;
  }
  #ev-menu .sub-menu-bar .sub-holder .card:hover{
      box-shadow: 0px 0px 16px 4px #00000026;
	  background-color: #ffffffdb;
  }
  #ev-menu .sub-menu-bar .card .aria-link{
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 3;
      left: 0;
      top: 0;
  }
  #ev-menu .sub-menu-bar .card .sub-title{
      font-family: "Nunito", Sans-serif;
      background: rgba(0, 0, 0, 0);
      font-size: 16px;
      color: black;
      font-weight: 700!important;
      margin-bottom: 5px;
      line-height: 1.4;
      text-align: center;
	  text-transform: unset;
	  
  }
  #ev-menu .sub-menu-bar .card img{
	  
	  width: calc(100% - 20px);
      height: 180px;
      object-fit: cover;
      margin: 10px;
      border-radius: var(--border-radius-2);
      filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.2));
  }
  
  
  /*news bar*/
  #ev-menu .sub-menu-bar .news-bar{
      width: 50%;
      padding: 10px;
      background-color: black;
      bottom: 41px;
      left: 0;
      position: absolute;
      height: 60px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      border-radius: 4px;
  }
  #ev-menu .sub-menu-bar .news-bar img{
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
      background-size: cover;
      height: 100%;
      width: 100%;
  }
  #ev-menu .sub-menu-bar .news-bar a{
      position: absolute;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      z-index: 4;
  }
  #ev-menu .sub-menu-bar .news-bar .text{
      font-family: "Nunito", Sans-serif;
      font-size: var(--font-size-nav-text);
      color: white;
      font-weight: 600;
      margin: 0px;
      line-height: 1.4;
      text-align: center;
      text-transform: capitalize;
      position: relative;
      z-index: 3;
  }
  #ev-menu .sub-menu-bar .news-bar:hover .text{
      color: var(--color-accent);
  }
  #ev-menu .news-bar .marquee {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    width: 100%;
  }
  #ev-menu .news-bar .marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 30s linear infinite;
    padding-right: 80px;
  }

  #ev-menu .news-bar .marquee2 span {
    animation-delay: 15s;
  }

  @keyframes marquee {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(-100%, 0);
    }
  }
  
  
  
  #ev-menu [menu-dropdown] .hover-area{
      position: absolute;
      top: 10px;
      height: 10px;
      width: 100%;
      /*background-color: red;*/
  }
  #ev-menu [menu-dropdown]:hover .hover-area,
  #ev-menu:has([sub-menu-dropdown="platform"]:hover) [menu-dropdown="platform"] .hover-area,
  #ev-menu:has([sub-menu-dropdown="resources"]:hover) [menu-dropdown="resources"] .hover-area{
      height: 60px;
  }
  #ev-menu [menu-dropdown] .hover-area:before{
       content: '';
       position: absolute;
       top: 10px;
       left: 0;
       height: 2px;
       width: 100%;
       /*background-color: red;*/
       transition: all 0.5s ease;
  }
  #ev-menu [menu-dropdown]:hover .hover-area:before,
  #ev-menu:has([sub-menu-dropdown="platform"]:hover) [menu-dropdown="platform"] .hover-area:before,
  #ev-menu:has([sub-menu-dropdown="resources"]:hover) [menu-dropdown="resources"] .hover-area:before{
       height: 60px;
       top: -40px;
       left: -25%;
       width: 150%;
  }
  #ev-menu [menu-dropdown] .hover-area:after{
       content: '';
       position: absolute;
       top: 10px;
       left: 0;
       height: 2px;
       width: 100%;
       /*background-color: red;*/
       transition: all 0.5s ease;
  }
  #ev-menu [menu-dropdown="platform"]:hover .hover-area:after,
  #ev-menu:has([sub-menu-dropdown="platform"]:hover) [menu-dropdown="platform"] .hover-area:after{
       left: -150px;
       height: 60px;
	   width: 600px;
  }
  #ev-menu [menu-dropdown="resources"]:hover .hover-area:after,
  #ev-menu:has([sub-menu-dropdown="resources"]:hover) [menu-dropdown="resources"] .hover-area:after{
       left: -250px;
       height: 60px;
       width: 600px;
  }
	
  #ev-menu .sub-menu-bar:hover,
  #ev-menu:has([menu-dropdown="platform"]:hover) [sub-menu-dropdown="platform"],
  #ev-menu:has([menu-dropdown="resources"]:hover) [sub-menu-dropdown="resources"],
  #ev-menu:has([menu-dropdown="platform"]:focus-within) [sub-menu-dropdown="platform"],
  #ev-menu:has([menu-dropdown="resources"]:focus-within) [sub-menu-dropdown="resources"]{
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(-30px);
    z-index: 101;
    max-height: unset;
    transition:
     opacity .30s ease-out,
     transform .30s ease-out,
     visibility 0s linear 0s;
  }
  
  #ev-menu .option:hover .icon-arrow,
  #ev-menu:has([sub-menu-dropdown="platform"]:hover) [menu-dropdown="platform"] .icon-arrow,
  #ev-menu:has([sub-menu-dropdown="resources"]:hover) [menu-dropdown="resources"] .icon-arrow{
      transform: rotate(180deg)!important;
  }
  
  @media screen and (min-width: 1080px){
   #ev-menu .option:hover:before,
   #ev-menu:has([sub-menu-dropdown="platform"]:hover) [menu-dropdown="platform"]:before,
   #ev-menu:has([sub-menu-dropdown="resources"]:hover) [menu-dropdown="resources"]:before{
      width: 100%;
   }
  }
  
	
	
 
  
  
  .elementor-widget-container:has([sub-menu-dropdown]:hover) #menu-shadow-overlay,
  .elementor-widget-container:has([menu-dropdown]:hover) #menu-shadow-overlay{
      display: block;
  }
  
  
  /*debug*/
   #ev-menu [sub-menu-dropdown="resources"]{
       /*transform: translateY(var(--menu-height));*/
       /*max-height: unset;*/
       /*min-height: 90px;*/
       /*z-index: 120;*/
   }
  
  
  #ev-small-menu{
      display: none;
      position: fixed;
      top: 69px;
      left: 0;
      z-index: 109;
      width: 100vw;
  }
  body.scrolled #ev-small-menu{
	--menu-height: var(--menu-height-scrolled);
  }
  #ev-small-menu .holder{
        display: flex;
    background-color: white;
    width: 100%;
    height: calc(100dvh - 70px - 60px - 79px);
    flex-direction: column;
    padding: 20px;
    transition: all 0.5s;
    right: -100vw;
    position: absolute;
    /* padding-top: 80px; */
    overflow-y: scroll;
	overflow-x: hidden;
    align-items: flex-start;
    justify-content: flex-start;
    top: 60px;
    bottom: 79px;
    padding-bottom: 80px;
  }
  #ev-small-menu .holder[menu-layer="start"]{
	  height: calc(100dvh - 70px);
      padding-top: 40px;
	  top: 0;
	  bottom: 0;
  }
  #ev-small-menu .button-holder{
     bottom: 0;
     height: 80px;
     width: 100%;
     position: fixed;
     display: flex;
     align-items: center;
     justify-content: center;
     background-color: white;
     z-index: 6;
     right: -100vw;
     transition: all 0.5s;
     gap: 20px;
  }
  #ev-small-menu .holder.selected,
  #ev-small-menu.open .holder[menu-layer="start"],
  #ev-small-menu.open .button-holder,
  body:has(#ev-menu .ham input:checked) #ev-small-menu .holder[menu-layer="start"],
  body:has(#ev-menu .ham input:checked) #ev-small-menu.open .button-holder,
  body:has(#ev-menu .ham:focus-within) #ev-small-menu .holder[menu-layer="start"],
  body:has(#ev-menu .ham:focus-within) #ev-small-menu.open .button-holder{
      right: 0;
  }
	
  
  
  #ev-small-menu .title{
     padding: 0;
     border: unset !important;
     font-family: "Nunito", Sans-serif;
     background: rgba(0, 0, 0, 0);
     color: black;
     font-size: var(--font-size-text);
     font-weight: 700;
     line-height: 1;
     margin-bottom: 20px;
     top: 70px;
     position: fixed;
     margin: auto;
     z-index: 1;
     padding: 20px 40px 20px 50px;
     width: 100%;
	 background-color: white;
	 right: -100vw;
	 transition: all 0.5s;
  }
  #ev-small-menu .holder.selected .title{
      right: 0;
  }
  #ev-small-menu .option{
     cursor: pointer;
     padding: 0;
     line-height: 1;
     border: unset !important;
     font-family: "Nunito", Sans-serif;
     background: rgba(0, 0, 0, 0);
     font-size: var(--font-size-text);
     color: var(--color-black);
     font-weight: 600;
     position: relative;
     margin-bottom: 50px;
	 width: 100%;
  }
  #ev-small-menu .holder[menu-layer="start"] .option{
      font-weight: 700;
  }
  @media screen and (min-width: 1080px){
    #ev-small-menu.open .holder[menu-layer="start"] .option:hover{
      color: var(--color-accent);
    }
  }
  
  #ev-small-menu .back-option{
    font-size: var(--font-size-nav-text);
    line-height: 1.3;
    font-weight: 700;
    padding-left: 30px;
    text-transform: capitalize;
    position: fixed;
    top: 70px;
    padding: 20px 40px;
    width: 100%;
/*     background-color: white; */
    z-index: 2;
    margin: 0;
    right: -100vw;
    transition: all 0.5s;
	color: rgba(0,0,0,0);
  }
  #ev-small-menu .back-option:after{
     content: '';
     bottom: 0;
     left: 20px;
     width: calc(100% - 40px);
	 height: 1.5px;
     position: absolute;
	 background: var(--gradient-rainbow-bright);
  }
	
  
  #ev-small-menu .holder.selected .back-option{
      right: 0;
  }
  
  #ev-small-menu .option .icon-arrow{
     margin-bottom: -3px;
     width: 13px;
     height: 13px;
     transition: all 0.1s;
     transform: rotate(0deg)!important;
     margin-left: auto;
     right: 0;
     position: absolute;
     margin-top: 3px;
  }
  #ev-small-menu .option .icon-arrow path{
     fill: var(--color-accent);
  }
  #ev-small-menu .back-option .icon-arrow{
     transform: rotate(-180deg)!important;
     right: unset;
     left: 20px;
     margin-bottom: 0px;
  }
  
  #ev-small-menu [dropdown-option].selected .icon-arrow{
      transform: rotate(90deg)!important;
  }
  #ev-small-menu .dropdown{
    overflow: visible;
    display: flex;
    flex-direction: column;
    transition: all 0.3s;
    height: auto;
    max-height: 0px;
    margin-bottom: 0;
    width: calc(100%);
    padding: 10px 20px 10px 20px;
	position: relative;
  }
  #ev-small-menu .dropdown:after{
     content: '';
     top: 0;
     left: -20px;
     width: calc(100% + 40px);
	 height: 100%;
     position: absolute;
     background-color: rgb(247 244 252);
	 z-index: 1;
  }
  #ev-small-menu .dropdown.open{
      max-height: 400px;
      margin-bottom: 20px;
  }
  #ev-small-menu .sub-option{
     cursor: pointer;
     padding: 8px 10px;
     margin-left: -10px;
     line-height: 1.4;
     border: 0;
     font-family: "Nunito", Sans-serif;
     background: rgba(0, 0, 0, 0);
     font-size: var(--font-size-nav-text);
     color: black;
     font-weight: 700!important;
     transition: all 0.3s;
     position: relative;
     border-radius: 4px;
     margin-bottom: 10px;
	 text-transform: unset;
  }
  #ev-small-menu .option.sub-option{
    font-weight: 700!important;
    color: #69717a;	  
	margin-bottom: 2px;
	text-transform: uppercase!important;
  }
  @media screen and (min-width: 1080px){
   #ev-small-menu .sub-option:hover{
     color: var(--color-accent);   
   }
  }
  #ev-small-menu .dropdown .sub-option{
      margin-left: 0;
      opacity: 0;
      pointer-events: none;
      touch-action: none;
      visibility: hidden;
	  position: relative;
	  z-index: 2;
	  color: #202020;
  }
  #ev-small-menu .dropdown.open .sub-option{
      opacity: 1;
      pointer-events: initial;
      touch-action: initial;
      visibility: initial;
  }
  
  #ev-small-menu .dropdown .sub-option:hover{
      color: var(--color-accent);
  }
  #ev-small-menu .option.sub-option:hover{
      color: var(--color-accent);
  }
  #ev-small-menu [dropdown-option],
  #ev-small-menu [dropdown-option]:hover{
	 color: #69717a !important;	
  }
  #ev-small-menu .sub-option span,
  #ev-small-menu .option span{
      color: var(--color-gray);
      font-family: "Nunito", Sans-serif;
      font-weight: 400!important;
      width: 100%;
      display: block;
      margin-top: 5px;
      font-size: var(--font-size-nav-text-small);
  }
  
  #ev-small-menu .button-holder .button{
      font-size: var(--font-size-nav-text);
  }
  
  #ev-small-menu.open .holder.selected:after {
	background: linear-gradient(0deg, rgb(0 0 0 / 25%) 0%, rgb(0 0 0 / 19%) 27%, rgb(255 255 255 / 0%) 100%);
    content: "";
    position: fixed;
    z-index: 1;
    bottom: 80px;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 80px;
    transition: all 0.5s;
  }
  #ev-small-menu .holder.reached-bottom:after,
  #ev-small-menu .holder[menu-layer="start"]:after{
      opacity: 0;
      height: 1px;
  }
  
  
  @media screen and (max-width: 1200px){
	  #wpadminbar{
		  display:none;
	  }
  }
  
  @media screen and (max-width: 1210px){
      
      body.menu-opened{
          overflow: hidden;
      }
      
      
      #ev-menu .sub-menu-bar{
          display: none;
      }
      
      #ev-menu .options-dropdowns,
      /*#ev-menu .options-extras .book-button,*/
      #ev-menu .options-extras .option{
          display: none;
      }
      
	  
      
      #ev-menu .elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{
          display: flex!important;
      }
      #ev-menu .elementor-menu-toggle{
          display: none!important;
      }
     
      
      #ev-menu .options-extras .ham{
        display: flex;
      }
      
      #ev-small-menu{
        display: flex;
      }
      
      #ev-menu #ev-lang-switcher .elementor-nav-menu .elementor-item{
          font-size: 20px!important;
          line-height: 20px;
      }
	  
	  #ev-menu-spacer {
          height: 0px;
        }
        #ev-menu {
          padding-right: 0px;
          padding-left: 0px;
          border-radius: 0;
          width: 100%;
          top: 0!important;
        }
        #ev-menu .logo-holder {
         top: 0;
			margin-right: auto;
         margin-left: 20px;
        }
        #ev-menu .options-extras {
         margin-right: 20px;
        }
	  #ev-menu:before{
		  border-radius: 0;
	  }
  }
	

  @media screen and (max-width: 520px){
      body:has(#ev-small-menu.open) #ev-menu .options-extras .book-button,
      body:has(#ev-small-menu.open) #ev-menu .small-book-button{
          display: none;
      }
	  #ev-menu .options-extras .lang{
		  display: none;
	  }
      body:has(#ev-small-menu.open) #ev-menu .options-extras .lang{
          display: flex;
      }
  }
  @media screen and (max-width: 430px){
       #ev-menu .main-holder{
           gap: 20px;
          padding-right: 20px;
          padding-left: 20px;
       }
	  #ev-menu .logo-holder{
         margin-right: auto;
		  margin-left: 0;
      }
	  #ev-menu .options-extras {
		  margin-right: 0;
         position: relative;
	  }
      #ev-menu .options-extras .book-button{
        display: none;
      }
      #ev-menu .small-book-button{
        display: block;
		margin-left: auto;
      }
      #ev-menu .logo-holder .home-logo{
        max-width: 115px;
        width: calc(100vw - 240px);
      }
  }