﻿.innerSec {
   padding: 30px !important;
   background: var(--pres-main-bg-light);
}

.video_list_widget {
   float: left;
}

.video_panel_widget .videoTitle {
   display: none;
}

.lpHeading {
   font-size: 1.5em;
   color: var(--pres-main-fg-color);
	font-weight: bold;
}

.selectFilters {
   float: left;
   clear: both;
   margin-top: 10px;
}

.filters {
   float: left;
   width: 100%;
   background: var(--pres-main-bg-light);
	padding: 10px 10px 0px 10px;
}

.twoColumn {
   display: block;
   margin: auto;
   width: 1170px;
   position: relative;
}

.search {
   color: var(--pres-main-fg-color);
   font-size: .9em;
   background: var(--pres-main-bg-light);
   border: none;
   height: 30px;
   width: 282px;
   padding-left: 5px;
   background-image: url(/images/searchBgImg.png);
   background-repeat: no-repeat;
   background-position: 97% 7px;
   border: solid 1px #bbbbbb;   
   margin: 10px 0px 0px 0px;
   z-index: 0;
}

.searchOverlay {
   cursor: pointer;
   height: 30px;
   left: 260px;
   position: relative;
   top: -32px;
   width: 30px;
   z-index: 1;
}

.rightVidGrad {
   position: absolute;
   right: 5%;
   height: 100%;
   width: 30px;  
   background-image: url(/images/rightVidGrad.png);
   background-repeat: repeat-y;
   top: 0px;
   z-index: 1;
}

.leftVidGrad {
   position: absolute;
   left: 5%;
   height: 100%;
   width: 30px;  
   background-image: url(/images/leftVidGrad.png);
   background-repeat: repeat-y;
   top: 0px;
   z-index: 1;
}

.playlistName {
   float: left;
}

.videoPlayer {
   float: left;
   clear: both;
   width: 100%;
}

.videoInfo {
   float: left;
   clear: both;
   width: 100%;
   background: var(--pres-main-bg-light); 
}

.authorPhotoCol {
   width: 50px;
   background: var(--pres-soft-black);
   height: 50px;
   float: left;   
}

.vidDescriptionCtr, .commentInfo {
   float: left;
   width: 100%;  
   padding: 0px;
}

.videoTitle {
	float: left;
	font-size: 2em;
	color: var(--pres-main-fg-color);
	width: 100%;
   font-weight: 100;
   line-height: 1.5em;
   border-bottom: solid 1px #bbbbbb;
   padding-bottom: 20px;
   margin-bottom: 20px;
}

.postedBy {
   font-size: .9em;
   color: var(--pres-main-fg-color);
   float: left;
   clear: both;
}

.postedDate {
   color: var(--pres-main-fg-color);
   
   font-size: .9em;
   float: right;  
}

.videoDescription {
   float: left;
   clear: both;
   
   font-size: 1em;
   color: var(--pres-main-fg-color);  
   margin: 20px 0px 0px 0px;
   line-height: 1.3em;
   text-overflow: ellipsis;
   height: 40px;
}

.commentBody {
   margin: 10px 0px 0px 0px  
}

.readMore {
   color: #ff4e00;
   
   text-decoration: underline;
   font-size: .8em;  
}

.readMore:hover {
   color: #ff4e00;  
}

.videoOptions {
   float: left;
   clear: both;
   width: 580px;
   background-color: #eeeeee;
   padding: 10px;  
}

.button {
   background: var(--pres-soft-black);
   color: var(--pres-light-fg-color);
   padding: 5px 10px;
   text-align: center;
   float: left;
   margin: 0px 5px 0px 0px;
}

.button:hover {
   background-color: #888888;
   cursor: pointer;  
}

.commentsContainer {
   clear: none;
   background-color :#ffffff;
   margin: 0px 0px 0px 0px;
   width: 66% !important;
}

.cheerBtn {
   float: left;
   clear: both;
}

.authorPhotoCol > img {
   width: 100%;
   height: 100%;
}

.readMore {
   display: none;
}

#vidSlider {
   display: none;
}

.cheerThis {
   float: left;
   clear: both;
   margin: 20px 0px 0px 0px;
}

.inlineCheerText {
   float: left;
   font-size: .9em;
   color: var(--pres-main-fg-color);
   margin: 5px 0px 0px 5px;
}

.inlineCheerCopy {
   float: left !important;
   margin: 0px 0px 0px 0px !important;
   padding: 0px 10px 0px 0px;
   cursor: pointer;
}

.chrBtn {
   float: left;
}

.chrBtnTxt {
   font-size: .7em;
   font-weight: bold;
   float: left;   
   margin-top: 3px;
}

.inlineCheerCount {
   float: left;
   font-size: .8em !important;
   margin: 0px 0px 0px 0px !important;
}

.video_list_widget .playlists {
   margin: 0px 0px 0px 0px !important;
}

.rvSrVideo {
   width: 100%;
   position: relative;
   padding-top: 56.25%;
}

.video_list_widget .rvSrVideo img {
   float: left;
   width: 100% !important;
   max-height: 100%;
}

.video_list_widget .rvSrVideoInfo,
.video_list_widget .rvSrVideoName,
.video_list_widget .rvSrVideoCount {
   width: 100%;   
}

.videoLanding .video_list_widget .rvSrVideoInfo {
   padding: 20px;
   width: 100%;
}

.video_list_widget .rvSrVideoCtr {
   width: 100%;
   background: var(--pres-main-bg-light);
   padding-bottom: 0px !important;
   margin: 0px 0px 0px 0px !important;
   border: solid 1px #dddddd;
}

.video_list_widget .rvSrVideoName,
.video_list_widget .rvSrVideoCount {
   padding: 0px 0px 0px 0px !important;
}

.video_list_widget .recentVids {
   padding: 0px 0px 0px 0px !important;
   margin: 0px 0px 20px 0px !important;
}

.video_list_widget .playlistCycle,
.video_list_widget .recentCycle {
   width: 100%;
   padding: 20px;
   margin-bottom: 0px !important;
   display: grid;
   grid-auto-columns: 1fr;
   grid-auto-flow: row;
   gap: 20px;
}

.videoSearch {
   width: 100%;
   float: left;
   clear: both;
   margin-bottom: 20px;
}

.vidSearchInput {
   background: #eeeeee;
   height: 50px;
   width: 450px;
   border: none !important;
   float: left;
}

.vidSearchGo {
   background: #00aa00;
   color: var(--pres-light-fg-color);
   text-align: center;
   height: 50px;
   line-height: 3.25em;
   float: left;
   width: 100px;
}

.video_list_widget .panelHide {
   display: block !important;
}

.video_list_widget .playlistIcon {
   display: none;
}

.video_list_widget .showMoreCtr {
   float: left;
   clear: both;
   width: 100%;
   padding: 0px 10px;
}

.video_list_widget .showMore {
   width: 100%;
}

.video_list_widget .rvSrVideoWrap {
   float: left;
   width: 100% !important;
}

@media all and (min-width: 768px) {
   .video_list_widget .showMore {
      width: 200px !important;
      margin: 0px auto !important;
   }

   .video_list_widget .showMoreCtr {
      padding: 0px 20px 20px 20px;
      background: var(--pres-main-bg-light);
   }

   .video_list_widget .recentCycle,
   .video_list_widget .playlistCycle {
      background: var(--pres-main-bg-light);
      padding: 20px;
   }

   .video_list_widget .rvSrVideoCtr {
      display: inline-block;
      vertical-align: top;
      position: relative;
      clear: none !important;
      padding: 0px 0px 0px 0px;
   }

   .video_list_widget .playlistCycle,
   .video_list_widget .recentCycle {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

@media all and (min-width: 1024px) {
   .video_list_widget .rvSrVideoCtr {
      position: relative;
      clear: none !important;
      padding: 0px 0px 0px 0px;
   }

   .video_list_widget .playlistCycle,
   .video_list_widget .recentCycle {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media all and (min-width: 1366px) {
  .video_list_widget .playlistCycle,
   .video_list_widget .recentCycle {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}