.category-item{
  padding: 25px;
  /* Makertech/White */
  background: #FCFCFC;
  /* Fluffy / Elevation 2 */
  box-shadow: 0px 6.25px 20px rgba(0, 0, 0, 0.125);
  border-radius: 4px;
  margin: 0 0 15px 0;
  display: flex;
  justify-content: space-between;
}
.category-item > div{padding:15px;}

.category-item .sub-categories{flex:1;display: flex;flex-wrap: wrap;align-items: center;}

.category-item .sub-categories a{float:left;margin: 4px 6px;padding: 10px 20px;background: #ECECEC;border-radius: 20px;
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #0D1C32;
}
.category-item .sub-categories a:hover{background: #0D1C32;color: #FCFCFC;}
.category-item .category{display: flex;border-right: 1px solid #3D3D3D;width: 400px;}

.category-item .category-title{padding-left:50px;line-height: 140%;display: flex;flex-direction: column;justify-content: space-between;}

.category-item h2{
    font-weight: bold;
    font-size: 26px;
    line-height: 120%;
    /* or 31px */
    letter-spacing: 1px;
    padding: 6px 0;
    /* Makertech/Text */
    color: #0D1C32;
}
.category-item .category-title h2{
  padding: 0px 0 0px 0;
}
.category-item .category-title h3{
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 1px;
  color: #0D1C32;
}

.category-last-topic-preview{display: flex;align-items: center;}
.category-last-topic-preview .category-last-topic-author{padding: 10px 23px 0 0;}

.btn-navig{display: flex;padding: 40px 0 25px 0;align-items: center;justify-content: space-between;}

.subcategory-title.category-item > div{padding:0;}
.subcategory-title.category-item .category{flex: 0 0 100%;}
.subcategory-title.category-item{padding:0;}
.subcategory-title.category-item .category{border:none;}
.subcategory-title.category-item .category-title{justify-content: center;}

.category-item.topic-item a{display: flex;}
.category-item.topic-item .topic{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #0D1C32;
    flex: 1;
}
.category-item.topic-item .topic-coments, .category-item.topic-item .topic-date{
    flex: 0 0 100px;
    text-align:center;
    display:flex;
    align-items:center;
}
.category-item.topic-item .topic-coments svg{padding-right:10px;}



.topic-details{
    background: #fff;
    border-radius: 4px;
    margin:15px 0;
    padding:10px 20px 10px 30px;

    background: #FCFCFC;
    /* Fluffy / Elevation 1 */

    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);

}
.topic-comment{margin-left:60px;margin-right:40px;background: #F6F9FD;}
.topic-comment.is-reply{margin-left:140px;}
.topic-author{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.topic-details h1{
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-size: 42px;
    line-height: 120%;
    letter-spacing: 1px;
    color: #0D1C32;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 20px 0px;
}
.topic-text a{color:#0D1C32;font-weight:700;}
.topic-text a:hover{color:#000;font-weight:700;}

.comment-btn{
    display: flex;
    justify-content: flex-end;
    padding:0px 0 0px 0;
}
.comment-btn .btn{padding: 11px 40px;}

/* forums */
.categorytitle a{
	font-size:12px;
    font-weight: bold;
	color:#728c40;
	text-align:left;
    padding:2px 2px 2px 2px;
    margin:0px;
}
.categorytitle a:hover{
	color: #000000;
}
.forumtitle{
    font-size:12px;font-weight:normal;margin:8px; border: 0px solid; width:98%;
}
.forumtitle .atitle{
    font-size:14px;
}
.topictitlelis{
  font-size:12px;
}

.topiclist{
    padding:3px 0px;
    color: #000000;
    margin:0 auto;
    font-size:12px;
    width:545px;
    border: 0px solid;
}
.topiclist table{
    border-collapse:collapse;
    border:0px solid #ECF3DE;
}

.topiclist table thead th{
    padding:8px 4px;
    font-size:8.4pt;
    font-weight: bold;
    color:#808080;
    border-collapse:collapse;
    border:0px solid #E6E6E6;
}
.topiclist table tbody tr.row0{
    background:#F5F5F5;
    border-top:1px solid #FFFFFF;
    margin:1px 0px;
    padding:1px 0px;
}
.topiclist table tbody tr.row1{
    background:#FAFAFA;
    border-top:1px solid #FFFFFF;
    margin:1px 0px;
    padding:1px 0px;
}
.topiclist table tbody td{
    padding:8px 4px;
    font-size:8.7pt;
    color:#5A5A5A;
    border-collapse:collapse;
    border:0px solid #E6E6E6;
}
.topiclist table tbody td a{
    font-size:8.8pt;
    color:#5B892E;
}
.topiclist table tbody td a:hover{
    color:#000000;
    text-decoration: underline;
}
.topiclist table tbody td a.topic{
    font-size:8.8pt;
    /*font-weight:bold;*/
    color:#004800;
}
.topiclist table tbody td a.topic:hover{
    color:#000000;
    text-decoration: underline;
}
.topiclist table tbody td a.forumbottomlink{
    font-size:8pt;
    color:#808080;
}
.topiclist table tbody td a.forumbottomlink:hover{
    color:#808080;
    text-decoration: underline;
}

.topiclist div{
    padding: 3px 0px;
}
.topiclist div a{
    margin:0px 0px;
    padding: 0px 0px;
    font-size:12px;
    font-weight: normal;
    color: #5B5B5B;
    cursor: pointer;
}
.topiclist div a:hover{
    margin:0px 0px;
    padding: 3px 0px;
    font-size:12px;
    color: #000000;
    cursor: pointer;
}
.topiclist div.topiclistdate{
    float:right;
    color: #5B5B5B;
    font-size:12px;
    width:70px;
    text-align:right;
    margin-right:0px;
    border: 0px solid;
}

.notopiclist{
    padding:0px 0px 0px 0px;
    margin: 0 auto;
    font-size:12px;
    border: 0px solid #FF6633;
    text-align:center;
}
.notopiclist div a{
    font-size:14px;
}
.notopiclist div a:hover{
    font-size:14px;
}
.forumcommentform{
  border: 0px solid;
}
.topic_form_title{
    font-weight:bold;
    padding-bottom:12px;
    padding-left:10px;
    padding-right:10px;
}
.topic_author_text{
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
}

.topic_form_text{
    font-weight:bold;
    padding-left:10px;
    padding-right:10px;
}
.topicauthor{
    clear:both;
	font-size:14px;
	border-bottom:1px solid #728c40;
	color:#728c40;
	text-align:left;
    padding:2px 2px 2px 2px;
    margin:0px;
}
.topictitle{
    padding-top:4px;
    font-size:12px;
    font-weight:bold;
}

.topictext {
    clear: both;
    padding: 4px 0px 0px 12px;
}
.topictext a{
    font-weight:normal;
}


.replytitle{
    font-size:12px;
    font-weight:normal;
}
.replytext{
    padding-left:30px;
    float:left;
    border: 0px solid #00CC66;
    width: 540px;
}

.replybuttons{
    padding: 2px 3px 5px 3px;
}
.replyloading{
    z-index:3000;
    width:100%;
    min-height:180px;
    margin: 12px 0px 0px 0px;
    padding:10px 0px 0px 0px;
    /*background: #F7F7F7;
    filter: alpha(opacity=60);
    opacity: 0.5;*/
    background-image: url("/images/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat;
}

.newtitleinput{
    border: 1px solid;
    width:550px;
    padding:2px 3px 2px 3px;
    color: #808080;
}


.clearf{
  clear:both;
  font-size: 1px;
  height: 1px;
  padding:0px;
  margin:0px;
  border: 0px solid;
}


@media (max-width : 1200px) {
    .page-forum .content-wrap{
        padding-right:18px;
        padding-left:18px;
    }
}
@media (max-width : 780px) {

    .category-item:not(.topic-item){
        flex-direction: column;
    }
    .category-item{padding: 0;}
    .category-item .category{
        border:none;
        flex-direction: column;
        align-items: center;
        flex: 0 0 100%;
        margin: 0 auto;
        width:100%;
        box-sizing: border-box;

    }
    .category-item .category-title{
      padding: 0 ;
      text-align: center;
    }

    .category-item.topic-item{
        flex-wrap: wrap;
    }

    .category-item .sub-categories{
        justify-content: space-evenly;
    }
    .topic-details{
        padding: 5px;
    }
    .btn-navig{
        justify-content: center;
        gap:20px;
    }

    .page-forum  .custom-input-multi{gap:0;}

}