/*
##########################
#### Buttons & Inputs ####
##########################
*/



/* buttons */

/* desktop */

/* button default size */
.button {
	border-radius: 12px;
	border: 1.5px solid transparent;
	padding: 0.925rem 1.475rem 0.925rem 1.675rem;
	display: inline-block;
	white-space: nowrap;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
}

/* button large size */
.button.large-btn  { padding: 0.925rem 2.075rem 1.425rem 2.475rem !important; }

/* button small size */
.button.small-btn  { padding: 0.605rem 0.8rem 0.645rem 1.2rem !important; }

/* button filter */
.button.filter-btn { padding: 0.605rem 0.8rem 0.545rem 1.2rem !important; }

/* icon size */
.button.button-text .uil { font-size: 1.325rem; line-height: 0rem; }



/* mobile */
@media (max-width: 991px) {

	/* button default size */
	.button                    { padding: 1.225rem 1.35rem 1.225rem 1.65rem !important; }

	/* icon size */
	.button.button-text .uil   { font-size: 1.625rem; line-height: 0rem !important; }

}



/* button colors */

/* solid */

/* button primary500 */
.button.btn-primary500 { background: var(--primary500); border-color: var(--primary500); color: var(--dark900); opacity: 1.0; box-shadow: 0px 5px 20px rgba(255, 204, 0, 0.4); }
.button.btn-primary500:hover { background: var(--primary400); border-color: var(--primary400); color: var(--dark900); opacity: 1.0; box-shadow: 0px 5px 20px rgba(255, 204, 0, 0.4); }

/* button alert-r500 */
.button.btn-alert-g500 { background: var(--alert-g500); border-color: var(--alert-g500); color: var(--dark100); opacity: 1.0; }
.button.btn-alert-g500:hover { background: var(--alert-g500); border-color: var(--alert-g500); color: var(--dark100); opacity: 0.6; }

/* outline */

/* button primary500 outline */
.button.btn-primary500-outline { background: transparent; border-color: var(--primary500); color: var(--primary500); opacity: 1.0; }
.button.btn-primary500-outline:hover { background: var(--primary500); border-color: var(--primary500); color: var(--dark900); opacity: 1.0; }

/* button dark900 outline */
.button.btn-dark900-outline { background: transparent; border-color: var(--dark900); color: var(--dark900); opacity: 1.0; }
.button.btn-dark900-outline:hover { background: var(--dark900); border-color: var(--dark900); color: var(--dark100); opacity: 1.0; }

/* text */

/* button primary500 text */
.button.btn-primary500-text { background-color: transparent; color: var(--primary500); opacity: 1.0; }
.button.btn-primary500-text:hover { background-color: transparent; color: var(--primary400); opacity: 1.0; }

/* button alert-g500 text */
.button.btn-alert-g500-text { background-color: transparent; color: var(--alert-g500); opacity: 1.0; }
.button.btn-alert-g500-text:hover { background-color: transparent; color: var(--alert-g500); opacity: 0.6; }

/* button dark900 text */
.button.btn-dark900-text { background-color: transparent; color: var(--dark900); opacity: 1.0; }
.button.btn-dark900-text:hover { background-color: transparent; color: var(--dark900); opacity: 0.6; }



/* inputs */

/* input */
input.input-bg,
textarea.input-bg,
select.input-bg {
	font-family: var(--secundary-font-family);
	font-size: 1.250rem;
	line-height: 1.500rem;
	letter-spacing: 0.000rem;
	border-radius: 12px;
	border: 1.5px solid var(--dark300);
	background-color: var(--dark200);
	color: var(--dark700);
	padding: 1.350rem 0.950rem;
	margin-bottom: 0px;
	font-weight: 500;
}

textarea.input-bg {
	max-height: 9.500rem;
}



/* input focus */
input.input-bg:focus,
textarea.input-bg:focus,
select.input-bg:focus {
	border: 1.5px solid var(--primary500) !important;
	color: var(--dark900);
	background-color: var(--dark300);
	font-weight: 600;
}



/* input placeholder */
.input-bg::-webkit-input-placeholder {
	color: var(--dark500);
	font-size: 1.250rem;
	line-height: 1.500rem;
	letter-spacing: 0.000rem;
	font-weight: 400;
}

.input-bg::-moz-placeholder {
	color: var(--dark500);
	font-size: 1.250rem;
	line-height: 1.500rem;
	letter-spacing: 0.000rem;
	font-weight: 400;
}

.input-bg:-ms-input-placeholder {
	color: var(--dark500);
	font-size: 1.250rem;
	line-height: 1.500rem;
	letter-spacing: 0.000rem;
	font-weight: 400;
}



/* input no-margin */
.input-col p {
	margin: 0 !important;
}



/* mensage send mail */
.wpcf7-response-output {
	border: none !important;
	background: var(--alert-g100) !important;
	text-align: center !important;
	color: var(--alert-g500) !important;
	border-radius: 12px !important;
	padding: 25px !important;
	margin: 40px 0 0 0 !important;
}