/*
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 */
.header-nav a {
    line-height: 5px !important;
}
.header-nav a:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 3px;
  left: 50%;
  position: absolute;
  background: #faa916;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.header-nav a:hover:after { 
  width: 100%; 
  left: 0; 
}

/* Form CF7 */
#lavora-con-noi input, #lavora-con-noi textarea {
    border-radius: 10px;
    background: #fff !important;
    color: #000 !important;
        width: 400px;
}
#lavora-con-noi input[type=checkbox] {
        width: unset;
}
#lavora-con-noi .required {
    color: red;
}
#lavora-con-noi .flex-row {
    margin-bottom: 20px;
}
#lavora-con-noi .ml-half {
    min-width: 110px;
}

#lavora-con-noi input[type=file]::-webkit-file-upload-button {
  visibility: hidden;
}
#lavora-con-noi input[type=file]::before {
  content: 'Allega PDF';
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 10pt;
font-weight: 700;
    text-align: center;
        background: #faa916 !important;
}
#lavora-con-noi input[type=file]:hover::before {
  border-color: black;
}
#lavora-con-noi input[type=file]:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
#lavora-con-noi .row-privacy-policy {
    text-align: center;
    margin: 30px 0px;
}
#lavora-con-noi .row-privacy-policy a{
    text-decoration: underline;
}
#lavora-con-noi input[type=submit] {
    width: 100%;
    margin-top: 30px;
    background: #202020 !important;
    border: solid 3px #faa916;
    color: #fff !important;
    border-radius: 99px;
    text-transform: capitalize;
    font-size: 18px;
}

/* Bottoni */
.button.is-outline {
    color: #fff !important;
    border: solid #faa916 !important;
}

.fantasma {color: transparent !important;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.fantasma {color: transparent !important;}

}