@charset "UTF-8";
/**
 * CSS Compiled on: 2025-02-11 13:21:33 -08:00
 * ============================================================================== *
 */
/****************************************/
/* Global Variables Set: variables.scss */
/****************************************/
/****************************************/
/*    Mixins Accessible: mixins.scss    */
/****************************************/
/****************************************/
/*    Class Library: class-lib.scss     */
/****************************************/
/* Typography Classes */
/**********************/
.carousel .slidenav button[data-action]::before {
  font-size: 0.6944444444em;
  line-height: 1.621;
}

.agenda-posting h3, .carousel .slidenav button {
  font-size: 0.8333333333em;
  line-height: 1.351;
}

.agenda-posting .more-link, #block-homepagealert, .banner-homepage {
  font-size: 1.2em;
  line-height: 1.251;
}

#block-vision-iwl2list h3, .main-aside h2, .homepage .main-content header h2 {
  font-size: 1.44em;
  line-height: 1.5635;
}

@media only screen and (max-width: 767px) {
  .agenda-posting h3 {
    font-size: 0.8888888889em;
    line-height: 1.266625;
  }

  .agenda-posting .more-link, #block-homepagealert, .banner-homepage {
    font-size: 1.125em;
    line-height: 1.3343333333;
  }
}
@media only print {
  .agenda-posting h3 {
    font-size: 0.8888888889em;
    line-height: 1.266625;
  }

  .agenda-posting .more-link, #block-homepagealert, .banner-homepage {
    font-size: 1.125em;
    line-height: 1.3343333333;
  }
}
#block-homepagealert a, .banner-homepage a {
  font-family: "Texta-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.iwouldliketo, #block-vision-iwl2list ul {
  background-color: #e1e1e1;
  background-color: var(--hardware-bg, #e1e1e1);
  color: #1a1a1a;
  color: var(--hardware-text, #1a1a1a);
}

.iwouldliketo h2 {
  background-color: #1a1a1a;
  background-color: var(--inverse-bg, #1a1a1a);
  color: #f9f9f9;
  color: var(--inverse-text, #f9f9f9);
}

#block-homepagealert a, .banner-homepage a {
  color: #0a3f75;
  color: var(--link-text, #0a3f75);
  text-decoration: underline;
}
#block-homepagealert a:focus, .banner-homepage a:focus, #block-homepagealert a:hover, .banner-homepage a:hover {
  color: #0d5094;
  color: var(--link-text-hover, #0d5094);
  text-decoration: none;
}
#block-homepagealert a:focus, .banner-homepage a:focus {
  outline: 3px dotted #0d5094;
}

.homepage .main-content .news-link a, .main-aside a, .homepage .main-content a {
  color: #6ba2da;
  color: var(--link-inv, #6ba2da);
  text-decoration: underline;
}
.main-aside a:focus, .homepage .main-content a:focus, .main-aside a:hover, .homepage .main-content a:hover {
  color: #99bfe5;
  color: var(--link-inv-hover, #99bfe5);
  text-decoration: none;
}
.main-aside a:focus, .homepage .main-content a:focus {
  outline: 3px dotted #afcdeb;
}

.main-aside, .homepage .main-content {
  background-color: #093765;
  background-color: var(--prime-element-bg, #093765);
  color: #e1e1e1;
  color: var(--prime-element-text, #e1e1e1);
}
.main-aside h2, .homepage .main-content h2,
.main-aside h3,
.homepage .main-content h3,
.main-aside h4,
.homepage .main-content h4,
.main-aside h5,
.homepage .main-content h5,
.main-aside strong,
.homepage .main-content strong {
  color: #c6dbf1;
  color: var(--prime-element-text-emph, #c6dbf1);
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.spanner {
  margin-left: -15px;
  margin-right: -15px;
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (min-width: 992px) {
  .spanner {
    margin-left: -30px;
    padding-left: 30px;
  }
}

/***************************************************/
/*  CSS Custom Properties: base-properties.scss    */
/***************************************************/
:root {
  --body-bg: #f9f9f9;
  --body-text: #2e2e2e;
  --hardware-bg: #e1e1e1;
  --hardware-text: #1a1a1a;
  --highlight-bg: #fff;
  --highlight-text: #242424;
  --inverse-bg: #1a1a1a;
  --inverse-text: #f9f9f9;
  --prime-element-bg: #093765;
  --prime-element-text: #e1e1e1;
  --prime-element-text-emph: #c6dbf1;
  --graybar-bg: #575757;
  --graybar-text: #e1e1e1;
  --graybar-text-emph: #f9f9f9;
  --gray-safe: #6b6b6b;
  --gray-safer: #575757;
  --comp-bg: linear-gradient(to bottom, rgba(0, 0, 0, 0.075) 0%, rgba(0, 0, 0, 0.075) 100%);
  --comp-border: rgba(0, 0, 0, 0.17);
  --comp-bg-shade: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  --comp-border-shade: rgba(0, 0, 0, 0.1);
  --link-text: #0c4785;
  --link-text-visited: #850c47;
  --link-text-hover: #1169c3;
  --link-text-active: #c31169;
  --link-bg-hover: rgba(250,250,210, 1);
  --header-bg: var(--header-bg, #093765);
  --header-text: var(--header-text, #e1e1e1);
  --lm-header-text: var(--lm-header-text, #6ba2da);
  --selection: #f0d1a4;
  --selection-hover: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
  --selected: #f7e5cc;
  --selected-region: #fdfaf4;
  --mm-link-select: #edc790;
  --comp-hover: linear-gradient(to bottom, $tint25 0%, $tint25 100%);
  --grayscale: gray;
  --grayscale-bg: #6c6c6c;
  --grayscale-bglt: #ededed;
  --grayscale-border: #6c6c6c;
  --grayscale-text: #383838;
  --grayscale-solidtext: #fff;
  --primary: #1169c3;
  --primary-bg: #0e58a4;
  --primary-bglt: #dce9f6;
  --primary-border: #0e58a4;
  --primary-text: #072e56;
  --primary-solidtext: #fff;
  --accent: #dd942b;
  --accent-bg: #ba7c24;
  --accent-bglt: #faefe0;
  --accent-border: #ba7c24;
  --accent-text: #614113;
  --accent-solidtext: #fff;
  --secondary: #c31169;
  --secondary-bg: #a40e58;
  --secondary-bglt: #f6dce9;
  --secondary-border: #a40e58;
  --secondary-text: #56072e;
  --secondary-solidtext: #fff;
  --tertiary: #69c311;
  --tertiary-bg: #58a40e;
  --tertiary-bglt: #e9f6dc;
  --tertiary-border: #58a40e;
  --tertiary-text: #2e5607;
  --tertiary-solidtext: #fff;
  --quarternary: #491506;
  --quarternary-bg: #3d1205;
  --quarternary-bglt: #e5dddb;
  --quarternary-border: #3d1205;
  --quarternary-text: #200903;
  --quarternary-solidtext: #fff;
  --info: #21709b;
  --info-bg: #1c5e82;
  --info-bglt: #dfeaf1;
  --info-border: #1c5e82;
  --info-text: #0f3144;
  --info-solidtext: #fff;
  --warning: #b39939;
  --warning-bg: #968130;
  --warning-bglt: #f4f0e2;
  --warning-border: #968130;
  --warning-text: #4f4319;
  --warning-solidtext: #fff;
  --danger: #982116;
  --danger-bg: #801c12;
  --danger-bglt: #f0dfdd;
  --danger-border: #801c12;
  --danger-text: #430f0a;
  --danger-solidtext: #fff;
  --success: #5f9571;
  --success-bg: #507d5f;
  --success-bglt: #e8f0ea;
  --success-border: #507d5f;
  --success-text: #2a4232;
  --success-solidtext: #fff;
  --tertiary-bg: #47850c;
  --warning-bg: #7a6827;
}

.no-display, .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.banner-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  grid-template-rows: auto;
  grid-template-areas: "crsl list";
}

.carousel {
  grid-area: crsl;
  background-color: gray;
  position: relative;
  height: 430px;
  margin: auto;
}
.carousel > ol {
  margin: 0;
  padding: 0;
}
.carousel .slide {
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition: opacity 1s linear;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /*
      &__content {
        // background-color: rgba(255, 255, 255, 0.8);
        background-color: hsl(36, 95%, 58%);
        padding: beat(2) $el-pad;
        // margin-top: -3rem;
        // max-width: 450px;
        text-align: center;
        // position: relative;
        // margin-bottom: 3rem;
        width: 100%;

        & > * {
          margin: 0;
          padding: 0;

          & + * {
            margin-top: 0.75rem;
          }
        }

        a {
          color: $link-text;
          text-decoration: underline;
          font-weight: 500;
          font-size: 1.3rem;

          &::after {
            content: '»';
            display: inline-block;
            font-size: 2rem;
            line-height: 0;
            height: 25px;
            position: relative;
            top: 3px;
            transform: translateX(.25rem);
            transition: transform .5s ease;
          }

          &:focus,
          &:hover {
            // outline: 1px dotted map-get($primary, 'd-50');
            &::after {
              transform: translateX(.65rem);
              outline: 0;
            }
          }

        }
      }
  */
}
.carousel .slide.current {
  opacity: 1;
  z-index: 5;
}
.carousel .slide__content {
  display: none;
}
.carousel .slide figure {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
}
.carousel .slide figure img {
  width: 100%;
}
.carousel .slidenav {
  background-color: #eee;
  display: flex;
  list-style-type: none;
  justify-content: center;
  margin: 0;
  padding: 0.75rem 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.carousel .slidenav li {
  padding: 0 0.375rem;
}
.carousel .slidenav button {
  background-color: #eee;
  border: 2px solid var(--primary-border);
  border-radius: 6px;
  color: #000;
  font-weight: 700;
  height: 1.35rem;
  width: 1.35rem;
  align-items: center;
  display: flex;
  justify-content: center;
}
.carousel .slidenav button:focus, .carousel .slidenav button:hover {
  background-color: #fff;
  border: 2px solid var(--primary-bglt);
  cursor: pointer;
}
.carousel .slidenav button:focus {
  outline: 3px dotted #0d5094;
}
.carousel .slidenav button.current {
  background-color: #F3DDBA;
  color: #000;
}
.carousel .slidenav button.current:focus, .carousel .slidenav button.current:hover {
  border: 2px solid var(--primary-border);
}
.carousel .slidenav button.current:focus {
  outline: 3px dotted #fff;
}
.carousel .slidenav button[data-action=stop]::before {
  font-family: "Font Awesome 5 Free";
  content: "\f04d";
  margin-right: 0.35em;
  font-weight: 700;
}
.carousel .slidenav button[data-action=start]::before {
  font-family: "Font Awesome 5 Free";
  content: "\f04b";
  margin-right: 0.35em;
  font-weight: 700;
}
.carousel .slidenav button[data-action]::before {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .banner-grid {
    display: block;
  }

  .carousel h2 {
    font-size: 1.2rem;
  }
  .carousel .slide__content {
    margin-bottom: 3rem;
    max-width: 100%;
    padding: 1rem 30px;
    width: 100%;
  }
  .carousel .slide__content a::after {
    bottom: -3rem;
  }
}
.liveregion {
  display: block;
  position: absolute;
  bottom: 0;
  background-color: white;
  z-index: 30;
  padding: 2rem;
  border: 1px solid #000;
}

.main-aside h2, .homepage .main-content header h2 {
  line-height: 1.25;
  margin-bottom: 0.75rem;
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
  .layout-container.homepage {
    display: grid;
    grid-template-areas: "pghd pghd pghd pghd" "prec prec prec prec" "cont cont rtsb rtsb" "pfst pfst pfst pfst" "psec psec psec psec" "pthr pthr pthr pthr" "foot foot foot foot";
    grid-template-columns: 1fr minmax(310px, 930px) minmax(190px, 300px) 1fr;
    grid-template-rows: auto auto 1fr repeat(4, auto);
  }
  .layout-container.homepage > .page-header {
    grid-area: pghd;
  }
  .layout-container.homepage .pre-content {
    grid-area: prec;
  }
  .layout-container.homepage .main-content {
    grid-area: cont;
  }
  .layout-container.homepage .main-aside {
    grid-area: rtsb;
  }
  .layout-container.homepage .promo-01 {
    grid-area: pfst;
  }
  .layout-container.homepage .promo-02 {
    grid-area: psec;
  }
  .layout-container.homepage .promo-03 {
    grid-area: pthr;
  }
  .layout-container.homepage > footer {
    grid-area: foot;
  }
  .layout-container.homepage .page-header {
    border-bottom-width: 0.75rem;
    height: auto;
    padding-top: 1.5rem;
    text-align: center;
  }
  .layout-container.homepage .page-header .basic {
    width: 100%;
  }
}
.pre-content {
  padding: 0;
  flex-wrap: wrap;
  margin-inline: auto;
  max-width: 1215px;
}
.pre-content > * {
  flex-basis: 100%;
}

#block-vision-iwl2list {
  margin-top: 1.5rem;
  margin-inline: auto;
  max-width: 600px;
}
#block-vision-iwl2list h3 a {
  border-radius: 10px;
  background-color: black;
  color: #fff;
}
#block-vision-iwl2list h3 a[aria-expanded=true] {
  border-radius: 10px 10px 0 0;
}
#block-vision-iwl2list ul {
  padding: 0;
  margin-left: -1.5rem;
  margin-top: -0.375rem;
}
#block-vision-iwl2list li {
  flex: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: stretch;
}
#block-vision-iwl2list li a {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  border-bottom: 1px solid transparent;
  color: var(--link-text, #0a3f75);
  font-weight: 500;
  display: flex;
  padding: 0 15px 0 1.75rem;
  text-decoration: none;
  width: 100%;
}
#block-vision-iwl2list li a:focus, #block-vision-iwl2list li a:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
  color: #0c4785;
  text-decoration: underline;
}
#block-vision-iwl2list li a:focus {
  outline: 3px dotted #0d5094;
}

.iwouldliketo {
  display: flex;
  grid-area: list;
}
.iwouldliketo h2 {
  border: 0;
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0;
  padding: 15px 0.375rem;
  text-align: center;
  transform: rotate(180deg);
  writing-mode: vertical-rl;
}
.iwouldliketo .article__lead {
  flex: 1;
  display: flex;
  align-items: stretch;
}
.iwouldliketo .article__lead ul {
  flex: 1 0 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.iwouldliketo .article__lead li {
  flex: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: stretch;
}
.iwouldliketo .article__lead a {
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.75);
  border-bottom: 1px solid transparent;
  color: var(--link-text, #0a3f75);
  font-weight: 500;
  display: flex;
  padding: 0 15px 0 30px;
  text-decoration: none;
  width: 100%;
}
.iwouldliketo .article__lead a:focus, .iwouldliketo .article__lead a:hover {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
  color: #0c4785;
  text-decoration: underline;
}
.iwouldliketo .article__lead a:focus {
  outline: 3px dotted #0d5094;
}

.banner-homepage {
  background-color: #fbf559;
  padding: 1.5rem 15px;
  text-align: center;
}
.banner-homepage p {
  max-width: 45em;
  margin-inline: auto;
  text-wrap: balance;
}
.banner-homepage p + p {
  margin-top: 0.75rem;
}
.banner-homepage > * + * {
  border-top: 1px solid #d0c805;
  margin-top: 1.125rem;
  padding-top: 1.125rem;
}

#block-homepagealert {
  background-color: #fbf559;
  padding: 1.5rem 15px;
  text-align: center;
}
#block-homepagealert p {
  max-width: 28rem;
  margin: 0 auto;
}
.tile_holder {
  padding-bottom: 2.25rem;
  padding-top: 0.75rem;
}

@media only screen and (min-width: 768px) {
  .pre-content .iwouldliketo {
    border-radius: 10px;
    margin-top: 1.5rem;
    max-width: 600px;
  }
  .pre-content .iwouldliketo h2 {
    border-radius: 0 10px 10px 0;
  }
  .pre-content .iwouldliketo li:first-child a {
    border-top: 1px solid var(--hardware-bg);
  }
}
@media only screen and (max-width: 559px) {
  .views-element-container.tile_holder {
    margin: 0;
    padding: 0;
  }
  .views-element-container.tile_holder div:last-child .tile {
    border-bottom-color: var(--comp-border, rgba(0, 0, 0, 0.17));
    border-bottom: 1px solid var(--comp-border, rgba(0, 0, 0, 0.17));
  }

  .homepage .main-content {
    padding-top: 1.875rem;
  }
}
.homepage .main-content {
  background-image: linear-gradient(200deg, transparent 0%, rgba(0, 0, 0, 0.175) 80%, rgba(0, 0, 0, 0.5));
  max-width: none;
}
.homepage .main-content h2 a {
  text-decoration: none;
}
.homepage .main-content .news-link {
  max-width: none;
  text-align: center;
  width: 100%;
}
.homepage .main-content .news-link a:hover {
  background-color: transparent;
}
.homepage .main-content article footer {
  border-top-color: #0e58a4;
}
.homepage .main-content .news--feed-home {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  margin-left: auto;
  max-width: 900px;
}
.homepage .main-content .news--feed-home .views-row {
  flex: 0 1 750px;
}

.main-aside {
  background-image: linear-gradient(-70deg, transparent 0%, rgba(0, 0, 0, 0.175) 80%, rgba(0, 0, 0, 0.5));
  padding: 1.875rem 15px;
}
.main-aside h2 {
  margin-bottom: 0;
}
.main-aside h2::after {
  content: url("../img/icon-board-activities.svg");
  display: block;
  height: 100px;
  margin-top: 0.375rem;
  transform: scale(0.75);
  width: 120px;
}
.main-aside > * {
  margin-right: auto;
  max-width: 300px;
}
.main-aside figure {
  margin: 0.75rem auto 1.5rem;
  width: 80px;
}
.main-aside figure img {
  max-width: 100%;
}

.agenda-posting h3 {
  border-bottom: 1px solid var(--comp-border, rgba(0, 0, 0, 0.17));
  padding-bottom: calc(0.375rem - 1px);
  border-color: #0e58a4;
  margin: 1.875rem 0 0.375rem;
}
.agenda-posting h3::before {
  font-family: "Font Awesome 5 Free";
  content: "\f073";
  margin-right: 0.35em;
  font-weight: 700;
}
.agenda-posting h3::before {
  font-weight: 400;
}
.agenda-posting li {
  line-height: 1.25;
  margin-bottom: 0.75rem;
  padding-left: 1.1rem;
}
.agenda-posting .more-link {
  border-top: 1px solid #0e58a4;
  margin-top: 1.5rem;
  padding-left: 1.1rem;
  padding-top: calc(0.375rem - 1px);
}
.agenda-posting .more-link a {
  text-decoration: none;
}
.agenda-posting .more-link a::after {
  content: " »";
}

@media only screen and (min-width: 560px) and (max-width: 767px) {
  .homepage .news--feed-home {
    flex-basis: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .iwouldliketo .article__lead a {
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
  }
}
@media only print {
  .layout-container.homepage {
    display: grid;
    grid-template-areas: "gnav gnav" "pghd pghd" "prec prec" "cont rtsb" "pfst pfst" "psec psec" "pthr pthr" "foot foot";
    grid-template-columns: 3.5fr 1.5fr;
    grid-template-rows: auto auto auto auto auto auto auto;
  }
  .layout-container.homepage > header {
    grid-area: gnav;
  }
  .layout-container.homepage > .page-header {
    grid-area: pghd;
    padding-top: 4.5rem;
    text-align: center;
  }
  .layout-container.homepage > .page-header > * {
    margin: 0 auto;
  }
  .layout-container.homepage .pre-content {
    grid-area: prec;
  }
  .layout-container.homepage .main-content {
    grid-area: cont;
  }
  .layout-container.homepage .main-aside {
    grid-area: rtsb;
  }
  .layout-container.homepage .promo-01 {
    grid-area: pfst;
  }
  .layout-container.homepage .promo-02 {
    grid-area: psec;
  }
  .layout-container.homepage .promo-03 {
    grid-area: pthr;
  }
  .layout-container.homepage > footer {
    grid-area: foot;
  }

  .carousel__controls {
    display: none;
  }

  .article__lead {
    position: relative;
  }

  .slideshow-image {
    display: none;
  }

  .pre-content {
    display: flex;
  }
  .pre-content .carousel {
    height: 3in;
  }
  .pre-content .basic {
    max-width: 75%;
  }
  .pre-content .iwouldliketo {
    max-width: 25%;
  }
  .pre-content .iwouldliketo .article__lead a {
    padding: 0 30px;
  }

  *[class^=tile_holder] {
    flex-wrap: wrap;
    gap: 30px;
  }
  *[class^=tile_holder] > * {
    flex-basis: 30%;
  }
}
@media only screen and (min-width: 1200px) {
  .pre-content {
    width: 1199px;
  }
}
@media only screen and (max-width: 1199px) {
  .pre-content {
    width: 991px;
  }
  .pre-content .carousel {
    height: 360px;
  }
}
@media only screen and (max-width: 991px) {
  .pre-content {
    width: 767px;
  }
  .pre-content .carousel {
    height: 290px;
  }
}
@media only screen and (max-width: 767px) {
  .pre-content {
    width: 100%;
  }
  .pre-content .carousel {
    height: 220px;
    width: 559px;
  }
}
@media only screen and (max-width: 559px) {
  .pre-content .carousel {
    height: 165px;
    width: 380px;
  }
}
/*# sourceMappingURL=maps/home.css.map */