label{display:block;font-size:var(--small);margin-bottom:.3em;opacity:.9}input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],input[type=textarea],select,textarea{appearance:none;background-color:var(--g-color-1);border:var(--bor);border-radius:var(--bor-rad);box-shadow:inset 0 1px 2px var(--rgba);font-family:inherit;font-size:var(--paragraph);height:auto;margin-bottom:1rem;margin-left:0;outline:none;padding:1ch 2ch;width:300px}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=textarea]:focus,select:focus,textarea:focus{border-color:var(--pri-color)}input[type=text].complete--width,input[type=email].complete--width,input[type=tel].complete--width,input[type=password].complete--width,input[type=number].complete--width,input[type=search].complete--width,input[type=textarea].complete--width,select.complete--width,textarea.complete--width{width:100%}input[type=submit]{appearance:none;background-color:var(--pri-color);border:var(--bor);border-radius:var(--bor-rad);box-shadow:inset 0 1px 2px var(--rgba);color:var(--wh-color);font-family:inherit;font-size:var(--paragraph);height:auto;margin-bottom:1rem;margin-left:0;outline:none;padding:1ch 2ch;width:300px}input[type=submit]:focus{border-color:var(--pri-color-drk);font-style:italic}input[type=submit].complete--width{width:100%}textarea{height:12rem;overflow:hidden}textarea.complete--width{width:100%}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--pri-color);transition:background-color 5000s ease-in-out 0s}form{margin-bottom:0;padding:0}.contact{display:flex;flex-direction:column;padding:2rem .6rem}.contact .contact--container{display:flex;flex-direction:column}.contact ul{list-style:none}.contact .contact--left{display:flex;flex-direction:column;min-width:50%;padding:.6rem}.contact .contact--left dt{line-height:2}.contact .contact--left .icon{fill:var(--pri-color)}.contact .contact--right{margin-top:1rem;padding:0 .6rem}@media(min-width: 767px){.contact .contact--container{display:flex;flex-direction:row;width:100%}.contact .contact--right{min-width:50%}.contact .contact--right .form--row{display:grid;grid-template-columns:1fr 1fr}.contact .contact--right .form--row div{margin-right:1rem}.contact .contact--right .form--row div:last-of-type{margin-right:0}}
