#noScroll.contact { min-height: calc(100vh - 80px); /* Adjust 80px if your nav is a different height */ display: flex; flex-direction: column; background-color: #000; color:#fff;}
.padded { flex: 1; display: flex; flex-direction: column; }
#contactForm { display: flex; width: 65%; flex: 1; justify-content: center; align-items: flex-start;/* padding-top: 8vh; */}

section .container p { display: block; }
.form-container{ padding: 1rem; }

.contact .page-header .summary { text-align: center; background-color: #000; color:#fff;}
  
/* fields */
input,select,textarea { width:100%; padding:.55rem; margin-bottom: 1rem; font-size:1rem; background: transparent;border: 2px solid #fff; color: #fff; }
textarea { resize: vertical; }

.submit-btn { display:block; width:100%; margin-top:1rem; padding:.8rem 1.5rem; background-color: #fff; color:#000;border: 2px solid #FFF;}
.submit-btn:disabled { background:#999; cursor:not-allowed; }
.submit-btn:hover { background-color: #000; color:#FFF; border: 2px solid #FFF;}
.hidden { display: none!important; }

#contactForm { display: block; margin: 0 auto; }
#contactForm { display: flex; justify-content: center; align-items: center;}

body.contact-page header.page-header.thin { background-color: transparent; height: initial; min-height: initial;}
body.page-template-template-contact header.page-header.thin { background-color: transparent; height: initial; min-height: initial;}
/* body.contact-page .site-footer { background-color: #111111; } */

p span#email { display: inline-block; position: relative;}
header.page-header.thin .summary h1 { color:#fff; display: block; padding-top: 3rem; margin-bottom: 1rem;}
header.page-header.thin .summary p { display: inline; color: rgba(255, 255, 255, .5);}
header.page-header.thin .summary a,body.contact-page .bottom-row span { color: rgba(255, 255, 255, .75);}
body.page-template-template-contact .bottom-row span { color: rgba(255, 255, 255, .75);}
header.page-header.thin .summary a:hover { color: rgba(255, 255, 255, 1);}

p#formStatus { margin-top: 1rem; display: block; text-align: center; color: #1ecb0e; }
.form-container { max-width:1200px; margin:0 auto; }

/* LAPTOP ---------------------------------------------------------------------------------------------------------- */
@media (min-width: 769px) {
    body.contact-page .site-footer { position: fixed; }
    body.contact-page .site-footer { width: 100%; height: 52px; bottom: 0; left: 0; }
}

/* TABLET BIG ---------------------------------------------------------------------------------------------------------- */
@media screen and (min-device-width: 601px) {
    section .container p,section .container .btn { margin-top: 1rem; }
}

/* TABLET ---------------------------------------------------------------------------------------------------------- */
@media (min-width: 481px) {
    #contactForm .flexRow { display: flex; justify-content: space-between; gap: 1.5rem; }
    .form-container { margin: 0 auto; }

    #contactForm select { font-size: 1rem; color: #999; /* Placeholder color */}
    #contactForm select option { color: #FFF; /* Normal text color after a real selection */ }
    #contactForm input::placeholder,#contactForm textarea::placeholder { font-size: 1rem; color: #999; }
    
    #contactForm .box { width: 80%; }

    .form-container select,.form-container textarea,.form-container input[type="text"],.form-container input[type="email"] { width: 100%;padding: 0.5rem; margin-top: 0.25rem; background: transparent; border: 2px solid #fff; color: #fff;}
    .form-container input::placeholder { color: #999;}

    .contact-info-section h3 {margin-top: 0;}
    .required-asterisk { color: red; }
    .form-container .hidden { display: none !important;}
}

/* MOBILE ---------------------------------------- */
@media (max-width: 480px) {
    /* body.contact-page #contactForm { padding-top: 5rem; } */
    body.contact-page { min-height: 100vh;}
    body.page-template-template-contact { min-height: 100vh;}
    #contactForm { width: initial; }
    body.contact-page header.page-header .summary { padding: 2rem 0 0; }
    body.page-template-template-contact header.page-header .summary { padding: 2rem 0 0; }
}