/*



Theme Name: Flatsome Child



Description: This is a child theme for Flatsome Theme



Author: UX Themes



Template: flatsome



Version: 3.0



*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/*  -----------------------------------------------------------------------------------------------



  MENU



--------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: "Atami-Regular";
  src: url("font/atami-regular.woff2") format("woff2"),
    url("font/atami-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "Atami-Regular", sans-serif !important;
}

:root {
  --primary: #3f976a;
}

#masthead {
  .container {
    max-width: 100%;

    .nav-left {
      justify-content: center;
    }
  }
}

@media (min-width: 1000px) and (max-width: 1560px) {
  .nav > li > a {
    font-size: 12.5px;
  }
}

@media (min-width: 845px) and (max-width: 999px) {
  .nav > li > a {
    font-size: 10.5px;
  }
}

.menu-item-has-children {
  position: relative;
}

.vocemenu-custom > a {
  display: none !important;
}

/*-------------------------------------------



HOME



----------------------------------------------------*/

.banner-inner {
  background-color: var(--primary);
}

/* .banner-layers {



  background-color: #726356;



} */

/* .button{



	2px solid #494137;



} */

.primary,
input[type="submit"],
input[type="submit"].button {
  color: var(--primary);

  background-color: #fff;

  span {
    color: var(--primary);
  }
}

.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.slider-nav-circle .flickity-prev-next-button:hover svg,
.flickity-prev-left-button:hover svg {
  fill: var(--primary) !important;

  background-color: #fff;

  border-color: #fff;
}

.page-id-145 {
  .header.has-transparent,
  .header.show-on-scroll,
  .header.transparent {
    position: relative;
  }

  .header.show-on-scroll:not(.stuck),
  .header.transparent:not(.stuck) {
    left: auto;

    right: auto;
  }

  .header-main .nav > li > a {
    color: #666666d9;
  }
}

.banner + .row:not(.row-collapse),
.banner-grid-wrapper + .row:not(.row-collapse),
.section + .row:not(.row-collapse),
.slider-wrapper + .row:not(.row-collapse) {
  margin-top: 30px;

  .fill {
    background-color: #0000001c;
  }
}

/* -------------------



PAGINA CHI SIAMO



 ---------------------*/

.about-ul,
.customg-ul {
  li {
    margin-left: 0em !important;

    list-style-type: none;
  }
}

/*-------------------------------------------------------------*/

.button,
input[type="button"].button,
input[type="reset"].button,
input[type="submit"],
input[type="submit"].button {
  background-color: var(--primary);

  border-color: var(--primary);

  color: #fff;
}

.primary,
input[type="submit"],
input[type="submit"].button {
  span {
    color: #fff;
  }
}

.button.is-outline,
.is-btn-gelato,
input[type="button"].is-outline,
input[type="reset"].is-outline,
input[type="submit"].is-outline {
  background-color: transparent;

  border: 2px solid var(--primary);

  span {
    color: var(--primary);
  }
}

.is-outline:hover,
.primary.is-outline:hover {
  background-color: transparent;

  border: 2px solid var(--primary);

  span {
    color: var(--primary);
  }
}

.entry-category {
  a {
    color: var(--primary);
  }
}

.primary.is-link,
.primary.is-outline,
.primary.is-underline {
  color: var(--primary);

  &:hover {
    color: var(--primary);
  }
}

.white.is-outline:hover {
  background-color: transparent !important;

  border-color: var(--primary);
}

.btnw-custom {
  border: 2px solid var(--primary) !important ;

  background-color: transparent !important;

  span {
    color: var(--primary) !important;
  }
}

.btnw-custom:hover {
  background-color: transparent !important;
}

/* &:hover {



    border: 2px solid #fff;



  }



} */

#wpcf7-f67-p143-o2 form {
  margin: 0 20px;
}

/*--------------------------------



Nascondo DIV sottocategoria in pagina categoria prodotti



-----------------------------*/

.product-category {
  display: none;
}

/*--------------------------------



Modifiche input indirizzo fatturazioni plugin WP P.IVA CF



-----------------------------*/

#billing_pec {
  display: none;
}

#billing_pa_code_field {
  display: none;
}

/*-------------------------------------------------------------*/

@media screen and (max-width: 850px) {
  #masthead {
    & .container {
      .nav-left {
        justify-content: left;
      }
    }
  }
}

@media (max-width: 998px) {
  #wpcf7-f67-p143-o2 form {
    width: 70%;

    margin: 0 auto;
  }
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
}