@charset 'utf-8';
/*
 * name:contact.css
 * author:sovanda nulo
*/

/* contact
------------------------------------------------ */

.section input,
.section select,
.section textarea { font-family: inherit; font-size: 1.6rem; outline: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: .333em 1.25em; width: 100%; height: 3.125em; background: #fff; position: relative; border: 1px solid #5B5A5A !important; -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.section textarea { height: 12.5em; vertical-align: top; padding-top: 1em; }

.contact__field { display: block; position: relative; }
.contact__field:not(:last-child) { margin-bottom: 1.6em; }
.contact__field--input { display: block; position: relative; }
.contact__field .wpcf7-submit { margin-top: 2em; max-width: 10em; background: #23350D; border-color: #23350D; color: #fff; transition: linear .2s; }
.wpcf7-response-output,
.wpcf7-not-valid-tip { font-size: 1.6em; }
.wpcf7-response-output { margin: 0 !important; margin-top: 1em !important; text-align: center; }

    @media only screen and (min-width: 768px) {
        .contact__field .wpcf7-submit:hover { background: none; color: #23350D; }
        .contact__field--break { display: flex; flex-wrap: wrap; justify-content: space-between; }
        .contact__field--break .contact__field--input { width: calc( 50% - .8em ); }
    }

    @media only screen and (max-width: 768px) {
        .section input,
        .section select,
        .section textarea { font-size: 1.5rem; padding: .333em 1em; height: 3em; }
        .section textarea { height: 10em; }
        .contact__field:not(:last-child),
        .contact__field--break .contact__field--input:not(:last-child) { margin-bottom: 1.5em; }
        .contact__field .wpcf7-submit { margin-top: 1em; }
        .wpcf7-response-output,
        .wpcf7-not-valid-tip { font-size: 1.5em; }
    }