/* ===== about-us- search-form ======== */ 
.search_form--wrapper { display: block; text-align: center; margin-top: -10px; }
.search_form_inner--wrapper { display: flex; flex-direction: column; background: var(--white); border: 10px solid rgba(165, 165, 165, 0.1); box-shadow: 5px 9px 22px rgba(0, 0, 0, 0.03); border-radius: 3px; max-width: 82rem; margin: auto; position: relative; z-index: 1000;} 
.search_form_inner--wrapper input { border: none; padding: 1rem; font-family: var(--open-sans); font-style: normal; font-weight: normal; font-size: 16px; color: #798388; } 
.search_form_inner--wrapper input:focus { outline-color: var(--secondary-color); } 
.search_form_inner--wrapper input::placeholder { font-family: var(--open-sans); font-style: normal; font-weight: normal; font-size: 16px; color: #798388; } 
.input_email { width: 100%; border-radius: 0.3rem 0.3rem 0 0; border-bottom: 1px solid #e2e2e2 !important; margin-bottom: 1px; } 
.input_zipcode { width: 100%; } 
.email_input_group, .zipcode_input_group { position: relative; width: 100%; } 
form[name='join-form'] 
label.error { display: block; text-align: left; font-size: 13px; color: red; margin-left: 12px; } 
.btn_submit { background: var(--secondary-color); border-radius: 0 0 0.3rem 0.3rem; font-family: var(--montserrat); color: var(--white); font-weight: bold; font-size: 16px; display: flex; align-items: center; text-align: center; text-transform: uppercase; border: none; justify-content: center; transition: all 0.5s ease-in-out; padding: 10px !important; } 
.btn_submit:hover { background: var(--btn--hover); } 

@media (min-width: 768px) { .search_form_inner--wrapper { flex-direction: row; } .input_email { width: 99%; border-radius: 0.3rem 0 0 0.3rem; border-bottom: none !important; border-right: 1px solid #e2e2e2 !important; } .input_zipcode { width: 99%; } .email_input_group { width: 60%; } .zipcode_input_group { width: 25%; } form[name='join-form'] label.error { position: absolute; font-size: 14px; color: red; background: #e5e5e5; margin: 0; bottom: -33px; left: 0; line-height: 1; padding: 4px 5px; border-radius: 5px; z-index: 1; text-shadow: 0 0.3px black; } .btn_submit { max-width: 149px; width: 100%; border-radius: 0 0.3rem 0.3rem 0; } } 

@media (min-width: 992px) { 
.search_form--wrapper { max-width: 819px; width: 100%; margin: 0 auto; } 
.home_v1_search_bg { position: relative; margin-bottom: 80px; } 
.home_v1_search_bg:after { content: ""; position: absolute; background: url("../../images/h1-v1-redbg.png") no-repeat center; background-size: cover; right: 3rem; bottom: -10.3rem; width: 550px; height: 185px; } 
.input_email { margin-right: 1px; margin-bottom: 0px; } 
} 

@media (min-width: 1366px) { .search_form_inner--wrapper input { padding: 24px 30px; } } 
/* ======== end ========= */