/* custom stylesheet for the VHL TV page */
.vhl-tv-wrap h1.top-title{
  color:#97b251;
  font-size:30px;
  text-align:center;
  padding-top:30px;
  padding-bottom:15px;
}
body.page-template-main-site-page h1.post-title{
  display:none;
}
.vhltv-img{
  display:block;
  margin:0 auto;
  max-width:450px;
}
body .post-entry .vhl-tv-wrap p.main-p{
  text-align:center;
  font-weight:bold;
  color:#b1388a;
  font-size:18px;
  padding-top:30px;
}
.optin-thanks p{
  text-align:center;
}
body .post-entry .vhl-tv-wrap p.copy-p{
  text-align:center;
  font-size:15px;
}
body .post-entry .vhl-tv-wrap h2.episode-title{
  color:#97b251;
  text-align:center;
  font-family:'Open Sans';
  font-weight:bold;
  letter-spacing:0;
  font-size:24px;
  line-height:1.2;
}
.episode-wrap{
  position:relative;
  max-width:666px;
  padding:13px;
  margin:0 auto;
  width:100%;
  /* margin-bottom:50px; */
  height:450px;
}
.ep-img{
  position:absolute;
  top:0;
  left:0;
}
.episode-wrap iframe{
  display:block;
  margin:0 auto;
  max-width:640px;
}
body .post-entry .vhl-tv-wrap h2.ep-desc-title{
  color:#97b251;
  letter-spacing:0;
  text-align:center;
  font-family:'Open Sans';
  font-weight:400;
  font-size:22px;
  margin-bottom:2px;
  margin-top:5px;
}
ul.ep-desc{
  color:#97b251;
  font-size:20px;
  margin-left:55px;
  line-height:1.25;
}
.blue{
   color:#b1388a;
  cursor:pointer;
}
.popup-wrapper{
  background:rgba(0,0,0,0.5);
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:99;
  display:none;
}
.popup-content{
  overflow:hidden;
  background:#fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  border-radius:10px;
  padding:15px;
  max-width:400px;
  z-index:100;
}
p.form-title{
  text-align:center;
  font-weight:bold;
  margin-top:0;
  margin-bottom:10px;
}

body.page-template-main-site-page .post-entry .line-1{
  color:#97b251;
  font-size:21px;
}
.optin-thanks{
  display:none;
}
body.page-template-main-site-page .post-entry p.respect{
  margin:0 auto;
  text-align:center;
  font-size:13px;
}
.optin-form input{
  box-sizing:border-box;
  width:100%;
  border:1px solid #ccc;
  border-radius:3px;
  font-size:16px;
}
label.jp-is-invalid{
  color:red;
  font-weight:400;
  font-size:14px;
  display:block;
  padding-left:10px;
  margin-bottom:-5px;
}
.close{
  position:absolute;
  top:10px;
  right:10px;
  cursor:pointer;
  max-width:16px;
}
.close-img{
  display:block;
  width:100%;
}
.optin-form{
  margin:0 auto;
  width:100%;
}
.optin-form button{
  border:none;
  background:#b1388a;
  font-weight:bold;
  display:block;
  width:100%;
  font-size:18px;
  text-align:center;
  padding:5px;
  border-radius:3px;
  color:#fff;
  font-family:'Open Sans';
  cursor:pointer;
  outline:none;
}
.optin-form button:hover{
  opacity:0.9;
}
@media (max-width: 1020px){
  .copy-p br{
    display:none;
  }
  ul.ep-desc{
    margin-left:0;
  }
}
@media (max-width: 650px){
  .vhl-tv-wrap h1.top-title{
    margin-top:5px;
    padding-top:0;
    font-size:24px;
    padding-bottom:0;
  }
  .vhltv-img{
    max-width:300px;
    width:100%;
  }
  body .post-entry .vhl-tv-wrap h2.episode-title{
    font-size:21px;
  }
  ul.ep-desc{
    font-size:16px;
  }
  ul.ep-desc li{
      margin-bottom:5px;
  }
  body .post-entry .vhl-tv-wrap p.main-p{
    padding-top:0;
  }
  .episode-wrap{
    height:0;
    padding-bottom:71%;
    box-sizing:border-box;
  }
  .popup-content{
    transform:translate(-50%,0);
    top:10px;
  }
}
@media (max-width: 450px){
  ul.ep-desc{
    font-size:15px;
  }
  body .post-entry .vhl-tv-wrap h2.episode-title{
    font-size:19px;
  }
}
@media (max-width: 800px){
  .popup-content{
    max-width:320px;
    width:100%;
    box-sizing:border-box;
  }
  body.modal-open{
    position:fixed;
    width:100%;
  }
  body.page-template-main-site-page .post-entry .line-1{
    font-size:18px;
  }
}