.form-group {
position: relative;
margin-bottom: 20px;
}
.form-group:before {
position: absolute;
font-family: "stmicons";
line-height: 50px;
left: 15px;
z-index: 1;
color: #002040;
}
.form-group .wpcf7-form-control-wrap {
margin-bottom: 0;
}
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=tel],
.form-group input[type=number] textarea {
font-size: 16px;
color: #999;
}
.form-group input[type=text].wpcf7-not-valid,
.form-group input[type=email].wpcf7-not-valid,
.form-group input[type=tel].wpcf7-not-valid,
.form-group input[type=number] textarea.wpcf7-not-valid {
border-color: #ff0000;
}
.stm_input_wrapper {
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
width: 17px;
height: 17px;
}
.stm_input_wrapper:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
border: 2px solid transparent;
border-radius: 2px;
}
.stm_input_wrapper:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
content: "\f00c";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 18px;
text-indent: 1px;
font-size: 11px;
color: #fff;
opacity: 0;
z-index: 10;
}
.stm_input_wrapper input[type=radio],
.stm_input_wrapper input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
opacity: 0;
z-index: 50;
}
.stm_input_wrapper.active:after {
opacity: 1;
}
.stm_input_wrapper.error:before {
border-color: red !important;
}
input[type=radio],
input[type=checkbox] {
margin-right: 5px;
}
.textarea_230 textarea {
min-height: 233px !important;
}
.mc4wp-form .btn_fullwidth {
width: 100% !important;
}
.stm_shop_layout_store .woocommerce-ordering {
z-index: 10 !important;
}
.stm_select {
z-index: 500 !important;
}
.stm_select.open {
z-index: 1111111 !important;
}
.stm_select__dropdown {
transition: all 0.3s ease;
box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
position: absolute;
list-style: none;
padding: 0;
top: 100%;
left: 0;
right: 0;
min-height: 150px;
max-height: 250px;
overflow-y: scroll;
border: 1px solid #eee;
background-color: #fff;
}
.stm_select__dropdown li span {
transition: all 0.15s ease;
padding: 10px 15px;
display: block;
font-size: 14px;
}
.stm_select__dropdown li span:hover {
background-color: #eee;
}
.stm_select select {
cursor: pointer;
display: none !important;
}
.stm_select select option {
display: none;
position: absolute;
left: 10000000%;
}
.stm_select:after {
content: "";
right: 15px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 4.5px 0 4.5px;
border-color: #a6a9aa transparent transparent transparent;
top: 50%;
transform: translateY(-50%);
}
.stm_select.open .stm_select__dropdown {
visibility: visible;
opacity: 1;
}
.stm_select.open .stm-select__val + .stm_select__dropdown {
visibility: visible;
opacity: 1;
}
@media (max-width: 550px) {
.wpcf7-list-item-label {
display: inline-block;
margin-bottom: 15px;
}
}
.stm_form_style_2 select,
.stm_form_style_2 input[type=text],
.stm_form_style_2 input[type=email],
.stm_form_style_2 input[type=search],
.stm_form_style_2 input[type=password],
.stm_form_style_2 input[type=number],
.stm_form_style_2 input[type=date],
.stm_form_style_2 input[type=tel],
.stm_form_style_2 textarea,
.stm_form_style_2 .form-control {
width: 100%;
font-size: 13px;
color: #999999 !important;
background: #fff;
border: 1px solid #e6e6e6;
box-shadow: none !important;
outline: none !important;
padding: 12px 13px;
height: 50px;
transition: none;
border-radius: 0;
vertical-align: top; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.stm_form_style_2 select:focus,
.stm_form_style_2 input[type=text]:focus,
.stm_form_style_2 input[type=email]:focus,
.stm_form_style_2 input[type=search]:focus,
.stm_form_style_2 input[type=password]:focus,
.stm_form_style_2 input[type=number]:focus,
.stm_form_style_2 input[type=date]:focus,
.stm_form_style_2 input[type=tel]:focus,
.stm_form_style_2 textarea:focus,
.stm_form_style_2 .form-control:focus {
background: transparent;
}
.stm_form_style_2 label {
font-weight: 400;
}
.stm_form_style_2 select {
height: 48px;
}
.stm_form_style_2 div.wpcf7-response-output {
margin: 0;
margin-top: 7px;
}
.stm_form_style_2 .stm_input_wrapper.stm_input_wrapper_radio:before {
border-radius: 50%;
}
.stm_form_style_2 .stm_input_wrapper.stm_input_wrapper_radio:after {
content: "\f111";
text-indent: -1px;
font-size: 7px;
}
.stm_form_style_2 [type=submit], .stm_form_style_2 .stm_wpcf7_submit {
border: 1px solid;
position: relative;
line-height: 50px;
padding: 0 75px 0 25px !important;
outline: none;
color: #fff;
font-size: 16px !important;
font-weight: 900;
text-transform: none !important;
}
.stm_form_style_2 [type=submit] i, .stm_form_style_2 .stm_wpcf7_submit i {
top: 0;
right: 0;
bottom: 0;
width: 50px;
}
.stm_form_style_2 [type=submit].btn.btn_solid i, .stm_form_style_2 .stm_wpcf7_submit.btn.btn_solid i {
color: #58c747 !important;
}
.stm_form_style_2 [type=submit]:after, .stm_form_style_2 .stm_wpcf7_submit:after {
content: "\e97e" !important;
font-family: "stmicons" !important;
display: inline-block;
text-align: center;
position: absolute !important;
right: 0;
top: 0;
width: 50px;
background: #fff;
text-align: center;
}
.stm_form_style_2 .btn.btn_no-icon-bg,
.stm_form_style_2 .comment-form .submit {
padding-right: 55px !important;
}
.stm_form_style_2 .btn.btn_no-icon-bg:after,
.stm_form_style_2 .comment-form .submit:after {
background: transparent;
color: #fff !important;
}
.stm_form_style_2 .btn.form-control {
line-height: 48px;
color: #fff !important;
padding-right: 45px !important;
}
.stm_form_style_2 .btn.form-control:after {
background: transparent;
color: #fff;
}
.stm_form_style_2 .wpcf7-not-valid {
border-color: #ff0000 !important;
}
.stm_form_style_2 ::-webkit-input-placeholder {
color: #b2b2b2;
}
.stm_form_style_2 ::-moz-placeholder {
color: #b2b2b2;
}
.stm_form_style_2 :-ms-input-placeholder {
color: #b2b2b2;
}
.stm_form_style_2 :-moz-placeholder {
color: #b2b2b2;
}