/* 
Theme Name: My Flex Rewards Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: My Flex Rewards Theme (A Hello Elementor Child) is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* CSS: HELP CENTRE */
#kbe-content,
#kbe-breadcrumbs,
.kbe-search-field form {
    font-family: 'Clarika Geometric', Roboto, sans-serif;
}

#kbe-content {
    margin-bottom: 60px;
}

.wp-knowledgebase #main {
    margin-top: 60px;
}

.kbe-search-field svg {
    left: unset;
    right: 15px;
}
ul#kbe-live-search-result svg ,
li.kbe-object-list-item.kbe-list-item-is-article svg{
    display: none;
}
#kbe-live-search-result li a {
    padding-left: 15px;
}

.kbe-search-field input[type=text] {
    padding: 12px 50px 12px 12px;
}

.kbe-count {
    background-color: #eb334b;
    border-radius: 3px;
}

.kbe-category-title {
    padding: 10px 20px !important;
}

.kbe-category {
    border: 1px solid #ddd;
    padding: 10px 0;
    border-radius: 5px;
}

.wp-knowledgebase article .entry-header .entry-title {
    text-align: left;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.wp-knowledgebase .entry-content.single-content {
    padding: 20px;
}

@media screen and (min-width: 768px) {
    .kbe-search-field form {
        max-width: 65%;
        margin: 0 auto 60px;
    }

    #kbe-breadcrumbs {
        position: absolute;
        top: 80px;
    }

    .tax-kbe_taxonomy #kbe-content {
        margin-top: 80px;
    }
}

@media screen and (max-width: 480px) {
    #kbe-wrapper #main {
        margin-top: 30px;
        padding: 10px !important;
    }
    .kbe_knowledgebase .entry-header h1 {
        font-size: 30px;
    }
    .wp-knowledgebase .entry-content.single-content {
        font-size: 15px;
    }
}