/* 
Theme Name: S99 Child
Theme URI: https://studio99.sm
Description: S99 Child is a child theme of S99, created by Studio99 team
Author: Studio99 Team
Author URI: https://studio99.sm
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/


/*Efect hover card*/

.card-zoom {
  position: relative !important;
  overflow: hidden !important;
}

.logo-zoom {
  transition: transform 0.3s ease !important;
  width: 100% !important;
  transform-origin: center !important;
}

.card-zoom:hover .logo-zoom {
  transform: scale(1.17) !important;
}

.text-move {
  margin-top: 10px !important; 
  transition: transform 0.3s ease !important; 
}

.card-zoom:hover .text-move {
  transform: translateY(10px) !important;
}

/*CUSTOM MOBILE MENU BLACK VERSION*/

@media (max-width: 1024px) {
  #header-black .e-n-menu-toggle-icon {
    display: none !important;
  }

  #header-black .e-n-menu-toggle {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    background: none;
    border: none;
    /*padding: 10px 20px;*/
    cursor: pointer;
  }

  #header-black .e-n-menu-toggle::before {
    content: "Menu";
    font-size: 18px;
    font-weight: bold;
    color: #000;
  }

  #header-black .elementor-widget-n-menu .e-n-menu-heading {
    display: flex;
    flex-direction: row;
    flex-wrap: var(--n-menu-heading-wrap);
    justify-content: var(--n-menu-heading-justify-content);
    margin: initial;
    overflow-x: var(--n-menu-heading-overflow-x);
    padding: initial;
    row-gap: var(--n-menu-title-space-between);
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-right: 22px;
    overflow-y: hidden;
  }
}



/*CUSTOM MOBILE MENU WHITE VERSION*/

@media (max-width: 1024px) {
  #header-white .e-n-menu-toggle-icon {
    display: none !important;
  }

  #header-white .e-n-menu-toggle {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    background: none;
    border: none;
   /* padding: 10px 20px;*/
    cursor: pointer;
  }

  #header-white .e-n-menu-toggle::before {
    content: "Menu";
    font-size: 18px;
    font-weight: bold;
    color: #fff !important;
  }

  #header-white .elementor-widget-n-menu .e-n-menu-heading {
    display: flex;
    flex-direction: row;
    flex-wrap: var(--n-menu-heading-wrap);
    justify-content: var(--n-menu-heading-justify-content);
    margin: initial;
    overflow-x: var(--n-menu-heading-overflow-x);
    padding: initial;
    row-gap: var(--n-menu-title-space-between);
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-right: 22px;
    overflow-y: hidden;
  }
}

.elementor-widget-n-menu .e-n-menu[data-layout=dropdown] .e-n-menu-title {
    background-color: #00000000;
}


/*CUSTOM GRILL PORTFOLIO*/

/*DESKTOP*/

@media (min-width: 1025px) {
    .elementor-element-f04845f .elementor-loop-container.elementor-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 7px !important;
    }

    .elementor-element-f04845f .e-loop-item.large {
        grid-column: span 2 !important;
    }

    .elementor-element-f04845f .e-loop-item {
        grid-column: span 1 !important;
    }

    .elementor-element-f04845f .e-loop-item .e-con-inner,
    .elementor-element-f04845f .e-loop-item .elementor-element-06f0f36 {
        width: 100% !important;
        height: 100% !important;
    }
}

/* TABLET */
@media (max-width: 1024px) {
    .elementor-element-f04845f .elementor-loop-container.elementor-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .elementor-element-f04845f .e-loop-item {
        grid-column: span 1 !important;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    .elementor-element-f04845f .elementor-loop-container.elementor-grid {
        grid-template-columns: 1fr !important;
    }
}


.elementor-widget-form .elementor-field-group .elementor-field {
    color: #000000 !important;
}

/*HEDER CUSTOM RESIZE*/

	.custom-header {
	 transition: background-color 0.38s ease,
	 backdrop-filter 0.9s ease;
	}

	/*  header-black */
#header-black.scrolled {
    background-color: #ffffff61 !important;
    backdrop-filter: blur(20px);
}

/*  header-white */
#header-white.scrolled {
    background-color: #36363682 !important;
    backdrop-filter: blur(20px);
}