@charset "utf-8";
/*
---------------------------------------------------------
combine/combine-d7d4a78d.css
---------------------------------------------------------
00. /var/www/archibm/public/css/contact.css
*/

/*
---------------------------------------------------------
00. /var/www/archibm/public/css/contact.css
---------------------------------------------------------
*/

/** contact **/
#contact-wrapper #contact-image                 { width: 30%; }
#contact-wrapper #contact-form                  { width: 66%; margin-left: 5%; text-align: left; }
#contact-wrapper #contact-form .form-body       { padding: 50px clamp(15px, 4%, 40px); background-color: #fff;}
#contact-wrapper #contact-form #form-description    { color: var(--theme-text-color); font-size: 1.02em; line-height: 1.25em; margin:-10px 0 40px 50px; }
#contact-wrapper #contact-form .label           { white-space: nowrap;}
#contact-wrapper #contact-form .row.one-line .label { margin-bottom: 0; margin-right: 20px;}
#contact-wrapper #contact-form .row.one-line .error { width: 100%;}
#contact-wrapper #contact-form .option-label    { margin-left: 20px;}
#contact-wrapper #contact-form input            { height: 38px;}
#contact-wrapper #contact-form input,
#contact-wrapper #contact-form textarea         { background-color: #fff; border: 1px solid var(--light-border-color);}
#contact-wrapper #contact-form .result          { color: #595959; line-height: 1.2em; }
#contact-wrapper #contact-form .result a        { text-decoration: underline; }
#contact-wrapper #contact-form .error           { text-align: left; color: var(--dark-text-color);}
#contact-wrapper #contact-form button[type="submit"]    { min-width: 140px; border-radius: 5px;}
#contact-wrapper #contact-form #result-message  { color: #595959; margin: 0 0 0 30px;}
#contact-wrapper #contact-form .select2-container--default .select2-selection--single { border: 1px solid var(--light-border-color); height: 38px;}
#contact-wrapper #contact-form .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--mid-border-color) transparent transparent transparent;}
#contact-wrapper #contact-form .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--theme-text-color);}

/*
-----------------------------
For 1024px or less
-----------------------------
*/
@media screen and (max-width: 1024px) {
    #contact-wrapper { flex-direction: column; text-align: center;}
    #contact-wrapper img { width: 96%; max-width: 400px; margin: auto;}
    #contact-wrapper #contact-form { width: 100%; margin-left: 0; border: 1px solid var(--mid-border-color); box-shadow: 0 4px 10px #7a73ff26; background-color: #fff; border-radius: 15px; overflow: hidden; }
    #contact-wrapper #contact-form .form-body { border: none; box-shadow: none; border-radius: 0; background: none; padding-top: 40px; padding-bottom: 0;}
    #contact-wrapper #contact-form .bottom-row { padding: 30px clamp(15px, 4%, 40px); }
    #contact-wrapper #contact-form textarea         { height: 120px;}
    #contact-wrapper #contact-form .error       { text-align: right;}
}


/*
-----------------------------
For 640px or less
-----------------------------
*/
@media screen and (max-width: 640px) {

    #contact-wrapper form .row { flex-direction: column;}
    #contact-wrapper form .row .col { width: 100%;}
    #contact-wrapper form .row .col + .col { margin-top: 15px;}
    #contact-wrapper #contact-form .option-label    { margin-left: 15px;}
}