@use "sass:math";
/* media query mixin */
/* get rid of list formatting */
/* prevent long links from breaking out of container */
/* creates a colored circle with an icon in the middle */
/* formats the placeholder text within an input field */
.closures-header {
  background: white;
  padding: 3.75rem 5.625rem; }
  @media (max-width: 74.9375rem) {
    .closures-header {
      padding: 3.75rem; } }
  @media (max-width: 47.9375rem) {
    .closures-header {
      padding: 1.875rem; } }
  .closures-header h1 {
    font-size: 3.75rem;
    margin: 0;
    line-height: 1.2; }
    @media (max-width: 47.9375rem) {
      .closures-header h1 {
        font-size: 2.25rem; } }
  .closures-header__intro {
    max-width: 43.75rem; }
    .closures-header__intro p:last-child {
      margin-bottom: 0; }

.closures-map {
  padding: 3.75rem 5.625rem; }
  @media (max-width: 74.9375rem) {
    .closures-map {
      padding: 3.75rem; } }
  @media (max-width: 47.9375rem) {
    .closures-map {
      padding: 1.875rem; } }
  .closures-map h2 {
    font-size: 1.25rem;
    margin: 0;
    line-height: 1.2; }
  .closures-map p {
    margin-top: 0;
    font-size: 1rem; }
  .closures-map__details {
    display: flex;
    margin-bottom: 1.875rem;
    gap: 0.625rem; }
    @media (max-width: 47.9375rem) {
      .closures-map__details {
        flex-direction: column; } }
    .closures-map__details-text {
      width: 50%;
      display: flex;
      align-items: flex-end;
      font-size: 1rem; }
      @media (max-width: 47.9375rem) {
        .closures-map__details-text {
          width: 100%; } }
    .closures-map__details-icons {
      width: 50%;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      gap: 1.5625rem;
      font-size: 1rem; }
      @media (max-width: 47.9375rem) {
        .closures-map__details-icons {
          width: 100%;
          justify-content: flex-start; } }
      .closures-map__details-icons > div {
        display: flex;
        align-items: center;
        gap: 0.3125rem; }
      .closures-map__details-icons img {
        width: 1.5625rem;
        height: 1.5625rem; }

.closures-list {
  padding: 3.75rem 5.625rem;
  padding-top: 0 !important; }
  @media (max-width: 74.9375rem) {
    .closures-list {
      padding: 3.75rem; } }
  @media (max-width: 47.9375rem) {
    .closures-list {
      padding: 1.875rem; } }
  .closures-list__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.9375rem; }
    .closures-list__header h2 {
      font-size: 1.25rem;
      margin: 0;
      line-height: 1.2; }
    .closures-list__header a {
      cursor: pointer;
      font-size: 1rem; }
  .closures-list__filters-wrap {
    padding-bottom: 2.5rem; }
    .closures-list__filters-wrap .closures-list__filters-more {
      display: none; }
      @media (max-width: 61.9375rem) {
        .closures-list__filters-wrap .closures-list__filters-more {
          display: block; } }
    .closures-list__filters-wrap.expanded .closures-list__filters {
      height: auto;
      overflow: visible; }
    .closures-list__filters-wrap.expanded .closures-list__filter {
      display: flex; }
    .closures-list__filters-wrap.expanded .closures-list__filters-more--show {
      display: none; }
    .closures-list__filters-wrap:not(.expanded) .closures-list__filters-more--hide {
      display: none; }
  .closures-list__filters {
    display: flex;
    gap: 2.5rem;
    row-gap: 1.875rem;
    margin: 1.25rem 0; }
    @media (max-width: 61.9375rem) {
      .closures-list__filters {
        flex-wrap: wrap;
        height: 5.625rem;
        overflow: hidden; } }
    .closures-list__filters-more {
      font-size: 1rem; }
  .closures-list__filter {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 0.3125rem; }
    @media (max-width: 61.9375rem) {
      .closures-list__filter {
        min-width: 12.5rem; }
        .closures-list__filter.hidden {
          display: none; } }
    @media (max-width: 35.9375rem) {
      .closures-list__filter {
        width: 100%; } }
    .closures-list__filter label {
      font-size: 1.125rem;
      text-transform: uppercase;
      font-weight: bold;
      color: black; }
    .closures-list__filter select {
      max-width: 100%;
      color: #2b2b2b; }
      .closures-list__filter select.placeholder,
      .closures-list__filter select option.placeholder {
        color: #696969; }
      .closures-list__filter select option {
        color: #2b2b2b; }

.closures-list__items {
  display: flex;
  flex-direction: column;
  gap: 1.25rem; }

.closures-list__item {
  background: white;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
  border: solid 1px #e0e0e0;
  border-radius: 0.9375rem;
  display: flex; }
  .closures-list__item.hidden {
    display: none; }
  .closures-list__item-type {
    width: 13.125rem;
    flex-shrink: 0;
    border-right: 1px solid #e0e0e0;
    padding: 1.875rem;
    font-size: 1rem; }
    @media (max-width: 47.9375rem) {
      .closures-list__item-type {
        display: none; } }
    .closures-list__item-type strong {
      font-size: 1.125rem; }
    .closures-list__item-type img {
      width: 2.5rem;
      height: 2.5rem;
      margin-bottom: 0.3125rem; }
  .closures-list__item-description-wrap {
    width: 100%;
    display: flex; }
    @media (max-width: 61.9375rem) {
      .closures-list__item-description-wrap {
        flex-direction: column; } }
  .closures-list__item-description {
    width: 100%;
    padding: 1.875rem;
    padding-right: 0; }
    @media (max-width: 61.9375rem) {
      .closures-list__item-description {
        padding-right: 1.875rem;
        padding-bottom: 1.25rem; } }
    .closures-list__item-description-date {
      font-size: 1.125rem;
      color: #696969;
      margin-bottom: 0.3125rem; }
    .closures-list__item-description-text {
      margin-bottom: 0.625rem; }
      .closures-list__item-description-text p {
        font-size: 1rem;
        margin: 0;
        margin-bottom: 0.625rem; }
        .closures-list__item-description-text p:first-child {
          font-size: 1.25rem; }
          @media (max-width: 47.9375rem) {
            .closures-list__item-description-text p:first-child {
              font-size: 1.125rem; } }
    .closures-list__item-description-type {
      display: none;
      gap: 0.625rem;
      font-size: 1rem;
      align-items: center;
      border-top: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0;
      padding: 0.9375rem 0;
      margin-top: 0.9375rem;
      margin-bottom: 0.625rem; }
      @media (max-width: 47.9375rem) {
        .closures-list__item-description-type {
          display: flex; } }
      .closures-list__item-description-type img {
        width: 2.5rem;
        height: 2.5rem; }
    .closures-list__item-description-detour {
      padding-top: 0.625rem; }
      .closures-list__item-description-detour p {
        font-size: 1rem;
        margin: 0; }
  .closures-list__item-detour {
    width: 17.375rem;
    flex-shrink: 0;
    padding: 3.125rem 3.75rem; }
    @media (max-width: 61.9375rem) {
      .closures-list__item-detour {
        padding: 1.875rem;
        padding-top: 0; } }
    .closures-list__item-detour button {
      white-space: nowrap;
      font-size: 1.125rem;
      display: flex;
      align-items: center;
      line-height: 1;
      padding: 0.625rem 1.25rem; }
      .closures-list__item-detour button i {
        background: white;
        border-radius: 100%;
        margin-right: 0.3125rem;
        font-size: 1.375rem; }
    .closures-list__item-detour.view .closures-list__item-detour-hide {
      display: none; }
    .closures-list__item-detour:not(.view) .closures-list__item-detour-view {
      display: none; }

/*# sourceMappingURL=closures-detours.css.map */