.accordion .accordion-item {
  margin-bottom: 20px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.accordion .accordion-header {
  border-radius: 5px;
}
.accordion .accordion-button {
  font-size: 0.875rem;
  color: #122C60;
  font-weight: 600;
  border-radius: 5px !important;
}
.accordion .accordion-button:hover {
  background-color: #E9E9E9;
}
.accordion .accordion-button:not(.collapsed) {
  background-color: #DFECF5;
}
.accordion .accordion-button::after {
  background-image: url("../assets/images/garnish/chevron-down.svg");
  width: 20px;
  height: 15px;
}
@media (min-width: 992px) {
  .accordion .accordion-button::after {
    width: 25px;
  }
}
.accordion .accordion-body p, .accordion .accordion-body li {
  font-size: 0.875rem;
  color: #777777;
  line-height: 1.5;
}
.accordion .accordion-body p:last-child, .accordion .accordion-body li:last-child {
  margin-bottom: 0;
}
.accordion .accordion-body li {
  margin-bottom: 10px;
}

.blurb {
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.blurb.dark-blue {
  background-color: #122C60;
}
.blurb.dark-blue * {
  color: #FFF;
}
.blurb.light-blue {
  background-color: #DFECF5;
}
.blurb.light-blue * {
  color: #122C60;
}
.blurb p {
  font-size: 0.938rem;
}
.blurb .blurb-icon {
  width: 44px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.blurb .blurb-title {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 10px;
}

footer .logo-container {
  background-color: #EFF1F4;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .logo-container a {
  display: inline-block;
  text-align: center;
}
footer .logo-container .project-logo {
  width: 100%;
  height: auto;
  max-width: 150px;
}
footer .logo-container .crete-logo {
  width: 100%;
  height: auto;
  max-width: 300px;
}
footer .copyright {
  background-color: #E9E9E9;
  padding: 20px;
  text-align: center;
  color: #777777;
  font-size: 0.938rem;
}

header {
  width: 100%;
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
header.scrolling .announcement-bar {
  height: 0;
  padding: 0;
  line-height: 0;
}
header.scrolling .navbar {
  background-color: #122C60;
  box-shadow: 1px 1px 7px #6f6f6f;
}
header.scrolling .project-logo-container {
  max-width: 19rem;
  padding: 10px;
}
header.scrolling .project-logo-container.hide-when-not-scrolling {
  opacity: 1;
  height: auto;
}
header.scrolling .project-logo-container .county-logo {
  width: 50px;
}
header.scrolling .project-logo-container .project-title {
  font-size: 0.55rem;
  line-height: 1.25;
}
header .announcement-bar {
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  overflow: hidden;
  background-color: #000099;
  font-size: 1.15rem;
  padding: 10px 15px;
  text-align: center;
  transition: all 300ms ease-in;
}
header .announcement-bar * {
  color: #fff;
}
@media (min-width: 992px) {
  header .announcement-bar {
    font-size: 1.375rem;
    padding: 10px 30px;
  }
}
header .navbar {
  background-color: transparent;
  padding: 0;
  transition: all 300ms ease-in;
}
header .navbar-nav {
  background-color: #122C60;
  padding: 20px;
}
@media (min-width: 992px) {
  header .navbar-nav {
    background-color: transparent;
    padding: 20px 30px;
    width: 100%;
    justify-content: flex-end;
  }
}
header .navbar-nav .nav-link {
  color: #fff;
}
header .navbar-nav .nav-link:hover {
  text-decoration: underline;
}
header .navbar-nav .nav-link.active {
  color: #F9DF0C;
}
@media (min-width: 992px) {
  header .navbar-nav .nav-link {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 12.5px !important;
    padding-right: 12.5px !important;
  }
}
header .navbar-toggler {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: 15px;
  background-color: #FFF;
}
header .project-logo-container {
  display: flex;
  align-items: center;
  max-width: 23rem;
  padding: 10px;
}
header .project-logo-container .county-logo {
  width: 55px;
  height: auto;
  transition: 150ms ease-in-out;
}
@media (min-width: 992px) {
  header .project-logo-container .county-logo {
    width: 80px;
  }
}
header .project-logo-container .crete-logo {
  width: 80px;
  height: auto;
  margin-right: 10px;
  transition: 150ms ease-in-out;
}
@media (min-width: 992px) {
  header .project-logo-container .crete-logo {
    width: 100px;
  }
}
header .project-logo-container .project-title {
  font-size: 0.55rem;
  line-height: 1.25;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 700;
  max-width: 135px;
}
@media (min-width: 992px) {
  header .project-logo-container .project-title {
    font-size: 0.75rem;
    max-width: 230px;
  }
}

.hero {
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(0deg, rgba(55, 122, 255, 0.6), rgba(55, 122, 255, 0.6)), linear-gradient(188.14deg, rgba(135, 209, 255, 0.5) 42.92%, rgba(0, 0, 0, 0) 93.74%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 122, 202, 0.6) 108.73%), url("../assets/images/backgrounds/hero.jpg");
  background-blend-mode: normal, multiply, normal, multiply, normal;
  background-size: cover;
  background-position: center 15%;
  background-repeat: no-repeat;
  background-color: #000099;
  padding: 20px;
  min-height: 300px;
  animation-delay: 0.5s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
@media (min-width: 576px) {
  .hero {
    background-position: center 40%;
  }
}
.hero .hero-content {
  display: flex;
  align-items: center;
  max-width: 250px;
}
.hero .hero-content .county-logo {
  width: 86px;
  height: auto;
}
.hero .hero-content .project-title {
  font-size: 1.15rem;
  line-height: 1.25;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 700;
}
.hero.home-page {
  display: flex;
  height: 80vh;
  min-height: 400px;
  padding: 25px 0;
  background-position: center;
}
.hero.home-page .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.hero.home-page .container .hero-content {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 870px;
  animation-delay: 1s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: slideUp;
}
.hero.home-page .container .hero-content .county-logo {
  width: 130px;
  height: auto;
}
@media (min-width: 992px) {
  .hero.home-page .container .hero-content .county-logo {
    width: 210px;
  }
}
.hero.home-page .container .hero-content .crete-logo {
  width: 150px;
  height: auto;
}
@media (min-width: 992px) {
  .hero.home-page .container .hero-content .crete-logo {
    width: 250px;
  }
}
.hero.home-page .container .hero-content .project-title {
  color: #FFF;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .hero.home-page .container .hero-content .project-title {
    font-size: 2.813rem;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* LIGHTBOX */
#lightbox {
  height: 100%;
  position: fixed;
  top: -100%;
  transition: top 0.85s;
  width: 100%;
  z-index: 500;
}

#lightbox > span {
  background-color: rgba(35, 35, 35, 0.8);
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

#lightbox > span span {
  color: #fff;
  font-size: 3.6em;
  line-height: 0.4em;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}

#lightbox div {
  box-shadow: 0 8px 15px 0 #000;
  margin: -120px auto 0;
  max-height: 80%;
  overflow: auto;
  position: relative;
  transform: rotateX(90deg) translateY(-160px);
  transition: 0.24s;
  width: 88%;
}

#lightbox img {
  display: block;
  width: 200%;
  padding: 20px;
  background-color: #FFF;
}

#lightbox.on {
  top: 0;
}

#lightbox.on div {
  margin-top: 50px;
  transition: 0.8s ease-out 0.32s;
  transform: rotateX(0deg) translateY(0px);
}

.lightbox {
  cursor: pointer;
}

@media (min-width: 992px) {
  #lightbox img {
    width: 100%;
  }
}
.resource-link {
  background-color: #FFF;
  color: #122C60;
  font-size: 0.875rem;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  transition: background-color 150ms ease-in-out;
  padding: 12px;
  border-radius: 5px;
  margin-bottom: 20px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .resource-link {
    padding: 20px 25px;
  }
}
.resource-link:hover {
  cursor: pointer;
  background-color: #E9E9E9;
}
.resource-link .title {
  margin-right: 10px;
}
.resource-link .direction {
  text-decoration: underline;
}

.standard-section {
  overflow: hidden;
  padding: 45px 15px;
}
@media (min-width: 992px) {
  .standard-section {
    padding: 60px 30px;
  }
}
.standard-section p {
  color: #777777;
  line-height: 1.5;
}
.standard-section p a {
  color: #777777;
  text-decoration: underline;
  transition: color 150ms ease-in-out;
}
.standard-section p a:hover {
  color: #000099;
}
.standard-section .container {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  animation-duration: 1s;
  animation-fill-mode: both;
}
.standard-section.animate-in .container {
  animation-name: fadeInUp;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: translateZ(0);
  }
}
.video-embed {
  position: relative;
  padding-bottom: 50%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 30px;
}
.video-embed iframe, .video-embed object, .video-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  height: 100%;
  font-size: 16px;
  line-height: 1.25;
  margin: 0;
  font-family: "Poppins", sans-serif;
}
@media (min-width: 992px) {
  html,
  body {
    font-size: 20px;
  }
}

body {
  background-color: #F7F9FB;
}

h1 {
  display: block;
  position: relative;
  width: 100%;
  font-size: 2rem;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 15px;
  color: #000000;
  text-align: center;
}
h1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 75px;
  height: 2px;
  background-color: #000099;
}
@media (min-width: 992px) {
  h1 {
    font-size: 2.25rem;
    margin-bottom: 50px;
  }
}

h2 {
  display: block;
  font-size: 1.375rem;
  color: #000000;
  margin-bottom: 20px;
  font-weight: 500;
}

p {
  font-size: 1rem;
  margin-bottom: 20px;
}

a img {
  transition: filter 150ms ease-in-out;
}
a:hover img {
  filter: brightness(80%);
}

hr {
  display: block;
  width: 75px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000099;
  opacity: 1;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding: 0;
}

.container-xl {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
  padding: 0;
}

.img-full {
  width: 100%;
  height: auto;
}

.hide-when-not-scrolling {
  height: 0;
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22sass/blocks/accordion.scss%22,%22sass/_variables.scss%22,%22sass/blocks/blurb.scss%22,%22sass/blocks/footer.scss%22,%22sass/blocks/header.scss%22,%22sass/blocks/hero.scss%22,%22sass/blocks/lightbox.scss%22,%22sass/blocks/resource-link.scss%22,%22sass/blocks/standard-section.scss%22,%22sass/blocks/video-embed.scss%22,%22sass/_global.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAEI;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA,OCEI;EDDJ;EACA;;AAEA;EACI,kBCNC;;ADSL;EACI,kBCNC;;ADSL;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAOR;EACI;EACA,OC5BL;ED6BK;;AAEA;EACI;;AAIR;EACI;;;AEjDZ;EACI;EACA;EACA;EACA;;AAEA;EACI,kBDSI;;ACPJ;EACI;;AAIR;EACI,kBDEK;;ACAL;EACI,ODFA;;ACMR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;ACxCJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AAGR;EACI,kBFZK;EEaL;EACA;EACA,OFhBD;EEiBC;;;AC7BR;EACC;EACA;EACA;EACA;EACA;EACA;;AAGC;EACC;EACA;EACA;;AAED;EACC,kBHCS;EGAT;;AAGD;EACC;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAED;EACC;EACA;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA,kBH7BK;EG8BL;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EAhBD;IAiBE;IACA;;;AAIF;EACC;EACA;EACA;;AAGD;EACC,kBHnDU;EGoDV;;AAEA;EAJD;IAKE;IACA;IACA;IACA;;;AAGD;EACC;;AAEA;EACC;;AAGD;EACC,OHnEK;;AGsEN;EAXD;IAYE;IACA;IACA;IACA;;;AAKH;EACC;EACA;EACA;EACA,cH5EqB;EG6ErB,kBH5FM;;AG+FP;EACC;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EAJD;IAKE;;;AAGF;EACC;EACA;EACA;EACA;;AACA;EALD;IAME;;;AAIF;EACC;EACA;EACA;EACA,OH1HK;EG2HL;EACA;;AACA;EAPD;IAQE;IACA;;;;ACzIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBJQG;EIPH;EACA;EACA;EACA;EACA;EACA;;AAEA;EAfJ;IAgBQ;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA,OJvBJ;EIwBI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAIR;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAIR;EACI,OJvEZ;EIwEY;EACA;EACA;;AAEA;EANJ;IAOQ;;;;AAUxB;EACI;IACI;;EAGJ;IACI;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;ACnHR;AACA;EAAY;EAAc;EAAiB;EAAY;EAAsB;EAAa;;;AAC1F;EAAmB;EAAqC;EAAiB;EAAc;EAAoB;EAAQ;;;AACnH;EAAwB;EAAa;EAAkB;EAAmB;EAAe;EAAoB;EAAU;EAAQ;;;AAC/H;EAAgB;EAA+B;EAAuB;EAAiB;EAAgB;EAAoB;EAA8C;EAAkB;;;AAC3L;EAAgB;EAAgB;EAAa;EAAe;;;AAC5D;EAAe;;;AACf;EAAmB;EAAkB;EAA+B;;;AACpE;EAAY;;;AAEZ;EACI;IACI;;;ACZR;EACI;EACA,ONcQ;EMbR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAdJ;IAeQ;;;AAGJ;EACI;EACA,kBNPK;;AMUT;EACI;;AAGJ;EACI;;;AC5BR;EACI;EACA;;AAEA;EAJJ;IAKQ;;;AAGJ;EACI,OPGD;EOFC;;AACA;EACI;EACA;EACA;;AACA;EACI,OPDT;;AOMH;EACI;EACA;EACA;EACA;;AAIA;EACI;;;AAKZ;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AC3CR;EACI;EACH;EACA;EACA;EACA;EACG;;AAEA;EACI;EACA;EACA;EACA;EACA;;;ACbR;EACI;;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA,aTkDe;;AShDf;EARJ;AAAA;IASQ;;;;AAGR;EACI,kBTNQ;;;ASSZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OTnBI;ESoBJ;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBTxBD;;AS2BH;EAtBJ;IAuBQ;IACA;;;;AAIR;EACI;EACA;EACA,OT1CI;ES2CJ;EACA;;;AAGJ;EACI;EACA;;;AAIA;EACI;;AAIA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA,kBThEG;ESiEH;;;AAGJ;EACI;EACA;EACA;EACA,WT1DkB;ES2DlB;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA%22,%22file%22:%22main.css%22%7D */