/*
 Theme Name:   SankakuComple V2
 Theme URI:
 Description:
 Author:       Slavic Dragovtev
 Author URI:   http://example.com
 Template:     voice
 Version:      0.1.15
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:
*/


/** ========================================
 * Header
 ==========================================*/
/*correct the logo being too small sometimes*/
@media only screen and (max-width: 1023px) {
    .header-2-wrapper .site-branding, .header-3-wrapper .site-branding {
        padding: 2px 0 2px;
    }

    .site-branding img {
        max-width: 160px;
        max-height: 40px;
    }
}

.header-sticky .site-title img {
    max-height: 40px;
}

@media only screen and (max-width: 1200px) and (min-width: 1024px) {
    .header-2-wrapper .site-branding, .header-3-wrapper .site-branding {
        max-width: 300px;
    }

    .header-2-wrapper .site-branding, .header-3-wrapper .site-branding {
        top: 30px;
    }
}

/** ========================================
 * Fix BuddyPress weird registration page
 ==========================================*/
/* weird input sizes */
#buddypress #signup_form.standard-form input[type="text"],
#buddypress #signup_form.standard-form textarea,
#buddypress .standard-form #basic-details-section input[type="password"]
{
    width: 100%;
}
#buddypress #signup_form.standard-form div div.error {
    width: 100%;
}
/* inconsistent label weight across login and registration */
#buddypress #signup_form label,
#buddypress #signup_form legend,
#buddypress #signup_form span.label {
    font-weight: normal;
}

#buddypress #signup_form .row {
    overflow: hidden;
}
#buddypress #signup_form .visibility-toggle-link {
    cursor: pointer;
}

#buddypress #signup_form.standard-form div.submit {
    float: none;
    text-align: center;
}


/** ========================================
 * Comments
 ==========================================*/
/* interact is the reply button and rating arrows, etc. */
#comments .comment-interact {
    list-style: none;
    padding: 0;
    /*margin: 0  0 0 95px;*/
    margin: 0;
    float: right;
    font-weight: bold;
    color: #AAA;
}

#comments .comment-interact a:hover {
    color: #777;
}

@media only screen and (max-width: 1023px) and (min-width: 200px) {
    #comments .comment-interact {
        /*margin-left: 10px;*/
    }

    .comment-list .comment-content {
        margin-left: 10px;
        padding-top: 10px;
    }
}

#comments .comment-interact li {
    float: left;
    margin-left: 10px;
}

#comments .comment-reply-link {
    margin-left: auto;
    border-color: #AAA;
    font-weight: bold;
    color: #AAA;
    border-radius: 0;
}
#comments .comment-reply-link:hover {
    background-color: inherit;
    color: #777;
}

.comment-metadata a {
    text-decoration: underline;
    color: #ff761c;
}

/* the part of the comment that contains the admin's edit link, etc. */
#comments .comment-meta-tools {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#comments .comment-meta-tools li {
    float: left;
    margin-left: 10px;
    color: #9b9b9b;
    font-size: 14px;
}

ul.comment-list li.comment {
    position: relative;
}

.comment-body .edit-link {
    position: static;
}

ul.comment-list .fn {
    margin: 12px 0 0;
}

ul.comment-list .fn a {
    margin-top: 0;
}

.comment-weight-container .material-icons {
    font-size: 1.2em;
    vertical-align: middle;
}
.comment-weight-container a {
    color: #aaa;
}

.comment-weight-container a:hover {
    color: inherit;
}


/** ========================================
 * Misc
 ==========================================*/
.inv-recaptcha-holder {
    display: none;
}

.main-box-title {
    font-weight: bold;
}

.more-btn-cnt {
    clear: left;
    text-align: center;
    font-size: 1.5em;
}

.main-box.vce-tags {
    padding-bottom: 20px;
}

.login-submit {
    text-align: center;
}

/* styling homogenization */
h1.entry-title,
h2.entry-title a {
    font-weight: bold;
}

.entry-meta a {
    text-decoration: underline !important;
}

.main-box-title a {
    color: #ff761c;
}

.meta-tags a:before {
    content: "";

}

.meta-tags a {
    font-weight:bold;
    margin-right: 0;
}
.meta-tags a:hover {
    text-decoration: none;
}

.meta-item {
    font-weight: bold;
}

.meta-item a {
    color: #ff761c !important;
}

.meta-item a:hover {
    color: #AAA !important;
}

a:hover {
    color: #AAA;
}

.main-box-title a:hover,
.entry-title a:hover
{
    color: #AAA;
}

.main-box-title a:after {
    content: normal;
}

.sidebar .widget .widget-title a {
    color: #ff761c;
}

.sidebar .widget-title a {
    background: inherit;
}

blockquote {
    margin: 0;
    padding: 0 0 0 37px;
    border-left: 6px solid gray;
    font-size: 22px;
    color: #232323;
    position: relative;
    /*background-color: #f3f3f3;*/
    /*border-right: 4px solid gray;*/
}
/*
 Theme Name:   SankakuComple V2
 Theme URI:
 Description:
 Author:       Slavic Dragovtev
 Author URI:   http://example.com
 Template:     voice
 Version:      0.1.11
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:
*/


/** ========================================
 * Header
 ==========================================*/
/*correct the logo being too small sometimes*/
@media only screen and (max-width: 1023px) {
    .header-2-wrapper .site-branding, .header-3-wrapper .site-branding {
        padding: 2px 0 2px;
    }

    .site-branding img {
        max-width: 160px;
        max-height: 40px;
    }
}

.header-sticky .site-title img {
    max-height: 40px;
}

@media only screen and (max-width: 1200px) and (min-width: 1024px) {
    .header-2-wrapper .site-branding, .header-3-wrapper .site-branding {
        max-width: 300px;
    }

    .header-2-wrapper .site-branding, .header-3-wrapper .site-branding {
        top: 30px;
    }
}

/** ========================================
 * Fix BuddyPress weird registration page
 ==========================================*/
/* weird input sizes */
#buddypress #signup_form.standard-form input[type="text"],
#buddypress #signup_form.standard-form textarea,
#buddypress .standard-form #basic-details-section input[type="password"]
{
    width: 100%;
}
#buddypress #signup_form.standard-form div div.error {
    width: 100%;
}
/* inconsistent label weight across login and registration */
#buddypress #signup_form label,
#buddypress #signup_form legend,
#buddypress #signup_form span.label {
    font-weight: normal;
}

#buddypress #signup_form .row {
    overflow: hidden;
}
#buddypress #signup_form .visibility-toggle-link {
    cursor: pointer;
}

#buddypress #signup_form.standard-form div.submit {
    float: none;
    text-align: center;
}


/** ========================================
 * Comments
 ==========================================*/
/* interact is the reply button and rating arrows, etc. */
#comments .comment-interact {
    list-style: none;
    padding: 0;
    /*margin: 0  0 0 95px;*/
    margin: 0;
    float: right;
    font-weight: bold;
    color: #AAA;
}

#comments .comment-interact a:hover {
    color: #777;
}

@media only screen and (max-width: 1023px) and (min-width: 200px) {
    #comments .comment-interact {
        /*margin-left: 10px;*/
    }

    .comment-list .comment-content {
        margin-left: 10px;
        padding-top: 10px;
    }
}

#comments .comment-interact li {
    float: left;
    margin-left: 10px;
}

#comments .comment-reply-link {
    margin-left: auto;
    border-color: #AAA;
    font-weight: bold;
    color: #AAA;
    border-radius: 0;
}
#comments .comment-reply-link:hover {
    background-color: inherit;
    color: #777;
}

.comment-metadata a {
    text-decoration: underline;
    color: #ff761c;
}

/* the part of the comment that contains the admin's edit link, etc. */
#comments .comment-meta-tools {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#comments .comment-meta-tools li {
    float: left;
    margin-left: 10px;
    color: #9b9b9b;
    font-size: 14px;
}

ul.comment-list li.comment {
    position: relative;
}

.comment-body .edit-link {
    position: static;
}

ul.comment-list .fn {
    margin: 12px 0 0;
}

ul.comment-list .fn a {
    margin-top: 0;
}

.comment-weight-container .material-icons {
    font-size: 1.2em;
    vertical-align: middle;
}
.comment-weight-container a {
    color: #aaa;
}

.comment-weight-container a:hover {
    color: inherit;
}


/** ========================================
 * Misc
 ==========================================*/
.inv-recaptcha-holder {
    display: none;
}

.main-box-title {
    font-weight: bold;
}

.more-btn-cnt {
    clear: left;
    text-align: center;
    font-size: 1.5em;
}

.main-box.vce-tags {
    padding-bottom: 20px;
}

.login-submit {
    text-align: center;
}

/* styling homogenization */
h1.entry-title,
h2.entry-title a {
    font-weight: bold;
}

.entry-meta a {
    text-decoration: underline !important;
}

.main-box-title a {
    color: #ff761c;
}

.meta-tags a:before {
    content: "";

}

.meta-tags a {
    font-weight:bold;
    margin-right: 0;
}
.meta-tags a:hover {
    text-decoration: none;
}

.meta-item {
    font-weight: bold;
}

.meta-item a {
    color: #ff761c !important;
}

.meta-item a:hover {
    color: #AAA !important;
}

a:hover {
    color: #AAA;
}

.main-box-title a:hover,
.entry-title a:hover
{
    color: #AAA;
}

.main-box-title a:after {
    content: normal;
}

.sidebar .widget .widget-title a {
    color: #ff761c;
}

.sidebar .widget-title a {
    background: inherit;
}

blockquote {
    margin: 0 0 30px 0;
    padding: 16px;
    border-left: 5px solid gray;
    background-color: #f3f3f3;
    border-right: 5px solid gray;
    font-weight: inherit;
    font-size: inherit;
}

blockquote:before, q:before {
    content: none;
}
.vce-single .entry-content blockquote p:last-child {
    margin-bottom: 0px;
}

/* CHAN BROWSER */
.chan-browser .vce-lay-e{
    min-width: 140px;
    height: 150px;
    overflow: hidden;
}
.chan-browser .vce-lay-e img {
    width: auto;
    height: auto;
    max-width:100%;
    max-height:100%;
    margin: 0 auto;
}
.chan-search {
    clear: left;
    margin-bottom: 20px;
    padding-top: 20px;
}

/* CHAN BROWSER */
.chan-browser .vce-lay-e{
    min-width: 140px;
    height: 150px;
    overflow: hidden;
}
.chan-browser .vce-lay-e img {
    width: auto;
    height: auto;
    max-width:100%;
    max-height:100%;
    margin: 0 auto;
}
.chan-search {
    clear: left;
    margin-bottom: 20px;
    padding-top: 20px;
}

/* ADS */
@media only screen and (min-width: 1023px) {
    .vce-ad-container {
        width: 900px;
        height: 250px;
    }
}