/* Style Expo Machining */
:root {
  --color-dark: #01537B;
  --color-light: #62B4D8;
  --color-grey: #686867;
}
bgreen {
  font-weight: bold;
  color: var(--color-dark);
}
.jumbotron .container h2 {
  color: var(--color-grey);
}
.container-servizi .background-logo {
  background-image: url(/images/machining/icon.svg);
  background-repeat: no-repeat;
  filter: grayscale(1);
  opacity: 0.05;
  width: 70%;
  height: 120%;
  background-size: contain;
  position: absolute;
  top: -40px;
  left: -7%;
}
footer .logo-footer {
  background-image: url(/images/machining/icon.svg);
  background-size: contain;
}
.jumbotron .preloader svg {
  fill: var(--color-dark);
}
.step .text h2 {
  color: var(--color-dark);
}
.container-servizi .text h2 {
  color: var(--color-light);
}
.row-servizi .card-servizio .box-image svg {
  fill: var(--color-light) !important;
}
.staff .container-staff .buttons button.cta {
  background-color: var(--color-dark);
  border: 3px solid var(--color-dark);
}
.staff .container-staff .buttons button:hover {
  border: 3px solid var(--color-dark);
  background-color: transparent;
  color: var(--color-dark);
}
.staff .container-staff .buttons button.cta:hover {
  color: var(--color-dark);
}
.row-servizi .card-servizio .box-button .button {
  background-color: var(--color-dark);
  border: 3px solid var(--color-dark);
}
.row-servizi .card-servizio .box-button .button:hover {
  color: var(--color-dark);
}
.step .divisore {
  border: 2px solid var(--color-dark);
  background-color: var(--color-dark);
}
.staff .container-staff h1 {
  color: var(--color-dark);
}
.searchbar button {
  background-color: var(--color-dark);
  border: 3px solid var(--color-dark);
}
.searchbar button:hover {
  color: var(--color-dark);
}
div[class^="main-news-"] .top-section .box-media-partner .box-text {
  background-color: var(--color-dark);
}
.espositori-home-main .container .bottom-espositori p:first-of-type {
  color: var(--color-dark);
}
.container-catalogo .box-text h2 {
  color: var(--color-light);
}
.container-catalogo .box-text .catalogo .box-catalogo .button {
  background-color: var(--color-dark);
  border: 3px solid var(--color-dark);
}
.container-catalogo .box-text .catalogo .box-catalogo .button:hover {
  color: var(--color-dark);
}
.row-servizi.home .card-servizio .box-text p {
  color: #FFF;
}
header .container .menu nav ul li a {
  color: var(--color-dark);
}
header .container .menu nav ul li a:hover {
  border-bottom: 3px solid var(--color-dark);
}
.jumbotron {
  background: linear-gradient(0deg, rgba(251,211,8,0) 0%, rgba(233,232,231,1) 81%, rgba(255,255,255,1) 100%) 0% 0% no-repeat padding-box, url(/images/machining/homepage.jpg);
  background-size: cover;
  background-position: bottom;
}
.jumbotron-about {
  background: linear-gradient(0deg, rgba(251,211,8,0) 0%, rgba(233,232,231,1) 81%, rgba(255,255,255,1) 100%) 0% 0% no-repeat padding-box, url(/images/chisiamo.jpg);
  background-size: cover;
  background-position: bottom;
}
.jumbo-ricerca {
  background: linear-gradient(0deg, rgba(251,211,8,0) 0%, rgba(233,232,231,1) 81%, rgba(255,255,255,1) 100%) 0% 0% no-repeat padding-box, url(/images/espositori.jpg);
  background-size: cover;
  background-position: bottom;
}
.jumbo-ricerca .hover {
  background: linear-gradient(0deg, rgba(251,211,8,0) 0%, rgba(233,232,231,1) 81%, rgba(255,255,255,1) 100%)  0% 0% no-repeat padding-box;
}
.jumbo-dettaglio-azienda .container-ricerca .hover {
  background: linear-gradient(0deg, rgba(251,211,8,0) 0%, rgba(233,232,231,1) 81%, rgba(255,255,255,1) 100%)  0% 0% no-repeat padding-box;
}
.jumbo-news {
  background: linear-gradient(0deg, rgba(251,211,8,0) 0%, rgba(233,232,231,1) 81%, rgba(255,255,255,1) 100%) 0% 0% no-repeat padding-box, url(/images/news.jpg);
  background-size: cover;
  background-position: bottom;
}
.jumbo-contatti {
  background: linear-gradient(0deg, rgba(251,211,8,0) 0%, rgba(233,232,231,1) 81%, rgba(255,255,255,1) 100%) 0% 0% no-repeat padding-box, url(/images/hero-contact.jpg);
  background-size: cover;
  background-position: bottom;
}
.jumbotron-about .container-top h2 {
  color: var(--color-grey);
}
.jumbo-ricerca .container-ricerca h2 {
  color: var(--color-grey);
}
.container-ricerca .padiglioni-menu ul li a {
  color: var(--color-light);
  border-right: 1px solid var(--color-light);
}
.container-ricerca .padiglioni-menu ul li a:hover, .container-ricerca .padiglioni-menu ul li a.active {
  color: var(--color-dark);
}
.jumbo-news .container-aggiornato h2, .jumbo-news .container-aggiornato span {
  color: var(--color-grey);
}
.jumbo-contatti .container-contatti h2, .jumbo-contatti .container-contatti span {
  color: var(--color-grey);
}
.main-top-contatti .pin-contatt svg, .main-top-contatti .phone-contatt svg, .main-top-contatti .mail-contatt svg {
  fill: var(--color-dark);
}
.container-catalogo .box-text .divisore {
  background-color: var(--color-dark);
}
.container-catalogo .box-text .swiper-catalogo .swiper-button-next, .container-catalogo .box-text .swiper-catalogo .swiper-button-prev {
  background-color: var(--color-dark);
}
.container-catalogo .box-text .divisore {
  background-color: var(--color-dark);
}
.main-bottom .contact-found .contact button, .main-bottom .contact-found .found button {
  background-color: var(--color-dark);
  border: 3px solid var(--color-dark);
}
.main-bottom .contact-found .contact button:hover, .main-bottom .contact-found .found button:hover {
  color: var(--color-dark);
}
div[class^="main-news-"] .news .button {
  background-color: var(--color-dark);
}
div[class^="main-news-"] .news:hover .button {
  color: var(--color-dark);
}
div[class^="main-news-"] .news .news-bottom-text h3 {
  color: var(--color-light);
}
div[class^="main-news-"] .bottom-section button {
  background-color: var(--color-dark);
  border: 3px solid var(--color-dark);
}
div[class^="main-news-"] .bottom-section button:hover {
  color: var(--color-dark);
  border: 3px solid var(--color-dark);
}
header .container .menu .languages {
  background-color: var(--color-dark);
}
header .container .menu .languages a {
  color: #FFF;
}
header .container .menu .languages svg {
  fill: #FFF;
}
.card-espositori .row .card:hover .bottom-card {
  background-color: rgba(1, 82, 123, 0.6);
}
.espositori-home-main .container .bottom-espositori .buttons button:hover {
  color: var(--color-dark);
  background-color: white;
  border: 3px solid var(--color-dark);
}

/* form */
.main-center-contatti .modulo-contatti input {
  border: 1px solid var(--color-dark);
}
.main-center-contatti .modulo-contatti input[type=submit] {
  background-color: var(--color-dark);
  border: 3px solid var(--color-dark);
}
.main-center-contatti .modulo-contatti input[type=submit]:hover {
  color: var(--color-dark);
  background-color: #FFF;
}
.main-center-contatti .modulo-contatti .slider {
  border: 1px solid var(--color-dark);
}
.main-center-contatti .modulo-contatti .slider:before {
  border: 1px solid var(--color-dark);
}
.main-center-contatti .modulo-contatti input:checked + .slider:before {
  background-color: var(--color-dark);
}

/* Bottone indietro */
a.button_back .icon svg {
  fill: var(--color-dark);
}
a.button_back .description {
  background-color: var(--color-dark);
}
a.button_back:hover .description {
  color: var(--color-dark);
}

/* ricerca */
.ricerca-aziende .row-padiglioni-correlati .box-azienda:hover .logo-azienda .square {
  border: 4px solid var(--color-dark);
}

/* news */
.news_wrapper .left h1 {
  color: var(--color-dark);
}

/* espositore */
.main-center-dettaglio-azienda .menu-dettaglio nav ul li.active a {
  color: var(--color-dark);
}
.main-center-dettaglio-azienda .menu-dettaglio nav ul li.active {
  color: var(--color-dark);
  border-bottom: 3px solid var(--color-dark);
}
.main-center-dettaglio-azienda .dettaglio-azienda .ragione-sociale h2 {
  color: var(--color-dark);
}
.main-center-dettaglio-azienda .dettaglio-azienda .indirizzo svg {
  fill: var(--color-dark);
}
.main-center-dettaglio-azienda .profilo-azienda h2 {
  color: var(--color-dark);
}
.main-top-dettaglio-azienda .top .actions .contatta a {
  background-color: var(--color-dark);
  border: 3px solid var(--color-dark);
}
.main-top-dettaglio-azienda .top .actions .contatta a:hover {
  color: var(--color-dark);
}
.main-center-dettaglio-azienda .profilo-azienda h2 {
  color: var(--color-dark);
}
.main-center-dettaglio-azienda .container-tags ul li svg {
  fill: var(--color-dark);
}
.box-two-column .box-text svg, .box-two-column .box-left svg, ul.two-column li p svg, .box-reverse .box-right li p svg, .box-con-swiper .box-left svg {
  fill: var(--color-dark);
}
.main-top-dettaglio-azienda .center .phone .box-img, .main-top-dettaglio-azienda .center .website .box-img, .main-top-dettaglio-azienda .center .mail .box-img {
  background-color: var(--color-dark);
}
.main-top-dettaglio-azienda .top .actions .copy svg, .main-top-dettaglio-azienda .top .actions .condividi svg {
  fill: var(--color-dark);
}
.main-top-dettaglio-azienda .top .actions .copy:hover, .main-top-dettaglio-azienda .top .actions .condividi:hover {
  background-color: var(--color-dark);
}
.main-top-dettaglio-azienda .bottom h1, .main-top-dettaglio-azienda .bottom h2 {
  color: var(--color-dark);
}
.main-top-dettaglio-azienda .bottom svg {
  fill: var(--color-dark);
}
.main-top-dettaglio-azienda .center .phone:hover .box-img svg, .main-top-dettaglio-azienda .center .website:hover .box-img svg, .main-top-dettaglio-azienda .center .mail:hover .box-img svg {
  fill: var(--color-dark);
}
.main-top-dettaglio-azienda .center .phone:hover .box-text, .main-top-dettaglio-azienda .center .website:hover .box-text, .main-top-dettaglio-azienda .center .mail:hover .box-text {
  background-color: var(--color-light);
}
.main-top-dettaglio-azienda .center .phone .box-text, .main-top-dettaglio-azienda .center .website .box-text, .main-top-dettaglio-azienda .center .mail .box-text {
  border: 1px solid var(--color-dark);
}
.main-center-dettaglio-azienda .dettaglio-azienda .center .box-img {
  background-color: var(--color-dark);
}
.main-center-dettaglio-azienda .dettaglio-azienda .center .box-text {
  border: 1px solid var(--color-dark);
}
.richiesta-informazioni-modale .richiesta-informazioni .left-modal p, .richiesta-informazioni-modale .richiesta-informazioni .right-modal p {
  color: var(--color-dark);
}
.richiesta-informazioni-modale .richiesta-informazioni .left-modal p, .richiesta-informazioni-modale .richiesta-informazioni .right-modal p {
  color: var(--color-dark);
}
.richiesta-informazioni-modale .richiesta-informazioni .right-modal input[type=text] {
  border: 1px solid var(--color-dark);
}
.richiesta-informazioni-modale .richiesta-informazioni .right-modal input[type=text]:focus-visible {
  outline-color: var(--color-dark);
}
.richiesta-informazioni-modale .richiesta-informazioni .right-modal .info.msg textarea {
  border: 1px solid var(--color-dark);
}
.richiesta-informazioni-modale .richiesta-informazioni .form_checkbox .slider {
  border: 1px solid var(--color-dark);
}
.richiesta-informazioni-modale .richiesta-informazioni .form_checkbox .slider:before {
  border: 1px solid var(--color-dark);
}
.richiesta-informazioni-modale .richiesta-informazioni .form_checkbox input:checked + .slider:before {
  background-color: var(--color-dark);
}
.richiesta-informazioni-modale .richiesta-informazioni .form_submit input[type=submit] {
  background-color: var(--color-dark);
  border: 3px solid var(--color-dark);
}
.richiesta-informazioni-modale .richiesta-informazioni .form_submit input[type=submit]:hover {
  background-color: #FFF;
  color: var(--color-dark);
}

/* Menu mobile */
@media screen and (max-width: 768px){
  header .container .hamburger-menu svg {
    background-color: var(--color-dark);
  }
  header .container .menu {
    background-color: var(--color-dark);
  }
  header .container .menu .languages {
    background-color: #FFF;
  }
  header .container .menu .languages a {
    color: var(--color-dark);
  }
  header .container .menu .languages svg {
    fill: var(--color-dark);
  }
  header .container .menu nav ul li a {
    color: #FFF;
  }
  header .container .menu nav ul li a:hover {
    border-bottom: 3px solid #FFF;
  }
}

/* end of css */