/* KNOWLEDGE BASE */
.tws-kb_wrapper{
 display: flex;
 margin: 0 auto;
 padding: 0 4%;
 max-width: 1800px;
}

.tws-kb_menu{
 padding: 4em 20px 4em 0;
 width: 25%;
 flex-grow: 0;
 flex-shrink: 0;
border-right: 1px solid #e3e3e3;
min-width: 220px;
}


.tws-kb_menu h3{
 font-weight: 400;
 font-family: 'Lora', serif;
 text-transform: inherit;
 font-size: 1.5em;
}

.tws-kb_menu ul.tws-kb_menumain{
   padding: 0;
   margin: 0 0 30px 5px;
   list-style: none;
}

.tws-kb_menu ul{

}

.tws-kb_content{
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 4em 0 0 30px;
}

.tws-kb_content h1{
 font-weight: 400;
 font-family: 'Lora', serif;
 text-transform: inherit;
 font-size: 2em;
}

.tws-kb_currentitem{
 font-weight: bold;
}

.tws-kb_menusearchcontainer{
  margin: 20px 0;
  display: flex;
}

.tws-kb_menu input.tws-kb_search{
  flex-shrink: 1;
border-radius: 3px;
border: 1px solid #e3e3e3;
padding: 0 5px;
flex-grow: 1;
display: block;
width: 20px;
margin: 0 5px 0 0;
}

.tws-kb_menu input.tws-kb_searchbtn{
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 0;
  line-height: 0.5em;
  height: 30px;
  width: 80px;
  display: block;
  flex-grow: 0;
}

.tws-kb_menucat{
  cursor: pointer;
  position: relative;
}

.tws-kb_menucatname{
  width: 100%;
display: inline-block;
padding: 2px 0 2px 5px;
border-radius: 2px;
position: relative;
}
.tws-kb_menucatname:hover{
  background-color: white;
}

.tws-kb_menucatarrow{
  position: absolute;
right: 10px;
transition: transform 0.4s;
}

.tws-kb_menucat ul{
  display:none;
  list-style: none;
}

.tws-kb_menuitem a{
  width: 100%;
display: block;
}

.tws-kb_menuitemlocked{
    font-size: 10px;
    line-height: 1em;
}

.tws-kb_menumain .menu-item.current_page_item > a,
.tws-kb_menumain .menu-item.current_page_item > a .tws-kb_menudot{
  font-weight: bold;
  color: #000;
}
/*current-menu-item
*/
.tws-kb_menumain,
.tws-kb_menumain ul,
.tws-kb_menumain children{
  list-style: none;
}


.tws-kb_menudotparent{
  cursor: context-menu;
}

.tws-kb_menudot,
.tws-kb_menudot i,
.tws-kb_menuitemlocked {
    color: #c7c7c7;
}

@media only screen and (max-width: 800px) {

}

/* screensizes / responsive */

@media only screen and (max-width: 550px) {
   .tws-kb_wrapper{
    display: block;
   }

   .tws-kb_menu{
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
   border-right: none;
   border-bottom: 1px solid #e3e3e3;
   }
}

@media only screen and (max-width: 790px) {

}

@media only screen and (max-width: 1100px) {

}