/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 18 2025 | 14:21:43 */
/*** MHT HEROIC KNOWLEDGE BASE CUSTOMIZATION ***/

/*** MAIN THEME COLOR VARIABLES BEGIN ***/
/*
	--e-global-color-primary: #17161A;
	--e-global-color-secondary: #54595F;
	--e-global-color-text: #7A7A7A;
	--e-global-color-accent: #D22730;
	--e-global-color-050bdd0: #FFFFFF;
*/

/*** MAIN THEME FONT VARIABLES ***/
/*
	--e-global-typography-primary-font-family: "Roboto";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-secondary-font-family: "Roboto Slab";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Roboto";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Roboto";
	--e-global-typography-accent-font-weight: 500;
*/


/*** MAIN KNOWLEDGE BASE TYPOGRAPHY BEGIN ***/
#hkb .hkb-article .hkb-article__title {
	font-size: 2.5rem !important;
    margin-bottom: 1.5rem !important;
}

#hkb .hkb-article__content h2 {
    font-size: 2rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
/*	margin: 2rem 0 0.5rem !important;*/
	margin: 2rem 0 0 0 !important;
}

#hkb .hkb-article__content h3 {
/*	font-size: 1.8rem !important;*/
   	font-size: 1.45rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
/*	letter-spacing: .004em !important;*/
/*	margin: 2rem 0 0.5rem !important;*/
	margin: 2rem 0 0 0 !important;
}

#hkb .hkb-article__content h4 {
   	font-size: 1.3rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	margin: 2rem 0 0 0 !important;
}

#hkb .hkb-article__content h5 {
   	font-size: 1.2rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	margin: 2rem 0 0 0 !important;
}

#hkb .hkb-article__content h6 {
   	font-size: 1.1rem !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	margin: 2rem 0 0 0 !important;
}

#hkb .hkb-article__content p { margin: 0.25rem 0; line-height: 1.25; } /* Article p */
#hkb strong { font-weight: 500; }
#hkb b { font-weight: 500; }
#hkb ul, ol { /*margin-top: 0; margin-bottom: 3em;*/ margin-top: 0; margin-bottom: 1rem; }
#hkb ul:not(.-unlist) > li, ol:not(.-unlist) > li { margin: 1.5rem 0; /*padding-left: 1.25rem;*/ line-height: 1.25; } /* List items */


/*** KNOWLEDGE BASE MAIN PAGE & GLOBAL SETTINGS BEGIN ***/
#hkb { margin-top: 5rem; } /* Main page */
#hkb .hkb-mainpage-wrapper { padding-top: 2em; } /* Main wrapper */
#hkb .hkb-searchbox .hkb-searchbox__title { font-size: 3.25rem; font-weight: 500; } /* Main title */
#hkb .hkb-categoryhead .hkb-categoryhead__description { font-weight: 400; } /* Article list description */
#hkb .hkb-category .hkb-category__view-all:hover { color: var(--e-global-color-accent); } /* View all link hover */
#hkb .hkb-article-related .hkb-article-list a:hover { color: var(--e-global-color-accent); } /* Article list link hover */
#hkb .hkb-articlepreview .hkb-articlepreview__title a:hover { color: var(--e-global-color-accent); } /* Title link hover */
#hkb .hkb-categoryhead .hkb-categoryhead__title a:hover { color: var(--e-global-color-accent); } /* Category title link hover */
#hkb ul.hkb-article-list a { font-weight: 300; font-size: 0.95em; } /* Article link */
#hkb ul.hkb-article-list a:hover { color: var(--e-global-color-accent); } /* Article link hover */


/*** FONT STYLES BEGIN ***/
/*#hkb .hkb-article__content h5 { margin-top: 1.5em; margin-bottom: 0; } /* H5 heading margin */
/*#hkb .hkb-article__content h6 { margin-top: 0.5rem; margin-bottom: 0; letter-spacing: 0; } /* H6 heading margin */


#hkb .elementor-widget:not(:last-child) { margin-bottom: 15px; }
/*#hkb .hkb-article__content h6:first-child { margin-bottom: 0 !important; }
/*#hkb .hkb-article__content h6 > div:first-child > div:first-child { margin-bottom: 10px !important; }*/


/*** COLUMN STYLES BEGIN ***/
/*#hkb .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 10px 10px 10px 0; } /* Articles column gap */
#hkb .elementor-widget-wrap .elementor-element-populated { padding: 10px 10px 10px 0; } /* Articles column gap */
/*#hkb .elementor-element-populated:last-child { padding: 10px 10px 10px 0; } /* Articles column gap */


/*** HIGHLIGHT TEXTS BEGIN ***/
/* Grey hightlight text */
.mht-kb-he {
    padding: 0.25rem 0.75rem;
    background-color: #f4f5f5;
    display: inline-flex;
    border-radius: 0.5rem;
    font-weight: 500;
}

.mht-hkb-highlight-grey {
    padding: 0.25rem 0.75rem;
    background-color: #f4f5f5;
    display: inline-flex;
    border-radius: 0.5rem;
    font-weight: 500;
}

/* Black hightlight text */
.mht-hkb-highlight-black {
    padding: 0.25rem 0.75rem;
    color: var(--e-global-color-050bdd0);
    background-color: var(--e-global-color-primary);
    display: inline-flex;
    border-radius: 0.5rem;
    font-weight: 500;
}

/* White highlight text with black border */
.mht-hkb-highlight-white {
    padding: 0.25rem 0.75rem;
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-050bdd0);
    display: inline-flex;
    border-radius: 0.5rem;
    font-weight: 500;
    -webkit-box-shadow:inset 0px 0px 0px 2px var(--e-global-color-primary);
	-moz-box-shadow:inset 0px 0px 0px 2px var(--e-global-color-primary);
	box-shadow:inset 0px 0px 0px 2px var(--e-global-color-primary);
}

/* Red highlight text */
.mht-hkb-highlight-red {
    padding: 0.25rem 0.75rem;
    color: var(--e-global-color-050bdd0);
    background-color: red;
    display: inline-flex;
    border-radius: 0.5rem;
    font-weight: 500;
}



/*********************************/
/******** PAGINATION BEGIN *******/
/*********************************/
#hkb .hkb-pagination__prev { font-weight: 500; font-size: 0.95em; padding: 0; background: transparent;}
#hkb .hkb-pagination .hkb-pagination__prev a::before {
    font-family: "FontAwesome";
    content: "\f060";
    margin: 0 10 0 0; font-size: 90%;
}
/*#hkb .hkb-pagination .hkb-pagination__prev a:hover::before { color: var(--e-global-color-accent); }*/


#hkb .hkb-pagination__next { font-weight: 500; font-size: 0.95em; padding: 0; background: transparent;}
#hkb .hkb-pagination .hkb-pagination__next a::after {
    font-family: "FontAwesome";
    content: "\f061";
    margin: 0 0 0 10px; font-size: 90%;
}
/*#hkb .hkb-pagination .hkb-pagination__next a:hover::after { color: var(--e-global-color-accent); }*/
/*********************************/
/********* PAGINATION END ********/
/*********************************/



/*********************************/
/********** LINKS BEGIN **********/
/*********************************/

a.mht-link-red-kb { color: var(--e-global-color-accent) !important; font-weight: 400; line-height: 1.4; } /* Knowledge Base custom version */
a.mht-link-red-kb:hover { text-decoration: underline !important; } /* Knowledge Base custom version hover */
a.mht-link-black-kb { color: var(--e-global-color-primary) !important; font-weight: 400; line-height: 1.4; } /* Knowledge Base custom version */
a.mht-link-black-kb:hover { text-decoration: underline !important; } /* Knowledge Base custom version hover */

/*** PARAGRAPH LINKS BEGIN ***/
a.mht-link-red-kb-p { color: var(--e-global-color-accent) !important; font-weight: 300; } /* Knowledge Base custom version for paragraphs */
a.mht-link-red-kb-p:hover { text-decoration: underline !important; } /* Knowledge Base custom versionfor paragraphs hover */
a.mht-link-black-kb-p { color: var(--e-global-color-primary) !important; font-weight: 300; } /* Knowledge Base custom version for paragraphs */
a.mht-link-black-kb-p:hover { text-decoration: underline !important; } /* Knowledge Base custom version for paragraphs hover */
/*** PARAGRAPH LINKS END ***/


/* Styling for red links begin */
/*a.mht-link-red-kb {
    color: var(--e-global-color-accent) !important;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: none; /* Remove default underline */
/*    position: relative; /* Add this property to position the background image relative to the link */
}

/* Pseudo-element for creating the underline with fade-in effect */
/*a.mht-link-red-kb::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(currentColor 0px, currentColor 100%);
    opacity: 0; /* Initially set opacity to 0 to hide the underline */
/*    transition: opacity 0.2s ease-in-out; /* Add a transition for the opacity to create the fade-in effect */
/*}*/

/* On hover, change the opacity to 1 to reveal the underline with fade-in effect */
/*a.mht-link-red-kb:hover::after {
    opacity: 1;
}
/* Styling for red links end */


/* Styling for black links begin */
/*a.mht-link-black-kb {
    color: var(--e-global-color-primary) !important;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: none; /* Remove default underline */
/*    position: relative; /* Add this property to position the background image relative to the link */
}

/* Pseudo-element for creating the underline with fade-in effect */
/*a.mht-link-black-kb::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(currentColor 0px, currentColor 100%);
    opacity: 0; /* Initially set opacity to 0 to hide the underline */
/*    transition: opacity 0.2s ease-in-out; /* Add a transition for the opacity to create the fade-in effect */
/*}*/

/* On hover, change the opacity to 1 to reveal the underline with fade-in effect */
/*a.mht-link-black-kb:hover::after {
    opacity: 1;
}*/
/* Styling for black links end */
/*********************************/
/*********** LINKS END ***********/
/*********************************/


/*** TIPS BEGIN ***/
#mht-hkb-tip-container { } /* Tip box container */

.mht-hkb-tip-info-wrapper { background: #dff6dd; border-radius: 1rem; margin: 1.5rem 0 2rem 0 !important; } /* Green tip box */
.mht-hkb-tip-idea-wrapper { background: #edfbfe; /*#fff3dd;*/ border-radius: 1rem; margin: 1.5rem 0 2rem 0 !important; } /* Blue tip box */
.mht-hkb-tip-formula-wrapper { background: #dde7f6; border-radius: 1rem; margin: 1.5rem 0 2rem 0 !important; } /* Violet tip box */
.mht-hkb-tip-example-wrapper { background: var(--hkb-widget-bg); border-radius: 1rem; margin: 1.5rem 0 2rem 0 !important; } /* Grey tip box */
.mht-hkb-tip-attention-wrapper { background: #f4e7c7; border-radius: 1rem; margin: 1.5rem 0 2rem 0 !important; } /* Tan or yellow tip box */
.mht-hkb-tip-caution-wrapper { background: #ffe5e5; border-radius: 1rem; margin: 1.5rem 0 2rem 0 !important; } /* Red tip box */
/*** TIPS END ***/


/*** NOTES BEGIN ***/
.mht-hkb-note { margin: 0.5rem 0; }
/*** NOTES END ***/


/*** TIPS AND NOTES ICON BEGIN ***/
.elementor-icon-box-icon { margin-top: 2rem; }
.mht-hkb-tip-icon { position: absolute; top: 2rem; left: 2rem; font-size: 1.5rem; } /* Tip icon */
.mht-hkb-note-icon { position: absolute; /*top: 2rem;*/ left: 0; font-size: 1.5rem; } /* Note icon */
/*** TIPS AND NOTES ICON END ***/


/*** TIPS AND NOTES TITLE BEGIN ***/
#hkb .elementor-icon-box-content .elementor-icon-box-title { font-size: 1.3rem !important; font-weight: 500 !important; } /* Tip box title */
#hkb .icon-box-content .icon-box-heading { font-size: 1.1rem !important; font-weight: 500 !important; line-height: 1.5rem !important; } /* Note title */
/*** TIPS AND NOTES TITLE END ***/


/*** SEARCH BEGIN ***/
#hkb .hkb-site-search .hkb-site-search__field { border: 2px solid #efefef; margin: 0; padding: 1.1em 2.75em 1.1em 2.75em; } /* Search bar */
#hkb .hkb-site-search .hkb-site-search__icon { left: 20px; } /* Lens icon */
/*#hkb-jquery-live-search { border: none; border: none; box-shadow: 0 10px 20px rgba(0,0,0,.1); } /* Search result */
/*#hkb input[type="text"] { min-width: max-content; } */
#hkb-jquery-live-search { display: none !important; } /* disable the ajax search result */
#hkb .hkb-site-search .hkb-site-search__field.live-search-loading { background-image: none; } /* Disable search spinner wheel */
#hkb .hkb-subheader .hkb-site-search .hkb-site-search__field { font-size: 1.025rem; } /* Side search */
/*** SEARCH END ***/


/*** BREADCRUMBD ***/
#hkb .hkb-breadcrumbs { font-size: 0.9em; font-weight: 300; } /* Breadcrumbs main style */
#hkb .hkb-breadcrumbs-wrap { font-size: 0.9em; font-weight: 300; } /* Breadcrumbs-wrap style */
#hkb .hkb-breadcrumbs li:not(:first-child)::before { content: "/"; font-weight: 300 !important; color: var(--e-global-color-primary); } /* Breadcrumbs main li style */
#hkb .hkb-breadcrumbs li:nth-last-child(2) { font-weight: bold; }
#hkb .hkb-breadcrumbs a:hover { color: var(--e-global-color-accent); text-decoration: none; } /* Breadcrumbs link hover */
.hkb-breadcrumbs { display: none; } /* Initially hide all breadcrumbs */
.hkb-breadcrumbs:nth-child(1) { display: initial; } /* Re-show first child breadcrumb */


/*** FEEDBACK WRAPPER ***/
#hkb .ht-voting-comment { text-align: left; }


/*** FEEDBACK ICONS ***/
#hkb .ht-voting .ht-voting-links .ht-voting-upvote .ht-voting-upvote-icon { background: #efefef; } /* Upvote */
#hkb .ht-voting .ht-voting-links .ht-voting-downvote .ht-voting-downvote-icon { background: #efefef; } /* Downvote */


/*** FEEDBACK TEXT AREA ***/
#hkb .ht-voting-comment .ht-voting-comment__textarea { border: 2px solid #dfe4e6; border-radius: 0.75rem; }
/*#hkb .ht-voting-comment__textarea::placeholder { color: #f00; }
#hkb .ht-voting-comment__textarea::-moz-placeholder { color: #f00; }
#hkb .ht-voting-comment__textarea::-webkit-input-placeholder { color: #f00; }*/


/*** FEEDBACK BUTTON ***/
#hkb .ht-voting-comment__submit {
    width: 10rem;
    height: 3rem;
    cursor: pointer;
	line-height: 1.5rem;
    align-items: center;
    background-color: transparent !important;
	border: 2px solid var(--e-global-color-primary);
	border-radius: 0.5rem !important;
    color: var(--e-global-color-primary) !important;
    font-size: 1rem;
	font-weight: 400;
	padding: 10px 15px;
}

#hkb .ht-voting-comment__submit:hover {
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-050bdd0) !important;
}
/*** FEEDBACK RESPONSE ***/
/*#hkb .ht-voting-comment { text-align: left; }*/


/*** SIDEBAR WIDGET BEGIN ***/
#hkb .hkb-subheader .hkb-site-search { width: 28%; min-width: max-content; margin: 0 auto; } /* Widget search width */
#hkb .widget a:hover { color: var(--e-global-color-accent); } /* Article link hover */
#hkb .hkb_widget_exit .hkb_widget_exit__content { font-weight: 400; }
#hkb .hkb_widget_articles ul { font-weight: 400; }
/*#hkb .hkb_widget_articles ul li, #hkb .hkb_widget_categories ul li, #hkb .hkb_widget_authors ul li { padding-left: 1.5rem; }*/
#hkb .hkb_widget_articles ul:not(.-unlist) > li, ol:not(.-unlist) > li { margin: 1.5rem 0; line-height: 1.25; } /* List items */


#hkb .hkb_widget_articles ul li { padding-left: 1.5rem; }
#hkb .hkb_widget_articles ul:not(.-unlist) > li { margin: 1.5rem 0 !important; }

/*#hkb .hkb_category_widget__category_list ul:not(.-unlist) > li { margin-top: 0; }*/
#hkb .hkb_widget_categories ul { line-height: 1; }
#hkb .hkb_widget_categories ul li { padding-top: 0.5rem !important; }
#hkb .hkb_widget_categories ul li .children li { margin-top: 0; margin-bottom: 0; }
#hkb .hkb_widget_categories ul:not(.-unlist) > li { margin: 0 !important; }
/*#hkb .hkb_widget_articles ul.children, #hkb .hkb_widget_categories ul.children, #hkb .hkb_widget_authors ul.children { margin: 0 0 1rem 0.5rem !important; */}
#hkb .hkb_widget_categories ul.children { margin: 0 0 1rem 0.5rem !important; }

#hkb .hkb_widget_articles ul.children, #hkb .hkb_widget_categories ul.children, #hkb .hkb_widget_authors ul.children { margin: 0 0 0 1rem !important; }
/*** SIDEBAR WIDGET END ***/


/* CONTACT BUTTON BEGIN */
#hkb .hkb_widget_exit .hkb_widget_exit__btn {
   	background-color: transparent;
    font-weight: 400;
	border: 2px solid var(--e-global-color-primary);
	color: var(--e-global-color-primary);
	border-radius: 0.5rem;
}

#hkb .hkb_widget_exit .hkb_widget_exit__btn:hover {
    background-color: var(--e-global-color-primary);
	color: var(--e-global-color-050bdd0);
	border-radius: 0.5rem;
}
/* CONTACT BUTTON END */


/* ICON BOX BEGIN */
#hkb .elementor-icon-box-content .elementor-icon-box-title { font-size: 1.125rem; margin-top: 2rem; margin-bottom: 0.25rem; }
/* ICON BOX END */


/* NOTES BEGIN */
#hkb .icon-box-content .icon-box-heading { margin-top: 0 !important; font-size: 1.125rem; }
/* NOTES END */


/* DOWNLOAD IMAGE BOX BEGIN */
.mht-download-img-box {
    border-radius: 0.75rem;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.5s !important;
}

.mht-download-img-box:hover {
    box-shadow: 0 20px 40px rgba(210, 39, 48, 0.15);
}
/* DOWNLOAD IMAGE BOX END */


.ht-kb-fe-embed-container {
    display: none !important;
}