/* UPDATED 02/27/2019 @ 4:00PM */

/* WIDGETS //////////////////////////////////////////////////////////////// */

.Widget { display: block; width: 100%; margin: 0px auto; }
.Widget .Table { display: block; width: auto; margin: 0px auto; }
.Widget .Row { display: block; width: auto; margin: 0px auto; }

.Post { display: block; width: 100%; margin: 0px auto 15px auto; position: relative; }
.Post .Pic { display: block; width: auto; margin: 0px auto 15px 0px; }
.Post .Pic .Preview { display: block; width: 100%; margin: 0px auto; position: relative; }
.Post .Pic .Preview .Duration { display: block; width: auto; padding: 5px; background-color: #000000; opacity: .9; font-size: 12px; font-weight: 700; color: #FFFFFF; position: absolute; right: 3px; bottom: 3px; }
.Post .Pic .Preview img { max-width: 100%; width: 100%; max-height: 100%; }
.Post .Text { display: block; width: auto; margin: 0px auto; }
.Post .Text .Title { display: block; width: auto; margin: 0px auto 5px 0px; font-size: 18px; font-weight: 500; line-height: 130%; color: #000000; }
.Post .Text .Title a { color: #000000; text-decoration: none; }
.Post .Text .Title a:hover { }
.Post .Text .Description { display: block; width: auto; margin: 0px auto 5px auto; font-size: 12px; color: #666666; font-weight: 300; }
.Post .Text .Description a { color: #666666; text-decoration: none; }
.Post .Text .Date { display: block; width: auto; margin: 0px auto; font-size: 11px; font-weight: 400; color: #999999 !important; }
.Post .Text .Date a { text-decoration: none; color: #999999 !important; }
.Post .Text .Date a:hover { text-decoration: underline; }
.Post .Text .Author { display: block; width: auto; margin: 0px auto; font-size: 11px; font-weight: 300; color: #000000; }
.Post .Text .Author a { color: #000000; text-decoration: none; }
.Post .Text .Author a:hover { text-decoration: underline; }

.VideoList { display: block; width: auto; max-width: 1180px; margin: 0px auto 30px auto; }
.ShowList { display: block; width: auto; max-width: 1180px; margin: 0px auto 30px auto; }

.WBA { display: block; margin: 5px auto 40px auto; font-size: 10px; color: #CCCCCC; text-align: center; text-transform: uppercase; user-select: none; }


.MoreLink { display: block; width: auto; max-width: 250px; margin: 10px auto 15px auto; font-size: 14px; font-weight: 700; text-transform: uppercase; border: solid 1px #CCCCCC; border-radius: 25px; text-align: center; user-select: none; }
.MoreLink:hover { background-color: #FAFAFA; }
.MoreLink a { display: block; width: auto; padding: 15px; color: #999999; text-decoration: none; }


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media (min-width: 370px) {

.Post { display: table; padding: 0px; margin: 0px auto 15px auto; border-bottom: solid 1px #ECECEC; }
.Post .Pic { display: table-cell; width: 100px; padding: 0px 15px 15px 0px; margin: 0px; vertical-align: top; }
.Post .Text { display: table-cell; width: auto; padding: 0px 0px 15px 0px; margin: 0px; vertical-align: top; }
.Post .Text .Title { font-size: 12px; }



#Widget39 .Post { display: block; border-bottom: none 0px; }
#Widget39 .Post .Pic { display: block; width: 100% !important; padding-right: 0px; }
#Widget39 .Post .Text { display: block; }
#Widget39 .Post .Text .Title { font-size: 18px; }

#Widget40 .Post { display: block; border-bottom: none 0px; }
#Widget40 .Post .Pic { display: block; width: 100% !important; padding-right: 0px; }
#Widget40 .Post .Text { display: block; }
#Widget40 .Post .Text .Title { font-size: 18px; }

}

@media (min-width: 400px) {
.Post .Pic { width: 120px; }
.Post .Text .Title { font-size: 14px; }
}

@media (min-width: 500px) {
.Post .Pic { width: 150px; }
.Post .Text .Title { font-size: 16px; }
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media (min-width: 640px) {
.Post .Pic { width: 200px; }
.Post .Text .Title { font-size: 18px; }
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media (min-width: 1000px) {


.Widget .Table { display: table; }
.Widget .Row { display: table-row; }
.Post { display: table-cell; width: 20%; vertical-align: top; border-bottom: none 0px; padding: 0px 5px 50px 0px; }
.Post .Pic { display: block; width: auto; margin: 0px auto 10px auto; padding: 0px; }
.Post .Pic img {  }
.Post .Text { display: block; width: auto; margin: 0px auto; padding: 0px 10px 0px 0px; }
.Post .Text .Title { font-size: 12px; overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }

.VideoList { display: block; width: auto; }
.VideoList .Table { display: table; width: 100%; margin: 0px auto; }
.VideoList .Table .Row { display: table-row; }

.ShowList { display: block; width: auto; }
.ShowList .Table { display: table; width: 100%; margin: 0px auto; }
.ShowList .Table .Row { display: table-row; }
.ShowList .Post { display: table-cell; width: 33.33%; }
.ShowList .Post .Text .Title { font-size: 18px; }
.ShowList .Post .Text .Description { font-size: 14px; }

#Widget37 .Table { display: block; }
#Widget37 .Row { display: block; }
#Widget37 .Post { display: table; width: 100%; padding: 0px; margin: 0px auto 15px auto; }
#Widget37 .Post .Pic { display: table-cell; width: 130px; }
#Widget37 .Post .Text { display: table-cell; width: auto; padding: 0px 0px 0px 15px; }

#Widget38 { border-top: solid 1px #ECECEC; border-bottom: solid 1px #ECECEC; padding: 15px 0px; margin: 40px auto; }
#Widget38 .Post { padding-bottom: 0px; }

#Widget39 .Table { display: table; width: 100%; margin: 0px auto; }
#Widget39 .Table .Row { display: table-row; }
#Widget39 .Table .Row .Post { display: table-cell; }
#Widget39 .Table .Row .Post .Text .Title { font-size: 12px; }

#Widget40 .Table { display: table; width: 100%; margin: 0px auto; }
#Widget40 .Table .Row { display: table-row; }
#Widget40 .Table .Row .Post { display: table-cell; }
#Widget40 .Table .Row .Post .Text .Title { font-size: 12px; }

}