/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/webfonts/montserrat-v25-latin-regular.woff2') format('woff2'), url('/assets/webfonts/montserrat-v25-latin-regular.woff') format('woff');
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/webfonts/montserrat-v25-latin-700.woff2') format('woff2'), url('/assets/webfonts/montserrat-v25-latin-700.woff') format('woff');
}
:root {
  --font-size: 16px;
  --line-height: 1.5;
  --baseline: 1.5rem;
}
/* ===============================================
   GLOBAL ELEMENTS
   =============================================== */
div.preview-notice-v2 {
  display: none;
}
body.is-preview div.preview-notice-v2 {
  display: flex;
}
body:after {
  display: none;
}
:root {
  accent-color: auto;
}
html {
  font-family: 'Montserrat', sans-serif;
  background-color: #fff;
  color: #1a1536;
}
input,
textarea,
select,
button {
  font-size: inherit;
  font-family: inherit;
}
h1,
h2,
h3 {
  color: #1a1536;
  font-family: 'p22-mackinac-pro', serif;
}
h4,
h5,
h6 {
  color: #125fa6;
  font-family: 'p22-mackinac-pro', serif;
}
h1,
h1.page-title {
  font-size: 3rem;
  font-weight: 800;
}
a {
  color: #125fa6;
  text-decoration-line: underline;
}
span.req {
  color: #ed142e;
}
/* ===============================================
   VANILLA THEME OVERRIDES
   =============================================== */
:root {
  --button-primary-color: #fff;
  --button-primary-bg-color: #ed142e;
  --button-primary-border-color: #ed142e;
  --button-primary-border-radius: 0.25rem;
  --button-secondary-color: #fff;
  --button-secondary-bg-color: #a0a0a0;
  --button-secondary-border-color: #a0a0a0;
}
.addtocalendar {
  width: 100%;
}
.atc-style-blue .atcb-link,
.atc-style-blue .atcb-link:hover,
.atc-style-blue .atcb-link:active,
.atc-style-blue .atcb-link:focus {
  padding: 0.5rem 1rem;
  border: 1px solid var(--button-primary-border-color);
  background-color: var(--button-primary-bg-color);
  color: var(--button-primary-color);
  text-align: center;
  font-weight: bold;
  line-height: 1;
  border-radius: var(--button-primary-border-radius);
  box-shadow: none;
}
.atc-style-blue .atcb-item,
.atc-style-blue .atcb-item-link {
  margin: 0;
}
button,
a.button {
  text-decoration: none;
  text-transform: none;
  color: #fff;
  background-color: #ed142e;
  border-color: #ed142e;
}
button.white-tp,
a.button.white-tp {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
button.text-tp,
a.button.text-tp {
  color: #1a1536;
  background-color: transparent;
  border-color: #1a1536;
}
button.red,
a.button.red {
  color: #fff;
  background-color: #ed142e;
  border-color: #ed142e;
}
.primary-form .button-wrapper button[type="submit"]:not(.secondary) {
  font-size: 1.5rem;
  padding: 1rem 2rem;
}
:root {
  --button-amounts-color: #fff;
  --button-amounts-bg-color: #125fa6;
  --button-amounts-checked-color: #fff;
  --button-amounts-checked-bg-color: #ed142e;
  --button-amounts-border-radius: 0.25rem;
}
/* ===============================================
   PRINT STYLES
   =============================================== */
@media print {
  body {
    font-size: 12pt;
    background: none;
  }
  div,
  .preview-notice-v2 {
    display: none;
  }
  .page-container,
  #middle,
  #middle .sizer,
  #middle .sizer .container,
  #content,
  #content .story-content {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    height: auto;
    width: auto;
    background: none;
    box-shadow: none;
  }
  #content .story-content div {
    display: block;
  }
}
/* ===============================================
   MAIN STRUCTURE
   =============================================== */
.sizer,
.like-sizer {
  max-width: calc(1160px + (20px * 2));
  padding: 0 20px;
  margin: 0 auto;
}
.story-content:after {
  content: "";
  display: table;
  clear: both;
}
#alert-bar {
  background-color: #ed142e;
  color: #fff;
}
#alert-bar a {
  color: #fff !important;
}
#top.v2023 {
  padding: 0.5rem 0;
  background: linear-gradient(90deg, #142d6d, #1260a7);
  color: #fff;
}
#top.v2023 .container {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#top.v2023 .top-links {
  display: flex;
  justify-content: flex-end;
  column-gap: 1rem;
  margin-bottom: 1rem;
}
#top.v2023 .social-icons a {
  color: #fff;
}
#top.v2023 .buttons {
  display: flex;
  column-gap: 1rem;
}
@media screen and (max-width: 1023px) {
  .not-logo {
    display: none;
  }
}
#menu-toggle {
  text-align: right;
  font-size: 2rem;
}
#menu-toggle a {
  color: #fff;
  text-decoration: none;
}
#menu-toggle button {
  color: #fff;
  background: transparent;
  border: 0;
  padding: 0.5rem;
}
#menu-toggle span {
  margin-right: 0.5rem;
}
#menu-toggle .fas {
  transition: all 1s;
}
@media screen and (min-width: 1024px) {
  #menu-toggle {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  #menu-toggle span {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  #topnav {
    --level1-bg-color: transparent;
    --level1-link-color: #fff;
    --level1-hover-bg-color: transparent;
    --level1-hover-color: #fff;
    --level1-link-padding: 0 1rem;
    --level1-line-height: 2.5rem;
    --level1-gap: 0;
    --level2-bg-color: #ed142e;
    --level2-link-color: #fff;
    --level2-hover-bg-color: #fff;
    --level2-hover-color: #ed142e;
    --level2-link-padding: 0.5rem 1rem;
  }
}
@media screen and (max-width: 1023px) {
  #topnav {
    --bg-color: #606060;
    --link-color: #fff;
    --border-color: #fff;
  }
}
#topnav a[href=""],
#topnav a[href="#"] {
  cursor: default;
}
@media screen and (min-width: 1024px) {
  #topnav {
    background: var(--level1-bg-color);
  }
  #topnav .sizer {
    padding: 0;
  }
  #topnav .sizer > ul {
    display: flex;
    gap: var(--level1-gap);
    justify-content: flex-end;
  }
  #topnav .sizer > ul > li {
    margin: 0;
    display: block;
  }
  #topnav .sizer > ul > li > a {
    padding: var(--level1-link-padding);
    display: block;
    color: var(--level1-link-color);
    line-height: var(--level1-line-height);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color 0.25s;
  }
  #topnav .sizer > ul > li > a:hover {
    background-color: var(--level1-hover-bg-color);
    color: var(--level1-hover-color);
  }
  #topnav .sizer .level2 {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 99999;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.5s linear;
  }
  #topnav .sizer .level2 .inner-wrapper {
    padding: 1rem;
    background-color: #ed142e;
  }
  #topnav .sizer .level2 .flex-block-grid {
    column-gap: 2rem;
    justify-content: flex-start;
  }
  #topnav .sizer .level2 .flex-block-grid > div {
    max-width: calc((100% - 8rem)/5);
  }
  #topnav .sizer .level2 ul li.header {
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
  }
  #topnav .sizer .level2 ul li a {
    color: var(--level2-link-color);
    display: block;
    padding: var(--level2-link-padding);
    text-decoration: none;
  }
  #topnav .sizer .level2 ul li a:hover {
    background-color: var(--level2-hover-bg-color);
    color: var(--level2-hover-color);
  }
  #topnav .sizer > ul > li:hover .level2 {
    height: auto;
    overflow: auto;
    opacity: 1;
  }
  #topnav .sizer .level3 {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.5s linear;
  }
}
@media screen and (max-width: 1023px) {
  #topnav > .sizer {
    padding: 0;
  }
  #topnav > .sizer > ul {
    width: 100%;
    overflow: hidden;
  }
  #topnav > .sizer > ul:not(.active) {
    height: 0;
  }
  #topnav > .sizer > ul > li {
    margin: 0;
    width: 100%;
    height: auto;
    display: block;
    border-top: 1px solid var(--border-color);
  }
  #topnav > .sizer > ul > li:first-child {
    margin-top: 1rem;
  }
  #topnav > .sizer > ul > li:last-child {
    padding-bottom: 0.5rem;
  }
  #topnav > .sizer > ul > li.has-subnav {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  #topnav > .sizer > ul > li.has-subnav > a {
    flex-grow: 1;
  }
  #topnav > .sizer > ul > li > a {
    display: block;
    padding: 0.5rem;
    color: var(--link-color);
    text-align: left;
    height: auto;
    line-height: 1;
    text-decoration: none;
  }
  #topnav > .sizer > ul > li > a i {
    display: none;
  }
  #topnav > .sizer > ul > li > div.subnav {
    padding: 0 0.5rem;
    color: var(--link-color);
    width: auto;
  }
  #topnav > .sizer > ul > li > div.subnav .fas {
    transition: all 1s;
  }
  #topnav > .sizer .level2 {
    width: 100%;
    overflow: hidden;
  }
  #topnav > .sizer .level2:not(.active) {
    height: 0;
  }
  #topnav > .sizer .level2 > .inner-wrapper {
    padding-left: 2rem;
  }
  #topnav > .sizer .level2 > .inner-wrapper > .flex-block-grid {
    flex-direction: column;
  }
  #topnav > .sizer .level2 > .inner-wrapper .flex-block-grid > div > ul > li.header {
    color: #cee266;
    font-weight: bold;
  }
  #topnav > .sizer .level2 > .inner-wrapper .flex-block-grid > div > ul > li > a {
    line-height: 1;
    display: block;
    padding: 0.5rem 0;
    color: var(--link-color);
    border: none;
    text-decoration: none;
  }
  #topnav > .sizer .level3 {
    width: 100%;
  }
  #topnav > .sizer .level3:not(.active) {
    height: 0;
  }
}
#middle {
  min-height: 200px;
}
body:not(.homepage):not(.section-cover) #middle {
  padding: 2rem 0;
}
body.is-story:not(.layout-no-sidebar):not(.section-cover) #middle .container {
  display: flex;
}
body.is-story:not(.layout-no-sidebar):not(.section-cover) #middle #content {
  width: 65%;
  margin-right: 5%;
}
body.is-story:not(.layout-no-sidebar):not(.section-cover) #middle #sidebar {
  width: 30%;
}
@media screen and (max-width: 1023px) {
  body.is-story:not(.layout-no-sidebar):not(.section-cover) #middle #content {
    width: 100%;
    margin-right: 0;
  }
  body.is-story:not(.layout-no-sidebar):not(.section-cover) #middle #sidebar {
    display: none;
  }
}
#sidebar.v2023 h2 {
  width: fit-content;
  color: #fff;
  background-color: #ed142e;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}
#sidebar.v2023 .news .card-media {
  transition: all 1s;
  border: 0px solid #ffe138;
  box-shadow: none;
  background-color: #ffe138;
}
#sidebar.v2023 .news .card-media:hover {
  border: 10px solid #ffe138;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
#sidebar.v2023 .news .card-media img {
  margin: auto;
  position: relative;
}
#bottom {
  padding: 2rem 0;
  background-color: #e0ecf8;
}
#bottom .logo-etc {
  margin-bottom: 1.5rem;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#bottom .not-logo {
  display: flex;
  justify-content: flex-end;
  column-gap: 1rem;
}
#bottom .social-icons a {
  color: #1a1536;
}
#bottom .buttons {
  display: flex;
  gap: 1rem;
}
#bottom .bottom-nav {
  margin-bottom: 1.5rem;
}
#bottom .bottom-nav h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
#bottom .bottom-nav ul {
  list-style: none;
  margin: 0;
}
#bottom .bottom-nav li {
  margin: 0 0 0.5rem;
}
#bottom .bottom-nav a {
  color: #1a1536;
}
#bottom .credits {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  #bottom .logo-etc {
    flex-direction: column;
    margin-bottom: 3rem;
  }
  #bottom .not-logo {
    flex-direction: column;
  }
  #bottom .social-icons {
    margin-bottom: 1.5rem;
  }
  #bottom .social-icons ul {
    justify-content: center;
  }
  #bottom .buttons {
    flex-direction: column;
  }
}
/* ===============================================
   HOMEPAGE
   =============================================== */
body.homepage #middle > .sizer {
  max-width: none;
  padding: 0;
}
body.homepage .hero {
  background: linear-gradient(90deg, #142d6d, #1260a7);
  color: #fff;
}
body.homepage .hero .card-content .img {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1023px) {
  body.homepage .hero {
    padding-bottom: 2rem;
  }
}
body.homepage .my-lulac {
  padding: 1rem 0 2rem;
  background: linear-gradient(90deg, #142d6d, #1260a7);
}
body.homepage .my-lulac .container > .img {
  margin-bottom: 0.5rem;
}
body.homepage .my-lulac .vanilla-tabs {
  --bg-color: transparent;
  --active-bg-color: transparent;
  --border-color: #e0ecf8;
}
body.homepage .my-lulac .vanilla-tabs ul.tabs {
  gap: 0.5rem 2rem;
  flex-wrap: wrap;
}
body.homepage .my-lulac .vanilla-tabs ul.tabs li {
  padding: 0.25rem 0;
  color: #fff;
  font-weight: bold;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 0.25rem;
  text-underline-offset: 0.5rem;
}
body.homepage .my-lulac .vanilla-tabs ul.tabs li:hover,
body.homepage .my-lulac .vanilla-tabs ul.tabs li.active {
  text-decoration-color: #ed142e;
}
body.homepage .my-lulac div.panes {
  display: grid;
}
body.homepage .my-lulac div.panes > div {
  grid-area: 1/1;
}
body.homepage .my-lulac .leadin-card .card-inner {
  row-gap: 1rem;
}
body.homepage .my-lulac .leadin-card .card-media {
  transition: all 1s;
  border: 0px solid #ffe138;
  box-shadow: none;
  background-color: #ffe138;
}
body.homepage .my-lulac .leadin-card .card-media:hover {
  border: 10px solid #ffe138;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
body.homepage .my-lulac .leadin-card .card-media img {
  margin: auto;
  position: relative;
}
body.homepage .my-lulac .leadin-card .card-content .card-content-inner {
  display: flex;
  flex-direction: column-reverse;
}
body.homepage .my-lulac .leadin-card .card-content h3.title {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}
body.homepage .my-lulac .leadin-card .card-content .teaser {
  padding: 0 0.5rem;
  margin-bottom: 0.5rem;
  width: fit-content;
  background-color: #ed142e;
  color: #fff;
}
body.homepage .my-lulac .media.video {
  row-gap: 0.5rem;
}
body.homepage .my-lulac .media.video h3.title {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}
body.homepage .emember {
  background-color: #e0ecf8;
}
body.homepage .emember > .sizer {
  max-width: 1920px;
  padding: 0;
}
body.homepage .emember h2 {
  margin-bottom: 0.75rem;
  font-size: 3rem;
}
body.homepage .emember h3 {
  margin-bottom: 0;
  font-size: 1rem;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}
body.homepage .emember .form-wrapper {
  container-name: form-wrapper;
  container-type: inline-size;
}
body.homepage .emember .form-wrapper form .form-item {
  max-width: none;
}
body.homepage .emember .form-wrapper form input {
  width: 100%;
  height: 3rem;
  border: 0;
}
body.homepage .emember .form-wrapper form button {
  width: 100%;
  height: 3rem;
  font-size: 1rem !important;
}
@container form-wrapper (width > 600px) {
  body.homepage .emember .form-wrapper form {
    background: url(/images/all-for-one-badge.png) top right no-repeat;
    background-size: contain;
  }
  body.homepage .emember .form-wrapper form .form-inner {
    max-width: 350px;
  }
}
@media screen and (min-width: 1024px) {
  body.homepage .emember .card .card-media {
    max-width: 50%;
  }
  body.homepage .emember .card .card-content-inner {
    max-width: 800px;
    padding: 0 3rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  body.homepage .emember .card-content-inner {
    padding: 1rem 20px;
  }
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
  body.homepage .emember .card-media img {
    width: 100%;
  }
}
body.homepage .signature-events {
  padding: 2rem 0;
  background-color: #fff;
}
body.homepage .signature-events > .sizer {
  max-width: 1600px;
}
body.homepage .signature-events h2 {
  font-family: 'p22-mackinac-pro', serif;
  font-size: 3rem;
  text-align: center;
}
body.homepage .signature-events .event-list {
  margin-bottom: 1.5rem;
}
body.homepage .signature-events .buttons {
  text-align: center;
}
body.homepage .signature-events .leadin-card {
  transition: all 1s;
  border: 0px solid #ffe138;
  box-shadow: none;
  background-color: #ffe138;
}
body.homepage .signature-events .leadin-card:hover {
  border: 10px solid #ffe138;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
body.homepage .signature-events .leadin-card .card-media img {
  margin: auto;
}
body.homepage .programs {
  background-color: #142d6d;
}
body.homepage .programs > .sizer {
  max-width: 1920px;
  padding: 0;
}
body.homepage .programs .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "z z a b" "z z c d" "e f g h";
}
body.homepage .programs .intro {
  grid-area: z;
  color: #fff;
}
body.homepage .programs .intro .card-content-inner {
  padding: 0 2rem;
  text-align: left;
}
body.homepage .programs .intro h2 {
  color: #fff;
  font-size: 3rem;
}
body.homepage .programs .prog {
  color: #fff;
}
body.homepage .programs .prog a {
  text-decoration: none;
}
body.homepage .programs .prog .card-content-inner {
  padding: 1rem;
}
body.homepage .programs .prog h2 {
  color: #fff;
  font-size: 2rem;
}
@media screen and (max-width: 1023px) {
  body.homepage .programs .container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "z z" "z z" "a b" "c d" "e f" "g h";
  }
}
@media screen and (max-width: 639px) {
  body.homepage .programs .intro {
    padding: 2rem 0;
  }
  body.homepage .programs .intro .card-media {
    display: none;
  }
  body.homepage .programs .prog h2 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  body.homepage .programs .prog h2 {
    font-size: 1.5rem;
  }
}
@media (hover: hover) {
  body.homepage .programs .prog *,
  body.homepage .programs .prog *::before,
  body.homepage .programs .prog *::after {
    transition: all 1s;
  }
  body.homepage .programs .prog .card-inner::after {
    background-color: #142d6d;
    opacity: 0.7;
  }
  body.homepage .programs .prog:hover {
    cursor: pointer;
  }
  body.homepage .programs .prog:hover .card-inner::after {
    background-color: transparent;
  }
}
body.homepage .issues-slider {
  background-color: #fff;
}
body.homepage .issues-slider > .sizer {
  max-width: 1920px;
  padding: 0;
}
body.homepage .issues-slider h2 {
  font-size: 3rem;
}
body.homepage .issues-slider h3 {
  width: fit-content;
  padding: 0.25rem 0.5rem;
  background-color: #ed142e;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
body.homepage .issues-slider .buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
body.homepage .issues-slider .vanilla-slider {
  --nav-bg-color: #142d6d;
}
body.homepage .issues-slider .vanilla-slider > .vs-nav {
  align-self: flex-end;
  width: 50%;
  justify-content: center;
  padding-bottom: 1rem;
  z-index: 10;
}
body.homepage .issues-slider .vanilla-slider > .vs-nav .vs-prev,
body.homepage .issues-slider .vanilla-slider > .vs-nav .vs-next {
  margin: 0;
}
@media screen and (max-width: 1279px) {
  body.homepage .issues-slider .card-content-inner {
    padding: 1rem 20px;
  }
  body.homepage .issues-slider .vanilla-slider .vs-nav {
    grid-area: 2/1;
    display: flex;
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  body.homepage .issues-slider .card-content-inner {
    padding: 0 2rem;
    margin: 0 auto;
    max-width: 580px;
  }
}
body.homepage .blurb {
  background-color: #e0ecf8;
}
body.homepage .blurb .sizer {
  max-width: 1480px;
}
body.homepage .blurb .container {
  padding: 3rem 0;
  background: url(/images/all-for-one-badge-gray.png) top -80px left 0 no-repeat;
}
body.homepage .blurb p {
  margin: 0;
  font-size: 3rem;
  font-family: 'p22-mackinac-pro', serif;
  font-weight: 800;
}
@media screen and (min-width: 1024px) {
  body.homepage .blurb .container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 400px;
  }
  body.homepage .blurb p {
    max-width: 900px;
  }
}
@media screen and (max-width: 639px) {
  body.homepage .blurb p {
    font-size: 2rem;
  }
}
body.homepage .map-intro {
  padding: 2rem 0;
  background-color: #e0ecf8;
}
body.homepage .map-intro .container {
  border-bottom: 1px solid #b5c6d6;
}
body.homepage .map-intro h3 {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  align-items: center;
  gap: 0.5rem;
  margin: 0 auto 2rem;
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  position: relative;
  text-align: center;
}
body.homepage .map-intro h3 span {
  padding: 0.25rem 0.5rem;
  background-color: #ed142e;
  color: #fff;
}
body.homepage .map-intro h3:before,
body.homepage .map-intro h3:after {
  content: "";
  border-top: 1px solid #b5c6d6;
}
body.homepage .map-intro .grid-block-grid {
  margin-bottom: 2rem;
}
body.homepage .map-intro .item {
  text-align: center;
}
body.homepage .map-intro .item h2 {
  font-size: 3rem;
  margin-bottom: 0.25rem;
}
body.homepage .map-intro .item .desc {
  font-weight: bold;
  text-transform: uppercase;
}
body.homepage .map {
  padding: 2rem 0;
  background-color: #e0ecf8;
}
body.homepage .vids {
  padding: 2rem 0;
  background-color: #fff;
}
body.homepage .vids .title-wrapper {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem 2rem;
}
body.homepage .vids .title-wrapper h2 {
  font-family: 'p22-mackinac-pro', serif;
  font-size: 3rem;
  margin: 0;
}
body.homepage .vids .video h3.title {
  font-family: 'Montserrat', sans-serif;
}
body.homepage .donate {
  background: linear-gradient(90deg, #142d6d, #1260a7);
  color: #fff;
}
@media screen and (max-width: 1023px) {
  body.homepage .donate {
    padding-bottom: 2rem;
  }
}
body.homepage .subscribe {
  padding: 2rem 0;
  background-color: #c9dbee;
}
body.homepage .subscribe h2 {
  font-size: 3rem;
  margin-bottom: 0.25rem;
}
body.homepage .subscribe .form-inner {
  row-gap: 1rem;
  column-gap: 2rem;
}
body.homepage .subscribe .fw-form-item {
  flex-grow: 1;
}
body.homepage .subscribe input {
  height: 3rem;
  width: 100%;
  border: 0;
}
body.homepage .subscribe button {
  height: 3rem;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  body.homepage .subscribe form {
    max-width: 600px;
    margin: 0 auto;
  }
}
/* ===============================================
   ABOUT
   =============================================== */
body.about-board .story-content .grid-block-grid {
  margin-bottom: 1.5rem;
}
body.about-staff .story-content .grid-block-grid {
  margin-bottom: 1.5rem;
}
/* ===============================================
   BLOG
   =============================================== */
body.blog.category-archive #comments {
  display: none;
}
/* ===============================================
   NEWS
   =============================================== */
body.news-in-the-news .story-content .leadin-card .source {
  font-style: italic;
}
/* ===============================================
   VIDEO
   =============================================== */
body.media-video.category-archive .story-content .leadin-card .card-media {
  max-width: 120px;
}
/* ===============================================
   BING SEARCH
   =============================================== */
body.bing-search .bing-search-wrapper {
  margin: 2rem 0;
  min-height: 300px;
}
body.bing-search .bing-search-wrapper .bcs-container-searchbox {
  background-color: #fff;
}
body.bing-search .bing-search-wrapper #bcs-results-div {
  font-family: 'Montserrat', sans-serif;
  font-size: var(--font-size);
  line-height: var(--line-height);
}
body.bing-search .bing-search-wrapper #bcs-results-div h2 {
  color: #142d6d;
  font-family: 'p22-mackinac-pro', serif;
  font-size: 1.25rem;
  font-weight: bold;
}
body.bing-search .bing-search-wrapper #bcs-results-div h2 a {
  color: #125fa6;
}
body.bing-search .bing-search-wrapper #bcs-results-div .bcs-caption {
  line-height: var(--line-height);
}
body.bing-search .bing-search-wrapper #bcs-results-div .bcs-result cite {
  display: none;
}