/*
Theme Name:     Kleo 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
*/

/*====== Buddypress Profile ======*/
#buddypress h2{
    font-size: 28px;
}
li#nav-documents-groups-li, li#nav-documents-personal-li {
    background: none;
}
#buddypress div#item-nav ul li #user-docs:before, #buddypress div#item-nav ul li #nav-docs:before{
    content:"\e86e";
}
.current-orderby.asc a, .current-orderby.desc a {
    background:none;
}
.current-orderby.asc a:before {
    font-family: "Fontello";
    margin-right: 10px;
    content: "\e8a0";
}
.current-orderby.desc a:before {
    font-family: "Fontello";
    margin-right: 10px;
    content: "\e8a1";
}
#buddypress table.doctable td {
    vertical-align: middle;
    height: 50px;
    padding: 10px 0;
}
#buddypress table.doctable .title-cell .row-actions {
    visibility: hidden;
    padding: 2px 25px 0;
}
#item-header-content h4.user-nicename{
    font-weight: bold;
    font-size: 20px;
}
.buddypress .alternate-color .kleo-online-status.high-bg{
    background-color: #097b10;
}
#buddypress div#item-nav ul li a:before{
    font-size: 200%;
}
.main-color #buddypress div.item-list-tabs li.selected a,
.main-color #buddypress div.item-list-tabs li.selected a:before{
    color: #097b10 !important;
}


/*====== Home Page ======*/

.line-height30{
    line-height: 30px;
}
.feature-item.center-icons .feature-title{
    color: #097b10 !important;
    font-size: 20px !important;
}
.post-image{
    width: 130px;
    margin: 0 auto;
}
.masonry-listing .post-title {
    padding-left: 0;
    margin: 0 auto;
    text-align: center;
}
.masonry-listing .post-title a{
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.main-color .masonry-listing .post-content{
    border: none !important;
    background: none;
}
.masonry-listing .post-content:hover {
    box-shadow: none;
}
.masonry-listing .post-content:hover .post-header .post-title.entry-title a{
    color: #999999 !important;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.masonry-listing .post-content .post-header .post-title.entry-title a {
    font-size:15px;
    text-transform: uppercase;
}
.masonry-listing .post-content .post-image a img{
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    border-radius: 50%;
}
.no-radius.masonry-listing .post-content .post-image a img{
    border-radius: 0 !important;
}
.masonry-listing .post-content:hover .post-image a img{
    opacity: 0.6;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
article.kleo_clients{
    padding: 30px 10px;
}
.post-image span.hover-element{
    display: none;
}
.masonry-listing .post-content .post-header{
    padding: 10px 10px 0;
}
.main-color .post-item{
    background-color: transparent;
}
h4.post-title.entry-title{
    text-transform: capitalize;
    font-size: 12px;
    line-height: 12px;
}
.kleo-tabs.tabbable p{color:#222222;}
.kleo-tabs.tabbable .date-post span{border-bottom: 1px solid #222222;}
.kleo-tabs.tabbable .nav-tabs{border: none; position: relative; z-index:1;}
.kleo-tabs.tabbable .nav-tabs li a{font-size: 13px; font-weight: 700; text-transform: uppercase;letter-spacing: 1px; color: #222222;}
.kleo-tabs.tabbable .nav-tabs li a:hover{border-color: transparent; color: #ffffff;}
.kleo-tabs.tabbable .nav-tabs li.active a{
    background-color: #9dca9f;
    border: 2px solid #222222;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;}
.kleo-tabs.tabbable .nav-tabs li.active a:hover{color: #222222;}
.kleo-tabs.tabbable .tab-content{position: relative; top: -1px; z-index:0; border-top: 2px solid #222222; max-height: 500px; overflow: auto; padding-right: 15px;}
.kleo-tabs.tabbable .tab-content::-webkit-scrollbar {-webkit-appearance: none; width: 7px;}
.kleo-tabs.tabbable .tab-content::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0,0,0,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
.news-col-1, .news-col-list{border-bottom: 1px solid #222222;}
.uppercase{
    text-transform: uppercase;
    font-weight: 600 !important;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl{
    border: 2px solid #ffffff;
    padding: 30px;
    border-radius: 50%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl:hover{
    border-color: transparent;
    background-color: #097b10;

}
.kleo-carousel-testimonials .testimonial-content {
    font-style: normal;
    color: #ffffff;
    font-weight: 400;
}
.kleo-carousel-testimonials .testimonial-meta{
    color: #ffffff;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"]{
    border: 2px solid #222222;
    background: #ffffff;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 10px;
    color: #222222;
    font-weight: bold;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="password"]:focus, .wpcf7 textarea:focus{
    border-color:#999999;
}
.wpcf7 textarea {
    border: 2px solid #222222;
    background: #ffffff;
    color: #222222;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
}
.wpcf7 ::placeholder{color: #222222;}
.wpcf7 ::-webkit-input-placeholder{color: #222222;}
.wpcf7 :-moz-placeholder{color: #222222;}
.wpcf7 ::-moz-placeholder{color: #222222;}
.wpcf7 :-ms-input-placeholder{color: #222222;}
.wpcf7 input[type="submit"]{
    border: none;
    background-color: #097b10;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #ffffff;
}
.wpcf7 input[type="submit"]:hover{
    border: none;
    background-color: #097b10;
    opacity: 0.6;
}
.wpcf7 input[type="submit"]:focus{
    outline: 0;
}
div.wpcf7-response-output {
    margin: 15px;
    border: none;
    background-color: #222222;
    color: #ffffff;
    font-weight: bold;
}
span.wpcf7-not-valid-tip {
    color: #990000;
    display: block;
    margin: 5px 0 10px 0;
}
.attachment-about{
    display: none!important;
}

/*====== Expert Committee Grid ======*/
.exp-grid .wpb_content_element{
    margin-bottom: 10px;
}
.exp-grid-hr{
    margin-top: 30px;
}
.exp-grid .fa{
    margin-right: 10px;
}
.exp-grid-title{
    font-size: 16px;
    text-align: left;
    font-family: Raleway;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
}
.exp-grid-position{
    font-size: 13px;
    text-align: left;
    font-family: Raleway;
    font-weight: 400;
    font-style: normal;
}
.exp-grid-organization{
    font-size: 16px;
    text-align: left;
    font-family: Raleway;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
}
.exp-grid-email{
    font-size: 16px;
    text-align: left;
    font-family: Raleway;
    font-weight: 600;
    font-style: normal;
    text-transform: lowercase;
}
.exp-grid-sector{
    font-size: 13px;
    text-align: left;
    font-family: Raleway;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}