.slideshow { border: 8px solid #ba252b; border-radius: 190px; box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.45);
  height: 384px; margin: 0; overflow: hidden; position: relative; width: 384px; z-index: 1; }
.bx-wrapper { border: 0; box-shadow: none; left: auto; margin: 0 auto; }
.slideshow a { text-decoration: none; text-shadow: none; }

.bannertext, .slidecaption { background: rgba(10,10,10,0.25); bottom: 24%; color: #fefefe; font-size: 1.5rem; left: 0;
  line-height: calc(28 / 24); padding: 1.5625rem; position: absolute; right: 0;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(10,10,10,1); }

	/* Caption positions */
.slidecaption.bottom-pos, .slidecaption.left-pos, .slidecaption.right-pos,
  .slidecaption.top-pos { height: auto; width: auto; }
.slidecaption.center-pos, .slidecaption.left-pos, .slidecaption.right-pos { max-width: calc(50% - 2.5rem); }
.slidecaption.bottom-pos { bottom: 2.5rem; top: auto; }
.slidecaption.center-pos { left: 50%; margin: auto; right: auto; transform: translateX(-50%); }
.slidecaption.left-pos { left: 2.5rem; right: auto; }
.slidecaption.right-pos { left: auto; right: 2.5rem; }
.slidecaption.top-pos { bottom: auto; top: 2.5rem; }
/* End caption positions */

.bannertext h3, .slidecaption h3 { font-size: 2.625rem; line-height: calc(44 / 42); margin: 0 0 0.875rem; }
.bannertext p, .slidecaption p { line-height: calc(28 / 24); margin: 0; }
.bannertext a.readmore, .slidecaption a.readmore { border: 0.0625rem solid #fefefe; border-radius: 0.3125rem;
  color: #fefefe; display: inline-block; margin-top: 1.125rem; padding: 0.75rem 1.25rem;
  transition: all 250ms ease-in-out; width: auto; }
.bannertext a:focus, .bannertext a:hover, .slidecaption a:focus, .slidecaption a:hover {
  background: #fefefe; border-color: #fefefe; color: #1b1b1b; }

.bx-wrapper .bx-pager { padding: 0; }
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { bottom: 3.5%; }
.bx-wrapper .bx-pager-item:first-of-type:last-of-type { display: none; }
/* .bx-wrapper .bx-pager.bx-default-pager a { background-color: rgba(255,255,255,0.45); border-radius: 0.5rem; -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem; height: 0.875rem; width: 0.875rem; }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: rgba(255,255,255,1); } */

@media only screen and (max-width: 39.9375em) {
  .slideshow { height: 15.625rem; width: 15.625rem; }
}

@media only screen and (max-width: 52.438em) {
  .slideshow { display: block; margin: 0 auto 70px; }
}

@media only screen and (max-width: 63.9375em) {
  .bannertext, .slidecaption { padding: 0.875rem 1rem; }
  .bannertext a.readmore, .slidecaption a.readmore { margin-top: 0.75rem; padding: 0.375rem 0.625rem; }
  .bannertext h3, .slidecaption h3 { font-size: 1.25rem; line-height: calc(24 / 20); }
  .slidecaption, .slidecaption p { font-size: 0.75rem; line-height: calc(16 / 12); }
  .slidecaption.bottom-pos, .slidecaption.center-pos, .slidecaption.left-pos, .slidecaption.right-pos,
    .slidecaption.top-pos { background: rgba(10,10,10,1); bottom: auto; left: auto; max-width: none; position: relative;
      right: auto; top: auto; transform: translateY(0); }
}
