/*
Theme Name: TX-COMU Child
Theme URI: https://www.tx-comu.org
Description: Custom child theme for the Texas Communications Unit website.
Author: Texas Communications Unit
Template: extendable
Version: 0.1.0
Text Domain: tx-comu-child
*/

:root {
  --tx-comu-navy: #10233f;
  --tx-comu-blue: #1f5f99;
  --tx-comu-slate: #465466;
  --tx-comu-light: #f4f7fb;
  --tx-comu-white: #ffffff;
}

.tx-comu-page-intro {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.tx-comu-lead {
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.45;
  font-weight: 500;
}

.tx-comu-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.tx-comu-card-grid {
  display: grid;
  gap: 1.5rem;
}

@media (min-width: 782px) {
  .tx-comu-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.tx-comu-card {
  border: 1px solid rgba(16, 35, 63, 0.12);
  border-radius: 14px;
  padding: 1.5rem;
  background: var(--tx-comu-white);
}

.tx-comu-muted {
  color: var(--tx-comu-slate);
}