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

.switch-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 20px;
}

/* Nascondo l’input in modo accessibile (non display:none) */
.switch-wrapper input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.custom-switch {
  width: 40px;
  height: 20px;
  background: #c6c6c6;
  border-radius: 20px;
  position: relative;
  transition: background 0.3s;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

.custom-switch::before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: white;
  top: 1px;
  left: 1px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  transition: left 0.3s;
}

/* Stato ON: colora il track e sposta il knob */
.switch-wrapper input[type="checkbox"]:checked + .custom-switch {
  background: #4caf50;
}

.switch-wrapper input[type="checkbox"]:checked + .custom-switch::before {
  left: 21px;
}



@media (min-width: 900px) {
	.woocommerce-billing-fields__field-wrapper {
	  display: flex;
	  flex-wrap: wrap;
	  row-gap: 2%;
	  column-gap: 5%;
	}
	.elementor-widget-woocommerce-checkout-page .woocommerce #customer_details .form-row {
		flex: 1;
		width: 30%;
		min-width: 30%;
	}	
}

/* Prodotti */
.single-product .bundle-box {
	width: 100%;
	min-width: 100%;
    border: 1px solid #ddd;
    padding: 5%;
    max-width: 600px;
    background: #f9f9f9;
    border-radius: 12px;
	
}
.switch-wrapper {
    display: flex;
    align-items: center;
}
.single-product .accessori-list {
	margin-top: 2%;
}
.totale-accessori {
	font-size: var(--e-global-typography-4ed07bc-line-height);
	padding-bottom: 2%;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
	background-color: var(--e-global-color-primary)
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
	background-color: var(--e-global-color-secondary);
}
.elementor-widget-woocommerce-checkout-page .e-login-actions-wrap-end .lost_password {
	font-size: var(--e-global-typography-text-font-size);
}

/* Toggle switch */
.bundle-box .switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 26px;
}
.bundle-box .accessory-label {
	padding-left: 5%;
}
.bundle-box .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.bundle-box .slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0;
    right: 0; bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 26px;
}
.bundle-box .slider:before {
    position: absolute;
    content: "";
    height: 20px; width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}
.bundle-box input:checked + .slider {
    background-color: #4CAF50;
}
.bundle-box input:checked + .slider:before {
    transform: translateX(24px);
}




.showBox {display: flex!important}
.icone .elementor-widget-flip-box, .icone .elementor-flip-box__layer__description {cursor: pointer}
.box>.elementor-container {max-width: 90%; margin: auto; padding: 5% 0}
.box-nopadding>.elementor-container {max-width: 90%; margin: auto;}
.boxed>.elementor-container {max-width: 80%; margin: auto; padding: 5% 0}
.boxed-nopadding>.elementor-container {max-width: 80%; margin: auto;}

.separatore {height: 5%!Important;}
.unrigo .elementor-button-text, .unrigo .elementor-heading-title {white-space: nowrap;}

/* Nuove griglie */
.griglia-articoli {display: grid; grid-template-columns: repeat(4,1fr); grid-column-gap: 4vw; grid-row-gap: 5vh;margin: auto;}
/* .griglia-articoli .posts__item {padding: 3%; background-color: var( --e-global-color-c7f39a7 );} */
.griglia-articoli .posts__item {display: block}
.griglia-articoli .post-thumbnail {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: calc( 0.7 * 100% ); margin-bottom: 3%}
.griglia-articoli .post-thumbnail img {position: absolute; height: 100%; width: 100%; object-fit: cover}
.griglia-articoli .posts__inner-content {} 
.griglia-articoli .posts__terms {display: block; color: var( --e-global-color-text ); font-size: var(--e-global-typography-600ee79-font-size); font-weight: normal; line-height: 1} 
.griglia-articoli .posts__terms a {color: var( --e-global-color-primary ); text-transform: uppercase; font-size: var(--e-global-typography-600ee79-font-size); font-weight: normal; line-height: 1}
.griglia-articoli .posts__terms a:hover {color: var( --e-global-color-text );}
.griglia-articoli .posts_text {display: block; overflow: hidden; }
.griglia-articoli .posts_text h3 {margin: 0}
.griglia-articoli .posts_text a {display: block; color: var( --e-global-color-text ); text-transform: uppercase; font-family: "Roboto Condensed", Sans-serif; font-size: var(--e-global-typography-c25ac12-font-size); line-height: 0.9; font-weight: 300; margin: 4% 0 2%; }
.griglia-articoli .posts_text p {display: block; color: var(--e-global-color-30285b3); font-size: var(--e-global-typography-91bfd26-font-size); text-transform: lowercase; line-height: 1.2; font-style: italic; margin: 0;}
.griglia-articoli a:hover {opacity: 0.8; color: var( --e-global-color-primary ) }
.griglia-articoli .ambasciatori-e-mondo {display: none}
.griglia-articoli .ambasciatori {display: block}
.italia, .mondo {cursor: pointer}


.slider-articoli {display: flex; margin: auto; padding: 0 50px; overflow: hidden }
.slider-articoli .slick-arrow {margin: 0 auto; padding: 0}
.slick-prev {left: 0!Important}
.slick-next {right: 0!Important}
.slider-articoli .posts__item {position: relative; width: 25%; padding: 0 30px}
.slider-articoli .post-thumbnail {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: calc( 0.7 * 100% ); margin-bottom: 3%}
.slider-articoli .post-thumbnail img {position: absolute; height: 100%; width: 100%; object-fit: cover}
.slider-articoli .posts__inner-content {} 
.slider-articoli .posts__terms {display: block; color: var( --e-global-color-text ); font-size: var(--e-global-typography-600ee79-font-size); font-weight: normal; line-height: 1} 
.slider-articoli .posts__terms a {color: var( --e-global-color-primary ); text-transform: uppercase; font-size: var(--e-global-typography-600ee79-font-size); font-weight: normal; line-height: 1}
.slider-articoli .posts__terms a:hover {color: var( --e-global-color-text );}
.slider-articoli .posts_text {display: block; overflow: hidden; }
.slider-articoli .posts_text h3 {margin: 0}
.slider-articoli .posts_text a {display: block; color: #fff; text-transform: uppercase; font-family: "Roboto Condensed", Sans-serif; font-size: var(--e-global-typography-c25ac12-font-size); line-height: 0.9; font-weight: 300; margin: 4% 0 2%; }
.slider-articoli .posts_text p {display: block; color: var(--e-global-color-30285b3); font-size: var(--e-global-typography-91bfd26-font-size); text-transform: lowercase; line-height: 1.2; font-style: italic; margin: 0;}
.slider-articoli a:hover {opacity: 0.8; color: var( --e-global-color-primary ) }

.filtri-storie {width: 90%; text-align: center; margin: auto; padding-bottom: 3%}
.filtro {display: inline-block; color: var( --e-global-color-e37ba29 )!Important; font-size: 2vw; font-weight: 300!Important; text-transform: lowercase; line-height: 1em; padding: 0.7% 2%}
.filtro-tutti {display: none}

.testimonial .elementor-testimonial {display: flex; flex-direction: column;}
.testimonial .elementor-testimonial__text {order: 1}
.testimonial .elementor-testimonial__content {order: 2; margin-top: 3%}

.mappa-home {height: 50vh; overflow: hidden;}
.mapsvg-24363 {transform: translatey(-50%)}

.pulsanti-storie {margin: auto}

/*
.storie .premiati-2016, .storie .premiati-2017, .storie .premiati-2018, .storie .premiati-2019, .storie .premiati-2021, .storie .premiati-2022, .storie .premiati-2023, .storie .premiati-2024, .storie .nominations {display: none}
.premiati-2024, .premiati-2023, .premiati-2022, .premiati-2021, .premiati-2020, .premiati-2019, .premiati-2018, .premiati-2017, .premiati-2016 {display: none} 
*/
.titolo {display: none}
.attivo .titolo {display: block!Important}
.attivo a {color: var( --e-global-color-primary )!Important}

.audio-footer {width: 100%}

.sfondo-rosso {background-color: var(--e-global-color-primary); margin-bottom: 2vh}
.sfondo-rosso .elementor-toc__header-title {}
.tabella-contenuti .elementor-toc__body, .sfondo-rosso > div {max-width: 1500px; margin: auto;}

.icona-progetto .elementor-flip-box {height: 0; padding-bottom: 100%;}
.attivo .elementor-flip-box__front {background-color: var(--e-global-color-primary)!Important; }
.attivo .elementor-flip-box__layer__inner * {color: #fff!Important}


/*non spezza le parole nei titoli delle videogallery*/
.eavg-video-card-name {word-break:normal!important;}
.eavg-slider-slider .eavg-slider-inner .eavg-slider-item {max-width: 25%}


.post-tags .tag-links {display:none!important;}
.tag-links {display:none!important;}
/* body {max-width: 1920px; margin: auto!important} */

.puntatore:hover {cursor: pointer!important}
.testo-icone {background: #F6F6F6; margin: 10px; } /* position: absolute; z-index: 10 */
.testo-icone .testo {clear: both; width: 100%; padding: 10px 30px 30px}
.icona-progetto .elementor-icon-box-icon {margin-bottom:-20px!important;}
.icona-progetto:hover {cursor: pointer;}
.chiudi {position: relative; float: right; padding: 2px 10px; background: #fff; cursor: pointer; margin: 5px}

.conta-visite {display: block; width: 100%; text-align: right;}

.fa, .fas {font-family: "Font Awesome 5 Free"!important;}

.cerca i {font-size: 2.5vw!Important}

@media (max-width: 1920px) {
    .elementor-nav-menu__align-center .elementor-nav-menu, .elementor-nav-menu__align-center .elementor-nav-menu--layout-vertical>ul>li>a {
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}
}
.elementor-26266 .elementor-element.elementor-element-d44b899 .elementor-nav-menu--main .elementor-item {
    margin-right: 1vw
}
@media (max-width:1400px) {
    .elementor-26266 .elementor-element.elementor-element-d44b899 .elementor-nav-menu .elementor-item {font-size: 0.7rem;}
}


/* Nuovo player */
.singola .elementor-image-box-img {height: 0; padding-bottom: 56.25%; overflow: hidden!Important}
.singola .elementor-image-box-img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.plyr__controls [type=button], .plyr__controls [type=submit], .plyr__controls button {color: #A00B0F!important; border-color: #A00B0F!important}
.plyr__controls [type=button]:focus, .plyr__controls [type=button]:hover, .plyr__controls [type=submit]:focus, .plyr__controls [type=submit]:hover, .plyr__controls button:focus, .plyr__controls button:hover {background-color: rgba(0, 0, 0, 0.6)!Important}
.plyr__menu {display: none!important}
.plyr__controls button {padding: 5px!important}
.plyr__control--overlaid {display: none!Important}
.pulsanti-toria .elementor-widget-wrap {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.video-storia-2, .video-storia-3, .video-storia-4 {display: none!important}
.pulsante-storia-1, .pulsante-storia-2, .pulsante-storia-3, .pulsante-storia-4 {cursor: pointer!Important}
.pulsanti-storie .elementor-image-box-img {height: 0!Important; padding-bottom: 56.25%!important; overflow: hidden!Important}
.eavg-slider-component .eavg-video-card-container .eavg-video-card-name {overflow: visible!Important; white-space: normal!Important;}
.eael-sticky-video-wrapper {min-height: 372px}
/* .pulsanti-toria .singola {width: 22.85%!Important} */
.eavg-player-component {padding-top: 56.25%!Important}
.eavg-slider-inner {margin-left: -10px; margin-right: -10px}
.esg-pagination {display: none !important;}
.esg-bc {bottom: 10%}
.esg-entry-cover:hover .eg-storie-container {opacity: 0!important; }
.esg-entry-cover:hover .eec {display: none!important;}
.eavg-slider-item:hover svg {fill: var( --e-global-color-primary )}


.colonna-albo {width: 35px!Important; min-height: 380px!Important;}

/* vertical banner */
.storia .albo-oro, .storia .categoria {position: relative; color: #fff!Important; font-weight: bold!Important; font-size: 14px!Important; text-align: center; margin: 0 20px}
.storia .albo-oro {float: left;}
.storia .categoria {float: right; transform: rotate(0deg);}
.storia .outer, .storia .inner {text-align: center; margin: auto}
@media (min-width: 768px) {
	.storia .albo-oro, .storia .categoria {margin: 0}
	.storia .outer {
	  writing-mode: tb-rl;
	  display:flex;
	  align-items:center;
	  justify-content: center;
	  width: 100%;
	  height: auto;
	}
	.storia .inner{
	  transform: rotate(180deg);
	  display: inline-flex;
	}
	.storia .categoria {
	  position: absolute;
      top: 170px;
	  transform: rotate(0deg);
	}
	
}

/* e-Mondo */
.e-mondo .categoria {transform: rotate(-90deg);}
.e-mondo .videogallery .dzs-navigation--item-content {display: inline-flex; align-items: center;}
.e-mondo .dzs-navigation--item {opacity: 0.7}
.e-mondo .active, .e-mondo .dzs-navigation--item:hover {opacity: 1!Important}
.e-mondo .videogallery .dzs-navigation--item-content:after {display: none}
/* Animazione arrow */
.arrowcontainer {}
.arrowAnim {
	margin-top: -19px;
	width: 300px;
    float: right;
    margin-right: 100px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.text-arrow {transform: translatex(-100%); line-height: 0.8!Important}
.arrow {
  width: 12px;
  height: 12px;
  border: 2px solid;
  border-color: black transparent transparent black;
  transform: rotate(135deg);
}
.arrowSliding {
  position: absolute;
  -webkit-animation: slide 4s linear infinite; 
          animation: slide 4s linear infinite;
}
.delay1 {
  -webkit-animation-delay: 1s; 
    animation-delay: 1s;
}
.delay2 {
  -webkit-animation-delay: 2s; 
    animation-delay: 2s;
}
.delay3 {
  -webkit-animation-delay: 3s; 
    animation-delay: 3s;
}
@media (max-width: 480px) {
	.arrowAnim {width: 200px; margin-top: -12px; margin-right: 0; }
	.text-arrow {background: #F6F6F6; padding: 3px}
	
}
@-webkit-keyframes slide {
    0% { opacity:0; transform: translateX(-15vw); }  
   20% { opacity:1; transform: translateX(-9vw); } 
   80% { opacity:1; transform: translateX(9vw); }  
  100% { opacity:0; transform: translateX(15vw); } 
}
@keyframes slide {
    0% { opacity:0; transform: translateX(-15vw); }  
   20% { opacity:1; transform: translateX(-9vw); } 
   80% { opacity:1; transform: translateX(9vw); }  
  100% { opacity:0; transform: translateX(15vw); } 
}





/* Home storie */
.gst .elementor-widget-container { 
	width: 940px;
	max-width: 100%;
    overflow: auto;
    /*white-space: nowrap;*/
}

.gst .elementor-posts-container {
    max-height: 280px;
	margin-bottom: 30px;
    /*overflow: hidden;*/
    width: 2900px;
grid-template-columns: repeat(14,1fr)!important;
}

.gst .elementor-widget-container::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: rgba(245,245,245,0.3);
}

.gst .elementor-widget-container::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.gst .elementor-widget-container::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #7A7A7A;
}




.eg-icon-videocam:before {display: none}
.filter-post-format-video .eg-icon-videocam:before {display:inline-block}
.flat-light, .flat-light .esg-navigationbutton {background: transparent!important; box-shadow: none!important; border: none!important;}

.progetto-icona {padding-bottom: 20px}

.colonna-1 {width: 5%!important;}
.colonna-2 {width: 95%!important;}
.categoria {transform: rotate(-90deg);}
.categoria .elementor-button-wrapper {min-width: 200px; margin-left: 20px}
.slider-storia .elementor-main-swiper {height:0!Important; padding-bottom: 56.25%!Important; margin-bottom: 0!Important}
.slider-storia .elementor-main-swiper .swiper-wrapper {position: absolute!Important}
.slider-storia .elementor-thumbnails-swiper {position: absolute; right: 0; margin-top: 10px; width: 100%;}
.slider-storia .elementor-thumbnails-swiper .swiper-slide {width: 160px!important}
.slider-storia .elementor-thumbnails-swiper .swiper-slide-active {display: none!important} 
.slider-storia .elementor-thumbnails-swiper .swiper-wrapper {justify-content: left; transform: translate3d(0, 0px, 0px)!Important;}

.videogallery .imgblock {border: none!important}
.videogallery.skin-aurora .dzs-navigation--item {opacity: 1!important}
.videogallery.skin-aurora .dzs-navigation--item:hover, .videogallery.skin-aurora .dzs-navigation--item.active {opacity: 1!important; color: #A00B0F!Important}

.videogallery.skin-aurora .divimage.imgblock {border-radius: 0!Important}
.videogallery.skin-aurora .dzs-navigation--item-content > .imgblock {width: 100px!important; height: 56.3px!important; }


.elementor-portfolio-item {overflow: visible!important;}
.elementor-portfolio-item__overlay {opacity: 1!important; top: auto!important; bottom: -60px!important; min-height: 50px; padding: 0!important; text-align: left!important; display: inline!important;}
.elementor-portfolio-item:hover .elementor-portfolio-item__title {color: #a00b0f!important}


.diconodinoi .elementor-testimonial {display: flex; flex-direction: row;}
.diconodinoi .elementor-testimonial__content {order: 1; position: relative; width: 80%; float: left;}
.diconodinoi .elementor-testimonial__footer {order: 0; position: relative; width: 20%; float: left;}


.title-cerca {font-size: 200%!Important}
.cerca .posts_text a {font-size: 100%; font-weight: 600; line-height: 1.1em}
.cerca .posts_text p {
	font-size: 0.8vw;
}
@media (min-width: 1080px) {
	
}

@media (max-width: 840px) {
	.icona-attributo .elementor-icon-box-icon, .icona-attributo .elementor-icon-box-content {display: inline-block!important; text-align: left;}
	.icona-attributo .elementor-icon-box-content {padding-left: 10px;}
	.icona-attributo .elementor-icon-box-title {margin-bottom: 0; margin-top: 3px}
	.icona-attributo .elementor-icon-box-wrapper {display: flex}
	.progetto-icona {height: 0; padding-bottom: 25%}
	.griglia-articoli {grid-template-columns: repeat(2,1fr); max-width: 100%;}
	.eavg-slider-slider .eavg-slider-inner .eavg-slider-item {max-width: 33.33%}
	.cerca i {font-size: 5vw!Important}
}

@media (max-width: 480px) {
	body {max-width: 100%; overflow-x: hidden;}
	.slider-storia .elementor-main-swiper {height:0!Important; padding-bottom: 100%!Important; margin-bottom: 0!Important}
	.progetto-icona {height: 0; padding-bottom: 50%}
	.elementor-sticky--active .elementor-widget-theme-site-logo img {width: 90px!important}
	.eael-sticky-video-wrapper {min-height: 220px}
	.eavg-slider-videos {left: 0!Important; width: 100%!Important;}
	.colonna-albo {width: 100%!Important; min-height: auto!Important;}
	.colonna-spazio {width: 25%}
	.griglia-articoli {grid-template-columns: repeat(1,1fr); max-width: 100%;}
	.eavg-slider-slider .eavg-slider-inner .eavg-slider-item {max-width: 50%}
	.box>.elementor-container>.elementor-row {max-width: 100%!Important; margin: auto; padding: 4% 0!Important}
	.box-nopadding>.elementor-container>.elementor-row {max-width: 100%!Important;}
	.separatore {height: 0%!Important;}
	.cerca i {font-size: 7.5vw!Important}
}
