/*
  (Slightly modified) Josh Comeau's CSS Reset - https://www.joshwcomeau.com/css/custom-css-reset/
*/
* {
  margin: 0;
}

html,
body {
  height: 100%;
}

html {
  height: -webkit-fill-available;
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

body {
  line-height: 1.5;
  position: relative;
}

main {
  display: block;
}

canvas,
picture,
svg,
video {
  display: block;
  height: auto;
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font-family: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1.5rem 0;
}

p {
  margin: 1.5rem 0;
  font-size: var(--wp--preset--font-size--paragraph);
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul:not([class]),
ol:not([class]) {
  margin: 0 0 1em 1em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

figcaption {
  font-size: 0.8em;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

.right {
  float: right;
  margin: 0 0 1em 1em;
}
@media screen and (max-width: 600px) {
  .right {
    float: none;
    clear: both;
    margin: 1em 0;
  }
}

:root {
  --focus-outline-color: var(--wp--preset--color--black);
}

:focus-visible {
  outline: 2px dotted var(--focus-outline-color);
  outline-offset: 2px;
}

.screen-reader-text,
.sr-only,
.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.mobile-only {
  display: none;
}
@media screen and (max-width: 1000px) {
  .mobile-only {
    display: inherit;
  }
}

@media screen and (max-width: 1000px) {
  .desktop-only {
    display: none;
  }
}

/* Layout
--------------------------------------------- */
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Setting styles for block editor container */
.entry-content {
  padding-right: var(--wp--style--root--padding-right);
  padding-left: var(--wp--style--root--padding-left);
}
.entry-content > * {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
}
.entry-content > *.alignwide {
  max-width: var(--wp--style--global--wide-size);
}
.entry-content > *.alignfull {
  max-width: none;
  margin-right: calc(var(--wp--style--root--padding-right) * -1);
  margin-left: calc(var(--wp--style--root--padding-left) * -1);
}
.entry-content > *.alignleft {
  float: left;
  margin-right: 2em;
}
.entry-content > *.alignright {
  float: right;
  margin-left: 2em;
}

p:empty {
  margin: 0;
}

.legacy-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 600px) {
  .legacy-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 600px) {
  .legacy-columns.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.legacy-columns.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.legacy-columns .column {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  max-width: 100%;
  min-height: 1px;
  padding: 0;
}
@media screen and (max-width: 600px) {
  .legacy-columns .column {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 0;
  }
}
.legacy-columns .column.constrained.left .wrapper {
  margin-right: 2rem;
  padding-left: calc((100vw - 72rem) / 2);
  padding-right: inherit;
}
@media screen and (max-width: 80rem) {
  .legacy-columns .column.constrained.left .wrapper {
    padding-left: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .legacy-columns .column.constrained.left .wrapper {
    margin-right: 0;
    padding: 2rem 1rem;
  }
}
.legacy-columns .column.constrained.right .wrapper {
  margin-left: 2rem;
  padding-left: inherit;
  padding-right: calc((100vw - 72rem) / 2);
}
@media screen and (max-width: 80rem) {
  .legacy-columns .column.constrained.right .wrapper {
    padding-right: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .legacy-columns .column.constrained.right .wrapper {
    margin-left: 0;
    padding: 2rem 1rem;
  }
}
@media screen and (max-width: 600px) {
  .legacy-columns .column.constrained .wrapper {
    margin-left: 0;
    padding-left: 0;
    padding-right: inherit;
  }
}
.legacy-columns .column.full-bg-image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 25rem;
}
.legacy-columns .column.one-third {
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
}
@media screen and (max-width: 1000px) {
  .legacy-columns .column.one-third {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media screen and (max-width: 600px) {
  .legacy-columns .column.one-third {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.legacy-columns .column.two-thirds {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 66.6666666667%;
          flex: 0 1 66.6666666667%;
}
@media screen and (max-width: 1000px) {
  .legacy-columns .column.two-thirds {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
@media screen and (max-width: 600px) {
  .legacy-columns .column.two-thirds {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.legacy-columns .column.one-half {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}
@media screen and (max-width: 600px) {
  .legacy-columns .column.one-half {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.legacy-columns .column.one-fourth {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
}
@media screen and (max-width: 600px) {
  .legacy-columns .column.one-fourth {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.legacy-columns .column.three-fourths {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 75%;
          flex: 0 1 75%;
}
@media screen and (max-width: 600px) {
  .legacy-columns .column.three-fourths {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.legacy-columns .column.full-width {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
@media screen and (max-width: 600px) {
  .legacy-columns .column.full-width {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media screen and (min-width: 600px) {
  .legacy-columns .wrapper,
  .legacy-columns .column-padding {
    padding: 4rem 1rem;
  }
}

.wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field .wpgmaps_get_directions, .wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc .wpgmza_gd, .wpgmza_sl_main_div input[type=button], .recycling-search-bar .wp-block-buttons .wp-block-button a, .wp-block-post-excerpt__more-link, .button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--wp--preset--color--dark-blue);
  border: 2px solid var(--wp--preset--color--dark-blue);
  color: var(--wp--preset--color--white) !important;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 1em 1em 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
}
@media screen and (max-width: 767px) {
  .wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field .wpgmaps_get_directions, .wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc .wpgmza_gd, .wpgmza_sl_main_div input[type=button], .recycling-search-bar .wp-block-buttons .wp-block-button a, .wp-block-post-excerpt__more-link, .button {
    margin: 0 auto 1em;
  }
}
.wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field .wpgmaps_get_directions:hover, .wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc .wpgmza_gd:hover, .wpgmza_sl_main_div input[type=button]:hover, .recycling-search-bar .wp-block-buttons .wp-block-button a:hover, .wp-block-post-excerpt__more-link:hover, .button:hover {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--dark-blue) !important;
  text-decoration: none;
}
.wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field .block.wpgmaps_get_directions, .wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc .block.wpgmza_gd, .wpgmza_sl_main_div input.block[type=button], .recycling-search-bar .wp-block-buttons .wp-block-button a.block, .block.wp-block-post-excerpt__more-link, .block.button {
  width: 100%;
}

.wpgmza_sl_main_div .wpgmza_sl_reset_button_1[type=button], .wpgmza_sl_main_div .sl_use_loc, .recycling-search-bar .wp-block-buttons .wp-block-button.is-style-outline a, .wp-block-post-excerpt__more-link, .button-transparent {
  background-color: transparent;
  border-color: var(--wp--preset--color--dark-blue);
  color: var(--wp--preset--color--dark-blue) !important;
}
.wpgmza_sl_main_div .wpgmza_sl_reset_button_1[type=button]:hover, .wpgmza_sl_main_div .sl_use_loc:hover, .recycling-search-bar .wp-block-buttons .wp-block-button.is-style-outline a:hover, .wp-block-post-excerpt__more-link:hover, .button-transparent:hover {
  background-color: var(--wp--preset--color--dark-blue);
  color: var(--wp--preset--color--white) !important;
}

.recycling-search-bar .wp-block-buttons .wp-block-button.is-style-fill-white a, .button-white {
  background-color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--dark-blue) !important;
}
.recycling-search-bar .wp-block-buttons .wp-block-button.is-style-fill-white a:hover, .button-white:hover {
  background-color: var(--wp--preset--color--light-gray);
}

.recycling-search-bar .wp-block-buttons .wp-block-button.is-style-outline-white a, .button-transparent-white {
  background-color: transparent;
  border-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--white) !important;
}
.recycling-search-bar .wp-block-buttons .wp-block-button.is-style-outline-white a:hover, .button-transparent-white:hover {
  background-color: var(--wp--preset--color--light-gray);
  color: var(--wp--preset--color--dark-blue) !important;
}

.wp-block-post-excerpt__more-link {
  margin: 0;
}

label {
  display: block;
  font-weight: 600;
}

input[type=text], input[type=email], input[type=password], input[type=search] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  font-size: 1rem;
  min-height: 1.5rem;
  padding: 0.5em 0.25em;
  width: 100%;
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder {
  font-style: italic;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder {
  font-style: italic;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder {
  font-style: italic;
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder {
  font-style: italic;
}
input[type=text]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder {
  font-style: italic;
}
input[type=email] {
  background-image: url("../images/icon/email.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 3em;
}
input[type=search] {
  background-image: url("../images/icon/search.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 1.25em;
  padding-left: 2em;
}
input[type=search].search-field {
  border: 1px solid var(--wp--preset--color--light-gray);
}
input[type=search].location {
  background-image: url("../images/icon/mapmarker-gray-light.svg");
}
input[type=checkbox], input[type=radio] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  font-size: 0.875rem;
  margin-right: 0.5em;
}
input[type=checkbox] + label, input[type=radio] + label {
  cursor: pointer;
  display: inline;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  font-weight: 400;
  margin-bottom: 0;
  overflow: hidden;
}
input[type=checkbox] + label::before, input[type=radio] + label::before {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 1.4em;
  margin-right: 0.5em;
  vertical-align: top;
  width: 1.4em;
}
input[type=checkbox]:focus + label::before, input[type=radio]:focus + label::before {
  outline: 1px dotted var(--wp--preset--color--black);
  outline: 5px auto -webkit-focus-ring-color;
}
input[type=checkbox] + label::before {
  background-image: url("../images/ui/form-checkbox-empty.svg");
}
input[type=checkbox]:checked + label::before {
  background-image: url("../images/ui/form-checkbox-checked.svg");
}
input[type=radio] + label::before {
  background-image: url("../images/ui/form-radio-empty.svg");
}
input[type=radio]:checked + label::before {
  background-image: url("../images/ui/form-radio-checked.svg");
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  background-origin: content-box;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 0.5625em 0.375em;
  border: 1px solid var(--wp--preset--color--light-gray);
  border-radius: 0;
  font-size: 1rem;
  margin: 0;
  min-height: 1.5rem;
  padding: 0.5em 1.5rem 0.5em 0.5rem;
  width: 100%;
}
select::-ms-expand {
  display: none;
}

.input-group {
  border-collapse: separate;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 1em;
  padding: 0.5em;
  position: relative;
  width: 100%;
}
.input-group.has-addon {
  display: table;
}
.input-group .addon {
  color: var(--wp--preset--color--white);
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}
.input-group .addon.button-addon {
  background-color: transparent;
  padding: 0;
}
.input-group .addon.button-addon button,
.input-group .addon.button-addon .btn,
.input-group .addon.button-addon input[type=submit] {
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 0.5em 2em;
  width: auto;
}
.input-group .addon.button-addon button.icon,
.input-group .addon.button-addon .btn.icon,
.input-group .addon.button-addon input[type=submit].icon {
  padding: 0.52em 0.75em;
}
.input-group .addon.button-addon button.icon::before,
.input-group .addon.button-addon .btn.icon::before,
.input-group .addon.button-addon input[type=submit].icon::before {
  margin: 0;
}
.input-group .addon.button-addon button.icon span,
.input-group .addon.button-addon .btn.icon span,
.input-group .addon.button-addon input[type=submit].icon span {
  display: inline-block;
  padding-left: 0.5em;
  padding-top: 0.13em;
}

.radio-group {
  margin-bottom: 1em;
}

.checkbox-group {
  display: inline-block;
  margin: 0 1rem 1rem 0;
}

@media screen and (max-width: 1000px) {
  main {
    padding-top: 108px;
  }
}
@media screen and (max-width: 767px) {
  main {
    padding-top: 65px;
  }
}

.global-header {
  position: relative;
  z-index: 12;
}
@media screen and (max-width: 1000px) {
  .global-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
.global-header .site-logo {
  background-color: var(--wp--preset--color--dark-blue);
  display: grid;
  height: 114px;
  left: 2rem;
  place-content: center;
  position: absolute;
  top: 0;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  width: 282px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .global-header .site-logo {
    height: 85px;
    left: 1rem;
  }
}
@media screen and (max-width: 420px) {
  .global-header .site-logo {
    left: 0.25rem;
    padding: 2rem 1.25rem 1.25rem;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
  }
}
.global-header .site-logo a {
  background-image: url("../images/logo/recycle-right-white@2x.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 53px;
  line-height: 1;
  overflow: hidden;
  text-indent: -9999px;
  width: 224px;
}
.global-header .top-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wp--preset--color--dark-blue);
  color: var(--wp--preset--color--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  line-height: 1;
  padding-right: 2rem;
}
.global-header .top-bar .utility-links {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  gap: 3rem;
  list-style: none;
  margin: 0;
  margin-right: 3rem;
  padding: 0;
}
@media screen and (max-width: 900px) {
  .global-header .top-bar .utility-links {
    display: none;
  }
}
.global-header .top-bar .utility-links li {
  margin: 0;
  padding: 0;
}
.global-header .top-bar .utility-links li a {
  color: var(--wp--preset--color--white);
  text-decoration: none;
  text-transform: uppercase;
}
.global-header .top-bar .utility-links li a:hover {
  text-decoration: underline;
}
.global-header .top-bar .accreditation {
  font-size: 10px;
  font-weight: 400;
  padding: 0.25rem 1rem 0.25rem 0;
  position: relative;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .global-header .top-bar .accreditation {
    display: none;
  }
}
.global-header .top-bar .accreditation .swaco-logo {
  background-image: url("../images/logo/swaco-white.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 2rem;
  margin-left: 0.5rem;
  overflow: hidden;
  text-indent: -9999px;
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  vertical-align: middle;
  width: 6rem;
}
.global-header .navbar-mainmenu {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, var(--wp--preset--color--white)), to(var(--wp--preset--color--extra-light-gray)));
  background: linear-gradient(to bottom, var(--wp--preset--color--white) 50%, var(--wp--preset--color--extra-light-gray) 100%);
  border-bottom: 1px solid var(--wp--preset--color--light-gray);
  -webkit-box-shadow: 0 0 0.25rem rgba(var(--wp--preset--color--black), 0.1);
          box-shadow: 0 0 0.25rem rgba(var(--wp--preset--color--black), 0.1);
}
.global-header .navbar-mainmenu .main-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  .global-header .navbar-mainmenu .main-menu {
    display: block;
  }
}
.global-header .navbar-mainmenu .main-menu > ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  gap: 8rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  list-style: none;
  margin: 0 0 0 auto;
  max-width: min(1080px, 100% - 20rem);
  padding: 0 1rem;
}
@media screen and (max-width: 1000px) {
  .global-header .navbar-mainmenu .main-menu > ul {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0;
    max-width: 100%;
    padding-top: 1rem;
  }
  .global-header .navbar-mainmenu .main-menu > ul.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.global-header .navbar-mainmenu .main-menu > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .global-header .navbar-mainmenu .main-menu > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
  }
}
.global-header .navbar-mainmenu .main-menu > ul > li.current-menu-item > a, .global-header .navbar-mainmenu .main-menu > ul > li.current-menu-ancestor > a {
  color: var(--wp--preset--color--orange);
}
.global-header .navbar-mainmenu .main-menu > ul > li.current-menu-item > a:hover, .global-header .navbar-mainmenu .main-menu > ul > li.current-menu-item > a:focus, .global-header .navbar-mainmenu .main-menu > ul > li.current-menu-ancestor > a:hover, .global-header .navbar-mainmenu .main-menu > ul > li.current-menu-ancestor > a:focus {
  color: var(--wp--preset--color--light-blue);
}
.global-header .navbar-mainmenu .main-menu > ul > li.mobile-only {
  display: none;
}
@media screen and (max-width: 1000px) {
  .global-header .navbar-mainmenu .main-menu > ul > li.mobile-only {
    display: inherit;
  }
}
.global-header .navbar-mainmenu .main-menu > ul > li a {
  color: var(--wp--preset--color--dark-blue);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.1;
  margin: 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media screen and (max-width: 1000px) {
  .global-header .navbar-mainmenu .main-menu > ul > li a {
    font-size: 1.2rem;
    margin: 1rem 0;
    max-width: inherit;
  }
}
.global-header .navbar-mainmenu .main-menu > ul > li a:hover, .global-header .navbar-mainmenu .main-menu > ul > li a:focus {
  text-decoration: underline;
}
.global-header .navbar-mainmenu .main-menu > ul > li ul {
  background-color: var(--wp--preset--color--dark-blue);
  padding: 0.5rem;
  width: 100%;
}
.global-header .navbar-mainmenu .main-menu > ul > li ul li {
  display: block;
  padding: 0.25rem 0;
}
.global-header .navbar-mainmenu .main-menu > ul > li ul li.current-menu-item {
  background-color: rgba(255, 255, 255, 0.2);
}
.global-header .navbar-mainmenu .main-menu > ul > li ul li a {
  color: var(--wp--preset--color--white);
  display: block;
  font-weight: 400;
  margin: 0.5rem;
  padding: 0 0.5rem;
  text-align: left;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .global-header .navbar-mainmenu .main-menu > ul > li ul li a {
    font-size: 1rem;
    margin: 0.5rem 0;
    padding: 0;
    text-align: center;
  }
}
@media screen and (max-width: 375px) {
  .global-header .navbar-mainmenu .main-menu > ul > li ul li a {
    font-size: 0.9rem;
  }
}
.global-header .navbar-mainmenu .menu-trigger {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 0 auto;
  max-height: 5rem;
  max-width: 5rem;
}
@media screen and (max-width: 1000px) {
  .global-header .navbar-mainmenu .menu-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (max-width: 600px) {
  .admin-bar #wpadminbar {
    position: relative !important;
  }
}
@media screen and (max-width: 600px) {
  .admin-bar .global-header {
    top: 46px;
  }
}

@media screen and (max-width: 600px) {
  html:has(.admin-bar) {
    margin-top: 0 !important;
  }
}

.global-footer {
  border-top: 1px solid var(--wp--preset--color--light-gray);
}
.global-footer .legacy-columns {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.global-footer .legacy-columns .column {
  padding: 4rem 0;
  position: relative;
}
.global-footer .legacy-columns .column.main {
  background-color: var(--wp--preset--color--extra-light-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 50%;
}
@media screen and (max-width: 1000px) {
  .global-footer .legacy-columns .column.main {
    width: 100%;
  }
}
.global-footer .legacy-columns .column.main .wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2rem 4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto 0 auto auto;
  max-width: 53rem;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .global-footer .legacy-columns .column.main .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.global-footer .legacy-columns .column.main .wrapper > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media screen and (max-width: 1000px) {
  .global-footer .legacy-columns .column.main .wrapper > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.global-footer .legacy-columns .column.main img {
  display: block;
  margin: 0 auto 2rem 0;
  max-width: 290px;
}
.global-footer .legacy-columns .column.main .wp-element-button {
  white-space: nowrap;
}
.global-footer .legacy-columns .column.smtf-cta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wp--preset--color--dark-green);
  background-image: url("../images/bg/triangles-left-bottom.svg"), url("../images/bg/triangles-right-top.svg");
  background-position: left bottom, right top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 50%;
}
@media screen and (max-width: 1000px) {
  .global-footer .legacy-columns .column.smtf-cta {
    width: 100%;
  }
}
@media screen and (max-width: 1600px) {
  .global-footer .legacy-columns .column.smtf-cta.has-bottom-triangles-left::before {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}
.global-footer .legacy-columns .column.smtf-cta .wrapper {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: auto;
}
.global-footer .legacy-columns .column.smtf-cta img {
  display: block;
  margin: auto;
}
.global-footer .legacy-columns .column.smtf-cta .wp-element-button {
  background-color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--dark-blue);
  display: block;
  margin: 1rem auto 0;
}
.global-footer .legacy-columns .column.smtf-cta .wp-element-button:hover {
  background-color: var(--wp--preset--color--light-gray);
}
.global-footer .wrapper {
  padding: 0 2rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .global-footer .wrapper {
    padding: 0 1rem;
  }
}
.global-footer .contact-links a {
  color: var(--wp--preset--color--black);
}
.global-footer .social-links {
  text-align: center;
}
.global-footer .subfooter {
  background-color: var(--wp--preset--color--dark-blue);
  padding: 1rem 0;
  text-align: center;
}
.global-footer .subfooter span {
  color: var(--wp--preset--color--white);
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}

.relevanssi-live-search-results {
  -webkit-transform: translateY(-32px);
      -ms-transform: translateY(-32px);
          transform: translateY(-32px);
}
.relevanssi-live-search-results .relevanssi-live-search-result-status p {
  padding: 4px 1em;
}

.relevanssi-live-search-result {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  position: relative;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
}
.relevanssi-live-search-result:hover {
  background-color: var(--wp--preset--color--extra-light-gray);
}
.relevanssi-live-search-result a[aria-hidden=true] {
  inset: 0;
  position: absolute;
  z-index: 1;
}
.relevanssi-live-search-result .result-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.relevanssi-live-search-result .result-image img {
  display: block;
  max-width: 60px;
  mix-blend-mode: multiply;
}
.relevanssi-live-search-result .result-details {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.relevanssi-live-search-result .result-category {
  color: var(--wp--preset--color--light-blue);
  font-size: 0.625rem;
  text-transform: uppercase;
}
.relevanssi-live-search-result .result-title {
  font-size: 1.125rem;
  font-weight: 700;
  position: relative;
  z-index: 2;
}
.relevanssi-live-search-result .result-title a {
  text-decoration: none;
  white-space: normal;
}

.live-ajax-messages .rlv-has-spinner {
  border-color: var(--wp--preset--color--light-blue);
  border-right-color: transparent;
}
.live-ajax-messages .rlv-has-spinner::after {
  background-color: var(--wp--preset--color--light-blue);
}

.sf-menu * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sf-menu li {
  position: relative;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
  display: block;
}
.sf-menu li:last-child ul {
  left: unset;
  right: 0;
}
.sf-menu ul {
  display: none;
  min-width: 11em; /* allow long menu items to determine submenu width */
  position: absolute;
  top: 100%;
  z-index: 99;
}
.sf-menu ul.expand-to-right {
  left: unset;
  right: 0;
}
@media screen and (max-width: 1000px) {
  .sf-menu ul {
    position: relative;
    top: 0;
    width: 100%;
  }
}
.sf-menu ul li {
  width: 100%;
}
.sf-menu ul ul {
  left: 100%;
  top: 0;
}
.sf-menu ul ul.expand-to-right {
  left: unset;
  right: 0;
}
.sf-menu a {
  display: block;
}

/* Slick JS default styles */
.slick-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slick-list {
  display: block;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

.blocker {
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  left: 0;
  overflow: auto;
  padding: 1.5rem;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 100;
}
.blocker::before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.05em;
  vertical-align: middle;
}
.blocker.behind {
  background-color: transparent;
}

.modal {
  background: transparent;
  -webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 80px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 90%;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .modal {
    padding: 0;
    width: 100%;
  }
}
.modal.medium {
  max-width: 60rem;
}
.modal a.close-modal {
  background-image: url("../images/icon/cancel-blue-light.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 2rem;
  position: absolute;
  right: 0;
  text-indent: -9999px;
  top: -3rem;
  width: 2rem;
}
.modal .video-16x9 {
  margin-bottom: 0;
}

.modal-content {
  background-color: var(--wp--preset--color--white);
  padding: 2rem;
  text-align: left;
}

.modal-spinner {
  background-color: var(--wp--preset--color--black);
  border-radius: 0.5rem;
  display: none;
  height: 1.25rem;
  left: 50%;
  padding: 0.75rem 1rem;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}
.modal-spinner > div {
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
          animation: sk-stretchdelay 1.2s infinite ease-in-out;
  background-color: var(--wp--preset--color--white);
  border-radius: 6rem;
  display: inline-block;
  height: 1rem;
  margin: 0 1px;
  width: 2px;
}
.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
/*!
 * Originally from source below. Modified by removing unused options, converting to rems, and formatting.
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  --hamburger-color: var(--wp--preset--color--dark-blue);
  --hamburger-active: var(--wp--preset--color--light-blue);
  background-color: transparent;
  border: 0;
  color: var(--hamburger-color);
  cursor: pointer;
  display: inline-block;
  font-size: inherit;
  margin: 0;
  overflow: visible;
  padding: 1em 0;
}
.hamburger .text {
  margin-right: 0.5rem;
  text-transform: uppercase;
}
.hamburger.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
  background-color: var(--hamburger-active);
  border-radius: 0.25em;
}
.hamburger.is-active .hamburger-inner::before {
  opacity: 0;
  top: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger-box {
  display: inline-block;
  height: 1.5em;
  position: relative;
  vertical-align: bottom;
  width: 2em;
}

.hamburger-inner {
  display: block;
  top: 40%;
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  background-color: var(--hamburger-color);
  height: 0.2em;
  position: absolute;
  width: 2em;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -0.5em;
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger-inner::after {
  bottom: -0.5em;
  -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.social-links {
  --social-link-icon-color: var(--wp--preset--color--dark-blue);
  --social-link-icon-color-hover: var(--wp--preset--color--light-blue);
  --social-link-icon-size: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  list-style: none;
  margin: 2rem 0 0;
  padding: 0;
}
.social-links li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
}
.social-links--white {
  --social-link-icon-color: var(--wp--preset--color--white);
}
.social-links .social-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--social-link-icon-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--social-link-icon-size);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
  width: var(--social-link-icon-size);
}
.social-links .social-link__icon {
  fill: currentColor;
  height: var(--social-link-icon-size);
  margin: auto;
  -webkit-transition: fill 250ms ease;
  transition: fill 250ms ease;
  width: var(--social-link-icon-size);
}
.social-links .social-link__icon:hover {
  fill: var(--social-link-icon-color-hover);
}

.social-share__links a {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 15%;
  display: inline-block;
  height: 2rem;
  margin: 0 0.5rem;
  overflow: hidden;
  text-indent: 9999px;
  -webkit-transform: translateY(0.14em);
      -ms-transform: translateY(0.14em);
          transform: translateY(0.14em);
  -webkit-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
  vertical-align: baseline;
  width: 2rem;
}
.social-share__links a.twitter {
  background-image: url("../images/icon/social-twitter-white.svg");
}
.social-share__links a.facebook {
  background-image: url("../images/icon/social-facebook-white.svg");
}
.social-share__links a.youtube {
  background-image: url("../images/icon/social-youtube-white.svg");
}
.social-share__links a.email {
  background-image: url("../images/icon/social-email-white.svg");
}

.icon-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5rem 0;
  text-decoration: none;
  width: 100%;
}
.icon-link::before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 1.4rem;
  margin-right: 0.5em;
  width: 1.4rem;
}
.icon-link.phone::before {
  background-image: url("../images/icon/phone-blue.svg");
}
.icon-link.email::before {
  background-image: url("../images/icon/email-blue.svg");
}

a.icon-link:hover, a.icon-link:focus {
  text-decoration: underline;
}

.blog-layout {
  padding: 2rem 0;
}
.blog-layout .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .blog-layout .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.blog-layout article {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 1px;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .blog-layout article {
    width: inherit;
  }
}
.blog-layout article h2 {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .blog-layout article .cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (max-width: 600px) {
  .blog-layout article .cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 600px) {
  .blog-layout article .cards {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 600px) {
  .blog-layout article .cards .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: calc(50% - 2rem);
  }
}
@media screen and (min-width: 1000px) {
  .blog-layout article .cards .card {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: calc(33% - 2rem);
  }
}

a:where(:not(.wp-element-button)) {
  color: var(--wp--preset--color--dark-blue);
}
a:where(:not(.wp-element-button)):visited {
  color: var(--wp--preset--color--purple);
}

.has-huge-font-size {
  line-height: 1;
}

.wp-embed-aspect-16-9 iframe {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

.wp-block-separator.is-style-narrow {
  max-width: 220px;
}

.wp-block-cb-carousel-v2 {
  --wp--custom--carousel-block--navigation-size: 24px ;
  --wp--custom--carousel-block--navigation-sides-offset: 2.5rem;
  --wp--custom--carousel-block--navigation-color: var(--wp--preset--color--white);
  --wp--custom--carousel-block--navigation-alignfull-color: var(--wp--preset--color--white);
  --wp--custom--carousel-block--pagination-top: calc(100% + 1rem);
  --wp--custom--carousel-block--pagination-bullet-color: var(--wp--preset--color--white);
  --wp--custom--carousel-block--pagination-bullet-active-color: var(--wp--preset--color--dark-blue);
  --wp--custom--carousel-block--pagination-bullet-active-opacity: 1;
}
@media (max-width: 1400px) {
  .wp-block-cb-carousel-v2 {
    --wp--custom--carousel-block--navigation-sides-offset: 1rem;
  }
}
@media (max-width: 600px) {
  .wp-block-cb-carousel-v2 {
    --wp--custom--carousel-block--navigation-size: 18px ;
    --wp--custom--carousel-block--navigation-sides-offset: 1rem;
  }
}
.wp-block-cb-carousel-v2 .cb-button-prev,
.wp-block-cb-carousel-v2 .cb-button-next {
  background-color: var(--wp--preset--color--dark-blue);
  border-radius: 100px;
  height: 48px;
  width: 48px;
}
@media (max-width: 600px) {
  .wp-block-cb-carousel-v2 .cb-button-prev,
  .wp-block-cb-carousel-v2 .cb-button-next {
    height: 32px;
    width: 32px;
  }
}
.wp-block-cb-carousel-v2 .cb-button-prev:after {
  -webkit-transform: translateX(-7%);
      -ms-transform: translateX(-7%);
          transform: translateX(-7%);
}
.wp-block-cb-carousel-v2 .cb-button-next:after {
  -webkit-transform: translateX(7%);
      -ms-transform: translateX(7%);
          transform: translateX(7%);
}
.wp-block-cb-carousel-v2 .cb-pagination-bullet {
  border: 1px solid var(--wp--preset--color--dark-blue);
}
.wp-block-cb-carousel-v2[data-cb-pagination=true] .swiper-horizontal {
  margin-bottom: 0;
}
.has-dark-blue-background-color .wp-block-cb-carousel-v2, .has-light-blue-background-color .wp-block-cb-carousel-v2 {
  --wp--custom--carousel-block--pagination-bullet-color: var(--wp--preset--color--transparent);
  --wp--custom--carousel-block--pagination-bullet-active-color: var(--wp--preset--color--white);
}
.has-dark-blue-background-color .wp-block-cb-carousel-v2 .cb-button-prev,
.has-dark-blue-background-color .wp-block-cb-carousel-v2 .cb-button-next, .has-light-blue-background-color .wp-block-cb-carousel-v2 .cb-button-prev,
.has-light-blue-background-color .wp-block-cb-carousel-v2 .cb-button-next {
  --wp--custom--carousel-block--navigation-color: var(--wp--preset--color--dark-blue);
  --wp--custom--carousel-block--navigation-alignfull-color: var(--wp--preset--color--dark-blue);
  background-color: var(--wp--preset--color--white);
}
.has-dark-blue-background-color .wp-block-cb-carousel-v2 .cb-pagination-bullet, .has-light-blue-background-color .wp-block-cb-carousel-v2 .cb-pagination-bullet {
  border-color: var(--wp--preset--color--white);
}

.wp-block-cb-carousel-v2.cb-show-scrollbar > .block-editor-inner-blocks > .block-editor-block-list__layout,
.wp-block-cb-carousel-v2.cb-show-scrollbar > .block-editor-inner-blocks > .block-editor-block-list__layout:hover, .wp-block-cb-carousel-v2.cb-show-scrollbar > .block-editor-inner-blocks > .block-editor-block-list__layout:focus {
  padding-bottom: 0px;
}

.wp-block-cb-carousel-v2 > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="cb/slide-v2"] .block-editor-block-list__layout, .wp-block-cb-carousel-v2 > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="cb/slide-v2"] .block-editor-inner-blocks {
  height: auto;
}

.wp-block-cb-carousel-v2 .swiper-slide {
  padding-left: 0px;
  padding-right: 0px;
}

.is-style-hero-carousel {
  --wp--custom--carousel-block--pagination-top: calc(100% - 1.5rem);
}
.is-style-hero-carousel .wp-block-media-text {
  min-height: 550px;
}
@media (max-width: 600px) {
  .is-style-hero-carousel .wp-block-media-text {
    min-height: unset;
  }
}
.is-style-hero-carousel .wp-block-media-text__content {
  margin: auto;
  max-width: 550px;
  padding: 2rem 1rem;
  text-wrap: balance;
}
.is-style-hero-carousel .wp-block-media-text__media:before {
  background-image: url("../images/deco/hero-image-left-top.png"), url("../images/deco/hero-image-right-bottom.png");
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  background-size: clamp(175px, 35%, 300px) auto;
  content: "";
  display: block;
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
@media (max-width: 600px) {
  .is-style-hero-carousel .wp-block-media-text__media:before {
    background-size: 25% auto;
  }
}

.video-lightbox-preview a {
  display: block;
  position: relative;
}
.video-lightbox-preview a::after {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url("../images/icon/triangle-right-white.svg");
  background-position: 55% center;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  border-radius: 50%;
  border: 2px solid var(--wp--preset--color--white);
  content: "";
  display: block;
  height: 4rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  width: 4rem;
  z-index: 8;
}
.video-lightbox-preview a:hover::after {
  background-color: var(--wp--preset--color--light-blue);
}
.video-lightbox-preview a img {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-16x9 * {
  aspect-ratio: 16/9;
  display: block;
  height: auto;
  width: 100%;
}

.is-style-page-banner-short,
.is-style-page-banner-tall {
  --page-banner-heading-color: var(--wp--preset--color--black);
  --page-banner-image-deco: url("../images/deco/hero-image-right-bottom.png");
  --page-banner-min-height: 475px;
  --page-banner-deco-size: clamp(175px, 35%, 300px) auto;
  min-height: var(--page-banner-min-height);
}
.is-style-page-banner-short .wp-block-media-text__content .wp-block-heading,
.is-style-page-banner-short .wp-block-media-text__content .wp-block-post-title,
.is-style-page-banner-tall .wp-block-media-text__content .wp-block-heading,
.is-style-page-banner-tall .wp-block-media-text__content .wp-block-post-title {
  color: var(--page-banner-heading-color);
}
.is-style-page-banner-short .wp-block-media-text__media,
.is-style-page-banner-tall .wp-block-media-text__media {
  clip-path: polygon(0 50%, 110px 0%, 100% 0%, 100% 100%, 110px 100%);
  position: relative;
}
@media screen and (max-width: 600px) {
  .is-style-page-banner-short .wp-block-media-text__media,
  .is-style-page-banner-tall .wp-block-media-text__media {
    clip-path: unset;
  }
}
.is-style-page-banner-short .wp-block-media-text__media::before,
.is-style-page-banner-tall .wp-block-media-text__media::before {
  background-image: var(--page-banner-image-deco);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: var(--page-banner-deco-size);
  content: "";
  display: block;
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.is-style-page-banner-short.has-white-background-color,
.is-style-page-banner-tall.has-white-background-color {
  --page-banner-heading-color: var(--wp--preset--color--dark-blue);
}
.is-style-page-banner-short.has-black-background-color, .is-style-page-banner-short.has-dark-blue-background-color, .is-style-page-banner-short.has-dark-green-background-color, .is-style-page-banner-short.has-dark-gray-background-color, .is-style-page-banner-short.has-medium-gray-background-color, .is-style-page-banner-short.has-purple-background-color, .is-style-page-banner-short.has-brown-background-color,
.is-style-page-banner-tall.has-black-background-color,
.is-style-page-banner-tall.has-dark-blue-background-color,
.is-style-page-banner-tall.has-dark-green-background-color,
.is-style-page-banner-tall.has-dark-gray-background-color,
.is-style-page-banner-tall.has-medium-gray-background-color,
.is-style-page-banner-tall.has-purple-background-color,
.is-style-page-banner-tall.has-brown-background-color {
  --page-banner-heading-color: var(--wp--preset--color--white);
}

.is-style-page-banner-short {
  --page-banner-image-deco: url("../images/deco/hero-image-right-bottom-blue.png");
  --page-banner-deco-size: clamp(100px, 20%, 150px) auto;
  --page-banner-min-height: 375px;
}

.is-style-page-banner-tall {
  --page-banner-min-height: 475px;
}

.hover-card {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
  position: relative;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  width: 100%;
}
@media screen and (max-width: 920px) {
  .hover-card {
    height: 200px;
  }
}
.hover-card::before {
  background-color: rgba(0, 121, 64, 0.8);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.hover-card:hover::before, .hover-card.hover::before {
  backdrop-filter: blur(4px);
  background-color: rgba(16, 57, 133, 0.8);
}
.hover-card:hover .heading, .hover-card.hover .heading {
  opacity: 0;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
.hover-card:hover .text, .hover-card.hover .text {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.hover-card .heading,
.hover-card .text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  color: var(--wp--preset--color--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  padding: 4rem;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 920px) {
  .hover-card .heading,
  .hover-card .text {
    padding: 2rem 1rem;
  }
}
.hover-card .heading {
  font-size: 2rem;
  opacity: 1;
  text-transform: uppercase;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
@media screen and (max-width: 920px) {
  .hover-card .heading {
    font-size: 1.5rem;
  }
}
.hover-card .text {
  font-size: 1.5rem;
  opacity: 0;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}
@media screen and (max-width: 920px) {
  .hover-card .text {
    font-size: 1.25rem;
  }
}

.recycling-search-bar {
  --recycling-search-bar-text-color: var(--wp--preset--color--white);
  --focus-outline-color: var(--wp--preset--color--white);
  background-blend-mode: multiply;
  background-color: var(--wp--preset--color--dark-blue);
  background-image: url("../images/bg/triangles-transparent-right.svg");
  background-position: right top;
  background-repeat: repeat-y;
  background-size: auto 100%;
  padding: 4rem 1rem;
}
.recycling-search-bar.has-white-background-color {
  --recycling-search-bar-text-color: var(--wp--preset--color--dark-blue);
}
.recycling-search-bar.has-light-blue-background-color, .recycling-search-bar.has-orange-background-color, .recycling-search-bar.has-light-gray-background-color, .recycling-search-bar.has-extra-light-gray-background-color, .recycling-search-bar.has-bright-teal-background-color, .recycling-search-bar.has-yellow-background-color {
  --recycling-search-bar-text-color: var(--wp--preset--color--black);
}
.recycling-search-bar h2 {
  color: var(--recycling-search-bar-text-color);
  text-align: center;
}
.recycling-search-bar .input-group {
  border-collapse: separate;
  display: table;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 1em;
  padding: 0.5em;
  position: relative;
  width: 100%;
}
.recycling-search-bar .input-group .addon {
  color: var(--wp--preset--color--white);
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}
.recycling-search-bar .search-form {
  margin: auto;
  max-width: 40rem;
  width: 100%;
}
.recycling-search-bar input {
  border-radius: 0;
  border: none;
  font-size: 16px;
  font-style: italic;
  height: 38px;
  padding: 0 1rem;
  width: 100%;
}
.recycling-search-bar [type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--wp--preset--color--light-blue);
  border: 2px solid var(--wp--preset--color--light-blue);
  color: var(--wp--preset--color--white);
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 500;
  height: 38px;
  line-height: 1.1;
  margin: 0 1em 1em 0;
  padding: 0.5em 2em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.recycling-search-bar [type=submit]:hover {
  background-color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--light-blue);
  color: var(--wp--preset--color--dark-blue) !important;
}
.recycling-search-bar .wp-block-buttons {
  margin-block: 1rem;
}
.recycling-search-bar .wp-block-buttons .wp-block-button a {
  margin: 0;
}
.recycling-search-bar .recycling-search-shortcuts {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width: 920px) {
  .recycling-search-bar .recycling-search-shortcuts {
    gap: 0;
  }
}
.recycling-search-bar .recycling-search-shortcuts.category-shortcuts .shortcut-item-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.recycling-search-bar .recycling-search-shortcuts.category-shortcuts .shortcut-item-image img {
  margin: auto;
  max-width: calc(100% - 2rem);
  -o-object-fit: contain;
     object-fit: contain;
}
.recycling-search-bar .recycling-search-shortcuts .shortcut-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 156px;
          flex: 0 0 156px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.5rem;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
}
@media screen and (max-width: 920px) {
  .recycling-search-bar .recycling-search-shortcuts .shortcut-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 110px;
            flex: 0 1 110px;
    padding: 0.25rem;
  }
}
@media screen and (max-width: 600px) {
  .recycling-search-bar .recycling-search-shortcuts .shortcut-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33% - 1rem);
            flex: 0 1 calc(33% - 1rem);
  }
}
@media screen and (max-width: 320px) {
  .recycling-search-bar .recycling-search-shortcuts .shortcut-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 1rem);
            flex: 0 1 calc(50% - 1rem);
  }
}
.recycling-search-bar .recycling-search-shortcuts .shortcut-item:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.recycling-search-bar .recycling-search-shortcuts .shortcut-item:hover .shortcut-item-label a {
  text-decoration: underline;
}
.recycling-search-bar .recycling-search-shortcuts .shortcut-item a[aria-hidden] {
  display: block;
  inset: 0;
  position: absolute;
  z-index: 1;
}
.recycling-search-bar .recycling-search-shortcuts .shortcut-item-image {
  aspect-ratio: 1/1;
  background-color: var(--wp--preset--color--white);
  border: 4px solid var(--wp--preset--color--light-blue);
  border-radius: 150px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  width: 140px;
}
@media screen and (max-width: 920px) {
  .recycling-search-bar .recycling-search-shortcuts .shortcut-item-image {
    width: 90px;
  }
}
@media screen and (max-width: 600px) {
  .recycling-search-bar .recycling-search-shortcuts .shortcut-item-image {
    width: 70px;
  }
}
.recycling-search-bar .recycling-search-shortcuts .shortcut-item-image img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.recycling-search-bar .recycling-search-shortcuts .shortcut-item-label {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 150px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .recycling-search-bar .recycling-search-shortcuts .shortcut-item-label {
    max-width: 100%;
  }
}
.recycling-search-bar .recycling-search-shortcuts .shortcut-item-label a {
  color: var(--recycling-search-bar-text-color);
  display: block;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (max-width: 920px) {
  .recycling-search-bar .recycling-search-shortcuts .shortcut-item-label a {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 600px) {
  .recycling-search-bar .recycling-search-shortcuts .shortcut-item-label a {
    font-size: 1rem;
  }
}
.recycling-search-bar .recycling-search-shortcuts .shortcut-item-label a:hover {
  text-decoration: underline;
}

.common-mistakes__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  margin-block: 2rem;
}
@media screen and (min-width: 1200px) {
  .common-mistakes__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.common-mistakes__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wp--preset--color--white);
  border: 2px solid var(--wp--preset--color--light-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -2px -2px 0;
  padding: 1rem;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.common-mistakes__item__image {
  aspect-ratio: 1/1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 auto;
  max-width: 200px !important;
  -o-object-fit: contain;
     object-fit: contain;
}
.common-mistakes__item__heading {
  color: var(--wp--preset--color--dark-blue);
  font-size: clamp(18px, 1.7vw, 22px);
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}
.common-mistakes__item__text {
  font-size: 16px;
  line-height: 1.2;
}
.common-mistakes__item:hover {
  -webkit-box-shadow: 2px 2px 12px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 12px 4px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

.create-a-sign-previews {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4rem;
}
@media screen and (max-width: 1000px) {
  .create-a-sign-previews {
    gap: 2rem;
  }
}
@media screen and (max-width: 416px) {
  .create-a-sign-previews {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.create-a-sign-previews .sign-group {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  display: grid;
  gap: 2rem;
  justify-items: center;
}
@media screen and (max-width: 1000px) {
  .create-a-sign-previews .sign-group {
    gap: 1rem;
  }
}
@media screen and (max-width: 416px) {
  .create-a-sign-previews .sign-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.create-a-sign-previews .sign-group h4 {
  color: var(--wp--preset--color--medium-gray);
  font-size: clamp(1.25rem, 3.5vw, 2rem);
  margin: 0 auto;
}
@media screen and (max-width: 416px) {
  .create-a-sign-previews .sign-group h4 {
    grid-column: span 2;
  }
}
.create-a-sign-previews .sign-preview {
  border-radius: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  text-align: center;
}
.create-a-sign-previews .sign-preview .preview-content {
  -ms-flex-line-pack: start;
      align-content: start;
  display: grid;
  gap: 0.5rem;
  position: relative;
  z-index: 1;
}
.create-a-sign-previews .sign-preview img {
  border: 1px solid var(--wp--preset--color--light-gray);
  display: block;
  margin: 0;
}
.create-a-sign-previews .sign-preview a.sign-preview-link {
  display: block;
  text-decoration: none;
}
.create-a-sign-previews .sign-preview a.sign-preview-link::before {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
}

.premade-sign-previews {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4rem;
}
@media screen and (max-width: 1000px) {
  .premade-sign-previews {
    gap: 2rem;
    margin-top: 2rem;
  }
}
.premade-sign-previews .sign-group {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1000px) {
  .premade-sign-previews .sign-group {
    gap: 0.5rem;
  }
}
@media screen and (max-width: 600px) {
  .premade-sign-previews .sign-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.premade-sign-previews .sign-preview {
  border-radius: 0.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  text-align: center;
}
.premade-sign-previews .sign-preview .preview-content {
  -ms-flex-line-pack: start;
      align-content: start;
  display: grid;
  gap: 0.5rem;
  position: relative;
  z-index: 1;
}
.premade-sign-previews .sign-preview img {
  display: block;
  margin: 0;
}
.premade-sign-previews .sign-preview a.sign-preview-link {
  color: var(--wp--preset--color--black);
  display: block;
  text-decoration: none;
}
.premade-sign-previews .sign-preview a.sign-preview-link::before {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
}

.premade-sign-list {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(6, 1fr);
  margin: 2rem auto;
}
@media screen and (max-width: 600px) {
  .premade-sign-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.premade-sign-list .sign-preview {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.premade-sign-list .sign-preview .preview-content {
  -ms-flex-line-pack: start;
      align-content: start;
  display: grid;
  gap: 0.5rem;
  position: relative;
}
.premade-sign-list .sign-preview img {
  border: 1px solid var(--wp--preset--color--light-gray);
  display: block;
  margin: 0;
  width: 100%;
}
.premade-sign-list .sign-preview .sign-preview-link {
  color: var(--wp--preset--color--black);
  display: block;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}
.premade-sign-list .sign-preview .sign-preview-link::before {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
}

.signmaker-wrapper-outer {
  background-color: var(--wp--preset--color--dark-blue);
  border-radius: 3rem;
  min-width: 937px;
  padding: 1.5rem;
}

.signmaker-heading {
  --signmaker-text-color: var(--wp--preset--color--white);
  margin: auto auto 1.5rem;
  text-align: center;
}
.signmaker-heading h2 {
  color: var(--signmaker-text-color);
  font-size: 2.5rem;
  margin: 0;
}
.signmaker-heading p {
  color: var(--signmaker-text-color);
  font-size: 1.75rem;
  margin: 0;
}
.has-white-background-color .signmaker-heading {
  --signmaker-text-color: var(--wp--preset--color--dark-blue);
}
.has-light-blue-background-color .signmaker-heading, .has-orange-background-color .signmaker-heading, .has-light-gray-background-color .signmaker-heading, .has-extra-light-gray-background-color .signmaker-heading, .has-bright-teal-background-color .signmaker-heading, .has-yellow-background-color .signmaker-heading {
  --signmaker-text-color: var(--wp--preset--color--black);
}

.signmaker-wrapper-inner {
  background-color: var(--wp--preset--color--white);
  border-radius: 1.5rem;
  padding: 1.5rem;
}
.signmaker-wrapper-inner .signmaker-message {
  display: none;
}
@media screen and (max-width: 1000px) {
  .signmaker-wrapper-inner .signmaker-message {
    display: grid;
  }
}

.signmaker {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1.25fr;
}
@media screen and (max-width: 1000px) {
  .signmaker {
    display: none;
  }
}
.signmaker.compost .sign-items-heading {
  background-color: var(--wp--preset--color--light-green);
}
.signmaker.landfill .sign-items-heading {
  background-color: var(--wp--preset--color--medium-gray);
}
.signmaker.recycle .sign-items-heading {
  background-color: var(--wp--preset--color--light-blue);
}
.signmaker .sign-items-wrapper {
  border: 1px solid var(--wp--preset--color--dark-blue);
  container-type: inline-size;
  display: grid;
  grid-column: 1/2;
  grid-template-rows: auto 1fr;
  max-height: 620px;
}
.signmaker .sign-items-heading {
  padding: 1rem;
}
.signmaker .sign-items-heading h3 {
  color: var(--wp--preset--color--white);
  font-size: clamp(0.75rem, 1.65vw, 1.5rem);
  margin: 0 auto;
  max-width: 340px;
  text-align: center;
}
.signmaker .sign-items-list {
  grid-column: 1/2;
  grid-row: 2/3;
  overflow-y: scroll;
  padding: 0.5px 0;
}
.signmaker .sign-items-list ul {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  margin: 2rem;
  padding: 0;
}
@media screen and (max-width: 1000px) {
  .signmaker .sign-items-list ul {
    gap: 1rem;
    margin: 1rem;
  }
}
@container (max-width: 360px) {
  .signmaker .sign-items-list ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 1rem;
  }
}
.signmaker .sign-items-list ul li {
  margin: 0;
  padding: 0;
}
.signmaker .sign-items-list ul .item {
  border-radius: 0.25rem;
}
.signmaker .sign-items-list ul .item.rollover {
  outline: 2px solid var(--wp--preset--color--light-gray);
}
.signmaker .sign-items-list ul .item.selected {
  outline: 2px solid var(--wp--preset--color--orange);
}
.signmaker .sign-items-list ul img {
  display: block;
  height: auto;
  max-width: 100%;
}
.signmaker .sign-items-list ul.disabled .item {
  opacity: 0.4;
}
.signmaker .sign-links-wrapper {
  border: 1px solid var(--wp--preset--color--dark-blue);
  container-type: inline-size;
  display: grid;
  grid-column: 1/2;
  grid-template-rows: auto 1fr;
  max-height: 620px;
}
.signmaker .sign-links-list {
  grid-column: 1/2;
  grid-row: 2/3;
  overflow-y: scroll;
  padding: 0.5px 0;
}
.signmaker .sign-links-list ul {
  display: grid;
  gap: 2rem;
  list-style: none;
  margin: 2rem;
  padding: 0;
}
@media screen and (max-width: 1000px) {
  .signmaker .sign-links-list ul {
    gap: 1rem;
    margin: 2rem 1rem;
  }
}
.signmaker .sign-links-list ul.tabloid {
  grid-template-columns: 1fr;
}
.signmaker .sign-links-list ul.letter {
  grid-template-columns: repeat(2, 1fr);
}
@container (max-width: 360px) {
  .signmaker .sign-links-list ul.letter {
    grid-template-columns: 1fr;
  }
}
.signmaker .sign-links-list ul li {
  margin: 0;
  padding: 0;
}
.signmaker .sign-links-list ul .sign-link {
  display: grid;
  margin: auto;
  max-width: 300px;
  text-align: center;
  text-decoration: none;
}
.signmaker .sign-links-list ul .sign-link img {
  border: 1px solid var(--wp--preset--color--light-gray);
}
.signmaker .sign-links-list ul .sign-link span {
  display: block;
}
.signmaker .sign-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-column: 2/3;
  grid-row: 1/2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 500px;
}
.signmaker .sign-content-wrapper .sign-buttons-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1rem 0 auto;
}
.signmaker .sign-content-wrapper .sign-buttons-wrapper[style^="display: block;"] {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.signmaker .sign-content-wrapper .sign-buttons-wrapper .input-group {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0;
  padding: 0;
  width: unset;
}
.signmaker .sign-content-wrapper .sign-buttons-wrapper .button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0;
  padding: 0.5em;
}

.sign-content {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid var(--wp--preset--color--light-gray) -xlight;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin: auto auto 0;
}
.sign-content[data-sign-size=letter] {
  height: 566px;
  width: 438px;
}
.sign-content[data-sign-size=letter][data-sign-type=compost] {
  background-image: url("../images/signmaker/bg/letter-compost.png");
}
.sign-content[data-sign-size=letter][data-sign-type=landfill] {
  background-image: url("../images/signmaker/bg/letter-landfill.png");
}
.sign-content[data-sign-size=letter][data-sign-type=recycle] {
  background-image: url("../images/signmaker/bg/letter-recycle.png");
}
.sign-content[data-sign-size=letter] .dropzone {
  border-radius: 1.0625rem;
  height: 392px;
  margin: 22% 11% 17%;
  width: 340px;
}
.sign-content[data-sign-size=letter] .selected-items[data-num-items="1"] li {
  width: 250px;
}
.sign-content[data-sign-size=letter] .selected-items[data-num-items="2"] li {
  width: 150px;
}
.sign-content[data-sign-size=letter] .selected-items[data-num-items="3"] li, .sign-content[data-sign-size=letter] .selected-items[data-num-items="4"] li {
  margin: 7px 5px;
  width: 130px;
}
.sign-content[data-sign-size=letter] .selected-items[data-num-items="5"] li, .sign-content[data-sign-size=letter] .selected-items[data-num-items="6"] li {
  height: 120px;
  margin: 15px 5px;
}
.sign-content[data-sign-size=tabloid] {
  height: 415px;
  width: 640px;
}
.sign-content[data-sign-size=tabloid][data-sign-type=compost] {
  background-image: url("../images/signmaker/bg/tabloid-compost.png");
}
.sign-content[data-sign-size=tabloid][data-sign-type=landfill] {
  background-image: url("../images/signmaker/bg/tabloid-landfill.png");
}
.sign-content[data-sign-size=tabloid][data-sign-type=recycle] {
  background-image: url("../images/signmaker/bg/tabloid-recycle.png");
}
.sign-content[data-sign-size=tabloid] .dropzone {
  border-radius: 0.25rem;
  height: 248px;
  margin: 16% 6% 10.5%;
  width: 562px;
}
.sign-content[data-sign-size=tabloid] .selected-items[data-num-items="1"] li, .sign-content[data-sign-size=tabloid] .selected-items[data-num-items="2"] li {
  width: 180px;
}
.sign-content[data-sign-size=tabloid] .selected-items[data-num-items="3"] li {
  width: 160px;
}
.sign-content[data-sign-size=tabloid] .selected-items[data-num-items="4"] li {
  width: 120px;
}
.sign-content[data-sign-size=tabloid] .selected-items[data-num-items="5"], .sign-content[data-sign-size=tabloid] .selected-items[data-num-items="6"] {
  width: 350px;
}
.sign-content[data-sign-size=tabloid] .selected-items[data-num-items="5"] li, .sign-content[data-sign-size=tabloid] .selected-items[data-num-items="6"] li {
  height: 120px;
}
.sign-content[data-sign-bleed=true][data-sign-size=letter][data-sign-type=compost] {
  background-image: url("../images/signmaker/bg/letter-compost-bleed-bg.png");
}
.sign-content[data-sign-bleed=true][data-sign-size=letter][data-sign-type=landfill] {
  background-image: url("../images/signmaker/bg/letter-landfill-bleed-bg.png");
}
.sign-content[data-sign-bleed=true][data-sign-size=letter][data-sign-type=recycle] {
  background-image: url("../images/signmaker/bg/letter-recycle-bleed-bg.png");
}
.sign-content[data-sign-bleed=true][data-sign-size=tabloid][data-sign-type=compost] {
  background-image: url("../images/signmaker/bg/tabloid-compost-bleed-bg.png");
}
.sign-content[data-sign-bleed=true][data-sign-size=tabloid][data-sign-type=landfill] {
  background-image: url("../images/signmaker/bg/tabloid-landfill-bleed-bg.png");
}
.sign-content[data-sign-bleed=true][data-sign-size=tabloid][data-sign-type=recycle] {
  background-image: url("../images/signmaker/bg/tabloid-recycle-bleed-bg.png");
}
.sign-content .dropzone {
  background-color: transparent;
  display: grid;
  outline: 2px dashed transparent;
  place-content: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.sign-content .dropzone.dropzone-active {
  background-color: var(--wp--preset--color--light-gray);
  outline-color: var(--wp--preset--color--light-gray);
}
.sign-content .dropzone.dropzone-active img {
  outline: 1px solid var(--wp--preset--color--light-gray);
}
.sign-content .selected-items {
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.sign-content .selected-items li {
  aspect-ratio: 1/1.25;
  display: inline-block;
  line-height: 1;
  margin: auto 5px;
}
.sign-content .selected-items li img {
  display: block;
}
.sign-content .selected-items li.clone {
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  outline: 2px dashed var(--wp--preset--color--medium-gray);
  z-index: 10;
}

.is-dragging .item {
  border: 1px solid var(--wp--preset--color--light-gray);
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  width: 100px;
}
.is-dragging .item img {
  display: block;
}

.quiz {
  border: 1px solid var(--wp--preset--color--dark-blue);
  margin-bottom: 2rem;
}
.quiz .quiz-panel {
  display: grid;
  grid-template-areas: "numbers answer" "question answer";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
}
@media screen and (max-width: tablet) {
  .quiz .quiz-panel {
    grid-template-areas: "numbers numbers" "question answer";
  }
}
@media screen and (max-width: 600px) {
  .quiz .quiz-panel {
    grid-template-areas: "numbers" "question" "answer";
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
}
.quiz .quiz-panel h4 {
  color: var(--wp--preset--color--white);
  display: block;
  font-size: 2rem;
  font-weight: 700;
  margin: 0.5rem auto;
  padding-bottom: 0.5rem;
  text-transform: none;
}
.quiz .panel-numbers {
  border-bottom: 1px solid var(--wp--preset--color--dark-blue);
  border-right: 1px solid var(--wp--preset--color--dark-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  grid-area: numbers;
}
.quiz .panel-numbers .number {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--dark-blue);
  cursor: default;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  font-weight: 700;
  padding: 0.5rem;
  text-align: center;
}
.quiz .panel-numbers .number.completed {
  background-color: var(--wp--preset--color--dark-blue);
  color: var(--wp--preset--color--white);
}
.quiz .panel-numbers .number.current {
  background-color: var(--wp--preset--color--light-green);
  color: var(--wp--preset--color--black);
}
.quiz .panel-numbers .number + .number {
  border-left: 1px solid var(--wp--preset--color--dark-blue);
}
.quiz .panel-numbers .number + .number.completed {
  border-left: 1px solid var(--wp--preset--color--dark-blue);
}
.quiz .question,
.quiz .answer {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}
@media screen and (max-width: 600px) {
  .quiz .question,
  .quiz .answer {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.quiz .question {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wp--preset--color--white);
  border-right: 1px solid var(--wp--preset--color--dark-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: question;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.quiz .question .wrapper {
  color: var(--wp--preset--color--dark-blue);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-weight: 700;
  margin: 2rem;
  max-width: 20rem;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .quiz .question .wrapper {
    margin: 1rem;
  }
}
.quiz .question .image {
  margin-bottom: 1rem;
}
@media screen and (max-width: 600px) {
  .quiz .question .image {
    display: none;
  }
}
.quiz .question .image img {
  display: block;
  margin: auto;
}
.quiz .question .results {
  color: var(--wp--preset--color--dark-blue);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 2rem;
  font-weight: 700;
  margin: 2rem;
  max-width: 20rem;
  text-align: center;
}
.quiz .question .results .score {
  font-size: 6rem;
}
.quiz .question .results p {
  color: var(--wp--preset--color--black);
  font-weight: 400;
}
.quiz .answer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--wp--preset--color--dark-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: answer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.quiz .answer .answer-choices,
.quiz .answer .result-message {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 2rem;
  text-align: left;
}
@media screen and (max-width: 600px) {
  .quiz .answer .answer-choices,
  .quiz .answer .result-message {
    margin: 2rem 1rem;
  }
}
@media screen and (max-width: 600px) {
  .quiz .answer h4 {
    font-size: 1.5rem;
  }
}
.quiz .answer p {
  color: var(--wp--preset--color--white);
}
@media screen and (max-width: 600px) {
  .quiz .answer p {
    font-size: 1rem;
  }
}
.quiz .answer form label {
  color: var(--wp--preset--color--white);
  font-size: 16px;
}
.quiz .answer form .input-group {
  padding: 0;
}
.quiz .answer form [type=radio] + label {
  border: 1px solid var(--wp--preset--color--white);
  display: block;
  padding: 0.5rem;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.quiz .answer form [type=radio] + label::before {
  display: none;
}
.quiz .answer form [type=radio] + label:hover {
  background-color: var(--wp--preset--color--light-blue);
  color: var(--wp--preset--color--black);
}
.quiz .answer form [type=radio]:checked + label {
  background-color: var(--wp--preset--color--white);
  border: 2px solid var(--wp--preset--color--white);
  color: var(--wp--preset--color--dark-blue);
}
.quiz .answer .correct-answer,
.quiz .answer .incorrect-answer {
  color: var(--wp--preset--color--white);
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 2rem;
  text-align: left;
}
.quiz .answer .correct-answer.active,
.quiz .answer .incorrect-answer.active {
  display: block;
}
.quiz .answer .hidden {
  display: none;
}
.quiz button,
.quiz .button {
  font-size: 0.8rem;
}
.quiz .social-share {
  background-color: var(--wp--preset--color--light-blue);
  clip-path: polygon(32px 0%, 100% 0, 100% 100%, 0 100%);
  bottom: 0;
  color: var(--wp--preset--color--black);
  padding: 0.75rem 0.75rem 0.75rem 2rem;
  position: absolute;
  right: 0;
  z-index: 2;
}
@media screen and (max-width: 600px) {
  .quiz .social-share {
    height: 60px;
    left: -1px;
    overflow: hidden;
    padding: 1rem;
    right: -1px;
    text-align: center;
    top: 100%;
  }
}

.curbside-programs {
  -ms-flex-line-pack: start;
      align-content: start;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  margin-top: 3rem;
}
.curbside-programs .curbside-program {
  -ms-flex-line-pack: start;
      align-content: start;
  border: 2px solid var(--wp--preset--color--dark-blue);
  display: grid;
  gap: 0.5rem;
  padding: 1rem;
}
.curbside-programs .curbside-program__title {
  color: var(--wp--preset--color--dark-blue);
  font-size: var(--wp--preset--font-size--heading-5);
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}
.curbside-programs .curbside-program__comments {
  -ms-flex-line-pack: start;
      align-content: start;
  display: grid;
  font-size: 16px;
  gap: 0.5rem;
  margin: 0;
}

/* Overrides for default styles from WP Google Maps plugin */
/* =================================
	Map
==================================== */
.wpgmza_map {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid var(--wp--preset--color--medium-gray) !important;
  max-height: 80vh;
  min-height: 300px;
}
@media screen and (max-width: 768px) {
  .wpgmza_map {
    margin-bottom: 1rem;
    max-height: 70vh;
  }
}

/* =================================
	Search form fields
==================================== */
.wpgmza_sl_main_div {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2rem;
}
.wpgmza_sl_main_div > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 1rem;
}
@media screen and (max-width: 375px) {
  .wpgmza_sl_main_div > * {
    padding: 0 !important;
    width: 100%;
  }
}
.wpgmza_sl_main_div label {
  margin-bottom: 0.25rem;
}
.wpgmza_sl_main_div input[type=text] {
  border: 1px solid var(--wp--preset--color--light-gray);
  margin: 0;
  width: calc(100% - 3.2rem) !important;
}
@media screen and (max-width: 375px) {
  .wpgmza_sl_main_div input[type=text] {
    width: calc(100% - 3.4rem) !important;
  }
}
.wpgmza_sl_main_div input[type=button] {
  margin: 0;
  padding: 0.5em 1em;
}
.wpgmza_sl_main_div .wpgmza_sl_query_innerdiv1 {
  float: none !important;
}
.wpgmza_sl_main_div .wpgmza-radius-container {
  display: none;
}
.wpgmza_sl_main_div .wpgmza_sl_search_button_div,
.wpgmza_sl_main_div .wpgmza_sl_reset_button_div {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-bottom: 5px;
}
.wpgmza_sl_main_div .wpgmza-not-found-msg {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}
.wpgmza_sl_main_div .button,
.wpgmza_sl_main_div button,
.wpgmza_sl_main_div .sl_use_loc {
  margin: 0;
  padding: 0.5em 1em;
}
@media screen and (max-width: 375px) {
  .wpgmza_sl_main_div .button,
  .wpgmza_sl_main_div button,
  .wpgmza_sl_main_div .sl_use_loc {
    padding: 6px 15px;
  }
}
.wpgmza_sl_main_div .sl_use_loc {
  background-color: var(--wp--preset--color--light-gray);
  border-color: var(--wp--preset--color--light-gray);
  margin: 0;
}
.wpgmza_sl_main_div .sl_use_loc:hover {
  border-color: var(--wp--preset--color--dark-blue);
}
/* =================================
	Locations
==================================== */
.wpgmza_marker_list_class {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
  padding-top: 32px !important;
}

.wpgmaps_mlist_row.wpgmza_basic_row {
  border: 2px solid var(--wp--preset--color--dark-blue) !important;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.wpgmaps_mlist_row.wpgmza_basic_row:hover {
  border-color: var(--wp--preset--color--light-blue) !important;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-address {
  color: var(--wp--preset--color--black) !important;
  font-size: 1rem;
  font-style: normal;
}
.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc p {
  color: var(--wp--preset--color--black) !important;
  font-size: 1rem !important;
  margin: 0 !important;
}
.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc br {
  display: none;
}
.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-desc .wpgmza_gd {
  margin: 1rem 0;
}
.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-link a {
  font-size: 1rem;
}
.wpgmaps_mlist_row.wpgmza_basic_row .wpgmza-link a::before {
  content: "Visit ";
}

.wpgmza-basic-listing-content-holder {
  float: none;
}

.wpgmza-basic-listing-image-holder {
  display: none !important;
  float: none;
  width: 0;
}

.wpgmza-content-address-holder {
  width: 100% !important;
  float: none !important;
}
.wpgmza-content-address-holder .wpgmza-content-address-holder-inner {
  margin-top: 0;
}
.wpgmza-content-address-holder .wpgmza-content-address-holder-inner a {
  color: var(--wp--preset--color--dark-blue);
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
}

/* =================================
	Infowindow
==================================== */
.gm-style-iw img.wpgmza_infowindow_image {
  float: none !important;
  margin-bottom: 1rem !important;
}
@media screen and (max-width: 375px) {
  .gm-style-iw img.wpgmza_infowindow_image {
    display: none;
  }
}
.gm-style-iw p,
.gm-style-iw .wpgmza_infowindow_description {
  color: var(--wp--preset--color--medium-gray);
  font-size: 0.9rem;
  margin: 0 0 0.5em;
}
.gm-style-iw .wpgmza_infowindow_title {
  color: var(--wp--preset--color--light-blue) !important;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
.gm-style-iw .wpgmza_infowindow_address {
  color: var(--wp--preset--color--black);
}

/* =================================
	Directions popout
==================================== */
.wpgmza-popout-panel {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) !important;
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) !important;
}

.wpgmza-modern-directions-box .wpgmaps_directions_outer_div h2 {
  background-color: var(--wp--preset--color--dark-blue) !important;
  font-family: var(--wp--preset--font-family--din) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  text-transform: none;
}
.wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field .wpgmaps_add_waypoint,
.wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field a[id^=wpgmza_show_options],
.wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field a[id^=wpgmza_hide_options] {
  display: none;
}
.wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field input[type=text] {
  border: 1px solid var(--wp--preset--color--light-gray) !important;
  font-family: var(--wp--preset--font-family--din) !important;
  padding-left: 0.5rem;
}
.wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field select {
  border: 1px solid var(--wp--preset--color--light-gray) !important;
  font-family: var(--wp--preset--font-family--din) !important;
  padding-left: 0.5rem;
}
.wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field .wpgmaps_get_directions {
  background-color: var(--wp--preset--color--dark-blue) !important;
}
.wpgmza-modern-directions-box .wpgmaps_directions_outer_div .wpgmza-form-field .wpgmaps_get_directions:hover {
  background-color: var(--wp--preset--color--white) !important;
}

.recycling-categories-list h2 {
  margin-bottom: 2rem;
  text-transform: none;
}
.recycling-categories-list .subhead {
  margin-bottom: 0;
  margin-top: 1rem;
}
.recycling-categories-list .search-category {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  margin-bottom: 4rem;
}
.recycling-categories-list .search-category h3 {
  font-size: 2rem;
  grid-column: 1/-1;
}
.recycling-categories-list .search-category a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid var(--wp--preset--color--light-gray);
  color: var(--wp--preset--color--dark-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.recycling-categories-list .search-category a:hover {
  border-color: var(--wp--preset--color--light-blue);
}
.recycling-categories-list .search-category a:visited {
  color: var(--wp--preset--color--dark-blue);
}
.recycling-categories-list .search-category a img,
.recycling-categories-list .search-category a span {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 1rem;
}
.recycling-categories-list .search-category a img {
  max-width: 30%;
}
@media screen and (max-width: 600px) {
  .recycling-categories-list .search-category a img {
    max-width: 20%;
  }
}
.recycling-categories-list .search-category a span {
  font-size: 1.5rem;
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  .recycling-categories-list .search-category a span {
    font-size: 1.25rem;
  }
}
.recycling-categories-list .search-category a.small img {
  margin: 0.25rem 0.5rem;
  max-width: 20%;
}
.recycling-categories-list .search-category a.small span {
  font-size: 1.25rem;
}
@media screen and (max-width: 600px) {
  .recycling-categories-list .search-category a.small span {
    font-size: 1rem;
  }
}

.search-location-results {
  margin: 1rem;
}

.search-criteria {
  padding: 1rem 0;
}
.search-criteria .columns {
  border-bottom: 1px solid var(--wp--preset--color--medium-gray);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1rem;
}
.search-criteria .columns .column:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.search-criteria p,
.search-criteria .button {
  margin: 0;
}

.search-locations {
  padding: 2rem 0.5rem;
}
.search-locations .location-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.search-locations .location-grid .location {
  border: 2px solid var(--wp--preset--color--dark-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 1rem);
          flex: 0 0 calc(25% - 1rem);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0.5rem;
  width: calc(25% - 1rem);
}
@media screen and (max-width: 1000px) {
  .search-locations .location-grid .location {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 1rem);
            flex: 0 0 calc(33% - 1rem);
    width: calc(33% - 1rem);
  }
}
@media screen and (max-width: tablet) {
  .search-locations .location-grid .location {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1rem);
            flex: 0 0 calc(50% - 1rem);
    width: calc(50% - 1rem);
  }
}
@media screen and (max-width: 375px) {
  .search-locations .location-grid .location {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 1rem);
            flex: 0 0 calc(100% - 1rem);
    width: calc(100% - 1rem);
  }
}
.search-locations .location-grid .location .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1rem;
}
.search-locations .location-grid .location .text h4 {
  color: var(--wp--preset--color--light-blue);
  font-size: 1.5rem;
  margin: 0.5rem 0;
  text-transform: none;
}
@media screen and (max-width: 375px) {
  .search-locations .location-grid .location .text h4 {
    font-size: 1.15rem;
  }
}
.search-locations .location-grid .location .text span {
  color: var(--wp--preset--color--dark-gray);
  display: block;
}
.search-locations .location-grid .location .text .distance {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.search-locations .location-grid .location .buttons {
  -ms-flex-item-align: end;
      align-self: flex-end;
  border-top: 2px solid var(--wp--preset--color--dark-blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .search-locations .location-grid .location .buttons {
    border-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 375px) {
  .search-locations .location-grid .location .buttons {
    border-top: 2px solid var(--wp--preset--color--dark-blue);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.search-locations .location-grid .location .buttons .button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
  font-size: 0.9rem;
  margin: 0;
  padding: 0.5rem 0;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 600px) {
  .search-locations .location-grid .location .buttons .button {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media screen and (max-width: 375px) {
  .search-locations .location-grid .location .buttons .button {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
  }
}
.search-locations .location-grid .location .buttons .button,
.search-locations .location-grid .location .buttons .button-transparent {
  border: 0;
}
.search-locations .location-grid .location .buttons .button:hover,
.search-locations .location-grid .location .buttons .button-transparent:hover {
  background-color: var(--wp--preset--color--light-blue);
  color: var(--wp--preset--color--white) !important;
}
/*# sourceMappingURL=style.css.map */