/*                                                                      */
/* 		                   VIDEO                       		            */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL mobile.css     */
/* v002 07 May 2020 -   Add styling from PPG (for video content type)   */
/*                                                                      */
/*                                                                      */


div.video-container {
  position: relative;		/* To prevent iframe dropping through */
  padding-bottom: 56.25%;		/* = 9 / 16 */
  padding-top: 0px;
  height: 0;
  overflow: hidden;
}

div.video-container {
  background: url('https://cms03-uk.s3.eu-west-2.amazonaws.com/arc-ar3-ux-60-video-wallpaper-loading-1205x678__20220608.png') no-repeat 0 0;
  background-size: cover;
}

div.video-container iframe,  
div.video-container object,  
div.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;		/* Use padding in parent div to control height */
}


/* **************************************** */
/* 			VIDEO CONTENT TYPE				*/
/* **************************************** */

div.video-container iframe {
}


div.video-container {
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  border: 1px solid white; /* changed black to white - iainMc 20240521*/
  box-sizing: border-box;
  margin-bottom: 20px;
}

div.video-container.lib-videos-001 {
}
div.video-container.lib-videos-002 {
}

section#main.lib-videos section.content ul {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-left: 0;
  padding-left: 0;
}
section#main.lib-videos section.content li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  padding-left: 60px;
  min-height: 46px;
  /*xxbackground: xrl('') no-repeat 0 0;*/
}
section#main.lib-videos section.content li:before {
  content: '';
  padding-right: 22px;
}

section#main.lib-videos section.content li {
}

section.content article.highlight-box.lib-videos-001-index,
section.content article.highlight-box.lib-videos-002-index,
section.content article.highlight-box.lib-videos-003-index,
section.content article.highlight-box.lib-videos-004-index, 
section.content article.highlight-box.lib-videos-005-index,
section.content article.highlight-box.lib-videos-006-index {
  padding-bottom: 5px;
}


.video-box {
  margin-bottom: 20px;
}
.video-box {
  width: 100%; /* Desktop */
}
.video-box iframe {
  width: calc( ( 100vw * 0.8333 ) ) !important; /* Desktop */
  height: calc( ( 100vw * 0.8333 ) * 9 / 16 ) !important; /* Desktop */
}