/* Contact page 413: saved WPBakery black headings and the old light-only icon-box
   colors hid the contact details in dark mode. Keep both builder layouts and CF7 (#444). */
body.mec-site-ui.page-id-413 #main .masterstudy-custom-title { color: var(--mec-ink) !important; }
body.mec-site-ui.page-id-413 #main .icon_box {
  margin-bottom: 16px !important;
  padding: 20px !important;
  border: 1px solid var(--mec-line) !important;
  border-radius: 12px;
  background: var(--mec-surface) !important;
  color: var(--mec-ink);
}
body.mec-site-ui.page-id-413 #main .icon_box .icon_alignment_left { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 16px; align-items: start; }
body.mec-site-ui.page-id-413 #main .icon_box .icon { float: none !important; width: 32px !important; margin: 0 !important; }
body.mec-site-ui.page-id-413 #main .icon_box .icon i { color: var(--mec-link) !important; font-size: 28px; line-height: 1.3; }
body.mec-site-ui.page-id-413 #main .icon_box .icon_text { min-width: 0; margin: 0 !important; padding: 0 !important; background: transparent !important; }
body.mec-site-ui.page-id-413 #main .icon_box h5 { margin: 0 0 6px !important; color: var(--mec-ink) !important; font-size: 18px; line-height: 1.4; }
body.mec-site-ui.page-id-413 #main .icon_box p { margin: 0 !important; color: var(--mec-ink) !important; opacity: 1; font: 16px/1.65 var(--mec-ui-font); }
body.mec-site-ui.page-id-413 #main .icon_box a { color: var(--mec-link) !important; font-family: var(--mec-ui-font); overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 3px; }
body.mec-site-ui.page-id-413 #main .icon_box a:hover { color: var(--mec-ink) !important; }
body.mec-site-ui.page-id-413 #main .icon_box a :is(strong, b, span) { color: inherit !important; }
body.mec-site-ui.page-id-413 #main .vc_col-sm-4 .icon_box { padding: 12px !important; }
body.mec-site-ui.page-id-413 #main .vc_col-sm-4 .icon_alignment_left { grid-template-columns: 20px minmax(0, 1fr); gap: 8px; }
body.mec-site-ui.page-id-413 #main .vc_col-sm-4 .icon_box .icon { width: 20px !important; }
body.mec-site-ui.page-id-413 #main .vc_col-sm-4 .icon_box .icon i { font-size: 20px; }
body.mec-site-ui.page-id-413 #main .vc_col-sm-4 .icon_box h5 { margin: 0 !important; font-size: 15px; }

/* One surface around the existing form, instead of an outlined wrapper with a separate fill. */
body.mec-site-ui.page-id-413 #main .vc_column-inner:has(> .wpb_wrapper > .wpcf7) {
  padding: 28px !important;
  border: 1px solid var(--mec-line) !important;
  border-radius: 12px;
  background: var(--mec-surface) !important;
}
body.mec-site-ui.page-id-413 #main .wpcf7 { margin: 0; padding: 0; border: 0 !important; background: transparent !important; }
body.mec-site-ui.page-id-413 #main .wpcf7 form p { margin: 0 0 20px !important; color: var(--mec-ink); font: 15px/1.6 var(--mec-ui-font); }
body.mec-site-ui.page-id-413 #main .wpcf7 :is(label, input, textarea) { font-family: var(--mec-ui-font); }
body.mec-site-ui.page-id-413 #main .wpcf7 :is(input.wpcf7-text, textarea) { width: 100%; max-width: 100%; margin-top: 8px; font-size: 16px; }
body.mec-site-ui.page-id-413 #main .wpcf7 textarea { height: 180px; min-height: 160px; resize: vertical; }
body.mec-site-ui.page-id-413 #main .wpcf7 .wpcf7-acceptance { color: var(--mec-muted); font-size: 14px; line-height: 1.7; }
body.mec-site-ui.page-id-413 #main :is(.icon_box a, .wpcf7 input, .wpcf7 textarea):focus-visible { outline: 3px solid var(--mec-ui-focus); outline-offset: 3px; }
@media (max-width: 767px) {
  body.mec-site-ui.page-id-413 #main .icon_box { padding: 18px !important; }
  body.mec-site-ui.page-id-413 #main .vc_column-inner:has(> .wpb_wrapper > .wpcf7) { padding: 20px !important; }
}