@media (min-width: 1440px){
.container{ max-width: 1280px; }
}
.imgContainer{
position: relative;
width: 100%;
height: 0;
display: block;
}
.imgContainer img{
position: absolute;
display: block;
object-fit: cover;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.image-3x1{ padding-top: 33%; }
.image-2x1{ padding-top: 50%; }
.image-16x9{ padding-top: 56%; }
.image-3x2{ padding-top: 66%; }
.image-4x3{ padding-top: 75%; }
.image-1x1{ padding-top: 100%; }
.image-6x7{ padding-top: 117%; }
.image-5x6{ padding-top: 120%; }
.image-4x5{ padding-top: 125%; }
.image-3x4{ padding-top: 133%; }
.image-2x3{ padding-top: 150%; }
.image-1x2{ padding-top: 200%; }
.image-4x10{ padding-top: 250%; }
.image-fullHeight{ height: 100%; }
@media (min-width: 768px){
.image-sm-3x1{ padding-top: 33%; }
.image-sm-2x1{ padding-top: 50%; }
.image-sm-16x9{ padding-top: 56%; }
.image-sm-3x2{ padding-top: 66%; }
.image-sm-4x3{ padding-top: 75%; }
.image-sm-1x1{ padding-top: 100%; }
.image-sm-3x4{ padding-top: 133%; }
.image-sm-2x3{ padding-top: 150%; }
.image-sm-1x2{ padding-top: 200%; }
.image-sm-4x10{ padding-top: 250%; }
}
@media (min-width: 992px){
.image-md-3x1{ padding-top: 33%; }
.image-md-2x1{ padding-top: 50%; }
.image-md-16x9{ padding-top: 56%; }
.image-md-3x2{ padding-top: 66%; }
.image-md-4x3{ padding-top: 75%; }
.image-md-1x1{ padding-top: 100%; }
.image-md-3x4{ padding-top: 133%; }
.image-md-2x3{ padding-top: 150%; }
.image-md-1x2{ padding-top: 200%; }
.image-md-4x10{ padding-top: 250%; }
}
@media (min-width: 1200px){
.image-lg-3x1{ padding-top: 33%; }
.image-lg-2x1{ padding-top: 50%; }
.image-lg-16x9{ padding-top: 56%; }
.image-lg-3x2{ padding-top: 66%; }
.image-lg-4x3{ padding-top: 75%; }
.image-lg-1x1{ padding-top: 100%; }
.image-lg-3x4{ padding-top: 133%; }
.image-lg-2x3{ padding-top: 150%; }
.image-lg-1x2{ padding-top: 200%; }
.image-lg-4x10{ padding-top: 250%; }
}
.maxWidth, .maxWidth img{ width: 100% !important; display: block !important; }
.h100{ height: 100%; }
.w100, .w100 img{ width: 100%; }
.mw100, .mw100 img{ max-width: 100%; }
.w100 .elementor-button{
width: 100%;
justify-content: center;
}
.hero{ height: calc(100vh - var(--menu-height) - var(--wpadminbar-height)); }
.strong{ font-weight: bold !important; }
p, ul{ margin-bottom: .75rem; }
p:last-child, ul:last-child{ margin-bottom: 0; }
a{ text-underline-offset: 6px; }
.cursor-pointer{ cursor: pointer; }
.mirror-x img{ transform: rotateY(180deg); }
.overflow-hidden{ overflow: hidden; }
.mymask img{  animation: viewstar linear both;
animation-duration: 1s;
animation-timeline: view();
animation-range: 10vh 90vh; }
@keyframes viewstar{
0% {
transform: scale(1);
}
100% {
transform: scale(2);
} }
.customBtn, .elementor-widget-button .elementor-button{
padding: 0;
border-width: 0px;
text-decoration: none;
cursor: pointer;
transition: 0.3s all ease-in-out;
min-height: 3rem;
font-size: 1rem !important;
line-height: 1.3 !important;
display: inline-flex;
align-items: center;
border-radius: 0rem;
background-color: transparent;
}
.customBtn{
padding: 0 1rem;
}
.customBtn.lowerBtn{
padding: 0.4rem 1.5rem 0.4rem 1.5rem;
min-height: 3rem;
}
.customBtn.btnSmall{
padding: 0.3rem 0.6rem;
font-size: 0.9rem;
min-height: 0;
}
.elementor-button-content-wrapper{
align-items: center;
}
.elementor-button-icon svg{
height: 1rem;
width: auto;
transform: translateY(-1px);
margin-left: 0.5rem;
}
.borderFullRounded{ border-radius: 100px }
.borderRounded-1{ border-radius: 0.5rem !important; overflow: hidden; }
.borderRounded-2{ border-radius: 1.0rem !important; overflow: hidden; }
.borderRounded-3{ border-radius: 1.5rem !important; overflow: hidden; }
.borderRounded-4{ border-radius: 2.0rem !important; overflow: hidden; }
.standardLink .elementor-button{
border-width: 0 !important;
padding: 0 !important;
display: inline;
}
.standardLink:not(.elementor-element){
font-size: 1.12rem;
}
.standardLink .elementor-button-content-wrapper:hover .elementor-button-text,
.standardLink:not(.elementor-element):hover{
text-decoration: underline;
}
.standardLink .elementor-button-content-wrapper .elementor-button-icon,
.standardLink:not(.elementor-element) img{
transition: 0.3s all ease-in-out;
}
.standardLink .elementor-button-content-wrapper:hover .elementor-button-icon,
.standardLink:not(.elementor-element):hover img{
transform: translateX(0.7rem);
}
.standardLink .elementor-button-icon svg,
.standardLink:not(.elementor-element) img{
height: 1.5rem;
}
.text-gradient-blue-green,
.text-gradient-blue-green-counterNumber .elementor-counter-number-wrapper{
background: var(--blue600);
background: linear-gradient(to bottom right, var(--blue600), var(--green500));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.footerPolicyLinkContainer{
display: flex;
justify-content: flex-end;
}
.footerPolicyLinkContainer .footerPolicyLink{
margin-right: 1rem;
}
.footerPolicyLinkContainer .footerPolicyLink:last-child{
margin-right: 0;
}
.elementor-widget-n-accordion .e-n-accordion-item>.e-n-accordion-item-title{
justify-content: space-between;
}
.elementor-widget-n-accordion .e-n-accordion-item{
border-radius: 0.5rem;
transition: 0.3s all ease-in-out;
border-width: 0 !important;
}
.elementor-widget-n-accordion .e-n-accordion-item>.e-n-accordion-item-title .e-n-accordion-item-title-text{
font-weight: 600;
}
.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title,
.elementor-widget-n-accordion .e-n-accordion-item .elementor-element{
border-width: 0 !important;
transition: 0.3s all ease-in-out;  
padding-left: 0;
} .elementor-widget-n-accordion .e-n-accordion-item {
background-color: transparent;
margin-bottom: 0 !important;
border-bottom: 1px solid var(--tertiary200) !important;
border-radius: 0;
margin: 1rem 0;
}
.elementor-widget-n-accordion .e-n-accordion-item:last-child {
margin-block-end: 0rem !important;
}
.elementor-widget-n-accordion:not(.arrowAccordion) .e-n-accordion-item>.e-n-accordion-item-title .e-n-accordion-item-title-icon{
border-radius: 100px;
border: 1px solid var(--blue600);
width: 1rem;
height: 1rem;
display: inline-flex;
align-items: center;
justify-content: center;
}
.elementor-widget-n-accordion:not(.arrowAccordion) .e-n-accordion-item>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg {
width: 1.5rem;
height: 1.5rem;
}
.elementor-widget-n-accordion .e-n-accordion-item[open]{
background-color: transparent;
}
.titleBay{
display: flex;
flex-direction: column;
}
.scrollSpyContainer{
padding: 2rem;
background-color: var(--cream100);
border: 1px solid var(--neutral200);
border-radius: 1rem;
}
.scrollspy-link{
border-left: 3px solid var(--neutral200);
display: inline-block;
cursor: pointer;
padding: 0.5rem 1rem;
margin-bottom: 0;
}
.scrollspy-link.active{
color: var(--primary500);
border-left-color: var(--primary500);
}
.swiper-arrows span{
display: inline-block;
margin: 0 0.5rem;
opacity: 0.6;
cursor: pointer;
}
.swiper-arrows span:hover{
opacity: 1;
} .elementor-widget-n-tabs .e-n-tabs-heading{
align-self: center;
border-radius: 100px;
padding: 0.3rem;
margin-bottom: 2.5rem;
}
.elementor-widget-n-tabs .e-n-tab-title{
background-color: transparent !important;
color: var(--tertiary600) !important;
border-radius: 10rem;
padding: 0.5rem 0.9rem !important;
border: 2px solid var(--tertiary600) !important;
margin: 0 0.25rem;
}
.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true]{
background-color: var(--tertiary600) !important;
color: var(--neutral100) !important;
}
.blackAccordionNav.elementor-widget-n-tabs .e-n-tabs-heading{
background: transparent;
}
.blackAccordionNav.elementor-widget-n-tabs .e-n-tab-title{
color: var(--black) !important;
}
.blackAccordionNav.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true]{
background-color: var(--black) !important;
color: var(--white) !important;
}  .comparatorTable td:not(:first-child),
.comparatorTable th:not(:first-child){
text-align: center;
}
.comparatorTable td,
.comparatorTable th{
padding: 0.8rem;
border-width: 0 !important;
}
.comparatorTable td:first-child{
font-weight: 500;
}
.comparatorTable caption{
display: none;
}
table.comparatorTable tbody>tr:nth-child(odd)>td,
table.comparatorTable tbody>tr:nth-child(odd)>th,
table.comparatorTable tbody>tr:nth-child(odd):hover>td,
table.comparatorTable tbody>tr:nth-child(odd):hover>th{
background-color: var(--gray50);
}
table.comparatorTable tbody>tr:nth-child(even)>td,
table.comparatorTable tbody>tr:nth-child(even)>th,
table.comparatorTable tbody>tr:nth-child(even):hover>td,
table.comparatorTable tbody>tr:nth-child(even):hover>th{
background-color: transparent;
}
.tablepress>:where(thead,tfoot)>*>th{
background-color: transparent;
border-block-start: 0 !important;
}  #mainMenu, footer.footer{
z-index: 10;
}
footer.footer{
position: relative;
}
.subMenuBlockContainer{
background-color: #00000090;
position: fixed;
top: var(--menu-height);
left: 0;
right: 0;
bottom: 0;
z-index: 11;
display: none;
cursor: pointer;
}
.subMenuBlock{
border-radius: 0 0 1.0rem 1.0rem;
overflow: hidden;
padding: 0.7rem;
background-color: var(--white);
}
.subMenuBlockContainer .close{
width: 2rem;
height: 2rem;
position: absolute;
top: 1.8rem;
right: 1.8rem;
background-image: url(//www.idromet.it/wp-content/themes/idromet/assets/css/assets/images/icons/close.svg);
display: block;
background-color: var(--gray400);
background-repeat: no-repeat;
background-size: 40%;
border-radius: 100rem;
background-position: center;
cursor: pointer;
z-index: 3;
}
.subMenuBlockContainer a{
text-decoration: none;
}
.elementor-counter .elementor-counter-number-wrapper{
align-items: center;
}
.accordion.withLeftBorder .accordion-item {
margin-bottom: 0;
border-width: 0 0 1px 0 !important;
border-color: var(--neutrals200);
border-radius: 0 !important;
padding: 1.5rem 0;
}
.accordion.withLeftBorder .accordion-item:last-child{
border-bottom: 0;
}
.accordion.withLeftBorder .accordion-item .accordion-header .accordion-button{
box-shadow: none !important;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
background-color: transparent;
color: var(--black);
padding: 0;
white-space: normal;
display: flex;
align-items: center;
}
.accordion.withLeftBorder .accordion-item .accordion-header .accordion-button .number{
width: 4rem;
display: inline-block;
margin-bottom: 0;
}
.accordion.withLeftBorder .accordion-item .accordion-header .accordion-button:not(.collapsed) .number{
color: var(--service700);
}
.accordion.withLeftBorder .accordion-item .accordion-body{
padding-bottom: 0;
padding-left: 4rem;
padding-right: 0;
color: var(--neutrals700);
}
#wpadminbar{
bottom: 0;
top: initial;
position: fixed;
}
#mainMenu.navbar-expand-lg .navbar-collapse {
justify-content: center;
}
#mainMenu {
background-color: var(--cream200);
position: fixed;
top: 0;
left: 0;
width: 100%;
transition: 0.3s all ease-in-out;
border-bottom: 0px;
padding-top: 0;
padding-bottom: 0;
}
.navbar-brand svg{
height: 2rem;
width: auto;
}
#mainMenu .navbar-nav .menu-item{
margin: 0 0.5rem;
border-bottom: 2px solid transparent;
}
#mainMenu .navbar-nav .menu-item,
#mainMenu .navbar-nav .menu-item>* {
font-weight: 700;
transition: 0.3s all ease-in-out;
text-transform: uppercase;
}
#mainMenu .navbar-nav .menu-item>*{
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
#mainMenu .navbar-nav .menu-item.current_page_item,
#mainMenu .navbar-nav .menu-item:hover{
border-bottom: 3px solid var(--primary500);
}
main>.page-content>.elementor>.elementor-element:first-child,
.blogHeaderSpacer{
padding-top: var(--menu-height);
}
html{
margin-top: 0 !important;
}
.shareTo {
border-top: 1px solid var(--neutrals200);
padding: 2rem 0;
margin-top: 2rem;
display: flex;
justify-content: space-between;
}
.socialShare {
margin-right: 0.5rem;
cursor: pointer;
}
.btnContattaci{
background-color: var(--blue600);
display: block;
border-radius: 1rem;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
}
#mainMenu .navbar-nav .menu-item.btnContattaci>*{
color: var(--white);
}
.navbar-toggler{
border-width: 0;
background-color: transparent !important;
}
.navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.lowerMenu .navbar-toggler-icon,
.lowerMenu .navbar-toggler .navbar-toggler-icon{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 14, 46, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
} .navbar-toggler:focus{
box-shadow: none !important;
}
.alertMessage{
color: #FF0000;
padding-left: 0.5rem;
font-size: 0.9rem;
}
.colorRed700{
color: #FF0000;
}
.errorInput, textarea.form-control.errorInput{
border-color: #FF0000 !important;
}
.footerMenu{
color: var(--neutral100);
column-count: 3;
padding-left: 0;
}
.footerMenu li{
color: var(--neutral100);
list-style: none;
margin-bottom: 0.5rem;
}
.footerMenu li a{
color: var(--neutral100);
}
.footerMenu li a:hover{
color: var(--neutral100);
text-decoration: underline;
}
.menuMainCta-md, .menuMainCta-lg{
display: none;
}
@media (max-width: 991px){
.subMenuBlockContainer{
top: 0 !important;
overflow: scroll;
}
.mobileBarContainer{
padding: 0.7rem 1rem;
width: 100%;
display: flex;
justify-content: space-between;
}
#mainMenu .navbar-nav .menu-item>* {
padding-top: 1.0rem;
padding-bottom: 1.0rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
#primary-menu-list{
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 991px){
.menuMainCta-md{
display: block;
}
.btnValutometro{
display: none;
}
}
@media (min-width: 992px){
.btnValutometro {
display: none;
}
.menuMainCta-lg{
display: block;
}
}
@media (max-width: 1024px){
}
@media (max-width: 767px){
.xs-w100, .xs-w100 img, .xs-w100 .elementor-button{ width: 100%; }
.xs-mw100, .xs-mw100 img{ max-width: 100%; }
.xs-w100 .elementor-button{
justify-content: center;
}
.xs-w100 .elementor-button .elementor-button-content-wrapper{
justify-content: center;
}
.comparatorTable td, .comparatorTable th {
padding: 0.8rem 0.4rem;
border-width: 0 !important;
}
.comparatorTable .row-1 img{
max-width: 7rem;
}
#mainMenu.navbar-expand-lg .navbar-collapse{
background-color: var(--white);
padding: 1rem 0;
border-radius: 0rem 0rem 1rem 1rem;
}
#mainMenu .navbar-nav .menu-item, #mainMenu .navbar-nav .menu-item>*{
color: var(--black)
}
.footerMenu{
text-align: center;
column-count: 1;
}
.row-1 .column-1 img{
max-width: 5rem;
}
}