/*
Theme Name:     Yohami Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/

@font-face {
    font-family: Aileron-Regular;
    src: url('../willypunch/fonts/Aileron-Regular.otf');
}

@font-face {
    font-family: Aileron-Light;
    src: url('../willypunch/fonts/Aileron-Light.otf');
}

@font-face {
    font-family: Aileron-Bold;
    src: url('../willypunch/fonts/Aileron-Bold.otf');
}

@font-face {
    font-family: Aileron-Heavy;
    src: url('../willypunch/fonts/Aileron-Heavy.otf');
}

#main-container {
    font-family: Aileron-Light !important;
}

.kleo-main-header .nav > li.active > a {
    box-shadow: none;
}

.kleo-main-header {
    font-family: 'Francois One', sans-serif;
}

.kleo-main-header .nav > li > a {
    color: black;
    border-top; 0px;
    font-size: 14px !important;
    padding: 0px 0px 0px 0px !important;
}

.kleo-main-header .nav > li.active > a {
    box-shadow: none;
    color: #d0cece;
    line-height: 30px !important;
}


.navbar-nav>li>a {
    margin: 0px 0px 0px 0px;
}

.kleo-main-header .nav > li {
    padding-left: 3px;
    padding-right: 3px;
}

.kleo-main-header .nav > li:last-child > a:after {
    display: ' ';
}

.kleo-main-header .nav > li > a::after {
    content: '·';
    color: black;
    padding-left: 9px;
}

.kleo-mobile-switch {
    float: left;
}

.kleo-main-header .nav > li.active > a:hover {
    color: #d0cece;
}

.kleo-main-header .nav > li > a:hover {
    box-shadow: none;
    color: #d0cece;
}

.caret {
    display: none !important;
}

.header-centered .dropdown > .dropdown-menu.sub-menu {
    box-shadow: none;
}
.kleo-main-header .nav > li.kleo-toggle-menu a,
.kleo-main-header .nav > li.kleo-search-nav a,
.kleo-main-header .nav > li.kleo-toggle-menu a:hover,
.kleo-main-header .nav > li.kleo-search-nav a:hover {
    box-shadow: none;
}

.menu-main-menu {
    float: left;
}

.kleo-social-icons > li > a > i {
    color: #c1bcbc;
    font-size: 20px;
    padding-left:10px;
}

.social-icons-custom {
    padding-right: 20px;
}

.custom-search > input {
    display:inline;
    background-color:#e2dede;
    color:black;
    border-radius:30px;
    padding-left:15px;
}

.icon-search {
    position:absolute;
    right:65px;
    top:6px;
    color:white;
}

#footer,
#footer .container {
    height: 70px !important;
    background-color:black;
    color: white !important;
    font-family: 'Francois One', sans-serif;
}

.avatar {
    border-radius: 30px;
}


#footer .wrap-content {
    padding-top: 11px !important;
}

.widget_bp_core_recently_active_widget .widget-title,
.widget_bp_core_recently_active_widget .avatar-block {
    display: inline;
    color: white;
    font-family: 'Francois One', sans-serif;
}

.widget_bp_core_recently_active_widget .avatar-block {
    float: left !important;
}

.widget_bp_core_recently_active_widget .widget-title {
    font-size: 16px;
    float: left !important;
}

.footer-sidebar {
    font-size: 16px;
    font-family: 'Francois One', sans-serif;
}

#footer .widget-title {
    margin: 0px 0px 0px 0px;
}

#footer-sidebar-1 {
    text-align: left !important;
}

#footer .wrap-content {
    padding-top: 0px !important;
}

#footer-sidebar-2,
#footer-sidebar-3,
#footer-sidebar-4 {
    text-align: right !important;
}

#footer, #footer .container {
    height: auto !important;
}

          #footer .wrap-content {
    padding-top: 10px;
}

#footer .widget {
    margin-bottom:  0px;
}

.widget.buddypress div.item-avatar img.avatar {
    margin: 0px 0px 0px 0px;
    margin-left: 12px;
}

#footer-sidebar-1 {
    margin-top: 27px;
    margin-bottom: 33px;
}

#footer-sidebar-4 {
    margin-top: 30px;
    margin-bottom: 30px;
}


.template-page {
    padding-top: 18px;
    padding-bottom: 0px;
}

.template-page {
    padding: 0px 0px 0px 0px;
}

.article-media, .article-content {
    margin-left: 0px !important;
}


.new-post-date {
    font-style: italic;
    color: red;
    font-family: "PT Serif";
    font-size: 15px;
}

.new-title {
    font-family: Aileron-Bold !important;
    font-size: 65px;
    padding-top:60px;
    padding-bottom:30px;
    color: black;
    font-weight: bold;
    line-height: 100%;
}

.article-content {
    font-family: Aileron-Light !important;
    padding-bottom: 0px;
    font-size: 21px;
    line-height: 140%;
    color: black !important;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {main-container
    font-family: Aileron-Bold !important;
    color: black !important;
}

#footer .wrap-content {
    padding-top:15px;
}

.custom-search > input {
    color: white !important;
}

.posts-listing.standard-listing:not(.template-page) .type-post,
.posts-listing.standard-listing:not(.inline-meta) article{
    border: 0px;
    border-bottom-style: none; !important;
    padding-bottom:0px;
    margin-bottom:0px;
    margin-top:20px;
}

.posts-listing.standard-listing:not(.inline-meta) article:first-child {
    margin-top:0px;
}

.main-title{
    display: none !important;
}

.posts-listing article {

}

.comments-area {
    padding-left: 0px !important;
    padding-right: 0px !important;;
}

.blog-new-title {
    color:black;
    background-color: white;
    margin-bottom:10px;
    font-size:40px;
    font-weight:bold;
    line-height: 60px;
    max-width: 700px;
    width: auto;
    font-family: Aileron-Bold;
    padding: 14px 14px 14px 14px;
}

.blog-read-more {
    color:white !important;
    border: 1px solid white;
    padding: 5px 25px 5px 25px;
    margin-top:30px;
    font-size:18px !important;
    display:inline-block;
}

a.item-likes{
    background-image: url('images/willy-like.png');
    width: 140px !important;
    height: 32px !important;
    color: white;
}

a.item-likes:hover {
    color: white;
}

.item-likes::before {
    content: "" !important;
}

a.post_share_facebook {
    background-image: url('images/willy-fb.png');
    width: 140px !important;
    height: 32px !important;
    color: white;
}

a.post_share_twitter {
    background-image: url('images/willy-twitter.png');
    width: 140px !important;
    height: 32px !important;
    color: white;
}

a.post_share_facebook:hover {
    color: white;
}

a.post_share_twitter:hover {
    color: white;
}

.item-likes-count{
    background-color: white;
    color:black;
    font-size: 12px !important;
    border-radius: 50px;
    padding-left:5px;
    padding-right:5px;
    margin-right: 10px;
}
.item-likes-postfix {
    font-size: 12px !important;
    padding-left:35px;
    float:left;
}

.share-links {
    text-transform: uppercase;
    color: white !important;
}

.share-links span a {
    font-size: 12px !important;
    font-family: Aileron-Bold;
    padding-top:5px;
}

.comment-form-comment label {
    width: 100% !important;
    font-family: Aileron-Bold;
    text-align: center;
    font-size:17px !important;
    color: black;
    padding-bottom:10px;
}

.comment-date, .comment-author {
    display: inline !important;
    color: #3c3d41 !important;
    font-size: 15px !important;
}

.comment-date {
    font-family: Aileron-Light;
    color: red !important;
    font-style: italic;
}

.comment-author a{
    text-transform: uppercase;
    font-family: Aileron-Bold;
    color: #3c3d41 !important;
}

.comment-author {
    padding-right: 10px;
}

.comment-date {
    padding-left: 10px !important;
}

.comment-body {
    display: block;
    font-size: 20px;
    color: black;
}

.children {
    margin-left: 90px !important;
}

#comments-list ol > li:last-child{
    border: 0px;
}

#footer {
    border: 0px !important;
}

.comment-wrap {
    padding-top: 30px !important;
    border-bottom: 1.5px solid #e3e3e3;
}


.comment-content {
    border: 0px !important;
}

.comment-form-comment .form-control{
    background-color: #eeeeee;
}

.activity-timeline {
    display: none !important;
}

.comment-form .form-submit .submit {
    font-size: 12px;
    font-family: Aileron-Bold;
    border-radius: 50px;
    float:right;
    width:300px;
}

.comment-reply a{
    padding-left:5px;
    font-size: 12px !important;
    font-family: Aileron-Bold;
}

.avatar-block {

}

#bbpress-forums li,
#bbpress-forums a,
#bbpress-forums span,
.bbp-topic-freshness a,
.bbp-topic-freshness-author p span a,
.bbp-reply-content{
    color: black !important;
}

@media screen and (max-width: 1250px) {
    .blog-new-title {
        color:black;
        background-color: white;
        margin-bottom:10px;
        font-size:40px;
        display: inline-block;
        font-weight:bold;
        max-width: 700px;
        width: auto;
        font-family: Aileron-Bold;
        padding: 0.35em;
        line-height: 200% !important;
    }
}

@media screen and (max-width: 1200px) {
    .custom-search,
    .social-icons-custom{
        display: none;
    }
}


@media screen and (max-width: 990px) {

    .custom-search,
    .social-icons-custom{
        display: block;
    }

    .comment-respond {
        margin-left: 0px !important;
    }

    #logo_img {
        padding-top: 10px;
    }

    .children {
        margin-left: 0px !important;
    }

    .blog-new-title {
        color:black;
        background-color: white;
        margin-bottom:10px;
        font-size:25px;
        display: inline-block;
        font-weight:bold;
        max-width: 700px;
        width: auto;
        font-family: Aileron-Bold;
        padding: 0.35em;
        line-height: 200% !important;
    }

    .logo{
        z-index:-1;
        text-align:center;
        width:100%;
        position:fixed;
        display:inline-block;
        padding-right: 90px;
    }

    .kleo-main-header .nav > li > a::after {
        content: none;
        color: black;
    }

    .kleo-main-header .nav > li{
        padding-top: 20px;
    }

    #bbpress-forums {
        padding-left: 15px;
        padding-right: 15px;
    }

    .kleo-main-header .container{
        padding-left: 0px;
        padding-right: 0px;
    }


    #logo_img {
        padding-top: 10px;
    }


    .kleo-mobile-icons {
        float: right;
    }


    .logo{
        z-index:-1;
        text-align:center;
        width:100%;
        position:fixed;
        display:inline-block;
        padding-right: 90px;
    }

    #footer {
        display: none;
    }

    .collapsing {
        background-color: none !important;
        overflow: none;
    }

    .container {
        max-width:100%;
    }
    .menu-main-menu,
    .navbar-collapse {
        background-color: white;
    }
    #menu-main-menu > li{
        text-align: center;
        border: 0px;
    }
    .navbar-nav li {
        border: 0px;
    }

    .kleo-main-header .nav > li > a {
        font-weight: none !important;
        color: #c1bdbd;
        border-top; 0px;
        font-size: 18px !important;
        text-transform: lowercase !important;
    }

    .kleo-main-header .nav > li > a:first-letter {
        text-transform: uppercase !important;
    }


    .kleo-main-header .nav > li > a:hover {
        box-shadow: none;
        color: #ff0054;
    }

    .kleo-main-header .nav > li.active > a {
        color: #ff0054;
        box-shadow: none;
        background-color: transparent;
    }

    #header.header-color .navbar-nav li {
        border: 0px;
        font-size: 16px;
    }

    #header .navbar-nav>li>a {
        font-weight: normal !important;
    }

    #logo_img {
        padding-top: 10px;
        max-height: 150%;
        z-index: 9999999999999999;
    }

    .kleo-social-icons > li > a > i {
        color: #c1bcbc;
        font-size: 26px;
        padding-left:0px;
    }
    
    .kleo-social-icons > li {
        display: inline !important;
        padding-left: 0px;
        font-size: 20px;
    }

    .kleo-social-icons {
        padding: 0px;
    }

    .social-icons-custom {
        display: block;
        padding-right: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .user-login {
        display: none;
    }

    .kleo-social-icons li:first-child {
        padding-right: 20px;
    }

    .kleo-social-icons li:last-child {
        padding-left: 20px;
    }

    .custom-search > input {
        background-color: #969393;;
        color: black;
    }

    .icon-search{
        position:fixed;
        right:65px;
        top:0px;
        color:white;
    }

}

@media screen and (max-width: 480px) {
    .logo, .logo a {
        overflow: ;
        z-index: 9999999999;
    }

    #logo_img {
        padding-top: 10px;
        max-height: 100%;
        z-index: 9999999999999999;
    }
}