/*
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
--------------------------------------------------------------------------------------------------- */

#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: #726356;
}

/* .banner-layers {
  background-color: #726356;
} */

/* .button{
	2px solid #494137;
} */

.primary,
input[type="submit"],
input[type="submit"].button {
  color: #726356;
  background-color: #fff;

  span {
    color: #726356;
  }
}

.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: #726356 !important;
  background-color: #fff;
  border-color: #fff;
}

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

  /*com*/

  .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: #726356;
  border-color: #726356;
  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 #726356;

  span {
    color: #726356;
  }
}

.is-outline:hover,
.primary.is-outline:hover {
  background-color: transparent;
  border: 2px solid #726356;
  span {
    color: #726356;
  }
}

.entry-category {
  a {
    color: #726356;
  }
}

.primary.is-link,
.primary.is-outline,
.primary.is-underline {
  color: #726356;

  &:hover {
    color: #494137;
  }
}

.white.is-outline:hover {
  background-color: transparent !important;
  border-color: #726356;
}

.btnw-custom {
  border: 2px solid #fff !important ;
  background-color: transparent !important;
  span {
    color: #fff !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  ***************/
}