/*@Form Elements
===================================== */
input:not([type]), 
input[type=color], 
input[type=date], 
input[type=datetime-local],
input[type=datetime], 
input[type=email], 
input[type=month], 
input[type=number], 
input[type=password], 
input[type=search], 
input[type=tel], 
input[type=text], 
input[type=time], 
input[type=url], 
input[type=week], 
textarea {
    color: var(--dark-gray) !important;
    font-size: clamp(1.35rem, 2.55vw, 2.25rem) !important;
    background: var(--alt-gray) !important;
    border-radius: 0 !important;
    border: none !important;
    font-weight: 200 !important;
    padding: 1.125em 1em !important;
}

input::-webkit-input-placeholder {
    color: var(--medium-gray);
    font-weight: 200 !important;
 }

input::-moz-placeholder {
    color: var(--medium-gray);
    font-weight: 200 !important;
}

input:-ms-input-placeholder {
   color: var(--medium-gray);
    font-weight: 200 !important;
 }

input::placeholder {
    color: var(--medium-gray);
    font-weight: 200 !important;
 }

textarea:-moz-placeholder, /* Firefox 18- */
textarea::-moz-placeholder, /* Firefox 19+ */
textarea:-ms-input-placeholder, /* IE 10+ */
textarea::-webkit-input-placeholder, /* Webkit based */
textarea::placeholder {
    color: var(--medium-gray) !important;
    font-weight: 200 !important;
 }



::-webkit-input-placeholder {
    color: var(--medium-gray) !important;
    font-weight: 200 !important;
}

:-moz-placeholder { /* Upto Firefox 18, Deprecated in Firefox 19  */
    color: var(--medium-gray) !important;
    font-weight: 200 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: var(--medium-gray) !important;
    font-weight: 200 !important; 
}

:-ms-input-placeholder {  
    color: var(--medium-gray) !important;
    font-weight: 200 !important; 
}

textarea {
    height: 300px !important;
    padding: 0.55em 1em 1.125em !important;
}

select{

    -webkit-appearance: none;
    -moz-appearance: none;
    

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+) !important;
    background-position: 100% center !important;
    background-repeat: no-repeat !important;

    border: 1px solid var(--borders) !important;
    background-color: var(--white) !important;

    color: var(--dark-blue);
    font-family: inherit;
    font-size: clamp(1.35rem, 2.55vw, 2.25rem) !important;
    line-height: normal;

}

input:not([type]):focus, 
input[type=color]:focus,
input[type=date]:focus, 
input[type=datetime-local]:focus,
input[type=datetime]:focus, 
input[type=email]:focus,
input[type=month]:focus, 
input[type=number]:focus,
input[type=password]:focus, 
input[type=search]:focus,
input[type=tel]:focus, 
input[type=text]:focus,
input[type=time]:focus, 
input[type=url]:focus,
input[type=week]:focus,
textarea:focus,
select:focus{
    outline: 1px dashed var(--dark-blue) !important;
    outline-offset: 1px;
    background: transparent;
    background-color: transparent !important;
    box-shadow: none !important;
}

#ninja_forms_required_items, .nf-field-container {
    margin-bottom: clamp(0.25rem, 1.25vw, 1.55rem) !important;
}

/*@end Form Elements
===================================== */
@media only screen and (max-width: 720px) {

/*
    input:not([type]), 
    input[type=color], 
    input[type=date], 
    input[type=datetime-local],
    input[type=datetime], 
    input[type=email], 
    input[type=month], 
    input[type=number], 
    input[type=password], 
    input[type=search], 
    input[type=tel], 
    input[type=text], 
    input[type=time], 
    input[type=url], 
    input[type=week], 
    textarea {
        font-size: 1.35rem !important
    }
*/
}