.blog-carousel:before {
  content: "";
  background-color: #f1f4f7;
  position: absolute;
  height: 100%;
  width: 100vw;
  left: calc(var(--layout-gutter) * -1);
  z-index: -1; }

.blog-carousel:not(.no-border)::after {
  content: normal;
  content: initial;
  border: none; }

.blog-carousel .carousel-cell {
  height: 300px;
  position: relative;
  padding-bottom: 42px;
  /* &.border-right {
      &:after {
        position: absolute;
        right: -28.5px;
        bottom: 0;
        content: " ";
        -webkit-transition: border-bottom-width 0s 195ms;
        transition: border-bottom-width 0s 195ms;
        border-bottom-width: 1px;
        border-color: $color_rules--primary;
        display: block;
      }
    } */ }
  .blog-carousel .carousel-cell.border-left:after {
    position: absolute;
    bottom: 0;
    content: "";
    width: 100vw;
    -webkit-transition: border-bottom-width 0s 195ms;
    transition: border-bottom-width 0s 195ms;
    border-bottom-width: 1px;
    border-color: #e6e6e6;
    display: block;
    right: calc(var(--layout-gutter) * -1);
    left: calc(var(--layout-gutter) * -1);
    /* left: calc((100vw - 1600px) / -2); */
    /* right: calc((100vw - 1600px) / -2); */ }
  .blog-carousel .carousel-cell .blog--resource {
    padding-top: 32px; }
    .blog-carousel .carousel-cell .blog--resource .blog--resource-label {
      margin-bottom: 0;
      font-weight: 500; }
  .blog-carousel .carousel-cell h3.blog__teaser_title {
    font-size: 24px; }
    @media (min-width: 1280px) {
      .blog-carousel .carousel-cell h3.blog__teaser_title {
        font-size: 36px; } }
  .blog-carousel .carousel-cell .link-read-more {
    position: absolute;
    bottom: 42px; }

.blog-carousel h2:not([class]) {
  padding-top: 0;
  padding-bottom: 0; }

.blog-carousel .field.body {
  margin-top: 24px;
  word-wrap: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /* max-height: 40px; */
  /* text-overflow: ellipsis; */
  -webkit-line-clamp: 8; }

.blog-carousel .blog-carousel-inner {
  position: relative; }
  .blog-carousel .blog-carousel-inner .blog-carousel-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    will-change: transform; }
    .blog-carousel .blog-carousel-inner .blog-carousel-items .blog-carousel-item {
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      -webkit-transition: opacity 225ms cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0s 225ms;
      transition: opacity 225ms cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 0s 225ms;
      transition: opacity 225ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 0s 225ms;
      transition: opacity 225ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 0s 225ms, -webkit-transform 0s 225ms;
      position: relative;
      width: 0;
      overflow: visible;
      opacity: 0; }
      .blog-carousel .blog-carousel-inner .blog-carousel-items .blog-carousel-item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transition: opacity 225ms 195ms cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 225ms 195ms cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: opacity 225ms 195ms cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 225ms 195ms cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: opacity 225ms 195ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 225ms 195ms cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: opacity 225ms 195ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 225ms 195ms cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-transform 225ms 195ms cubic-bezier(0.25, 0.1, 0.25, 1);
        z-index: 1; }
    .blog-carousel .blog-carousel-inner .blog-carousel-items .blog-carousel-item.active + .blog-carousel-item {
      -webkit-transform: translateX(20px);
              transform: translateX(20px); }

.blog-carousel span.blog-carousel-label {
  letter-spacing: 5px; }

@media screen and (max-width: 543px) {
  .blog-carousel .blog-carousel-item > * {
    width: calc(100vw - 32px); }
  .blog-carousel .field.body {
    display: none; } }

@media screen and (min-width: 544px) and (max-width: 767px) {
  .blog-carousel .blog-carousel-item > * {
    width: calc(100vw - 32px); }
  .blog-carousel .field.body {
    display: none; } }

@media screen and (max-width: 992px) {
  .blog-carousel .carousel-cell {
    height: 400px; } }

@media screen and (max-width: 767px) {
  .blog-carousel {
    height: auto;
    padding-bottom: 100px;
    padding-top: 0 !important; }
    .blog-carousel:before {
      width: 100vw;
      left: -9px; }
    .blog-carousel .carousel-cell {
      height: auto;
      height: initial; }
      .blog-carousel .carousel-cell.border-left:after {
        content: normal;
        content: initial; }
    .blog-carousel .carousel-left .carousel-cell:nth-child(2) {
      position: absolute;
      bottom: 28px; }
    .blog-carousel h2:not([class]) {
      padding-top: 16px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .blog-carousel .blog-carousel-item > * {
    width: calc(50vw - 48px); }
  .blog-carousel .carousel-cell {
    height: 330px; } }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .blog-carousel .blog-carousel-item > * {
    width: calc(50vw - 48px); }
  .blog-carousel .blog-carousel .carousel-cell {
    padding-bottom: 32px; }
  .blog-carousel .blog-carousel .link-read-more {
    bottom: 32px; } }

@media screen and (min-width: 1280px) and (max-width: 1459px) {
  .blog-carousel .blog-carousel-item > * {
    width: calc(50vw - 72px); } }

@media screen and (min-width: 1460px) and (max-width: 1699px) {
  .blog-carousel .blog-carousel-item > * {
    width: calc(50vw - 72px); } }

@media screen and (min-width: 1700px) {
  .blog-carousel .blog-carousel-item > * {
    width: 800px; } }

.blog-carousel .blog-carousel-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -16px;
  padding-top: 24px;
  color: #181A1C; }

.blog-carousel .blog-carousel-pagination > * {
  padding-left: 16px; }

@media screen and (min-width: 544px) and (max-width: 767px) {
  .blog-carousel .blog-carousel-pagination {
    margin-left: -16px; }
  .blog-carousel .blog-carousel-pagination > * {
    padding-left: 16px; } }

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .blog-carousel .blog-carousel-pagination {
    margin-left: -16px; }
  .blog-carousel .blog-carousel-pagination > * {
    padding-left: 16px; } }

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .blog-carousel .blog-carousel-pagination {
    margin-left: -20px; }
  .blog-carousel .blog-carousel-pagination > * {
    padding-left: 20px; } }

@media screen and (min-width: 1280px) and (max-width: 1459px) {
  .blog-carousel .blog-carousel-pagination {
    margin-left: -24px; }
  .blog-carousel .blog-carousel-pagination > * {
    padding-left: 24px; } }

@media screen and (min-width: 1460px) and (max-width: 1699px) {
  .blog-carousel .blog-carousel-pagination {
    margin-left: -24px; }
  .blog-carousel .blog-carousel-pagination > * {
    padding-left: 24px; } }

@media screen and (min-width: 1700px) {
  .blog-carousel .blog-carousel-pagination {
    margin-left: -24px; }
  .blog-carousel .blog-carousel-pagination > * {
    padding-left: 24px; }
  .blog-carousel:before {
    left: calc((100vw - 1600px) / -2); }
  .blog-carousel .carousel-cell.border-left:after {
    left: calc((100vw - 1600px) / -2);
    right: calc((100vw - 1600px) / -2); } }

@media screen and (min-width: 768px) {
  .blog-carousel .blog-carousel-pagination {
    padding-top: 16px; } }

@media screen and (min-width: 1280px) {
  .blog-carousel .rblog-carousel-pagination {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3; } }

.blog-carousel .blog-carousel-pagination-label {
  color: #687078; }

@media screen and (max-width: 1279px) {
  .blog-carousel .blog-carousel-pagination-label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; } }

@media print {
  .blog-carousel .blog-carousel-item {
    padding-top: 24px; }
  .blog-carousel .blog-carousel-pagination {
    display: none; } }

.blog-carousel .blog-carousel-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -8px; }

.blog-carousel .blog-carousel-buttons > * {
  padding-left: 8px; }

.blog-carousel .blog-carousel-buttons li {
  padding-top: 4px !important; }

.blog-carousel .blog-carousel-buttons .icon--arrow--md-circle-right, .blog-carousel .blog-carousel-buttons .icon--arrow--md-circle-right svg,
.blog-carousel .blog-carousel-buttons .icon--arrow--md-circle-left, .blog-carousel .blog-carousel-buttons .icon--arrow--md-circle-left svg {
  width: 40px;
  height: 40px; }

.blog-carousel .research-carousel-buttons a {
  display: block;
  border-radius: 50%;
  -webkit-transition: color 195ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 195ms cubic-bezier(0.25, 0.1, 0.25, 1); }

.blog-carousel .research-carousel-buttons a:focus[data-focus-method="key"] {
  outline: 1px solid #d2d9e1;
  outline-offset: 4px; }

.blog-carousel .research-carousel-buttons a:hover {
  color: #009bdb; }

.blog-carousel .research-carousel-buttons a:focus[data-focus-method="key"] {
  outline: none;
  color: #009bdb; }

.blog-carousel .research-carousel-buttons a.is-disabled {
  color: #687078; }

@media screen and (min-width: 1280px) {
  .blog-carousel:not(.gsb-card-extended) .research-carousel-pagination {
    position: static !important;
    position: initial !important; } }
/*# sourceMappingURL=gsb_blog_carousel.css.map */