/*
Theme Name: VTM Foundation Divi Child
Theme URI: https://vtmfoundation.org
Description: Divi child theme for Virtual Technology Museum Foundation, Inc.
Author: Virtual Technology Museum Foundation, Inc.
Version: 1.0.0
Template: Divi
Text Domain: vtmf
*/

:root {
  --vtmf-blue: #3B60A3;
  --vtmf-red: #B73933;
  --vtmf-ink: #26354A;
  --vtmf-text: #3F4650;
  --vtmf-paper: #FFFFFF;
  --vtmf-soft: #F4F6F8;
  --vtmf-rule: #D9DEE5;
  --vtmf-max: 1180px;
}

/* Global typography. Cinzel is intentionally regular weight only. */
body { color: var(--vtmf-text); font-weight: 400; }
h1, h2, .vtmf-display { font-family: Cinzel, Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: .035em; color: var(--vtmf-blue); }
h3, h4, h5, h6 { font-weight: 400; color: var(--vtmf-ink); }

/* Assign these CSS classes to ordinary Divi sections/modules. */
.vtmf-hero { background: var(--vtmf-blue); color: #fff; }
.vtmf-hero h1, .vtmf-hero h2, .vtmf-hero h3, .vtmf-hero p { color: #fff; }
.vtmf-kicker { text-transform: uppercase; letter-spacing: .18em; font-size: .78rem; font-weight: 400; }
.vtmf-lead { font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.55; font-weight: 300; }
.vtmf-section { padding-top: clamp(64px, 8vw, 105px); padding-bottom: clamp(64px, 8vw, 105px); }
.vtmf-soft { background: var(--vtmf-soft); }
.vtmf-red-rule { border-top: 3px solid var(--vtmf-red); }
.vtmf-blue-rule { border-top: 3px solid var(--vtmf-blue); }
.vtmf-narrow { max-width: 820px; margin-left: auto; margin-right: auto; }
.vtmf-button .et_pb_button,
a.vtmf-button { background: var(--vtmf-red) !important; border-color: var(--vtmf-red) !important; color: #fff !important; border-radius: 0 !important; text-transform: uppercase; letter-spacing: .08em; font-weight: 400; }
.vtmf-button .et_pb_button:hover,
a.vtmf-button:hover { background: #982F2A !important; border-color: #982F2A !important; }
.vtmf-contact a { color: var(--vtmf-blue); text-decoration: none; }
.vtmf-contact a:hover { text-decoration: underline; }

/* Header/footer helpers for Theme Builder modules. */
.vtmf-header { background:#fff; border-bottom:1px solid var(--vtmf-rule); }
.vtmf-header .et_pb_menu__menu > nav > ul > li > a { text-transform: uppercase; letter-spacing:.06em; font-size:.9rem; font-weight:400; }
.vtmf-footer { background: var(--vtmf-blue); color:#fff; }
.vtmf-footer a, .vtmf-footer p { color:#fff; }

/* Accessibility: visible keyboard focus. */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid var(--vtmf-red); outline-offset: 3px; }

@media (max-width: 767px) {
  h1 { font-size: clamp(2rem, 9vw, 3.2rem); }
  .vtmf-section { padding-top: 54px; padding-bottom: 54px; }
}