.wsfPagedefault .ContentArea
{
  padding: 0;
  min-height: inherit;
}

.rtmHomePageBkg
{
  margin-top:1px;
  padding:20px 0;
  text-align:center;
  min-height: 500px;
  /* prevent mobile flickering  */
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
    background-repeat: no-repeat; 
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:400px;
  position:relative;
  overflow: hidden;
}

.wsfPagedefault .rtmBookInfo
{
  position: absolute;
  z-index: 1;
  width: 85%;
  left: 0;
  right: 0;
}

.rtmQuickStatsTlb
{
  text-align:right;
  padding-right:3px;
  clear:both;
}

.rtmQuickStatsBtn:hover { background-color: #FF5722; }

.rtmQuickStatsBtn
{
  display:inline-block;
  background-color:#03A9F4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 3px 7px;
  margin-left:3px;
  color:#fff;
  cursor: hand;
  cursor: pointer;
}

#rtmQuickStats
{
  position: fixed;
  z-index: 2;
  left: 0; right: 0;
  bottom: 0; top :0;
  background-color: #fff;
  text-align: center;
  opacity: 0.99;
  overflow:auto;
  padding: 10px;
}

#rtmQuickStats .BandTable
{
  margin:auto;
}

.rtmHomePageVideo
{
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

#rbHomeBgImgEdit
{
  position: absolute;
  bottom: 1px;
  right: 1px;
  background-color: #2196F3;
  color: #fff;
  cursor: hand;
  cursor: pointer;
  padding:2px 5px;
  border-radius: 4px;
}

#rbHomeBgImgPreviews
{
  position: absolute;
  bottom: 24px; -200px;
  display: none;
  right: 0;
  left: 0;
  text-align: center;
  background-color: #ffffff6b;
}

.rbHomeBgImgPreviewsView
{
  b ottom: 30px;
  t ransition: all 200ms ease-in;
  display:block !important;
}

.rbHomeBgImgPreview
{
  display: inline-block;
  width: 170px;
  height: 92px;
  padding: 0;
  border: 0;
  margin: 5px;
  position: relative;
  cursor: hand;
  cursor: pointer;
  overflow: hidden;
}

.rbHomeBgImgPreview img
{
  width:auto;height: auto;
  max-width:100%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rbHomeBgImgUpd:hover
{
  background-color:#2196f3d1;
}

.rbHomeBgImgUpd
{
  cursor: hand;
  cursor: pointer;
  background-color: #2196f373;
  /* background-color: white; */
  position: absolute;
  overflow: auto;
  bottom: 5px;
  left: 5px;
  right: 5px;
  color: #fff;
}

#oHomeBgAjaxPostInfo
{
  position:absolute;
  b ackground-color:#df0000;
  left: 0;
  right: 0;
  height: 35px;
  bottom: 105px;
}

#rbHomeBgImgSlider
{
  o verflow: hidden;
}

.rbHomeBgImgSliderItem
{
  display:inline-block;
  width:100px;
  max-height: 400px;
  overflow: hidden;
  /* in case the items are using the backgound images */
  height: 400px !important;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.rbHomeBgImgSliderItem img
{
  width:100%;height: auto;
  max-width:100%;
}

.rtmHomePageBkg.rtmHomePageMode1
{
  padding:0;
  overflow:visible;
  height: auto;
  min-height: 300px;
  b order: 1px solid #c0c0c0;
}

.rtmHomePageMode1 .rtmBookInfo
{
  margin-top:20px;
}

.slick-slide { height: auto; }
.slick-prev { z-index: 1; left:12px }
.slick-next { z-index: 1; right:12px }
.wsfMobileView .slick-prev,
.wsfMobileView .slick-next { display: none !important; }

@media only screen and (max-width: 850px)
{
  .rtmHomePageVideo { display:none; }
  .rbHomeBgImgPreview
  {
    width: 90px;
    height: 50px;
  }
}

@media only screen and (max-width: 500px)
{
  .rtmHomePageBkg { min-height: 0; height: 45vh;}
  .rbFooter { margin: 20px auto 0 auto; }
  .rbHomeBgImgPreview
  {
    width: 80px;
    height: 43px;
  }

  .rbHomeBgImgSliderItem { max-height: 300px; }
}