.mkb-container {
padding: 0 2em;
margin: 0 auto;
max-width: 100%; }
.mkb-container * {
box-sizing: border-box; }
.mkb-root {
position: relative;
width: 100%;
box-sizing: border-box;
color: #333;
font-size: 15px;
font-weight: 300; }
.mkb-root * {
box-sizing: border-box; }
.mkb-root h1, .mkb-root h2, .mkb-root h3, .mkb-root h4, .mkb-root h5, .mkb-root h6 {
line-height: 1.8em;
padding: 0; }
.mkb-root .fa {
width: auto;
height: auto;
top: auto;
bottom: auto;
margin: auto; }
.mkb-clearfix:after,
.ks-clearfix:after {
content: '';
display: table;
clear: both; }
.mkb-hidden,
.ks-hidden {
display: none; }
.mkb-shortcode-container {
font-size: 15px;
color: #333;
font-weight: 300; }
.mkb-section-title {
text-align: center; }  .mkb-entry-header {
z-index: 0; }
.mkb-article-item--simple .mkb-entry-header {
padding: 1em;
margin-bottom: 1em;
background: #f7f7f7; }
.mkb-article-item--simple .mkb-entry-title {
font-size: 1em;
line-height: 1.5em;
font-weight: 500;
margin: 0; }
.mkb-article-item--simple .mkb-entry-title a {
color: #888; }
.mkb-article-item--simple .mkb-article-icon {
color: #888;
margin-right: 0.5em; }
.mkb-article-item--detailed .mkb-entry-header {
padding: 0;
margin: 0 0 2em 0; }
.mkb-article-item--detailed .mkb-entry-title-wrap {
margin-bottom: 0.3em; }
.mkb-article-item--detailed .mkb-entry-title {
font-size: 1.2em;
font-weight: normal;
line-height: 1.5em;
margin: 0;
display: inline;
vertical-align: middle; }
.mkb-article-item--detailed .mkb-article-icon {
color: #888;
margin-right: 0.3em; }
.mkb-article-item--detailed .mkb-article-item__meta {
margin: 0.2em 0;
text-align: left;
color: #aaa;
font-size: 0.9em; }
.mkb-article-item--detailed .mkb-article-item__meta-item {
display: inline-block;
margin-right: 0.8em; }
.mkb-article-item--detailed .mkb-article-item__meta-icon {
margin-right: 0.2em; }
.mkb-article-item--detailed .mkb-article-item__excerpt {
line-height: 1.3em; }
.mkb-article-item--detailed .mkb-article-item__excerpt p:last-of-type {
margin-bottom: 0; }
.mkb-article-item--detailed .mkb-article-item__topic {
display: inline-block;
vertical-align: middle;
margin-left: 0.5em;
font-size: .8em;
border-radius: 0.4em; }
.mkb-article-item--detailed .mkb-article-item__topic a {
color: inherit;
padding: .3em .7em; }
.mkb-article-item--detailed .mkb-article-item__tags {
float: right;
font-size: 0.9em;
color: #888; }
.mkb-article-item--detailed .mkb-article-item__footer {
margin: 2em 0; }
.mkb-search-match {
font-weight: 600;
color: #000; } section.mkb-search-options {
margin: 1em 0 2em;
text-align: left; }
.mkb-search-options ul {
margin: 0;
padding: 0;
list-style-type: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.mkb-search-options li {
display: inline-block;
vertical-align: top; }
.mkb-search-filter {
padding: 0.5em 1em;
display: block;
color: #aaa;
transition: all 0.1s ease-in;
border-bottom: 2px solid transparent; }
.mkb-search-filter.mkb-selected,
.mkb-search-filter:hover {
border-color: #007acc;
color: #000; } .page .mkb-page-header,
.mkb-archive .mkb-page-header,
.mkb-search .mkb-page-header {
font-size: 1.3em;
text-align: center;
margin-bottom: 3em; }
.mkb-shortcode-container .mkb-entry-header {
text-align: left;
font-size: 1em;
margin-bottom: 1em; }
.mkb-shortcode-container .mkb-entry-header a {
text-decoration: none;
box-shadow: none;
border: none;
outline: none; }
.mkb-taxonomy-description,
.mkb-page-description {
text-align: center;
color: #888;
font-size: 0.9em; }
.kb-topic__description {
margin: 1em auto;
padding: 0 1em; }
.mkb-content-main.mkb-content-main--has-sidebar {
display: inline-block;
vertical-align: top;
width: 66%; }
.mkb-sidebar-right .mkb-content-main {
float: left; }
.mkb-sidebar-left .mkb-content-main {
float: right; }
.mkb-sidebar {
width: 30%;
padding: 0 2em;
display: inline-block;
vertical-align: top; }
.mkb-sidebar-right .mkb-sidebar {
float: right; }
.mkb-sidebar-left .mkb-sidebar {
float: left; }
.mkb-root .mkb-sidebar.mkb-fixed-bottom {
top: auto;
bottom: 0; }
.mkb-topic__children + article {
margin-top: 2em; } .mkb-pagination {
margin: 2em 0; }
.mkb-pagination ul {
list-style-type: none;
padding: 0;
margin: 0; }
.mkb-pagination ul li {
display: inline-block;
padding: 0.5em 1em;
background: #f7f7f7;
margin: 0 0.5em 0 0; }
.kscf-answer-extra {
margin: 1.8em 0 0; }
.fn-kscf-rating-item {
display: inline-block;
padding: 0.5em 0.5em .5em 0; } .kscf-rating-btn {
display: inline-block;
vertical-align: middle;
padding: 0.5em 0.9em;
line-height: 1em;
border: 1px solid;
border-radius: 1.2em;
margin-right: 0.5em;
outline: none !important;
transition: all 50ms linear; }
.kscf-rating-shadow-none .kscf-rating-btn {
box-shadow: none !important; }
.kscf-rating-style-sq_trans .kscf-rating-btn,
.kscf-rating-style-sq .kscf-rating-btn {
border-radius: 0; }
.kscf-rating-style-circle .kscf-rating-btn {
padding: 0;
border-radius: 50%;
margin-right: 0;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 18px;
text-align: center; }
.kscf-rating-style-sq .kscf-rating-btn,
.kscf-rating-style-rnd .kscf-rating-btn,
.kscf-rating-style-circle .kscf-rating-btn {
border: 0; }
.kscf-voted .kscf-rating-btn {
opacity: 0.5;
cursor: default; }
.kscf-voted .kscf-rating-btn:hover, .kscf-voted .kscf-rating-btn:focus, .kscf-voted .kscf-rating-btn:active, .kscf-voted .kscf-rating-btn:visited {
opacity: 0.5;
cursor: default; } .kscf-rating-counter-out .kscf-rating-btn__count {
position: relative;
display: inline-block;
border: 1px solid #aaa;
color: #333;
padding: 0.1em 0.2em;
border-radius: 4px;
font-size: 12px;
line-height: 1.5em;
min-width: 2em;
text-align: center;
margin-left: 0.3em; }
.kscf-rating-counter-out .kscf-rating-btn__count .kscf-rating-btn__count-val {
position: relative;
z-index: 1; }
.kscf-rating-counter-out .kscf-rating-btn__count:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 1;
border-radius: 4px; }
.kscf-rating-counter-out .kscf-rating-btn__count:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: -4px;
width: 10px;
height: 10px;
background: #fff;
border: 1px solid #aaa;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 0; }
.kscf-rating-counter-out .kscf-rating-item--no-votes .kscf-rating-btn__count {
visibility: hidden; }
.kscf-rating-message,
.kscf-feedback-sent-message {
padding: 1em;
margin: 1em 0;
border: 2px solid;
text-align: center;
border-radius: 6px;
color: #fff;
font-size: 1em; }
.kscf-rating-total {
color: #bbb;
font-size: 0.9em;
display: block;
vertical-align: middle; } .kscf-single-content img {
max-width: 100%;
height: auto; } .kscf-feedback-form__title {
margin-bottom: 0.5em;
font-weight: 600; }
.kscf-feedback-form__message-input {
padding: 1em 1.3em;
font-size: inherit;
font-family: inherit;
border-radius: 6px;
width: 100%;
box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.08);
border: 1px solid #f0f0f0; }
.kscf-feedback-form__message-input:hover, .kscf-feedback-form__message-input:focus, .kscf-feedback-form__message-input:active {
border-color: #f0f0f0; }
.kscf-feedback-form__submit a {
color: #fff;
display: inline-block;
padding: 0.6em 1em;
margin: 1em 0;
border-radius: 6px;
opacity: 1;
box-shadow: none;
transition: opacity 0.1s ease-in; }
.kscf-feedback-form__submit a:hover, .kscf-feedback-form__submit a:visited, .kscf-feedback-form__submit a:active, .kscf-feedback-form__submit a:focus {
box-shadow: none; }
.kscf-feedback-form__submit a[disabled],
.kscf-feedback-form--no-content .kscf-feedback-form__submit a {
opacity: 0.5;
cursor: default; }
.kscf-feedback-form__info {
padding: 0.5em 0 0;
font-size: 1em;
font-style: italic; } .mkb-tip,
.mkb-info,
.mkb-warning,
.mkb-related-content {
position: relative;
margin: 2em auto;
padding: 1em;
border: 2px solid; }
.mkb-related-content {
margin: 2em 0;
max-width: 380px; }
.mkb-related-content a,
.mkb-related-content a:hover,
.mkb-related-content a:visited,
.mkb-related-content a:focus {
text-decoration: none;
box-shadow: none; }
.mkb-related-content-title {
font-weight: 600;
margin-bottom: 0.6em; }
.mkb-related-content-list {
margin: 0;
padding: 0 0 0 1.5em; }
.mkb-related-content-list li {
line-height: 1.5em;
margin-bottom: 0.3em; }
.mkb-tip__icon,
.mkb-info__icon,
.mkb-warning__icon {
position: absolute;
left: 0.2em;
top: 0;
bottom: 0;
width: 2em;
height: 1em;
text-align: center;
font-size: 2em;
line-height: 1em;
vertical-align: middle;
margin: auto; }
.mkb-tip__content,
.mkb-info__content,
.mkb-warning__content {
text-align: left;
position: relative;
display: block;
line-height: 1.5em;
top: 0;
margin-left: 4em; }
.mkb-code {
margin: 2em 0;
border: 2px solid;
border-color: #d1cdc4; }
.mkb-code-title {
background: #f1ede4;
color: #637c84;
padding: 0.1em 1em;
font-weight: 500;
font-size: 0.9em;
border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
code.mkb-code-src {
color: #637c84;
background: #f8f5ec;
display: block;
line-height: 1.1em;
padding: 1em; } .mkb-widget.widget {
padding: 1.2em 2em;
margin: 0 0 2em;
border: none; }
.mkb-widget.widget .mkb-widget-title {
margin: 0 0 0.8em; }
.mkb-widget.widget ul {
list-style-type: none;
margin: 0; }
.mkb-widget.widget ul li {
position: relative;
margin: 0;
border: none;
padding-top: 0;
padding-bottom: 0;
line-height: 1.7em; }
.mkb-widget.widget ul a {
display: inline-block;
vertical-align: top;
outline: none;
line-height: 1.5em; }
.mkb-widget.widget .mkb-widget-topics__list-icon,
.mkb-widget.widget .mkb-widget-articles__list-icon {
position: absolute;
left: 0.2em;
top: 0.2em;
height: 1em;
width: 1em;
text-align: center; }
.mkb-widget.widget.mkb_recent_articles_widget ul, .mkb-widget.widget.mkb_recent_topics_widget ul {
padding: 0; }
.mkb-widget.widget.mkb_recent_articles_widget ul li, .mkb-widget.widget.mkb_recent_topics_widget ul li {
padding-left: 1.7em; }
.mkb-widget.widget .mkb-empty-sidebar-message a {
color: #0073aa; }
.mkb_table_of_contents_widget:empty {
display: none; } .mkb-faq-item-hidden,
.mkb-faq-section-hidden {
display: none; }
.kscf-faq {
position: relative;
max-width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden; }
.kscf-faq.kscf-faq--w-shadow {
box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.12); }
.kscf-faq .wp-caption .wp-caption-text {
color: inherit; }
.kb-faq__filter-form {
position: relative;
padding: 0;
margin: 0;
background: transparent; }
.kscf-faq-category__count {
font-size: .6em;
line-height: .8em;
padding: .3em .5em;
display: inline-block;
vertical-align: middle;
border-radius: .3em;
margin-left: .5em; } .kscf-faq-filter {
width: 16em;
max-width: 100%;
position: relative;
float: left; }
.kscf-faq-filter .kscf-faq-filter__input {
background: transparent;
box-shadow: none;
border: none;
padding: 0.8em 1.3em;
height: 50px;
font-size: 1em;
-webkit-appearance: none; }
.kscf-faq-filter.kscf-faq-filter--round-theme .kscf-faq-filter__input {
height: 50px;
border-radius: 25px;
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12); }
.kscf-faq-filter.kscf-faq-filter--invisible-theme .kscf-faq-filter__input {
border-bottom: 2px solid #aaa; }
.kscf-faq-filter .kscf-faq-filter__clear {
text-decoration: none;
box-shadow: none;
outline: none;
border-color: transparent; }
.kscf-faq-filter .kscf-faq-filter__clear:hover, .kscf-faq-filter .kscf-faq-filter__clear:focus, .kscf-faq-filter .kscf-faq-filter__clear:active, .kscf-faq-filter .kscf-faq-filter__clear:visited {
outline: none;
border-color: transparent;
box-shadow: none;
text-decoration: none; }
.kscf-faq-filter .kscf-faq-filter__clear,
.kscf-faq-filter .kscf-faq-filter__icon {
color: #888;
text-decoration: none;
outline: none;
position: absolute;
top: 0;
right: 14px;
font-size: 22px;
bottom: 0;
margin: auto;
height: 22px;
line-height: 1em;
box-shadow: none; }
.kscf-faq-filter .kscf-faq-filter__icon {
display: none; }
.kscf-faq-filter--empty .kscf-faq-filter__clear {
display: none; }
.kscf-faq-filter--empty .kscf-faq-filter__icon {
display: block; }
.kscf-faq__no-results {
text-align: center;
padding: 1em;
font-size: 1.2em; } .kscf-faq-toggle-all {
float: right; }
.kscf-faq-toggle-all .kscf-faq-toggle-all__link {
text-decoration: none;
box-shadow: none;
outline: none;
border-color: transparent;
display: inline-block;
color: inherit;
outline: none;
height: 2.5em;
line-height: 2.5em;
font-size: 1.3em;
border-radius: 2.5em;
padding: 0 0.85em;
border: 1px solid transparent;
box-shadow: none;
text-decoration: none;
transition: all 0.15s ease-in; }
.kscf-faq-toggle-all .kscf-faq-toggle-all__link:hover, .kscf-faq-toggle-all .kscf-faq-toggle-all__link:focus, .kscf-faq-toggle-all .kscf-faq-toggle-all__link:active, .kscf-faq-toggle-all .kscf-faq-toggle-all__link:visited {
outline: none;
border-color: transparent;
box-shadow: none;
text-decoration: none; }
.kscf-faq-toggle-all .kscf-faq-toggle-all__link--open .kscf-faq-toggle-all__label-closed {
display: none; }
.kscf-faq-toggle-all .kscf-faq-toggle-all__link--open .kscf-faq-toggle-all__label-open {
display: inline; }
.kscf-faq-toggle-all .kscf-faq-toggle-all__icon {
margin-right: 0.3em;
text-decoration: none;
outline: none;
font-size: 22px;
height: 22px;
position: relative;
line-height: 1em; }
.kscf-faq-toggle-all .kscf-faq-toggle-all__label-open {
display: none; } .kscf-faq-category__title {
font-weight: 600;
margin-top: 0.3em;
margin-bottom: 0.3em;
font-size: 1.5em;
line-height: 1.3em; } .kscf-faq-questions .kscf-faq-questions-list {
list-style-type: none;
padding: 0;
margin: 0; }
.kscf-faq-questions .kscf-faq-questions-list .kscf-faq-question {
position: relative;
padding: 0; }
.kscf-faq-questions .kscf-faq-questions-list .kscf-faq-question.kscf-faq-question--open {
border-color: transparent; }
.kscf-faq-questions .kscf-faq-questions-list--with-shadow .kscf-faq-question__title {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.22); }
.kscf-faq-questions .kscf-faq-question__icon,
.kscf-faq-questions .kscf-faq-question__icon-open {
position: absolute;
left: 0.6em;
top: 0;
bottom: 0;
height: 1em;
margin: auto; }
.kscf-faq--height-high .kscf-faq-questions .kscf-faq-question__icon, .kscf-faq--height-high
.kscf-faq-questions .kscf-faq-question__icon-open {
left: 0.8em; }  .kscf-faq--q-icon-change {  }
.kscf-faq--q-icon-change .kscf-faq-question__icon {
display: inline-block; }
.kscf-faq--q-icon-change .kscf-faq-question--open .kscf-faq-question__icon {
display: none; }
.kscf-faq--q-icon-change .kscf-faq-question__icon-open {
display: none; }
.kscf-faq--q-icon-change .kscf-faq-question--open .kscf-faq-question__icon-open {
display: inline-block; } .kscf-faq--q-icon-rotate .kscf-faq-question__icon {
transition: -webkit-transform 0.15s ease-in;
transition: transform 0.15s ease-in;
transition: transform 0.15s ease-in, -webkit-transform 0.15s ease-in; }
.kscf-faq--q-icon-rotate .kscf-faq-question--open .kscf-faq-question__icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } .kscf-faq-question__title {
position: relative;
padding: 0.4em 0.6em;
display: block;
font-size: 1.5em;
line-height: 1em;
transition: all 0.15s ease-in; }
.kscf-faq--q-icon .kscf-faq-question__title {
padding-left: 2em; }
.kscf-faq--height-medium .kscf-faq-question__title {
padding-top: 0.6em;
padding-bottom: 0.6em; }
.kscf-faq--height-high .kscf-faq-question__title {
padding-top: 0.8em;
padding-bottom: 0.8em; }
.kscf-faq--rounded .kscf-faq-question__title {
border-radius: 0.9em; }
.kscf-faq--rounded.kscf-faq--height-medium .kscf-faq-question__title {
border-radius: 1.1em; }
.kscf-faq--rounded.kscf-faq--height-high .kscf-faq-question__title {
border-radius: 1.8em; }
.kscf-faq-question--open .kscf-faq-question__title {
border-color: transparent; } .kscf-faq-answer {
max-height: 0;
overflow: hidden; }
.kscf-faq--w-ans-shadow .kscf-faq-answer {
box-shadow: inset 0 0px 5px rgba(0, 0, 0, 0.12); }
.kscf-faq--rounded .kscf-faq-answer {
margin: 0 1.1em; }
.kscf-faq--rounded.kscf-faq--height-medium .kscf-faq-answer {
margin: 0 1.4em; }
.kscf-faq--rounded.kscf-faq--height-high .kscf-faq-answer {
margin: 0 1.6em; }
.kscf-faq-answer .kscf-faq-answer__content {
padding: 1em 1.3em 1em 1.3em; }
.kscf-faq-answer p:last-child {
margin-bottom: 0; } @media (max-width: 640px) {
.kscf-faq .kscf-faq-filter,
.kscf-faq .kscf-faq-toggle-all {
width: 100%;
float: none;
clear: both;
margin-bottom: 1em;
text-align: right; }
.kscf-faq .kscf-faq-questions .kscf-faq-questions__title {
font-size: 1.2em;
line-height: 1.2em;
padding-top: 0.5em;
padding-bottom: 0.5em; } } @media (max-width: 1024px) {
.mkb-root .mkb-content-main.mkb-content-main--has-sidebar {
display: block;
width: 100%;
float: none;
clear: both; }
.mkb-root .mkb-sidebar {
width: 100%;
max-width: 100% !important; padding: 0;
display: block;
float: none;
clear: both;
margin-top: 3em; }
ul.mkb-anchors-list__container li {
margin-bottom: 0.5em;
margin-top: 1.2em; } }
@media (max-width: 768px) {
.mkb-sidebar {
padding: 0; }
.mkb-sidebar .mkb-widget {
padding: 1em; }
.mkb-sidebar .mkb-widget ul li {
margin-bottom: 1.5em; }
.kb-search .kb-search__title {
font-size: 3em !important; }
.mkb-article-extra__rating-likes-block {
text-align: center; }
.mkb-article-extra__rating-title {
text-align: center; }
.mkb-article-extra__rating-total {
display: block;
text-align: center; }
.mkb-article-extra__tags {
text-align: center; }
.mkb-article-extra__stats {
text-align: center; }
.mkb-article-extra__like, .mkb-article-extra__dislike {
padding: 0.5em 1.5em;
border-radius: 1.6em;
margin: 0.5em 1em 0.5em 1em;
font-size: 1.2em; }
.mkb-anchors-list {
width: 100%;
max-width: none;
font-size: 1.2em; } }
@media (max-width: 480px) {
.mkb-columns-2 .kb-topic,
.mkb-columns-3 .kb-topic,
.mkb-columns-4 .kb-topic {
width: 100%; }
.mkb-widget-topics__list ul,
.mkb-widget-articles__list ul {
padding: 0; }
.kb-search .kb-search__title {
font-size: 2em !important; }
.mkb-container {
padding: 0 1em; }
.kb-search__results--with-topics .kb-search__result-title {
max-width: 100%; }
.kb-search__result-topic {
display: none; }
.kb-search__results {
left: 1em;
right: 1em; }
.kb-search__results ul li a {
padding: 1em 1em;
font-size: 1.1em; }
.kb-topic.kb-topic--box-view .kb-topic__inner {
border: none; }
.mkb-root h1, .mkb-root h2, .mkb-root h3, .mkb-root h4, .mkb-root h5, .mkb-root h6 {
line-height: 1.2em; }
.mkb-root h6 {
font-size: 1em; }
.mkb-root h5 {
font-size: 1.1em; }
.mkb-root h4 {
font-size: 1.2em; }
.mkb-root h3 {
font-size: 1.3em; }
.mkb-root h2 {
font-size: 1.4em; }
.mkb-root h1 {
font-size: 1.5em; } }