/*
Theme Name:     TCN KB Child Theme
Theme URI: 		http://herothemes.com/
Description:    TCN KB child theme for KnowAll 
Author: 		HeroThemes
Author URI: 	http://herothemes.com
Template:       knowall
Version:        1.0.0
*/

/*-------------------------------------------------------------------------*/

/* STRUCTURE */

/*-------------------------------------------------------------------------*/

.ht-page__content a {
		text-decoration: underline;
}
b, strong {
	font-weight: 700;
}

/*-------------------------------------------------------------------------*/

/* GENERAL */

/*-------------------------------------------------------------------------*/

.ht-pageheader,
.widget {
	background: #F9FAFB;
}
.hkb-category:not(.hkb-category--witharticles) .hkb-category__link:hover {
	background: #F9FAFB;
}
.hg-glossary .hg-content .hg-content__letter {
	background-color: #F9FAFB;
}
.hkb_widget_exit .hkb_widget_exit__btn {
	border-radius: 4px;
}

/*-------------------------------------------------------------------------*/

/* FAQs */

/*-------------------------------------------------------------------------*/

.wp-block-hb-toggle .wp-block-hb-toggle__title {
	background: #F9FAFB;
	font-weight: 500;
	color: #4A4A4A;
	line-height: 1.4;
}
.wp-block-hb-toggle--active .wp-block-hb-toggle__title {
	background: #F2F4F7;
}

/*-------------------------------------------------------------------------*/

/* GLOSSARY */

/*-------------------------------------------------------------------------*/

.hg-glossary .hg-content dl dt {
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
}
.hg-glossary .hg-content dl dd {
	-ms-flex-preferred-size: 70%;
	flex-basis: 70%;
}

/*-------------------------------------------------------------------------*/

/* LIST */

/*-------------------------------------------------------------------------*/

.hkb-article__content ul,
.hkb-article__content .block-library-list ul {
	list-style-type: disc;
	margin: 22px 0 22px 0;
	padding: 0 0 0 40px;
}
.hkb-article__content ul li,
.hkb-article__content .block-library-list ul li {
	margin: 0 0 8px 0;
	word-break: break-word;
}
.hkb-article__content ul ul,
.hkb-article__content .block-library-list ul ul {
	list-style-type: circle;
	margin-top: 8px;
	margin-bottom: 0;
}

.hkb-article__content ol,
.hkb-article__content .block-library-list ol {
	list-style-type: decimal;
	margin: 22px 0 22px 0;
	padding: 0 0 0 40px;
}
.hkb-article__content ol li,
.hkb-article__content .block-library-list ol li {
	margin: 0 0 12px 0;
	word-break: break-word;
}
.hkb-article__content ol ol,
.hkb-article__content .block-library-list ol ol {
	list-style-type: lower-alpha;
	margin-top: 6px;
	margin-bottom: 0;
}

/*-------------------------------------------------------------------------*/

/* ARTICLE IMAGES */

/*-------------------------------------------------------------------------*/

.image-level-1 img {
	padding-left: 24px;
}
.image-level-2 img {
	margin-left: 56px;
}
.image-level-3 img {
	margin-left: 98px;
}
.image-level-4 img {
	margin-left: 128px;
}
/* .hkb-article__content figure figcaption {
	text-align: right;
	font-size: 13px;
} */
.hkb-article__content img {
	border: 10px solid #F8F8F8;
	border-radius: 4px;
}

/*-------------------------------------------------------------------------*/

/* FOOBOX STYLES */

/*-------------------------------------------------------------------------*/

.fbx-fullscreen-mode.fbx-light {
	background-color: #222;
}
.fbx-fullscreen-mode.fbx-rounded .fbx-close,
.fbx-fullscreen-mode.fbx-rounded .fbx-fullscreen-toggle,
.fbx-fullscreen-mode.fbx-metro .fbx-close,
.fbx-fullscreen-mode.fbx-metro .fbx-fullscreen-toggle {
	opacity: .2;
	border-radius: 5px;
}
.fbx-fullscreen-mode.fbx-rounded .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-slideshow .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-sticky-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-rounded.fbx-inset-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-rounded.fbx-inset-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-metro.fbx-inset-buttons .fbx-prev,
.fbx-fullscreen-mode.fbx-metro.fbx-inset-buttons .fbx-next,
.fbx-fullscreen-mode.fbx-metro .fbx-prev,
.fbx-fullscreen-mode.fbx-metro .fbx-next {
	top: 50%;
	margin-top: -40px;
	width: 28px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	border: none;
	opacity: .5;
}
.fbx-inner-shadow, .fbx-rounded .fbx-btn-shadow,
.fbx-fullscreen-mode .fbx-btn-shadow,
.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,
.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,
.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow,
.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev.fbx-btn-shadow:before,
.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next.fbx-btn-shadow:before {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.fbx-close-overlays {
	top: 10px;
	right: 0;
}
.fbx-close-overlays {
	border-bottom: none;
}
.fbx-light,
.fbx-light .fbx-caption,
.fbx-light .fbx-open-caption,
.fbx-light.fbx-phone .fbx-social {
	background-color: #303030;
	background-color: rgba(28, 28, 28, 0.5);
}
a.fbx-close-caption,
a.fbx-open-caption {
	color: #525252;
	text-decoration: none;
	text-decoration: none;
}
.fbx-caption-title {
	font-size: 18px;
	line-height: 180%;
	padding: 15px;
}
.fbx-caption-desc {
	font-size: 158px;
	line-height: 160%;
	padding: 15px 15px 20px 15px;
}

/*-------------------------------------------------------------------------*/

/* FOOTER */

/*-------------------------------------------------------------------------*/

.site-footer {
	background: #FFF;
	border-top: solid 1px #F2F4F7;
}
.site-footer .site-footer__copyright {
	font-size: 13px;
	color: #929292;
}
.site-footer .nav-footer a {
	color: #929292;
}
