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

ul.ez-toc-list {color: white!important;}
div#ez-toc-container {margin-top: 10px;}

body.blog .page-title {display: none;}

.entry-summary {
    font-size: 17px;
}

.vc_gitem-post-data {
    font-size: 15px;
}

.dropdown-menu>li>a {
    font-size: 14px;
}


.category h1.page-title {display: none!important;}



.socket-color a { color: #CCC!important; }
.socket-color a:hover { color: #777!important; }





.page-boxed, .kleo-navbar-fixed .page-boxed .kleo-main-header, .kleo-navbar-fixed.navbar-transparent .page-boxed #header { max-width: 100%; }



.amzn-native-product { border: 1px solid white!important;}
div.amzn-native-products-list div.amzn-native-product { border: none!important;  }
.amzn-native-product-title-container a {color: #cc0000!important; font-weight: bold!important;}
div.amzn-native-products-list div.amzn-native-product:hover .amzn-native-product-title-container a {color: #cc0000!important; text-decoration: underline!important;}
.amzn-native-product-title-container { padding-top: 0px!important; color: #cc0000!important; font-weight: bold!important; }



.navbar-nav>li>a { font-size: 15px; margin-left: 12px; }
.menuaskthetrainer { font-weight: bold; }





/**** Custom Author Archive Box for Author.php Page ****/
.auth-bio { margin-bottom: 15px; padding: 15px; padding-bottom: 0px; background: #F7F7F7 none repeat scroll 0% 0%; border: 1px solid #E5E5E5; }
.auth-bio img.avatar { border-radius: 50%; margin-right: 15px; margin-bottom: 9px; float: left; width: 114px; border: 3px solid white; }
.auth-clear { clear: both; margin: 0px auto; border-top: 1px dotted #DDD; }
.auth-icons img { border-radius: 100%; 2px solid white; margin-right: 5px; }
.auth-bio img:hover { -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); filter: grayscale(70%); }



/* ---------[ Mailpoet Adjustments ]--------- */
.widget_wysija_cont .wysija-submit { color: white; background: #cc0000; }



/* ---------[ Fix Entry Image on Responsive for Android / iPhone ]--------- */
@media only screen and (max-width:415px) {
.template-page img.alignleft {float: none; margin-right: auto; margin-left: auto;}
.template-page img.alignright {float: none; margin-right: auto; margin-left: auto;}
.template-page .wp-caption.alignleft {float: none; margin-right: auto; margin-left: auto;}
.template-page .wp-caption.alignright {float: none; margin-right: auto; margin-left: auto;}
img.wp-biographia-item-icon {margin-right: 0px!important;}
}
/* ---------[ END ]--------- */



/* ---------[ WP-Biographia Author Box Customizations ]--------- */
.wp-biographia-pic { border: 0px; padding: 0px !important; overflow: hidden; background: transparent; }
.wp-biographia-pic:hover { opacity: .9; }
.wp-biographia-container-around {box-shadow: 3px 3px 3px #888888;}
#authordisclaimer { font-size: 10px; font-style: italic; color: gray; }
ul.wp-biographia-list { margin-bottom: 7px; margin-left: -42px; }
.wp-biographia-container-around { padding-bottom: 10px; }
/* ---------[ END ]--------- */






/* ---------[ Post Author Box iPhone / Android Adjustments ]--------- */
@media only screen and (min-width: 50px) and (max-width: 361px) {
.wp-biographia-text {margin: 0 0 0 100px;}
.wp-biographia-container-around {padding: 5px; width: 100%;}
.wp-biographia-pic {width: 82px!important; height: 82px!important;}}
/* ---------[ END ]--------- */








/* ---------[ Custom Floating Sharebar ]--------- */
#customsharebarouter { position: fixed; width: 100%; bottom: -5px; z-index: 1; background: rgba(221, 221, 221, 0.85); border-top: 1px solid #ccc; font-size: 13px!important; }
#customsharebarinner { position: relative; text-align: center; background: #d7d7d7; padding: 0px 0px 4px; border: 1px darkgray solid; font-weight: bold; }
@media only screen and (min-width: 1279px) {#customsharebarouter {display: none}}
@media only screen and (max-width: 1279px) {#socket {padding-bottom: 40px;}}
/* ---------[ END ]--------- */

/* ---------[ Google Top and Middle Ad Adjustments for Desktop and Mobile Devices]--------- */
.googleadtop {float: left; padding-bottom: 5px; margin-right: 10px; max-width: 300px; margin-top: 4px; margin-right: 20px;}
@media only screen and (max-width: 1192px) { .googleadtop {float: none!important; margin: auto; }}
@media only screen and (max-width: 321px) { .googleadtop {margin-left: -23px!important;}.googleadmiddle {margin-left: -23px!important;}#position {margin-left: -10px!important;}}
.googleadmiddle {margin: auto;width: 300px;max-width: 100%;padding-bottom: 13px;}
/* ---------[ END ]--------- */




/* ---------[ Make Slide-in Stretch Across Entire Window for Mobile Browsers ]--------- */
@media only screen and (min-width:1279px) {.wdsi-slide { z-index: 1!important; }}
.wdsi-slide-rounded .wdsi-slide-content {z-index: 2!important;}
.wdsi-slide-rounded .wdsi-slide-wrap {width: 100%;}
.wdsi-slide-rounded.wdsi-slide-bottom .wdsi-slide-close {max-width: 100%!important; right: 0px!important; left: auto!important;}
.wdsi-slide-rounded a {float: right!important;}
.wdsi-slide-rounded .wdsi-slide-close:after { display: none; }
.wdsi-slide-rounded .wdsi-slide-close:before { display: none; }
/* ---------[ END ]--------- */
/* ---------[ Slide-in Position iPhone Adjustments ]--------- */
@media only screen and (max-height:320px) {
#position {margin-bottom: -48px!important;}}
/* ---------[ END ]--------- */
/* -------------------[ Slide-in Adjustments Google Ads ]------------------- */
#position {margin-bottom: -32px; margin-top: -35px;}
/* ---------[ END ]--------- */

/* -------------------[ Slide-in Adjustments Affiliate Banners ]------------------- */
#position2 {margin-bottom: -3px; margin-top: -30px; float: left;}
/* ---------[ END ]--------- */

/* ---------[ Iframe YouTube Videos Position iPhone/Android Adjustments-Semi Responsive ]--------- */
@media only screen and (max-width:535px) {.single.single-post iframe {max-width: 100%; width: 100%; }}
/* -------------------[ END ]------------------- */

/* ---------[ Iframe Adjustments ]--------- */
.single.single-post iframe {margin-bottom: 10px; margin-right: 10px;}
/* -------------------[ END ]------------------- */



/**** Kleo Accordion Formatting Adjustment and Fix for Broken Responsive Layout ****/
.panel-kleo.icons-to-left .accordion-toggle {position: relative; display: inline-block;	width: 100%; padding-left:30px;}
.panel-kleo.icons-to-left span.icon-closed, .panel-kleo.icons-to-left span.icon-opened {position: absolute; top: 1px; left: 0;}
.accordion-toggle a {color: #cc0000!important;}







/**** Fixes Kleo 3.9.1+ Padding Issue (Why they messed it up? No clue.- Below values missing from app.css/app.min.css) + menu sidebar fix ****/
@media screen and (max-width: 767px) { 
.page-boxed .sidebar-right .inner-content { padding-right: 17.5px; padding-left: 17.5px!important; }
.page-boxed .template-page.tpl-right .wrap-content { padding-left: 17.5px; padding-right: 17.5px!important; } }
.adminbar-enable .offcanvas-sidebar { top: 39px!important; border-left: 1px solid #e5e5e5; }





/**** Google Adsense Post Advert Adjustments ****/
@media only screen and (max-width: 650px) { 
.post_advert { float: none!important; padding-right: 0px!important; padding-bottom: 0px!important; text-align: center; margin: auto; }}
.post_advert { float: left; padding-right: 20px; padding-bottom: 20px; width: 100%; height: 250px; max-width: 300px; }


/**** Single POST Customizations - Removes Left Padding from Comment Box, etc. ****/
.share-links div.hr-title { margin-bottom: 15px; }
#comments .comment-respond, #comments-list .comment-respond { margin-left: 0px; }
img.attachment-kleo-full-width { padding-bottom: 16px; }
h4.post-title.entry-title a { color: #cc0000!important; font-weight: bold; }
h4.post-title.entry-title a:hover { color: black!important; }
.share-links span a { font-size: 30px; } 
.share-links .icon-facebook { font-size: 30px; }
.share-links .icon-pinterest-circled { font-size: 30px; }
.hr-title.hr-long { font-size: 13px; }


/**** iPad 768 resolution responsive adjustments / fix so sidebar shows on bottom, width issue, ,etc. ****/
@media only screen and (min-width: 766px) and (max-width: 770px) {
.template-page.col-sm-9 {width: 100%; border-right: none; margin-top: -15px; }
#main-container>.row { display: inline; }
.sidebar.sidebar-main.col-sm-3.sidebar-right { width: 100%!important; border-left: none; }
.page-boxed .template-page.tpl-right .wrap-content { padding-right: 0px!important; }
}


/**** Blog Page Adjustments - .post-image Is Optional if I disable left float view ****/
#main .main-color h3 a { color: #cc0000!important; font-weight: 401!important; font-size: 19px; }
#main .main-color h3 a:hover { color: #444444!important; }
.masonry-listing .format-standard .post-title { border-left: 3px solid red!important; }
.page-numbers.current {background: #333333!important; color: white!important;}
a.next.page-numbers {background: #cc0000!important; color: white!important;}
a.prev.page-numbers {background: #cc0000!important; color: white!important;}
a.next.page-numbers:hover {background: #cccccc!important;}
a.prev.page-numbers:hover {background: #cccccc!important;}


/**** Footer Widget Adjustments - Turned into 3 column ****/
@media (min-width: 768px) { #footer .col-sm-3 { width: 33%!important; }}


/**** NavBar Header / Logo Adjustments for iPhone 6+, etc. ****/
@media only screen and (min-width: 150px) and (max-width: 489px) { .navbar-header .logo { margin-top: 6px; max-width: 312px!important; } .navbar-header { margin-top: -13px; } .kleo-mobile-switch { margin-left: 7px; margin-top: 5px;}}
@media only screen and (max-width: 989px) { .notify-items {margin-right:-20px!important; }}


/**** Right Sidebar Customizations to Accommodate 300x250 Google Ads ****/
@media only screen and (min-width: 991px)  { .sidebar.sidebar-main.col-sm-3.sidebar-right { width: 27.5%!important; }
.page-boxed .sidebar-left .inner-content, .page-boxed .sidebar-right .inner-content { width: 317px!important; }
.page-boxed .sidebar-left .inner-content, .page-boxed .sidebar-right .inner-content { margin-left: -13px; }}



/**** Sidebar Customizations ****/
.sidebar.sidebar-main.col-sm-3.sidebar-right a { color: #cc0000; }
.sidebar.sidebar-main.col-sm-3.sidebar-right a:hover { color: #00b9f7; }
.kleo-facebook-connect.btn.btn-default { color: white!important; }
.sidebar .widget { margin: 0 0 20px!important; }

/**** Top Nav Customizations ****/
#top-social { display: none; }
.col-md-7 { width:100%; }
.icon-facebook { font-size: 17px; }
.icon-pinterest-circled { font-size: 17px; }
#menu-kleotopmenu .icon-twitter { font-size: 17px; }
.top-bar { line-height: 38px; }


/**** Side-wide Page Adjustments - padding above post, etc.  ****/
.template-page, .sidebar { padding-top: 30px; }
.muted.pull-right {color: #cc0000;}
.muted.pull-right:hover {color: black;}


/**** Kleo Styling Customizations ****/
h1.page-title { margin-bottom: 0px!important; }
#main .main-color h1, #main .main-color h2, #main .main-color h3, #main .main-color h4, #main .main-color h5, #main .main-color h6 { font-weight: bold; }
#main .alternate-color h1 { font-weight: bold; }
img.avatar { border-radius: 50%; }
@media only screen and (max-width: 480px) { .col-sm-12 { padding-right: 8px!important; padding-left: 8px!important; } }
.kleo-main-header.header-normal.header-scrolled {max-width: 100%!important;}
.kleo-main-header .nav>li.active>a { box-shadow: inset 0 2px 0 0 red!important; }