/* Added VideoPlaylist styles from etc/designs/nemoursv2/css/main.css and removed that from head.html */
.videoPlaylist {
  width: 100%;
}

.videoPlaylist .container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .videoPlaylist .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .videoPlaylist .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .videoPlaylist .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .videoPlaylist .container {
    max-width: 1140px;
  }
}

.videoPlaylist .container-fluid,
.videoPlaylist .container-sm,
.videoPlaylist .container-md,
.videoPlaylist .container-lg,
.videoPlaylist .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.videoPlaylist .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.videoPlaylist .embed-container iframe,
.videoPlaylist .embed-container object,
.videoPlaylist .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.videoPlaylist .khad-container, 
div.tileVideo .khad-container,
.wcBigVidIn .khad-container,
.kh-video-container .khad-container {
  top: calc(50% - 20px);
  right: 0 !important;
  height: 40px;
  width: 24px;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAYAAADUUxW8AAAAWElEQVQ4jWNgIAH8//8/4f///wmk6EHWCAPEG4CmEW4AMzEaGRgY5mORekCOjf////+PzbBRjTTXqIBD4328Gim2edSAIWJAPyUGJBClGYsBxGtEMwCuEQD8bAtqOCT3/wAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-size: 10px 18px;
  border: 0 none !important;
  border-radius: 20px 0 0 20px;
  background-color: rgba(0,0,0,0.675) !important;
  cursor: pointer;
  transition: .25s;
}

.videoPlaylist .khad-container[ad-enabled=true], 
div.tileVideo .khad-container[ad-enabled=true],
.wcBigVidIn .khad-container[ad-enabled=true],
.kh-video-container .khad-container[ad-enabled=true] {
  background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAXCAYAAADUUxW8AAAAsUlEQVQ4jZ2UQRaDIAwFB09id+x6I57eqDeQeqOu6q7ehK6kWkMIZsubSR6E71JKWGteGACCJwJ0jeAETJvEWTrvwH2N1c4FEOCudlbAGLzSuQZC4cIsoAhbwRPcAh7gVjDDV0AA93ynHvgIZ2vw3EogQBc8K4j2fl7EaX4w5EWXBIMmyBd2RXB4qlbBaUlaBOJ6WgXFj2ERVMNAWaBHNQyUCV6mDBMEY/BEU4Zt9Z+eX+eiZPrfiQBzAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-size: 10px 18px;
}

.videoPlaylist .khad-container.adHover, 
div.tileVideo .khad-container.adHover,
.wcBigVidIn .khad-container.adHover,
.kh-video-container .khad-container.adHover,
.videoPlaylist .khad-container:hover, .videoPlaylist .khad-container:focus, 
div.tileVideo .khad-container:hover, div.tileVideo .khad-container:focus,
.wcBigVidIn .khad-container:hover, .wcBigVidIn .khad-container:focus,
.kh-video-container .khad-container:hover, .kh-video-container .khad-container:focus {
  width: 70px;
  background: url(data:img/png;base64,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);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 48px 18px;
}

.videoPlaylist .khad-container.adHover[ad-enabled=true],
div.tileVideo .khad-container.adHover[ad-enabled=true],
.wcBigVidIn .khad-container.adHover[ad-enabled=true],
.kh-video-container .khad-container.adHover[ad-enabled=true], 
.videoPlaylist .khad-container[ad-enabled=true]:hover, .videoPlaylist .khad-container[ad-enabled=true]:focus,
div.tileVideo .khad-container[ad-enabled=true]:hover,div.tileVideo .khad-container[ad-enabled=true]:focus,
.wcBigVidIn .khad-container[ad-enabled=true]:hover, .wcBigVidIn .khad-container[ad-enabled=true]:focus,
.kh-video-container .khad-container[ad-enabled=true]:hover, .kh-video-container .khad-container[ad-enabled=true]:focus {

  border: 0 none !important;
  background: url(data:img/png;base64,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);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 48px 18px;  
}

.videoPlaylist .khad-container .khad-button, 
div.tileVideo .khad-container .khad-button,
.wcBigVidIn .khad-container .khad-button,
.kh-video-container .khad-container .khad-button {
  display: none !important;
  right: 2px !important;
  border: 0 none !important;
}

.videoPlaylist .khad-container.adHover.adClickable .khad-button, 
div.tileVideo .khad-container.adHover.adClickable .khad-button,
.wcBigVidIn .khad-container.adHover.adClickable .khad-button,
.kh-video-container .khad-container.adHover.adClickable .khad-button, 
.videoPlaylist .khad-container:hover .khad-button, .videoPlaylist .khad-container:focus .khad-button, 
div.tileVideo .khad-container:hover .khad-button, div.tileVideo .khad-container:focus .khad-button,
.wcBigVidIn .khad-container:hover .khad-button, .wcBigVidIn .khad-container:focus .khad-button,
.kh-video-container .khad-container:hover .khad-button, .kh-video-container .khad-container:focus .khad-button {
  width: 68px;
  background: transparent;
  height: 40px;
  cursor: pointer;
  z-index: 200;
  right: 2px !important;
  position: absolute;
  display: block !important;
}

.videoPlaylist .khad-container.adHover.adClickable[ad-enabled=true] .khad-button,
div.tileVideo .khad-container.adHover.adClickable[ad-enabled=true] .khad-button,
.wcBigVidIn .khad-container.adHover.adClickable[ad-enabled=true] .khad-button,
.kh-video-container .khad-container.adHover.adClickable[ad-enabled=true] .khad-button, 
.videoPlaylist .khad-container[ad-enabled=true]:hover .khad-button, .videoPlaylist .khad-container[ad-enabled=true]:focus .khad-button,
div.tileVideo .khad-container[ad-enabled=true]:hover .khad-button, div.tileVideo .khad-container[ad-enabled=true]:focus .khad-button,
.wcBigVidIn .khad-container[ad-enabled=true]:hover .khad-button, .wcBigVidIn .khad-container[ad-enabled=true]:focus .khad-button,
.kh-video-container .khad-container[ad-enabled=true]:hover .khad-button, .kh-video-container .khad-container[ad-enabled=true]:focus .khad-button 
{
  background: transparent !important;
  border: 0 none !important;
}

div.videoPlaylist {}

section.video-playlist-container {}

/* Video to be played */

div.video-player {
  position: relative;
}

div.video-container {
  /* also has class embed.container */

}

iframe.video-iframe {}

/* Video playlist */

#khcontent ul.videoList, ul.videoList {
  /* also has classes, responsivegrid and video-playlist */
  max-height: 276px !important;
  overflow-y: auto;
  position: relative;
  margin-left: 0 !important;
  padding: 5px;
  border: 1px solid #ccc;
}

/* 2 bad divs next - hope not to need to ref them */

li.video-playlist-item {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 6px !important;
  margin-bottom: 4px !important;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: white;
}

li.video-playlist-item:hover {
  background: #f0f0f0
}

li.video-playlist-item:hover div.vidListItemRight p:after,
li.video-playlist-item:hover div.vidListItemRight p:before {
  background: #f0f0f0;
}

ul.videoList li {
  display: flex;
}

ul.videoList li img {
  width: 100%;
}

div.vidListItemLeft {
  width: 180px !important;

}

div.vidListItemRight {
  padding: 0 10px;
  display: block !important;
  width: 100%;
}

div.vidListItemRight h3 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  display: block;
  top: 0;
  height: fit-content !important;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;

}

div.vidListItemRight p {
  font-size: 10px;
  background: ;
  margin: 0;
  width: 100%;
  line-height: 1.25 !important;


  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

li.currentVideo {
  background: #f1f0f0;
}

li.currentVideo h3 {
  color: #00749e;
}

ul.videoList li.currentVideo img {
  border: 1px solid black;
}
/* Start WCBig Vid */

.wcBigVid {
  width: 900px;
  margin: 0px auto;
  background: url(/content/dam/kidshealth/tileBG.jpg);
  /*color: white;*/
  padding: 40px 100px 0px 100px;
  text-align: center;
  font-family: arial, helvetica, sans-serif;
  padding-bottom: 10px;
}


.wcBigVid .video {
  text-align: Center;
  position: relative;
}
.wcBigVid .video img {
  width: 600px;
  margin: 45px auto 45px auto;

}

.wcBigVid .video .video-player{
 position:unset !important;

}

.wcBigVidIn {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin: 5px auto;
  width: 600px;
}

.wcBigVidIn iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.wcBigVid .video iframe{
  width: 600px;
  height: 450px;
}

.wcBigVid h2 {
  font-size: 2.16rem;
  font-size: 34px;
  font-weight: normal;
  margin-bottom: 10px;
}

.wcBigVid p {
  font-size: 14px;
}


div.ocean p,div.ocean h2,div.ocean h3,div.ocean h4,div.ocean h5,div.ocean h6{
color: #fff !important; 
}

div.lightblue p,div.lightblue h2,div.lightblue h3,div.lightblue h4,div.lightblue h5,div.lightblue h6{
color: #000 !important;
}

div.wcBigVid {
  word-break: break-word;
}

.wcBigVid iframe {
  height: inherit;
  width: inherit;
}

/*raw html related css beginning*/
.rawhtml .kh-video-container{
    position:relative;
}

div.rawhtml div.kh-video-player {
  width: 100%;
}

/*raw html related css End*/

/*artical Page video css beginning*/

#khcontent_article .wcBigVid {
  padding: 20px 20px 20px 20px;
  min-height: 300px;
  max-width: 550px;
  min-width: 200px;
  margin-left: 0px;
  
}
#khcontent_article .wcBigVidIn{
  width: 100%;
}

#khcontent_article .wcBigVid p{
  background: none !important;
  text-align: center !important;
}

#khcontent_article .wcBigVid .video iframe {
  width: 100%;
  height: 300px;
}
#khcontent_article .wcBigVid.singlevideo.singleVideoButton h2{
  text-align:center;
}
#khcontent_article ul.videoList.responsivegrid.video-playlist {
  padding-left: 5px !important;
}

#khcontent_article ul.videoList.responsivegrid.video-playlist h3.kh-video-title{
  font-size: 14px !important;
  font-family: helvetica, arial, sans-serif !important;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 5px;

}

#khcontent_article ul.videoList.responsivegrid.video-playlist p.kh-video-description{
  margin: 0px;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif!important;
  font-size: 10px !important;
  background: none;
}
#khcontent_article ul.videoList.responsivegrid.video-playlist li.video-playlist-item:hover {
  background-color: #f1f0f0 !important;
  background: #f1f0f0 !important;
}

#khcontent_article ul.videoList.responsivegrid.video-playlist li.video-playlist-item.currentVideo {
  background-color: #f1f0f0 !important;
  background: #f1f0f0 !important;
}
#khcontent_article ul.videoList.responsivegrid.video-playlist li.video-playlist-item.currentVideo h3 {
  color: #00749e;
}

/*artical Page video css End*/


@media screen and (max-width: 1028px) {
  .wcBigVid {
      width: 686px;
      padding: 45px 45px 2px 45px;
  }
  .wcBigVid .video {
      width: 600px;  
  }
  .wcBigVid .video img {
      width: 100%;
  }
  .wcBigVidIn {
      position: relative;
      overflow: hidden;
      padding-top: 56.25%;
      margin: 40px auto;
      width: 600px;
  }

  .wcBigVidIn iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
  }
.wcBigVid .video iframe {
      width: 100%;
      height: 400px;
  }
  
/*artical page video*/
  #khcontent_article .wcBigVid .video {
      width: 100%;
  }
  #khcontent_article .wcBigVid {
      padding:20px 20px 20px 20px;
      min-height: 100%;
      max-width: 100%;
      min-width: 100%;
    
  }
}

@media only screen and (max-width: 767px) {

div.rawhtml div.kh-video-player {
 width: 100%;
 max-width: 100% !important;
 min-height: 364px;
}

}

@media screen and (max-width: 740px) {

  .wcBigVid {
      padding-bottom: 1px !important;
  }
  .wcBigVid .video img {
      width: 100%;
  }
 
  .wcBigVid p {
      text-align: center;
  }

  .wcBigVidIn {
      position: relative;
      overflow: hidden;
      padding-top: 56.25%;
      width: 100%;
      margin-top: 30px;
  }

  .wcBigVidIn iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
  }
.wcBigVid .video iframe {
      width: 100%;
      height: 400px;
  }

  .wcBigVid .video {
      width: 100%;  
      height: auto;
  }
  #khcontent_article .wcBigVid .video {
      width: 100%;
  }
  #khcontent_article .wcBigVidIn{
      width: 100%;
  } 
}

/* alternate mobile version with full width */

@media screen and (max-width: 740px) {

  .wcBigVid {
      width: 100%;
      padding: 30px 30px 0 30px;
  }
 
}


@media only screen and (max-width: 680px) {

  div.rawhtml div.kh-video-player {
  width: 100%;
  max-width: 100% !important;
  min-height: 364px;
}

.wcBigVid .video iframe {
  width: 100%;
  height: 365px;
}

}

@media screen and (max-width: 590px) {
  
/*artical Page video css */
#khcontent_article .wcBigVid {
  padding: 20px 20px 0px 20px;
  min-height: 300px;
  width:100%;
  max-width: 100%;
  min-width: 100%;
  margin-left: 0px;
}
#khcontent_article .wcBigVid .video iframe {
  height: 275px;
}
div.rawhtml div.kh-video-player {
  width: 100%;
  max-width: 100% !important;
  min-height: 310px;
}

.wcBigVid .video iframe {
  width: 100%;
  height: 330px;
}
}

@media screen and (max-width: 560px) {
  
  div.rawhtml div.kh-video-player {
      width: 100%;
      max-width: 100% !important;
      min-height: 288px;
  }
   
  .wcBigVid .video iframe {
      width: 100%;
      height: 300px;
  }
}

@media screen and (max-width: 480px) {
  .wcBigVid {
      width: 100%;
      padding: 30px 30px 0 30px;    }
  #khcontent_article .wcBigVid .video iframe {
          height: 230px;
      }
  div.rawhtml div.kh-video-player {
      width: 100%;
      max-width: 100% !important;
      min-height: 257px; 
      }
  .wcBigVid .video iframe {
          width: 100%;
          height: 250px;
      }
}

@media screen and (max-width: 400px) {
  
  .wcBigVid .video iframe {
      width: 100%;
      height: 250px;
  }
}

@media screen and (max-width: 380px) {
  .wcBigVid {
      padding: 20px;
  }
  .wcBigVid .video iframe {
      width: 100%;
      height: 230px;
  }
  #khcontent_article .wcBigVid .video iframe {
      height: 182px;
  }
  div.rawhtml div.kh-video-player {
      width: 100%;
      max-width: 100% !important;
      min-height: 186px;
  }

}

@media only screen and (max-width: 340px){
  .wcBigVid .video iframe {
      width: 100%;
      height: 210px;
  }
} 