/* Minification failed. Returning unminified contents.
(951,27): run-time error CSS1038: Expected hex color, found '#0000'
(952,34): run-time error CSS1038: Expected hex color, found '#0000'
(954,31): run-time error CSS1038: Expected hex color, found '#0000'
(1047,34): run-time error CSS1038: Expected hex color, found '#0000'
(1049,31): run-time error CSS1038: Expected hex color, found '#0000'
 */
.flyout-container {
  display: flex;
  flex-direction: column;
  padding: 30px;
  row-gap: 30px;
  width: 85%;
  height: 100%;
}

  .flyout-container .flyout-container-text {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }

  .flyout-container .flyout-container-title {
    font-size: 18px;
    font-weight: 700;
  }

  .flyout-container .flyout-container-body {
    font-size: 16px;    
  }

  .flyout-container .flyout-container-links {
    display: flex;
    flex-direction: column;
  }

    .flyout-container .flyout-container-links .flyout-container-link,
    .flyout-container .flyout-container-links .flyout-container-link-hover > a {
      font-weight: 600;
      font-size: 18px;
    }

    .flyout-container .flyout-container-links .flyout-container-link-hover {
      display: flex;
    }

    .flyout-container .flyout-container-links .flyout-container-link.mobile {
      display: block;
    }

    .flyout-container .flyout-container-links .flyout-container-link.desktop {
      display: none;
    }

    .flyout-container .flyout-container-links .flyout-container-link-hover > a {
      align-items: center;
      column-gap: 8px;
      display: flex;
      flex-direction: row;
    }

    .flyout-container .flyout-container-links .flyout-container-link-hover > a span.glyph {
      color: #124a7e;
      font-size: 23px;
    }

    .flyout-container .flyout-container-links .flyout-container-link-hover > a span.glyph > svg {
      align-items: center;
      display: flex;
      color: #124a7e;
      font-size: 23px;
    }

@media (min-width: 768px) {
  .flyout-container {
    width: 40%;
  }

    .flyout-container .flyout-container-links .flyout-container-link.mobile {
      display: none;
    }

    .flyout-container .flyout-container-links .flyout-container-link.desktop {
      display: block;
    }
}

@media (hover: hover) {
  .flyout-container .flyout-container-links .flyout-container-link-hover:hover > a,
  .flyout-container .flyout-container-links .flyout-container-link-hover:hover > a span.glyph > svg {
    color: #ab0032;
  }
}

.callout-container {
  display: flex;
  flex-direction: column;
  padding: 25px 40px;
  width: 100%;
}

.callout-container .callout-text {
  color: inherit;
}

  .callout-container .callout-text hr {
    border-color: inherit;
  }

  .callout-container .callout-links {
    text-align: center;
  }

  .callout-container .callout-links a {
    color: inherit;
  }

    .callout-container .callout-links a:hover {
      color: #ab0032;
    }

@media (min-width: 768px) {
  .callout-container {
    padding: 25px 15px;
    width: 185px;
  }
}

.panel-view-container {
  display: flex;
  float: left;
  width: 100%;
}

  .panel-view-container .panel-view-background {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
  }

  .panel-view-container .panel-view-header {
    display: flex;
    flex-direction: column;
    padding: 0 25px;
    row-gap: 10px;
  }

    .panel-view-container .panel-view-header .panel-view-header-title {
      color: #124a7e;
      text-transform: none;
    }

    .panel-view-container .panel-view-header .panel-view-header-description {
      font-size: 16px;
      line-height: 22px;
    }

  .panel-view-container .panel-view-body {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    padding: 0 25px 0;
    position: relative;
  }

    .panel-view-container .panel-view-body .panel-view-body-panels {      
      border: 1px solid #124a7e;
      display: none;
      flex-direction: row;      
    }

    .panel-view-container .panel-view-body .panel-container {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }

      .panel-view-container .panel-view-body .panel-container .panel-body {
        display: none;
        padding: 15px 0;
      }

      .panel-view-container .panel-view-body .panel-container.active .panel-body {
        display: block;
      }

      .panel-view-container .panel-view-body .panel-view-body-panels .panel-view-body-nav,
      .panel-view-container .panel-view-body .panel-container .panel-header {
        background-color: #ffffff;
        color: #124a7e;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        font-size: 16px;
        width: 100%;
      }

        .panel-view-container .panel-view-body .panel-container .panel-header > span {
          align-items: center;
          display: flex;
          font-size: 12px;
        }

    .panel-view-container .panel-view-body .panel-view-body-panels .panel-view-body-nav {
      align-items: center;
      text-align: center;
      padding: 5px 10px;
      justify-content: center;
    }

    .panel-view-container .panel-view-body .panel-container .panel-header {
      padding: 10px 20px;
      column-gap: 7px;
    }

      .panel-view-container .panel-view-body .panel-view-body-panels .panel-view-body-nav.active,
      .panel-view-container .panel-view-body .panel-container.active .panel-header {
        background-color: #124a7e;
        color: #FFFFFF;
      }

    .panel-view-container .panel-view-body .panel-view-body-panels .panel-view-body-nav:not(:last-of-type) {
      border-right: 1px solid #124a7e;
    }

    .panel-view-container .panel-view-body .panel-view-body-panel {
      display: flex;
      flex-direction: column;
    }

    .panel-view-container .panel-view-body .panel-view-body-panel .panel-container {
      color: #000;
    }

    .panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-header {
      border: 1px solid #124a7e;
    }

      .panel-view-container .panel-view-body .panel-view-body-panel .panel-container:not(:last-of-type) .panel-header {
        border-bottom-width: 0;
      }
        
@-webkit-keyframes openPanel {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-89deg);
    transform: rotate(-89deg);
  }
}

@keyframes openPanel {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-89deg);
    transform: rotate(-89deg);
  }
}

@-webkit-keyframes closePanel {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(179deg);
    transform: rotate(179deg);
  }
}

@keyframes closePanel {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(179deg);
    transform: rotate(179deg);
  }
}

@media (min-width: 768px) {
  .panel-view-container .panel-view-background {
    padding-top: 25px;
    width: calc(100% + 80px);
  }

  .panel-view-container .panel-view-header {
    padding: 0 40px;
  }

  .panel-view-container .panel-view-body {    
    padding: 0 40px;
  }

  .panel-view-container.with-image .panel-view-body {
    min-height: 425px;
  }

    .panel-view-container .panel-view-body .panel-view-body-panels {
      display: flex;
    }

    .panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-header {
      display: none;
    }
}

@media (hover: hover) {
  .panel-view-container .panel-view-body .panel-view-body-panels .panel-view-body-nav:hover,
  .panel-view-container .panel-view-body .panel-container .panel-header:hover {
    background-color: #124a7e;
    color: #FFFFFF;
  }
}

.panel-view-container.panel-tab-view .panel-view-body .panel-container .panel-header > span.pointer {
  display: none;
}

.serviceLine .panel-tab-view {
    float:left;
}

.panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-body .panel-body-flyout {
  flex-direction: column;
  justify-content: center;
}

  .panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-body .panel-body-flyout img {
    height: auto;
    width: 100%;
  }

  .panel-view-container .panel-view-body .panel-view-body-panel .panel-container.active .panel-body .panel-body-flyout {
    display: flex;
  }

  .panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-body .panel-body-flyout.panel-body-flyout-with-callouts .panel-body-flyout-callouts {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 0 20px 20px;
  }

@media(min-width: 768px) {
  .panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-body .panel-body-flyout {
    justify-content: flex-start;
    padding: 40px 0;
  }

  .panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-body .panel-body-flyout picture {
    display: none;
  }

    .panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-body .panel-body-flyout.panel-body-flyout-with-callouts {
      flex-direction: row;
      justify-content: space-between;
    }

      .panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-body .panel-body-flyout.panel-body-flyout-with-callouts .panel-body-flyout-callouts {
        padding: 40px 0;
      }
}

@media(max-width: 767px) {
  .panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-body {
    padding: 0;
  }

    .panel-view-container .panel-view-body .panel-view-body-panel .panel-container .panel-body .panel-body-flyout .flyout-container {
      background: transparent !important;
      padding: 10px 20px 20px;
      width: 100%;
    }
}

.panel-news {
  padding: 30px 0;
}

.panel-news-body {
  padding: 0 0 30px;  
}

  .panel-news-body.skeleton {
      column-count: 1;
  }

  .panel-news-body .news-list-skeleton,
  .panel-news-body .news-list-entry {
    width: 100%;
  }

    .panel-news-body .news-list-skeleton:not(:last-of-type) {
      margin-bottom: 20px;
    }

    .panel-news-body .news-list-skeleton .line-small {
      width: 100px;
    }

  .panel-news-body .news-list-container {
    column-gap: 30px;
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    margin: 0 !important;
    padding: 0 20px;
    row-gap: 20px;
  }

  .panel-news-body .news-list-entry {
    list-style: none;
  }

    .panel-news-body .news-list-entry .news-entry-date {
      color: #474747;
      font-size: 14px;
      font-weight: 300;
      margin-left: 32px;
    }

    .panel-news-body .news-list-entry .news-entry-link > a {
      align-items: flex-start;
      display: flex;
      column-gap: 10px;
      font-size: 16px;
    }

      .panel-news-body .news-list-entry .news-entry-link > a > span > svg {
        font-size: 22px;
      }

.panel-news-footer {
  display: flex;
  justify-content: center;
  width: 100%;
}

  .panel-news-footer a {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding: 0 35px;
    width: auto;
  }

@media (min-width: 768px) {
  .panel-news-body.skeleton {
    column-count: 2;
  }

  .panel-news-body .news-list-container {
    grid-auto-flow: column;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }

  .panel-news-body .news-list-entry {
    width: calc(100% - 15px);
  }

    .panel-news-body .news-list-entry:nth-child(4),
    .panel-news-body .news-list-entry:nth-child(5),
    .panel-news-body .news-list-entry:nth-child(6) {
      margin-left: -15px;
    }

    .panel-news-body .news-list-skeleton:nth-child(3n+3) {
      margin-bottom: 0;
    }
}

.panel-events {
  padding: 30px 0;
}

  .panel-events.blocked {
    cursor: wait;
  }

    .panel-events.blocked .panel-events-calendar-navigation a,
    .panel-events.blocked .events-list-container-navigation a,
    .panel-events.blocked .panel-events-calendar-reset a {
      pointer-events: none;
      text-decoration: none;
    }

.panel-simple-events-body {
  padding: 0 0 30px;
}

  .panel-simple-events-body.skeleton {
    column-count: 1;
  }

.events-list-skeleton,
.events-list-entry {
  width: 100%;
}

  .events-list-skeleton:not(:last-of-type) {
    margin-bottom: 20px;
  }

.panel-simple-events-body .events-list-skeleton .line-small {
  width: 100px;
}

.panel-simple-events-body .events-list-container {
  column-gap: 30px;
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  margin: 0 !important;
  padding: 0 20px;
  row-gap: 20px;
}

  .panel-simple-events-body .events-list-container .events-entry-date {
    color: #474747;
    font-size: 14px;
    font-weight: 300;
  }

.events-list-entry {
  list-style: none;
}

  .events-list-entry .events-entry-link > a {
    align-items: flex-start;
    display: flex;
    column-gap: 10px;
    font-size: 16px;
  }

    .events-list-entry .events-entry-link > a > span > svg {
      font-size: 22px;
    }

.panel-simple-events-footer {
  display: flex;
  justify-content: center;
  width: 100%;
}

  .panel-simple-events-footer a {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding: 0 35px;
    width: auto;
  }

.panel-advance-events-body {
  column-gap: 20px;
  display: flex;
  flex-direction: column;
  padding: 0 0 20px;
  row-gap: 20px;
}

  .panel-advance-events-body .panel-events-calendar-wrapper {
    width: 100%;
  }

  .panel-advance-events-body .panel-events-calendar {
    background-color: #eaeaea;
    padding: 10px 25px 15px;
  }

    .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 5px 0 8px;
    }

      .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-navigation {
        display: flex;
        justify-content: space-between;
        width: 50%;
      }

        .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-navigation .previous-month,
        .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-navigation .next-month {
          width: 26px;
        }

          .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-navigation .previous-month > span,
          .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-navigation .next-month > span {
            background-color: #124a7e;
            border: 1px solid #124a7e;
            border-radius: 50%;
            color: #fff;
            cursor: pointer;
            padding: 2px 6px;
            position: relative;
          }

            .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-navigation .previous-month > span::before {
              content: url("/medialibrary/images/icons/chevron-left-white.svg");
              position: relative;
              top: 3px;
            }

            .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-navigation .next-month > span::before {
              content: url("/medialibrary/images/icons/chevron-right-white.svg");
              position: relative;
              top: 3px;
              left: 1px;
            }

      .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-reset > a {
        background-color: #fff;
        font-weight: normal;
        padding: 0 15px;
        border-radius: 5px;
        text-decoration: none;
      }

        .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-reset > a:hover {
          background: #124a7e;
          color: #fff;
        }

    .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body {
      background-color: #fff;
      padding: 20px 20px 10px;
    }

      .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table {
        width: 100%;
      }

        .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table td {
          text-align: center;
          width: 30px;
        }

        .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table thead td {
          color: #124a7e;
          font-size: 11px;
          font-weight: 600;
          padding-bottom: 5px;
        }

        .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table tbody td {
          padding-bottom: 10px;
        }


          .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table tbody td span {
            border: 1px solid transparent;
            border-radius: 50%;
            cursor: pointer;
            padding: 3px 6px;
            background-color: #fff;
          }

          .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table tbody td.has-events:not(.selected) span {
            color: #000;            
          }

            .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table tbody td.has-events:not(.selected) span:hover {
              color: #fff;              
            }

          .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table tbody td.selected span,
          .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table tbody td:not(.no-events) span:hover {
            background-color: #124a7e;
            border: 1px solid #124a7e;
            border-radius: 50%;
            color: #fff;
            cursor: pointer;
            padding: 3px 6px;
          }

          .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table tbody td span.correction {
            padding: 3px 10px;
          }

          .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table tbody td.selected {
            cursor: default;
            pointer-events: none;
          }

          .panel-advance-events-body .panel-events-calendar .panel-events-calendar-body table tbody td:not(.selected).no-events span {
            color: #ccc;
            cursor: pointer;
            pointer-events: none;
          }

  .panel-advance-events-body .panel-events-listing-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    row-gap: 20px;
    padding: 0;
    width: 100%;
  }

    .panel-advance-events-body .panel-events-listing-wrapper .events-list-container-navigation {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }

      .panel-advance-events-body .panel-events-listing-wrapper .events-list-container-navigation > span {
        font-size: 18px;
        font-weight: 600;
      }

      .panel-advance-events-body .panel-events-listing-wrapper .events-list-container-navigation .previous-day > span::before {
        content: url("/medialibrary/images/icons/chevron-left.svg");
        color: #8b8c8d;
      }

      .panel-advance-events-body .panel-events-listing-wrapper .events-list-container-navigation .next-day > span::before {
        content: url("/medialibrary/images/icons/chevron-right.svg");
        color: #8b8c8d;
      }

    .panel-advance-events-body .panel-events-listing-wrapper .events-list-skeleton {
      margin-bottom: 10px;
    }

.panel-advance-events-footer {
  display: flex;
  justify-content: center;
  width: 100%;
}

  .panel-advance-events-footer a {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding: 0 35px;
    width: auto;
  }

.panel-advance-events-body .events-list-entry .events-entry-location {
  color: #8a8a8a;
}

.panel-advance-events-body .events-list-entry .events-entry-date {
  color: #124a7e;
}

.panel-advance-events-body .events-list-container {
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

  .panel-advance-events-body .events-list-container::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  .panel-advance-events-body .events-list-container::-webkit-scrollbar-track {
    background-color: #dddddd;
    border-radius: 10px;
  }

  .panel-advance-events-body .events-list-container::-webkit-scrollbar-thumb {
    background: #124a7e;
    border-radius: 20px;
  }

@media (min-width: 960px) {
  .panel-advance-events-body {
    display: flex;
    flex-direction: row;
  }

    .panel-advance-events-body .panel-events-calendar-wrapper {
      width: 40%;
    }

    .panel-advance-events-body .panel-events-listing-wrapper {
      width: 60%;
    }
}

@media (min-width: 768px) {
  .panel-simple-events-body.skeleton {
    column-count: 2;
  }

  .panel-simple-events-body .events-list-container {
    grid-auto-flow: column;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }

  .panel-simple-events-body .events-list-entry {
    width: calc(100% - 15px);
  }

    .panel-simple-events-body .events-list-entry:nth-child(4),
    .panel-simple-events-body .events-list-entry:nth-child(5),
    .panel-simple-events-body .events-list-entry:nth-child(6) {
      margin-left: -15px;
    }

  .panel-simple-events-body .events-list-skeleton:nth-child(3n+3) {
    margin-bottom: 0;
  }

  .panel-advance-events-body .events-list-container {
    max-height: 200px;
    min-height: 200px;
    overflow-y: auto;
  }

  .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-navigation .previous-month > span,
  .panel-advance-events-body .panel-events-calendar .panel-events-calendar-header .panel-events-calendar-navigation .next-month > span {
    padding: 2px 5px;
  }

  .panel-advance-events-body .panel-events-listing-wrapper {
    padding: 0 0 0 30px;
  }
}

.panel-blogs {
  padding: 30px 0;
}

.panel-blogs-body {
  padding: 0 0 30px;
}

  .panel-blogs-body.non-clickable-image .blogs-entry-image-container a {
    pointer-events: none;
  }

  .panel-blogs-body .blogs-entry-image-container img {
    height: auto;    
    width: 100%;
  }

  .panel-blogs-body .blogs-entry-image-container .blogs-entry-image {
    height: 100%;
    width: 100%;
    position: relative;
  }

  .panel-blogs-body .blogs-entry-data-container .blogs-entry-date {
    color: #474747;
    font-size: 14px;
    font-weight: 300;
  }

.panel-blogs-body.skeleton {
  column-count: 1;
  padding: 0 30px 30px;
}

  .panel-blogs-body .blogs-list-skeleton {
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    row-gap: 20px;
  }

  .panel-blogs-body .blogs-list-skeleton .loading-skeleton.image {
    min-height: auto;
    width: 35%;
  }

    .panel-blogs-body .blogs-list-skeleton .grouper {
      width: 65%;
    }

    .panel-blogs-body .blogs-list-skeleton, .panel-blogs-body .blogs-list-entry {
      width: 100%;
    }

  .panel-blogs-body .blogs-list-entry {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    row-gap: 5px;
  }

    .panel-blogs-body .blogs-list-entry .blogs-entry-image-container {
      margin-top: 5px;
      width: 40%;
    }

    .panel-blogs-body .blogs-list-entry .blogs-entry-data-container {
      width: 60%;
    }

    .panel-blogs-body .blogs-list-skeleton:not(:last-of-type),
    .panel-blogs-body .blogs-list-entry:not(:last-of-type) {
      margin-bottom: 20px;
    }

  .panel-blogs-body .blogs-list-skeleton .line-small {
    width: 100px;
  }

  .panel-blogs-body .blogs-list-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin: 0 !important;
    padding: 0 20px;
  }

  .panel-blogs-body .blogs-list-entry {
    list-style: none;
  }

    .panel-blogs-body .blogs-list-entry .blogs-entry-link > a {
      align-items: flex-start;
      display: flex;
      column-gap: 10px;
      font-size: 16px;
    }

      .panel-blogs-body .blogs-list-entry .blogs-entry-link > a > span > svg {
        font-size: 22px;
      }

    .panel-blogs-body .blogs-list-entry .playbutton {
      background: #fff;
      border-radius: 50%;
      height: 22px;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 22px;
    }

      .panel-blogs-body .blogs-list-entry .playbutton::before {
        background-color: #0000;
        border-bottom: 5px solid #0000;
        border-left: 8px solid #ac1d37;
        border-top: 5px solid #0000;
        content: "";
        height: 0;
        left: 50%;
        margin-left: 1px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 0;
        z-index: 999;
      }

  .panel-blogs-body:not(.non-clickable-image) .blogs-list-entry .blogs-entry-image-container:hover .playbutton::before {
    border-left-color: #124a7e;
  }

.panel-blogs-footer {
  display: flex;
  justify-content: center;
  width: 100%;
}

  .panel-blogs-footer a {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding: 0 35px;
    width: auto;
  }

@media (min-width: 768px) {
  .panel-blogs-body {
    padding: 0 0 20px;
  }

  .panel-blogs-body.skeleton {
    column-count: 4;
    padding: 0 0 30px;
  }

  .panel-blogs-body .blogs-list-container {
    column-gap: 30px;
    grid-template-columns: repeat(4, 1fr);
    padding: 0;
  }

    .panel-blogs-body .blogs-list-skeleton {
      flex-direction: column;
    }

    .panel-blogs-body .blogs-list-skeleton:nth-child(3n+3),
    .panel-blogs-body .blogs-list-entry:nth-child(3n+3) {
      margin-bottom: 0;
    }

      .panel-blogs-body .blogs-list-skeleton .loading-skeleton.image {
        min-height: 200px;
        width: 100%;
      }

      .panel-blogs-body .blogs-list-skeleton .grouper {
        width: 100%;
      }

  .panel-blogs-body .blogs-list-entry {
    flex-direction: column;
  }

    .panel-blogs-body .blogs-list-entry .blogs-entry-image-container {
      margin-top: 0;
      width: 100%;
    }

    .panel-blogs-body .blogs-list-entry .blogs-entry-data-container {
      width: 100%;
    }

    .panel-blogs-body .blogs-entry-image-container img {
      max-height: 158px;
    }

    .panel-blogs-body .blogs-list-skeleton:not(:last-of-type),
    .panel-blogs-body .blogs-list-entry:not(:last-of-type) {
      margin-bottom: 0px;
    }

    .panel-blogs-body .blogs-list-entry .playbutton {
      height: 44px;
      width: 44px;
    }

      .panel-blogs-body .blogs-list-entry .playbutton::before {
        border-bottom: 9px solid #0000;
        border-left: 15px solid #ac1d37;
        border-top: 9px solid #0000;
        margin-left: 3px;
      }
}