/* ==========================================================================
   UDI custom brand colors
   ========================================================================== */
/* std */
/* ==========================================================================
   MIXINS
   ========================================================================== */
/* std */
:root {
  interpolate-size: allow-keywords;
  --outlineWidth: 0;
  --horizontalPaddingSmall: 8px;
  --horizontalPaddingMedium: 16px;
  --horizontalPaddingLarge: 48px;
  --tilePaddingLarge: 32px;
  --tilePaddingSmall: 24px;
  --tileVerticalGap: 16px;
  --tileHorizontalGap: 24px;
  --maxContentWidth: 640px;
}
.frontPageTiles {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1248px;
  gap: var(--tileHorizontalGap);
  margin: var(--tileHorizontalGap) 0;
}
.tabs-holder {
  width: fit-content;
  padding: 0;
  border-bottom: 1px solid lightgrey;
  scroll-behavior: smooth !important;
}
.tabs-holder > .active {
  border-bottom: 2px solid gray;
  font-weight: 600;
}
.tabs-holder .tab {
  margin-bottom: 0;
}
.tab-holder {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tab-child {
  padding: 1rem;
}
.new-tabs-view {
  background: white;
}
.new-tabs-view > ul {
  padding: 0;
  margin: 0;
}
.new-tabs-view > ul > li {
  padding: 1rem;
  margin-bottom: 0;
}
.new-tabs-view .tab-block {
  width: 100%;
}
.new-tabs-view .tab-block p:has(strong) {
  margin-bottom: 0;
}
.new-tabs-view .tab-block > ul {
  margin-bottom: 1rem;
  padding-left: 40px;
}
.new-tabs-view .tab-block > ul li {
  list-style: disc outside none;
  margin-bottom: 0;
}
.new-tabs-view .tab {
  display: inline-block;
  cursor: pointer;
  min-width: 100px;
  max-width: 200px;
  padding: 4px 16px;
  border-bottom: 2px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
}
.new-tabs-view .tab:hover,
.new-tabs-view .tab.active {
  border-bottom: 2px gray solid;
  font-weight: 400;
}
.new-tabs-view .is-edit-mode {
  display: block !important;
}
.new-tabs-view .tab-content {
  display: none;
}
.new-tabs-view .show-content {
  display: flex;
}
.accordion-elements-wrapper .accordion-content {
  max-height: 0;
  padding-left: 44px;
  transition: max-height 330ms cubic-bezier(0.83, 0, 0.17, 1);
  overflow: hidden;
}
.accordion-elements-wrapper .accordion-content ul {
  border: 0;
}
.accordion-elements-wrapper .accordion-content ul > li {
  list-style: disc;
  margin-left: 24px;
  border: 0;
}
.accordion-elements-wrapper .accordion-content ul > li li {
  list-style: circle;
}
.accordion-elements-wrapper .accordion-content ul p {
  margin-top: 16px;
}
.accordion-elements-wrapper .show-content {
  display: flex;
  max-height: fit-content;
  flex-direction: column;
  transition: max-height 250ms cubic-bezier(0.83, 0, 0.17, 1);
}
.accordion-elements-wrapper ul {
  margin-bottom: 5rem;
  padding-left: 0;
}
.accordion-elements-wrapper ul li {
  list-style: none;
  margin-bottom: 0;
  line-height: 2.8rem;
}
.accordion-elements-wrapper ul li h4 {
  margin-bottom: 0;
}
.commonPaddingMixin {
  padding: var(--tilePaddingSmall);
}
@media only screen and (min-width: 768px) {
  .commonPaddingMixin {
    padding: var(--tilePaddingLarge);
  }
}
.addMargin {
  margin: var(--tileVerticalGap) 0;
}
.fullHeight {
  height: 100%;
}
.grid {
  display: grid;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-size: 62.5%;
}
body {
  background: white;
  color: #000;
  padding: 0;
  margin: 0;
  font-family: Arial, "Helvetica Neue", "Helvetica", Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  overflow-y: scroll;
}
a:hover {
  cursor: pointer;
}
a:focus {
  outline: none;
}
img,
object,
embed {
  max-width: 100%;
  height: auto;
}
object,
embed {
  height: 100%;
}
img {
  -ms-interpolation-mode: bicubic;
}
#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-justify {
  text-align: justify !important;
}
.hide {
  display: none;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
}
img {
  display: inline-block;
  vertical-align: middle;
}
textarea {
  height: auto;
  min-height: 50px;
}
select {
  width: 100%;
}
/* Grid HTML Classes */
.row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1248px;
  margin: 0 auto;
}
.max-width {
  width: 100%;
  max-width: 1248px;
}
.row.collapse .column,
.row.collapse .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.column,
.columns {
  position: relative;
  width: 100%;
  float: left;
}
@media only screen {
  .column,
  .columns {
    position: relative;
    float: left;
  }
  .small-1 {
    position: relative;
    width: 8.33333%;
  }
  .small-2 {
    position: relative;
    width: 16.66667%;
  }
  .small-3 {
    position: relative;
    width: 25%;
  }
  .small-4 {
    position: relative;
    width: 33.33333%;
  }
  .small-5 {
    position: relative;
    width: 41.66667%;
  }
  .small-6 {
    position: relative;
    width: 50%;
  }
  .small-7 {
    position: relative;
    width: 58.33333%;
  }
  .small-8 {
    position: relative;
    width: 66.66667%;
  }
  .small-9 {
    position: relative;
    width: 75%;
  }
  .small-10 {
    position: relative;
    width: 83.33333%;
  }
  .small-11 {
    position: relative;
    width: 91.66667%;
  }
  .small-12 {
    position: relative;
    width: 100%;
  }
  .small-offset-0 {
    position: relative;
    margin-left: 0%;
  }
  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }
  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }
  .small-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }
  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }
  .small-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }
  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }
  .small-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }
  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }
  [class*="column"] + [class*="column"].end {
    float: left;
  }
  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .row {
    flex-wrap: wrap;
  }
  .tabs-row-container {
    margin-left: -16px;
    margin-right: -16px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .tabs-row-container::-webkit-scrollbar {
    display: none;
  }
  .tabs-holder {
    margin: 0;
    padding: 0 16px;
    width: fit-content;
    white-space: nowrap;
  }
  .tab {
    padding: 0;
    margin: 0;
  }
}
/* Styles for screens that are at least 768px; */
@media only screen and (min-width: 768px) {
  .large-1 {
    position: relative;
    width: 8.33333%;
  }
  .large-2 {
    position: relative;
    width: 16.66667%;
  }
  .large-3 {
    position: relative;
    width: 25%;
  }
  .large-4 {
    position: relative;
    width: 33.33333%;
  }
  .large-5 {
    position: relative;
    width: 41.66667%;
  }
  .large-6 {
    position: relative;
    width: 50%;
  }
  .large-7 {
    position: relative;
    width: 58.33333%;
  }
  .large-8 {
    position: relative;
    width: 66.66667%;
  }
  .large-9 {
    position: relative;
    width: 75%;
  }
  .large-10 {
    position: relative;
    width: 83.33333%;
  }
  .large-11 {
    position: relative;
    width: 91.66667%;
  }
  .large-12 {
    position: relative;
    width: 100%;
  }
  .row .large-offset-0 {
    position: relative;
    margin-left: 0%;
  }
  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }
  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }
  .row .large-offset-3 {
    position: relative;
    margin-left: 25%;
  }
  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }
  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }
  .row .large-offset-6 {
    position: relative;
    margin-left: 50%;
  }
  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }
  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }
  .row .large-offset-9 {
    position: relative;
    margin-left: 75%;
  }
  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }
  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%;
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important;
  }
}
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important;
}
.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important;
}
.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important;
}
.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important;
}
/* Specific visilbity for tables */
table.show-for-small,
table.show-for-medium-down,
table.show-for-large-down,
table.hide-for-medium,
table.hide-for-medium-up,
table.hide-for-large,
table.hide-for-large-up,
table.hide-for-xlarge {
  display: table;
}
thead.show-for-small,
thead.show-for-medium-down,
thead.show-for-large-down,
thead.hide-for-medium,
thead.hide-for-medium-up,
thead.hide-for-large,
thead.hide-for-large-up,
thead.hide-for-xlarge {
  display: table-header-group !important;
}
tbody.show-for-small,
tbody.show-for-medium-down,
tbody.show-for-large-down,
tbody.hide-for-medium,
tbody.hide-for-medium-up,
tbody.hide-for-large,
tbody.hide-for-large-up,
tbody.hide-for-xlarge {
  display: table-row-group !important;
}
tr.show-for-small,
tr.show-for-medium-down,
tr.show-for-large-down,
tr.hide-for-medium,
tr.hide-for-medium-up,
tr.hide-for-large,
tr.hide-for-large-up,
tr.hide-for-xlarge {
  display: table-row !important;
}
td.show-for-small,
td.show-for-medium-down,
td.show-for-large-down,
td.hide-for-medium,
td.hide-for-medium-up,
td.hide-for-large,
td.hide-for-large-up,
td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important;
}
/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 48em) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important;
  }
  .show-for-small {
    display: none !important;
  }
  .hide-for-small {
    display: inherit !important;
  }
  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-medium,
  table.show-for-medium-up,
  table.hide-for-small {
    display: table;
  }
  thead.show-for-medium,
  thead.show-for-medium-up,
  thead.hide-for-small {
    display: table-header-group !important;
  }
  tbody.show-for-medium,
  tbody.show-for-medium-up,
  tbody.hide-for-small {
    display: table-row-group !important;
  }
  tr.show-for-medium,
  tr.show-for-medium-up,
  tr.hide-for-small {
    display: table-row !important;
  }
  td.show-for-medium,
  td.show-for-medium-up,
  td.hide-for-small,
  th.show-for-medium,
  th.show-for-medium-up,
  th.hide-for-small {
    display: table-cell !important;
  }
}
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 80em) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important;
  }
  .show-for-medium,
  .show-for-medium-down {
    display: none !important;
  }
  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important;
  }
  .hide-for-large,
  .hide-for-large-up {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-large,
  table.show-for-large-up,
  table.hide-for-medium,
  table.hide-for-medium-down {
    display: table;
  }
  thead.show-for-large,
  thead.show-for-large-up,
  thead.hide-for-medium,
  thead.hide-for-medium-down {
    display: table-header-group !important;
  }
  tbody.show-for-large,
  tbody.show-for-large-up,
  tbody.hide-for-medium,
  tbody.hide-for-medium-down {
    display: table-row-group !important;
  }
  tr.show-for-large,
  tr.show-for-large-up,
  tr.hide-for-medium,
  tr.hide-for-medium-down {
    display: table-row !important;
  }
  td.show-for-large,
  td.show-for-large-up,
  td.hide-for-medium,
  td.hide-for-medium-down,
  th.show-for-large,
  th.show-for-large-up,
  th.hide-for-medium,
  th.hide-for-medium-down {
    display: table-cell !important;
  }
}
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 90em) {
  .show-for-xlarge {
    display: inherit !important;
  }
  .show-for-large,
  .show-for-large-down {
    display: none !important;
  }
  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important;
  }
  .hide-for-xlarge {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-xlarge,
  table.hide-for-large,
  table.hide-for-large-down {
    display: table;
  }
  thead.show-for-xlarge,
  thead.hide-for-large,
  thead.hide-for-large-down {
    display: table-header-group !important;
  }
  tbody.show-for-xlarge,
  tbody.hide-for-large,
  tbody.hide-for-large-down {
    display: table-row-group !important;
  }
  tr.show-for-xlarge,
  tr.hide-for-large,
  tr.hide-for-large-down {
    display: table-row !important;
  }
  td.show-for-xlarge,
  td.hide-for-large,
  td.hide-for-large-down,
  th.show-for-xlarge,
  th.hide-for-large,
  th.hide-for-large-down {
    display: table-cell !important;
  }
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}
.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
/* Specific visilbity for tables */
table.hide-for-landscape,
table.show-for-portrait {
  display: table;
}
thead.hide-for-landscape,
thead.show-for-portrait {
  display: table-header-group !important;
}
tbody.hide-for-landscape,
tbody.show-for-portrait {
  display: table-row-group !important;
}
tr.hide-for-landscape,
tr.show-for-portrait {
  display: table-row !important;
}
td.hide-for-landscape,
td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}
@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-landscape,
  table.hide-for-portrait {
    display: table;
  }
  thead.show-for-landscape,
  thead.hide-for-portrait {
    display: table-header-group !important;
  }
  tbody.show-for-landscape,
  tbody.hide-for-portrait {
    display: table-row-group !important;
  }
  tr.show-for-landscape,
  tr.hide-for-portrait {
    display: table-row !important;
  }
  td.show-for-landscape,
  td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }
  /* Specific visilbity for tables */
  table.show-for-portrait,
  table.hide-for-landscape {
    display: table;
  }
  thead.show-for-portrait,
  thead.hide-for-landscape {
    display: table-header-group !important;
  }
  tbody.show-for-portrait,
  tbody.hide-for-landscape {
    display: table-row-group !important;
  }
  tr.show-for-portrait,
  tr.hide-for-landscape {
    display: table-row !important;
  }
  td.show-for-portrait,
  td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}
.hide-for-touch {
  display: inherit !important;
}
.touch .show-for-touch {
  display: inherit !important;
}
.touch .hide-for-touch {
  display: none !important;
}
/* Specific visilbity for tables */
table.hide-for-touch {
  display: table;
}
.touch table.show-for-touch {
  display: table;
}
thead.hide-for-touch {
  display: table-header-group !important;
}
.touch thead.show-for-touch {
  display: table-header-group !important;
}
tbody.hide-for-touch {
  display: table-row-group !important;
}
.touch tbody.show-for-touch {
  display: table-row-group !important;
}
tr.hide-for-touch {
  display: table-row !important;
}
.touch tr.show-for-touch {
  display: table-row !important;
}
td.hide-for-touch {
  display: table-cell !important;
}
.touch td.show-for-touch {
  display: table-cell !important;
}
th.hide-for-touch {
  display: table-cell !important;
}
.touch th.show-for-touch {
  display: table-cell !important;
}