/*
Theme Name: KnowAll Child
Theme URI: https://herothemes.com/themes/knowall/
Template: knowall
Author: HeroThemes
Author URI: https://herothemes.com
Description: KnowAll is a fully featured knowledge base theme for WordPress.
Version: 1.85
Updated: 2023-08-24 07:50:22

*/

body {
    overflow-x: hidden;
	 background: #fff !important;
}

/**Search**/
.hkb-site-search .hkb-site-search__field {
    border-radius: 10px;
}

/*  table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: hsla(0, 0%, 50.2%, .0705882353);
}

table td {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid hsla(0, 0%, 50.2%, .5019607843);
}  */


#hkb.hkb-searchresults > li .hkb-searchresults__title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    font-family: 'Poppins';
    color: #333;
}

#hkb.hkb-searchresults > li .hkb-searchresults__excerpt {
    font-size: 13px;
    margin-top: 5px;
}

.page table th, .page table td {
    text-align: center;
}
.page table th, .page table td {
    background: #fafafa;
    padding: 4px 8px !important;
    border: 0 !important;
    border-right: 1px solid #eaeaea !important;
}

.page table tbody tr:nth-child(odd) td {
    background: #fff;
}

.page table tr {
    border-bottom: 1px solid #eaeaea;
}

.page table td {
    text-align: center;
}

.page table {
    border: 1px solid #eaeaea;
    margin: 0 0 22px;
    width: 100%;
    max-width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}


body.search-results .ht-page__content > ul:not(.ht-articlelist) {
    margin: 0 0 22px;
    padding: 0 0 22px;
    border-bottom: 1px solid #e6e6e6;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#custom-content-new a {
    color: #595959;
}

#custom-content-new a:hover {
    color: #F36C42;
}

#custom-content a{
	color: #595959;
}

#custom-content a:hover {
    color: #F36C42;
}

body.search-results .ht-page__content li .qty {
    font-weight: normal;
    font-size: 0.8em;
}

body.search-results .ht-page__content > ul:not(.ht-articlelist) li {
    background-image: url(../png/greyb-list-caret.png);
    background-position: left top 8px;
    background-repeat: no-repeat;
    padding-left: 15px;
    background-size: 5px 8px;
    margin: 2px;
    flex-basis: 47%;
}

    body.search-results .ht-page__content > ul:not(.ht-articlelist) li a {
        text-decoration: none;
        color: #333;
    }

#hkb.hkb-searchresults > li .hkb-searchresults__title > i, body.search-results .ht-page__content > ul li a i,
body.search-results .ht-page__content > ul li a:hover {
    color: #eb5e28;
}

body.search-results .ht-page__content > ul {
    transition: all 0.4s ease-in-out 0.3s;
    max-height: 3000px;
    position: relative;
    overflow: hidden;
}

body.search-results .ht-page__content ul.Tag:before {
    content: "Related Topics";
    display: block;
    width: 100%;
    padding: 0 0 10px;
    color: #18428f;
}

body.search-results .ht-page__content ul.Category:before {
    content: "Searched Categories Results";
    display: block;
    width: 100%;
    padding: 0 0 10px;
    color: #0e8ce1;
}

body.search-results .ht-page__content .ht-articlelist-wrapper:before {
    content: "Related Insights";
    display: block;
    width: 100%;
    padding: 0 0 10px;
    color: #18428f;
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
}

h2.hkb-article__title {
    color: #333333 !important;
}

.hkb-breadcrumbs li a {
    color: #00bdcd !important;
}

.site-header .site-header__banner {
	padding: 15px 0 !important;
}

body.search-results .ht-page__content > ul li i {
    display: none;
}

body.search-results .ht-page__content > ul.collapse {
    max-height: 250px;
    transition: all 0.4s ease-in 0.1s;
}

body.search-results .ht-page__content > ul .morelink {
    position: absolute;
    bottom: 5px;
    width: 100%;
    text-align: left;
    z-index: 2;
    background: #fff;
    text-decoration: none;
    color: #eb5e28;
    font-size: 14px;
    padding-left: 15px;
}

body.search-results .ht-page__content > ul.collapse:after {
    content: "";
    height: 45px;
    width: 100%;
    background: #fff;
    z-index: 1;
    position: absolute;
    bottom: 0;
}

body.search-results .ht-articlelist-wrapper > div {
    display: flex;
    justify-content: space-between;
}

    body.search-results .ht-articlelist-wrapper > div select {
        flex: 0 0 48%;
        margin-bottom: 15px;
        background-color: #F4F5F5;
    }

#small-size-searchbar .hkb-site-search .hkb-site-search__field {
    padding: 10px 12px 10px 40px !important;
    font-size: 16px !important;
}

/**Mega Menu**/
#menu-primary-mega-menu .fa-angle-down {
    font-size: 12px;
}

.htmega-menu-container .submenu-right .sub-menu, .htmega-menu-container .submenu-right .htmegamenu-content-wrapper {
    left: auto;
    right: 0;
}

.htmegamenu-content-wrapper.sub-menu .mm-dropdown-section h3 {
    padding: 0;
    margin: 0;
    font-family: Poppins;
    color: #333;
    font-size: 13px;
}

.htmegamenu-content-wrapper.sub-menu .mm-dropdown-section h3 {
    padding: 0;
    margin: 0;
}

.menu-dropdown-hk-categories.elementor-widget-tabs .elementor-tab-content h4,
.menu-dropdown-hk-categories h3 {
    padding: 0 0 5px;
    margin: 0 0 10px;
}

.menu-dropdown-hk-categories.elementor-widget-tabs .elementor-tab-content ul {
    margin-bottom: 20px;
}

.htmegamenu-content-wrapper.sub-menu .mm-dropdown-section .elementor-widget-text-editor p {
    margin: 0 0 5px;
}

.htmegamenu-content-wrapper.sub-menu > li > a {
    font-size: 15px;
}

.htmegamenu-content-wrapper.sub-menu .mm-dropdown-section .elementor-widget-text-editor a {
    color: #595959;
    font-size: 14px;
    border: 0;
}

    .htmegamenu-content-wrapper.sub-menu .mm-dropdown-section .elementor-widget-text-editor a:hover {
        color: #0e8ce1;
    }

.htmegamenu-content-wrapper.sub-menu .mm-dropdown-section .elementor-widget-text-editor ul {
    list-style: disc;
    margin: 0 0 5px 20px;
}

    .htmegamenu-content-wrapper.sub-menu .mm-dropdown-section .elementor-widget-text-editor ul li {
        display: list-item;
        padding: 0;
    }

.menu-dropdown-hk-categories.elementor-widget-tabs .elementor-tab-desktop-title {
    padding: 15px 12px;
    background-color: #f4f5f5;
    margin: 1px 0;
}

    .menu-dropdown-hk-categories.elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
        background-color: #fff;
    }

.menu-dropdown-hk-categories.elementor-widget-tabs .elementor-tab-content {
    padding: 13px 20px;
}

    .menu-dropdown-hk-categories.elementor-widget-tabs .elementor-tab-content h4,
    .menu-dropdown-hk-categories h3 {
        font-size: 14px;
        border-bottom: 1px solid #e6e6e6;
    }

        .menu-dropdown-hk-categories.elementor-widget-tabs .elementor-tab-content h4:first-child {
            margin-top: 0px;
        }

    .menu-dropdown-hk-categories.elementor-widget-tabs .elementor-tab-content ul li {
        padding: 0 0 0 15px !important;
        background-image: url(../png/greyb-list-caret.png);
        background-position: left top 7px;
        background-repeat: no-repeat;
        background-size: 5px 6px;
    }

        .menu-dropdown-hk-categories.elementor-widget-tabs .elementor-tab-content ul li a,
        .nav-header ul li .sub-menu .elementor-tab-content a {
            border: 0 !important;
            color: #3282b8;
        }

            .menu-dropdown-hk-categories.elementor-widget-tabs .elementor-tab-content ul li a:hover,
            .nav-header ul li .sub-menu .elementor-tab-content a:hover {
                text-decoration: underline;
            }

.htmegamenu-content-wrapper.sub-menu .elementor-icon-box-title a:hover {
    color: #3282b8;
}

.htmega-menu-container .htmobile-navigation .sub-menu li a {
    color: #fff;
}

.htmobile-menu-wrap {
    background-color: #155481;
}

    .htmobile-menu-wrap .menu-expand i {
        color: #fff;
        font-size: 12px;
    }

.htmobile-navigation {
    padding: 0;
}

.htmega-menu-container .htmobile-navigation ul.htmega-megamenu {
    margin: 0;
    padding: 40px 0 0;
}

    .htmega-menu-container .htmobile-navigation ul.htmega-megamenu > li {
        padding: 10px 15px;
        border-bottom: 1px solid #1b6ca7;
        margin: 0 !important;
    }

.htmobile-menu-wrap .menu-expand {
    top: auto;
    right: 30px;
    height: 38px;
    line-height: 38px;
}

.htmegamenu-content-wrapper.sub-menu .mm-dropdown-section .elementor-widget-text-editor.mobile-submenu a {
    color: #fff;
    display: block;
}

    .htmegamenu-content-wrapper.sub-menu .mm-dropdown-section .elementor-widget-text-editor.mobile-submenu a:hover {
        color: #1b6ca7;
    }

#ht-navtoggle {
    display: none;
}

/**Search & Filter**/
#search-filter .searchandfilter ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: 1000px;
    padding: 0;
    margin: 0 auto;
}

    #search-filter .searchandfilter ul li {
        padding-right: 3px;
        max-width: 23%;
    }

        #search-filter .searchandfilter ul li:first-child {
            min-width: 35%;
        }

        #search-filter .searchandfilter ul li > * {
            height: 48px;
            border-radius: 0px;
        }

        #search-filter .searchandfilter ul li select {
            font-size: 14px;
        }

        #search-filter .searchandfilter ul li input[type=text] {
            border-radius: 10px 0 0 10px;
        }

        #search-filter .searchandfilter ul li input[type=submit] {
            border-radius: 0 10px 10px 0;
            background-color: #eb5e28;
        }

/**Carousel**/
.owl-prev {
    position: absolute;
    top: 50%;
    left: -30px;
    font-size: 24px !important;
    line-height: 0 !important;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.35);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff !important;
}

.owl-next {
    position: absolute;
    top: 50%;
    right: -30px;
    font-size: 24px !important;
    line-height: 0 !important;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    box-shadow: 0 1px 4px 1px rgba(0,0,0,.35);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff !important;
}

    .owl-prev:hover, .owl-next:hover {
        box-shadow: 0 1px 5px 0px rgba(0,0,0,.25) inset;
    }

.owl-item .elementor-image-box-img {
    overflow: hidden;
    transition: 2s;
}

    .owl-item .elementor-image-box-img a:hover img {
        transform: scale(1.05);
        transition: 2s;
    }

.owl-item .elementor-image-box-title > a:hover {
    color: #EB5E28;
}

.reports-carousel .elementor-section {
    margin: 10px;
}

.reports-carousel .owl-item {
    filter: grayscale(100%);
    opacity: .5;
    transform: translateX(60%) scale(.75);
    transform-origin: right;
    transition: transform .3s,opacity 0s,filter .3s;
    z-index: 0;
}

    .reports-carousel .owl-item.active {
        filter: none;
        opacity: 1.0;
    }

.reports-carousel .owl-prev {
    left: 30px;
}

.reports-carousel .owl-next {
    right: 30px;
}

.home-articles .elementor-column-wrap > .elementor-widget-wrap {
    flex-direction: column;
}

.articles-loop-box a.elementor-post-info__terms-list-item:hover {
    text-decoration: underline;
}

.articles-loop-box .elementor-icon-list-icon {
    height: 100%;
    margin-top: 10px;
    margin-right: 5px;
}

.articles-loop-box {
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
    background: #fff;
    border: 1px solid #E9EEF3;
    flex-grow: 1 !important;
}

/***Archive Page***/
.hide {
    display: none;
}

.small-search-bar .hkb-site-search {
    max-width: 380px;
    margin: 0 0 0 auto;
}

    .small-search-bar .hkb-site-search .hkb-site-search__field {
        padding: 10px 10px 10px 40px !important;
        font-size: 14px;
    }

#sortby select {
    background: #f4f5f5;
    border-radius: 5px;
    font-size: 14px;
}

.archive-sidebar .elementor-toc__header {
    display: none;
}

.related-posts .elementor-post__title a:hover {
    color: var(--e-global-color-a809c51) !important;
}

.crp_related ul, .top-five-in-same-cat ul, .selective-articles ul {
    margin: 0;
    padding: 5px;
    list-style: none;
    font-size: 14px;
}

    .crp_related ul li, .top-five-in-same-cat ul li, .selective-articles ul li {
        margin: 5px 0;
    }

        .crp_related ul li a:hover, .top-five-in-same-cat ul li a:hover, .selective-articles ul li a:hover {
            color: var(--e-global-color-a809c51);
        }

    .top-five-in-same-cat h4, .selective-articles h4, #custom-content h4 {
        font-family: "Poppins", Sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.2em;
        color: var(--e-global-color-primary);
        padding: 0;
        margin: 0 0 10px;
    }

    .top-five-in-same-cat ul, .selective-articles ul, #custom-content .elementor-widget-container {
		padding: 15px;
		background-color: var(--e-global-color-d0ae886);
		border-radius: 5px 5px 5px 5px;
		margin-bottom: 30px;
		margin-top: 30px;
	}

.hkb-article__content table th, .hkb-article__content table td {
    text-align: center;
}

.hkb-article__content table th.has-text-align-right, .hkb-article__content table td.has-text-align-right {
    text-align: right;
}

.hkb-article__content table th.has-text-align-left, .hkb-article__content table td.has-text-align-left {
    text-align: left;
}

.hkb-article__content blockquote {
    font-size: var(--e-global-typography-secondary-font-size);
}

.hkb-breadcrumbs li a, .hkb-breadcrumbs li span span {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #595959;
}

.hkb-breadcrumbs li a {
    color: #3282b8;
}

.hkb-breadcrumbs a:hover {
    color: #3282b8;
}

#breadcrumbs > span > span, .hkb-breadcrumbs li {
    padding-right: 15px;
    position: relative;
}

    #breadcrumbs > span > span:before, .hkb-breadcrumbs li:before {
        content: "»";
        display: inline-block;
        position: absolute;
        left: -12px;
    }

    #breadcrumbs > span > span:first-child:before, body.single-ht_kb #breadcrumbs span span:nth-child(2),
    .hkb-breadcrumbs li svg, .hkb-breadcrumbs li:first-child:before,
.ht-pageheader .hkb-breadcrumbs li:nth-child(2){
        display: none !important;
    }

.hkb-feedback .hkb-feedback__title {
    font-size: 15px;
    line-height: 1.467;
}

#popup-html-widget {
	background: #1B6CA8; padding:10px 30px;
	border-radius: 5px;
	display: flex;
}

#popup-html-widget h3 {
	color:#fff;
}

#popup-html-widget .elementor-widget-button {
	align-self: center; text-align: center;
}

#popup-html-widget .elementor-widget-button a {
	background-color: #F36C42;
}

#popup-html-widget .elementor-widget-button a:hover {
	background-color: #D33C0D;
}

#popup-html-widget .elementor-col-30 {
	justify-content: end;
}

/* banner in post shortcode */

.banner-in-post-container {
        padding: 20px;
        row-gap: 20px;
	    gap: 20px;
	    display: flex;
	    align-items: center;
        margin: 40px 0px;
        border-radius: 6px;
        background-color: #f4f8ff;
    }

.banner-in-post-picture {
    max-width: 170px;
    width: 35%;
}

.banner-in-post-content h4 {
    padding-top: 0 !important;
}

h4#custom-banner-heading {
    padding-top: 0 !important;
    font-weight: 600;
    margin-top: 0;
    font-size: 20px;
}

.banner-in-post-content a:hover {
    color: #fff;
    background-color: #e4531b;
}

.banner-in-post-container a {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #eb5e28;
    border-radius: 6px 6px 6px 6px;
    padding: 10px 24px 10px 24px;
    display: inline-block;
    margin-top: 0;
}

/* hubspot shortcode */

.hubspot-form-container .hubspot-form-pictures {
    flex-basis: 60%;
	text-align: center;
}

.hubspot-form-container {
    display: flex;
    gap: 16px;
    align-items: center;
	flex-direction: row-reverse;
}

.hubspot-form-container {
    margin: 28px 0px;
    padding: 28px;
    background-color: #f4f8ff;
    border-radius: 6px;
}

.hubspot-form-container > text {
    flex-basis: 55%;
}

.single-ht_kb .hubspot-form-container {
    width: 80%;
}

.single-ht_kb .hubspot-form-container .hubspot-form-pictures {
    flex-basis: 40%;
}


/* single resource style */

.resource-social-icons .elementor-share-btn {
    border: 1px solid var(--e-global-color-secondary);
}

.resource-social-icons:hover .elementor-share-btn {
    border-color: var(--e-global-color-primary);
}

.single-resource .single-post-content h2 {
	font-family: 'Poppins';
	font-size: 19px;
	line-height: 1.15em;
	font-weight: 700;
	color: #18428F;
	letter-spacing: 0.02em;
	margin: 0;
	margin-bottom: 16px;
} 

.single-resource .single-post-content p {
	margin-bottom: 16px;
}

.single-resource .single-post-content p, .single-post-content li {
	font-size: 12.5px;
	line-height: 1.4em;
}

:root :where(.is-layout-flow) > :last-child {
    margin-block-end: 0 !important;
}
:root :where(.is-layout-flow) > :first-child {
    margin-block-start: 0;
}

.header-menu-list, .header-menu-list .elementor-widget-container, .header-menu-list .elementor-widget-container .exad-mega-menu, .header-menu-list .elementor-widget-container .exad-mega-menu .exad-mega-menu-wrapper, .header-menu-list .elementor-widget-container .exad-mega-menu-list, .header-menu-list .elementor-widget-container .exad-mega-menu-list .menu-item {
    position: static !important;
}

.header-menu-list .parent-do-not-have-template {
    width: 100% !important;
}

.header-menu-list ul.exad-sub-menu {
    overflow: initial !important;
}

.latest-articles a {
    color: #3282b8 !important;
}

.latest-articles li {
    padding-bottom: 5px;
    font-size: 14px;
    list-style: disc;
}

.hearder-tab-sec button.e-n-tab-title:hover, button.e-n-tab-title:focus {
    border-radius: 4px !important;
}

.industry-sub-menu .e-n-tab-title {
    justify-content: space-between !important;
}

button#chatbot-minimize-btn {
    height: unset !important;
    width: unset !important;
}

.chatbot-send-btn {
	height: unset !important;
    width: unset !important;
}

/* .postid-108969 ul.elementor-icon-list-items {
    list-style-type: none !important;
    padding-left: 0;
} */

/**Responsive***/

@media all and (min-width: 1366px) {
	.hubspot-form-container {
        padding: 40px;
        row-gap: 20px;
        margin: 40px 0px;
    }
	.hubspot-form-container > text {
        flex-basis: 60%;
    }
	.single-resource .single-post-content h2 {
		font-size: 24px;
		margin-bottom: 20px;
	} 
	.single-resource .single-post-content p {
		margin-bottom: 20px;
	}
	.single-resource .single-post-content p, .single-post-content li {
		color: #383d45 !important;
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0.01em;
	}

}


@media all and (max-width: 1024px) {
	
	.hearder-tab-sec span.elementor-button-content-wrapper {
		justify-content: left;
		margin-top: 15px;
	}

	.exad-mega-menu__breakpoint-mobile .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav, .exad-mega-menu__breakpoint-tablet .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav {
        margin: unset !important;
        padding: unset !important;
    }
	
	.latest-articles li:before {
		content: ".";
		font-size: 40px;
		position: absolute;
		top: -23px;
		left: 5px;
	}
	
	.latest-articles li {
		padding-bottom: 0;
		position: relative;
		padding-left: 8px;
	}
	
}


@media all and (min-width: 992px) {
    .htmega-menu-container ul > li {
        margin-right: 0px !important;
        margin-left: 30px;
    }

    #menu-primary-mega-menu .mobile-only {
        display: none;
    }
	
	.latest-articles ul {
        padding-left: 30px;
    }
	
}

@media all and (max-width: 991px) {

    .htmega-menu-area {
        border: 0;
        background: #fff;
    }
	
	.banner-in-post-container {
        flex-direction: column;
        text-align: center;
    }

    #menu-primary-mega-menu .desktop-only {
        display: none;
    }
	
	#popup-html-widget .elementor-column {
	    justify-content: center;
    }
	
	#popup-html-widget h3 {
		text-align:center;
	}
	
	#popup-html-widget {
        display: block;
    }
	
}

@media all and (max-width: 640px) {
    .owl-prev {
        left: 0px;
    }

    .owl-next {
        right: 0;
    }
}

.custom-link-color a {
	color: #595959;
}

.custom-link-color a:hover {
	color: #F36C42;
}