@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap");

body {
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	grid-template-areas:
		'header'
		'officialUtah'
		'main'
		'footer';
	align-items: baseline;
	height: 100vh;
}

#wrapper {
	margin-top: 3rem;
	margin-bottom: 4rem;
	grid-area: main;
}

#udsUtahLogo {
  height: auto;
}
#udsUtahLogo text {
  font-family: "Source Sans 3", "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}

header, footer {
	font-family: 'Source Sans 3', 'Source Sans Pro', 'Helvetica Neue', Helvetica, sans-serif;
	color: #474747;
	font-size: 1rem;
}

header {
  display: flex;
  grid-area: header;
  align-items: center;
  background-color: white;
  min-height: 78px;
  padding: 1rem 0.5rem;
}
@media (min-width: 480px) {
  header {
    padding: 1rem 1.5rem;
  }
}
header .headerBrand {
  display: flex;
  flex: 1;
}
header .headerBrand #udsUtahLogo--container {
  display: flex;
  flex: 1;
  align-items: center;
  width: 5rem;
  min-width: 5rem;
  max-width: 100px;
  margin-right: 0.5rem;
  padding-right: 1rem;
  border-right: 1px solid #474747;
}
@media (min-width: 480px) {
  header .headerBrand #udsUtahLogo--container {
    width: 8rem;
    min-width: 8rem;
  }
}
header .headerBrand #udsUtahLogo--container #udsUtahLogo {
  width: 100%;
  margin-top: 0.5rem;
  fill: #1e5262;
  transition: all 0.2s ease-in-out;
}
header .headerBrand #udsUtahLogo--container #udsUtahLogo:hover {
  transform: scale(1.03);
  cursor: pointer;
  fill: rgb(35.9765625, 98.3359375, 117.5234375);
}
header .headerBrand #udsUtahLogo--container #udsUtahLogo:active {
  transform: scale(0.97);
  fill: rgb(26.4140625, 72.1984375, 86.2859375);
}
header .headerBrand a {
  display: flex;
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: #474747;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
header .headerBrand a:has(.round) {
  padding: 0.25rem 0.5rem;
}
header .headerBrand a:hover {
  background-color: rgb(211.25, 211.25, 211.25);
}
header .headerBrand a:hover h2, header .headerBrand a:hover h3 {
  color: black;
}
header .headerBrand a svg, header .headerBrand a img {
  display: inline-block;
  align-self: center;
  height: 55px;
  margin-right: 1rem;
}
header .headerBrand a svg.round, header .headerBrand a img.round {
  height: 65px;
  margin-right: 0.75rem;
}
header .headerBrand a #appName {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0.25rem;
}
header .headerBrand a #appName h2, header .headerBrand a #appName h3 {
  margin: 0;
  transition: all 0.2s ease-in-out;
  color: #474747;
  font-weight: 800;
  padding-bottom: 0;
}
header .headerBrand a #appName h2 {
  font-size: 1.75rem;
  line-height: 1.75rem;
  border-bottom: none;
}
header .headerBrand a #appName h3 {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.5rem;
  border-bottom: none;
}

nav#mainNav {
  display: grid;
  grid-area: nav;
  grid-template-areas: "utahId activator" "menu menu";
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  align-items: center;
  justify-items: left;
  padding: 0 0.5rem;
  background-color: rgb(236.75, 236.75, 236.75);
  border-top: 1px solid #adadad;
  min-height: 2.5rem;
  z-index: 10000;
}
@media (min-width: 480px) {
  nav#mainNav {
    display: block;
    min-height: 3.5rem;
  }
}
nav#mainNav > ul {
  display: none;
  grid-area: menu;
  top: 4rem;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
@media (min-width: 480px) {
  nav#mainNav > ul {
    display: flex;
    top: unset;
    padding: 0.25rem 0.5rem;
    background-color: transparent;
  }
  nav#mainNav > ul.show {
    display: flex;
  }
}
nav#mainNav > ul ul {
  display: none;
  padding-left: 1rem;
  z-index: 9;
}
@media (min-width: 480px) {
  nav#mainNav > ul ul {
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    padding: 0.25rem 0.5rem;
    border: 1px solid #adadad;
    border-radius: 0.5rem;
    background-color: white;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
  }
}
nav#mainNav > ul ul.show {
  display: block;
}
nav#mainNav > ul ul li.current a {
  background-color: rgb(236.75, 236.75, 236.75);
  color: #1e5262;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
}
nav#mainNav > ul ul li.current a:hover {
  background-color: rgb(211.25, 211.25, 211.25);
}
nav#mainNav > ul ul li.current a:after {
  display: none;
}
nav#mainNav > ul ul li a {
  font-size: 1rem;
  font-weight: 400;
}
nav#mainNav > ul li {
  display: block;
}
@media (min-width: 480px) {
  nav#mainNav > ul li:hover ul {
    display: block;
  }
}
nav#mainNav > ul li.current {
  position: relative;
}
nav#mainNav > ul li.current > a {
  color: #1e5262;
}
nav#mainNav > ul li.current > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: #1e5262;
}
nav#mainNav > ul li.current > a svg polygon {
  fill: #1e5262;
}
nav#mainNav > ul li a {
  display: block;
  width: 100%;
  margin: 0.5rem 0;
  padding: 0.25rem 1rem;
  border-radius: 1.5rem;
  color: #474747;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
}
nav#mainNav > ul li a:hover {
  color: black;
  background-color: rgb(211.25, 211.25, 211.25);
}
nav#mainNav > ul li a:has(+ ul) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav#mainNav > ul li a:has(+ ul)::after {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1rem;
  margin-left: 0.5rem;
  background-image: url("../img/icons/caret.svg");
  background-repeat: no-repeat;
  background-size: 0.75rem auto;
  background-position: center center;
  transform: rotate(0deg);
  transition: transform 120ms ease;
}
nav#mainNav > ul li a:has(+ ul.show) {
  background-color: #e0e0e0;
}
nav#mainNav > ul li a:has(+ ul.show)::after {
  transform: rotate(-180deg);
}
nav#mainNav .counter {
  color: white;
  background-color: #1e5262;
  padding: 0 0.5rem;
  margin-left: 0.25rem;
  border-radius: 2rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
nav#mainNav .counter.counter--green {
  background-color: #2e7114;
}
nav#mainNav .counter.counter--yellow {
  background-color: #ffb100;
}
nav#mainNav .counter.counter--orange {
  background-color: #ef8336;
}
nav#mainNav .counter.counter--red {
  background-color: #c71708;
}
nav#mainNav .counter.counter--purple {
  background-color: #704277;
}
nav#mainNav .counter.counter--gray {
  background-color: #474747;
}
nav#mainNav #headerNavActivator {
  grid-area: activator;
  display: flex;
  align-items: center;
  justify-content: right;
  width: 2rem;
  height: 2rem;
  margin: 0.5rem;
  padding: 0.5rem;
  border-radius: 2rem;
  background-image: url("/shared-app-content-dlr/images/menu.svg");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: center center;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 480px) {
  nav#mainNav #headerNavActivator {
    display: none;
  }
}
nav#mainNav #headerNavActivator:hover {
  cursor: pointer;
  background-color: rgb(211.25, 211.25, 211.25);
}
nav#mainNav #headerNavActivator svg {
  width: 20px;
}
nav#mainNav #headerNavActivator svg * {
  fill: #474747;
}
nav#mainNav .show {
  display: block;
}

#udsUtahOfficial--wrapper {
  display: none;
  grid-area: officialUtah;
  position: relative;
  padding: 1.5rem;
  background-color: #474747;
  color: white;
}
#udsUtahOfficial--wrapper.show {
  display: block;
}
#udsUtahOfficial--wrapper h2 {
  margin: 0 0 1rem;
  padding-right: 3rem;
  border-bottom: none;
  font-size: 1.5rem;
  font-weight: 600;
  color: white;
}
@media (min-width: 769px) {
  #udsUtahOfficial--wrapper #udsUtahOfficial--content {
    display: flex;
    gap: 3rem;
  }
}
#udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column {
  margin: 1.5rem 0;
  padding-left: 3.5rem;
  max-width: 350px;
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: top left;
}
@media (min-width: 769px) {
  #udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column {
    margin: 0;
  }
}
#udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column:last-child {
  margin-bottom: 0;
  padding-left: 0;
}
#udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column#udsUtahOfficial--check {
  background-image: url("/shared-app-content-dlr/images/utahOfficial-check.svg");
}
#udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column#udsUtahOfficial--lock {
  background-image: url("/shared-app-content-dlr/images/utahOfficial-lock.svg");
}
#udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column p {
  margin: 0;
}
#udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column p:first-child {
  margin-bottom: 0.5rem;
}
#udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column p b {
  font-weight: 600;
}
#udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column #udsUtahOfficial--urlExample {
  width: 100%;
  max-width: 315px;
  height: 36px;
  margin-top: 0.5rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/webp;base64,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");
}
#udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column svg {
  width: 150px;
  fill: white;
}
#udsUtahOfficial--wrapper #udsUtahOfficial--content .udsUtahOfficial--column svg + p {
  margin: 0;
}
#udsUtahOfficial--wrapper #udsUtahOfficial--close {
  position: absolute;
  display: inline-block;
  right: 1rem;
  top: 1rem;
  padding: 0.5rem;
  border: 1px solid transparent;
  border-radius: 50%;
  line-height: 1rem;
  transition: all 0.2s ease-in-out;
}
#udsUtahOfficial--wrapper #udsUtahOfficial--close:before {
  content: url("/shared-app-content-dlr/images/close.svg");
  display: block;
  width: 18px;
  height: 18px;
}
#udsUtahOfficial--wrapper #udsUtahOfficial--close:hover {
  transform: scale(1.1);
  cursor: pointer;
  background-color: rgb(58.25, 58.25, 58.25);
  border-color: rgb(96.5, 96.5, 96.5);
}
#udsUtahOfficial--wrapper #udsUtahOfficial--close:active {
  transform: scale(0.97);
}
footer {
  grid-area: footer;
  padding: 2rem 1.5rem;
  background-color: #474747;
  color: white;
}
@media (min-width: 769px) {
  footer {
    padding: 1rem 2rem;
  }
}
footer #agency--footerWrapper {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid white;
}
@media (min-width: 769px) {
  footer #agency--footerWrapper {
    display: flex;
    gap: 2rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
  }
}
footer #agency--footerWrapper #agency--info div#agency--branding {
  display: flex;
  margin: 0 auto 1rem;
}
@media (min-width: 480px) {
  footer #agency--footerWrapper #agency--info div#agency--branding {
    margin: 0 0 1rem;
  }
}
footer #agency--footerWrapper #agency--info div#agency--branding svg, footer #agency--footerWrapper #agency--info div#agency--branding img {
  display: inline-block;
  align-self: center;
  height: 55px;
  margin-right: 1rem;
}
footer #agency--footerWrapper #agency--info div#agency--branding svg.round, footer #agency--footerWrapper #agency--info div#agency--branding img.round {
  height: 65px;
  margin-right: 0.75rem;
}
footer #agency--footerWrapper #agency--info div#agency--branding #agency--appName {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0.25rem;
}
footer #agency--footerWrapper #agency--info div#agency--branding #agency--appName h2, footer #agency--footerWrapper #agency--info div#agency--branding #agency--appName h3 {
  margin: 0;
  transition: all 0.2s ease-in-out;
  color: white;
  font-weight: 800;
  padding-bottom: 0;
}
footer #agency--footerWrapper #agency--info div#agency--branding #agency--appName h2 {
  font-size: 1.75rem;
  line-height: 1.75rem;
  border-bottom: none;
}
footer #agency--footerWrapper #agency--info div#agency--branding #agency--appName h3 {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.75rem;
  border-bottom: none;
}
footer #agency--footerWrapper #agency--info #agency--information #agency--title {
  font-size: 1.35rem;
  font-weight: 600;
  margin-bottom: 0;
  border-bottom: none;
}
footer #agency--footerWrapper #agency--info #agency--information #agency--subtitle {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 600;
}
footer #agency--footerWrapper #agency--info #agency--information #agency--contact p {
  margin: 0;
}
footer #agency--footerWrapper #agency--info #agency--information a {
  color: white;
}
footer #agency--footerWrapper #agency--info #agency--information > :last-child {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  footer #agency--footerWrapper #agency--navigation {
    flex: 1;
  }
}
@media (min-width: 769px) {
  footer #agency--footerWrapper #agency--navigation {
    display: flex;
    gap: 2rem;
    justify-content: flex-end;
  }
}
footer #agency--footerWrapper #agency--navigation .agency--footerMenu {
  margin: 1.5rem 0;
  flex-grow: 1;
}
@media (min-width: 769px) {
  footer #agency--footerWrapper #agency--navigation .agency--footerMenu {
    min-width: 12rem;
    max-width: 18rem;
    margin: 0;
  }
}
footer #agency--footerWrapper #agency--navigation .agency--footerMenu h3 {
  margin-top: 0;
  font-size: 1rem;
}
footer #agency--footerWrapper #agency--navigation .agency--footerMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer #agency--footerWrapper #agency--navigation .agency--footerMenu ul li {
  margin: 0.5rem 0;
}
footer #agency--footerWrapper #agency--navigation .agency--footerMenu ul li a {
  color: white;
  text-decoration: none;
  font-size: 0.95rem;
}
footer #agency--footerWrapper #agency--navigation .agency--footerMenu ul li a:hover {
  text-decoration: underline;
}
footer #agency--footerWrapper #agency--navigation .agency--footerMenu p:first-of-type {
  margin-top: 0.25rem;
}
footer #agency--footerWrapper #agency--navigation .agency--footerMenu p:last-of-type {
  margin-bottom: 0;
}
footer #agency--footerWrapper #agency--navigation > :last-child {
  margin-bottom: 0;
}
footer #utah--footerWrapper {
  padding: 0;
}
@media (min-width: 769px) {
  footer #utah--footerWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
footer #utah--footerWrapper #utah--footerBrand {
  margin-bottom: 1rem;
}
@media (min-width: 769px) {
  footer #utah--footerWrapper #utah--footerBrand {
    display: flex;
    align-items: center;
    margin-bottom: 0;
  }
}
footer #utah--footerWrapper #utah--footerBrand #udsUtahLogo {
  display: block;
  flex: 1;
  margin: 0 auto;
  width: 8rem;
  min-width: 8rem;
  height: auto;
  fill: white;
}
@media (min-width: 769px) {
  footer #utah--footerWrapper #utah--footerBrand #udsUtahLogo {
    margin: unset;
    margin-right: 1rem;
    margin-top: 1.25rem;
  }
}
footer #utah--footerWrapper #utah--footerBrand #udsUtahLogo text {
  display: none;
}
footer #utah--footerWrapper #utah--footerBrand #utah--footerBranding {
  color: white;
  text-align: center;
}
@media (min-width: 769px) {
  footer #utah--footerWrapper #utah--footerBrand #utah--footerBranding {
    margin-right: 2rem;
    padding-left: 1rem;
    border-left: 1px solid white;
    text-align: left;
  }
}
footer #utah--footerWrapper #utah--footerBrand #utah--footerBranding h2, footer #utah--footerWrapper #utah--footerBrand #utah--footerBranding span {
  margin: 0;
  color: white;
}
footer #utah--footerWrapper #utah--footerBrand #utah--footerBranding h2 {
  line-height: 1.35rem;
  font-size: 1.35rem;
  font-weight: 600;
  border-bottom: none;
}
footer #utah--footerWrapper #utah--footerBrand #utah--footerBranding span {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 0.9rem;
}
footer #utah--footerWrapper #utah--footerNav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 769px) {
  footer #utah--footerWrapper #utah--footerNav {
    justify-content: right;
  }
}
footer #utah--footerWrapper #utah--footerNav li {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
}
footer #utah--footerWrapper #utah--footerNav li:not(:last-child):after {
  display: block;
  content: "";
  width: 1px;
  height: 70%;
  background: #fff;
  margin-left: 1rem;
}
footer #utah--footerWrapper #utah--footerNav li a {
  color: white;
  text-decoration: none;
}
footer #utah--footerWrapper #utah--footerNav li a:hover {
  text-decoration: underline;
}

header .utahId--wrapper {
  display: none;
}
@media (min-width: 480px) {
  header .utahId--wrapper {
    display: flex;
    align-items: center;
    margin-left: 1rem;
  }
}
header .utahId--wrapper .utahId--profile {
  margin-left: 1rem;
}
header .utahId--wrapper .utahId--username {
  font-weight: 600;
}
header .utahId--wrapper .utahId--nav ul {
  right: 0;
  top: 1.5rem;
}

nav#mainNav .utahId--wrapper {
  grid-area: utahId;
}
@media (min-width: 480px) {
  nav#mainNav .utahId--wrapper {
    display: none;
  }
}
nav#mainNav .utahId--wrapper .utahId--greeting {
  display: none;
}
nav#mainNav .utahId--wrapper .utahId--login {
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
}
nav#mainNav .utahId--wrapper .utahId--nav ul {
  top: 0.5rem;
}