/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/



:root {
	--blu:#00A1C5;
	--blu-scuro:#00417F;
	--verde:#008F1A;
}


a, a:focus, button, button:focus, input:focus, textarea:focus  {
outline : none!important;
}

/*popup inizio*/
.brx-popup-content.brxe-container {
  width: calc(100% - 26px);
  max-width: 900px;
border-bottom: 15px solid var(--celeste) !important;
padding-left: 0;
padding-right: 0;
}
.brx-popup {
  transition: all 0.3s ease-in-out;
  animation-delay: 3s;
}
/*popup fine*/


/*Nascondi .query-destinazione-esterna se dentro .box-query-interno non c'è nessun elemento HTML.*/
.query-destinazione-esterna:not(:has(.box-query-interno > *)) {
  display: none !important;
}
/*FINE*/


/* FIBOSEARCH */
.ricerca-box .dgwt-wcas-search-icon svg,
.ricerca-box .dgwt-wcas-search-submit svg {
    fill: #ffffff !important;
    color: #ffffff !important;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.ricerca-box .dgwt-wcas-search-icon,
.ricerca-box .dgwt-wcas-search-submit {
    background: transparent !important;
    border: none !important;
}

.ricerca-box .dgwt-wcas-search-icon:hover svg,
.ricerca-box .dgwt-wcas-search-submit:hover svg {
    transform: scale(1.2);
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.9));
}
.dgwt-wcas-details-product-sku {
  display: none;
}
.dgwt-wcas-pd-addtc-form .product.woocommerce a {
  background-color: #f2f4f7;
  font-weight: 600;
  font-size: 15px;
  color: var(--blu)!important;
  text-transform: uppercase;
  transition: all 0.3s;
}
.dgwt-wcas-pd-addtc-form .product.woocommerce a:hover {
  background-color: var(--blu);
  color: #fff!important;
  transition: all 0.3s;
}


p b, p strong {
font-weight: 600!important;
}
.blu {
color: var(--blu);
}
.azzurro {
color: var(--azzurro);
}
.blu-scuro {
color: var(--blu-scuro);
}
.verde {
color: var(--verde);
}
.azzurro b {
font-weight: 600;
}
.tit-linea {
font-size: 14px;
font-weight: 500;
}
.linea-slide a {
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
background-size: 105%!important
}
.linea-slide:hover a {
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
background-size: 113%!important;
}
.linea-cataloghi a {
  background-position: left top !important;
  background-size: 105% !important;
  transition: background-size 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.linea-cataloghi:hover a {
  background-size: 113% !important;
}


.scopri i {
transition: all 0.3s;
padding-right: 7px;
padding-left: 0;
}
.scopri:hover i {
transition: all 0.3s;
padding-left: 7px;
padding-right:0;
}
header#brx-header > section {
transition: all 0.3s;
}
header#brx-header::before {
position: absolute;
opacity: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
/*background-color: var(--blu-scuro);*/
background-size: cover;
transition: all 0.3s!important;
background: rgba(0, 38, 74, 0.8);
}
header#brx-header.scrolling::before {
opacity: 1;
transition: all 0.4s ease-out !important;
}
header#brx-header.scrolling > section {
transition: all 0.3s;
padding-top: 5px!important;
padding-bottom: 5px!important;
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.26);
}
header#brx-header .bricks-site-logo {
transition: all 0.3s;
}
/*header.scrolling .bricks-site-logo {
width: 200px!important;
transition: all 0.3s;
}*/
.marquee {
  width: 100%;
  overflow: hidden;
}
.marquee__inner {
  width: 100%;
  height: 70px; /* altezza a piacere */

  background-image: url("scritta.png");
  background-repeat: repeat-x;
  background-position: 0 center;
  background-size: auto 100%;
  animation: marquee-bg 150s linear infinite;
}
/* animazione SOLO del background */
@keyframes marquee-bg {
  from {
    background-position: -400% center;
  }
  to {
    background-position: 0 center;
  }
}
.file-box {
transition: all 0.3s;
} 
.file-box:hover {
transition: all 0.3s;
color: var(--blu);
} 
.query-categorie-genitore a {
transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  background-size: 110% !important;
}
.query-categorie-genitore:hover a {
  transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  background-size: 120% !important;
}

.query-interno-box-img, .correlati-img-box {
  display: block;
  overflow: hidden;
}
.query-interno-box-img img, .correlati-img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  transform: scale(1);
}
.query-interno-box-img:hover img, .correlati-img-box:hover img {
  transform: scale(1.07);
}

.header-light header:not(.scrolling) .header-col-b svg rect {
fill: var(--blu) !important;
}




/*body:not(.page-id-2):not(.page-id-238):not(.page-id-412):not(.page-id-668) header:not(.scrolling) .my-menu .bricks-nav-menu > li > a, body:not(.page-id-2):not(.page-id-238):not(.page-id-412):not(.page-id-668) header:not(.scrolling) .my-menu .bricks-nav-menu > li > .brx-submenu-toggle > a {
color: var(--blu-scuro)!important;
border-right:1px solid #b2c5d8!important;
}
body:not(.page-id-2):not(.page-id-238):not(.page-id-412):not(.page-id-668) header:not(.scrolling) .my-menu .bricks-nav-menu > li > a:hover, body:not(.page-id-2):not(.page-id-238):not(.page-id-412):not(.page-id-668) header:not(.scrolling) .my-menu .bricks-nav-menu > li.current-menu-item > a {
color: var(--blu)!important;
}
body:not(.page-id-2):not(.page-id-238):not(.page-id-412):not(.page-id-668) header:not(.scrolling) .my-menu nav ul.bricks-nav-menu > li > div.brx-submenu-toggle a, body:not(.page-id-2):not(.page-id-238):not(.page-id-412):not(.page-id-668) header:not(.scrolling) .my-menu nav ul.bricks-nav-menu > li > div.brx-submenu-toggle button {
color: var(--blu)!important;
transition: all 0.3s;
}
body.page header#brx-header .my-menu nav ul li.current-menu-item a, body.page header#brx-header .my-menu nav ul li > a:hover, body.page header#brx-header .my-menu nav ul.bricks-nav-menu > li > div.brx-submenu-toggle:hover button, body:not(.page-id-2):not(.page-id-238):not(.page-id-412):not(.page-id-668) header:not(.scrolling) .my-menu nav ul.bricks-nav-menu > li > div.brx-submenu-toggle:hover a {
color: var(--azzurro)!important;
transition: all 0.3s;
}
body:not(.page-id-2):not(.page-id-238):not(.page-id-412):not(.page-id-668) header:not(.scrolling) .ico-menu {
color: #003f80!important;
fill: #004080!important;
}*/


body.header-light header:not(.scrolling) .my-menu > nav > .bricks-nav-menu > li > a, body.header-light header:not(.scrolling) .my-menu > nav > .bricks-nav-menu > li > a, body.header-light header:not(.scrolling) .my-menu nav ul.bricks-nav-menu > li > div.brx-submenu-toggle a {
color: var(--blu-scuro);
border-right:1px solid #b2c5d8!important;
}
body:not(.header-light) header:not(.scrolling) .my-menu .bricks-nav-menu > li.current-menu-item > a {
color: var(--azzurro)!important;
}
.my-menu > .bricks-nav-menu > li:hover > a {
  color: var(--azzurro)!important;
}
body:not(.header-light) header:not(.scrolling) .my-menu nav ul.bricks-nav-menu > li > div.brx-submenu-toggle a {
color: #fff;
transition: all 0.3s;
}
body.page header#brx-header .my-menu nav ul li.current-menu-item a, body.page header#brx-header .my-menu nav > nav > ul li > a:hover, body.page header#brx-header .my-menu nav ul.bricks-nav-menu > li > div.brx-submenu-toggle:hover button, body:not(.header-light) header:not(.scrolling) .my-menu nav ul.bricks-nav-menu > li > div.brx-submenu-toggle:hover a, body header .my-menu nav ul li.menu-item-has-children.current_page_item .brx-submenu-toggle > a {
color: var(--azzurro)!important;
transition: all 0.3s;
}
body.page header#brx-header .menu-mega.brxe-nav-menu .bricks-nav-menu .current-menu-item > a {
  color: var(--blu)!important;
}
body:not(.header-light) header:not(.scrolling) .ico-menu {
color: #003f80!important;
fill: #004080!important;
}
body:not(.header-light) header:not(.scrolling) .my-menu nav ul.bricks-nav-menu > li > div.brx-submenu-toggle a {
color: #fff;
}
body.header-light header:not(.scrolling) .ricerca-box .dgwt-wcas-search-icon svg, body.header-light header:not(.scrolling) .ricerca-box .dgwt-wcas-search-submit svg {
fill: #00264a !important;
  color: #00264a !important;
}
.destinazione-settore.brxe-post-taxonomy {
justify-content: center;
}

.tabella-colori {
  width: auto;
  border-collapse: collapse;
  background-color: #fff;
  font-family: Arial, sans-serif;
  color: #333333;
}

.tabella-colori th {
  color: #17447f;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  padding: 18px 12px 8px;
}

.tabella-colori td {
  padding: 8px 12px;
  vertical-align: middle;
  white-space: nowrap;
}

.tabella-colori th:first-child,
.tabella-colori td:first-child {
  padding-left: 25px;
}

.tabella-colori th:last-child,
.tabella-colori td:last-child {
  text-align: center;
}

.tabella-colori .pallino {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 5px;
}

/* Colori dei pallini */
.tabella-colori .rosa {
  background-color: #eccce5;
}

.tabella-colori .crema {
  background-color: #f8f098;
}

.tabella-colori .giallo {
  background-color: #f2eb00;
}

.tabella-colori .verde {
  background-color: #82c443;
}

.tabella-colori .nero {
  background-color: #000000;
}

.tabella-colori .azzurro {
  background-color: #8fd0e0;
}

.tabella-colori .blu {
  background-color: #0879bf;
}

.tabella-colori .viola {
  background-color: #47308a;
}

.tabella-colori .arancio {
  background-color: #ffa139;
}

.tabella-colori .marrone {
  background-color: #a36a35;
}

.tabella-colori .grigio {
  background-color: #9fb4d3;
}

.tabella-colori .giallo-chiaro {
  background-color: #f6f5a7;
}





.evento-box i {
opacity: 0;
transform-origin: center;
transform: rotateZ(-45deg) scale(1)!important;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.evento-box:hover i {
transition: all 0.3s;
opacity: 0.8;
transform-origin: center;
transform: rotateZ(-45deg) scale(1.1)!important;
}
.submit-button-wrapper button {
padding-left: 30px;
padding-right: 30px;
}
.link-contatti i {
width: 30px;
margin-right: 10px;
}
.options-wrapper {
margin-bottom: -10px;
}
body .brx-offcanvas-inner .bricks-nav-menu > li > a {
border-left: 0!important;
}
.testo-piccolo .azzurro {
  font-weight: 600;
}
.fb-menu-canvas--open svg g {
stroke:#fff!important;
}
.bread .navigation {
  color: var(--azzurro);
  font-weight: 700;
}

.bread .navigation a,
.bread .navigation .separator {
  color: var(--grigio-scuro);
  font-weight: 400;
}

.yith-woocompare-open.button {
color: var(--blu)!important;
  text-transform: uppercase;
  font-weight: 600;
}
#yith-woocompare-preview-bar {
background-color: var(--blu)!important;
}
#yith-woocompare-preview-bar .compare-list li:nth-last-child(-n+2) {
  display: none!important;
}
a.compare.disabled:not(.added) {
opacity: 1!important;
}
.confronta-box {
  position: relative;
  cursor: pointer;
}
.confronta-box a.compare::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
}
.confronta-box .confronta-ico {
  pointer-events: none;
}
.confronta-box:hover a {
color: #fff;
transition: all 0.3s;
}
.confronta-box .confronta-ico path {
transition: all 0.3s;
}
.confronta-box:hover .confronta-ico path:nth-of-type(1), .confronta-box:hover .confronta-ico path:nth-of-type(2) {
fill:#fff;
transition: all 0.3s;
}
#yith-woocompare-table tr.even {
background-color: var(--grigio-chiaro)!important;
}
#yith-woocompare table.dataTable.compare-list tbody th, #yith-woocompare table.dataTable.compare-list tbody td {
border: 0!important;
}
#yith-woocompare table.compare-list td:not(.filler) {
text-align: left!important;
}
#yith-woocompare .product_title {
text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.1;
  color: var(--blu);
}
.menu-categorie li a {
position: relative;
}
.menu-categorie li a::before {
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 35px);
background-color: var(--altro-grigio);
content: "";
height: 1px;
}
.menu-categorie li a::after {
position: absolute;
right: 0;
bottom: 0;
content: "";
background-image: url(logo.svg);
width: 150px;
  height: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top -5px right -106px;
}
.scritta-sez {
  width: 100%;
  overflow: hidden;
}
.scritta-cont {
  width: 100%;
  overflow: hidden;
}
.scritta-testo {
  display: flex;
  width: max-content;
  margin: 0;
  white-space: nowrap;
  will-change: transform;
  animation: scritta-marquee var(--marquee-duration, 25s) linear infinite;
}
.scritta-testo .marquee-group {
  display: inline-flex;
  white-space: nowrap;
  flex-shrink: 0;
}
.scritta-testo .marquee-item {
  display: inline-block;
  white-space: nowrap;
  padding-right: 0.35em;
}
@keyframes scritta-marquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(var(--marquee-distance) * -1));
  }
}

/*MEGAMENU INIZIO*/
/*.brx-megamenu {
opacity: 1;
visibility: visible;
pointer-events: all;
}*/
.my-menu.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle button {
display: none!important;
}
.mega-box [aria-current="page"] {
color: var(--blu);
}
.my-menu.brxe-nav-menu .bricks-nav-menu > li > .brx-submenu-toggle a {
border-right: 0!important;
}
/*MEGAMENU FINE*/


.dg_form_privacy {
font-size: 12px;
}

.settori-colonna:hover .settori-img {
transform: scale(1.16);
transition: all 0.3s;
}
.settori-prodotto-box:hover .settore-icona {
transform: scale(1.1);
transition: all 0.3s;
}

/*SETTORI PRODOTTO*/
.settori-prodotto {
/*  display: grid;
  grid-template-columns: repeat(5, minmax(90px, 1fr));
  gap: 28px;
  max-width: 600px;
  width: 100%;
  align-items: start;*/
  row-gap: 0;
}
/*.settore-item {
  min-width: 100px;
  text-align: center;
}*/
.settore-icona-wrap {
  width: 100%;
  margin: 0 auto 5px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.settore-icona {
  object-fit: contain;
  display: block;
  max-width: 80px;
}
.settore-nome {
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
  color: #0099c8;
  text-align: center;
}
/* Tablet */
@media (max-width: 767px) {
  .settori-prodotto {
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    max-width: 420px;
    gap: 24px 18px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  /*.settori-prodotto {
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    max-width: 280px;
    gap: 22px 16px;
    margin-left: auto;
    margin-right: auto;
  }*/

  .settore-nome {
    font-size: 12px;
  }
}
/*SETTORI PRODOTTO FINE*/

/*TAGLIE*/
.taglie-prodotto {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.taglia-item {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.taglia-dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  flex: 0 0 18px;
}
.taglia-label {
  font-size: 17px;
  line-height: 1;
  font-weight: 400;
  color: #333333;
}
@media (max-width: 767px) {
  .taglie-prodotto {
    gap: 14px;
  }
  .taglia-dot {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
  }
  .taglia-label {
    font-size: 20px;
  }
}
/*FINE TAGLIE*/


.mat {
font-weight: 700;
}
#documentazione {
  scroll-margin-top: 50px!important;
}
.lista-check .blu {
  font-weight: 600;
}
.lista-check {
  column-count: 2;
  column-gap: 30px;
}
.lista-check li { break-inside: avoid; /* Evita che l'elemento venga spezzato tra colonne */}
.cat-testo-box b {
color: var(--blu);
}
.fb-nav-pop .menu-item-has-children button {
min-width: 40px;
  justify-content: end;
  height: 100%;
}
.menu-mega li a {
color: var(--azzurro)!important;
transition: all 0.3s;
border-right: 0!important;
}
.menu-mega li a:hover, .menu-mega li.current-menu-item a  {
color: var(--blu)!important;
transition: all 0.3s;
}
/*.brx-megamenu {
opacity:1;
visibility: visible;
pointer-events: all!important;
}*/




@media (max-width:1680px) {
.alberi {
max-width: 990px!important;
transition: all 0.3s;
}

}



@media (min-width:991px) and (max-width:1380px) {
.my-menu.brxe-nav-menu .bricks-nav-menu li a {
font-size: 15px;
padding-left: 10px!important;
padding-right: 10px!important;
}

}


@media (max-width:1300px) {
.alberi-box {
padding-bottom: 270px!important;
transition: all 0.3s;
}

}









/*MENU APERTURA CERCHIO INIZIO*/
@media (max-width: 991px) {
  #menu-canvas {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    overflow: hidden !important;
    clip-path: circle(0px at calc(100% - 60px) 67px);
    -webkit-clip-path: circle(0px at calc(100% - 60px) 67px);
    transition:
      clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1),
      -webkit-clip-path 0.8s cubic-bezier(0.77, 0, 0.175, 1);
    pointer-events: none;
  }
  /* Apertura */
  #menu-canvas.brx-open:not(.is-closing) {
    clip-path: circle(160vh at calc(100% - 60px) 67px);
    -webkit-clip-path: circle(160vh at calc(100% - 60px) 67px);
    pointer-events: auto;
  }
  /* Chiusura animata */
  #menu-canvas.is-closing {
    clip-path: circle(0px at calc(100% - 60px) 67px) !important;
    -webkit-clip-path: circle(0px at calc(100% - 60px) 67px) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none;
  }
  /* Disattiva slide/fade interno di Bricks */
  #menu-canvas,
  #menu-canvas.brx-open,
  #menu-canvas .brx-offcanvas-inner,
  #menu-canvas.brx-open .brx-offcanvas-inner {
    transform: none !important;
  }
  #menu-canvas .brx-offcanvas-inner {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  #menu-canvas .fb-menu-canvas__backdrop {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
/*MENU APERTURA CERCHIO FINE*/


#menu-canvas .fb-nav-pop > .bricks-mobile-menu-toggle {
  display: none !important;
}






@media (max-width:767px) {
.options-wrapper input {
width: 14px;
height: 14px;
}
.lista-check {
  column-count: 1;
}
.fb-nav-pop .sub-menu > li > a {
line-height: 1.3em!important;
  padding-top: 8px;
  padding-bottom: 8px;
}

.linea-cataloghi a {
background-position: center bottom !important;
}


}