/**
 * Estilos para formularios
 */

/* Comunes */
.ynsadiet-form input:not([type="submit"]).input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}

.ynsadiet-form input:not([type="submit"]),
.ynsadiet-form select,
.ynsadiet-form textarea {
	border: none;
	border-bottom: #001a84 1px solid;
	background-color: transparent !important;
	width: 100%;
	padding: 9px !important;
	padding-left: 5px !important;
	margin-bottom: 2px !important;
	vertical-align: top;
}

.ynsadiet-form input[type="radio"],
.ynsadiet-form input[type="checkbox"] {
	width: unset!important;
	border: none;
}

.ynsadiet-form select option:first-child {
	display: none;
}


.ynsadiet-form label,
.ynsadiet-form input::placeholder,
.ynsadiet-form textarea::placeholder {
	color: #001a84;
}


.ynsadiet-form input[type="submit"],
.ynsadiet-form button[type="submit"] {
	background-color: unset !important; }


/* ContactForm7 / MailChimp */
/*.ynsadiet-form .wpcf7-response-output {
    display: none !important;
}*/

.ynsadiet-form .wpcf7-form-control-wrap {
	display: inline;
}

.ynsadiet-form .radio-span-50 .wpcf7-radio span {
	width: 50%;
	margin: 0;
	padding-left: 10px;
	white-space: nowrap;
}

.ynsadiet-form .wpcf7-acceptance input[type="checkbox"] {
	margin: 0 10px;
}


.ynsadiet-form button[type="submit"].btn-cf7-gem {
	background-color: unset !important;
	width: unset;
	float: right;
	position: relative;
	margin-right: 35px;
}
.ynsadiet-form button[type="submit"].btn-cf7-gem:after {
	content: "\f178";
	font-family: 'FontAwesome';
	position: absolute;
	right: -25px;
	top: 50%;
	transform: translateY(-50%);
}

/* Color invertido */
.ynsadiet-form-inverse .wpcf7-response-output {
	color: #ffffff;
}

.ynsadiet-form-inverse input:not([type="submit"]),
.ynsadiet-form-inverse select,
.ynsadiet-form-inverse textarea {
	color: #ffffff;
	border-bottom: #ffffff 2px solid;
}

.ynsadiet-form-inverse input:not([class="footer-email"]) {
	border-bottom: #ccc 2px solid;
}


.ynsadiet-form-inverse label,
.ynsadiet-form-inverse input::placeholder,
.ynsadiet-form-inverse textarea::placeholder {
	color: #ffffff;
}



/* Top area */
.top-area-form .ynsadiet-form input,
.top-area-form .ynsadiet-form button {
	padding: 0px !important;
	margin: 0px !important;
}
.top-area-form .ynsadiet-form input:not([type="submit"]) {
	background-color: transparent;
	width: 80%;
}

.top-area-form button[type="submit"] {
	background-color: transparent;
	width: 30px;
}
.top-area-form button[type="submit"]:before {
	content: "\e612";
	display: block;
	font-family: "thegem-icons";
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
	width: 100%;
}