@charset "utf-8";
/* CSS Document */

#divform
{
  width: 100%;
  height: auto;
  background-color: #069;
  color:#fff;
  padding-bottom: 10px;
}

  /* public/css/contact.css */

:root {
    --accent: #1f2937;
    --muted: #6b7280;
}

form 
{
    width: 96%;
    max-width: 500px;
    margin: 0 auto;
    display: grid;
    gap: 2px;
}

label {

    font-weight: 600;
    font-size: 0.9rem;
    text-align: left
}

input[type="text"], input[type="email"], textarea 
{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    width: 90%;
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 0.9rem;
    flex: 1;   
}

textarea {
    min-height: 140px;
    resize: none;
    
}

.errors {
    background: #fff5f5;
    border: 1px solid #fca5a5;
    color: #9b1c1c;
    padding: 10px;
    border-radius: 8px;
}

.help {
    font-size: 0.85rem;
    color: var(--muted);
}

.btn {
    display: inline-block;
    padding: 16px 16px;
    border-radius: 8px;
    background-color: #B78C4C;
    color: #fff;
    border: none;
    font-weight: 600;
    cursor: pointer;
}

.row 
{
    display: grid;
    grid-template-columns: 0.3fr 0.66fr;
    gap: 20px;
}

@media (max-width: 640px) {
    .row {
        grid-template-columns: 1fr;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}