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


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

/* --- formulario de contacto --- */
.one-half,
.one-third {
position: relative;
margin-right: 4%;
float: left;
margin-bottom: 20px;
}
.one-half { width: 48%; }
.one-third { width: 30.66%; }
.last {
margin-right: 0 !important;
clear: right;
}
@media only screen and (max-width: 767px) {
.one-half, .one-third {
width: 100%;
margin-right: 0;
}
}
/* --- Estils del formulari --- */	
	

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
-webkit-appearance: transparent !important;
background-color: transparent !important;
border-bottom: 0px solid #001;
border-top: 0px !important;
border-left: 0px!important;
border-right: 0px!important;
width: 100% !important;
-moz-border-radius: transparent !important;
-webkit-border-radius: transparent !important;
border-radius: 0 !important;
font-size: 14px;
color: black;
padding: 10px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 5px!important;
/*font-family: 'Droid Sans', Helvetica, Arial, Lucida, sans-serif;*/
font-size: 12px;
}

/*ESTILS BOTO*/
	
.wpcf7-submit {
color: #fff; 
float:right;
margin: 8px auto 0;
cursor: pointer;
display:inline-block;
font-size: 20px;
font-weight: 700;
-moz-border-radius: 20px;
-webkit-border-radius: 0px;
border-radius: 0px ;
padding: 6px 20px;
line-height: normal;
background: rgba(76, 175, 80, 0.4)!important;
border: rgba(76, 175, 80, 0.4)!important;
transition: all 0.2s;
text-transform: uppercase;
}


/*ESTILS BOTO HOVER*/
	
.wpcf7-submit:hover {
color: #000000;
background-color: green;
}
	
	
div.wpcf7 {
font-family: 'Open Sans', Roboto, sans-serif;
font-size: 16px;
font-weight: 300;
text-transform: none;
text-align: left;}
.wpcf7-textarea {
font-family: 'Open Sans', Roboto, sans-serif;
width: 100%;
box-sizing: border-box;
color: inherit;
padding: 24px;
position: relative;
line-height: 1.5em;
font-size: 20px;
margin-bottom: 40px;
color: #eee;
}

/**
 * codi recapcha invisible
*/
.grecaptcha-badge {
display: none !important;
}

/**
 * Code goes in style.css of your child theme or Advanced > Custom CSS
 */
.label-novetats.menu-item > a:after {
	content: 'new arrivals'; /* Change text */
	display: inline-block;
	font-size: 9px;
	line-height: 9px;
	text-transform: none;
	letter-spacing: -0.1px;
	margin-left: 4px;
	background-color: #bd2f2f; /* Change color */
	font-weight: bolder;
	border-radius: 2px;
	color: #fff;
	padding: 2px 3px 3px;
	position: relative;
	top: -2px;
}


/**
* Codi per protegir el contingut
*/


/**
* codi per utilitzar el webp
*/