/*
Theme Name: CCIBRA Complete Site
Description: Complete CCIBRA website snapshot for WordPress migration.
Version: 1.0.0
*/



/* Full-width Contact Form 7 fields */
.ccibra-cf7 .wpcf7-form,
.ccibra-cf7 .wpcf7-form p,
.ccibra-cf7 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.ccibra-cf7 input:not([type="submit"]),
.ccibra-cf7 textarea {
  display: block;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.ccibra-cf7 textarea {
  min-height: 180px;
  resize: vertical;
}

.content-page-hero .shell > p:not(.eyebrow) {
  display: none;
}

.ccibra-cf7,
.ccibra-cf7 .wpcf7,
.ccibra-cf7 form,
.ccibra-cf7 form p,
.ccibra-cf7 form label,
.ccibra-cf7 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.ccibra-cf7 input:not([type="submit"]),
.ccibra-cf7 textarea {
  width: 100% !important;
  max-width: none !important;
}
/* ===== FORCE CONTACT FORM FIELD WIDTH ===== */

body .wpcf7-form input.wpcf7-text,
body .wpcf7-form input.wpcf7-email,
body .wpcf7-form input.wpcf7-tel,
body .wpcf7-form textarea.wpcf7-textarea,
body .wpcf7-form input[type="text"],
body .wpcf7-form input[type="email"],
body .wpcf7-form input[type="tel"] {
    width: 650px !important;
    min-width: 650px !important;
    max-width: 650px !important;
    box-sizing: border-box !important;
}

/* Force all CF7 wrappers to allow the larger width */
body .wpcf7,
body .wpcf7-form,
body .wpcf7-form p,
body .wpcf7-form label,
body .wpcf7-form-control-wrap {
    width: 650px !important;
    max-width: 650px !important;
    overflow: visible !important;
}

/* Message field */
body .wpcf7-form textarea {
    width: 650px !important;
    min-width: 650px !important;
    max-width: 650px !important;
    min-height: 220px !important;
}

/* Mobile */
@media (max-width: 800px) {
    body .wpcf7,
    body .wpcf7-form,
    body .wpcf7-form p,
    body .wpcf7-form label,
    body .wpcf7-form-control-wrap,
    body .wpcf7-form input.wpcf7-text,
    body .wpcf7-form input.wpcf7-email,
    body .wpcf7-form input.wpcf7-tel,
    body .wpcf7-form textarea.wpcf7-textarea {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
}