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


/* Fabio 11-3-2025 */

p {margin:0}

div#menu-tab-prod { background-color:#fff }

.elementor-hidden-desktop.elementor-hidden-laptop.elementor-hidden-tablet_extra.elementor-hidden-tablet.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--effects.e-lazyloaded.elementor-sticky--active.elementor-section--handles-inside {
  z-index:20!important;
}


html, body {
  overflow-x: hidden !important;
}


.slide-bg-t-n {  background-size:cover; background-position:center;  width:100%; height:197px; cursor:zoom-in; position:relative; }



@media only screen and (max-width: 768px) {
  .elementor-sticky--active { }
}

/* Loader Elementor */
.elementor-loading { background-color:#008ECA }
.elementor-loading-box { background:none; border:none }
.elementor-loading-box::before {
  content:'';
  display:block;
  width:50px; height:50px;
  margin:auto;
  border:6px solid #343E4B;
  border-top:6px solid #343E4B;
  border-radius:50%;
  animation:spin 1s linear infinite;
}

@keyframes spin { 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} }

/* Iframe Soluzioni */
#descr-sol iframe { 
  width:100%; max-width:350px; 
  margin:7px 0 5px 30px;
  max-height:197px;
  float:right;
  box-shadow:-10px 10px 10px 2px rgba(3,3,3,.5);
} 

#solution-sx div.uc_post_list_content_inside h3 {
  border-left:2px solid #fabf2c;
  margin-top:10px;
}

#solution-sx div.button-on-side a.uc_more_btn { padding-top:4px }


#woo-cat div.uc_post_grid_style_one_item {
  box-shadow:10px 10px 10px 2px rgba(3,3,3,.5)
}

#solution-sx .uc_post_list_box:hover { background-color:#f5f5f5 }

div#slider-by-id {
  float:right; width:350px; height:199px;
  margin:0 0 30px 30px;
  position:relative;
}
div#slider-by-id div.custom-product-slider-ez-wrapper {
  box-shadow:-10px 10px 10px 2px rgba(3,3,3,.5);
}

/* Frecce di navigazione */
#slider-by-id .arrow,
#slider-by-id-prod .arrow {
  position:absolute; top:50%; transform:translateY(-50%);
  cursor:pointer; z-index:3;
  width:30px; height:30px;
  color:#008ECA; transition:color .3s ease;
}
#slider-by-id .arrow-left { left:.5%; display:none }
#slider-by-id .arrow-right { right:.5%; display:none }
#slider-by-id .arrow:hover,
#slider-by-id-prod .arrow:hover { color:#FABF2C }
#slider-by-id .custom-chevron,
#slider-by-id-prod .custom-chevron { width:100%; height:100%; display:block }

/* Immagini slider */
#slider-by-id .custom-product-slider-ez .slide img.ez-image,
#slider-by-id-prod .custom-product-slider-ez .slide img.ez-image {
  width:100%; max-width:200px; height:auto;
  display:block; margin:0 auto;
}

/* Paginazione */
#slider-by-id .custom-pagination-ez,
#slider-by-id-prod .custom-pagination-ez {
  display:flex; justify-content:center;
  margin:10px auto;
  gap:8px; padding:10px 0;
  background:transparent;
  border-radius:6px;
  width:fit-content;
}
#slider-by-id .custom-pagination-ez .dot,
#slider-by-id-prod .custom-pagination-ez .dot {
  width:15px; height:5px;
  background-color:#ccc;
  transition:background-color .3s;
  cursor:pointer;
}
#slider-by-id .custom-pagination-ez .dot:hover,
#slider-by-id-prod .custom-pagination-ez .dot:hover { background-color:#FABF2C }
#slider-by-id .custom-pagination-ez .dot.active,
#slider-by-id-prod .custom-pagination-ez .dot.active { background-color:#008ECA }

/* Fancybox */
#slider-by-id div.fancybox-caption__body,
#slider-by-id-prod div.fancybox-caption__body { display:none }
#slider-by-id div.fancybox-infobar,
#slider-by-id-prod div.fancybox-infobar {
  bottom:20px; left:50%; margin-left:-20px; top:unset;
}

/* EasyZoom */
#slider-by-id .easyzoom { position:relative; display:inline-block }
#slider-by-id .easyzoom img { vertical-align:bottom }
#slider-by-id .easyzoom.is-loading img { cursor:progress }
#slider-by-id .easyzoom.is-ready img { cursor:crosshair }
#slider-by-id .easyzoom.is-error img { cursor:not-allowed }
#slider-by-id .easyzoom-notice {
  position:absolute; top:50%; left:50%; z-index:150;
  width:10em; margin:-1em 0 0 -5em;
  line-height:2em; text-align:center;
  background:#fff; box-shadow:0 0 10px #888;
}
#slider-by-id .easyzoom-flyout { position:absolute; z-index:100; overflow:hidden; background:#fff }
#slider-by-id .easyzoom--overlay .easyzoom-flyout { top:0; left:0; width:100%; height:100% }
#slider-by-id .easyzoom--adjacent .easyzoom-flyout { top:0; left:100%; width:100%; height:100%; margin-left:20px }
#slider-by-id .zoomLens {
  width:640px!important; height:360px!important;
  border:2px solid #008eca!important;
}

/* Slider Brackets Fabio B. 7 agosto 2025 */
#slider-by-id-prod .arrow-left { left:.5% }
#slider-by-id-prod .arrow-right { right:.5% }

/** Altezza minima top Fabio B. 23 luglio 2025 **/
body.single-product div[data-elementor-post-type="page"] div.e-con-inner,
div[data-elementor-type="product"] div.e-con-inner { min-height:165px }

/* Evidenziazione lista */
div#solution-sx div.selected h3.uc_post_list_title { color:#008eca }
div#solution-sx div.selected { background-color:#f5f5f5 }
#solution-sx div.uc_post_list_box:last-child { border:none }

/* Portfolio immagini */
div[data-elementor-post-type="portfolio"] div.elementor-widget-image { padding:0 20px!important }


/* ==================== Single Portfolio ==================== */
.tlp-portfolio-container.tlp-single-detail {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.tlp-single-detail{
    margin-top: 0px;
}




/* Logo transizione */
.page-transition-logo {
  display:inline-block;
  transition:transform .6s ease, filter .6s ease;
  box-shadow:4px 4px 8px rgba(0,0,0,.3), -4px -4px 8px rgba(255,255,255,.6);
  border-radius:12px;
  background:#f0f0f0;
}

#footer-point div { line-height:0!important }

/** Immagini prodotto sopra altri elementi **/
#col-sx-prod, #col-dx-img { z-index:1 }

/* Titolo Coming Soon */
div.tit-co-vi {
  font-size:20px; line-height:26px; margin-bottom:0;
  font-family:"Roboto"; font-style:italic;
  color:var(--e-global-color-accent);
  box-shadow:-10px 10px 10px 2px rgba(3,3,3,.5);
  border:2px solid var(--e-global-color-accent);
  width:350px; height:197px;
  display:flex; align-items:center; justify-content:center;
  background-color:var(--e-global-color-7a23cbc);
  opacity:.5;
}

/* Font Aptos */
@font-face {
  font-family:'Aptos';
  src:url('/wp-content/aptos/aptos.woff2') format('woff2'),
      url('/wp-content/aptos/aptos.woff') format('woff');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

/* Testi */
#text-prod em { display:block }
p#text-news { font-size:16px; line-height:1.5em }

/* Immagini lista soluzione */
#solution-sx .uc_post_list_image { width:130px; height:70px }

/* Nascondi primo portfolio */
div.tlp-portfolio-container > div:first-child { display:none }

/* Menu */
#menu-home a:hover { color:#008ECA }
#menu-home a.uc-mega_menu_title { flex-direction:column }

/* Rimozione ghiera deskt su slider */
.ug-canvas-pie { display: none!important;  }

@media (min-width: 880px) {
  #menu-home div.ue-graphic-element { display:none }
  #menu-home a.uc-current-page:before { background-color:#fff }
}

/* ------------------------------
   MEDIA QUERIES
------------------------------- */

/* Tablet landscape */
@media (max-width: 1366px) {
  #solution-sx div.uc_post_list_content_inside h3 { font-size:11px }
p#text-news { font-size:15px }	
	
}

/* Desktop medi */
@media only screen and (max-width: 1200px) {
  #descr-sol iframe { max-width:350px; margin:7px 0 5px 30px; max-height:197px; float:right }
	p#text-news { font-size:14px }
	
div#bullet {  bottom: -80px; }	
	
}

/* Tablet portrait */
@media only screen and (max-width: 880px) {
  #descr-sol iframe { max-width:290px; max-height:180px; float:right }
  div.uc_post_list_image { margin:0 auto }
  nav.uc-mega_menu-wrapper.uc-mobile-mode {
    height:620px!important; margin-top:72px; background-color:#ccc;
  }
  div#menu-home nav.uc-mobile-mode li.uc-mega_menu_list_item a.uc-mega_menu_title { padding-left:10%!important }
  nav.uc-mobile-mode ul.uc-mega_menu_list li.uc-mega_menu_list_item a.uc-mega_menu_title:hover:after {
    background-color:#fff!important; height:0!important;
  }
p#text-news { font-size:13px }	
	
#solution-sx div.uc_post_list_content_inside h3 { font-size:12px }
	
	
div#bullet {  bottom: -60px; }		
	
}

/* Mobile */
@media only screen and (max-width: 767px) {
  
  #woo-cat div.uc_post_grid_style_one_item { box-shadow:3px 3px 3px 2px rgba(3,3,3,.5) }

  #descr-sol iframe {
    max-width:290px; margin:20px auto 0; max-height:180px;
    display:block; float:none;
  }

  div#solution-sx div.uc_post_list_image,
  div#prod-list-1 div.uc_post_list_image { margin:0 auto }

  div#solution-sx div.button-on-side,
  div#prod-list-1 div.button-on-side { display:none }

  #solution-sx div.uc_post_list_content_inside h3,
  #prod-list-1 div.uc_post_list_content_inside h3 { border:none }


  #tab-prod-post div.tab-prod > div:first-child { padding:0; min-height:500px }

  div#prod-list-1 div.ue-active-item { background-color:#fff }
  div#prod-list-1 div.ue-active-item h3.uc_post_list_title { color:#008ECA }
  div#prod-list-1 div.ue-active-item div.uc_post_list_image { box-shadow:1px 1px 3px #000 }

  div#slider-by-id {
    margin:20px auto 30px; display:block;
    width:100%; max-width:350px; float:none;
  }

div#solution-sx div.selected { background-color:#fff }
#menu-home a.uc-mega_menu_title { flex-direction:row }
p#text-news { font-size:12px }
	
	
#solution-sx div.uc_post_list_content_inside h3 { font-size:12px }	
	
#solution-sx div.uc_post_list_content_inside h3 { margin: 8px 0px; }	

}


/* Testo giustificato */
p#text-news  {
  text-align: justify !important;
  padding-top: 0px;

}


p#text-news a  {  text-decoration: underline; }


p#text-news ul, p#text-news ol  {
  
       padding-left: 30px;
       display: flow-root;
       padding-top: 10px;
       padding-bottom: 10px;   
}

p#text-news li {
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}


#text-news  iframe {
  width: 350px;
  height: 197px;
  float: left;
  margin-top: 19px
}

p#text-news  iframe:nth-of-type(2) {
  margin-left: 43.5px;
  margin-right: 43.5px;
}


 #text-news iframe:before {
  content: 'Questo è un blocco prima del contenuto';
  display: block;
  background: #f0f0f0;
  padding: 20px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}


#text-news h3 { margin:0px; margin-top:10px }

/* Correzione Fit Immagini prodotti in categorie prodotti FAbio B. 8 ottobre 2025 */

div#descr-archivio a.uc_post_grid_style_one_image  div.uc_post_image img { height:auto!important; }


@media (min-width: 767px) {    
   #text-news iframe {
    width: 42%;
    max-width: 350px;
}

}

@media (max-width:550px) {  #img-gallery-news { float:none; }  }


#img-gallery-news .ug-slider-wrapper  { background-color:#F5F5F5!important; }

#img-gallery-news {
    
    width: 350px;
    float: left;
    height: 197px;
    margin: 2px 26px 30px 0px;
    
}

#img-gallery-news div.ug-bullet-active {
    
    background-color: #fabf2c; 
}

#img-gallery-news div.ug-bullet {
    
    border: 1px solid #fabf2c;
    
}

#img-gallery-news div.ug-bullet{

width:10px!important;
height:10px!important;

}


/* Paginazione */
.custom-pagination-ez {
    display: flex;
    justify-content: center;
    margin-top: -20px;
    margin-bottom: 10px;
    gap: 8px;
    padding: 2px 0 10px 0px;
    background: transparent;
    border-radius: 6px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.custom-pagination-ez .dot {
    width: 15px;
    height: 5px;
    background-color: #ccc;
    transition: background-color 0.3s;
    cursor: pointer;
}

.custom-pagination-ez .dot:hover {
 background-color:#FABF2C;
}


.custom-pagination-ez .dot.active {
    background-color: #008ECA;
}


div.fancybox-caption__body {   
    display: none;   
}

div.fancybox-infobar {
    
bottom:20px;
left:50%;
margin-left: -20px;
top: unset;
    
}


@media screen and (max-width: 1200px) {
   #zoom-elevate .custom-product-slider-ez-wrapper  {
        min-height: 560px !important;
    }
}


@media screen and (max-width: 1024px) {
 #zoom-elevate .custom-product-slider-ez-wrapper  {
        min-height: 550px !important;
    }
}


@media screen and (max-width: 880px) {
  #zoom-elevate  .custom-product-slider-ez-wrapper  {
        min-height: 340px !important;
    }
}




/* Frecce di navigazione */
.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
    width: 30px;
    height: 30px;
    color: #008ECA;
    transition: color 0.3s ease;
}

.arrow-left {
    left:1%;
}

.arrow-right {
    right:1%;
}

.arrow:hover {
    color: #FABF2C;
}

.custom-chevron {
    width: 100%;
    height: 100%;
    display: block;
}

/* Immagine dello slider */
.custom-product-slider-ez .slide img.ez-image {
    width: 100%;
    max-width: 600px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Paginazione */
.custom-pagination-ez {
    display: flex;
    justify-content: center;
    margin-top: -20px;
    margin-bottom: 10px;
    gap: 8px;
    padding: 10px 0;
    background: transparent;
    border-radius: 6px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.custom-pagination-ez .dot {
    width: 15px;
    height: 5px;
    background-color: #ccc;
    transition: background-color 0.3s;
    cursor: pointer;
}

.custom-pagination-ez .dot:hover {
 background-color:#FABF2C;
}


.custom-pagination-ez .dot.active {
    background-color: #008ECA;
}


/**
 * EasyZoom core styles
 */
.easyzoom {
	position: relative;

	/* 'Shrink-wrap' the element */
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.easyzoom img {
	vertical-align: bottom;
}

.easyzoom.is-loading img {
	cursor: progress;
}

.easyzoom.is-ready img {
	cursor: crosshair;
}

.easyzoom.is-error  img {
	cursor: not-allowed;
}

.easyzoom-notice {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 10em;
	margin: -1em 0 0 -5em;
	line-height: 2em;
	text-align: center;
	background: #FFF;
	box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
	position:absolute;
	z-index: 100;
	overflow: hidden;
	background: #FFF;
}

/**
 * EasyZoom layout variations
 */

.easyzoom--overlay .easyzoom-flyout {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	margin-left: 20px;
}


.zoomLens {
    width: 640px !important;
    height: 360px !important;
    border: 2px solid #008eca !important;
}

div.fancybox-caption__body {
    
    display: none;
    
}

div.fancybox-infobar {
    
bottom:20px;
left:50%;
margin-left: -20px;
top: unset;

    
}

div.slide-bg { background-size: cover;
        background-position: center center;
        width:100%;
        height: 665px;
        cursor: zoom-in;
        margin:0px;
        
}


@media screen and (max-width: 1200px) {
    
div.slide-bg { height:560px;}
    
    
    .custom-product-slider-ez-wrapper .ez-image {
        min-height:auto!important;
    }
}


@media screen and (max-width: 1024px) {
    
    div.slide-bg { height:550px;}
    
    .custom-product-slider-ez-wrapper .ez-image {
        min-height:auto!important;
    }
}


@media screen and (max-width: 880px) {
    
    
    div.slide-bg { 
		height:420px; background-position:center 
		}
    .custom-product-slider-ez-wrapper .ez-image {
        min-height:auto!important;
    }
}


@media screen and (max-width:767px) {
    
    
    div.slide-bg { 
		height:320px; 
		background-position:center;
		margin:0px;
 
		}
	
	#zoom-elevate  .custom-product-slider-ez-wrapper  {
        min-height: 280px !important;
    }
	
	
    .custom-product-slider-ez-wrapper .ez-image {
        min-height:auto!important;
    }
	
	#img-gallery-news {
    
    width: 350px;
    float: none;
    height: 192px;
    margin: 5px 26px 40px 0px;
    
}
	
}