:root {
  --font-family: Inter, Helvetica, Arial, sans-serif;
  --font-size: 19px;
  --line-height: 29px;
  --color-wnmu-orange: hsl(19deg 89% 54%);
  --color-wnmu-blue: hsl(176deg 81% 36%);
  --color-wnmu-yellow: hsl(41deg 97% 59%);
  --color-wnmu-purple: hsl(269deg 63% 27%);
}

@font-face { font-family: 'Inter'; src: url("/wp-content/themes/twentytwentyfive/assets/app/fonts/Inter_28pt-Regular.ttf") format("opentype"); font-style: normal; font-weight: normal; }
@font-face { font-family: 'Inter'; src: url("/wp-content/themes/twentytwentyfive/assets/app/fonts/Inter_28pt-ExtraBold.ttf") format("opentype"); font-style: normal; font-weight: bold; }
@font-face { font-family: 'Montserrat'; src: url("/wp-content/themes/twentytwentyfive/assets/app/fonts/Montserrat-ExtraBold.ttf") format("opentype"); font-style: normal; font-weight: bold; }

/* Default styles */
*, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { font-family: var(--font-family); font-size: var(--font-size); line-height: var(--line-height); }
p { margin: 0; }
header { font-family: Montserrat, Inter, Helvetica, Arial, sans-serif; }
h2 { font-size: 1.8rem; }
button, input { font-family: var(--font-family); border-radius: 3px; }
input[type="text"], input[type="email"], input[type="tel"] { width: 100%; height: 6ex; padding: 0 0.7rem; border: none; border-radius: 2px; }
input[type="submit"] { width: 100%; height: 6ex; border: none; border-radius: 2px; background: var(--color-wnmu-yellow); }
.com-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 50% 50%; }


.main-header-logo img { height: 50px; margin: 16px; }

.main-body-content > section, .main-content > footer { padding-left: 40px; padding-right: 40px; }

.page-header { position: relative; display: flex; justify-content: flex-start; align-items: center; min-height: 600px; margin-bottom: 60px; padding-left: 110px; }
.page-header .com-background {
  background-color: #6c4c9a;
  background-image: url('/pages/digest/img/SystDigest-Header.jpg');
  transform: scale(-1, 1);
}
.page-header-text {
  position: relative;
  max-width: 80%;
  font-family: Montserrat;
  font-size: 61px;
  line-height: 77px;
  color: #ffbb32;
}

.document-text-block { margin-bottom: 40px; }
.document-main-header { margin-bottom: 45px; font-size: 30px; line-height: 40px; }
header { margin-bottom: 6px; }
p { margin-bottom: 14px; }

.simple-data-table {
  display: grid; grid-template-columns: 80px 1fr;
  width: fit-content;
  margin-top: 12px;
  padding: 24px 60px 24px 24px;
  background: hsl(0 0% 94% / 1);
}

.simple-data-table > *:nth-child(odd) { text-align: right; }
.simple-data-table > *:nth-child(even) { padding-left: 16px; }

@media (max-width: 700px) {
  .page-header { justify-content: flex-start; align-items: center; padding: 0 32px; }
  .page-header .com-background { background-image: none; }
  .page-header-text { max-width: 90%; font-size: 32px; line-height: 50px; }
  .document-main-header { font-size: 24px; line-height: 36px; }
  .simple-data-table { grid-template-columns: 80px 1fr; padding: 24px 0; font-size: 16px; line-height: 27px; }
}
