/* 
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 */



/* 
	EDIT TABLE:
	1. MENU MAIN
	2. LANGUAGE SWITCHER
	3. MENU TIMELINE - pag Chi siamo
	4. EDIT SERACH FORM - archive download
	5. elenchi puntati pag sostenibilità: modifica su custom css elementor 
	6. form pag contatti
    7. Nav Tab - pagina marchi (custom css Elementor) 
	8. Accordition - pagina governance (custom css Elemntor)
	9. hidden content per script js su function, collegamenti ancore marchi da home e menu
	10. redbullet list
	11. form single job
*/

/* 
 * accessibilità 
 * */

/* Focus Visibile */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
    outline: 2px solid #db576bde !important;
}

#ajaxsearchpro3_1 button.promagnifier:focus-visible {
    box-shadow: none !important;
    outline   : 2px solid #db576bde !important;
}

/*
 * 1. MENU MAIN
 */

/* 1.0 submenu main */



/* 
 * background dropdown 
 * */

#vertical-menu .elementor-nav-menu--dropdown a.elementor-item:focus {
    background-color: transparent !important;
}

/* 
 * 1.1 hoverflow y 
 * */

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    overflow-y: hidden !important;
}

/* 1.2 a item focus background 
custom editor css - widget WP menu
*/

/* 1.3 hamburger menu */
.elementor-790 .elementor-element.elementor-element-c67ab9a .elementor-button:focus svg {
    fill: #2D2A26;
}


.menu-item a:hover:not(.elementor-sub-item) {
    -webkit-text-fill-color: white;
    -webkit-text-stroke    : 2px #2D2A26;
}


/* 1.4 Stile per le voc1 di menu quando è attiva o quando il sottomenu è visibile */
.menu-item.menu-item-has-children.current-menu-item>a.elementor-item-active,
.menu-item.menu-item-has-children>a.elementor-item:hover,
.menu-item.menu-item-has-children>a.elementor-item:focus {
    -webkit-text-fill-color: white !important;
    -webkit-text-stroke    : 2px #2D2A26 !important;
}

/* 1.5 Stile per le voci del sottomenu */
.menu-item.menu-item-has-children .sub-menu .elementor-sub-item {
    font-size  : 22px !important;
    font-weight: 500 !important;
    padding    : 13px 30px 13px 0px !important;
    line-height: 30px !important;
}

.menu-item.menu-item-has-children .sub-menu .elementor-sub-item:hover {
    color: #eb0029 !important;
}

/* 1.6 Media query - Stile per le voci del sottomenu */

@media only screen and (max-width: 600px) {
    .menu-item.menu-item-has-children .sub-menu .elementor-sub-item {
        font-size  : 20px !important;
        padding    : 5px 40px 5px 0px !important;
        line-height: 20px !important;
    }
}

/* 1.7 Stile per l'icona chevron */
.menu-item.menu-item-has-children>a .e-fas-chevron-right {
    font-size : 30px;
    transition: transform 0.3s ease !important;
}

/* 1.8 Stile per l'icona chevron quando il menu è aperto */
.menu-item.menu-item-has-children>a[aria-expanded="true"] .e-fas-chevron-right {
    transform: rotate(90deg) !important;
}

.elementor-nav-menu__container .menu-item-has-children .sub-menu {
    left : auto !important;
    right: 0 !important;
}


/* 1.9 main menu - right side */

/* Imposta margine a destra per le voci senza submenu */

#vertical-menu .elementor-nav-menu li:not(.menu-item-has-children) {
    margin-right: 50px;
}

/* Seleziona solo il menu con ID "vertical-menu" */
#vertical-menu .elementor-nav-menu--dropdown .elementor-nav-menu>li {
    text-align: right;
}

/* Allinea a destra le voci del sottomenu nel menu con ID "vertical-menu" */
#vertical-menu .elementor-nav-menu--dropdown .sub-menu {
    text-align: right;
}

/* Assicurati che il sottomenu appaia allineato a destra rispetto alla voce del menu principale nel menu con ID "vertical-menu" */
/* #vertical-menu .elementor-nav-menu--dropdown .sub-menu {
    right: 0;
    left: auto;
} */

/* Allinea le frecce dei sottomenu a destra nel menu con ID "vertical-menu" */
#vertical-menu .elementor-nav-menu .sub-arrow {
    margin-left : auto;
    margin-right: 0;
}

/* Allinea a destra le voci del menu e del sottomenu nel menu con ID "vertical-menu" */
#vertical-menu .elementor-nav-menu .elementor-item {
    display        : flex;
    justify-content: flex-end;
}


/* Allinea a destra le voci del menu che hanno un sottomenu nel menu con ID "vertical-menu" */
#vertical-menu .elementor-nav-menu--dropdown .menu-item-has-children>a {
    display        : flex;
    justify-content: flex-end;
    align-items    : center;
}

/* Allinea a destra le voci del sottomenu nel menu con ID "vertical-menu" */
#vertical-menu .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item {
    display        : flex;
    justify-content: flex-end;
    align-items    : center;
}

/* Mantieni la freccia del sottomenu a destra nel menu con ID "vertical-menu" */
#vertical-menu .elementor-nav-menu--dropdown .menu-item-has-children>a .sub-arrow,
#vertical-menu .elementor-nav-menu--dropdown .sub-menu .menu-item-has-children>a .sub-arrow {
    margin-left: 10px;
}

/* 
 * 2. LANGUAGE SWITCHER
 */

.wpml-ls-item:not(.wpml-ls-current-language) .wpml-ls-native {
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke    : 1px white !important;
}

a.wpml-ls-link {
    padding: 0px !important;
}

/* Aggiunge spazio orizzontale tra le voci ITA ed ENG */
.wpml-ls-legacy-list-horizontal li {
    margin-right: 10px !important;
}

.wpml-ls-legacy-list-horizontal li:last-child {
    margin-right: 0 !important;
}


/*
 * 3. MENU TIMELINE - pag Chi siamo
 */

/* Stile per le voci di menu quando sono attive, in hover o in focus */


#timeline .elementor-nav-menu .elementor-item {
    -webkit-text-fill-color: white !important;
    -webkit-text-stroke    : 2px black !important;
}


#timeline .elementor-nav-menu .elementor-item:hover,
#timeline .elementor-nav-menu .elementor-item:active,
#timeline .elementor-nav-menu .elementor-item:focus,
#timeline .elementor-nav-menu .current-menu-item>a.elementor-item {
    -webkit-text-fill-color: #2D2A26 !important;
    -webkit-text-stroke    : 2px #2D2A26 !important;
}

/*
 * 3. EDIT SERACH FORM - archive download
 */

#ajaxsearchlite1 .probox,
div.asl_w .probox {
    height       : 50px;
    border-radius: 75px
}

/* Aumenta la dimensione del font dell'input di ricerca */
#ajaxsearchlite1 .proinput input.orig {
    font-size : 24px;
    height    : 50px;
    box-sizing: border-box;
    padding   : 10px 10px;
}

/* Centra verticalmente il testo e l'icona di ricerca */
#ajaxsearchlite1 .proinput {
    display    : flex;
    align-items: center;
}

#ajaxsearchlite1 .promagnifier {
    display        : flex;
    align-items    : center;
    justify-content: center;
    padding-right  : 20px;
    height         : 50px;
}

/* Ingrandisce l'icona di ricerca */
#ajaxsearchlite1 .promagnifier svg {
    width : 32px;
    height: 32px;
}

/* Assicura che il contenitore dell'icona non limiti le dimensioni */
#ajaxsearchlite1 .promagnifier .innericon {
    width          : 32px;
    height         : 32px;
    display        : flex;
    align-items    : center;
    justify-content: center;
}

/* Titoli dei risultati della ricerca Colore, dimensione, grassetto */
.asl_r a.asl_res_url {
    color      : #2D2A26 !important;
    font-weight: bold !important;
    font-size  : 15px !important;
}

/* Mostra più colori */
p.showmore a {
    color: #2D2A26 !important;
}

.asl_r p.showmore span {
    font-size: 15px !important;
    color    : #EA002A !important;
}


/* 
 * 4. elenchi puntati pag sostenibilità: 
 * modifica su custom css elementor 
 */

/* 
 * 5. 3d flipbook btn
 */

.fb3d-link-lightbox-mode {
    background-color: #ea0029 !important;
    color           : white !important;
    padding         : 15px 35px 15px 35px !important;
    font-size       : 22px !important;
    font-family     : Gotham !important;
    font-weight     : 500 !important;
    text-decoration : none !important;
    border-radius   : 50px !important;
}

/* 3d flipbook btn - Stili per mobile */

@media (max-width: 768px) {
    .fb3d-link-lightbox-mode {
        font-size: 16px !important;
        padding  : 15px 35p !important;
    }
}

/*
 * 6. form pag contatti
 */

.elementor-form-fields-wrapper {
    justify-content: center;
}

.elementor-field-group.elementor-field-type-submit {
    align-items: center;
}

#form-field-message {
    border-radius: 30px !important;
}

#form-contatti .elementor-select-wrapper .select-caret-down-wrapper svg {
    height: 1rem !important;
}

/* Regola per assicurarsi che l'icona non sia tagliata */
.select-caret-down-wrapper {
    display        : flex;
    /* Per centrare l'icona verticalmente e orizzontalmente */
    align-items    : center;
    justify-content: center;
    width          : 24px;
    /* Imposta una larghezza fissa per l'icona */
    height         : 24px;
    /* Imposta un'altezza fissa per l'icona */
    overflow       : visible;
    /* Assicura che l'icona non venga tagliata */
}

/* Regola per ridimensionare l'icona se necessario */
.select-caret-down-wrapper .e-font-icon-svg {
    width     : 100%;
    /* L'icona si adatta alla larghezza del contenitore */
    height    : auto;
    /* Mantiene le proporzioni dell'icona */
    max-width : 24px;
    /* Imposta una larghezza massima */
    max-height: 24px;
    /* Imposta un'altezza massima */
}

/* 	
 * 7. Nav Tab - pagina marchi (custom css Elementor) 
 * */

/*
* 8. Accordition - pagina governance (custom css Elemntor)
* */

/*
* 9. hidden content per script js su function, collegamenti ancore marchi da home e menu
* */

.hidden-contenttab {
    display: none !important;
}


/*
 * 10. redbullet list
 * */

.bullet-red ul {
    list-style  : none;
    padding-left: 0px;
    line-height : 27px;
    font-size   : 18px;
    font-weight : 500;
}

.bullet-red li:before {
    content  : "\25CF";
    color    : #d7273f;
    position : relative;
    top      : 2px;
    right    : 5px;
    font-size: 30px;
}

/*
 * 11. form single job
 * */

.elementor-upload-field {
    appearance        : none;
    -webkit-appearance: none;
    padding           : 0;
    border            : 1px solid #ccc;
    border-radius     : 20px;
    padding           : 16px 16px;
    background        : none;
    font-family       : inherit;
    font-size         : 1rem;
    color             : #333;
    width             : 100%;
    cursor            : pointer;
}

.custom-upload-wrapper {
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    border          : 1px solid #333;
    border-radius   : 40px;
    padding         : 8px 16px;
    max-width       : 100%;
    background-color: white;
    overflow        : hidden;
}

.custom-upload-button {
    background-color: #f0f0f0;
    border          : 1px solid #ccc;
    border-radius   : 20px;
    padding         : 8px 16px;
    font-weight     : 600;
    font-size       : 14px;
    margin-right    : 12px;
    white-space     : nowrap;
    pointer-events  : none;
}

.custom-upload-text {
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    font-size    : 16px;
    color        : #333;
    flex         : 1;
}