
.swiper-container {
  min-width: 260px;
  max-width: 500px;
}
.mr5 {
  margin-right: 8px;
}
.swiper-slide > div {
  min-width: 260px;
  max-width: 500px;
  margin: 10px;
}
.swiper-slide > div img {
  width: 100%;
  clear: both;
  display: block;
}
.swiper-slide > div br {
  clear: both;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
  .swiper-slide > div {
    min-width: 260px;
    max-width: 314px;
    margin: 10px;
  }
  .swiper-slide > div img {
    width: 100%;
    clear: both;
    display: block;
  }
  .swiper-slide > div br {
    clear: both;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  .swiper-slide > div {
    min-width: 260px;
    max-width: 314px;
    margin: 10px;
  }
  .swiper-slide > div img {
    width: 100%;
    clear: both;
    display: block;
  }
  .swiper-slide > div br {
    clear: both;
  }
}
.caption h3 {
  text-transform: uppercase;
}
.caption h1,
.caption h2,
.caption h3 {
  margin-left: 8px;
}
.noshow {
  display: none;
}
.body_text {
  margin: 8px;
  font-size: 14px;
  clear: both;
}
ul.main-answer li {
  margin: 0 0 2px!important;
  min-height: 32px;
  background: #fff;
}
ul.main-answer li div {
  padding: 6px 8px;
}
ul.main-answer li.correct {
  background: #FC3;
}
.redo-quiz {
  width: 100%!important;
  display: block;
}
.byline {
  font-style: italic;
}
.success {
  background-color: #448800 !important;
  color: #fff;
}
.wrong {
  background-color: #ccc !important;
}
#quiz-feedback {
  height: 40px;
  width: 180px;
}
#quiz-feedback .quiz-feedback {
  width: 180px;
  padding: 8px 20px;
}
#quiz-feedback .quiz-feedback#quiz-feedback-wrong {
  display: none;
  color: #fff;
  background-color: #d20;
}
#quiz-feedback .quiz-feedback#quiz-feedback-correct {
  display: none;
  color: #fff;
  background-color: #448800;
}
