/*
Theme Name: VideoTube Child
Description: VideoTube - A Responsive Video WordPress Theme.
Author: Toan Nguyen
Theme URI: http://themeforest.net/item/videotube-a-responsive-video-wordpress-theme/7214445?ref=phpface
Author URI: http://themeforest.net/user/phpface
Version: 2.1
Template: videotube
License: Themeforest Licence
License URI: http://themeforest.net/licenses
Text Domain: mars
Tags: fixed-layout, fluid-layout, responsive-layout, translation-ready, light, white, one-column, two-columns, right-sidebar,custom-menu, editor-style, featured-images,  sticky-post, theme-options, translation-ready
*/

/** main color: #bc2b84 **/

/* Small Devices, Tablets / Header */
@media only screen and (max-width : 768px) {
    .header-top {display: none;}
    #logo {text-align: center; width: 100%; height: 100%; padding: 20px 10px;}
    #navigation-wrapper ul.menu li a { border-left: none !important; border-right: none !important;}
    .btn-primary { font-size: 1.1em !important; line-height: 1;}
    #header-join {display: none;}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .join-btn {display: none;} 
}

/* Login */
.login form {
    background: #313131;
    border: 1px solid #111;
}
.wp-core-ui .button-primary {
    background: #bc2b84;
    border-color: #bc2b84;
    color: #fff;
}
.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {
    background: #bc2b84 !important;
    border-color: #bc2b84 !important;
}
.login #login_error, .login .message, .login .success {
    background-color: #313131;
}
.border-bottom {
    border-bottom: none !important;}

/* Header */
#navigation-wrapper, .dropdown-menu {background: #bc2b84;}
#header-search button[type="submit"], #header-search button[type="submit"]:hover, #header-search button[type="submit"]:focus {color: #212121;}
.videotube-login #site-search form {background: #f7f7f7;border: 1px solid #111;}
#header-search input {color: #212121;}
.form-control {color: #f7f7f7;}	
.search-form {background-color: #f7f7f7;}
#navigation-wrapper .nav-link, #navigation-wrapper .dropdown-item {font-size: 1rem; letter-spacing: .1rem;}
div#header{
    background-color: #111111;
    background-attachment: fixed;
    background-position: center center;
    background-image: url('https://hoodhunnies.com/wp-content/uploads/2022/03/black-textured-brick-wall-background.jpg');
    background-size: cover;
}
#header-join {text-align: right;overflow: hidden;}
#header-social a {color: #fff;font-size: 24px;}
#header-social a:hover {color: #bc2b84;}


h1 {font-size: 3em;}
h2 {font-size: 2.2em;}
h3 {font-size: 1.8em;}
h1, h2, h3 {
    font-weight: 700;
    letter-spacing: .1em;
}
a {color: #bc2b84;}
a:hover {color: #fff;}
body {font-family: 'Nunito', sans-serif; font-size: 1rem; color: #fff;background-color: #000;}
p {font-family: 'Nunito', sans-serif;}
p a {color:#bc2b84 !important}
p a:hover {color: #fff !important;}
.vc_custom_heading a:hover {opacity: 1 !important;}

/* Carousel icon */
.section-header h3 i, .section-header .section-nav .bullet.active {background: #bc2b84;}

/* Sidebar */
.widget.widget-primary .widget-title, .sidebar .wpb_wrapper .widgettitle, .sidebar .wpb_wrapper .widget-title{
	background: #bc2b84;
}
.join-title{color: #fff; font-size: 1.4em; font-weight: 700; text-align: center; text-transform: uppercase;}
.join-info{font-size: .8em; text-align: center; color: #ededed;}

/* Video Single Page */
.video-info span.likes{color: #bc2b84;}
.video-details .meta .meta-info, .post-info .meta .meta-info {background: #bc2b84;}
.post-entry {font-size: 1.1em;margin-bottom: 20px; line-height: 30px;}
.post-entry a.readmore{background: #bc2b84;}
.item p a {color: #bc2b84;}
.pagination span.current, .pagination>.active>a{background: #bc2b84!important;border-color: #bc2b84 !important;}

/* Buttons */
.btn {font-family: 'Nunito', sans-serif; font-size: 1.1em; font-weight: bold;}
.btn-primary {
    color: white;
    background-color: #bc2b84;
    border-color: #bc2b84;
}
.btn-primary:hover {
    color: white;
    background-color: #79074d;
    border-color: #79074d;
}
.btn-primary:active {
    color: white;
    background-color: #79074d;
    border-color: #79074d;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #79074d;
    border-color: #79074d;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-white {
    color:#bc2b84;
    background-color: white;
}
.btn-white:hover {
    color:#bc2b84;
    background-color: black;
}
.vc_general.vc_btn3 {
    font-size: 1.1em;
    font-weight: bold;
    color: #fff;
}
.vc_btn3.vc_btn3-color-purple, .vc_btn3.vc_btn3-color-purple.vc_btn3-style-flat {
    font-family: 'Nunito', sans-serif;
    color: #fff;
    background-color: #bc2b84 !important;
}
.vc_btn3.vc_btn3-color-purple.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-purple:focus, .vc_btn3.vc_btn3-color-purple:hover {
    font-family: 'Nunito', sans-serif;
    color: #f7f7f7;
    background-color: #79074d !important;
}
.vc_btn3.vc_btn3-color-danger, .vc_btn3.vc_btn3-color-danger.vc_btn3-style-flat {background-color: #bc2b84 !important;}
.vc_btn3.vc_btn3-size-sm {font-family: 'Nunito', sans-serif; font-size: 1em;}
.btn-group-lg > .btn, .btn-lg {border-radius: 4px !important;padding: 8px 16px !important; margin: 10px 0px;}

.section-header .widget-title h3,h4 {color: #fff; font-family: 'Nunito', sans-serif;}
.pagination .page-numbers {color: #fff; border: 1px solid #fff; text-decoration: none;}

.section-header h3, .section-header .page-title {color: #fff; font-size: 24px; letter-spacing: 1px; font-weight: 600;}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {margin-bottom: 15px !important;}
.main-content, .content-area, .vmg-content, .vmg-sidebar{margin: 0 0 30px; padding: 15px; background: #000; border-radius: 6px;}
.sorting li.active a, .sorting li:hover > a {background: #bc2b84 !important;}
.post-header .post-title a {color: #fff; font-size: 1.1rem; line-height: 1.4rem;}
.item .meta, .feat-item .feat-info .meta {color: #f7f7f7;}
.video-info.small h1 {color: #fff;}

.tag-cloud-link, a.tag {background: #000; color: #ccc;}
.widget {margin: 0 0 30px; padding: 10px; background: #000; border-radius: 6px;}
.widget.widget-main .widget-title, .widget.widget-featured .widget-title, .widget.widget-content-bottom .widget-title {color: #fff;}
.widgettitle, .widget-title {font-weight: 600;font-size: 1.1rem;}


/** footer **/

.footer-sidebar {padding: 30px 0 0 0; border-bottom: 1px solid #222;}
#footer .widget {background: none;}
#footer .widget p, .copyright p {font-family: 'Nunito', sans-serif; font-size: 14px;}
#footer .widget {border: none;}
#footer .widget p, #footer .widget ul li a, .copyright p{color: #fff;}
.copyright{font-family: 'Nunito', sans-serif; border-top: 1px solid #000;}