/*
Theme Name:     Karma Child Theme
Theme URI:      http://themeforest.net/item/karma-clean-and-modern-wordpress-theme/168737?ref=TrueThemes
Description:    Child theme for the Karma theme 
Author:         TrueThemes
Author URI:     http://themeforest.net/user/TrueThemes?ref=TrueThemes
Template:       Karma
Version:        0.1.1
*/

@import url("../Karma/style.css");


/* ------- Insert custom styles below this line ------- */

/* MENU */

/* Mega Menu fix- stretches the mega menu from side to side- this is disabled temporarily 
#header #megaMenu .ss-colgroup .ss-col, #megaMenu .wpmega-nonlink li.widget,
#header #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup > ul > li {
float: left;
padding-left: 2.9%;
padding-right: 2.9%;
} */

/* Make megamenu WIDER than menu and retain responsiveness 
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.ss-nav-menu-mega-fullWidth > ul.sub-menu.sub-menu-1{
    width:980px !important;   
    max-width:none !important;
    right:0;
    left:auto !important;
}*/

/*site is currently not responsive, so I turned this code off, if the site goes back to responsive turn it back on
 @media only screen and (min-width: 960px){
    #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.ss-nav-menu-mega-fullWidth > ul.sub-menu.sub-menu-1{
        width:980px !important;   
        max-width:none !important;
    }
} */

/* UBER MENU Fixes */
#megaMenu {
line-height: 1.4em !important;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item:hover > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item.ss-nav-menu-header > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item.ss-nav-menu-header > span.um-anchoremulator, #megaMenu ul.megaMenu .wpmega-widgetarea h2.widgettitle {
    color: #FF7800;
    font-size: 14px;
    font-weight: bold;
    text-shadow: none;
}



/* SUB-MENU-ON PAGE erase the ugly-breadcrumblike submenu */
#horizontal_nav {display:none;} 


/* FOOTER MENU change spacing in between footer menu items like recent posts */
.footer-content li {margin-bottom: 9px;}


/* Temporarily erased this since Richard wants comments visable on each page- Get rid of GIBBERISH ON BOTTOM OF PAGES that was likely caused by importing content from old theme- this needs to be done for every page that has a sidebar and you don't want the comments section visible- DO NOT DO THIS for a page where you want the comments section visable rather just choose the option to have comments visable and that fixes the problem
.page-id-2610 #blog-tabs {display:none !important;}
.page-id-2830 #blog-tabs {display:none !important;}
.page-id-4145 #blog-tabs {display:none !important;}
.page-id-2599 #blog-tabs {display:none !important;}
.page-id-2589 #blog-tabs {display:none !important;}*/

/* Make waste of space post footer dissapear in blog post list page */
.post_footer {display:none;} 

/* MODERN IMAGE FRAME DISAPEAR causes all modern image frames to disapear so that they don't appear on top of posts that have a featured image since they stretch the images to fit and it looks aweful if image is not correct size- it is possible to erase them only on certain pages/posts but that would be tedious so... */
.shadow_img_frame.tt-blog-featured {display: none;}

/* SIDEMENU COLOR tweaks and fixes */
.ctAccordion.skin-classic > li > a, .ctAccordion.skin-classic > li > span {
   background-color: #2E4250 !important;    
  background: -moz-linear-gradient(center top , #677B89 0%, #2E4250 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-radius: 3px !important;
    color: #E9E9E9 !important;
    font-size: 16px !important;
    margin: 5px 0 0 !important;
    padding: 9px 9px !important;
}

/* sidemenu plugin change color to indicate which page user is on */
.ctAccordion li.open > a.head {
   background-color:white;
   border-radius: 3px;
   padding: 1px; 
}

.ctAccordion.skin-classic a, .ctAccordion.skin-classic span {
    font-family: 'Georgia',sans-serif !important;
    font-size: 15px !important;
    padding: 0 !important;
    margin-left: 10px !important;
}

.ctAccordion.skin-classic > li > ul > li > a {color: #2E4250;}

/* Prevents karma theme from overriding sidebar menu plugin on widgets 3,4,5 */
ul#ct_jquery_3level_accordion_menu_widget-3-menu li:before  {content:none !important;}
ul#ct_jquery_3level_accordion_menu_widget-3-menu a {color: #2E4250;}
ul#ct_jquery_3level_accordion_menu_widget-3-menu li {padding-left:0px !important}

ul#ct_jquery_3level_accordion_menu_widget-4-menu li:before  {content:none !important;}
ul#ct_jquery_3level_accordion_menu_widget-4-menu a {color: #2E4250;}
ul#ct_jquery_3level_accordion_menu_widget-4-menu li {padding-left:0px !important}

ul#ct_jquery_3level_accordion_menu_widget-5-menu li:before  {content:none !important;}
ul#ct_jquery_3level_accordion_menu_widget-5-menu a {color: #2E4250;}
ul#ct_jquery_3level_accordion_menu_widget-5-menu li {padding-left:0px !important}

/* TAXONOMY- making the text more enjoyable to read */
p {
    line-height: 29px;
    margin-bottom: 22px;
}
h1, h2, h3, h4, h5, h6, p.comment-author-about {
    color: #222e37;
    font-weight: bold;
    margin: 0 0 25px;
}
h6 {
    text-transform: none;
}

/* add search box widget for top of website */
.top-block .top-holder .search-form {float:right;width:148x;margin:0px 0 0 6px;}
.top-block .top-holder .search-form .text {display:block;overflow:hidden;height:14px;padding:6px 0 0 7px;}
.top-block .top-holder .search-form .text input {width:120px;background:none;border:0;padding:0;margin:-2px 0 0 15px;float:left;color:#444;}
.top-block .top-holder .search-form .text .searchsubmit {font-size:0;line-height:0;text-indent:-9999px;width:15px;height:17px;margin:-15px 8px 0 0;cursor:pointer;}
.top-block .top-holder .search-form .text {background:url(../../uploads/2014/05/searchbox.png) no-repeat scroll 0 0 transparent;}

.top-block .top-holder .search-form .text:before {content: "none";}


.vimeography-title[data-v-1f4b0c8b] {
    line-height: 3.3rem !important;
}