/*
 Theme Name:     DiviChild
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
/* =Theme customization starts here
------------------------------------------------------- */
/*#region breakpoints*/
/* 0, 640px */
/* 640px, 981px */
/* 980px, 1100px */
/* 1100px, 1405px */
/* 1405px */
/*#endregion */
@keyframes pulse {
  0% {
    transform: scale(0.95) rotate(270deg);
    box-shadow: 0 0 0 0 rgba(144, 72, 154, 0.8);
  }
  70% {
    transform: scale(1) rotate(270deg);
    box-shadow: 0 0 0 10px rgba(144, 72, 154, 0.2);
  }
  100% {
    transform: scale(0.95) rotate(270deg);
    box-shadow: 0 0 0 10px rgba(144, 72, 154, 0.2);
  }
}
body {
  background-image: url(/wp-content/uploads/2024/05/pattern-csz-op.png) !important;
  background-repeat: repeat;
  background-size: contain;
  scroll-behavior: smooth;
}

.hero {
  display: flex;
  align-items: flex-end;
}
.hero .et_pb_row {
  margin: 0 auto;
}
.hero .hero-icon {
  position: absolute;
  top: 65%;
  left: 42%;
  transition: all 0.7s;
}
.hero .hero-icon:hover {
  transition: all 0.7s;
  transform: translate(5px, -5px);
}
@media all and (max-width: 1200px) {
  .hero .hero-icon {
    top: 63%;
    left: 40%;
  }
}
@media all and (max-width: 980px) {
  .hero .hero-icon {
    top: 68%;
    left: 87%;
  }
}
@media all and (max-width: 680px) {
  .hero .hero-icon {
    top: 68%;
    left: 85%;
  }
}
@media all and (max-width: 500px) {
  .hero .hero-icon {
    top: 66%;
    left: 83%;
  }
}

.object-img .et_pb_image_wrap, .object-img span {
  width: 100% !important;
  height: 100%;
}
.object-img img {
  width: 100% !important;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.object-img.contain-img img {
  width: 100% !important;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.icon-arrow {
  transition: all 0.7s;
  cursor: pointer;
}
.icon-arrow:hover {
  transition: all 0.7s;
  transform: translate(5px, -5px);
}

.column-hover {
  transition: all 0.7s;
}
.column-hover::before {
  transition: all 0.7s;
}
.column-hover:hover {
  transition: all 0.7s;
}
.column-hover:hover::before {
  transition: all 0.7s;
  background-color: rgba(183, 14, 39, 0.7);
}

.grecaptcha-badge {
  display: none;
}

.logo-clienti {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.logo-clienti .testo-cliente {
  width: calc(100% - 150px);
  padding-right: 10px;
}
.logo-clienti .img-cliente {
  width: 150px;
  height: 90px;
  padding: 10px;
  border-radius: 30px;
  background-color: #fff;
  margin-right: 15px;
}
.logo-clienti .img-cliente.sfondo-nero {
  background-color: #000;
}
.logo-clienti .img-cliente img {
  width: 100% !important;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.logo-clienti p {
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  color: #fff;
  font-weight: 300;
}
.logo-clienti .titolo-cliente {
  font-weight: 900;
  padding-bottom: 10px;
}

.splide__pagination {
  bottom: -100px;
}
.splide__pagination .splide__pagination__page {
  background: #fff;
  opacity: 1;
}

.splide__arrows .splide__arrow {
  background: #fff;
  opacity: 1;
}
.splide__arrows .splide__arrow--prev {
  top: calc(100% + 65px);
  left: 0;
}
@media all and (max-width: 800px) {
  .splide__arrows .splide__arrow--prev {
    top: calc(100% + 120px);
    left: calc(50% - 50px);
  }
}
.splide__arrows .splide__arrow--next {
  top: calc(100% + 65px);
  right: 0;
}
@media all and (max-width: 800px) {
  .splide__arrows .splide__arrow--next {
    top: calc(100% + 120px);
    right: calc(50% - 50px);
  }
}

#info-form .wpcf7 p {
  margin-top: 0;
  margin-bottom: 0;
}

#info-form .wpcf7-submit {
  font-size: 18px;
  text-transform: uppercase;
  border: none;
  color: #fff;
  padding: 10px 25px;
  background-color: #B70E27;
  margin-top: 20px;
  transition: all 0.3s;
  margin-left: auto;
  border-radius: 25px;
}
@media only screen and (max-width:61.25em) {
  #info-form .wpcf7-submit {
    font-size: 17px;
  }
}
@media only screen and (max-width: 48em) {
  #info-form .wpcf7-submit {
    font-size: 16px;
  }
}
#info-form .wpcf7-submit:hover {
  transition: all 0.3s;
  background-color: #fff;
  color: #B70E27;
}

#info-form textarea {
  height: 100px;
}

#info-form .flex-form p {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
@media only screen and (max-width:61.25em) {
  #info-form .flex-form p {
    flex-direction: column;
  }
}

#info-form .flex-form label {
  width: 48%;
}
@media only screen and (max-width:61.25em) {
  #info-form .flex-form label {
    width: 100%;
  }
}

#info-form input.text, #info-form input[type=email], #info-form input[type=text], #info-form input[type=tel], #info-form textarea {
  border: 1px solid #000;
  padding: 16px 8px;
  background-color: #fff;
  width: 100%;
  margin-bottom: 20px;
  font-family: "Space Grotesk", sans-serif;
  border-radius: 25px;
}

#info-form form label {
  font-size: 16px;
  color: #fff;
}

.wpcf7-list-item-label {
  font-size: 12px;
  font-family: "Space Grotesk", sans-serif;
}

#info-form ::-webkit-input-placeholder { /* WebKit browsers */
  color: #706F6F !important;
  opacity: 1;
}

#info-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #706F6F !important;
  opacity: 1;
}

#info-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #706F6F !important;
  opacity: 1;
}

#info-form :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #706F6F !important;
  opacity: 1;
}

#section-form > .et_pb_row {
  display: flex;
  align-items: center;
}
@media all and (max-width: 980px) {
  #section-form > .et_pb_row {
    flex-direction: column-reverse;
  }
}

#column-form::after {
  content: "";
  background-color: #000;
  display: block;
  width: 50vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50vw;
}
#column-form::before {
  content: "CONTATTACI";
  font-family: "Space Grotesk", sans-serif;
  font-size: 40px;
  transform: rotateZ(270deg);
  color: #fff;
  z-index: 11;
  position: absolute;
  top: 47%;
  left: -150px;
}
@media all and (max-width: 980px) {
  #column-form::before {
    left: -110px;
  }
}
#column-form.en-form::before {
  content: "CONTACT US";
}

.sector-page-title {
  position: relative;
  z-index: 113;
}
.sector-page-title::after {
  content: "";
  background-color: #000;
  display: block;
  width: 50vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: -50vw;
}
.sector-page-title.sector-right::after {
  left: 100%;
}

.h1-img {
  height: 65px;
  width: auto;
}
@media all and (max-width: 980px) {
  .h1-img {
    height: 50px;
  }
}
@media all and (max-width: 500px) {
  .h1-img {
    height: 40px;
  }
}

#csz-header #first-column-inner {
  width: 90% !important;
}
#csz-header #second-column-inner {
  width: 10% !important;
}

.thumbnails {
  display: flex;
  margin: 1rem auto 0;
  padding: 0;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.thumbnail {
  width: 80px;
  height: 80px;
  overflow: hidden;
  list-style: none;
  margin: 0.2rem;
  cursor: pointer;
  filter: grayscale(100%);
  opacity: 0.7;
  border-radius: 20px;
}
@media all and (max-width: 500px) {
  .thumbnail {
    width: 65px;
    height: 65px;
  }
}

.thumbnail img {
  width: 100%;
  height: auto;
}

.thumbnail.is-active {
  filter: grayscale(0);
  opacity: 1;
}

.img-attrezzatura {
  height: 400px;
  width: 100%;
}
@media all and (max-width: 400px) {
  .img-attrezzatura {
    height: 350px;
  }
}

.thumb-attrezzatura {
  height: 100%;
  width: 100%;
}

.video-attrezzatura {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-attrezzature {
  color: #fff;
  margin: 10px auto;
  text-transform: uppercase;
  background-color: #B70E27;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 18px;
  padding: 5px 15px !important;
  border-radius: 30px;
  font-family: "Space Grotesk", sans-serif;
}

#attrezzature-carousel .splide__arrows .splide__arrow {
  height: 40px;
  width: 40px;
  background: #B70E27;
  opacity: 1;
}
#attrezzature-carousel .splide__arrows .splide__arrow svg {
  fill: #fff;
}
#attrezzature-carousel .splide__arrows .splide__arrow--prev {
  top: 50%;
  left: -50px;
}
#attrezzature-carousel .splide__arrows .splide__arrow--next {
  top: 50%;
  right: -50px;
}

@media all and (max-width: 1240px) {
  #menu-main.et-menu > li {
    padding-left: 9px;
    padding-right: 9px;
  }
  #menu-main.et-menu > li a {
    font-size: 14px;
  }
}
@media all and (max-width: 1110px) {
  #menu-main.et-menu > li {
    padding-left: 7px;
    padding-right: 7px;
  }
  #menu-main.et-menu > li a {
    font-size: 13px;
  }
  #first-column-inner {
    margin-right: 20px;
  }
  .et_pb_menu--style-left_aligned .et_pb_menu__logo {
    margin-right: 15px;
  }
}
@media all and (max-width: 980px) {
  #csz-header #menu-inner {
    display: flex;
    align-items: center;
  }
  #csz-header #menu-inner #first-column-inner {
    width: 90% !important;
    margin-bottom: 0;
  }
  #csz-header #menu-inner #first-column-inner .et_pb_menu_0_tb_header {
    padding-left: 0;
    padding-right: 0;
  }
  #csz-header #menu-inner #first-column-inner .et_pb_menu__wrap {
    justify-content: flex-end;
  }
  #csz-header #menu-inner #first-column-inner .et_pb_menu__wrap .mobile_menu_bar {
    background-color: #B70E27;
    border-radius: 50px 50px 50px 50px;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
  }
  #csz-header #menu-inner #first-column-inner .et_pb_menu__wrap .et_mobile_menu {
    top: 125%;
    left: calc(100% - 250px);
    width: 250px;
  }
  #csz-header #menu-inner #second-column-inner {
    width: 10% !important;
  }
  #csz-header #menu-inner .et_pb_social_media_follow li {
    margin-bottom: 0;
  }
}/*# sourceMappingURL=style.css.map */