/*
 Theme Name:   Hello Elementor Child
 Author:       Enrico by Marcosh
 Template:     hello-elementor
 Version:      1.0.0
*/

@import url("../hello-elementor/style.css");

:root {
  --green: #97C33D;
  --blue: #26616E;
  --dark-green: #387A5C;
  --green2: #67A837;
  --light-green: #90AE29; 
  --yellow: #B0B11F;
  --orange: #DCB710;
}

body {
  overflow-x: hidden;
}

.container-cs {
  position: relative;
  width: 100%;
}

.trattino {
  height: 2px;
  width: 48px;
  display: inline-block;
  margin: 0;
  margin-bottom: 5px;
  margin-right: 15px;
  padding: 0;
}

span.srl {
    font-size: 12px;
}

.blue {
  background-color: var(--blue);
}

.green2 {
  background-color: var(--green2);
}

.dark-green {
  background-color: var(--dark-green);
}

.light-green {
  background-color: var(--light-green);
}

.green-box {
  background-color: var(--green);
  width: 400px;
  height: 373px;
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .green-box {
    width: 200px;
    height: 200px;
  }
}

.yellow {
  background-color: var(--yellow);
}

.orange {
  background-color: var(--orange);
}

.container-slider-prima-dopo {
    max-width: 97%;
    margin: 0 auto;
    /* height: 560px; */
    /* overflow: hidden; */
}

.spaziatura {
    transform: translateY(-3px);
    width: 24px;
    height: 2px;
    background-color: var(--green);
    display: inline-block;
}

/* form */
/* .e-con.e-con>.e-con-inner>.elementor-widget, .elementor.elementor .e-con>.elementor-widget {
    max-width: 100%;
    width: 100%;
} */
.elementor-element.elementor-element-c56bc2d.elementor-widget.elementor-widget-shortcode {
  width: 85%!important;
  max-width: 1040px;
    margin: 0 auto!important;
}
.wpforms-field-row.wpforms-field-medium, input#wpforms-170-field_2 {
    max-width: 100%!important;
}
.wpforms-submit-container {
    display: flex;
    justify-content: center;
    margin-top: 80px!important;
}
button#wpforms-submit-170 {
    background-color: var(--green);
}
input#wpforms-170-field_1, input#wpforms-170-field_1-last {
  max-width: 492px;
}
input#wpforms-170-field_1, input#wpforms-170-field_1-last, input#wpforms-170-field_2, textarea#wpforms-170-field_3 {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
}

.icon-accordion {
  cursor: pointer;
  transition: 0.2s ease!important;
}

.icon-accordion.rotate {
  rotate: 45deg;
}

.title-accordion {
  cursor: pointer;
}

.accordion-text {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease!important;
}

/* .accordion-text.open {
  max-height: 200px;
} */

.cover {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.accordion-text-2 {
  width: 100%!important;
  overflow: hidden!important;
  height: 0 !important;
  opacity: 0 !important;
  overflow: hidden;
  transition:
    height 0.4s ease,
    opacity 0.4s ease 0.2s !important;
}

.accordion-text-2.open {
  width: 100%!important;
  overflow: hidden!important;
  height: 200px!important;
  opacity: 1!important;
}

.title-accordion-2 {
  cursor: pointer;
}

.icon-accordion-2 {
  cursor: pointer;
  transition: 0.2s ease!important;
}

.icon-accordion-2.active {
  transform: translatex(-5px);
  rotate: 45deg;
}

#verniciatura, #sabbiatura {
  cursor: pointer;
}

#verniciatura.clicked h3, #sabbiatura.clicked h3 {
  color: #fff!important;
}

.block-verniciatura, .block-sabbiatura {
  display: none!important;
  opacity: 0!important;
  transition: opacity 0.3s ease!important;
}

.block-verniciatura.active, .block-sabbiatura.active {
  display: block!important;
  opacity: 0!important;
}
.block-verniciatura.active-2, .block-sabbiatura.active-2 {
  opacity: 1!important;
}
/***/

/* menu desktop */
nav a:hover {
  color: var(--green)!important;
}
/**/

/*menu mobile*/
ul#menu-2-57b5a1f {
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}
.elementor-menu-toggle {
  width: 28px!important;
  height: 28px!important;
  /* transform: translateY(-10px)!important; */
}
/**/


/* maps */
.map-cs iframe {
    border-radius: 12px;
}
/**/
