/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Block styling.
 */

.block__title {
  margin-top: 0;
  margin-bottom: 1.125rem;
  letter-spacing: 0.02em;
  color: #6e7172;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.site-footer .block__title {
  color: #9ea0a1;
}

/* Informative Blocks styling. */

.informative-block--centered {
  font-style: italic;
  text-align: center
}

@media (min-width: 62.5rem) {

.informative-block--centered {
    padding-left: 8rem;
    padding-right: 8rem
}
  }

.informative-block--centered .lbk-block--title {
    font-style: normal;
    position: relative
  }

.informative-block--centered .lbk-block--title:after {
      background-color: #7d919d;
      bottom: -0.625rem;
      content: '';
      width: 2.8125rem;
      height: 1px;
      left: 0;
      margin-left: auto;
      margin-right: auto;
      position: absolute;      
      right: 0;      
    }

.aar-informative--block {
  background: #eaeff5;
  margin-bottom: 0.5rem;
  padding-bottom: 1rem
}

.aar-informative--block div {
    background: #fff;
    margin: -1rem 1.5rem 1rem;    
    padding: 1rem  2rem 1rem;
  }

.aar-informative--block div.center,
  .aar-informative--block div.center .image-component,
  .aar-informative--block div.left,
  .aar-informative--block div.left .image-component {
    background: none;
    margin: 0;
    padding: 0;
  }

.aar-informative--block div.left .image-component img,
  .aar-informative--block div.center .image-component img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 14.0625rem;
  }

.aar-informative--block h2 {
    background: #fff;
    /*color: var(--color--gray-0);*/
    color: #715A47;
    margin: -2rem 1.5rem 0;
    padding: 1.5rem 2rem 0;
    position: relative; 
    text-align: left;    
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.5;
    text-transform: none;
  }

.aar-informative--block a {
    color: #DF8E63;
    text-decoration: none;
    display: block;
    text-align: right;
    font-style: italic;
  }

.aar-informative--block a:focus {
    outline: none;
  }

.path-frontpage #block-aar-content article header, .path-frontpage #block-aarc-content article header {
    display: none;
  }

.path-frontpage #block-aar-content .layout--onecol:nth-child(2) .layout__region--content, .path-frontpage #block-aarc-content .layout--onecol:nth-child(2) .layout__region--content {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    background: #eaeff5;
    padding: 1rem 1rem 2rem;
    grid-auto-rows: 1fr;
    grid-column-gap: 5rem;
  }

.path-frontpage #block-aar-content .block-layout-builder-kit, .path-frontpage #block-aarc-content .block-layout-builder-kit {
    margin-bottom: 0;
  }

/* Slideshow */

.page-node-type-slideshow .block-system-main-block .node--type-slideshow header .node__meta {
        display: none;
      }

.view-slideshow .slick-initialized .slick-slide {
    max-height: 100%;/*330px*/
    overflow: hidden
  }

@media (min-width: 43.75rem) {

.view-slideshow .slick-initialized .slick-slide {
      /*max-height: 330px;*/
      max-height: 100% /* By client request, it has to show all the content. */
  }
    }

.view-slideshow .slide__content {
    background: #fff;
    /*display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3rem;*/
    display: flex;
    flex-direction: column    
  }

@media (min-width: 43.75rem) {

.view-slideshow .slide__content {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 3rem    
  }
    }

.view-slideshow .slide__content .slide__caption {
      padding-right: 2.5rem;
    }

.view-slideshow .slide__content .slide__title a {
      color: #0d1214;
      font-weight: 400;
      text-decoration: none;
    }

.view-slideshow .slick-dots {
    position: absolute;
    bottom: -2.1rem;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
  }

.view-slideshow .slick-dots li.slick-active button:before {
      opacity: .75;
      color: #0d1214;
    }

.view-slideshow .slick-dots li {
      margin-bottom: 0.3125rem;
      display: inline-block;
      vertical-align: top;
      position: relative;
      width: 1.25rem;
      height: 1.25rem;
      margin: 0 0.3125rem;
      padding: 0;
      cursor: pointer
    }

.view-slideshow .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 1.25rem;
        height: 1.25rem;
        padding: 0.3125rem;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background: transparent;
      }

.view-slideshow .slick-dots li button::before {
        font-family: slick;
        font-size: 2rem;
        line-height: 1.25rem;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 1.25rem;
        height: 1.25rem;
        content: "•";
        text-align: center;
        opacity: 0.25;
        color: #0d1214;
      }

.view-slideshow .slick__arrow {
    bottom: auto;
    height: 2px;
    left: 0;
    margin-top: -1px;
    position: absolute;
    top: 25%;/*50*/
    width: 100%;
    z-index: 2
  }

@media (min-width: 43.75rem) {

.view-slideshow .slick__arrow {
      top: 50%
  }
    }

.view-slideshow .slick__arrow .slick-arrow {
      border: 0;
      border-radius: 79%;
      font-size: 1.125rem;
      height: 2.625rem;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 2.625rem;
    }

.view-slideshow .slick__arrow .slick-arrow::before {
      color: #DF8E63;
      font-size: 0;/*1.7rem*/
      background-size: 40% !important;
      padding: 1.4375rem;
      background-repeat: no-repeat !important;
      background-position: -20px;
    }

.view-slideshow .slick__arrow .slick-next:before {
      content: "→";
      background: url("/themes/aarc/images/arrow-right.png") !important;
      background-size: 40% !important;
      background-repeat: no-repeat !important;
    }

.view-slideshow .slick__arrow .slick-prev:before {
      content: "←";
      background: url("/themes/aarc/images/arrow-left.png") !important;
      background-size: 40% !important;
      background-repeat: no-repeat !important;
    }

.view-slideshow .slick__arrow .slick-prev, 
    .view-slideshow .slick__arrow .slick-next {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 50%;
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      padding: 0;
      transform: translate(0,-50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent;
    }

.view-slideshow .slick__arrow .slick-prev {
      left: 0;
    }

.view-slideshow .slick__arrow .slick-next {
      right: 0.375rem;
    }

/* LBK Rich Text Block. */

.lbk-rich-text-component .media--type-image .field--name-name .field__label,
      .lbk-rich-text-component .media--type-image .field--name-name .field__item {
        display: none;
      }