/*
Theme Name: Tube Press Theme
Author: Anonymous
*/

body {
	font-family: 'Open Sans', sans-serif!important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 600;
    /* color: #ddd; */
}

h1 {
    font-size: 1.5rem;
    padding-bottom: 1rem;
    margin-top: 0;
}

a {
    color: #d24d57;
}

a:hover,
a:active,
a:focus {
    color: #F76771;
}

p {
    font-size: 0.875rem;
}

.radius-3 {
    border-radius: 0.1875rem 0.1875rem 0.1875rem 0.1875rem;
    -moz-border-radius: 0.1875rem 0.1875rem 0.1875rem 0.1875rem;
    -webkit-border-radius: 0.1875rem 0.1875rem 0.1875rem 0.1875rem;
}

.row {
	max-width: 100%;
}

.resp-padding {
	padding: 3%;
}
.padding-top-10 {
	padding-top: 0.625rem;
}
.padding-bottom-10 {
	padding-bottom: 0.625rem;
}
.padding-15 {
	padding: 0.9375rem;
}
.padding-top-15 {
	padding-top: 0.9375rem;
}
.padding-bottom-15 {
	padding-bottom: 0.9375rem;
}
.padding-20 {
	padding: 1.25rem;
}
.padding-top-20 {
	padding-top: 1.25rem;
}
.padding-right-20 {
	padding-right: 1.25rem;
}
.padding-bottom-20 {
	padding-bottom: 1.25rem;
}
.padding-left-20 {
	padding-left: 1.25rem;
}

.margin-10 {
    margin: 0.625rem;
}
.margin-top-10 {
	margin-top: 0.625rem;
}
.margin-bottom-10 {
	margin-bottom: 0.625rem;
}
.margin-15 {
	margin: 0.9375rem;
}
.margin-top-15 {
	margin-top: 0.9375rem;
}
.margin-bottom-15 {
	margin-bottom: 0.9375rem;
}
.margin-20 {
	margin: 1.25rem;
}
.margin-top-20 {
	margin-top: 1.25rem;
}
.margin-right-20 {
	margin-right: 1.25rem;
}
.margin-bottom-20 {
	margin-bottom: 1.25rem;
}
.margin-left-20 {
	margin-left: 1.25rem;
}

.margin-30 {
	margin: 1.875rem;
}
.margin-top-30 {
	margin-top: 1.875rem;
}
.margin-right-30 {
	margin-right: 1.875rem;
}
.margin-bottom-30 {
	margin-bottom: 1.875rem;
}
.margin-left-30 {
	margin-left: 1.875rem;
}

.margin-40 {
	margin: 2.5rem;
}
.margin-top-40 {
	margin-top: 2.5rem;
}
.margin-right-40 {
	margin-right: 2.5rem;
}
.margin-bottom-40 {
	margin-bottom: 2.5rem;
}
.margin-left-40 {
	margin-left: 2.5rem;
}

.border-top {
    border-top: 1px solid #333;
}

.border-right {
    border-right: 1px solid #333;
}

ul.pagination li .dots {
    color: #555;
}

.opacity-95 {
    -moz-opacity: 0.95;
    -khtml-opacity: 0.95;
    opacity: 0.95;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=95);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
    filter:alpha(opacity=95);
}

#site-title a {
    font-weight: 700;
    font-size: 2.5rem;    
    text-transform: uppercase;
    letter-spacing: -0.1rem;
    position: relative;
    top: -0.75rem;
}

.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button) {
    border: none!important;
}

.top-bar-section ul li:first-child,
.top-bar-section ul li:first-child a {
    -webkit-border-top-left-radius: 0.1875rem;
    -moz-border-radius-topleft: 0.1875rem;
    border-top-left-radius: 0.1875rem;
}

#top-bar-menu .contain-to-grid,
.top-bar-section,
.top-bar {
    -webkit-border-top-left-radius: 0.1875rem;
    -moz-border-radius-topleft: 0.1875rem;
    border-top-left-radius: 0.1875rem;
    -webkit-border-top-right-radius: 0.1875rem;
    -moz-border-radius-topright: 0.1875rem;
    border-top-right-radius: 0.1875rem;
}

.top-bar-section ul li > a {
	font-size: 1rem;
	font-weight: 600;
    font-family: 'Open Sans', sans-serif!important;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.top-bar-section ul#search-menu .input-wrap {
    height: inherit;
    margin: 0;
}

.top-bar-section ul#search-menu li input {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    background: none;
    border: none;
    height: 44px;
    color: #999;
    top: 0;
    z-index: 50000;
    padding-left: 1.25rem;
    width: 370px;
}

.top-bar-section ul#search-menu li .button {
    top: 0;
}

.top-bar-section .dropdown {
    background: #222;
}

#search-header {
    height: 1.5rem;
}

#search-header input#s {
    -webkit-border-top-left-radius: 0.1875rem;
    -webkit-border-bottom-left-radius: 0.1875rem;
    -moz-border-radius-topleft: 0.1875rem;
    -moz-border-radius-bottomleft: 0.1875rem;
    border-top-left-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
    border-right: none;
}

#search-header .button {
    height: 37px;
    line-height: 37px;
    padding: 0!important;
    -webkit-border-top-right-radius: 0.1875rem;
    -webkit-border-bottom-right-radius: 0.1875rem;
    -moz-border-radius-topright: 0.1875rem;
    -moz-border-radius-bottomright: 0.1875rem;
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
}

#filter-links {
    background: #181818;
    padding:0.5rem 1rem;
    -webkit-border-bottom-right-radius: 0.1875rem;
    -webkit-border-bottom-left-radius: 0.1875rem;
    -moz-border-radius-bottomright: 0.1875rem;
    -moz-border-radius-bottomleft: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
    border-bottom-left-radius: 0.1875rem;
}

#filter-links ul.inline-list {
    margin-bottom: 0!important;
    margin-left: -1rem!important;
    font-size: 0.9rem;    
}

#filter-links ul.inline-list li.sep {
    color: #333;
}

#filter-links ul.inline-list li {
    margin-left: 1rem!important;
}

#filter-links ul.inline-list li a {
    color: #aaa;
}

#filter-links ul.inline-list li a:hover,
#filter-links ul.inline-list li a.active {
    color: #f76771;
}

#mobile-title {
    line-height: 2.813rem;
    padding-left: 1rem;
    color: #eee;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 700;
}

#container {
    overflow: hidden;
    max-width: 80rem;
    margin: 1.5rem auto 0;
}

.contain-to-grid .top-bar {
    background: #222;
    max-width: inherit;
    border-radius: 0.1875rem 0.1875rem 0px 0px;
    -moz-border-radius: 0.1875rem 0.1875rem 0px 0px;
    -webkit-border-radius: 0.1875rem 0.1875rem 0px 0px;
}

#video-list li .video-thumb {
	position: relative;
}

#video-list li a {
    display: block;
    color: #eee;
}

#video-list li .video-thumb img {
    width: 100%;
}

.th-item {
    width: 100%;
    background-size:cover;
    background-position:center center;
}

.transparent{
    -moz-opacity: 0.00;
    -khtml-opacity: 0.00;
    opacity: 0.00;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);    
}

#video-list li:hover {
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}

#video-list li span.views,
#video-list li span.length {
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 50;
	padding: 0 0.3125rem;
	font-size: 0.75rem;
}

#video-list li span.length {
	left: inherit;
	right: 0;
}

/** Mediaelement **/
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #151515;	
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #d24d57;
}

.mejs-overlay-error {
    display: none;
}

body .mejs-poster img {
   display: block!important;
   width: 100%!important;
   height: 100%!important;
}

#comments label {
    color: #aaa;
    margin-bottom: 0.2rem;
}

#comments h3 {
    display: none;
}

#comments h4 {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

#comments ol.comment-list {
    list-style: none;
}

#comments .vcard {
    border: none!important;
}

#comments li.comment {
    list-style: none;
}

#comments ul.children li.comment {
    border-top: 1px dashed #333;
    padding-top: 1rem;
}

#comments li.comment.thread-even {    
    border-bottom: 1px solid #333;
    margin-bottom: 1rem;
}

#comments .comment-body {
    position: relative;
}

#comments .reply {
    position: absolute;
    top: 0;
    right: 0;
}

p.home-video-title {
	font-size: 0.875rem;
	font-weight: 400;
	padding: 0.3125rem 0;
	margin: 0;
    height: 3.25rem;
    overflow: hidden;
}

p.home-video-title a {
    color: #eee;
}

p.categories-title {
	font-size: 1.125rem;
	font-weight: 400;
	padding: 0.3125rem 0;
	margin: 0;
    height: 2.125rem;
    overflow: hidden;
}

p.categories-title a {
    color: #eee;
}

ul.pagination li a, ul.pagination li button 
{
    font-size: 1.5em;
}

#video-block {
    background: #222;
}

#video-block h1 {
    font-size: 1.5rem;
    padding: 0.5rem 0 0.5rem;
}

#video-player {
    background: #222;
    padding: 1rem 1rem 0;
}

.flex-video {
    z-index: 0;
    margin-bottom:0!important;
}

#video-infos {    
    font-size: 0.9rem;
}

#sponsored-button {
    padding: 0 1rem;
}

#single-content h1 {
	font-size: 1.5rem;
	margin-top: 0;
	padding-top: 0;
}

#categories-list p.home-video-title {
	font-size: 1.125rem;
}

button.secondary, .button.secondary {
    background-color: #222!important;
    color: #d24d57;
    height: 2.55rem;
    line-height: 2.55rem;
    padding: 0;
}

button.secondary:hover, .button.secondary:hover {
    background-color: #d24d57!important;
    color: #fff;
}

#categories-list p {
    font-size: 0.9rem!important;
}

#categories-list ul {
    margin-left: -0.5rem!important;
}

#categories-list ul li {
    font-size: 0.9rem; 
    margin-left: 0.5rem;  
    margin-bottom: 0.5rem;
}

#categories-list ul li a {
    padding: 0.1rem 0.5rem;
}

.btn-facebook {
	background: #3b5998!important;
	font-weight: 600;
}

.btn-facebook:hover {
	background: #4668ae!important;
}

.btn-twitter {
	background: #00aced!important;
	font-weight: 600;
}

.btn-twitter:hover {
	background: #30bcf1!important;
}

.progress {
	background: #000;
    border: 1px solid #222;
    height: 0.9375rem;
    margin-top: 16px;
}

#rating-bar-likes, ul.pagination li.current a, ul.pagination li.current button, button, .button, .progress span.meter {
    background-color: #d24d57;
}


button.tiny, .button.tiny {
    padding: 0.15rem 0.5rem;
    margin: 0;
    font-weight: 600;
}

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="month"]:focus, 
input[type="week"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="time"]:focus, 
input[type="url"]:focus, 
input[type="color"]:focus, 
textarea:focus 
{
    box-shadow: none;
}

code {
    background-color: #000;
    border-color: #000;
    color: #777;
}

.tabs {
    margin-top: 2rem;
}

.tabs dd > a, .tabs .tab-title > a {
    background: #111;
    color: #777;
    font-size: 1.25rem;
    border-top: 1px solid #333;
}

.tabs li.tab-title:first-child a {
    -webkit-border-top-left-radius: 0.1875rem;
    -moz-border-radius-topleft: 0.1875rem;
    border-top-left-radius: 0.1875rem;
}

.tabs li.tab-title:last-child a {
    -webkit-border-top-right-radius: 0.1875rem;
    -moz-border-radius-topright: 0.1875rem;
    border-top-right-radius: 0.1875rem;
}

.tabs dd.active a, .tabs .tab-title.active a,
.tabs dd > a, .tabs .tab-title > a:hover {   
    background: #222;
    color: #eee;
    border-top: 1px solid #d24d57;
}

.tabs dd > a, .tabs .tab-title > a:hover {
    border-top: 1px solid #d24d57;
}

.tabs-content .content {
    -webkit-border-radius: 0.1875rem;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 0.1875rem;
    -moz-border-radius-topleft: 0;
    border-radius: 0.1875rem;
    border-top-left-radius: 0;
}

.tabs-content > .content.active {
    background: #222;
    padding: 1rem 1rem 0    
}

#footer {
    border-top: 1px solid #222;
    padding-top: 1rem;
    margin-top: 2rem;
}

#footer p {
    color: #aaa;
}

#sidebar {
    padding: 1rem 0;
    margin-left: 1rem;
}

#sidebar p.title {
    color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 0.625rem;
	margin: 0 0 0.625rem;
}

.mobiadsBlock table
{
    width: 100%;
    table-layout: fixed;
}

.mobiadsBlock > div > div
{
    display: inline-block;
    min-width: 300px;
    width: 48%;
    padding: 0px !important;
    margin: 5px !important;
}

.mobiadsBlock td
{
    padding-top: 0px !important;
}

.mobiadsBlock td:last-child
{
    width: 170px;
}

.mobiadsBlock td:last-child div
{
    margin-bottom: 5px;
}

.mobiadsBlock span
{
    display: block;
    margin: 5px;
}

.mobiadsBlock span img
{
    display: block;
}

/** Block Grid 5 Fix **/
@media only screen and (min-width: 90.063em) {
  .xlarge-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .xlarge-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .xlarge-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .xlarge-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .xlarge-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .xlarge-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .xlarge-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .xlarge-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .xlarge-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .xlarge-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .xlarge-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .xlarge-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .xlarge-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .xlarge-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .xlarge-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .xlarge-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .xlarge-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .xlarge-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .xlarge-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .xlarge-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .xlarge-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .xlarge-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .xlarge-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .xlarge-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .xlarge-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 120.063em) {
  .xxlarge-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .xxlarge-block-grid-1 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .xxlarge-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .xxlarge-block-grid-2 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .xxlarge-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .xxlarge-block-grid-3 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .xxlarge-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .xxlarge-block-grid-4 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .xxlarge-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .xxlarge-block-grid-5 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .xxlarge-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .xxlarge-block-grid-6 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .xxlarge-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .xxlarge-block-grid-7 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .xxlarge-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .xxlarge-block-grid-8 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .xxlarge-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .xxlarge-block-grid-9 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .xxlarge-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .xxlarge-block-grid-10 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .xxlarge-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .xxlarge-block-grid-11 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .xxlarge-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .xxlarge-block-grid-12 > li:nth-of-type(n) {
      clear: none; }
    .xxlarge-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
      
      
// Small screens
@media only screen {
    
    html #wpadminbar {
        top: -69px;
    }    
    
    h1 {
        font-size: 1.25rem;
    }
    
    #video-block h1 {
        font-size: 1rem;
    }
    
    #sidebar {
        margin-top: 1rem;
        margin-left: 0;
    }
    
    .tabs dd > a, .tabs .tab-title > a {
        font-size: 1rem;
    }
    
} /* Define mobile styles */

@media only screen and (max-width: 40em) {
    
    html #wpadminbar {
        top: -69px;
    }   
    
    h1 {
        font-size: 1.25rem;
    } 
    
    #video-block h1 {
        font-size: 1rem;
    }
    
    #sidebar {
        margin-top: 1rem;
        margin-left: 0;
    }
    
    .tabs dd > a, .tabs .tab-title > a {
        font-size: 1rem;
    }
    
} /* max-width 62.5rem, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {   
    
    #site-title {
        text-align: center;
    }
    
    #top-bar-menu {
        margin-top: 2rem;
    }
    
    #sidebar {
        margin-top: 1rem;
        margin-left: 0;
    }
    
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    
    #site-title {
        text-align: center;
    }
    
    #top-bar-menu {
        margin-top: 2rem;
    }
    
    #sidebar {
        margin-top: 1rem;
        margin-left: 0;
    }
       
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) {   
    
       
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {    
        
} /* min-width 1025px and max-width 142.5rem, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 191.25rem, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */