@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
.mkb-root {
position: relative;
width: 100%;
box-sizing: border-box;
color: #333;
font-size: 15px;
font-weight: 300;
font-family: 'Roboto', sans-serif; }
.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-container {
padding: 0 2em;
margin: 0 auto;
width: 1180px;
max-width: 100%; }
.mkb-clearfix:after {
content: '';
display: table;
clear: both; }
.mkb-shortcode-container {
font-size: 15px;
color: #333;
font-weight: 300; }
.mkb-section-title {
text-align: center; }  .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; } .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: 70%; }
.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-topic__children + article {
margin-top: 2em; } .mkb-plugin-link {
margin: 2em 0;
font-size: 0.78rem;
text-align: center;
font-style: italic;
color: #bbb; }
.mkb-plugin-link a {
color: #999;
text-decoration: underline; } .kb-header {
position: relative;
margin-bottom: 2em;
padding: 3em 2em;
text-align: center; }
.mkb-content-main--article .kb-header,
.mkb-content-main--topic .kb-header,
.mkb-content-main--search .kb-header {
padding: 0;
margin-bottom: 0; }
.mkb-content-main--search .kb-header {
margin-bottom: 2em; }
.kb-search__title {
font-size: 1.8em;
line-height: 1.2em;
font-weight: 700;
margin-bottom: 0.5em; }
.kb-search {
position: relative; }
.kb-search .kb-search__icon,
.kb-search .kb-search__clear-icon {
position: absolute;
color: #bbb;
font-size: 1.5em;
line-height: 1.5em;
height: 1.5em;
top: 0;
bottom: 0;
z-index: 2;
margin: auto;
font-weight: 300;
right: 1em; }
.kb-search .kb-search__clear-icon {
display: none; }
.kb-search .kb-search__icon {
display: block; }
.kb-search__input-wrap--has-content .kb-search__clear-icon {
display: block; }
.kb-search__input-wrap--has-content .kb-search__icon {
display: none; }
.kb-search__input-wrap {
display: inline-block;
position: relative;
margin: 1em auto 0.3em;
max-width: 100%;
background: #fff;
-webkit-transition: background 150ms ease-in-out;
transition: background 150ms ease-in-out; }
.kb-search__input-wrap.kb-search__input-wrap--request {
background: #fafafa; }
.kb-search__input {
min-width: 38em; }
.kb-search__input::-webkit-input-placeholder { color: #bbb; }
.kb-search__input::-moz-placeholder { color: #bbb; }
.kb-search__input:-ms-input-placeholder { color: #bbb; }
.kb-search__input:-moz-placeholder { color: #bbb; }
.kb-search__result-title {
display: inline-block;
vertical-align: middle;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.kb-search__results--with-topics .kb-search__result-title {
max-width: calc(100% - 8em); }
.kb-search__results-summary {
position: absolute;
z-index: 2;
right: 4em;
top: 50%;
margin-top: -0.8em;
display: none;
font-size: 0.9em;
color: #bbb; }
.kb-search__input-wrap.kb-search__input-wrap--no-results .kb-search__results-summary,
.kb-search__input-wrap.kb-search__input-wrap--has-results .kb-search__results-summary {
display: block; }
.kb-search__results {
display: none;
position: absolute;
top: 100%;
left: 2em;
right: 2em;
margin-top: -2px;
max-height: 28em;
overflow: auto;
text-align: left;
background: #fff;
z-index: 10;
box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2); }
.kb-search__input-wrap.kb-search__input-wrap--has-results .kb-search__results {
display: block; }
.kb-search__results ul {
list-style-type: none;
padding: 0;
margin: 0;
border-left: 1px solid rgba(0, 0, 0, 0.1); }
.kb-search__results ul li {
line-height: 1.7em;
margin: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.kb-search__results ul li a {
display: block;
position: relative;
color: #888;
padding: 0.5em 1em;
-webkit-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
outline: none;
box-shadow: none; }
.kb-search__results ul li a:hover, .kb-search__results ul li a:focus, .kb-search__results ul li a:active {
outline: none;
color: #333;
background: #f8f8f8; }
.kb-search__result-topic {
float: right;
color: #fff;
background: #4a90e2;
font-size: .8em;
line-height: .8em;
height: 1.6em;
padding: .5em .7em;
display: inline-block;
vertical-align: middle;
border-radius: .4em;
position: absolute;
right: 1.2em;
top: 0;
bottom: 0;
margin: auto;
margin-left: .5em; }
.kb-search__result-topic-label {
position: absolute;
right: 100%;
color: #aaa;
padding-right: 0.5em;
display: inline-block; }
.kb-search__tip {
font-size: 0.9em;
margin-top: 0.3em;
color: #aaa; } .kb-search__input-wrap {
max-width: 100%; }
.kb-search__input-wrap .kb-search__input {
font-size: 15px; font-weight: 400;
padding: 0 2em;
position: relative;
z-index: 1;
outline: none;
max-width: 100%;
width: 100%;
background: #fff; }
.kb-search__input-wrap .kb-search__input:disabled {
color: #aaa;
opacity: 1;
background: #f7f7f7; }
.kb-search__input-wrap.mkb-search-theme__minerva {
border-radius: 35px; }
.kb-search__input-wrap.mkb-search-theme__minerva.kb-search__input-wrap--icons-left .kb-search__input {
padding-left: 3.2em; }
.kb-search__input-wrap.mkb-search-theme__minerva .kb-search__input {
height: 70px;
border-radius: 35px;
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.12);
-webkit-transition: color 150ms ease-in-out;
transition: color 150ms ease-in-out; } .kb-topic {
display: inline-block;
vertical-align: top;
padding: 1em; }
.kb-topic a {
color: #888;
text-decoration: none;
box-shadow: none; }
.kb-topic .kb-topic__inner {
background: #fff;
padding: 1.5em 1.3em; }
.kb-topic .kb-topic__inner .kb-topic__title {
font-weight: 600;
margin-top: 0em;
margin-bottom: 1em;
font-size: 1.5em;
line-height: 1.3em; }
.kb-topic .kb-topic__box-header .kb-topic__title {
margin-bottom: 0; }
.kb-topic.kb-topic--box-view .kb-topic__inner {
border: 1px solid rgba(0, 0, 0, 0.12);
-webkit-transition: all 0.12s ease-in;
transition: all 0.12s ease-in; }
.kb-topic.kb-topic--box-view .kb-topic__inner:hover {
background: #f8f8f8;
border-color: #f8f8f8;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); }
.kb-topic .kb-topic__articles {
margin-top: 1em; }
.kb-topic .kb-topic__box-icon {
font-size: 2.5em;
margin-bottom: 0.5em; }
.kb-topic .kb-topic__icon-image {
max-width: 100%;
height: auto;
margin: 0 auto; }
.mkb-columns-2 .kb-topic {
width: 49%; }
.mkb-columns-3 .kb-topic {
width: 32.5%; }
.mkb-columns-4 .kb-topic {
width: 24%; }
.kb-topic .kb-topic__box-count {
color: #aaa;
font-size: 0.9em; }
.kb-topic .kb-topic__show-all {
margin-top: 0;
display: inline-block;
color: #bbb; }
.kb-topic .kb-topic__articles li {
position: relative;
margin: 0 0 0.3em;
line-height: 1.7em; }
.kb-topic .kb-topic__articles li a {
display: inline-block; }
.kb-topic .kb-topic__articles li .kb-topic__list-article-icon {
position: absolute;
left: 0;
top: 0;
height: 1em; }
.kb-topic .kb-topic__articles li .kb-topic__list-article-title {
line-height: 1.3em;
vertical-align: top;
display: inline-block; }
.kb-topic__articles.kb-topic__articles--with-icons li .kb-topic__list-article-title {
padding-left: 1.3em; }
.mkb-columns {
font-size: 0; }
.mkb-columns > * {
font-size: 15px; }
.kb-topic--box-view {
text-align: center; }
.kb-topic__count {
color: #fff;
background: #4a90e2;
font-size: .6em;
line-height: .8em;
padding: .3em .5em;
display: inline-block;
vertical-align: middle;
border-radius: .3em;
margin-left: .5em; }
.kb-topic__articles ul {
list-style-type: none;
padding: 0;
margin: 0; } .mkb-breadcrumbs {
position: relative;
font-size: 1em;
margin: 1.5em 0;
background-size: cover;
background-position: center center; }
.mkb-breadcrumbs__label {
position: relative;
margin-right: 0.2em;
display: inline-block;
vertical-align: top;
z-index: 1; }
.mkb-breadcrumbs__list {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: middle;
list-style-type: none;
padding: 0;
margin: 0; }
.mkb-breadcrumbs__list li {
display: inline-block;
vertical-align: top;
margin: 0;
line-height: 1.7em; }
.mkb-breadcrumbs-icon.fa {
display: inline-block;
vertical-align: baseline;
margin: 0 0.3em; } .mkb-article-header,
.mkb-article-extra {
margin: 1em 0;
color: #888;
font-size: 0.9em; }
.mkb-article-extra__tags,
.mkb-article-item__tags {
margin-bottom: 1em; }
.mkb-article-extra__tags i.fa,
.mkb-article-item__tags i.fa {
font-size: 1.5em;
line-height: 1.3em;
vertical-align: middle; }
.mkb-article-extra__tags a,
.mkb-article-extra__tags span.mkb-tag-nolink,
.mkb-article-item__tags a,
.mkb-article-item__tags span.mkb-tag-nolink {
display: inline-block;
padding: 0.1em 0.5em;
border: 1px solid;
border-radius: 3px;
margin-right: 0.3em;
color: inherit; }
.mkb-article-extra__tags a:first-of-type,
.mkb-article-extra__tags span.mkb-tag-nolink:first-of-type,
.mkb-article-item__tags a:first-of-type,
.mkb-article-item__tags span.mkb-tag-nolink:first-of-type {
margin-left: 0.3em; } .mkb-widget.widget {
padding: 1.2em 2em;
margin: 0 0 2em;
font-size: 1em;
background: #f7f7f7;
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; } @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; } }
@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__tags {
text-align: center; }
.mkb-article-extra__stats {
text-align: center; } }
@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; } }