/* Landing - Legamidicuore */

#gioielli-emozionali {
    margin: 75px 0px;
  }
  
  #gioielli-emozionali h1 {
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-align: left!important;
  }
  
  #gioielli-emozionali .section-title {
    margin: 0;
  }
  
  #gioielli-emozionali .container > div {
    display: flex;
    align-items: center;
    margin: 75px 0px 0px 0px;
  }
  
  #gioielli-emozionali .container >
   div > div:last-child {
    display: flex;
    flex-wrap: nowrap;
    flex-basis: 60%;
    justify-content: center;
  }
  
  #gioielli-emozionali .container > div > div img {
    margin: 0 15px;
  }
  
  .img_2 img.entered {
    height: 360px;
    width: auto;
  }
  
  #gioielli-emozionali .container > div > div {
    flex-basis: 40%;
  }
  
  .img_1 img.entered {
    top: -60px;
    position: relative;
    left: 85px;
    height: 385px;
  }
  
  #gioielli-emozionali > .container > div > h1 {
    text-align: center;
  }
  
  #gioielli-emozionali > .container > div > p {
    text-align: center;
  }
  
  #gioielli-emozionali .container > div > div > div {
    margin-bottom: 30px;
  }
  
  #gioielli-emozionali .container > div p {
    margin: 20px 0;
    text-align: justify;
    font-size: 14px;
  }
  
  #gioielli-emozionali .container > div .section-title {
    font-size: 25px;
    margin: 0;
  }
  
  #gioielli-emozionali .recapiti {
    margin: 25px 0px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
  }
  
  #gioielli-emozionali .info {
    margin: 0px 0px 20px 0px;
    min-height: 71px;
  }
  
  #gioielli-emozionali .info a {
    display: flex;
  }
  
  #gioielli-emozionali .info > a > div:first-of-type {
    width: 60px;
    height: 50px;
    border: 1px solid #aa8453;
    -webkit-animation: pulse 4s infinite;
    animation: pulse 4s infinite;
    border-radius: 50%;
  }
  
  #gioielli-emozionali .info svg {
    width: 30px;
    height: 30px;
    fill: #aa8453;
    padding: 10px 9px;
  }
  
  #gioielli-emozionali .info svg:last-of-type path {
    stroke: #aa8453;
  }
  
  #gioielli-emozionali .info svg:last-of-type circle {
    fill: #aa8453;
    stroke: #aa8453;
  }
  
  #gioielli-emozionali .call {
    width: 100%;
    height: auto;
    color: #222;
    font-weight: 400;
    font-size: 15px;
    margin-top: 0px;
    margin-left: 10px;
    display: grid;
  }
  
  #gioielli-emozionali .call span {
    width: 100%;
    height: auto;
    color: #222;
    font-weight: 400;
    font-size: 15px;
    margin-top: 0px;
    font-family: "Barlow", sans-serif;
  }
  
  #gioielli-emozionali .info:first-of-type .call > span:nth-child(2) {
    font-family: "Gilda Display", serif;
    font-size: 14px;
    color: #aa8453;
    display: grid;
  }
  
  #gioielli-emozionali .info:first-of-type .call > span:nth-child(2) > span {
    font-family: "Gilda Display", serif;
    font-size: 11px;
    color: #aa8453;
    display: grid;
    top: -10px;
    position: relative;
  }
  
  #gioielli-emozionali .call span:nth-child(2) {
    font-family: "Gilda Display", serif;
    font-size: 20px;
    color: #aa8453;
    margin-top: -7px;
  }
  
  #la-nostra-storia {
    background-color: #222;
    padding: 60px 0;
  }
  
  #la-nostra-storia .container > div {
    max-height: 590px;
  }
  
  #la-nostra-storia .section-title {
    margin: 0 0 20px 0;
    color: #aa8453;
    font-size: 40px;
    text-transform: capitalize;
  }
  
  #la-nostra-storia .section-subtitle {
    color: #fff;
  }
  
  #la-nostra-storia p {
    color: #fff;
    margin: 0 0 0 0;
  }
  
  .timbro {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    position: relative;
    bottom: 46px;
  }
  
  .timbro img {
    width: 229px;
    left: 28px;
    position: relative;
    z-index: 10;
  }
  
  #a_partire_da h5 {
    font-size: 21px!important;
  }
  
  #contattaci {
    margin: 120px 0;
  }
  
  #contattaci div:first-of-type h2,
  #contattaci div:first-of-type p {
    text-align: center;
  }
  
  #contattaci .descrizione {
    margin: 0 0 120px 0;
  }
  
  #contattaci iframe {
    width: 100%;
    height: 600px;
    -webkit-filter: grayscale(99%);
  }
  
  #contattaci > div {
    position: relative;
  }
  
  #contattaci > div > div {
    right: 155px;
    position: absolute;
    bottom: -53px;
    background: #fff;
    padding: 50px 65px 0 65px;
  }
  
  #contattaci form > p:first-of-type {
    display: table-caption!important;
    text-align: left;
  }
  
  #contattaci form br {
    display: none !important;
  }
  
  #contattaci form label {
    display: flex;
  }
  
  #contattaci .wpcf7-form-control-wrap {
    display: inline-grid;
  }
  
  #contattaci form input[type="text"],
  #contattaci form input[type="email"],
  #contattaci form textarea {
    border: solid 1px #000;
    border-radius: 0px;
    padding: 10px;
    margin: 10px 0;
  }
  
  #contattaci form input[type="submit"] {
    font-weight: 400;
    font-family: "Barlow Condensed", sans-serif;
    text-transform: uppercase;
    background: #ab8a62;
    color: #fff;
    padding: 13px 22px;
    margin: 10px 0;
    position: relative;
    font-size: 15px;
    letter-spacing: 3px;
    border: none;
    width: auto;
    float: right;
  }
  
  #contattaci form input[type="submit"]:hover {
    background-color: #222;
  }
  
  #contattaci form .wpcf7-acceptance > span {
    margin: 0;
    font-size: 12px;
    line-height: 15px;
  }
  
  #contattaci form .wpcf7-list-item > label {
    display: flex;
    align-items: start;
  }
  
  #contattaci form input[type="checkbox"] {
    margin: 3px 5px 0 0;
  }
  
  #gallery {
    margin: 50px 0;
  }
  
  #gallery h2 {
    margin: 0;
  }
  
  .gallery-4-col {
    display: flex;
    flex-wrap: wrap;
  }
  
  .gallery-4-col > div {
    flex-basis: 24%;
    margin: 10px 5px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
  }
  
  .gallery-4-col > div img {
    width: 100%;
    height: auto;
  }
  
  .gallery-4-col > div img:hover {
    transform: scale(1.05);
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    border-radius: 0;
    cursor: pointer;
  }
  
  .gallery-2-col {
    display: flex;
    flex-wrap: nowrap;
  }
  
  .gallery-2-col > div {
    flex-basis: 50%;
    margin: 10px 5px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
  }
  
  .gallery-2-col > div img {
    width: 100%;
    height: auto;
  }
  
  .gallery-2-col > div img:hover {
    transform: scale(1.05);
    transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
    border-radius: 0;
    cursor: pointer;
  }
  
  .fancybox-content img {
    max-height: 88vh;
  }
  
  .fancybox-is-open .fancybox-bg {
    opacity: 1!important;
  }
  
  #servizi .container > h3 {
    text-align: center;
    margin: 30px 0;
    color: #ab8a62;
  }
  
  #servizi .container > p {
    margin: 30px 0;
    text-align: center;
  }
  
  .logo_legamidicuore {
    margin: 0;
    width: 268px;
    height: auto;
  }
  
  #servizi .logo_legamidicuore {
    margin: 0 auto 40px auto;
    display: table;
  }
  
  #servizi .logo_legamidicuore:last-of-type {
    margin: 40px auto;
  }

  #video {
    background-image: url('https://www.cipollagioielli.com/wp-content/themes/cipolla-dal-1950/immagini/landing/legamidicuore-impronte/img5.jpg');
  }
  
  @media (max-width: 767px) {
    
    html {
      overflow-x: hidden;
    }

    .slide .info_slide h2 {
      margin: 30px 0 0 0;
    }
  
    .slide .btn-light a {
      max-width: 300px;
      text-align: center;
      font-size: 16px;
      line-height: 23px;
    }
  
    .slide .info_slide .btn-light {
      top: 25px!important;
    }

    #gioielli-emozionali {
      margin: 75px 20px;
    }

    #gioielli-emozionali .container > div > div {
      flex-basis: 100%;
    }
  
    #gioielli-emozionali h1 {
      margin: 10px 0;
      letter-spacing: 3px;
      font-size: 16px;
    }
  
    #gioielli-emozionali .container > div .section-title {
      font-size: 32px;
    }
  
    #gioielli-emozionali .container > div {
      flex-wrap: wrap;
    }
  
    #gioielli-emozionali > div > div > div:nth-child(2) {
      flex-basis: 100%;
      position: relative;
      top: 75px;
    }
    
    #gioielli-emozionali .recapiti {
      flex-wrap: wrap;
      justify-content: flex-start;
    }

    .btn-dark a {
      text-align: center;
      line-height: 22px;
      font-size: 17px;
    }
  
    .img_1 img.entered {
      margin-top: 60px;
      position: relative;
      left: 0px;
      height: 250px;
      z-index: 5;
    }
  
    .img_2 img.entered {
      height: 160px;
      width: auto;
      position: relative;
      left: -108px;
      top: 28px;
    }
  
    #la-nostra-storia {
      padding: 75px 20px 0px 20px;
    }

    #la-nostra-storia .container > div {
      max-height: max-content!important;
    }

    #la-nostra-storia .section-title {
      font-size: 35px;
    }
  
    #la-nostra-storia p {
      margin: 20px 0;
      text-align: justify;
    }
  
    .timbro { 
      bottom: 37px;
    }
  
    .timbro > img {
      width: 130px;
    }
  
    #servizi > div > div:nth-child(4) {
      flex-direction: column-reverse;
    }
  
    #servizi .container > h2 {
      font-size: 24px;
    }
  
    #servizi h5 {
      font-size: 14px;
    }

    #servizi > div > div:nth-child(6) > div:nth-child(2) > div {
      min-height: 430px!important;
    }
  
    #gallery {
      margin: 50px 20px;
    }

    .gallery-4-col > div {
      flex-basis: 29%;
    }
  
    #servizi .content {
      min-height: 362px!important;
    }
  
    #contattaci {
      margin: 50px 20px 0 20px;
    }
  
    #contattaci .descrizione {
      margin: 0 0 50px 0;
    }
  
    #contattaci > div {
      margin: 50px 0 0 0;
    }
  
    #contattaci > div > div {
      right: unset;
      bottom: unset;
      position: unset!important;
      padding: 0px;
    }
  
    #contattaci .wpcf7-form-control-wrap {
      display: grid;
    }
  
    #contattaci form input[type="checkbox"] {
      width: 45px!important;
      height: 45px!important;
    }
  
    #contattaci form > p:first-of-type {
      display: block!important;
      width: 100%;
    }
  
    footer {
      padding: 0 20px;
      box-sizing: border-box;
    }
  
  }