/*
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
*/

/* 3 column home page */
.vc_column-inner {
 padding:0px !important;
}

.blog_home .avatar-50{
	width: 50px !important;
}

.blog_home .author-name {
	font-size: 14px;
	color: #367bb7 !important;
}

.blog_home .author-name:hover {
	color: #00b9f7 !important;
}

.blog_home a {
	color: #367bb7 !important;
}

.blog_home a:hover{
	color: #00b9f7 !important;
}

#buddypress .activity-list .activity-content {
	margin: 0px 0px 0px 10px !important;
}

#buddypress .meta-category {
	display: none;
}

#buddypress ul.item-list {
	padding: 0px !important;
}

.activity-comments {
	background: #f5f5f5;
}

.kleo-activity-streams {
	margin-top: -3px;
}

/* 3 column home page */

#whats-new-content {
	padding: 4px !important;
}


/* mycred points */
.avatar-105 {
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}

.article-content .myCRED-leaderboard li {
	min-height: 120px;

}

/* home page */
.wpb_wrapper .myCRED-leaderboard li {
	min-height: 60px;
	font-size: 15px;
}
.wpb_wrapper {
	padding: 3px;
	/*background-color: white;*/
}

.mycred_home {
	background-color: white;
}


.myCRED-leaderboard img.avatar-45 {
	margin-right: 5px;
}

.mycred-users-of-rank-wrapper {
	padding-left: 0px;
	
}

.mycred-users-of-rank-wrapper li {
	min-height: 120px;
	list-style: none;
}

/* in forum */
.bbp-reply-author, .bbp-reply-author .users-mycred-balance, .bbp-reply-author #bbps-post-count, .bbp-reply-author .mycred-my-rank {
	font-size: 14px !important;
	padding-right: 4px;
}


/* mycred points */


/*Sidebar 300px */

@media screen and (min-width:1200px) {
.col-sm-8 {
    width: 73%;
    padding-left: 0px !important;
    padding-right: 10px !important;
}
.col-sm-4 {
    width: 27%;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.article-meta {
	font-size: 14px;
}

.post {
	max-width: 695px;
	margin-left: auto !important;
  	margin-right: auto !important;



/* Spaces between avatars in recently active users block 
.avatar-block div.item-avatar {
	padding-right: 8px;*/
}
}



/* Images in old posts */
/*.post img {
	margin: 5px;*/
}
/* Don't apply margin to new posts */
.wp-caption img {
	margin: 0 !important;
}

.bp-user .new_blog_comment {
	display: none !important;
}

/* Author name on homepage and blog archives */
.author-name {
	color: #000000 !important;
}

/* Font size activity wideget sidbar */
.widget_bp_swa_widget {
	font-size: 13px !important;
}
.swa-activity-list .swa-activity-content .swa-activity-header, .swa-activity-list .swa-activity-content .comment-header {
	font-size: 13px !important;	
}

.swa-activity-list li.mini {
	font-size: 13px !important;
}

.page-info {
	font-size: 13px !important;
	font-weight: bold;
}

/* Justify blog posts, break long words*/
.article-content {
	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
    text-align: justify;
    word-wrap: break-word;
}
table {
	text-align: left;
}

.activity-list {
	text-align: left !important;
}

.activity-list img {
	display: block;	
}

.article-title, .entry-title {
	text-align: left !important;
	hyphens: none !important;
}

.mwm-aal-container {
	text-align: left !important;
}

h2, h3, h4 { 
	text-align: left;
}



/* Login Pop up */
.kleo-pop-title {
	text-align: center !important;
}


.nav-bar li {
	border-bottom-color: #e5e5e5 !important;
	border-bottom-style: solid !important;
border-bottom-width: 1px !important;
}

/*Spacing for Top Menu */
.header-color .top-menu li > a, .header-color #top-social li a {
	color: white !important;
}
.col-sm-5 {
	width: 20% !important;
}
.col-sm-7 {
	width: 80% !important;
	float: right !important
}
/* No social links on mobile */
@media screen and (max-width:480px) {
	.col-sm-5 { 
		display: none !important;
}
}

/* Distance between post tile and screenshot */
@media screen and (max-width:768px) {
	.small-listing .post-title {
		margin-top: 15px !important;
}
}


/* More space for ads */
@media screen and (max-width:480px) {
	/*.container {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}*/

	#bbpress-forums .hentry div.bbp-reply-content, #bbpress-forums .hentry div.bbp-topic-content {
		padding: 4px !important;
	}
	/*.article-content {
		min-width: 300px !important;
	}*/
	.wrap-content {
		padding: 2px !important;
	}
	.template-page {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}



/* Reply button in bbpress */

.bbp-admin-links .bbp-reply-to-link, .bbp-admin-links .bbp-topic-reply-link {
	display: none;
}

.bbp-reply {
	margin: 0px 10px 0px 0px;
	display: inline-block;
	border-radius: .25em;
	border: 1px solid #d3d3d3;
	line-height: 1em;
	padding: .5em 1em;
	font-size: 1em;
	cursor: pointer;
	vertical-align: middle;
	color: #777;
	background: #dfdfdf;
	box-shadow: 1px 1px 0 rgba(255,255,255,0.5) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	text-decoration: none;
}

.bbp-reply a {
	color: black;
}
.bbp-reply a:hover {
	color: gray;
}
	

/* wp_ulike avatars side by side */
#bbpress-forums ul.bbp-replies li {
	width: auto !important;
}

/*Hide rhombus in forum when scrolling through top menu */

#bbpress-forums .hentry div.bbp-reply-content::before, #bbpress-forums .hentry div.bbp-topic-content::before {
	z-index: 1 !important;
}

/*For ads in Kleo 3.1.3 (399 size)*/
@media screen and (min-width:1200px) {
/*.col-sm-9 {
    width: 84% !important;
    max-width: 901px !important;
}*/
#bbpress-forums .hentry div.bbp-reply-content, #bbpress-forums .hentry div.bbp-topic-content {
	margin-left: 126px !important;
	padding: 16px 16px 6px 6px !important;

}

.bbp-author-role {
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
}

/* No blog posts in activity stream on homepage */
/*.kleo-activity-streams ul.activity-list li.new_blog_post {
	display: none !important;
}*/

/* Display author name and avatar on homepage but not on single pages */
.single .article-meta .author-name, .single .article-meta .meta-author, .single .article-meta .avatar-50 {
	/*display: none !important;*/
	margin-left: -4px;

}

.single .article-meta .post-meta .avatar {
	display: none !important;
}

/* Author box because distance to ad too big */
.abh_box {
	margin: -25px 0 0 0 !important;
}

/* Article date */
.entry-date {
	font-size: 11px !important;
	color: #b0b0b0 !important;
}

/*Contact Form 7 Plugin */
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 textarea {
	color: black;
}

/*Author avatar plugin, list of authors */
.shortcode-author-avatars div.author-list .user {
	display: block;
	float: left;
	padding: 0.2em;
	text-align: left;
	width: 100%;
}



.reset-pass a {
	display: none;
}

/* Activity on homepage */
.activity-inner {
	padding-right: 5px;
	padding-left: 5px;
}

/* Images in activity streams */
.activity-inner img {
	margin-top: 15px;
	max-width: 600px;
}

/* Max image size on blog post list page */
.post-image img {
	max-height: 150px;
	object-fit: cover;
}

/* Navigation between blog posts left and right */

@media screen and (min-width:480px) {

.member-navigation {
	font-size: 11px !important;
}
/* Bigger hight for longer titles */
#newer-nav, #older-nav {	
		height: 140px !important;
}

}

/* No navigation on mobile devices 
@media screen and (max-width:480px) {
	.pagination-sticky  {
		display: none !important;
	}
}*/


/* Rating and Share */
.post-ratings {
	display: inline !important;
	max-height: 50px !important;
	white-space: nowrap !important;
}
.rate {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}
.addtoany_list {
	display: inline-block !important;
	margin-right: 10px;
}


/* Some image captions (Office 2016 installation) are too far from the image */
br {
   display: block !important;
   content: " "; /*for Chrome*/
   margin-top: 5px !important;
}

/* Buddybress member list, otherwise tile of current user too small */
.member-inner-list {
	min-height: 157px;
}

/* Blog post excerpt on single page */
#single-excerpt {
	font-weight: bold;
}


/*Single blog posts */
ol {
	line-height: 23px !important;
}


/* Kleo Carousel title */
h4.post-title a {
	line-height: 22px !important;
	font-size: 18px !important;
	white-space: normal !important;
	font-weight: bold !important;
	
}
/* For headlines without line break */
.kleo-carousel-container h4.post-title.entry-title {
	 min-height: 84px;
}

.size-kleo-post-gallery {
	min-height: 150px;
}

/* Blog comment form */
/* Crayon adds quicktags to comment form, needs to be removed because tinymce (see functions.php*/
/*#qt_comment_toolbar {
	display: none !important;
}*/

/*tinymce visual editor for commments, remove fullscreen link (confilicts with fixed header) */
.mce-i-fullscreen {
	display: none !important;
}
/* Remove shadow from avatar in comments */
.comment-avatar {
	box-shadow: 0px 0px 0px 0px !important;
}
/*#buddypress .activity-list .activity-avatar {
	width: ;
}*/

/* Numbered lists in comments */
.comment-body ol {
	list-style: decimal !important;
	margin: 20px !important;
}


/* Blog comment form end */

/*Blog comment break long words*/
.comment-content {
	word-wrap:break-word;
}


/* Ogranize Seires */

.series fieldset {
	border: 1px solid #D0D0D0 !important;
	background-color: #f4f4f4;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
}

.series legend {
	font-size: 14px;
	padding: 0px 5px 0px 5px;
	max-width: 125px;
}


div#seriestop {
	margin:0px 0px 0px 0px;
}

h1.serieslist {
	margin: 0px !important;
	padding: 0px !important;
	line-height: 42px !important;
	font-size: 17px;
	
}

ol.serieslist-ol {
	margin: 0px 0px 0px 25px;
	padding: 0px;
}

li.serieslist-li {
	font-size: 14px;
	line-height: 22px !important;
}

/* Crayon plugin for code, otherwise code box above header */
.crayon-theme-tomorrow-copy {
	z-index: 1 !important;
} 

/* Excerpt in single blog posts */
#single-excerpt {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 3px;
}

/* Better Anchor Links title*/
.mwm-aal-title {
	color: #444;
	font-size: 17px;
	font-weight: 300 !important;
	margin-bottom: 10px;
	font-family: Roboto Condensed !important;
}
.mwm-aal-container {
	border: 1px solid #D0D0D0 !important;
	background-color: #f4f4f4;
	padding: 5px 10px 5px 10px;
}
/* Better Anchor Links because of fixed menu bar */
a.anchor{display: block; position: relative; top: -150px; }

/* Otherwise dropdown menus distance too big if entire header is open, solution does not work with mobile theme */
/*.menu-item, .notify-contents {
	max-height: 75px;
}*/


/* For Safari, otherwise third column doesn't fit (blog home page for instance) */
.responsive-cols.per-row-3>* {
	width: 33% !important;
}


/* Remove edit on BuddyPress activity stream on mobible (no space) */
@media screen and (max-width:480px) {
.buddyboss_edit_activity {
	display: none;
}
}

/* for shortcode-activity-stream on front page, otherwise "ago" in next line */
#buddypress .activity-header p a:last-child {
	margin-right: 0px !important;
}

/* 
 Site background grey
 */

 .shortcode-activity-stream {
 	background-color: white !important;
 }

/* Messages notification in menu */
 .kleo-notifications {
 	background-color: white !important;
 	color: black !important;
 }

.wrap-content {
	background-color: white !important;
	padding: 10px !important;
}

.widget {
	background-color: white !important;
	padding: 10px !important;
}

.post {
	background-color: white !important;
	padding: 10px !important;
}

/* For Wiki posts on homepage */
.type-bp_doc {
	background-color: white !important;
	padding: 10px !important;
}

.kleo-carousel-container {
	background-color: white !important;
	padding: 10px !important;
}

/* Homepage Social - Blog - Wiki - Forums */
.bordered-icons {
	background-color: white !important;
	padding: 10px !important;
}
.multi-columns-row {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
div.col-xs-12.col-sm-6.col-md-3 {
	max-height: 185px !important;
}

/* Homepage */
.multi-columns-row {
	background-color: white !important;
	padding: 10px !important;
}

/* Activity page and Home page */
.kleo-activity-streams {
	background-color: white !important;	
}
.activity-avatar {
	box-shadow: 0px 0px 0px 0px !important;
}

.kleo-gap {
	background-color: #f4f4f4 !important;
}

/* 
 Site background grey end
 */



/* For like button of Wiki activites in the sidebar (changed )
.swa-activity-list li.mini div.swa-activity-meta a {
    padding: 10px 20px !important;
}

.swa-activity-list div.swa-activity-meta a {
	
	border-bottom: 0px !important;
}*/

/* Sidebar Site Wide Activity, remove edit and spam button */

.sidebar .spam-activity, .sidebar .action-edit  {
	display: none;
}

/* wpulike plugin sidebar*/

.swa-activity-list div.swa-activity-meta a {
	background-color: white;
	border-bottom: 0px !important;
	border-right: 0px !important;
	padding: 10px 20px !important;
}

.avatar-32 {
	margin-left: 20px;

}

ul.tiles {
	margin-top: -15px !important;
}

a.user-tootip {
	margin-left: 20px;
	background-color: white;	
}

.tooltip {
	top: 0px !important;
	left: 0px !important;
}
/* wpulike plugin sidebar end*/

/*Rounded avatars */
img.avatar {
	border-radius: 100% !important;
}


/* Wiki */ 

.wiki-img {
 	max-width: 600px;
}

.doc-content h3 a {
	color: #367bb7 !important;
}

.doc-content h3 a:hover {
	color: #00b9f7 !important;
}
/* buddypress docs (Wiki) title in doc view */

#bp-docs-single-doc-header {
	background-color: white !important;
	padding: 10px !important;
}

.doc-tabs, .doc-meta, .doctable, #subnav {
	background-color: white !important;
	padding: 10px !important;
}
.doc-content {
	background-color: white !important;
	border-left: 0px !important;
	border-right: 0px !important;	
}

.doc-title {
	width: 95% !important;
}
/* buddypress docs (Wiki) history comparison */
.form-table {
	font-size: 12px;
}/* buddypress docs (Wiki) list table of all docs */
.doctable {
	font-size: 13px !important;
	width: 100%;
}

.doctable .title-cell {
	max-width: 200px;
	text-align: left;
	padding-right: 10px;
}
.doctable .author-cell {
	width: 140px;
	text-align: left;
}
.doctable group-cell {
	max-width: 100px;
	text-align: left;
}
.doctable tags-cell {
	max-width: 100px;
	text-align: left;
}


/* buddypress docs (Wiki) for history comparison on mobile devices */
.doc-content {
	padding: 5px !important;
}


/*BuddyPress Docs */




/* List of post revisons */

.doc-content table.form-table {
	font-size: 11px !important;
	 border-collapse: separate;
    empty-cells: hide;
}

/*Radio buttuon in Wiki revisions list */	

.screen-reader-text {
	padding: 5px;
}
/*Wiki revisions table, ensure word wrap */
.revisions-control-frame {
	position: relative;
}
table.diff {
	table-layout:fixed;
	white-space: pre-wrap;
}

.doc-content td.diff-context, td.diff-deletedline, td.diff-addedline {
	word-wrap:break-word;
	width: 50%;
}

table.diff tbody tr td:nth-child(2) {
	width: 1%;
}


/* bbpress forum title */
a.bbp-forum-title { 
	color: #367bb7 !important;
}
a:hover.bbp-forum-title  {
	color: #00b9f7 !important;
}

/* bbpress forum enumeration */ 
#bbpress-forums ol {
	list-style: decimal outside !important;
	margin: 0px 15px 0px 20px !important;
}

#bbpress-forums ol li {
	word-wrap:break-word !important;
	width: 90% !important;	/*Safari */
}

.bbps-support-forums-message {
	font-weight: bold;
	text-align: left;
}

#bbps_support_topic_assign {
	text-align: left;
	margin-top: 25px;

}

#bbps_support_forum_options {
	font-size: 14px !important;
}


@media screen and (max-width:480px) {
#bbps_support_forum_options, #bbps_support_forum_move, .bbps-support-forums-message {
	padding: 0px !important;
}
}

@media screen and (min-width:1200px) {
.bbps-support-forums-message {

    margin-bottom: -25px;
}


#bbps-topic-status {
    padding-top: 20px;
}
}


/*#bbps-topic-assign {
	padding-top: 35px !important;
}

#bbps-topic-status{
	padding-top: 35px;
}*/

ol li {
	padding-left: 7px !important;
}

/* Blue link color in sidebar */
.sidebar a { 
	color: #367bb7 !important;
}
.sidebar a:hover {
	color: #00b9f7 !important;
}

/* Delete button on activity page, otherwise spam button cut off on mobile devices */
.delete-activity {
	padding: 0 !important;
}

/* Important for bbpress forum, otherwise text forms will be be cutt off on mobile devices */
fieldset {
	min-width: 0px !important;
}

/* Move activity form down for Safari because form is cut if user clicks commennt link */

.bpfb_form_container {
	margin-top: 50px;
}

/* bbpress topic title width too small on mobile devices */
li.bbp-forum-info,
li.bbp-topic-title {
	width: 90% !important;
}

/* Modal login Kleo theme, remove Lost your pastworkd  link */
.wrong-response a {
	display: none;
}

.login-action-rp a {
	display: none !important;
}

/* Home page margin between boxes */
.container-wrap {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

.footer-color a {
	color: #777 !important;
}

/* Blog post screenshot caption */
.wp-caption-text{
	font-size: 14px;
}

/* Without Youtube plugin 
.video-wrapper,
.videoWrapper iframe, 
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	text-align: center;
	margin: auto;
	
}

.videoWrapper {
	position: relative;
	padding-bottom: 53.25%; 
	
	
	text-align: center;
	max-width: 610px;
	
	margin: auto;
}
*/



/*blockquote*/
blockquote { 
	padding: 0px 30px 0px 40px;
	color:#666; 
	background: url(img/blockquote.gif) no-repeat left top;
	border: 0;
}

blockquote p { 
	font-size: 16px;
	font-style: italic;
}

.widget blockquote p { 
	font-size: 11px;
}


/*Correction for Ulike plugin left vertical line too long otherwise*/
#buddypress .activity-timeline {

  margin-top: 500px;
 }

/* Otherwise gap on homepage to slider bigger than for blog posts row */
 /*#buddypress ul.item-list li {
	padding: 10px 0px 20px 0px !important;
	margin:0px;
}
 #buddypress ul.item-list  {
	padding: 10px !important;
	margin:0px;
}*/


.kleo-navbar-fixed .kleo-main-header.header-scrolled {
border-bottom: 5px solid #e5e5e5;

/*box-shadow: 0 0 30px #e5e5e5;
border-top: 0px solid #e5e5e5;

border-left: 0px solid #e5e5e5;
border-right: 0px solid #e5e5e5;*/
}
/*
.container {
box-shadow: 0 0 30px #e5e5e5;
}*/

.rtmedia-plupload-container {
	margin-top: 5px;
	margin-left: 10px;
}

.main-title {
	padding-left: 20px;
}

.logo {
	margin-left: 10px;
}


/* Access rights */
.toggle-content {
	font-size: 13px;
}


/* Last selector for activities */
.last {
	font-size:13px;
}

/* BuddyPress profile text */
#buddypress div.profile .dl-horizontal p {
	margin-bottom: 15px;
}

/* BuddyPress comments */
#buddypress div.activity-comments {
	margin: -5px 0px 0px 15px !important;
}
#buddypress div.activity-comments ul li {
	border-top-width: 0px !important;
}

#buddypress div.activity-meta {
	padding-bottom: 10px !important;
}


/* BuddyPress sidebar for YouTube videos */
.swa-activity-inner {
	max-height: 450px;
}

/* BuddyPress activty because of line in rtmedia link paste content */
.activity-read-more {
	display: none;
}

/* BuddyPress activity bcause of ActivityPlus border overlap */

.activity-timeline {
	border-right-style: none !important;
	border-right-width: 0px !important;
}

/* Text for Activityplus updates */
.activityplus_body {
	font-style: italic;
}

/* Activityplus preview image */
.bpfb_link_preview_container {
	margin-right: 10px;
}

/* ActivtyPlus same background color as theme */
.bpfb_form_container {
	background-color: #fffff !important;
}

/* Spam button in sidebar */
.spam-activity {
	margin-left: 8px;
}
  
 /* Activity Plus image click */
 /*.thickbox-loading {
 	font-size: 10px;
 }
#TB_closeWindow {
 	margin-top: -5px !important;
 }*/

/* Actitivty Plus disable photos and videos,  */
 #bpfb_addPhotos {
 	display: none;
 }
#bpfb_addVideos {
 	display: none;
 }
#bpfb_addLinks {
 	margin-bottom: -100px;
 }


/* rtMedia upload button */
#whats-new-options {
 	
 	margin-left: -10px;
}
/*
.rtmedia-plupload-container.rtmedia-container.clearfix {
    height: auto !important;
    visibility: visible !important;
}

.rtmedia-uploader.rtmedia-uploader-div {
	height: auto !important;
    visibility: visible !important;
}*/

.activityplus_body {
/*	float: right;
	display: inline-block !important;
	position: relative;
	width: 62%;*/
	margin-top: 10px;
}
/*.activityplus_img {
	/*float: left;
	display: inline-block !important;
	
}*/

.activity-inner img {
	height: auto;
	max-width: 100%;
}

/*.activityplus_img img {
	height: auto;
	max-width: 600px;
}*/

.activityplus_link {
	font-size: 120%;
	margin-bottom: 10px;
	font-weight: bold;
}