header.theme-dark {
  .navbar:not(.hide) .main-menu ul li a{ color: #303d2c; text-shadow: none; }
}
.bg-light *, .bg-white *{ color: #303D2C; }
.btn-black{ background: #303D2C; border: #303D2C 1px solid; color: #FFF !important; }
.btn-black:hover{ background: transparent; border: #303D2C 1px solid; color: #303D2C !important; }
.bg-white h2{ font-weight: 600; }
.glimses { background: #FFF; padding: 20px; border: #d9d9d9 1px solid; border-radius: 10px; height:100%; display: flex; flex-wrap:wrap; margin-top: 10px;}
.glimses > *{ width: 100%; }
.min-height-40vh{ min-height: calc(200px + 40vh); }
.min-height-30vh{ min-height: calc(200px + 30vh); }
.color-light-blue section[data-color="light-blue"] * { color: #303D2C;}
.video-background-controls {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-background-controls button {
    background: transparent;
    padding: 0;
    line-height: 0;
    color: transparent !important;
    opacity: 0.7;
    border: none !important;
    width: 100%;
    height: 100%;
}
.video-background-controls button .fa {
    color: #000;
    border-radius: 50%;
    font-size: calc(1em + 4vw);
    overflow: hidden;
    position: relative;
}
.fa-circle-play:before, .fa-play-circle:before {
    content: "\f144";
    border-radius: 50%;
    display: block;
    width: 1em;
    height: 1em;
    position: relative;
    z-index: 9;
}
.fa-play-circle:after {
    position: absolute;
    content: '';
    background: white;
    width: 90%;
    height: 90%;
    display: block;
    left: 2px;
    right: 0;
    top: 2px;
    bottom: 0;
    border-radius: 50%;
}
.video-background-controls button.mute-toggle{ display: none; }
.video-background-controls button.play-toggle.hide{ opacity: 0; }
.video-background-controls button.play-toggle.hide.paused{ opacity: 0.6; }
@media (min-width: 992px){
    .video-background-controls button.play-toggle.hide:hover{ opacity: 0.6; }
}
.testimony{
  background: url('../images/book-children-who-heard-earth-secrets/testimonial-bg.jpg') no-repeat center center / cover;
  padding: 10vw 40px;
  min-height: 50vh;
}
@media (max-width: 767px){
    .testimony{ padding: 20px 0; }
}
.testimony .item *{ color: #000; }
.slick-slider.row{ display: flex !important; }
.slick-slide > div{ height: 98%; }
.item {
    background: white;
    margin: 5px;
    padding: 10px 20px;
    width: unset !important;
    border-radius: 10px;
    height: 100%;
}
.slick-slider.row .item{ width: auto !important; }
.item > p{
  min-height: 200px;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
@media (max-width: 767px){
    .slick-slider.row > div { margin-bottom: 10px; }
    .item > p{ min-height: 100px; }
}
.testimony .item hr + div{ display:flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.testimony .item hr + div img{ max-width: 50px; margin-right: 10px; }
.slick-slide.slick-active:nth-child(2) .item {
    border: #ffffff 2px solid;
    padding: 20px 20px;
}
.slick-track{ display: flex; align-items: center; }
.modal, .modal-body{ padding: 0 !important; }
#story01 *, #story02 *{ color: #303D2C; }
.modal-dialog {
    max-width: 1280px;
    width: 90%;
    max-height: 90vh;
    margin-top: 3vw;
}
.modal-dialog .modal-content { width: 100%; }
.modal-dialog .modal-content video  {
    max-height: 80vh;
    min-height: 300px;

}
/*.content-area-scrollable {
    max-height: 40vh;
    overflow-y: scroll;
}*/
.modal-dialog .modal-content .modal-header { border-bottom: none !important; }
@media (max-width: 1280px){
  .modal-dialog{ max-width: 95%; }
}
@media (max-width: 767px){
  .modal-dialog .modal-content video {
      max-height: calc(100px + 15vh);
      min-height: 220px;
      background: #e9e9e9;
  }
  .modal-dialog{ width: 100%; margin-top: 0; }
}
.content-area-scrollable {
    max-height: 100%;
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 20px;
    padding-right: 15px;
    margin-top: 20px;
    margin-right: 5px;
}
.content-area-scrollable p { line-height: 1.3em; }
.order-to-read-more{ 
  text-align: center;
  border-radius: 10px;
  border: #173B15 1px solid;
}
.fade-out-mask{ position: relative; }
.fade-out-mask:before{
  content: '';
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(transparent, #ffffffd6);
  height: 150px;
  width: 100%;
}
.order-to-read-more h3{ color: #442D2D; } 
.video-container {
    position: relative;
}

.custom-controls {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    z-index: 4;
    display: none;
}

.progress-bar {
    flex-grow: 1;
    padding: 0 10px;
}

#seek-bar {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    background: #555;
    outline: none;
    cursor: pointer;
    border-radius: 4px;
}

#seek-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background: #ff0000;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid white;
}

.time-display {
    font-size: 14px;
}
@media (max-width: 767px){
    .home-banner {
        margin-top: 50px;
    }
}