/**
 * form.css
 *
 * All form related styles
 *
**/

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea,
.studiocart input.form-control, 
.studiocart select.form-control, 
.studiocart .StripeElement, 
.studiocart .selectize-control.single .selectize-input {
	color: var(--wp--preset--color--main-accent);
	border-radius: 11px;
	border: solid 1px var(--wp--preset--color--secondary);
    font-family: var(--wp--preset--font-family--barlow);
	font-size: var(--wp--preset--font-size--base);
	width: 100%;
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.75;
}

/* Fluent Forms
--------------------------------------------- */

.fluent_form_3 label {
    font-size: var(--wp--preset--font-size--large);
    font-weight: 500;
    line-height: var(--wp--custom--line-height--body);
    text-transform: uppercase;
}

.fluent_form_3 select.ff-el-form-control:not([size]):not([multiple]) {
    height: 42px;
    padding: .1em .5em .2em;
}

.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {
    margin: 0;
}

.ff-message-success {
    border: 0;
    box-shadow: none;
    font-weight: 600;
    padding: 0;
}

/* Footer Newsletter signup */
.fluentform_wrapper_4 {
    margin-top: var(--wp--preset--spacing--small);
}
.fluent_form_4 input[type="email"] {
    padding: 0.2em .5em 0.3em;
    height: auto;
}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 1024px) {

}