﻿.carousel {
  /* styles for user-defined .slide-show-caption-right 
      slide show will display a caption on the right side for larger screens; 
      captions will drop below image on smaller screens
  */
  /* styles for user-defined .slide-show-caption-lower 
      slide show will display a caption on the bottom of the image overlaying a gradient for larger screens; 
      captions will drop below image on smaller screens
  */ }
  .carousel .carousel-show {
    display: none; }
  .carousel .carousel.hidden .carousel-control-media .carousel-show {
    display: inline-block; }
  .carousel .carousel.hidden .carousel-control-media .carousel-hide {
    display: none; }
  .carousel .carousel-inner .carousel-item.active > a:focus-visible {
    border: 2px solid blue;
    box-sizing: border-box; }
  .carousel .carousel-inner.overlay:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    content: " ";
    z-index: 1; }
  .carousel .carousel-control-media {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 15; }
    .carousel .carousel-control-media > a {
      color: #e6e6e6; }
      .carousel .carousel-control-media > a:hover {
        color: #fff; }
    .carousel .carousel-control-media.playing .fa-play {
      display: none; }
    .carousel .carousel-control-media.paused .fa-pause {
      display: none; }
  .carousel .carousel-control-next:focus-visible .fa, .carousel .carousel-control-prev:focus-visible .fa {
    color: yellow;
    border: 4px solid yellow; }
  .carousel.slide-show-caption-right {
    margin-bottom: 2rem;
    background-color: #e9ecef; }
    .carousel.slide-show-caption-right .carousel-item .carousel-caption {
      position: inherit;
      right: 0;
      left: 0;
      bottom: 0;
      color: #333;
      width: 100%; }
    .carousel.slide-show-caption-right .carousel-control-media {
      bottom: 40px; }
      .carousel.slide-show-caption-right .carousel-control-media > a {
        color: #666; }
    .carousel.slide-show-caption-right .carousel-control-prev, .carousel.slide-show-caption-right .carousel-control-next {
      font-size: 2rem;
      color: #666;
      width: 4%; }
    .carousel.slide-show-caption-right .carousel-item-right .carousel-caption, .carousel.slide-show-caption-right .carousel-item-left .carousel-caption {
      position: relative !important; }
    @media (min-width: 768px) {
      .carousel.slide-show-caption-right .carousel-item img {
        width: 60% !important;
        float: left; }
      .carousel.slide-show-caption-right .carousel-item > a {
        width: 60% !important;
        float: left; }
        .carousel.slide-show-caption-right .carousel-item > a > img {
          width: 100% !important; }
      .carousel.slide-show-caption-right .carousel-item.active {
        display: flex; }
      .carousel.slide-show-caption-right .carousel-item .carousel-caption {
        width: 40% !important;
        padding: 1rem 2.5rem; } }
    @media (max-width: 991.98px) {
      .carousel.slide-show-caption-right .carousel-item .carousel-caption {
        padding-bottom: 2rem; }
      .carousel.slide-show-caption-right .carousel-control-media {
        bottom: 10px; }
      .carousel.slide-show-caption-right .carousel-indicators {
        bottom: 10px; } }
  .carousel.slide-show-caption-lower {
    margin-bottom: 2rem; }
    .carousel.slide-show-caption-lower .carousel-control-prev, .carousel.slide-show-caption-lower .carousel-control-next {
      bottom: 20%;
      font-size: 2rem; }
    .carousel.slide-show-caption-lower .carousel-caption {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 10;
      padding: 10px 60px 30px;
      color: #fff;
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), black);
      text-shadow: 2px 4px 6px #333;
      font-size: 1.25rem; }
    .carousel.slide-show-caption-lower .carousel-control-media {
      bottom: 40px; }
    @media (min-width: 992px) {
      .carousel.slide-show-caption-lower .carousel .carousel-caption a {
        font-weight: 600; }
      .carousel.slide-show-caption-lower .carousel .carousel-caption h2 {
        font-size: 1.75rem; } }
    @media (max-width: 1199.98px) {
      .carousel.slide-show-caption-lower {
        background-color: #e9ecef; }
        .carousel.slide-show-caption-lower .carousel-control-media > a {
          color: #999; }
        .carousel.slide-show-caption-lower .carousel-control-media {
          bottom: 20px; }
        .carousel.slide-show-caption-lower .carousel-caption {
          position: inherit;
          right: 0;
          bottom: 0;
          left: 0;
          padding: 2rem 1rem 1rem;
          color: #333;
          background-image: none;
          text-shadow: 0 0 0; }
        .carousel.slide-show-caption-lower .carousel-control-prev, .carousel.slide-show-caption-lower .carousel-control-next {
          bottom: 50%; } }

/* - - styles for Cornerstone 2.0 sites */
#smu-main .carousel .carousel-caption h1, #smu-main .carousel .carousel-caption h2, #smu-main .carousel .carousel-caption h3, #smu-main .carousel .carousel-caption h4 {
  font-size: calc(23px + 11 * (100vw - 100px) / 1900);
  margin-bottom: 15px; }
  @media screen and (max-width: 767.98px) {
    #smu-main .carousel .carousel-caption h1, #smu-main .carousel .carousel-caption h2, #smu-main .carousel .carousel-caption h3, #smu-main .carousel .carousel-caption h4 {
      margin-bottom: 10px; } }

#smu-main .carousel ol.carousel-indicators {
  margin-bottom: 0; }

@media (max-width: 1199.98px) {
  #smu-main .carousel.slide-show-caption-lower .carousel-control-prev, #smu-main .carousel.slide-show-caption-lower .carousel-control-next {
    bottom: 20%; } }

@media (min-width: 992px) {
  #smu-main .carousel.slide-show-caption-lower .carousel-caption {
    padding: 10px 60px 40px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.8));
    text-shadow: none;
    font-size: 1.25rem;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    color: white; }
    #smu-main .carousel.slide-show-caption-lower .carousel-caption h2, #smu-main .carousel.slide-show-caption-lower .carousel-caption h3, #smu-main .carousel.slide-show-caption-lower .carousel-caption h4, #smu-main .carousel.slide-show-caption-lower .carousel-caption strong {
      color: white; }
    #smu-main .carousel.slide-show-caption-lower .carousel-caption a:not([class]):link {
      color: white;
      text-decoration: underline; }
    #smu-main .carousel.slide-show-caption-lower .carousel-caption a:not([class]):hover, #smu-main .carousel.slide-show-caption-lower .carousel-caption a:not([class]):active {
      text-decoration-style: double; } }

@media (max-width: 991.98px) {
  #smu-main .carousel.slide-show-caption-right .carousel-caption {
    padding: 1rem; } }
