.btn-outline {
  background-color: transparent;
  color: inherit;
  transition: all .5s;
}
.btn-primary.btn-outline {
  color: #428bca;
}
.btn-success.btn-outline {
  color: #5cb85c;
}
.btn-info.btn-outline {
  color: #5bc0de;
}
.btn-warning.btn-outline {
  color: #f0ad4e;
}
.btn-danger.btn-outline {
  color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff;
}
/*# sourceMappingURL=/css/youtube-documentaries-express.min.css.map */
/*
Flexi Bootstrap - The Missing Bootstrap Thumbnail Demos

Author : Bryan Willis
Link: https://github.com/Wordpress-Development/gridstrap
https://codepen.io/bootstrapped/pen/yeomNw
Working Demos of Equal Height Flexbox and Tables as well as Masonary Thumbnails in Bootstrap 3. See the Github repo for complete version supporting legacy browser fallback.
*/
/* EXAMPLE 1 - BOOTSTRAP FLEXBOX
   - Equal Height Columns in Rows
   - Equal Height Thumbnails
   - Flex Grow to Fill Paragraph Height
*/
/* Flexbox Equal Height Bootstrap Columns (fully responsive) */
.flex-row.row {
  display: flex;
  flex-wrap: wrap;
}
.flex-row.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.flex-row .thumbnail,
.flex-row .caption {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}
.flex-text {
  flex-grow: 1;
}
.flex-row img {
  height: auto;
  width: 100%;
}
/* EXAMPLE 2 - CSS TABLES EQUAL HEIGHT
   - ie9 support 
   - not responsive (mobile fallback)
   
*/
.table-row.row,
.table-row-equal {
  display: table;
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}
.table-row.row [class*="col-"] {
  width: 25%;
}
.table-row.row [class*="col-"],
.table-row-equal .thumbnail {
  float: none;
  display: table-cell;
  vertical-align: top;
}
.table-row-equal {
  border-spacing: 30px 0px;
}
.table-row-equal .thumbnail {
  width: 1%;
}
/* mobile fallback to support partial responsiveness */
@media only screen and (max-width: 480px) {
  .table-row-equal .thumbnail {
    display: block;
    width: 100%;
  }
}
/* MASONARY BOOTSTRAP 3 GRID
   - Who needs V4?
*/
.masonary-row.row {
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding-left: 15px;
  padding-right: 15px;
  word-wrap: break-word;
}
.masonary-row [class*="col-"] {
  display: inline-block;
  width: 100%;
  height: 100%;
  float: none;
  padding: 0px;
}
@media (min-width: 480px) {
  .masonary-row.row {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 768px) {
  .masonary-row.row {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
/*# sourceMappingURL=/css/youtube-documentaries-express.min.css.map */
.starsUnrated {
  cursor: pointer;
}
.formTagButton {
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 6px;
}
/*# sourceMappingURL=/css/youtube-documentaries-express.min.css.map */
/* Large desktops and laptops */
/* Landscape tablets and medium desktops */
/* Portrait tablets and small desktops */
/* Landscape phones and portrait tablets */
/* Portrait phones and smaller */
body {
  background-color: #000000;
  font-family: 'Ubuntu', sans-serif;
}
h1 {
  margin-top: 8px;
  font-size: 2.5em;
}
.h1Title {
  color: #ffffff;
}
h2 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 2.3em;
}
h3 {
  margin-top: 3px;
  margin-bottom: 0px;
  font-size: 1em;
}
.whiteText {
  color: #BDBDBD;
}
.navbar {
  margin-bottom: 0px;
}
.navLogo {
  margin-top: 18px;
}
.navAddVideo {
  padding-right: 10px;
  padding-left: 10px;
  background-color: #489dff;
}
.navBlack {
  background-color: #000000;
}
.sectionPink,
.sectionOrange,
.sectionBlue,
.sectionWhite,
.sectionOffWhite,
.sectionGrey,
.sectionBlack {
  padding-top: 18px;
  padding-bottom: 4px;
}
.sectionDarkGrey {
  background-color: #323232;
  padding-top: 1px;
  padding-bottom: 5px;
}
.sectionDarkerGrey {
  background-color: #2d2d2d;
  padding-top: 1px;
  padding-bottom: 5px;
}
.sectionPink {
  background-color: #ed588d;
}
.sectionOrange {
  background-color: #ff9859;
}
.sectionBlue {
  background-color: #489dff;
}
.sectionBlack {
  background-color: #000000;
}
.sectionWhite {
  background-color: #ffffff;
}
.sectionOffWhite {
  background-color: #f9f9f9;
}
.sectionGrey {
  background-color: #ececec;
}
.img-responsive {
  margin: 0 auto;
  width: 100%;
}
.isHidden {
  display: none;
}
.floatRight {
  float: right;
  position: relative;
}
.spacer {
  height: 24px;
}
.spacerSmall {
  height: 12px;
}
.noBottomMargin {
  margin-bottom: 0px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}
.browseTags {
  margin-right: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
}
.paginationMargin {
  margin-bottom: 10px;
}
.subscribeButton {
  margin-top: 10px;
}
.editButton {
  margin-right: 8px;
  margin-bottom: 4px;
  margin-top: 4px;
}
.red {
  border: 1px solid red;
}
.formInputText {
  color: #347ab7;
}
.thumbnail {
  margin-bottom: 0px;
}
.textTinyLabel,
.textTinyLabelWhite,
.textTinyLabelGrey {
  font-size: 0.7em;
  text-transform: uppercase;
}
.textTinyLabel {
  color: #777;
}
.textTinyLabelWhite {
  color: #f2f2f2;
}
.textTinyLabelGrey {
  margin-top: 5px;
  color: #c1c1c1;
}
.ratedLabelWhite {
  color: #f2f2f2;
}
.notRated {
  color: #dbdbdb;
}
.starRatedBlue {
  color: #347ab7;
  font-size: 1.2em;
}
.introText {
  color: #ffffff;
  font-size: 1.5em;
  margin-top: 5px;
  margin-bottom: 5px;
}
.introSubText {
  color: #d8d8d8;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.videoStars {
  font-size: 1.3em;
  color: #ffffff;
}
.tagHref {
  text-transform: uppercase;
  margin-right: 8px;
}
.tagHrefVideo {
  font-size: 0.8em;
  text-transform: uppercase;
  margin-right: 6px;
}
.thumb {
  overflow: hidden;
}
.thumb img {
  margin: -10% 0;
  width: 100%;
}
.adminPills {
  font-size: 0.7em;
  text-transform: uppercase;
  padding: 3px;
}
.adminButton {
  margin: 6px 3px 0px 3px;
}
.noMarginBottom {
  margin-bottom: 0px;
}
.adminH3 {
  font-size: 1.4em;
  margin-top: 3px;
  margin-bottom: 3px;
}
/*# sourceMappingURL=/css/youtube-documentaries-express.min.css.map */
.ui-helper-hidden-accessible {
  display: none;
}
.ui-autocomplete {
  max-height: 200px;
  overflow-x: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999;
  float: left;
  display: none;
  min-width: 160px;
  max-height: 250px;
  overflow-y: scroll;
  _width: 160px;
  padding: 3px 6px 3px 6px;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  cursor: pointer;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
}
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover,
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
}
/*# sourceMappingURL=/css/youtube-documentaries-express.min.css.map */