.vdot-video-iframe-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.vdot-video-iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.vdot-video-container{
  padding:50px;
  background-color:#F5F5F5;
  margin-bottom:20px;
}    
.vdot-video-container h2,
.vdot-video-container h3
  {margin:0 0 20px 0}
.vdot-video-list-container{
  margin-top:0;
  margin-bottom:0;
  padding-left:0px;
  padding-right:0px;
  background-color:#044171;
}
.vdot-video-iframe-container{
  position:relative;
  width:100%;
  aspect-ratio: 16 / 9;
  background-color: #044171;
}
.vdot-video-iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.vdot-video-list{
  width:100%;
  overflow:auto;
  white-space:nowrap;
  overscroll-behavior: none;
}
.controls-video-youtube-carousel,
.vdot-video-list{list-style-type:none; padding:0; margin:0}
.vdot-video-item{
  vertical-align:top;
  display:inline-block;
  width:180px;
  margin:0 10px;
  padding:26px 0;
  white-space:normal;
  cursor:pointer;
  opacity:70%;
}
.vdot-video-item:first-of-type{margin-left:100px}
.vdot-video-item:last-of-type{margin-right:100px}  
.vdot-video-item:hover{opacity:100%}
.vdot-video-thumbnail{position:relative}
.vdot-video-item:hover .vdot-video-thumbnail{outline:1px solid #fff}
.vdot-video-thumbnail img{
  width:180px;
  height:135px;
  background-color:#000;
  position:relative;
}
.vdot-video-item .vdot-video-description{
  color:#fff;
  font-size:16px;
  margin-top:10px;
}
.vdot-video-arrows,
.controls-video-youtube-carousel{
  position:relative;
  width:100%;
  z-index:100;
}
.vdot-video-arrow-left{
  position:absolute;
  padding:75px 25px;
  left:0px;
  top:0px;
  height:227px;
  width:100px;
  cursor:pointer;
  text-align:right;
  background: linear-gradient(to right, #044171 50%, #04417100 100%);
}
.vdot-video-arrow-left img{width:75%}
.vdot-video-arrow-left:hover button,
.vdot-video-arrow-right:hover button{background-color:#fff}
.vdot-video-arrow-right{
  position:absolute;
  padding:75px 25px;  right:0px;
  top:0px;
  width:100px;
  height:227px;
  cursor:pointer;
  text-align:left;
  background: linear-gradient(to left, #044171 50%, #04417100 100%);
}
.vdot-video-arrow-right img{width:75%}
.vdot-video-list-container .btn-prev,
.vdot-video-list-container .btn-next {
  border-radius:25px;
  width:50px;
  height:50px;
  background-color:#cdd9e1;
  border: 2px solid #5e88aa;
  box-shadow: 0px 0px 10px #0009;
}   
.vdot-video-list-container.hide-scroll .controls-video-youtube-carousel{display:none;}
.vdot-video-list-container.hide-scroll .vdot-video-item:first-of-type {margin-left:24px}
.vdot-video-list-container.hide-scroll .vdot-video-item:last-of-type {margin-right:24px} 
.vdot-video-list-container.hide-scroll .vdot-video-list {
    display: flex;
    justify-content: center;
}  
.youtube-icon-overlay {
  position:absolute;
  top:40px;
  left:67px;
  width:50px;
  height:50px;
  opacity:0.8;
} 
.youtube-icon-overlay .social-youtube-icon-center {
  fill:#000;
}  
.vdot-video-item.active {
  opacity:1;  
}
.vdot-video-item.active .vdot-video-thumbnail img{
  /*border:1px solid white;*/
  box-shadow: 0px -3px 0px #f47735;
}

  
.sectionheader-container:has(.vdot-video-container){
  container-type: inline-size;
}
@container (max-width:1050px) {
  .vdot-video-container {
    padding:20px;
  }
}

@media (max-width: 992px) {
  .vdot-video-container{
    padding:0px;
    background-color:#fff;
    margin-bottom:20px;
  }    
} 
  
@media (max-width:479px){
  .vdot-video-iframe-container {
    aspect-ratio: 9 / 9;
  } 
  .vdot-video-item:first-of-type{margin-left:24px}
  .vdot-video-item:last-of-type{margin-right:24px}
  .controls-video-youtube-carousel li,
  .controls-video-youtube-carousel li {
    display:none;
  }  
  .vdot-video-item{
    width:7.75rem;
    margin:0 8px;
  }
  .vdot-video-thumbnail img{
    width:124px;
    height:93px;
  }
  .vdot-video-item .vdot-video-description {
    font-size:14px;
  }
  .youtube-icon-overlay {
    top:23px;
    left:38px;
  }   
}