/**
 * 		Paragraph - Ribbon Slider CSS
 */

.paragraph--type--ribbon-slider {
  background-color: black;
  padding: 30px 10%;
  border-top: 5px solid #D3832B;
  border-bottom: 5px solid #D3832B;
}

.paragraph--type--ribbon-slider.light-background {
  background-color: #e9e5e4;
  color: black;
}

.paragraph--type--ribbon-slider .ribbon-title {
  display: flex;
  justify-content: center;
}

.paragraph--type--ribbon-slider h2.ribbon-title-header {
  color: white;
  font-size: 1.5rem;
  line-height: 1.7rem;
  margin-top: 0;
}

.paragraph--type--ribbon-slider.light-background h2.ribbon-title-header {
  color: black;
}

.paragraph--type--ribbon-slider.no-slide .slide-set .row {
  justify-content: center;
}

.paragraph--type--ribbon-slider.no-slide .slide-set .logo-col {
  width: auto;
}

.paragraph--type--ribbon-slider .bi-chevron-left::before {
  content: "\F12A";
  font-size: 3rem;
  color: white;
  margin-left: -20px;
}

.paragraph--type--ribbon-slider .bi-chevron-right::before {
  content: "\f134";
  font-size: 3rem;
  color: white;
  margin-right: -20px;
}

.paragraph--type--ribbon-slider.light-background .bi-chevron-left::before,
.paragraph--type--ribbon-slider.light-background .bi-chevron-right::before {
  color: black;
}

@media only screen and (max-width: 767px) {
  .paragraph--type--ribbon-slider .logo-col {
    width: 33.333% !important;
  }

  .paragraph--type--ribbon-slider .bi-chevron-left::before,
  .paragraph--type--ribbon-slider .bi-chevron-right::before {
    font-size: 2rem;
  }

}