/*
==============================
Feature: Forms
Section: Inputs
==============================
*/

div.wpcf7 .ajax-loader {
	position: absolute;
}

.form-control {
	border-color: transparent;
}

span.wpcf7-list-item {
	margin: 0;
}

.wpcf7-form-control.wpcf7-submit {
	width: auto;
	float: none;
	border-radius: 8px;
	font-weight: 600;
	color: var(--white);
	background-color: var(--color-primary);
	border: none;
	padding: 0.7rem 1.8rem;
	transition: background-color 300ms ease;
	cursor: pointer;
}

.wpcf7-form-control.wpcf7-submit:hover {
	background-color: var(--color-primary-hover);
}

.form-control::placeholder {
	color: var(--black-muted);
	opacity: 1;
	font-size: 12px;
	letter-spacing: 0;
	font-weight: 500;
}

::placeholder {
	color: var(--black-muted);
	opacity: 1;
}

:-ms-input-placeholder {
	color: var(--black-muted);
	opacity: 1;
}

::-webkit-input-placeholder {
	color: var(--black-muted);
	opacity: 1;
}

:-moz-placeholder {
	color: var(--black-muted);
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: var(--black-muted);
	opacity: 1;
}

.form-control::-webkit-input-placeholder {
	color: var(--black-muted);
	opacity: 1;
}

.form-control:-moz-placeholder {
	color: var(--black-muted);
	opacity: 1;
}

.form-control::-moz-placeholder {
	color: var(--black-muted);
	opacity: 1;
}

form.wpcf7-form div.container-fluid div.row+p {
	display: none;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: transparent !important;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: inherit !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: var(--color-bg);
	opacity: 1;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item label span {
	padding-left: 0.25em;
	color: var(--black-muted);
	font-size: 12px;
	letter-spacing: 0;
	line-height: 15px;
}

.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label a {
	color: var(--black-muted);
	font-size: 12px;
	letter-spacing: 0;
	line-height: 15px;
}

.form-control:focus {
	background-color: var(--grey);
	box-shadow: 0 0 0;
	border-color: inherit;
	color: var(--black-muted);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	background-color: var(--color-bg);
	box-shadow: 0 0 0;
	color: var(--black) !important;
	border: 0;
	width: 100%;
	border-radius: 8px !important;
	padding: 15px !important;
	font-size: 14px;
}

input[type="number"] {
	background-color: var(--color-bg);
	box-shadow: 0 0 0;
	color: var(--black) !important;
	border: 0;
	width: 100%;
	border-radius: 8px !important;
	font-size: 14px;
}

input[type="search"] {
	border: 2px solid var(--black);
	background-color: var(--grey);
	color: var(--black);
	border-radius: 0 !important;
	padding: 6px 15px !important;
	font-size: 14px;
}


/*
==============================
Feature: Forms
Section: Checkbox
==============================
*/

input[type="checkbox"]+span.wpcf7-list-item-label:before {
	content: "";
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
	top: 2px;
	margin: 0.4em 0.5em 0 0;
	border: 2px solid var(--color-primary);
	background: transparent;
	cursor: pointer;
}

input[type="checkbox"]:checked+span.wpcf7-list-item-label:before {
	border-color: var(--color-primary);
}

input[type="checkbox"]:checked+span.wpcf7-list-item-label:after {
	content: "";
	width: 12px;
	height: 6px;
	border: 3px solid var(--white);
	display: inline-block;
	position: absolute;
	left: 26px;
	margin-left: -1.55em;
	border-right: 0;
	border-top: 0;
	margin-top: 0.7em;
	transform: rotate(-55deg);
	cursor: pointer;
}

input[type="checkbox"] {
	display: none;
}

input[type="checkbox"]+span.wpcf7-list-item-label {
	font-weight: 400;
	color: var(--black);
}

input[type="checkbox"]:checked+span.wpcf7-list-item-label {
	color: var(--black);
}

.checkbox-row .wpcf7-checkbox {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.checkbox-row .wpcf7-list-item {
	width: 100%;
}

.condiciones-text {
	font-size: 0.85em;
	position: relative;
	top: -2px;
}

.wpcf7-not-valid-tip {
	color: rgb(229, 85, 85);
}

@media (max-width: 500px) {
	input[type="checkbox"]:checked+span.wpcf7-list-item-label:after {
		margin-top: -1rem;
	}
}

@media (min-width: 992px) {
	.checkbox-row .wpcf7-list-item {
		width: 50%;
	}
}


select {
	background-color: var(--color-bg);
	border: 0 !important;
	border-radius: 8px !important;
	padding: 15px !important;
	font-size: 13px !important;
	width: 100%;
	color: var(--black) !important;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23555555'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 16px;
	cursor: pointer;
}

select:focus {
	outline: 0;
	box-shadow: none;
	border-color: var(--color-primary) !important;
}

.palette-blueberry select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23004E89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.palette-class select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23E2BA36' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.palette-mint select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2377BFA3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}