/*
Theme Name: Maiko Child
Theme URI: http://demo.casethemes.com/maiko/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/
Description: Maiko is a premium WordPress theme designed for architecture portfolios, agencies, and businesses. With a clean and modern design, it provides responsive layouts, grid-based sections, and extensive customization options to showcase your projects effectively.
Version: 1.0.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: maiko
Text Domain: maiko-child
Tags: architecture, portfolio, design, creative, modern, minimalist, photography, agency, responsive, grid
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

Copyright (c) 2024 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/
.testgsap {
  perspective: 800px;
  transform-style: preserve-3d;
  backface-visibility: visible;
}
section.sticky-header-principale {
    backdrop-filter: blur(7px);
}

.frecce-progetti-home svg#Layer_1 {
    filter: invert(1);
}

*{overscroll-behavior: auto !important;}

.pxl-item--title br {
    content: ' ' !important;
}

.pxl-item--title br:after {
    content: ' ' !important;
}

.pxl-sidebar-sticky{position: relative;}
/*********************************************************/
/******************MODULO CANDIDATURA*********************/
/*********************************************************/
/* Personalizzazione del campo upload file */
.modulo-candidatura .elementor-upload-field {
  width: 100%;
  padding: 16px;
  border: 2px dashed #1c1c1c;
  border-radius: 8px;
  background-color: #f8f9fa;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: inherit;
  position: relative;
}

/* Nascondi il pulsante originale */
.modulo-candidatura .elementor-upload-field::-webkit-file-upload-button {
  display: none;
}

.pxl-service-list.layout-service-list-3 .pxl-post--featured .pxl-post--icon{display: none !important;}
.pxl-post--icon.pxl-flex-center.animated {display: none !important;}
.modulo-candidatura .elementor-upload-field::file-selector-button {
  display: none;
}

/* Crea il pulsante circolare personalizzato */
.modulo-candidatura .elementor-upload-field::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: #1c1c1c;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

/* Freccia all'interno del cerchio */
.modulo-candidatura .elementor-upload-field::after {
  content: "↗";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: white;
  font-weight: bold;
  pointer-events: none;
  transition: transform 0.3s ease;
  z-index: 2;
}

/* Hover del campo */
.modulo-candidatura .elementor-upload-field:hover {
  border-color: #b92e65;
  background-color: #b92e65;
}

/* Hover del pulsante circolare */
.modulo-candidatura .elementor-upload-field:hover::before {
  background-color: #b92e65;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 124, 186, 0.3);
}

/* Animazione della freccia al hover */
.modulo-candidatura .elementor-upload-field:hover::after {
  transform: translateY(-50%) rotate(45deg) scale(1.1);
}

/* Focus state */
.modulo-candidatura .elementor-upload-field:focus {
  outline: none;
  border-color: #0056b3;
  box-shadow: 0 0 0 3px rgba(0, 124, 186, 0.15);
  background-color: #ffffff;
}

/* Regola il testo del campo per non sovrapporsi al pulsante */
.modulo-candidatura .elementor-upload-field {
  padding-left: 80px; /* Spazio per il pulsante circolare */
  line-height: 50px; /* Allinea il testo verticalmente */
}

/* Rimuovi la regola che interferisce con la rotazione */

/* Stile quando è attivo/selezionato */
.modulo-candidatura .elementor-upload-field:active {
  background-color: #e6f3ff;
  border-color: #0056b3;
}

/***********************fine**********************************/
.moduli-contatti input{
	left: -7px;
    top: -7px;
    border-width: 0px 1px 1px 0px;
    transform-origin: bottom right;
}

/*footer*/
#pxl-footer-elementor h6.pxl-item--title.style-default.highlight-default {
    margin: 0px !important;
}

/*blog articolo singolo*/
.comments-area {
    display: none!important;
}
span.post-comments.align-items-center {
    display: none;
}
/*mobile*/
.pxl-menu-close.pxl-hide-xl.pxl-close {
    background: #0000;
}
.pxl-close:before {
    background-color: white;
}
.pxl-close:after {
    background-color: #b92e65;
}
.pxl-menu-close.pxl-hide-xl.pxl-close {
    margin: 24px 19px;
    padding: 13px;
}



/*SERVIZI*/

.page-id-23761 .pxl-post--inner {
 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
 padding: 49px 49px !important;
}
.servizi-card .pxl-service-list.layout-service-list-3 .pxl-post--title{font-size: 35px !important;}
.servizi-card .pxl-service-list.layout-service-list-3 .pxl-post--readmore {text-align: start;}
.servizi-card .pxl-service-list .pxl-post--readmore .btn-readmore{padding: 0;}
.servizi-card .pxl-service-list.layout-service-list-3 .pxl-post--inner {
    border-radius: 0;
    background-color:#11111185;
    backdrop-filter: blur(15px);
}
.servizi-card a.btn-readmore.btn-text-nanuk span:hover {text-decoration: underline;}
.servizi-card .pxl-service-list.layout-service-list-3 .pxl-post--featured{border-radius: 0;}

/* Colore bianco per tutto il testo, titoli e link */
.servizi-card .pxl-holder-content,
.servizi-card .pxl-holder-content h3,
.servizi-card .pxl-holder-content a,
.servizi-card .pxl-holder-content .pxl-post--content,
.servizi-card .pxl-holder-content .pxl--btn-text {
    color: #ffffff !important;
}

/* Colore bianco per l'icona SVG (la freccia) */
.servizi-card .pxl-holder-content svg,
.servizi-card .pxl-holder-content svg polygon,
.servizi-card .pxl-holder-content svg rect {
    fill: #ffffff !important;
}

/*progetti*/
.grid-progetti {padding: 0 !important;}

/*lavori candidature */
.ue_job_buttons {margin-top: -24px;}
a.ue_job_btn.ue_btn_1 {display: none !important;}

@media (max-width: 768px) {
    .pxl-icon-box1.style-2 .pxl-item--inner {
        flex-wrap: nowrap;
 }
 }     


/*POSIZIONI APERTE*/
.ue_job_skills_wrapper {padding-bottom: 20px; width: 77%;}
.ue_job_skills_wrapper .ue_job_skill:last-child {border: none !important;}
#uc_job_listing_elementor_8b5c553 .ue_job_buttons {align-items: center;}
#uc_job_listing_elementor_8b5c553 .ue_job_skills_wrapper {flex-direction: column !important;}



footer {
  position: relative;
  height: auto; /* oppure un min-height specifico */
  overflow: hidden;
}