.google-map{
width: 100%;
min-height: 307px;
border-radius: 20px;
}
.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
background: var(--white-color);
display: flex;
justify-content: center;
align-items: center;
}
.spinner-border {
border: var(--bs-spinner-border-width) solid var(--primary-color);
border-right-color: var(--primary-color-light);
} .fade-in {
opacity: 0;
transition: all 2s cubic-bezier(.215,.60,.355,1);
}
.fade-in.in-page {
opacity: 1;
} 
.fade-in-top {
opacity: 0;
transform: translateY(10vh);
transition: all 1s cubic-bezier(.215,.60,.355,1);
}
.fade-in-top.in-page {
opacity: 1;
transform: translateY(0);
} 
.fade-in-top.in-page {
opacity: 1;
transform: translateY(0);
} 
.fade-in-left {
opacity: 0;
transform: translateX(-10vw);
transition: all 1s cubic-bezier(.215,.60,.355,1);
overflow: hidden;
} 
.fade-in-left.in-page {
opacity: 1;
transform: translateX(0);
} 
.fade-in-right {
opacity: 0;
transform: translateX(10vw);
transition: all 1s cubic-bezier(.215,.60,.355,1);
overflow: hidden;
} 
.fade-in-right.in-page {
opacity: 1;
transform: translateX(0);
} 
.transition-delay-0 {
transition-delay: 0ms;
}
.transition-delay-1 {
transition-delay: 100ms;
}
.transition-delay-2 {
transition-delay: 200ms;
}
.transition-delay-3 {
transition-delay: 300ms;
}
.transition-delay-4 {
transition-delay: 400ms;
}
.transition-delay-5 {
transition-delay: 500ms;
}
.transition-delay-6 {
transition-delay: 600ms;
}
.transition-delay-7 {
transition-delay: 700ms;
}
.transition-delay-8 {
transition-delay: 800ms;
}
.transition-delay-9 {
transition-delay: 900ms;
}
.transition-delay-10 {
transition-delay: 1000ms;
} .w-100 {
height: auto;
}
.min-height-page {
min-height: 60vh;
}
.splide__arrow--prev {
left: -30px;
}
.splide__arrow--next {
right: -30px;
}
#gallery .splide__arrow--prev {
left: -45px;
}
#gallery .splide__arrow--next {
right: -45px;
}
.splide__pagination__page {
opacity: 1;
background: var(--primary-color-light);
}
#gallery .splide__pagination__page {
bottom: -2.5em;
}
.splide__pagination__page.is-active {
background: var(--primary-color);
}
.index-99 {
z-index: 99;
}:root {
--primary-color: #991915;
--primary-color-light: #D9D4D2;
--light-color: #F1F0F0;
--black-color: #333333;
--white-color: #fff;
--border-solid-color: #6c757d;
--copyright: #747170;
--font-family: 'Roboto', sans-serif;
--font-family2: 'DM Sans', Fallback, sans-serif;
}
::selection {
color: black;
background: var(--light-color);
}
body {
font-family: var(--font-family);
color: var(--black-color);
line-height: 28px;
font-size: 16px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-weight: bold;
}
h1,
.h1 {
font-size: 60px;
}
#testata h2 {
font-weight: normal;
}
a {
color: var(--black-color);
text-decoration: none;
}
a:hover {
color: var(--black-color);
text-decoration: none !important;
}
.text-shadow {
text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.5);
} .primary-bg {
background-color: var(--primary-color);
}
.primary-bg-light {
background-color: var(--primary-color-light);
}
.secondary-bg {
background-color: var(--second-color);
}
.light-bg {
background-color: var(--light-color);
}
.black-bg {
background-color: var(--black-color);
}
.custom-shadow {
box-shadow: 0 0 20px 0px rgba(33, 49, 89, 0.08);
}
.border-radius-20 {
border-radius: 20px !important;
} .primary-text {
color: var(--primary-color);
}
.titoletto {
text-transform: uppercase;
font-size: 1rem;
color: var(--primary-color);
}
.black-color {
color: var(--black-color);
}
#single-news a {
color: var(--primary-color);
transition: .15s ease-in-out;
text-decoration: underline;
}
#single-news a:hover {
color: var(--black-color);
text-decoration: none;
} .primary-button,
#gform_submit_button_1,
#gform_submit_button_3,
#gform_submit_button_4 {
font-family: var(--font-family);
color: var(--white-color);
background-color: var(--primary-color);
padding: 14px 32px;
transition: 0.2s ease-in-out;
line-height: 1.5;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2.5px solid var(--primary-color);
border-radius: 10px;
font-weight: bold;
}
.primary-button:hover,
#gform_submit_button_1:hover,
#gform_submit_button_4:hover {
background-color: var(--white-color);
color: var(--primary-color);
}
.secondary-button {
font-family: var(--font-family);
color: var(--primary-color);
background-color: #ffffff;
padding: 14px 32px;
transition: 0.2s ease-in-out;
line-height: 1.5;
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border: 2.5px solid var(--primary-color);
border-radius: 10px;
font-weight: bold;
}
.secondary-button:hover {
color: var(--black-color);
border-color: var(--black-color);
background-color: var(--light-color);
}
.bottone-cerchio {
min-width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-left: 1.5rem;
}
.mt-70 {
margin-top: 70px;
}
#breadcrumbs {
opacity: 0.5;
}
#breadcrumbs,
#breadcrumbs a {
color: var(--black-color);
font-size: 14px;
margin-bottom: 0;
}
#page-materiali #breadcrumbs,
#page-materiali #breadcrumbs a {
color: #ffffff;
font-size: 14px;
margin-bottom: 0;
}
.category-badge,
.category-badge a {
font-size: 14px;
color: #989898 !important;
}#header { 
z-index: 999;
transition: 0.3s ease-in-out; 
}
#menuDesktop {
transition: 0.3s ease-in-out;
}
#menu-menu-principale {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
margin-bottom: 0; 
}
#menu-menu-principale .menu-item {
padding: 0 10px;
}
#menu-menu-principale .menu-item a{
font-weight: bold;
font-family: var(--font-family);
font-size: 16px;
}
#menu-menu-principale .menu-item {
position: relative;
}
#menu-menu-principale .menu-item .sub-menu a{
font-size: 1rem;
font-weight: normal;
}
#menu-menu-principale .menu-item-has-children a:after{
content: "\f078";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin-left: 0.3rem;
transition: 0.3s ease-in-out;
position: relative;
font-size: 10px;
bottom: 2px;
color: var(--black-color);
}
#menu-menu-principale .menu-item-has-children:hover a:after{
content: "\f077";
}
#menu-menu-principale .sub-menu{
list-style: none;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition:
opacity 0.1s ease-out,
transform 0.15s ease-out;
position: absolute;
padding: 0;
left: 0;
min-width: 280px;
top: 40px;
transform: translateY(1rem);
transition: 0.3s ease-in-out;
box-shadow: 0 0 20px 0px rgba(33,49,89,0.08);
}
#menu-menu-principale .sub-menu {
background-color: #ffffff;
}
#menu-menu-principale .sub-menu li {
padding-right: 0;
padding-left: 0;
}
#menu-menu-principale .sub-menu li a{
padding: 0.5rem 1rem;
transition: 0.3s ease-in-out;
color: var(--black-color);
display: block;
border-bottom: 1px solid var(--light-color);
}
#menu-menu-principale .sub-menu li:last-child a {
border-bottom: none;
}
#menu-menu-principale .sub-menu li a:after{
content: ''!important;
}
#menu-menu-principale .sub-menu li a:hover {
color: var(--white-color);
background-color: var(--primary-color)
}
#menu-menu-principale .menu-item:hover .sub-menu{
transform: translateY(-5px);
opacity: 1;
visibility: visible;
}
#header .in-home {
background-color: transparent;
}
#header .in-home::after {
bottom: 1px;
height: 1px;
background-color: rgba(255,255,255,0.5);
position: absolute;
content: '';
width: calc(100% - 48px);
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
#header .in-home #menu-menu-principale .menu-item a{
color: white;;
}
#header .in-home  #menu-menu-principale .menu-item-has-children a:after{
color: var(--white-color);
}
#header .in-home  #menu-menu-principale .sub-menu li a {
color: var(--black-color);
}
#header .in-home  #menu-menu-principale .sub-menu li a:hover {
color: var(--white-color);
}
#header .in-home .black-text{
color: white;
}
.logo-container {
min-height: 69px;
width: 200px;
display: flex;
justify-content: center;
align-items: center;
}
#logoWhite{
top: 50%;
transform: translateY(-50%);
} .navbar__menu__hamburger__item {
width: 35px;
height: 2.5px;
background-color: var(--color);
position: relative;
transition: 0.3s ease-in-out;
}
.navbar__menu__hamburger__item--top {
top: 0;
}
.navbar__menu__hamburger__item--center {
margin-top: 9px;
margin-bottom: 9px;
transition: 0.3s ease-in-out;
}
.navbar__menu__hamburger__item--bottom {
bottom: 0;
}
#iconMobile.open .navbar__menu__hamburger__item--center {
opacity: 0;
transition: 0.3s ease-in-out;
}
#iconMobile.open .navbar__menu__hamburger__item--top {
transform: rotate(45deg);
transition: 0.3s ease-in-out;
top: 11px;
}
#iconMobile.open .navbar__menu__hamburger__item--bottom {
transform: rotate(-45deg);
transition: 0.3s ease-in-out;
bottom: 11px;
} #searchModalBox .modal-dialog .modal-content{
background-color: transparent;
top: 30vh;
border: 0;
}
#searchModalBox .probox{
background-color: transparent!important;
background-image: none!important;
height: 90px!important;
border-bottom: 1px solid #eee!important;
}
#searchModalBox #ajaxsearchlite1_1 {
background-image: none!important;
background: transparent!important;
}
#searchModalBox .btn-close {
width: 25px;
height: 25px;
background-size: contain;
}
#searchModalBox #ajaxsearchlite1_1 .probox .proinput input, div.asl_w .probox .proinput input {
font-weight: normal;
font-family: var(--font-family);
font-size: 24px;
height: 90px;
}
#searchModalBox div.asl_w .probox .promagnifier {
width: 90px;
height: 90px;
background-color: transparent;
background-image: none;
}
#searchModalBox div.asl_m .probox .promagnifier .innericon svg, div.asl_m .probox .prosettings .innericon svg, div.asl_m .probox .proloading svg {
width: 30px;
}
#searchModalBox div.asl_w .probox .promagnifier, div.asl_w .probox .prosettings {
width: 90px!important;
height: 90px!important;
}
#searchModalBox  div.asl_w .probox .proloading, #searchModalBox  div.asl_w .probox .proclose {
height: 90px!important;
}
#searchModalBox div.asl_m .probox .proclose svg {
background: transparent;
}
#searchModalBox  div.asl_m .probox div.asl_simple-circle {
margin: 0;
height: 20px;
width: 20px;
animation: rotate-simple .8s infinite linear;
-webkit-animation: rotate-simple .8s infinite linear;
border: 4px solid var(--primary-color);
border-right-color: transparent !important;
border-radius: 50%;
box-sizing: border-box;
}
div#ajaxsearchliteres1_1 {
background: white;
padding: 1rem;
box-shadow: 0 0 20px 0px rgba(33,49,89,0.08);
border-radius: 10px;
}
#searchModalBox div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
font-family: var(--font-family)!important;
color: var(--primary-color)!important;
font-size: 16px!important;
font-weight: bold!important;
}
#searchModalBox div.asl_r .results .item .asl_content .asl_desc {
margin-top: 4px;
font-size: 12px;
line-height: 18px;
font-family: var(--font-family);
}
#ajaxsearchliteres1 img.asl_image {
width: 100px;
}
.modal-content #ajaxsearchlite1_1 .probox .proinput, div.asl_w .probox .proinput {
font-weight: normal;
font-family: var(--font-family);
color: var(--black-color)!important;
font-size: 12px;
text-shadow: 0 0 0 rgba(255,255,255,0);
} .navbar__menu__hamburger__item {
width: 35px;
height: 3px;
background-color: var(--primary-color);
position: relative;
transition: 0.3s ease-in-out;
border-radius: 2px;
}
.navbar__menu__hamburger__item--top {
top: 0;
}
.navbar__menu__hamburger__item--center {
margin-top: 7px;
margin-bottom: 7px;
transition: 0.3s ease-in-out;
}
.navbar__menu__hamburger__item--bottom {
bottom: 0;
}
#iconMobile.open .navbar__menu__hamburger__item--center {
opacity: 0;
transition: 0.3s ease-in-out;
}
#iconMobile.open .navbar__menu__hamburger__item--top {
transform: rotate(45deg);
transition: 0.3s ease-in-out;
top: 10px;
}
#iconMobile.open .navbar__menu__hamburger__item--bottom {
transform: rotate(-45deg);
transition: 0.3s ease-in-out;
bottom: 10px;
}
.mobile-menu {
position: absolute;
top: -1rem;
left: -1.5rem;
background: var(--white-color);
padding-top: 150px;
display: none;
min-height: calc(100vh + 1rem);
list-style: none;
z-index: -1;
}
.mobile-menu .menu-item {
color:  var(--black-color);
display: flex;
justify-content: space-between;
padding-right: 2rem;
margin-bottom: 1rem;
width: calc(100vw - 2rem);
font-weight: bold;
}
.mobile-menu .menu-item-has-children .mobile-menu__arrow {
font-weight: 900;
right: 1rem;
transition: 0.3s ease-in-out;
bottom: 1px;
background-color: transparent;
}
.mobile-menu .menu-item a {
color: var(--black-color);
}
.mobile-menu .menu-item .sub-menu {
position: absolute;
z-index: 0;
left: 100%;
padding-left: 66px;
padding-top: 150px;
padding-bottom: 20px;
transition: 0.2s ease-in-out;
min-height: calc(100vh + 1rem);
top: 0;
background: var(--white-color);
}
.mobile-menu .menu-item .sub-menu.openMenu {
left: 0%;
}
.back-arrow {
background: var(--primary-color-light);
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
}
.mobile-menu  .wpml-ls-native {
text-transform: uppercase;
}
a.mobile-menu__arrow {
color: var(--primary-color)!important;
}.copyright {
border-top: 1px solid rgba(255, 255, 255, 0.164);
font-size: 15px !important;
} 
.hover {
transition: .2s ease-in-out;
}
.hover:hover { 
opacity: .8;
}
.copyright, .copyright a {
color: var(--copyright);
}.orig {
font-weight: normal;
font-family: 'Heebo', sans-serif;
font-size: 24px;
height: 90px;
}
#sezione-media-text {
z-index: 50;
position: relative;
}
#clearfix {
height: 110px;
}
.overlay {
background-color: rgba(0, 0, 0, 0.3); }
.object-fit {
object-fit: cover;
object-position: center;
}
#testata-home {
height: 75vh;
}
#testata {
height: 100vh;
}
#testata h1 {
font-size: 65px;
} .fototestata {
background-size: contain;
background-position: right;
background-repeat: no-repeat;
background-color: var(--primary-color-light);
}
.overlay .primary-button:hover {
background-color: transparent;
color: var(--white-color);
}
#page-home .img-after::after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 20px;
background-color: var(--primary-color-light);
transform: rotate(25deg);
z-index: -1;
}
.box-after::after {
content: '';
position: absolute;
top: -70px;
left: -70px;
height: calc(100% + 140px);
width: calc(100% + 140px);
border-radius: 38px;
background-color: var(--light-color);
z-index: -1;
}
.img-negative {
margin-left: -160px;
margin-top: -160px;
width: calc(100% + 100px);
}
iframe {
width: 100%;
height: 550px;
}
#landing-page iframe {
height: 450px;
}
.mt-negative-50 {
margin-top: -50px;
}
.mt-negative-100 {
margin-top: -100px;
}
.mt-negative-150 {
margin-top: -150px;
}
.bg-pre-footer {
background: linear-gradient(to top, var(--light-color) 75%, #fff 75%);
}
.bg-pre-footer-inverted {
background: linear-gradient(to bottom, var(--light-color) 25%, #fff 25%);
}
.caption {
pointer-events: none;
bottom: 0;
left: 0;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.55) 100%);
}
.bg-bottom-left {
position: absolute;
bottom: -300px;
left: -200px;
width: 700px;
} .bg-right-big {
position: fixed;
top: -151px;
right: -194px;
width: 40vw;
min-width: 600px;
max-width: 700px;
height: auto;
z-index: -1;
}
.bg-bottom-right {
background-image: url(//www.migliarino.eu/wp-content/themes/iimage-boiler/assets/images/bg-lines.svg);
background-size: 700px;
background-position: bottom 122% right 191px;
background-repeat: no-repeat;
}
.icona {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
}
.icona--min-width {
min-width: 80px;
}
.icona--storia {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.icona i {
font-size: 45px;
}
.icona--storia i {
font-size: 35px;
}
#clienti {
transform: translateY(-100px);
margin-bottom: -150px;
}
#clientiCarousel img {
filter: grayscale(1);
}
.splide__arrow:disabled {
display: none;
} .storia-row {
position: relative;
overflow: hidden;
}
.storia-row:after {
content: '';
width: 3px;
height: calc(100% - 48px);
left: 50%;
transform: translateX(-50%);
position: absolute;
top: 48px;
background-color: #EEE;
z-index: -1;
}
.storia__item.order-lg-1:after {
width: 0;
height: 0;
line-height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid var(--light-color);
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 4px;
}
.storia__item.order-lg-3:after {
width: 0;
height: 0;
line-height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid var(--primary-color-light);
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 6px;
}
.servizio__immagine:after {
content: '';
width: 100%;
height: 100%;
background-color: var(--primary-color-light);
transform: rotate(-30deg);
position: absolute;
left: 0;
top: 0;
z-index: -1;
border-radius: 20px;
}
.accordion-button:not(.collapsed) {
color: var(--primary-color);
background-color: var(--white-light);
box-shadow: none;
}
.accordion-button:focus {
z-index: 3;
border-color: transparent;
outline: 0;
box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-icon);
} .gform_wrapper.gravity-theme .gfield_label {
font-size: 15px !important;
}
.gform_required_legend {
display: none;
}
.gform-button--width-full {
border: 0;
}
.ginput_container_consent {
margin-top: 10px;
}
.contact-form-image {
margin-top: -150px;
}
#gform_1 input[type=text],
#gform_1 input[type=email],
#gform_1 textarea,
#gform_1 input[type=tel],
#gform_3 input[type=text],
#gform_3 input[type=email],
#gform_3 input[type=file],
#gform_3 textarea,
#gform_3 input[type=tel],
select,
#gform_4 input[type=text],
#gform_4 input[type=email],
#gform_4 input[type=file],
#gform_4 textarea,
#gform_4 input[type=tel],
select {
border: 1px solid var(--border-solid-color);
border-radius: 10px;
}
#gform_3 input[type=file],
#gform_4 input[type=file] {
min-height: 46px;
padding: 10px;
}
select {
padding: 13px !important;
height: 45.16px !important;
}
.gfield_required_asterisk {
color: var(--primary-color) !important;
}
.form-container-white {
min-height: 500px;
}
.page-template-page-contatti .form {
transform: translateY(-140px);
}
#contattiForm {
margin-bottom: -140px;
}
.form-container {
min-height: 420px;
margin: 280px 0 230px 0;
}
.form-absolute {
position: absolute;
top: 50%;
z-index: 1000;
transform: translateY(-50%);
}
.stampo-disegno img,
.stampo-finito img {
width: 55%;
}
.stampo-disegno {
margin-bottom: -150px;
position: relative;
}
.translate-bottom {
transform: translateY(80px);
}
#serviceSlider,
#serviceImage,
#settoreImage {
position: sticky;
top: 150px;
}
.single-prodotto h1 {
font-size: 40px;
}
.wpml-ls-item {
padding: 0 10px !important;
}
.wpml-ls-item .sub-menu {
min-width: auto !important;
}
.wpml-ls-item .sub-menu li {
padding: 0 0 !important;
}
.bg-bottom-left:after {
background-image: url(//www.migliarino.eu/wp-content/themes/iimage-boiler/assets/images/bg-lines.svg);
background-size: contain;
background-position: bottom left;
background-repeat: no-repeat;
content: '';
width: 750px !important;
height: 750px !important;
position: absolute;
left: -100px;
bottom: 0;
transition: .2s ease-in-out;
z-index: -1000;
}
.bg-bottom-right::after {
background-image: url(//www.migliarino.eu/wp-content/themes/iimage-boiler/assets/images/bg-lines.svg);
background-size: contain;
background-position: bottom right;
background-repeat: no-repeat;
content: '';
width: 700px !important;
height: 700px !important;
position: absolute;
right: 0;
bottom: -220px;
transition: .2s ease-in-out;
z-index: -1000;
}
.bg-top-right::after {
background-image: url(//www.migliarino.eu/wp-content/themes/iimage-boiler/assets/images/bg-lines.svg);
background-size: contain;
background-position: top right;
background-repeat: no-repeat;
content: '';
width: 700px !important;
height: 700px !important;
position: absolute;
right: 0px;
top: -50%;
transition: .2s ease-in-out;
}
#bg-bottom-left,
#bg-bottom-right,
#bg-top-right {
transition: all 3s cubic-bezier(.215, .60, .355, 1);
}
.background-gallery {
height: 70vh;
width: 100%;
background-position: center center;
background-size: cover;
object-fit: cover;
background-repeat: no-repeat;
}
.img-banner {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.sticky img {
position: sticky;
top: 160px;
}
#menuDesktop .logo-icon {
width: 250px;
height: auto;
} #form_fiera {
--bg: #ffffff;
--ink: #222;
--muted: #6b7280;
--primary: #8b0f0f; --primary-ink: #fff;
--border-solid-color: #d1d5db; --ring: #c71f1f20; --ring-strong: #c71f1f55; --radius: 14px;
--space: 16px;
--space-lg: 24px;
--shadow: 0 10px 24px rgba(0, 0, 0, .08);
} #form_fiera {
max-width: 1100px;
margin: 0 auto;
padding: calc(var(--space-lg) + 4px) var(--space-lg);
background: var(--bg);
border-radius: calc(var(--radius) + 2px);
box-shadow: var(--shadow);
color: var(--ink);
} #form_fiera table {
width: 100%;
border-collapse: separate;
border-spacing: var(--space-lg) 18px; table-layout: fixed; }
#form_fiera td {
vertical-align: top;
padding: 0;
} #form_fiera label {
display: block;
font-size: 15px;
font-weight: 700;
margin: 0 0 8px;
color: var(--ink);
text-align: left;
}
#form_fiera br {
display: none;
}  #form_fiera input[type=text],
#form_fiera input[type=email],
#form_fiera input[type=tel],
#form_fiera textarea,
#form_fiera select {
width: 100%;
padding: 12px 14px;
font: 500 16px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color: var(--ink);
background: #fafafa;
border: 1px solid var(--border-solid-color);
border-radius: var(--radius);
transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
outline: none;
}
#form_fiera textarea {
min-height: 90px;
resize: vertical;
}
#form_fiera input[type=text]:hover,
#form_fiera input[type=email]:hover,
#form_fiera input[type=tel]:hover,
#form_fiera textarea:hover,
#form_fiera select:hover {
background: #f6f6f6;
}
#form_fiera input[type=text]:focus,
#form_fiera input[type=email]:focus,
#form_fiera input[type=tel]:focus,
#form_fiera textarea:focus,
#form_fiera select:focus {
border-color: var(--primary);
box-shadow: 0 0 0 3px var(--ring);
background: #fff;
} #form_fiera input:required:user-invalid {
border-color: #dc2626;
box-shadow: 0 0 0 3px var(--ring-strong);
} #form_fiera input[type=checkbox] {
width: 18px;
height: 18px;
margin-right: 8px;
vertical-align: middle;
} #form_fiera select {
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, #666 50%),
linear-gradient(135deg, #666 50%, transparent 50%),
linear-gradient(to right, transparent, transparent);
background-position: calc(100% - 18px) 16px, calc(100% - 12px) 16px, 100% 0;
background-size: 6px 6px, 6px 6px, 2.5em 100%;
background-repeat: no-repeat;
} #form_fiera input[type=submit] {
display: inline-block;
margin: var(--space-lg) 0 0;
padding: 12px 20px;
font-weight: 700;
font-size: 16px;
border: 0;
border-radius: 999px;
color: var(--primary-ink);
background: var(--primary);
box-shadow: 0 6px 16px rgba(139, 15, 15, .25);
cursor: pointer;
transition: transform .06s ease, filter .15s ease, box-shadow .15s ease;
}
#form_fiera input[type=submit]:hover {
filter: brightness(1.05);
}
#form_fiera input[type=submit]:active {
transform: translateY(1px);
} #form_fiera td label+* { margin-top: 6px;
}
#form_fiera tr+tr td { padding-top: 2px;
} #form_fiera :where(input, textarea, select):focus-visible {
outline: 3px solid color-mix(in srgb, var(--primary) 45%, transparent);
outline-offset: 2px;
} @media (max-width: 820px) {
#form_fiera table,
#form_fiera tbody,
#form_fiera tr,
#form_fiera td {
display: block;
width: 100%;
}
#form_fiera table {
border-spacing: 0;
}
#form_fiera td {
margin-bottom: var(--space-lg);
}
#form_fiera input[type=submit] {
width: 100%;
}
} #form_fiera select[hidden] {
display: none !important;
}@media (max-width: 1199.98px) {
.logo-container {
min-height: 69px;
width: 150px;
}
}
@media (max-width: 991.98px) {
h2 {
font-size: 35px;
}
#testata-mobile video {
height: 350px !important;
}
.storia-row:after {
content: '';
width: 3px;
height: calc(100% + 56px);
left: 60px;
transform: translateX(-50%);
position: absolute;
top: 0;
background-color: #EEE;
z-index: -1;
}
.storia__item.order-lg-1:after {
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid var(--light-color);
border-left: 0;
}
.storia__item:after {
left: 0px !important;
}
.mt-70 {
margin-top: 0;
}
.form-absolute {
position: relative;
top: auto;
transform: translateY(0);
margin-top: 48px;
margin-bottom: -250px;
}
.mobile-menu {
left: -3rem;
}
.form-container {
margin: 80px 0 230px 0;
}
}
@media (max-width: 767.98px) { #menu-menu-lingue-mobile {
padding-left: 2rem;
margin-bottom: 0;
}
#menu-menu-lingue-mobile li {
padding: 0 !important;
margin: 0 10px 0 0 !important;
display: inline-flex !important;
height: 60px !important;
width: 60px !important;
align-items: center;
justify-content: center;
border-radius: 50px;
background-color: #ffffff;
box-shadow: 1px 1px 10px rgba(0,0,0,0.2);
}
ul .wpml-ls-menu-item a {
display: inline !important;
align-items: center;
}
.page-template-page-contatti .form {
transform: translateY(0);
}
#testata h1 {
font-size: 50px;
}
.mobile-menu {
left: 0rem;
}
.storia-row:after {
left: 32px;
}
#storia .icona--storia {
border-radius: 15px !important;
}
#storia .icona--storia i {
font-size: 20px;
}
h1,
.h1 {
font-size: 40px;
}
.mobile-menu {
left: 0rem;
}
.logo-footer {
margin-bottom: -13.5px;
}
.form-container {
margin: 48px 0 230px 0;
}
.stampo-disegno {
margin-bottom: -30px;
}
.stampo-disegno img,
.stampo-finito img {
width: 75%;
}
.icona {
min-width: 80px;
height: 80px;
}
.img-negative {
margin-left: 0;
margin-top: -170px;
width: 100%;
}
.box-after::after {
top: -70px;
left: 0;
height: calc(100% + 140px);
width: 100%;
border-radius: 40px;
background-color: var(--light-color);
z-index: -1;
}
#page-home .img-after {
width: 85%;
margin: 0 auto;
}
.mt-negative-100 {
margin-top: 0 !important;
}
#sezione-video iframe {
height: 250px;
}
.background-gallery {
height: 40vh;
}
.mt-negative-150 {
margin-top: -60px;
}
.img-banner {
position: relative;
}
.mt-mobile {
margin-top: -180px;
}
}