/*!
Theme Name: Thodoris Custom Theme
Theme URI: https://valiscom.gr/
Author: Thodoris Paschalidis
Author URI: https://valiscom.gr/
Description:  A custom child theme from Thodoris Paschalidis for the Astra theme
Template: astra
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: astra-child
*/

.animated-menu {
    --first-color: #2A3990; 
    --second-color: #BE1E2D;
    --third-color: #FFBA28;
    --forth-color: #00AEEF;
}

@property --rotate {
  syntax: "<angle>";
  initial-value: 132deg;
  inherits: false;
}

.animated-menu::before, .animated-menu::after {
    opacity: 0;
    content: "";
    transition: all 0.5s ease-in-out;
}

.animated-menu:hover::before, .animated-menu:hover::after {
    position: absolute;
    z-index: -1;
    background-image: linear-gradient(
        var(--rotate),
        var(--first-color), 
        var(--second-color) 43%, 
        var(--third-color), 
        var(--forth-color)
    );
    animation: spin 2.5s linear infinite;
    opacity: 1;
}

.animated-menu:hover::before {
  width: 106%;
  height: 104%;
  border-radius: 0px;
  top: -1.75%;
  left: -2.9%;
}

.animated-menu:hover::after {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transform: scale(0.9);
  filter: blur(15px);
}

@keyframes spin {
  0% {
    --rotate: 0deg;
  }
  100% {
    --rotate: 360deg;
  }
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.jet-mega-menu-item-109 .jet-mega-menu-mega-container section section > .elementor-column-gap-no {
    min-height: 0px !important;
}

@media (min-width: 1025px) { 
    .jet-mega-menu-item-109 .jet-mega-menu-mega-container {
        transition: 500ms !important; /* your desired time in milliseconds */
    }

    .elementor-111 .elementor-element.elementor-element-193f18f > .elementor-container {
        min-height: 1vh !important;
    }
}