body { padding-top: 50px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 200; overflow-x: hidden; padding-bottom: 2px;  }
.navbar-brand { padding: 0; }
.navbar-brand img { height: 50px; }

.label { font-weight: 100; font-size: 85%; line-height: 2; letter-spacing: 1px; }
.tag-date { background-color: #DEA000; }

.re-ad img { margin: 1px auto; }
.re-title { font-size: 30px; }
.re-wrapper { margin-bottom: 80px; }
.re-post { margin-bottom: 10px; text-align: justify; overflow-x: hidden;}
.re-post.first { margin-bottom: 10px; }
.inner-ad { margin-bottom: 30px; }
.re-meta { margin-bottom: 10px; text-align: left; }
.header-link { text-align: left; }

.navbar { transition-duration: 0.2s; }

.side-item { margin-bottom: 40px; }

.share { margin-bottom: 40px; }
@media (min-width:768px) { .share { opacity: 0.4; } }
.share:hover, .the-one .share { opacity: 1; }

.vertical-center { min-height: 70%; min-height: 70vh; display: flex; align-items: center; }

.youtube { background: #000; position: relative; }
.youtube .img-wrap:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; }
.youtube > .img-wrap img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.youtube > div { position:absolute; cursor: pointer; left:0; top:0; width:100%; height:100%; text-align: center; }
.youtube > .play-icon { background: url('/img/youtube_playbutton.png') center center no-repeat; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 1; }
.youtube > .play-icon:hover { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.youtube .yt-small { height: 100%; }

.imgur-album { padding-bottom: 60%; min-height: 500px; }
.streamable-embed { padding-bottom: 60%; min-height: 500px; }

.re-post-thumb-wrap { margin: 15px 0; }
.re-post-thumb-title { overflow-x: hidden; }
.re-post-thumb { display: block; max-width: 400px; width: 100%; }
.re-post-thumb > div { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; display: block; position: relative; box-shadow: 0px 2px 5px #000; overflow: hidden; text-align: center; width: 100%; padding-bottom: 50%; }
.re-post-thumb img { position: absolute; width: 100%; height: auto; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; }
.re-thumb-sub { display: inline-block; min-width: 260px; margin: 15px 4px;}
.re-thumb-title { position: absolute; bottom: 0px; padding: 2px 5px; font-weight: 100; letter-spacing: 1px; color: #fff; width: 100%; background: rgba(0, 0, 0, 0.5); text-align: left; vertical-align: baseline; }

@media (max-width:768px) {
  blockquote { padding: 3px 2px 3px 6px; margin-right: 10px; font-size: 16px; }
  .re-title { font-size: 20px; margin-top: 10px; font-weight: 400; }
  h3 { font-size: 20px; margin-top: 10px; font-weight: 400; }
  .youtube > .play-icon { background: url('/img/youtube_playbutton_sm.png') center center no-repeat; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
  .container { padding-left: 5px; padding-right: 5px; }
  .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right: -5px; margin-left: -5px; }
  .navbar-nav { margin: 7.5px -5px; }
  .row { margin-right: 5px; margin-left: 5px; }
  .content, .side, .next-buttons.row>div { padding-left: 0; padding-right: 0; }
  .next-buttons.row { margin-right: 0; margin-left: 0; }
  .re-post { margin: 0 -10px; }
  .re-ad { margin: 0 -10px; }
  .re-ad.inner-ad { margin: 0px -10px 20px; }
  .re-meta { margin: 0 10px 10px; }
  .re-thumb-sub { display: block; margin: 15px 0; }
  .navbar-scroll-custom { transform: translateY(-52px); transition-duration: 0.6s; }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  /* iPhone 6only */
  .label { font-weight: 300; }
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 300; }
  .re-thumb-title { font-weight: 300; } 
}

.nav-search { width: 100%; min-width: 200px; }
.nav-search { background-color: #fff; vertical-align: middle; }
.nav-search:focus { border: 2px solid #de5a00; }
.form-control:focus { border-color: rgba(222, 160, 0, 0.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(222, 160, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(222, 160, 0, 0.6); }

.adlink { cursor: pointer; }
.navbar-like { margin-left: 10px !important; padding: 15px 0; }
.fb-page { margin-bottom: 40px; }

.btn-link{color:#fff;background-color:#de5a00;border-color:rgba(0,0,0,0.2)}.btn-link:hover,.btn-link:focus,.btn-link:active,.btn-link.active,.open>.dropdown-toggle.btn-link{color:#fff;background-color:#913b00;border-color:rgba(0,0,0,0.2)}
.btn-link:active,.btn-link.active,.open>.dropdown-toggle.btn-link{background-image:none}
.btn-link.disabled,.btn-link[disabled],fieldset[disabled] .btn-link,.btn-link.disabled:hover,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link.disabled:focus,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus,.btn-link.disabled:active,.btn-link[disabled]:active,fieldset[disabled] .btn-link:active,.btn-link.disabled.active,.btn-link[disabled].active,fieldset[disabled] .btn-link.active{background-color:#de5a00;border-color:rgba(0,0,0,0.2)}
.btn-link .badge{color:#de5a00;background-color:#fff}
.btn-link-done{background-color:#5cb85c}.btn-link-done:hover,.btn-link-done:focus,.btn-link-done:active,.btn-link-done.active,.open>.dropdown-toggle.btn-link-done{background-color:#449d44}