/* Header home */

/*MENU MOBILE*/

.menu-menu-principale-container{
    text-align: center;
}
.menu-menu-principale-container li.menu-item{
	padding-bottom: 20px;
}

.menu-item-has-children ul.sub-menu{
    display: none !important;
}

.menu-item-has-children a.active ~ ul.sub-menu{
    display: block !important;
}

/*FOOTER*/
.footer-mobile .g-cols{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

ul#menu-menu-ordina-online-1 a,
ul#menu-menu-ordina-online-en a, 
ul#menu-menu-ordina-online-fr-1 a,
ul#menu-menu-ordina-online-pt-1 a,
ul#menu-menu-informazioni-1 a,
ul#menu-menu-informazioni-en-1 a,
ul#menu-menu-informazioni-fr-1 a, 
ul#menu-menu-informazioni-pt-1 a{
    font-size: 14px;
    font-weight: 300;
}

.footer-column-img .vc_column-inner{
    align-items: flex-end;
}

@media (min-width: 1440px) {
	.single.single-locali .l-section-img {
		background-position: top;
		background-size: contain;
	}	
}
@media (min-width: 1024px) and (max-width: 1439.98px) {
	.single.single-locali .l-section-img {
    background-size: 140%;
    background-position: center;
    background-position-y: top;
	}	
}

@media (min-width: 600px) and (max-width: 1220px) {
    .header-video-animation {
        left: unset;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

}

@media (min-width: 1024px){
    /*MENU LINGUE*/
    .container-language:hover ul.js-wpml-ls-sub-menu.wpml-ls-sub-menu{
        visibility: visible !important;
        opacity: 1;
        transform: scaleY(1) translateZ(0);
    }

    .wpml-ls-sub-menu {
        visibility: hidden;
        opacity: 0;
        transform: scaleY(0);
        transform-origin: 50% 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    a.wpml-ls-link:hover{
        background-color: #452247 !important;
    }

    .menu-black .wpml-ls-item-toggle::after{
        border-top: 5px solid black;
    }
    .wpml-ls-item-toggle::after,
    header#page-header.sticky .menu-black .wpml-ls-item-toggle::after{
        content: '';
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle;
        width: 0;
        height: 0;
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
        border-top: 5px solid #FFF;
        transition: transform 0.3s ease;
        border-radius: 0px;
        transform-origin: center;
        line-height: 1;
    }

    .wpml-ls-item-toggle:before{
        display: none;
    }

    .wpml-ls-legacy-dropdown-click a:hover::after{
        transform: rotate(180deg);
    }


}

@media screen and (max-width: 1024.99px) {
    /*MENU LINGUE MOBILE*/

    .wpml-ls-item-toggle:before{
        display: none;
    }
    .wpml-ls-item-legacy-dropdown-click{
        display: flex;
        flex-direction: row;
        justify-content: center;
        column-gap: 10px;
    }

    .wpml-ls-sub-menu{
        position: initial;
    }
    .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu li a {
         background: transparent;
        box-shadow: none;
    }
    .no-touch .wpml-ls-sub-menu a:hover {
        background: transparent;
    }
    .wpml-ls-legacy-dropdown-click a{
        padding: 0;
    }
    .wpml-ls-legacy-dropdown-click ul{
        margin: 0;
    }

    .wpml-ls-current-language > a > span.wpml-ls-native,
    .wpml-ls-current-language span.wpml-ls-native:hover{
        background-color: #FFFFFF;
        color: #452247;
        font-weight: 400;
    }
	
	.w-popup-closer:before {
    font-weight: 100 !important;
}

.w-popup-wrap[style*="--popup-padding"] .w-popup-box-content {
    padding: 20px 1.5rem !important;
}

.container-language ul{
	display: flex;
	justify-content: center;
}

.container-language ul .wpml-ls-sub-menu{
	display: flex;
    column-gap: 10px;
}
	
    /*PRODOTTI*/
    .grid-product .w-grid-item-h a.w-btn{
        opacity: 1;
        transform: none;
    }
    .card-specilita .post_image::after {
        background: none;

    }
    .card-specilita:hover .post_image img {
        filter: blur(0px);
    }


}

@media screen and (max-width: 992px) {
    .section-history.hide-mobile{
        display: none;
    }
    .section-history.show-mobile{
        display: block;
    }

    .section-history.show-mobile .l-section-h.i-cf{
        display: flex;
        justify-content: center;
    }

    .section-history.show-mobile .col-decoration::before {
        content: '';
        display: block;
        background: url('/wp-content/uploads/2025/05/icona-vector-doppio-rombo.jpg');
        width: 35px;
        height: 55px;
        background-size: cover;
        background-repeat: no-repeat;
        left: -17.5%;
        position: absolute;
        z-index: 1;
    }

    .section-history.show-mobile .section-history-col > .vc_column-inner > .wpb_wrapper::before {
        content: '';
        display: block;
        position: absolute;
        width: 3px;
        height: 98%;
        top: 0;
        /*left: 50%;*/
        border-left: 2px dashed #C4A465;
    }
    .section-history.show-mobile .section-history-col .vc_column-inner{
        padding-left: 70px !important;
    }

    .w-slider-item-description {
         font-size: 0.9em;
        opacity: 1;
        display: flex;
        column-gap: 20px;
    }
    /* Mobile Ste */
    .row-header-homepage .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default {
        padding: 0;
        margin: 0!important;
    }
    .row-header-homepage .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default .vc_column-inner {
        padding: 0;
    }
    .ordina-gelato-mobile .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default { 
        width: 100%!important;
    }
}
/* Mobile Ste */
@media screen and (min-width: 769px) {
    .home-hero-mobile {
        display: none;
    }
    .header-video-animation h1 {
        opacity: 0;
        transition: opacity 0.6s ease;
    }
}
@media screen and (max-width: 768px) {
    /*HOME*/
    .header-video-animation h1{
        font-size: 48px !important;
        line-height: 48px !important;
    }

    h1{
        font-size: 37px !important;
        line-height: 30px !important;
    }

    h2{
        font-size: 25px !important;
        line-height: 30px !important;
    }
    section#\#ordina-gelato-online-mobile .container-text-background-image {
        height: 402px;
    }
    section#\#ordina-gelato-online-mobile .container-text-background-image > .vc_column-inner {
        padding-left: 2.5rem !important;
    }
    .icon-almond-after .w-image-h::after {
        background-image: url('/wp-content/uploads/2025/05/icona-vector-quattro-rombi-1.png');
    }
    .container-icon-after.icon-mole-after{
        top: 0px;
    }
    .row-justify-center.column-reverse > .l-section-h > .g-cols{
        flex-direction: column-reverse;
        row-gap: 60px;
    }
    .hide-mobile{
        display: none;
    }
    .show-mobile{
        display: block;
    }
    .container-riconoscimenti .w-gallery-item{
        max-width: 93px;
    }
    .w-gallery.type_grid:not([style*="--columns:1;"]) .w-gallery-list {
        grid-template-columns: repeat( 3,1fr );
    }
    .single-icon img{
        display: none;
    }
    .section-unisciti-noi .vc_column-inner,
    .section-unisciti-noi .vc_column_container{
        align-items: center;
    }
    .section-unisciti-noi .column-reverse {
        flex-direction: column-reverse;
        row-gap: 30px;
    }
    .product-list .nav-links {
        justify-content: center !important;
    }
    header#page-header .heading-header{
        height: 364px !important;
    }
    .niva-custom-video.niva-video {
        display: none;
    }
    /* Mobile Ste */
    .row-header-homepage .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default,
    .ordina-gelato-online .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default,
    .entra-niva .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default,
    #gelaterie-mondo-mobile-img-container .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default { 
        width: 100%!important;
    }
    .ordina-gelato-online .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default {
        margin: 0;
    }
    .row-header-homepage .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default { 
        margin: 0;
        padding: 0;
    }
    .entra-niva .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default { 
        margin: 0;
    }
    .ordina-gelato-online .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default .ordina-gelato-online-img-mobile .vc_column-inner, 
    .row-header-homepage .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default .vc_column-inner,
    .entra-niva .l-section-h.i-cf .g-cols.vc_row.via_flex.valign_top.type_default.stacking_default .entra-niva-img-mobile .vc_column-inner,
    #gelaterie-mondo-mobile-img-container { 
        padding: 0;
    }
    .gelaterie-mondo .container-icon-after,
    #gelaterie-mondo-mobile-img-container .container-icon-after {
        margin: 0!important;
    }
    #gelaterie-mondo-mobile .container-icon-after.icon-mole-after {
        display: none;
    }
    /* Fine mobile ste */
    .button-entra-niva {
        background-color: #fff!important;
    }
    /* Icona Mole */
    .icon-almond-after::after {
        width: 110px;
        top: 0;
        left: calc(50% - 55px);
    }
    /* Grafiche sovrapposte alle */
    .icon-almond-after .w-image-h::after {
        top: -93px;
        left: calc(50% - 55px);
    }
/*    PRODOTTI*/
    .product-list .w-grid-list,
    section#griglia-altre-specialita .w-grid-list{
        row-gap: 150px !important;
    }
/*    LOCALI*/
    .container-altri-locali .w-grid-list{
        display: flex !important;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 599px){
    .single-container-timeline {
        width: auto;
        padding-bottom: 70px;
    }
    .wpb_single_image.vc_align_right,
    .wpb_single_image.vc_align_center{
         text-align: left;
    }
    .section-history.show-mobile .col-decoration::before {
        /* left: -13.9%; */
        left: -62px;
    }
    .header-video-animation {
        left: unset;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
	.single.single-locali .l-section-img {
   	 background-size: 260%;
	}
}