@charset "utf-8";
:root {
  --kcolor-link: #b94039;
  --kcolor-link-hover: #9aa0a6;
}
:root {
  --kcolor-white: #fff;
  --kgray-100: #F9FAFB;
  --kgray-200: #F3F4F6;
  --kgray-300: #E5E7EB;
  --kgray-400: #D1D5DB;
  --kgray-500: #9CA3AF;
  --kgray-600: #6B7280;
  --kgray-700: #4B5563;
  --kgray-800: #374151;
  --kgray-900: #1F2937;
  --kcolor-black: #000;
  --kgray-color: var(--kgray-200);
  --kcolor-gray-l1: var(--kgray-600);
  --kcolor-gray-l2: var(--kgray-500);
  --kcolor-blue: #2563EB;
  --kcolor-indigo: #4F46E5;
  --kcolor-purple: #6f42c1;
  --kcolor-pink: #EC4899;
  --kcolor-red: #EF4444;
  --kcolor-orange: #F59E0B;
  --kcolor-yellow: #ffc107;
  --kcolor-green: #059669;
  --kcolor-teal: #20c997;
  --kcolor-cyan: #0dcaf0;
  --kcolor-primary: #b94039;
  --kcolor-secondary: var(--kgray-900);
  --kcolor-success: var(--kcolor-green);
  --kcolor-info: var(--kcolor-cyan);
  --kcolor-danger: var(--kcolor-orange);
  --kcolor-warning: var(--kcolor-yellow);
  --kcolor-error: var(--kcolor-red);
  --kcolor-body-text: #e8eaed;
  --kcolor-text-lv1: #737782;
  --kcolor-text-lv2: #e8eaed;
  --kcolor-link: #E84118;
  --kcolor-link-hover: #9aa0a6;
  --kcolor-border: rgba(255,255,255,0.1);
  --kcolor-lighter-lv4: #565961;
  --kcolor-lighter-lv3: #43454C;
  --kcolor-lighter-lv2: #3A3B41;
  --kcolor-lighter-lv1: #303136;
  --kcolor-bg: #202124;
  --kcolor-darker-lv1: #1d1e20;
  --kcolor-darker-lv2: #131416;
  --kcolor-darker-lv3: #0A0A0B;
  --kpage-heading-font-size: 32px;
  --ksec-heading-font-size: 22px;
  --kcat-title-font-size: 18px;
  --kglobal-spacing: 8px;
  --kspacing-xs: calc(var(--kglobal-spacing) / 4);
  --kspacing-sm: calc(var(--kglobal-spacing) / 2);
  --kspacing-1: var(--kglobal-spacing);
  --kspacing-2: calc(var(--kglobal-spacing) * 1.5);
  --kspacing-3: calc(var(--kglobal-spacing) * 2);
  --kspacing-4: calc(var(--kglobal-spacing) * 3);
  --kspacing-5: calc(var(--kglobal-spacing) * 4);
  --kspacing-6: calc(var(--kglobal-spacing) * 6);
  --kborder-radius-sm: 5px;
  --kborder-radius: 7px;
  --kborder-radius-lg: 9px;
  --kborder-radius-xl: 13px;
  --kinput-bg-color: var(--kcolor-darker-lv1);
  --kinput-border-color: var(--kcolor-lighter-lv1);
  --kinput-border-hover-color: var(--kcolor-lighter-lv3);
  --kinput-border-radius: var(--kborder-radius);
  --kinput-color: var(--kgray-400);
  --kinput-padding-x: calc(var(--kglobal-spacing) * 2);
  --kinput-padding-y: var(--kglobal-spacing);
  --kfont-size-xl: 24px;
  --kfont-size-lg: 18px;
  --kfont-size-md: 16px;
  --kfont-size-sm: 14px;
  --kfont-size-xs: 12px;
  --kbtn-bg-color: var(--kcolor-darker-lv2);
  --kbtn-color: var(--kcolor-text-lv1);
  --kbtn-hover-bg-color: var(--kcolor-darker-lv2);
  --kbtn-hover-color: var(--kcolor-white);
  --kbtn-border-radius: var(--kborder-radius-sm);
  --kbtn-font-size: 12px;
  --kbtn-font-weight: 500;
  --kbtn-padding-x: var(--kspacing-2);
  --kbtn-padding-y: var(--kspacing-1);
  --kbtn-sm-padding-x: var(--kglobal-spacing);
  --kbtn-sm-padding-y: calc(var(--kglobal-spacing) / 2);
  --kbtn-sm-font-size: var(--kfont-size-xs);
  --kmeta-font-size: var(--kfont-size-sm);
  --kmeta-text-color: var(--kgray-600);
  --kmeta-link-color: var(--kgray-900);
  --kmeta-link-hover-color: var(--kcolor-white);
  --kbase-trans: all .4s cubic-bezier(.165,.84,.44,1);
  --kshadow-lv1: 0 0 0 1px rgba(0,0,0,0.01), 0 1px 2px rgba(0,0,0,0.1);
  --kshadow-lv2: 0 0 0 1px rgba(0,0,0,0.01), 0 2px 4px rgba(0,0,0,0.1);
  --kshadow-lv3: 0 0 0 1px rgba(0,0,0,0.01), 0 5px 15px rgba(0,0,0,0.1);
  --kshadow-lv4: 0 0 0 1px rgba(0,0,0,0.01), 0 10px 30px rgba(0,0,0,0.2);
  --kshadow-lv5: 0 0 0 1px rgba(0,0,0,0.01), 0 20px 60px rgba(0,0,0,0.2);
  --kshadow-lv6: 0 0 0 1px rgba(0,0,0,0.01), 0 30px 90px rgba(0,0,0,0.2);
  --kshadow-lv7: 0 0 0 1px rgba(0,0,0,0.01), 0 40px 120px rgba(0,0,0,0.2);
  --knav-inactive-color: var(--kgray-600);
  --knav-hover-bg-color: var(--kgray-200);
  --knav-hover-color: var(--kcolor-primary);
  --knav-active-bg-color: var(--kcolor-primary);
  --knav-active-color: var(--kcolor-primary);
  --ksec-header-bg: var(--kcolor-white);
  --ksec-header-border-color: var(--kcolor-border);
  --ksec-header-color: var(--kcolor-link);
  --ksec-header-link-color: var(--kcolor-link);
  --ksec-header-link-hover-color: var(--kcolor-link-hover);
  --kcat-bg: #202124;
  --kicon-bg-color: rgba(255,255,255,0.8);
  --kicon-border-color: rgba(0,0,0,0.1);
  --kicon-color: var(--kgray-500);
  --kicon-hover-bg-color: var(--kcolor-primary);
  --kicon-hover-color: var(--kcolor-white);
}
.kbutton {
  background-color: var(--kbtn-bg-color);
  border-radius: var(--kborder-radius);
  border: 0;
  display: inline-block;
  font-size: var(--kbtn-font-size);
  font-weight: var(--kbtn-font-weight);
  padding: var(--kbtn-padding-y) var(--kbtn-padding-x);
  color: var(--kbtn-color);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: var(--kbase-trans);
  width: auto;
}
.kbutton:hover,
.kbutton:focus,
.kbutton:active {
  background-color: var(--kbtn-hover-bg-color);
  box-shadow: 0 0 0 1px var(--kcolor-primary) inset;
  color: var(--kbtn-hover-color);
  cursor: pointer;
  text-decoration: none;
}
.kbutton i {
  font-size: 13px;
  margin-right: 4px;
  margin-top: -4px;
}
.kbutton-sm {
  padding: var(--kbtn-sm-padding-y) var(--kbtn-sm-padding-x);
  font-size: var(--kbtn-sm-font-size);
}
.kbutton-primary {
  background-color: var(--kcolor-primary);
  color: var(--kcolor-white);
}
.kbutton-success {
  background-color: var(--kcolor-success);
  color: var(--kcolor-white);
}
.kdanger {
  background-color: var(--kcolor-danger);
  color: var(--kcolor-white);
}
.ktext-xs {
  font-size: var(--kfont-size-xs);
}
.ktext-sm {
  font-size: var(--kfont-size-sm);
}
.ktext-color {
  color: var(--gray-800);
}
.ktext-primary {
  color: var(--kcolor-primary);
}
.ktext-success {
  color: var(--kcolor-success);
}
.ktext-gray {
  color: var(--kcolor-gray-l1);
}
.ktext-gray-l1 {
  color: var(--kcolor-gray-l1);
}
.ktext-gray-l2 {
  color: var(--kcolor-gray-l2);
}
.ktext-blue {
  color: var(--kcolor-blue);
}
.ktext-indigo {
  color: var(--kcolor-indigo);
}
.ktext-purple {
  color: var(--kcolor-purple);
}
.ktext-pink {
  color: var(--kcolor-pink);
}
.ktext-red {
  color: var(--kcolor-red);
}
.ktext-orange {
  color: var(--kcolor-orange);
}
.ktext-yellow {
  color: var(--kcolor-yellow);
}
.ktext-green {
  color: var(--kcolor-green);
}
.ktext-teal {
  color: var(--kcolor-teal);
}
.ktext-cyan {
  color: var(--kcolor-cyan);
}
@media (max-width: 576px) {
  .khide-phone {
    display: none;
  }
}
.kwho-admin {
  color: var(--kcolor-error);
}
.kwho-globalmoderator {
  color: var(--kcolor-success);
}
.kwho-moderator {
  color: var(--kcolor-warning);
}
.kwho-banned {
  color: var(--kcolor-secondary);
}
.kwho-user {
  color: var(--kgray-700);
}
.kwho-guest {
  color: var(--kcolor-700);
}
@keyframes icon-ani {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
#kunena.layout {
  @import "_custom.less";
}
#kunena.layout .editor-wrap #editor {
  border: 1px solid var(--kinput-border-color);
  border-radius: 5px;
  color: #fff;
  text-shadow: none;
  padding: var(--kspacing-3);
  width: 100%;
}
#kunena.layout .editor-wrap .markItUpHeader {
  background-color: var(--kcolor-darker-lv1);
}
#kunena.layout .editor-wrap #tabs_kunena_editor {
  border: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: var(--kspacing-2);
}
#kunena.layout .editor-wrap #tabs_kunena_editor li {
  padding: 0 var(--kspacing-xs);
}
#kunena.layout .editor-wrap #tabs_kunena_editor li a {
  background: #fff;
  border-radius: 5px;
  color: var(--kcolor-text-lv1);
  display: block;
  padding: var(--kspacing-1) var(--kspacing-2);
  line-height: 1;
}
#kunena.layout .editor-wrap #tabs_kunena_editor li a:hover,
#kunena.layout .editor-wrap #tabs_kunena_editor li a:focus,
#kunena.layout .editor-wrap #tabs_kunena_editor li a:active {
  text-decoration: none;
}
#kunena.layout .editor-wrap #tabs_kunena_editor li a.active {
  background-color: var(--kcolor-green);
  color: var(--kcolor-white);
}
#kunena.layout tr td.kpostbuttons select.selectbox {
  position: relative;
  bottom: 5px;
}
#kunena.layout .form-horizontal .controls {
  margin-left: 90px;
}
#kunena.layout .form-horizontal .control-label {
  width: auto;
}
#kunena.layout .ktxtarea {
  margin-left: -80px;
}
#kunena.layout #kbbcode-smilies-button {
  background-position: -108px -18px;
}
#kunena.layout .kbbcode-preview-bottom {
  border: 1px solid #dddddd;
  padding: 4px 12px;
  margin: 10px;
  border-radius: 4px;
  min-height: 150px;
}
#kunena.layout .markItUp .boldbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/bold.png);
}
#kunena.layout .markItUp .italicbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/italic.png);
}
#kunena.layout .markItUp .underlinebutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/underline.png);
}
#kunena.layout .markItUp .strokebutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/stroke.png);
}
#kunena.layout .markItUp .supscriptbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/supscript.png);
}
#kunena.layout .markItUp .subscriptbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/subscript.png);
}
#kunena.layout .markItUp .sizebutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/fonts.png);
}
#kunena.layout .markItUp .colors a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/colors.png);
}
#kunena.layout .markItUp .bulletedlistbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/list-bullet.png);
}
#kunena.layout .markItUp .numericlistbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/list-numeric.png);
}
#kunena.layout .markItUp .listitembutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/list-item.png);
}
#kunena.layout .markItUp .alignleftbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/text_align_left.png);
}
#kunena.layout .markItUp .centerbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/text_align_center.png);
}
#kunena.layout .markItUp .alignrightbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/text_align_right.png);
}
#kunena.layout .markItUp .quotebutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/quotes.png);
}
#kunena.layout .markItUp .codemodalboxbutton a,
#kunena.layout .markItUp .codesimplebutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/code.png);
}
#kunena.layout .markItUp .tablebutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/table.png);
}
#kunena.layout .markItUp .spoilerbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/spoiler.png);
}
#kunena.layout .markItUp .hiddentextbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/hidden.png);
}
#kunena.layout .markItUp .picturebutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/picture.png);
}
#kunena.layout .markItUp .linkbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/link.png);
}
#kunena.layout .markItUp .ebaybutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/ebay.png);
}
#kunena.layout .markItUp .videodropdownbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/film.png);
}
#kunena.layout .markItUp .mapbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/map.png);
}
#kunena.layout .markItUp .pollbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/poll.png);
}
#kunena.layout .markItUp .tweetbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/tweet.png);
}
#kunena.layout .markItUp .soundcloudbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/soundcloud.png);
  margin-left: -3px;
  margin-top: 3px;
}
#kunena.layout .markItUp .instagrambutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/instagram.png);
}
#kunena.layout .markItUp .hrbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/hr.png);
}
#kunena.layout .markItUp .emoticonsbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/emoticon.png);
}
#kunena.layout .markItUp .confidentialbutton a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/confidential.png);
}
#kunena.layout .markItUp .clean a {
  background-image: url(/components/com_kunena/template/kunity/assets/images/clean.png);
}
#kunena.layout .markItUp .colors ul {
  width: auto;
  padding: 1px;
}
#kunena.layout .markItUp .colors li {
  border: 1px solid white;
  width: 25px;
  height: 25px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  float: left;
}
#kunena.layout .markItUp .colors ul a {
  width: 25px;
  height: 25px;
}
#kunena.layout .markItUp .colors .col1-1 a {
  background: black;
}
#kunena.layout .markItUp .colors .col1-2 a {
  background: orange;
}
#kunena.layout .markItUp .colors .col1-3 a {
  background: red;
}
#kunena.layout .markItUp .colors .col2-1 a {
  background: blue;
}
#kunena.layout .markItUp .colors .col2-2 a {
  background: purple;
}
#kunena.layout .markItUp .colors .col2-3 a {
  background: green;
}
#kunena.layout .markItUp .colors .col3-1 a {
  background: white;
}
#kunena.layout .markItUp .colors .col3-2 a {
  background: gray;
}
#kunena.layout .markItUp .colors .col3-3 a {
  background: black;
}
#kunena.layout .markItUp {
  width: 100%;
}
#kunena.layout .markItUpContainer {
  width: 100%;
}
#kunena.layout .markItUpEditor {
  padding: 5px;
  margin: 0;
  clear: both;
  display: block;
  line-height: 18px;
  overflow: auto;
  border: 1px solid #e5e5e5;
}
#kunena.layout .markItUpEditor a {
  box-sizing: content-box;
}
#kunena.layout .markItUpPreviewFrame {
  overflow: auto;
  background-color: #FFFFFF;
  width: 99.9%;
  height: 350px;
  margin: 5px 0;
}
#kunena.layout .markItUpHeader {
  width: 100%;
  margin: 0;
  padding-bottom: 10px;
  padding-left: 10px;
  height: 25px;
}
#kunena.layout .markItUpFooter {
  width: 100%;
  height: 25px;
  padding-bottom: 10px;
}
#kunena.layout .markItUpHeader ul li {
  list-style: none;
  float: left;
  position: relative;
  box-sizing: content-box;
}
#kunena.layout .markItUpHeader ul li:hover > ul {
  display: block;
}
#kunena.layout .markItUpHeader ul .markItUpDropMenu li {
  margin-right: 0;
}
#kunena.layout .markItUpHeader ul ul {
  display: none;
  position: absolute;
  top: 18px;
  left: 0;
  margin-top: 10px;
  background: #FFF;
  border: 1px solid #e5e5e5;
}
#kunena.layout .markItUpHeader ul ul li {
  float: none;
  border-bottom: 1px solid #e5e5e5;
}
#kunena.layout .markItUpHeader ul .markItUpSeparator {
  width: 1px;
  color: #ccc;
  height: 24px;
  margin-right: 5px;
  overflow: hidden;
  border-left: 1px solid #ccc;
  text-indent: -10000px;
}
#kunena.layout .markItUpHeader ul ul .markItUpSeparator {
  width: auto;
  height: 1px;
  margin: 0;
}
#kunena.layout .markItUpHeader ul ul ul {
  position: absolute;
  top: -1px;
  left: 150px;
}
#kunena.layout .markItUpHeader ul ul ul li {
  float: none;
}
#kunena.layout .markItUpHeader ul a {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -10000px;
  background-repeat: no-repeat;
  padding: 4px;
  margin: 0;
  box-sizing: content-box;
}
#kunena.layout .markItUpHeader ul ul a {
  display: block;
  text-indent: 0;
  width: 150px;
  padding: 5px 5px 5px 25px;
  background-position: 2px 50%;
}
#kunena.layout .markItUpHeader ul ul a:hover {
  color: #FFF;
  background-color: #3875D7;
}
#kunena.layout .markItUpHeader ul {
  margin: 0;
  padding: 0;
}
#kunena.layout .markItUpButton {
  display: inline-block;
  margin-bottom: 0;
  padding-top: 4px;
  font-size: 14px;
  line-height: 12px;
  *margin-left: .3em;
}
#kunena.layout li.markItUpButton ul {
  z-index: 1;
}
#kunena.layout .dropzone .message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#kunena.layout .dropzone {
  border: 1px solid rgba(0,0,0,0.03);
  min-height: 120px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0,0,0,0.03);
  padding: 23px;
}
#kunena.layout .dropzone .default.message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background: no-repeat 0 0;
}
#kunena.layout #klabel_info_drop_browse {
  display: flex;
  align-items: center;
  justify-content: center;
}
#kunena.layout #files {
  padding-bottom: 10px;
}
#kunena.layout #files button.btn {
  margin-right: 5px;
}
#kunena.layout #files p {
  margin: 15px 0 0 0;
}
#kunena.layout #kbbcode-preview {
  height: auto !important;
  margin-bottom: 35px;
}
#kunena.layout .wysibb-text-editor {
  min-height: 300px !important;
}
#kunena.layout #iconset_inject .inline:hover {
  cursor: pointer;
}
#kunena.layout .kpoll-time-to-live-input {
  margin-left: -30px !important;
}
#kunena.layout .krow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#kunena.layout .kcol-1,
#kunena.layout .kcol-2,
#kunena.layout .kcol-3,
#kunena.layout .kcol-4,
#kunena.layout .kcol-5,
#kunena.layout .kcol-6,
#kunena.layout .kcol-7,
#kunena.layout .kcol-8,
#kunena.layout .kcol-9,
#kunena.layout .kcol-10,
#kunena.layout .kcol-11,
#kunena.layout .kcol-12,
#kunena.layout .col,
#kunena.layout .kcol-sm-1,
#kunena.layout .kcol-sm-2,
#kunena.layout .kcol-sm-3,
#kunena.layout .kcol-sm-4,
#kunena.layout .kcol-sm-5,
#kunena.layout .kcol-sm-6,
#kunena.layout .kcol-sm-7,
#kunena.layout .kcol-sm-8,
#kunena.layout .kcol-sm-9,
#kunena.layout .kcol-sm-10,
#kunena.layout .kcol-sm-11,
#kunena.layout .kcol-sm-12,
#kunena.layout .kcol-sm,
#kunena.layout .kcol-md-1,
#kunena.layout .kcol-md-2,
#kunena.layout .kcol-md-3,
#kunena.layout .kcol-md-4,
#kunena.layout .kcol-md-5,
#kunena.layout .kcol-md-6,
#kunena.layout .kcol-md-7,
#kunena.layout .kcol-md-8,
#kunena.layout .kcol-md-9,
#kunena.layout .kcol-md-10,
#kunena.layout .kcol-md-11,
#kunena.layout .kcol-md-12,
#kunena.layout .kcol-md,
#kunena.layout .kcol-lg-1,
#kunena.layout .kcol-lg-2,
#kunena.layout .kcol-lg-3,
#kunena.layout .kcol-lg-4,
#kunena.layout .kcol-lg-5,
#kunena.layout .kcol-lg-6,
#kunena.layout .kcol-lg-7,
#kunena.layout .kcol-lg-8,
#kunena.layout .kcol-lg-9,
#kunena.layout .kcol-lg-10,
#kunena.layout .kcol-lg-11,
#kunena.layout .kcol-lg-12,
#kunena.layout .kcol-lg,
#kunena.layout .kcol-xl-1,
#kunena.layout .kcol-xl-2,
#kunena.layout .kcol-xl-3,
#kunena.layout .kcol-xl-4,
#kunena.layout .kcol-xl-5,
#kunena.layout .kcol-xl-6,
#kunena.layout .kcol-xl-7,
#kunena.layout .kcol-xl-8,
#kunena.layout .kcol-xl-9,
#kunena.layout .kcol-xl-10,
#kunena.layout .kcol-xl-11,
#kunena.layout .kcol-xl-12,
#kunena.layout .kcol-xl {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}
#kunena.layout .kcol-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
#kunena.layout .kcol-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
#kunena.layout .kcol-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
#kunena.layout .kcol-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
#kunena.layout .kcol-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
#kunena.layout .kcol-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
#kunena.layout .kcol-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
#kunena.layout .kcol-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
#kunena.layout .kcol-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
#kunena.layout .kcol-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
#kunena.layout .kcol-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
#kunena.layout .kcol-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 576px) {
  #kunena.layout .kcol-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  #kunena.layout .kcol-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  #kunena.layout .kcol-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #kunena.layout .kcol-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  #kunena.layout .kcol-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  #kunena.layout .kcol-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #kunena.layout .kcol-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  #kunena.layout .kcol-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  #kunena.layout .kcol-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  #kunena.layout .kcol-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  #kunena.layout .kcol-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  #kunena.layout .kcol-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  #kunena.layout .kcol-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  #kunena.layout .kcol-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  #kunena.layout .kcol-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #kunena.layout .kcol-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  #kunena.layout .kcol-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  #kunena.layout .kcol-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #kunena.layout .kcol-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  #kunena.layout .kcol-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  #kunena.layout .kcol-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  #kunena.layout .kcol-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  #kunena.layout .kcol-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  #kunena.layout .kcol-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  #kunena.layout .kcol-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  #kunena.layout .kcol-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  #kunena.layout .kcol-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #kunena.layout .kcol-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  #kunena.layout .kcol-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  #kunena.layout .kcol-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #kunena.layout .kcol-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  #kunena.layout .kcol-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  #kunena.layout .kcol-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  #kunena.layout .kcol-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  #kunena.layout .kcol-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  #kunena.layout .kcol-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  #kunena.layout .kcol-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  #kunena.layout .kcol-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  #kunena.layout .kcol-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  #kunena.layout .kcol-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  #kunena.layout .kcol-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  #kunena.layout .kcol-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #kunena.layout .kcol-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  #kunena.layout .kcol-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  #kunena.layout .kcol-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  #kunena.layout .kcol-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  #kunena.layout .kcol-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  #kunena.layout .kcol-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#kunena.layout * {
  box-sizing: border-box;
}
@media (max-width: 576px) {
  #kunena.layout .khide-phone {
    display: none;
  }
}
@media (min-width: 768px) {
  #kunena.layout .khide-desktop {
    display: none;
  }
}
#kunena.layout {
  border-radius: var(--kborder-radius);
  padding: var(--kspacing-4);
  position: relative;
}
#kunena.layout::before {
  background-image: linear-gradient(to bottom,rgba(32,33,36,0.7),#202124);
  border-radius: var(--kborder-radius) var(--kborder-radius) 0 0;
  content: "";
  display: block;
  height: 150px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
}
#kunena.layout::after {
  background-color: #202124;
  border-radius: 0 0 var(--kborder-radius) var(--kborder-radius);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 150px;
  right: 0;
  bottom: 0;
  z-index: -1;
}
#kunena.layout .kpage-heading {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(var(--kglobal-spacing) * 3);
  justify-content: flex-start;
}
#kunena.layout .kpage-heading #filter-time {
  margin-left: auto;
}
#kunena.layout .kpage-heading .kpage-title {
  margin: 0;
  font-size: 20px;
}
#kunena.layout .kpage-heading .btn {
  background-color: var(--kbtn-bg-color);
  border-radius: var(--kborder-radius);
  border: 0;
  display: inline-block;
  font-size: var(--kbtn-font-size);
  font-weight: var(--kbtn-font-weight);
  padding: var(--kbtn-padding-y) var(--kbtn-padding-x);
  color: var(--kbtn-color);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: var(--kbase-trans);
  width: auto;
  margin-left: auto;
}
#kunena.layout .kpage-heading .btn:hover,
#kunena.layout .kpage-heading .btn:focus,
#kunena.layout .kpage-heading .btn:active {
  background-color: var(--kbtn-hover-bg-color);
  box-shadow: 0 0 0 1px var(--kcolor-primary) inset;
  color: var(--kbtn-hover-color);
  cursor: pointer;
  text-decoration: none;
}
#kunena.layout .kpage-heading .btn i {
  font-size: 13px;
  margin-right: 4px;
  margin-top: -4px;
}
#kunena.layout .kwho,
#kunena.layout .statistics {
  margin-top: calc(var(--kglobal-spacing) * 3);
}
#kunena.layout .kwho .kblock-header,
#kunena.layout .statistics .kblock-header {
  background-color: var(--kgray-200);
  border-radius: var(--kborder-radius);
  margin-bottom: calc(var(--kglobal-spacing) * 2);
  padding: calc(var(--kglobal-spacing) * 1.5) calc(var(--kglobal-spacing) * 2);
}
#kunena.layout .kwho .kblock-header h2,
#kunena.layout .statistics .kblock-header h2 {
  font-size: 18px;
  margin: 0;
}
#kunena.layout .kwho .kblock-header h2 a,
#kunena.layout .statistics .kblock-header h2 a {
  color: var(--kgray-700);
}
#kunena.layout .kwho .kblock-header h2 a:hover,
#kunena.layout .kwho .kblock-header h2 a:focus,
#kunena.layout .kwho .kblock-header h2 a:active,
#kunena.layout .statistics .kblock-header h2 a:hover,
#kunena.layout .statistics .kblock-header h2 a:focus,
#kunena.layout .statistics .kblock-header h2 a:active {
  color: var(--kcolor-link-hover);
  text-decoration: none;
}
#kunena.layout .kwho .kblock-body,
#kunena.layout .statistics .kblock-body {
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--kspacing-3);
}
#kunena.layout .kwho .kblock-body ul,
#kunena.layout .statistics .kblock-body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#kunena.layout .kwho .kblock-body ul li,
#kunena.layout .statistics .kblock-body ul li {
  padding: calc(var(--kglobal-spacing) / 2) 0;
}
#kunena.layout .ktable {
  border: 1px solid var(--kcolor-border);
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
#kunena.layout .ktable th {
  font-size: 400;
}
#kunena.layout .ktable th,
#kunena.layout .ktable td {
  border: 1px solid var(--kcolor-border);
  padding: var(--kglobal-spacing) calc(var(--kglobal-spacing) * 2);
}
#kunena.layout .kaction-wrap {
  text-align: center;
}
#kunena.layout .kaction-wrap .kbutton {
  margin: 0 var(--kspacing-sm);
}
#kunena.layout .fieldset-style {
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius-sm);
  padding: var(--kspacing-4);
  margin-bottom: var(--kspacing-5);
  position: relative;
}
#kunena.layout .fieldset-style .legend-style {
  background-color: var(--kcolor-white);
  color: var(--kcolor-gray-l1);
  font-size: var(--kfont-size-sm);
  font-weight: 400;
  margin: 0;
  position: absolute;
  top: -8px;
  left: 20px;
  padding: 0 4px;
}
#kunena.layout .ktab-title {
  font-size: var(--kfont-size-xl);
  margin-bottom: var(--kspacing-4);
}
#kunena.layout .kuser-social {
  margin-bottom: var(--kspacing-4);
}
#kunena.layout .kicon-profile {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/default.png) no-repeat;
  background-size: cover;
  box-shadow: var(--kshadow-lv2);
  border: 2px solid var(--kcolor-darker-lv2);
  border-radius: 50%;
  display: inline-block;
  height: 32px;
  vertical-align: text-top;
  width: 32px;
}
#kunena.layout .kicon-profile-myspace {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/myspace.png);
}
#kunena.layout .kicon-profile-digg {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/digg.png);
}
#kunena.layout .kicon-profile-twitter {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/twitter.png);
}
#kunena.layout .kicon-profile-microsoft {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/microsoft.png);
}
#kunena.layout .kicon-profile-friendfeed {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/friendfeed.png);
}
#kunena.layout .kicon-profile-google {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/google-plus.png);
}
#kunena.layout .kicon-profile-facebook {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/facebook.png);
}
#kunena.layout .kicon-profile-pinterest {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/pinterest.png);
}
#kunena.layout .kicon-profile-reddit {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/reddit.png);
}
#kunena.layout .kicon-profile-icq {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/icq.png);
}
#kunena.layout .kicon-profile-flickr {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/flickr.png);
}
#kunena.layout .kicon-profile-skype {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/skype.png);
}
#kunena.layout .kicon-profile-linkedin {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/linkedin.png);
}
#kunena.layout .kicon-profile-linkedin_company {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/linkedin.png);
}
#kunena.layout .kicon-profile-blogspot {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/blogger.png);
}
#kunena.layout .kicon-profile-apple {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/apple.png);
}
#kunena.layout .kicon-profile-qqsocial {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/qq.png);
}
#kunena.layout .kicon-profile-qzone {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/qzone.png);
}
#kunena.layout .kicon-profile-instagram {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/instagram.png);
}
#kunena.layout .kicon-profile-weibo {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/weibo.png);
}
#kunena.layout .kicon-profile-wechat {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/wechat.png);
}
#kunena.layout .kicon-profile-vk {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/vk.png);
}
#kunena.layout .kicon-profile-telegram {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/telegram.png);
}
#kunena.layout .kicon-profile-bebo {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/bebo.png);
}
#kunena.layout .kicon-profile-yim {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/yim.png);
}
#kunena.layout .kicon-profile-whatsapp {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/whatsapp.png);
}
#kunena.layout .kicon-profile-youtube {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/youtube.png);
}
#kunena.layout .kicon-profile-ok {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/ok.png);
}
#kunena.layout .kicon-profile-github {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/github.png);
}
#kunena.layout .kicon-profile-vimeo {
  background-image: url(/components/com_kunena/template/kunity/../kdark/assets/images/social/vimeo.png);
}
#kunena.layout span.kicon-profile-website,
#kunena.layout span.kicon-profile-pm {
  vertical-align: top;
  margin-top: 3px;
}
#kunena.layout .kavatar {
  width: 100%;
  height: auto;
}
#kunena.layout .kann-edit .control-group {
  margin-bottom: var(--kspacing-4);
}
#kunena.layout .kann-edit label {
  font-weight: 500;
}
#kunena.layout .modal-content .modal-header .modal-title {
  font-size: var(--kfont-size-lg);
}
#kunena.layout footer {
  margin-bottom: var(--kspacing-1);
}
#kunena.layout input[type="text"],
#kunena.layout input[type="password"],
#kunena.layout input[type="url"],
#kunena.layout input[type="website"],
#kunena.layout input[type="search"] {
  background-color: var(--kinput-bg-color);
  box-shadow: none;
  border-radius: var(--kinput-border-radius);
  border: 1px solid var(--kinput-border-color);
  color: var(--kinput-color);
  height: 40px;
  line-height: 40px;
  padding: var(--kinput-padding-y) var(--kinput-padding-x);
  outline: none;
  transition: var(--kbase-trans);
}
#kunena.layout input[type="text"]:hover,
#kunena.layout input[type="text"]:focus,
#kunena.layout input[type="text"]:active,
#kunena.layout input[type="password"]:hover,
#kunena.layout input[type="password"]:focus,
#kunena.layout input[type="password"]:active,
#kunena.layout input[type="url"]:hover,
#kunena.layout input[type="url"]:focus,
#kunena.layout input[type="url"]:active,
#kunena.layout input[type="website"]:hover,
#kunena.layout input[type="website"]:focus,
#kunena.layout input[type="website"]:active,
#kunena.layout input[type="search"]:hover,
#kunena.layout input[type="search"]:focus,
#kunena.layout input[type="search"]:active {
  border-color: var(--kinput-border-hover-color);
}
#kunena.layout .btn,
#kunena.layout .kbtn {
  border-radius: var(--kbtn-border-radius);
  border: 0;
  padding: var(--kbtn-padding-y) var(--kbtn-padding-x);
}
#kunena.layout select {
  background-color: var(--kcolor-lighter-lv1);
  border-radius: var(--kborder-radius-sm);
  border: 1px solid var(--kinput-border-color);
  box-shadow: none;
  color: var(--kgray-500);
  display: inline-block;
  height: 36px;
  line-height: 36px;
  width: auto;
}
#kunena.layout select.custom-select {
  line-height: 1;
  font-size: var(--kfont-size-sm);
  height: 42px;
  vertical-align: middle;
}
#kunena.layout textarea {
  background: var(--kinput-bg-color);
  border: 1px solid var(--kinput-border-color);
  padding: var(--kspacing-2);
}
#kunena.layout textarea.input-block-level {
  width: 100%;
}
#kunena.layout .tabs .nav-tabs {
  border: 0;
  margin-bottom: calc(var(--kglobal-spacing) * 5);
}
@media (min-width: 992px) {
  #kunena.layout .tabs .nav-tabs {
    border-bottom: 2px solid var(--kcolor-border);
  }
}
#kunena.layout .tabs .nav-tabs > li.nav-item {
  flex-basis: 50%;
  padding: 4px;
}
@media (min-width: 576px) {
  #kunena.layout .tabs .nav-tabs > li.nav-item {
    flex-basis: 33.33%;
  }
}
@media (min-width: 992px) {
  #kunena.layout .tabs .nav-tabs > li.nav-item {
    flex-basis: auto;
    padding: 0 var(--kspacing-2);
  }
}
#kunena.layout .tabs .nav-tabs > li.nav-item > a.nav-link {
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius-sm);
  color: var(--knav-inactive-color);
  font-weight: 400;
  padding: var(--kspacing-1) 0;
  position: relative;
}
@media (min-width: 992px) {
  #kunena.layout .tabs .nav-tabs > li.nav-item > a.nav-link {
    border: 0;
    border-radius: 0;
    padding: calc(var(--kglobal-spacing) * 2) 0;
  }
}
#kunena.layout .tabs .nav-tabs > li.nav-item > a.nav-link::after {
  content: "";
  display: none;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
}
@media (min-width: 992px) {
  #kunena.layout .tabs .nav-tabs > li.nav-item > a.nav-link::after {
    display: block;
  }
}
#kunena.layout .tabs .nav-tabs > li.nav-item > a.nav-link:hover,
#kunena.layout .tabs .nav-tabs > li.nav-item > a.nav-link:focus,
#kunena.layout .tabs .nav-tabs > li.nav-item > a.nav-link:active {
  border: 0;
  color: var(--knav-hover-color);
}
#kunena.layout .tabs .nav-tabs > li.nav-item > a.nav-link.active {
  background-color: transparent;
  border: 1px solid var(--kcolor-primary);
  color: var(--knav-active-color);
}
@media (min-width: 992px) {
  #kunena.layout .tabs .nav-tabs > li.nav-item > a.nav-link.active {
    border: 0;
  }
}
#kunena.layout .tabs .nav-tabs > li.nav-item > a.nav-link.active::after {
  background-color: var(--knav-active-color);
}
#kunena.layout .tabs .tab-content > .active {
  opacity: 1;
}
#kunena.layout .tabs .tab-content .ktab-heading {
  border-bottom: 2px solid var(--kcolor-border);
  margin-bottom: var(--kspacing-4);
  padding-bottom: var(--kspacing-2);
}
#kunena.layout .tabs .tab-content .ktab-heading h2 {
  font-size: var(--kfont-size-xl);
  margin: 0;
}
#kunena.layout .tabs .tab-content .ktab-heading h2 .kbadge {
  font-size: var(--kfont-size-xs);
  color: var(--kcolor-gray-l1);
  background-color: rgba(0,0,0,0.07);
  border-radius: 15px;
  font-weight: 400;
  padding: 4px 8px;
  vertical-align: middle;
}
#kunena.layout .knavbar {
  background-color: var(--kcolor-darker-lv2);
  border-radius: var(--kborder-radius);
  padding: 0;
  position: relative;
  min-height: 56px;
  margin-bottom: calc(var(--kglobal-spacing) * 4);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#kunena.layout .knavbar .knav-collapse {
  display: none;
}
@media (min-width: 992px) {
  #kunena.layout .knavbar .knav-collapse {
    display: flex;
  }
}
#kunena.layout .knavbar .knav-collapse::after {
  content: "";
  display: block;
  clear: both;
}
#kunena.layout .knavbar .knav-toggle {
  display: block;
  height: 18px;
  margin: 18px 12px;
  position: relative;
  width: 24px;
}
@media (min-width: 992px) {
  #kunena.layout .knavbar .knav-toggle {
    display: none;
  }
}
#kunena.layout .knavbar .knav-toggle::after {
  display: none;
}
#kunena.layout .knavbar .knav-toggle .bar-1,
#kunena.layout .knavbar .knav-toggle .bar-2,
#kunena.layout .knavbar .knav-toggle .bar-3,
#kunena.layout .knavbar .knav-toggle .bar-4 {
  background-color: var(--kgray-500);
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  transition: var(--kbase-trans);
  opacity: 1;
  width: 24px;
}
#kunena.layout .knavbar .knav-toggle .bar-2,
#kunena.layout .knavbar .knav-toggle .bar-3 {
  top: 8px;
  transform: rotate(0);
}
#kunena.layout .knavbar .knav-toggle .bar-4 {
  top: auto;
  bottom: 0;
}
#kunena.layout .knavbar .knav-phone-collapse {
  background-color: var(--kcolor-bg);
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius);
  box-shadow: var(--kshadow-lv2);
  padding: var(--kspacing-3);
  position: absolute;
  left: 0;
  top: 12px !important;
  height: auto;
  width: 320px;
  z-index: 100;
}
@media (min-width: 768px) {
  #kunena.layout .knavbar .knav-phone-collapse {
    width: 480px;
  }
}
#kunena.layout .knavbar .knav-phone .navbar-nav.show .bar-1,
#kunena.layout .knavbar .knav-phone .navbar-nav.show .bar-4 {
  opacity: 0;
}
#kunena.layout .knavbar .knav-phone .navbar-nav.show .bar-2 {
  transform: rotate(45deg);
}
#kunena.layout .knavbar .knav-phone .navbar-nav.show .bar-3 {
  transform: rotate(-45deg);
}
#kunena.layout .knavbar .navbar-nav {
  list-style: none;
  margin: 0;
  padding: 0 0 0 var(--kspacing-2);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#kunena.layout .knavbar .navbar-nav > li {
  padding: 0;
  flex-basis: 50%;
}
@media (min-width: 768px) {
  #kunena.layout .knavbar .navbar-nav > li {
    flex-basis: 33.33%;
  }
}
@media (min-width: 992px) {
  #kunena.layout .knavbar .navbar-nav > li {
    flex-basis: auto;
  }
}
#kunena.layout .knavbar .navbar-nav > li > a.nav-link {
  color: var(--knav-inactive-color);
  font-size: 15px;
  font-weight: 500;
  padding: var(--kspacing-3) var(--kspacing-2);
  position: relative;
}
#kunena.layout .knavbar .navbar-nav > li > a.nav-link:hover,
#kunena.layout .knavbar .navbar-nav > li > a.nav-link:focus,
#kunena.layout .knavbar .navbar-nav > li > a.nav-link:active {
  color: var(--knav-hover-color);
  text-decoration: none;
}
#kunena.layout .knavbar .navbar-nav > li > a.nav-link::after {
  background-color: var(--knav-hover-color);
  border-radius: 5px;
  content: "";
  display: none;
  position: absolute;
  left: 0;
  height: 5px;
  width: 5px;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: var(--kbase-trans);
}
@media (min-width: 992px) {
  #kunena.layout .knavbar .navbar-nav > li > a.nav-link::after {
    display: block;
  }
}
#kunena.layout .knavbar .navbar-nav > li.active > a {
  color: var(--knav-active-color);
}
#kunena.layout .knavbar .navbar-nav > li.active > a:hover,
#kunena.layout .knavbar .navbar-nav > li.active > a:focus,
#kunena.layout .knavbar .navbar-nav > li.active > a:active {
  color: var(--knav-active-color);
}
#kunena.layout .knavbar .navbar-nav > li.active > a:hover::after,
#kunena.layout .knavbar .navbar-nav > li.active > a:focus::after,
#kunena.layout .knavbar .navbar-nav > li.active > a:active::after {
  width: 16px;
}
#kunena.layout .knavbar .navbar-nav > li.active > a::after {
  background-color: var(--knav-active-color);
  opacity: 1;
}
#kunena.layout .knavbar .knav-usercollapse {
  margin-left: auto;
}
#kunena.layout .user-wrap {
  position: absolute;
  right: var(--kspacing-3);
  top: 10px;
}
#kunena.layout .user-wrap #klogin-desktop {
  text-transform: uppercase;
}
#kunena.layout .user-wrap #klogin-desktop::after {
  display: none;
}
#kunena.layout .user-wrap #klogin-desktop .login-icon {
  background-color: var(--kcolor-gray-l2);
  border-radius: 50%;
  border: 4px solid var(--kgray-300);
  display: block;
  height: 36px;
  line-height: 26px;
  text-align: center;
  transition: var(--kbase-trans);
  width: 36px;
}
#kunena.layout .user-wrap #klogin-desktop .login-icon:hover {
  background-color: var(--kcolor-primary);
  border-color: var(--kcolor-white);
}
#kunena.layout .user-wrap #klogin-desktop .login-icon i {
  color: var(--kcolor-white);
  font-size: 12px;
}
#kunena.layout .user-wrap.show #klogin-desktop .login-icon {
  background-color: var(--kcolor-primary);
  border-color: var(--kcolor-white);
}
#kunena.layout .user-wrap #userdropdown {
  background-color: var(--kcolor-darker-lv1);
  border: 2px solid var(--kcolor-lighter-lv2);
  box-shadow: var(--kshadow-lv2);
  border-radius: var(--kborder-radius);
  color: var(--kgray-400);
  padding: var(--kspacing-4);
  min-width: 330px;
}
#kunena.layout .user-wrap #userdropdown .kform-login-username,
#kunena.layout .user-wrap #userdropdown .kform-login-password {
  margin-bottom: var(--kspacing-3);
  position: relative;
}
#kunena.layout .user-wrap #userdropdown .kform-login-username label,
#kunena.layout .user-wrap #userdropdown .kform-login-password label {
  font-size: var(--kfont-size-sm);
  margin-bottom: var(--kspacing-sm);
}
#kunena.layout .user-wrap #userdropdown .kform-login-username input,
#kunena.layout .user-wrap #userdropdown .kform-login-password input {
  padding-left: 34px;
  outline: none;
  transition: var(--kbase-trans);
  width: 100%;
}
#kunena.layout .user-wrap #userdropdown .kform-login-username input:focus,
#kunena.layout .user-wrap #userdropdown .kform-login-password input:focus {
  border-color: var(--kcolor-primary);
}
#kunena.layout .user-wrap #userdropdown .kform-login-username i,
#kunena.layout .user-wrap #userdropdown .kform-login-password i {
  color: var(--kgray-300);
  font-size: 15px;
  position: absolute;
  left: var(--kspacing-2);
  bottom: 13px;
}
#kunena.layout .user-wrap #userdropdown #kform-login-submit .kbutton {
  width: 100%;
}
#kunena.layout .user-wrap #userdropdown .form-check {
  font-size: var(--kfont-size-sm);
  margin-bottom: var(--kspacing-2);
}
#kunena.layout .user-wrap #userdropdown .kform-login-links {
  font-size: var(--kfont-size-sm);
  list-style: none;
  margin: 0;
  padding: var(--kspacing-3) 0 0;
}
#kunena.layout .user-wrap #userdropdown .kform-login-links li {
  padding: var(--kspacing-sm) 0;
}
#kunena.layout .user-wrap #userdropdown .kform-login-links li a {
  color: var(--kcolor-gray-l1);
  transition: var(--kbase-trans);
}
#kunena.layout .user-wrap #userdropdown .kform-login-links li a:hover,
#kunena.layout .user-wrap #userdropdown .kform-login-links li a:focus,
#kunena.layout .user-wrap #userdropdown .kform-login-links li a:active {
  color: var(--kcolor-link-hover);
  text-decoration: none;
}
#kunena.layout .user-wrap .klogout .dropdown-toggle {
  border: 4px solid var(--kcolor-lighter-lv1);
  border-radius: 50%;
  display: block;
  padding: 0;
  height: 36px;
  overflow: hidden;
  transition: var(--kbase-trans);
  width: 36px;
}
#kunena.layout .user-wrap .klogout .dropdown-toggle:hover,
#kunena.layout .user-wrap .klogout .dropdown-toggle:focus,
#kunena.layout .user-wrap .klogout .dropdown-toggle:active {
  border: 4px solid var(--kcolor-primary);
}
#kunena.layout .user-wrap .klogout .dropdown-toggle img {
  box-shadow: 0 3px 5px rgba(0,0,0,0.1);
  height: 100%;
  width: 100%;
}
#kunena.layout .user-wrap .klogout .klogout-box-wrap {
  background-color: var(--kcolor-bg);
  box-shadow: var(--kshadow-lv2);
  border: 2px solid var(--kcolor-border);
  border-radius: var(--kborder-radius);
  min-width: 320px;
  padding: 0;
  z-index: 200;
  top: 34px !important;
  left: auto !important;
  right: 0;
  transform: none !important;
}
#kunena.layout .user-wrap .klogout .klogout-user-info {
  background-color: var(--kcolor-darker-lv1);
  border-bottom: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius) var(--kborder-radius) 0 0;
  padding: var(--kspacing-4);
  text-align: center;
}
#kunena.layout .user-wrap .klogout .kuser-avatar {
  display: block;
  margin: 0 auto;
  height: 80px;
  position: relative;
  margin-bottom: var(--kspacing-1);
  padding: 6px;
  width: 80px;
}
#kunena.layout .user-wrap .klogout .kuser-avatar a {
  border-radius: 50%;
  display: block;
  height: 68px;
  overflow: hidden;
  position: relative;
  width: 68px;
  z-index: 20;
}
#kunena.layout .user-wrap .klogout .kuser-avatar a img {
  height: 100%;
  width: 100%;
}
#kunena.layout .user-wrap .klogout .kuser-avatar a.label {
  background-color: var(--kcolor-lighter-lv1);
  border-radius: 50%;
  border: 1px solid var(--kgray-500);
  color: var(--kcolor-white);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#kunena.layout .user-wrap .klogout .kuser-avatar a.label.label-success {
  border-color: var(--kcolor-success);
}
#kunena.layout .user-wrap .klogout .kuser-avatar a.label.label-warning {
  border-color: var(--kcolor-warning);
}
#kunena.layout .user-wrap .klogout .kuser-avatar a.label.label-important {
  border-color: var(--kcolor-error);
}
#kunena.layout .user-wrap .klogout .kuser-name {
  font-weight: 600;
  margin-bottom: var(--kspacing-1);
}
#kunena.layout .user-wrap .klogout .kuser-last-visit {
  font-size: var(--kfont-size-xs);
  color: var(--kcolor-gray-l1);
}
#kunena.layout .user-wrap #status-form {
  border-bottom: 1px solid var(--kcolor-border);
  margin-bottom: var(--kspacing-1);
  padding: var(--kspacing-2) var(--kspacing-4) var(--kspacing-2);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#kunena.layout .user-wrap #status-form .kuser-status {
  padding: 0 var(--kspacing-xs);
  position: relative;
}
#kunena.layout .user-wrap #status-form .kuser-status input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
#kunena.layout .user-wrap #status-form .kuser-status label {
  display: block;
}
#kunena.layout .user-wrap #status-form .kuser-status label a {
  color: var(--kcolor-gray-l1);
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius);
  font-size: var(--kfont-size-xs);
  padding: 4px 8px 4px 18px;
  position: relative;
  transition: var(--kbase-trans);
}
#kunena.layout .user-wrap #status-form .kuser-status label a:hover,
#kunena.layout .user-wrap #status-form .kuser-status label a:focus,
#kunena.layout .user-wrap #status-form .kuser-status label a:active {
  border-color: var(--kgray-500);
  text-decoration: none;
}
#kunena.layout .user-wrap #status-form .kuser-status label a:before {
  background-color: var(--kgray-400);
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  height: 8px;
  width: 8px;
}
#kunena.layout .user-wrap #status-form .kuser-status-online label a:before {
  background-color: var(--kcolor-success);
}
#kunena.layout .user-wrap #status-form .kuser-status-away label a:before {
  background-color: var(--kcolor-warning);
}
#kunena.layout .user-wrap #status-form .kuser-status-away input[type="radio"]:checked + label a {
  border-color: var(--kcolor-warning);
}
#kunena.layout .user-wrap #status-form .kuser-status-busy label a:before {
  background-color: var(--kcolor-error);
}
#kunena.layout .user-wrap #statustext a,
#kunena.layout .user-wrap #announcement a,
#kunena.layout .user-wrap #mail a,
#kunena.layout .user-wrap #settings a,
#kunena.layout .user-wrap #allread a {
  font-size: var(--kfont-size-sm);
  color: var(--kcolor-gray-l1);
  display: block;
  padding: var(--kspacing-1) var(--kspacing-4);
  transition: var(--kbase-trans);
}
#kunena.layout .user-wrap #statustext a i,
#kunena.layout .user-wrap #announcement a i,
#kunena.layout .user-wrap #mail a i,
#kunena.layout .user-wrap #settings a i,
#kunena.layout .user-wrap #allread a i {
  color: var(--kcolor-gray-l2);
  margin-right: var(--kspacing-2);
  transition: var(--kbase-trans);
}
#kunena.layout .user-wrap #statustext a:hover,
#kunena.layout .user-wrap #statustext a:focus,
#kunena.layout .user-wrap #statustext a:active,
#kunena.layout .user-wrap #announcement a:hover,
#kunena.layout .user-wrap #announcement a:focus,
#kunena.layout .user-wrap #announcement a:active,
#kunena.layout .user-wrap #mail a:hover,
#kunena.layout .user-wrap #mail a:focus,
#kunena.layout .user-wrap #mail a:active,
#kunena.layout .user-wrap #settings a:hover,
#kunena.layout .user-wrap #settings a:focus,
#kunena.layout .user-wrap #settings a:active,
#kunena.layout .user-wrap #allread a:hover,
#kunena.layout .user-wrap #allread a:focus,
#kunena.layout .user-wrap #allread a:active {
  background-color: var(--kcolor-lighter-lv1);
  color: var(--kcolor-gray-l2);
  text-decoration: none;
}
#kunena.layout .user-wrap #statustext a:hover i,
#kunena.layout .user-wrap #statustext a:focus i,
#kunena.layout .user-wrap #statustext a:active i,
#kunena.layout .user-wrap #announcement a:hover i,
#kunena.layout .user-wrap #announcement a:focus i,
#kunena.layout .user-wrap #announcement a:active i,
#kunena.layout .user-wrap #mail a:hover i,
#kunena.layout .user-wrap #mail a:focus i,
#kunena.layout .user-wrap #mail a:active i,
#kunena.layout .user-wrap #settings a:hover i,
#kunena.layout .user-wrap #settings a:focus i,
#kunena.layout .user-wrap #settings a:active i,
#kunena.layout .user-wrap #allread a:hover i,
#kunena.layout .user-wrap #allread a:focus i,
#kunena.layout .user-wrap #allread a:active i {
  color: var(--kcolor-gray-l1);
}
#kunena.layout .user-wrap #logout-form {
  margin-top: var(--kspacing-1);
  padding: var(--kspacing-1);
}
#kunena.layout .user-wrap #logout-form > div {
  width: 100%;
}
#kunena.layout .user-wrap #logout-form .kbutton {
  width: 100%;
}
#kunena.layout .user-wrap #logout-form .kbutton:hover,
#kunena.layout .user-wrap #logout-form .kbutton:focus,
#kunena.layout .user-wrap #logout-form .kbutton:active {
  background-color: var(--kcolor-primary);
  color: var(--kcolor-white);
}
#kunena.layout .breadcrumb {
  background-color: transparent;
  margin: calc(var(--kglobal-spacing) * 3) 0 calc(var(--kglobal-spacing) * 3);
  padding: 0;
}
#kunena.layout .breadcrumb > li {
  align-items: center;
  padding: 0 var(--kspacing-2);
  position: relative;
}
#kunena.layout .breadcrumb > li::before {
  background-color: var(--kgray-500);
  border-radius: 50%;
  content: "";
  height: 5px;
  padding: 0;
  position: absolute;
  left: -2px;
  top: 9px;
  width: 5px;
}
#kunena.layout .breadcrumb > li:first-child {
  padding-left: 0;
}
#kunena.layout .breadcrumb > li:first-child::before {
  display: none;
}
#kunena.layout .breadcrumb > li:first-child .fa {
  color: var(--kcolor-gray-l2);
  font-size: var(--kfont-size-xs);
  vertical-align: middle;
  margin-right: 4px;
}
#kunena.layout .breadcrumb > li:last-child {
  padding-right: 0;
}
#kunena.layout .breadcrumb > li:last-child::before {
  background-color: var(--kcolor-link-hover);
}
#kunena.layout .breadcrumb > li:last-child a {
  color: var(--kcolor-gray-l1);
}
#kunena.layout .breadcrumb > li:last-child a:hover,
#kunena.layout .breadcrumb > li:last-child a:focus,
#kunena.layout .breadcrumb > li:last-child a:active {
  color: var(--kcolor-link-hover);
  text-decoration: none;
}
#kunena.layout .breadcrumb a {
  color: var(--kgray-400);
  transition: var(--kbase-trans);
}
#kunena.layout .breadcrumb a:hover,
#kunena.layout .breadcrumb a:focus,
#kunena.layout .breadcrumb a:active {
  color: var(--kcolor-link-hover);
  text-decoration: none;
}
#kunena.layout .kpagination {
  margin-top: calc(var(--kglobal-spacing) * 4);
  display: flex;
  justify-content: flex-end;
}
#kunena.layout .kpagination ul {
  border-radius: 0;
  margin: 0;
  position: relative;
}
#kunena.layout .kpagination ul:before {
  background-color: var(--kcolor-lighter-lv1);
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
#kunena.layout .kpagination ul > li > a {
  background-color: rgba(0,0,0,0.1);
  border-radius: 0;
  border: 0;
  font-size: 14px;
  padding: var(--kspacing-2) var(--kspacing-2);
}
#kunena.layout .kpagination ul > li > a.disabled {
  color: var(--kgray-500);
}
#kunena.layout .kpagination ul > li.active > a {
  background-color: var(--kcolor-lighter-lv1);
  border-radius: 0;
  color: var(--kcolor-white);
  position: relative;
}
#kunena.layout .kpagination ul > li.active > a::before {
  background: var(--kcolor-primary);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2px;
}
#kunena.layout .kreply {
  display: block !important;
}
#kunena.layout .qreplyform {
  border: 1px solid var(--kcolor-border);
  box-shadow: var(--kshadow-lv2);
  border-radius: var(--kborder-radius);
  margin: var(--kspacing-4) 0 0 0;
  padding: var(--kspacing-3) !important;
}
#kunena.layout .qreplyform .qreply-header,
#kunena.layout .qreplyform .kreply-header {
  background-color: var(--kcolor-darker-lv1);
  border-radius: var(--kborder-radius-sm);
  margin-bottom: var(--kspacing-3);
  padding: var(--kspacing-2) var(--kspacing-2);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#kunena.layout .qreplyform .qreply-header h3,
#kunena.layout .qreplyform .kreply-header h3 {
  font-size: var(--kfont-size-lg);
  margin: 0;
}
#kunena.layout .qreplyform .qreply-header .close,
#kunena.layout .qreplyform .kreply-header .close {
  background: var(--kcolor-white);
  border-radius: 50%;
  height: 32px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  margin-left: auto;
  transition: var(--kbase-trans);
  width: 32px;
}
#kunena.layout .qreplyform .qreply-header .close:hover,
#kunena.layout .qreplyform .qreply-header .close:focus,
#kunena.layout .qreplyform .kreply-header .close:hover,
#kunena.layout .qreplyform .kreply-header .close:focus {
  background-color: var(--kgray-400);
  cursor: pointer;
  color: var(--kcolor-white);
}
#kunena.layout .qreplyform .qreply-body textarea,
#kunena.layout .qreplyform .kreply-body textarea {
  border-radius: var(--kborder-radius-sm);
  border: 1px solid var(--kcolor-border);
  box-shadow: none;
  padding: var(--kspacing-3);
  outline: none;
  width: 100%;
}
#kunena.layout .qreplyform .qreply-body textarea:focus,
#kunena.layout .qreplyform .kreply-body textarea:focus {
  border: 1px solid var(--kcolor-primary);
}
#kunena.layout .qreplyform .qreply-body .bbcode-action,
#kunena.layout .qreplyform .kreply-body .bbcode-action {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--kspacing-2);
}
#kunena.layout .qreplyform .qreply-footer,
#kunena.layout .qreplyform .kreply-footer {
  display: flex;
  flex-wrap: wrap;
  padding-top: var(--kspacing-3);
  align-items: center;
  justify-content: center;
}
#kunena.layout .qreplyform .qreply-footer .kbutton,
#kunena.layout .qreplyform .kreply-footer .kbutton {
  margin: 0 var(--kspacing-sm);
}
#kunena.layout .ksection-header {
  background-image: linear-gradient(135deg,#202124 20%,rgba(0,0,0,0.08) 20%,rgba(0,0,0,0.08) 50%,#202124 50%,#202124 70%,rgba(0,0,0,0.08) 70%,rgba(0,0,0,0.08) 100%);
  background-size: 42.43px 42.43px;
  color: var(--ksec-header-color);
  margin-top: var(--kspacing-4);
  margin-bottom: var(--kspacing-1);
  padding: var(--kspacing-2);
  position: relative;
}
#kunena.layout .ksection-header::before {
  background-color: var(--kcolor-lighter-lv1);
  content: "";
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
#kunena.layout .ksection-header::after {
  background-image: linear-gradient(to top,var(--kcat-bg),rgba(0,0,0,0));
  content: "";
  display: block;
  position: absolute;
  height: 70%;
  left: 0;
  bottom: 0;
  right: 0;
}
#kunena.layout .ksection-header h2 {
  font-size: var(--ksec-heading-font-size);
  font-weight: 600;
  display: inline-block;
  margin: 0 0 var(--kspacing-sm);
  position: relative;
  z-index: 10;
  text-transform: uppercase;
}
#kunena.layout .ksection-header h2::before {
  background-color: var(--kcolor-primary);
  content: "";
  height: 3px;
  position: absolute;
  top: calc(var(--kspacing-2) / -1);
  left: 0;
  right: 0;
}
#kunena.layout .ksection-header h2 a {
  color: var(--ksec-header-link-color);
}
#kunena.layout .ksection-header h2 a:hover,
#kunena.layout .ksection-header h2 a:focus,
#kunena.layout .ksection-header h2 a:active {
  color: var(--ksec-header-link-hover-color);
  text-decoration: none;
}
#kunena.layout .ksection-header .kbadge {
  font-size: var(--kfont-size-xs);
  background-color: rgba(0,0,0,0.1);
  border-radius: 15px;
  padding: 2px 8px;
  vertical-align: middle;
}
#kunena.layout .ksection-header p {
  font-size: var(--kfont-size-sm);
  margin: 0;
  position: relative;
  z-index: 10;
}
#kunena.layout .kcat-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-left: -12px;
  margin-right: -12px;
}
#kunena.layout .kcat-item {
  flex-basis: 100%;
  padding: var(--kspacing-2);
}
@media (min-width: 768px) {
  #kunena.layout .kcat-item {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  #kunena.layout .kcat-item {
    flex-basis: 33.33%;
    max-width: 33.33%;
    min-height: 320px;
  }
}
#kunena.layout .kcat-item .kcat-inner {
  background-color: var(--kcat-bg);
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  height: 100%;
  padding: var(--kspacing-3);
  padding-bottom: 84px;
  position: relative;
  transition: var(--kbase-trans);
}
#kunena.layout .kcat-item .kcat-inner:hover {
  border: 1px solid var(--kcolor-lighter-lv4);
  box-shadow: var(--kshadow-lv3);
}
#kunena.layout .kcat-item .kcat-inner:hover .cat-media img {
  transform: scale(1.5);
}
#kunena.layout .kcat-item:hover .kcat-inner {
  box-shadow: var(--kshadow-lv3);
}
#kunena.layout .kcat-item.ani .cat-icon i {
  animation: .8s infinite icon-ani;
}
#kunena.layout .kcat-item .cat-media {
  border-radius: var(--kborder-radius);
  margin-bottom: var(--kspacing-5);
  position: relative;
}
#kunena.layout .kcat-item .cat-media::before,
#kunena.layout .kcat-item .cat-media::after {
  background-color: rgba(0,0,0,0.3);
  content: "";
  display: block;
  height: 8px;
  border-radius: 0 0 var(--kborder-radius) var(--kborder-radius);
  position: absolute;
  bottom: -8px;
  left: 5px;
  right: 5px;
}
#kunena.layout .kcat-item .cat-media::after {
  background-color: rgba(0,0,0,0.2);
  left: 10px;
  right: 10px;
  bottom: -16px;
}
#kunena.layout .kcat-item .cat-media .cat-media-inner {
  border-radius: var(--kborder-radius);
  overflow: hidden;
  max-height: 310px;
  position: relative;
}
#kunena.layout .kcat-item .cat-media .cat-media-inner::after {
  background: linear-gradient(to top,#000000,rgba(0,0,0,0));
  border-radius: 0 0 4px 4px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 30%;
  right: 0;
  bottom: 0;
}
#kunena.layout .kcat-item .cat-media img {
  max-width: 100%;
  transition: transform 3s, filter 2s ease-in-out;
}
#kunena.layout .kcat-item .cat-meta {
  margin-bottom: var(--kspacing-3);
  padding-left: var(--kspacing-2);
  padding-right: var(--kspacing-2);
  width: 100%;
}
#kunena.layout .kcat-item .cat-meta ul {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  font-size: var(--ktext-xs);
  margin: 0;
  padding: 0;
}
#kunena.layout .kcat-item .cat-meta ul li {
  color: #9aa0a6;
  font-size: 12px;
  font-weight: 400;
  padding: 0 0 0 14px;
  margin-left: 16px;
  letter-spacing: .5px;
  line-height: 20px;
  text-transform: uppercase;
  position: relative;
}
#kunena.layout .kcat-item .cat-meta ul li::before {
  background-color: var(--kcolor-orange);
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
}
#kunena.layout .kcat-item .cat-meta ul li.no-topic {
  padding-left: 12px;
}
#kunena.layout .kcat-item .cat-meta ul li span {
  color: var(--kcolor-white);
  font-weight: 600;
  display: inline-block;
  line-height: 1;
}
#kunena.layout .kcat-item .cat-meta ul li.topic-replies::before {
  background-color: var(--kcolor-red);
}
#kunena.layout .kcat-item .kcat-header {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  bottom: var(--kspacing-2);
  left: var(--kspacing-3);
  right: var(--kspacing-3);
}
#kunena.layout .kcat-item .kcat-header .cat-icon {
  margin-right: var(--kspacing-2);
  position: relative;
  height: 40px;
  width: 40px;
}
#kunena.layout .kcat-item .kcat-header .cat-icon a {
  background-color: var(--kicon-bg-color);
  border: 1px solid var(--kicon-border-color);
  border-radius: 13px;
  color: var(--kicon-color);
  display: block;
  height: 40px;
  text-align: center;
  transition: var(--kbase-trans);
  width: 40px;
}
#kunena.layout .kcat-item .kcat-header .cat-icon a:hover,
#kunena.layout .kcat-item .kcat-header .cat-icon a:focus,
#kunena.layout .kcat-item .kcat-header .cat-icon a:active {
  color: var(--kicon-hover-color);
}
#kunena.layout .kcat-item .kcat-header .cat-icon a:hover i,
#kunena.layout .kcat-item .kcat-header .cat-icon a:focus i,
#kunena.layout .kcat-item .kcat-header .cat-icon a:active i {
  color: var(--kicon-hover-color);
}
#kunena.layout .kcat-item .kcat-header .cat-icon a i {
  color: var(--kicon-color);
  font-size: 18px;
  line-height: 36px;
}
#kunena.layout .kcat-item .kcat-header .cat-icon .knew {
  background-color: var(--kcolor-green);
  border: 2px solid var(--kcolor-white);
  border-radius: 9px;
  color: var(--kcolor-white);
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  padding: 2px 4px;
  position: absolute;
  right: -6px;
  top: -6px;
}
#kunena.layout .kcat-item .kcat-header .cat-title {
  font-size: 20px;
  font-weight: 600;
}
#kunena.layout .kcat-item .kcat-header .cat-title a {
  color: var(--kcolor-white);
  transition: var(--kbase-trans);
}
#kunena.layout .kcat-item .kcat-header .cat-title a:hover,
#kunena.layout .kcat-item .kcat-header .cat-title a:focus,
#kunena.layout .kcat-item .kcat-header .cat-title a:active {
  color: var(--kcolor-white);
  text-decoration: none;
}
#kunena.layout .kcat-item .kcat-header .cat-title .kcat-rss {
  color: #fd7e14;
}
#kunena.layout .kcat-item .kcat-header .cat-title .kcat-rss i {
  font-size: 10px;
}
#kunena.layout .kcat-item .cat-desc {
  margin-bottom: var(--kspacing-4);
}
#kunena.layout .kcat-item .ksub-cat {
  margin-bottom: var(--kspacing-3);
}
#kunena.layout .kcat-item .ksub-cat ul {
  display: flex;
  flex-wrap: wrap;
  justify-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
#kunena.layout .kcat-item .ksub-cat ul li {
  padding-right: var(--kspacing-1);
}
#kunena.layout .kcat-item .ksub-cat ul li i {
  margin-right: 4px;
}
#kunena.layout .kcat-item .ksub-cat ul li a {
  color: var(--kcolor-gray-l1);
}
#kunena.layout .kcat-item .ksub-cat ul li a i {
  color: var(--kcolor-gray-l2);
}
#kunena.layout .kcat-item .last-post-wrap {
  background-color: var(--kcolor-darker-lv1);
  border-top: 1px solid var(--kcolor-lighter-lv1);
  border-radius: 0 0 var(--kborder-radius) var(--kborder-radius);
  margin-top: auto;
  min-height: 82px;
  padding: var(--kspacing-1) var(--kspacing-2);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message {
  font-size: var(--kfont-size-sm);
  position: relative;
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .user-info span {
  display: block;
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .kcat-avatar {
  float: left;
  margin-right: var(--kspacing-1);
  margin-top: 4px;
  padding: 2px;
  overflow: hidden;
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .kcat-avatar a {
  border-radius: 9px;
  border: 2px solid var(--kcolor-lighter-lv4);
  display: block;
  height: 36px;
  position: relative;
  overflow: hidden;
  width: 36px;
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .kcat-avatar a.kwho-admin {
  border: 2px solid var(--kcolor-primary);
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .kcat-avatar a.kwho-mod {
  border: 2px solid var(--kcolor-orange);
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .kcat-avatar img {
  height: 100%;
  width: 100%;
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .kcat-last span {
  color: var(--kcolor-gray-l1);
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .last-post-link {
  margin-bottom: var(--kspacing-sm);
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .last-post-link a {
  color: var(--ktext-gray-l1);
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .last-post-link a:hover,
#kunena.layout .kcat-item .last-post-wrap .last-post-message .last-post-link a:focus,
#kunena.layout .kcat-item .last-post-wrap .last-post-message .last-post-link a:active {
  color: var(--kcolor-link-hover);
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .last-post-by {
  color: var(--kcolor-gray-l1);
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .last-post-by a {
  font-weight: 600;
}
#kunena.layout .kcat-item .last-post-wrap .last-post-message .last-post-date {
  font-size: var(--kfont-size-xs);
  color: var(--kcolor-gray-l1);
}
#kunena.layout .kcat-item .last-post-wrap .last-post-no-message {
  line-height: 50px;
  color: var(--kcolor-gray-l2);
}
#kunena.layout .m-full .kcat-item .cat-media {
  margin-top: -16px;
  margin-left: -16px;
  margin-right: -16px;
}
#kunena.layout .m-full .kcat-item .cat-media::before,
#kunena.layout .m-full .kcat-item .cat-media::after {
  display: none;
}
#kunena.layout .m-full .kcat-item .cat-media .cat-media-inner {
  max-height: 300px;
}
#kunena.layout .m-full .kcat-item .cat-media .cat-media-inner::after {
  background: linear-gradient(to top,var(--kcat-bg),rgba(0,0,0,0));
  height: 70%;
}
#kunena.layout .m-full .kcat-item .cat-media .kcat-header {
  bottom: 0;
}
#kunena.layout .m-full .kcat-item .cat-media .kcat-header h3 {
  margin-bottom: 0;
}
#kunena.layout .m-full .kcat-item .cat-meta {
  padding-left: 0;
}
#kunena.layout .m-full .kcat-item .cat-meta ul {
  justify-content: flex-start;
}
#kunena.layout .m-full .kcat-item .cat-meta ul li {
  margin-left: 0;
  margin-right: 16px;
}
#kunena.layout .ktopic-list-search {
  margin-top: var(--kspacing-5);
  margin-bottom: var(--kspacing-4);
}
#kunena.layout .ktopic-list-search .input-group-append {
  margin-left: 0;
}
#kunena.layout .ktopic-list-search .input-group-append .kbutton {
  margin-left: var(--kspacing-1);
}
#kunena.layout .ktopic-list-search .kpagination {
  margin-top: 0;
}
#kunena.layout .kaction-wrap-top,
#kunena.layout .kaction-wrap-bot {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
}
#kunena.layout .kaction-wrap-top .kpagination,
#kunena.layout .kaction-wrap-bot .kpagination {
  margin: 0;
}
#kunena.layout .kaction-wrap-top .ktopic-search,
#kunena.layout .kaction-wrap-bot .ktopic-search {
  margin-left: auto;
}
#kunena.layout .kaction-wrap-top .ktopic-search input,
#kunena.layout .kaction-wrap-bot .ktopic-search input {
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius-sm);
  box-shadow: none;
  transition: var(--kbase-trans);
}
#kunena.layout .kaction-wrap-top .ktopic-search input:focus,
#kunena.layout .kaction-wrap-bot .ktopic-search input:focus {
  border: 1px solid var(--kcolor-primary);
}
#kunena.layout .kaction-wrap-top .ktopic-search .btn,
#kunena.layout .kaction-wrap-bot .ktopic-search .btn {
  background-color: var(--kbtn-bg-color);
  border-radius: var(--kborder-radius);
  border: 0;
  display: inline-block;
  font-size: var(--kbtn-font-size);
  font-weight: var(--kbtn-font-weight);
  padding: var(--kbtn-padding-y) var(--kbtn-padding-x);
  color: var(--kbtn-color);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: var(--kbase-trans);
  width: auto;
  border: 0 !important;
  margin-left: var(--kspacing-1);
}
#kunena.layout .kaction-wrap-top .ktopic-search .btn:hover,
#kunena.layout .kaction-wrap-top .ktopic-search .btn:focus,
#kunena.layout .kaction-wrap-top .ktopic-search .btn:active,
#kunena.layout .kaction-wrap-bot .ktopic-search .btn:hover,
#kunena.layout .kaction-wrap-bot .ktopic-search .btn:focus,
#kunena.layout .kaction-wrap-bot .ktopic-search .btn:active {
  background-color: var(--kbtn-hover-bg-color);
  box-shadow: 0 0 0 1px var(--kcolor-primary) inset;
  color: var(--kbtn-hover-color);
  cursor: pointer;
  text-decoration: none;
}
#kunena.layout .kaction-wrap-top .ktopic-search .btn i,
#kunena.layout .kaction-wrap-bot .ktopic-search .btn i {
  font-size: 13px;
  margin-right: 4px;
  margin-top: -4px;
}
#kunena.layout .kaction-wrap-top {
  margin-bottom: var(--kspacing-3);
}
#kunena.layout .kaction-wrap-top .kpagination {
  margin-top: 0;
}
#kunena.layout .kaction-wrap-bot .kpagination {
  margin-top: var(--kspacing-4);
}
#kunena.layout .ktopic-list,
#kunena.layout .topic-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#kunena.layout .ktopic-list li.ktopic-row-head,
#kunena.layout .topic-list li.ktopic-row-head {
  color: var(--kcolor-gray-l1);
  font-size: var(--kfont-size-sm);
}
#kunena.layout .ktopic-list li.ktopic-row-head .ktopic-inner,
#kunena.layout .topic-list li.ktopic-row-head .ktopic-inner {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}
#kunena.layout .ktopic-list li.ktopic-row-footer .ktopic-inner,
#kunena.layout .topic-list li.ktopic-row-footer .ktopic-inner {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}
#kunena.layout .ktopic-list .ktopic-inner,
#kunena.layout .topic-list .ktopic-inner {
  border-bottom: 1px solid var(--kcolor-border);
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  transition: var(--kbase-trans);
}
#kunena.layout .ktopic-list .ktopic-inner:hover,
#kunena.layout .topic-list .ktopic-inner:hover {
  background-color: var(--kcolor-darker-lv1);
}
#kunena.layout .ktopic-list .ktopic-inner > div,
#kunena.layout .topic-list .ktopic-inner > div {
  padding: calc(var(--kglobal-spacing) * 2) 0;
  height: 100%;
  align-self: center;
}
@media (min-width: 992px) {
  #kunena.layout .ktopic-list .ktopic-inner > div,
  #kunena.layout .topic-list .ktopic-inner > div {
    padding: calc(var(--kglobal-spacing) * 2);
  }
}
#kunena.layout .ktopic-list .no-topics .ktopic-inner,
#kunena.layout .topic-list .no-topics .ktopic-inner {
  color: var(--kcolor-gray-l1);
  padding: var(--kspacing-3) 0;
}
#kunena.layout .ktopic-list .ktopic-col-icon,
#kunena.layout .topic-list .ktopic-col-icon {
  flex-basis: 64px;
  min-width: 64px;
  text-align: center;
  display: none;
}
@media (min-width: 992px) {
  #kunena.layout .ktopic-list .ktopic-col-icon,
  #kunena.layout .topic-list .ktopic-col-icon {
    display: block;
  }
}
#kunena.layout .ktopic-list .ktopic-row .ktopic-col-icon a,
#kunena.layout .ktopic-list .ktopic-row .topic-item-unread a,
#kunena.layout .topic-list .ktopic-row .ktopic-col-icon a,
#kunena.layout .topic-list .ktopic-row .topic-item-unread a {
  background-color: var(--kcolor-lighter-lv2);
  border-radius: 9px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  transition: var(--kbase-trans);
  width: 40px;
}
#kunena.layout .ktopic-list .ktopic-row .ktopic-col-icon a:hover,
#kunena.layout .ktopic-list .ktopic-row .ktopic-col-icon a:focus,
#kunena.layout .ktopic-list .ktopic-row .ktopic-col-icon a:active,
#kunena.layout .ktopic-list .ktopic-row .topic-item-unread a:hover,
#kunena.layout .ktopic-list .ktopic-row .topic-item-unread a:focus,
#kunena.layout .ktopic-list .ktopic-row .topic-item-unread a:active,
#kunena.layout .topic-list .ktopic-row .ktopic-col-icon a:hover,
#kunena.layout .topic-list .ktopic-row .ktopic-col-icon a:focus,
#kunena.layout .topic-list .ktopic-row .ktopic-col-icon a:active,
#kunena.layout .topic-list .ktopic-row .topic-item-unread a:hover,
#kunena.layout .topic-list .ktopic-row .topic-item-unread a:focus,
#kunena.layout .topic-list .ktopic-row .topic-item-unread a:active {
  background-color: var(--kcolor-primary);
  color: var(--kcolor-white);
}
#kunena.layout .ktopic-list .ktopic-row .ktopic-col-icon a:hover i,
#kunena.layout .ktopic-list .ktopic-row .ktopic-col-icon a:focus i,
#kunena.layout .ktopic-list .ktopic-row .ktopic-col-icon a:active i,
#kunena.layout .ktopic-list .ktopic-row .topic-item-unread a:hover i,
#kunena.layout .ktopic-list .ktopic-row .topic-item-unread a:focus i,
#kunena.layout .ktopic-list .ktopic-row .topic-item-unread a:active i,
#kunena.layout .topic-list .ktopic-row .ktopic-col-icon a:hover i,
#kunena.layout .topic-list .ktopic-row .ktopic-col-icon a:focus i,
#kunena.layout .topic-list .ktopic-row .ktopic-col-icon a:active i,
#kunena.layout .topic-list .ktopic-row .topic-item-unread a:hover i,
#kunena.layout .topic-list .ktopic-row .topic-item-unread a:focus i,
#kunena.layout .topic-list .ktopic-row .topic-item-unread a:active i {
  color: var(--kcolor-white) !important;
}
#kunena.layout .ktopic-list .ktopic-row .ktopic-col-icon a i,
#kunena.layout .ktopic-list .ktopic-row .topic-item-unread a i,
#kunena.layout .topic-list .ktopic-row .ktopic-col-icon a i,
#kunena.layout .topic-list .ktopic-row .topic-item-unread a i {
  color: var(--kcolor-gray-l2) !important;
  font-size: 16px;
}
#kunena.layout .ktopic-list .ktopic-row .topic-item-unread a,
#kunena.layout .topic-list .ktopic-row .topic-item-unread a {
  position: relative;
}
#kunena.layout .ktopic-list .ktopic-row .topic-item-unread a::after,
#kunena.layout .topic-list .ktopic-row .topic-item-unread a::after {
  background-color: var(--kcolor-error);
  border: 2px solid var(--kcolor-white);
  border-radius: 50%;
  content: "";
  height: 12px;
  position: absolute;
  top: -2px;
  right: -2px;
  width: 12px;
}
#kunena.layout .ktopic-list .ktopic-col-title,
#kunena.layout .topic-list .ktopic-col-title {
  flex-basis: 90%;
  max-width: 90%;
}
@media (min-width: 576px) {
  #kunena.layout .ktopic-list .ktopic-col-title,
  #kunena.layout .topic-list .ktopic-col-title {
    flex-basis: 70%;
    max-width: 70%;
  }
}
@media (min-width: 992px) {
  #kunena.layout .ktopic-list .ktopic-col-title,
  #kunena.layout .topic-list .ktopic-col-title {
    flex-basis: 45%;
    max-width: 45%;
  }
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title,
#kunena.layout .topic-list .ktopic-col-title .topic-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 var(--kglobal-spacing);
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title h3,
#kunena.layout .topic-list .ktopic-col-title .topic-title h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title h3 a,
#kunena.layout .topic-list .ktopic-col-title .topic-title h3 a {
  color: var(--kcolor-link);
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title h3 a:hover,
#kunena.layout .ktopic-list .ktopic-col-title .topic-title h3 a:focus,
#kunena.layout .ktopic-list .ktopic-col-title .topic-title h3 a:active,
#kunena.layout .topic-list .ktopic-col-title .topic-title h3 a:hover,
#kunena.layout .topic-list .ktopic-col-title .topic-title h3 a:focus,
#kunena.layout .topic-list .ktopic-col-title .topic-title h3 a:active {
  color: var(--kcolor-link-hover);
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title h3 sup.knewchar,
#kunena.layout .topic-list .ktopic-col-title .topic-title h3 sup.knewchar {
  font-size: 10px;
  margin-left: 4px;
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title .topic-labels,
#kunena.layout .topic-list .ktopic-col-title .topic-title .topic-labels {
  line-height: 1;
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title .topic-labels > span,
#kunena.layout .topic-list .ktopic-col-title .topic-title .topic-labels > span {
  padding: 0 0 0 calc(var(--kglobal-spacing) / 4);
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title .topic-label,
#kunena.layout .topic-list .ktopic-col-title .topic-title .topic-label {
  font-size: 12px;
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title .topic-label i,
#kunena.layout .topic-list .ktopic-col-title .topic-title .topic-label i {
  color: var(--kgray-600);
  font-size: 12px;
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title .label-locked,
#kunena.layout .topic-list .ktopic-col-title .topic-title .label-locked {
  margin-right: var(--kspacing-sm);
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title .label-locked i,
#kunena.layout .topic-list .ktopic-col-title .topic-title .label-locked i {
  color: var(--kgray-500);
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-title .label-favorite i,
#kunena.layout .topic-list .ktopic-col-title .topic-title .label-favorite i {
  color: var(--kcolor-orange);
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-meta,
#kunena.layout .topic-list .ktopic-col-title .topic-meta {
  font-size: var(--kmeta-font-size);
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-meta ul,
#kunena.layout .topic-list .ktopic-col-title .topic-meta ul {
  color: var(--kmeta-text-color);
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-meta ul li,
#kunena.layout .topic-list .ktopic-col-title .topic-meta ul li {
  margin-right: var(--kglobal-spacing);
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-meta a,
#kunena.layout .topic-list .ktopic-col-title .topic-meta a {
  border-bottom: 1px dotted var(--kcolor-white);
  color: var(--kcolor-link);
}
#kunena.layout .ktopic-list .ktopic-col-title .topic-meta a:hover,
#kunena.layout .ktopic-list .ktopic-col-title .topic-meta a:focus,
#kunena.layout .ktopic-list .ktopic-col-title .topic-meta a:active,
#kunena.layout .topic-list .ktopic-col-title .topic-meta a:hover,
#kunena.layout .topic-list .ktopic-col-title .topic-meta a:focus,
#kunena.layout .topic-list .ktopic-col-title .topic-meta a:active {
  border-bottom: 1px dotted var(--kmeta-link-hover-color);
  color: var(--kmeta-link-hover-color);
  text-decoration: none;
}
#kunena.layout .ktopic-list .ktopic-col-replies,
#kunena.layout .topic-list .ktopic-col-replies {
  display: none;
  font-weight: 500;
  flex-basis: 10%;
  text-align: center;
}
@media (min-width: 768px) {
  #kunena.layout .ktopic-list .ktopic-col-replies,
  #kunena.layout .topic-list .ktopic-col-replies {
    display: block;
  }
}
#kunena.layout .ktopic-list .ktopic-col-hits,
#kunena.layout .topic-list .ktopic-col-hits {
  display: none;
  font-weight: 500;
  flex-basis: 10%;
  text-align: center;
}
@media (min-width: 768px) {
  #kunena.layout .ktopic-list .ktopic-col-hits,
  #kunena.layout .topic-list .ktopic-col-hits {
    display: block;
  }
}
#kunena.layout .ktopic-list .ktopic-col-last-reply,
#kunena.layout .topic-list .ktopic-col-last-reply {
  display: none;
  flex-basis: 25%;
  font-size: 14px;
}
@media (min-width: 992px) {
  #kunena.layout .ktopic-list .ktopic-col-last-reply,
  #kunena.layout .topic-list .ktopic-col-last-reply {
    display: block;
  }
}
#kunena.layout .ktopic-list .ktopic-col-last-reply .user-avatar,
#kunena.layout .topic-list .ktopic-col-last-reply .user-avatar {
  border: 1px solid var(--kcolor-border);
  border-radius: 9px;
  display: block;
  float: left;
  margin-top: 4px;
  margin-right: var(--kglobal-spacing);
  padding: 2px;
  overflow: hidden;
}
#kunena.layout .ktopic-list .ktopic-col-last-reply .user-avatar a,
#kunena.layout .topic-list .ktopic-col-last-reply .user-avatar a {
  border-radius: 9px;
  display: block;
  height: 32px;
  width: 32px;
  overflow: hidden;
}
#kunena.layout .ktopic-list .ktopic-col-last-reply .user-avatar img,
#kunena.layout .topic-list .ktopic-col-last-reply .user-avatar img {
  height: 100%;
  width: 100%;
}
#kunena.layout .ktopic-list .ktopic-col-last-reply .last-post-link,
#kunena.layout .topic-list .ktopic-col-last-reply .last-post-link {
  display: block;
}
#kunena.layout .ktopic-list .ktopic-col-last-reply .date-post,
#kunena.layout .topic-list .ktopic-col-last-reply .date-post {
  color: var(--kcolor-gray-l1);
}
#kunena.layout .ktopic-list .ktopic-col-last-reply .date-post i,
#kunena.layout .topic-list .ktopic-col-last-reply .date-post i {
  color: var(--kcolor-gray-l2);
  font-size: 12px;
  margin-right: 4px;
}
#kunena.layout .ktopic-list .ktopic-col-check,
#kunena.layout .topic-list .ktopic-col-check {
  flex-basis: 10%;
  margin-left: auto;
}
@media (min-width: 992px) {
  #kunena.layout .ktopic-list .ktopic-col-check,
  #kunena.layout .topic-list .ktopic-col-check {
    flex-basis: 5%;
  }
}
#kunena.layout .ktopic-list .ktopic-col-actions,
#kunena.layout .topic-list .ktopic-col-actions {
  flex-basis: 95%;
  text-align: right;
}
#kunena.layout h1.ktopic-title {
  border-bottom: 1px solid var(--kcolor-border);
  font-size: 20px;
  font-family: Raleway;
  padding-bottom: var(--kglobal-spacing);
  margin-bottom: var(--kspacing-4);
  padding-left: 7px;
  letter-spacing: 0px;
}
@media (min-width: 576px) {
  #kunena.layout h1.ktopic-title {
    font-size: 24px;
    margin-bottom: calc(var(--kglobal-spacing) * 5);
  }
}
#kunena.layout h1.ktopic-title .ktopic-icon {
  background-color: var(--kgray-200);
  border-radius: 50%;
  display: none;
  height: 28px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  margin-right: var(--kspacing-2);
  width: 28px;
}
@media (min-width: 1200px) {
  #kunena.layout h1.ktopic-title .ktopic-icon {
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #kunena.layout h1.ktopic-title .ktopic-icon {
    display: inline-block;
  }
}
#kunena.layout h1.ktopic-title .ktopic-icon i {
  color: #E84118;
  font-size: 14px;
}
#kunena.layout .kunena-topic-item #topic-actions-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item #topic-actions-toolbar {
    justify-content: flex-end;
  }
}
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 0;
}
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul:last-child {
  margin-bottom: var(--kspacing-3);
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item #topic-actions-toolbar ul {
    margin-bottom: var(--kspacing-5);
  }
}
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul li {
  margin: 0;
}
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul li > a {
  background-color: var(--kbtn-bg-color);
  border-radius: var(--kborder-radius);
  border: 0;
  display: inline-block;
  font-size: var(--kbtn-font-size);
  font-weight: var(--kbtn-font-weight);
  padding: var(--kbtn-padding-y) var(--kbtn-padding-x);
  color: var(--kbtn-color);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: var(--kbase-trans);
  width: auto;
  margin-right: var(--kglobal-spacing);
  margin-bottom: var(--kspacing-1);
}
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul li > a:hover,
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul li > a:focus,
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul li > a:active {
  background-color: var(--kbtn-hover-bg-color);
  box-shadow: 0 0 0 1px var(--kcolor-primary) inset;
  color: var(--kbtn-hover-color);
  cursor: pointer;
  text-decoration: none;
}
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul li > a i {
  font-size: 13px;
  margin-right: 4px;
  margin-top: -4px;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item #topic-actions-toolbar ul li > a {
    margin-left: var(--kglobal-spacing);
    margin-right: 0;
    margin-bottom: 0;
  }
}
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul li > a:hover,
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul li > a:focus,
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul li > a:active {
  text-decoration: none;
}
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul.ktopic-moderate-actions li > a {
  box-shadow: 0 0 0 1px var(--kcolor-primary) inset;
}
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul.ktopic-moderate-actions li > a:hover,
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul.ktopic-moderate-actions li > a:focus,
#kunena.layout .kunena-topic-item #topic-actions-toolbar ul.ktopic-moderate-actions li > a:active {
  background-color: var(--kcolor-primary);
}
#kunena.layout .kunena-topic-item .topic-item-messages .message {
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius);
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: var(--kspacing-4);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap {
  border-radius: var(--kborder-radius);
  padding: var(--kspacing-2);
  max-width: 100%;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .kprofile-box-wrap {
    padding: var(--kspacing-4) var(--kspacing-3);
    flex-basis: 220px;
    max-width: 220px;
    text-align: center;
  }
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap ul {
  background-color: var(--kcolor-darker-lv1);
  border-radius: var(--kborder-radius);
  margin: 0;
  padding: var(--kspacing-3) var(--kspacing-1);
  list-style: none;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap ul li {
  margin-bottom: var(--kspacing-1);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .kprofile-box {
  display: none;
  margin-bottom: var(--kspacing-3);
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .kprofile-box-wrap .kprofile-box {
    display: block;
  }
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .kprofile-box-phone {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .kprofile-box-wrap .kprofile-box-phone {
    display: none;
  }
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar {
  display: block;
  position: relative;
  margin-right: var(--kspacing-2);
  padding: 4px;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar {
    height: 126px;
    margin: 0 auto var(--kglobal-spacing);
    padding: 3px;
    width: 126px;
  }
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar span {
  border-radius: 13px;
  box-shadow: 0 3px 5px rgba(0,0,0,0.1);
  display: block;
  height: 66;
  width: 66;
  overflow: hidden;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar span {
    height: 120px;
    width: 120px;
  }
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar span img {
  height: 100%;
  width: 100%;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label {
  border-radius: 50%;
  display: block;
  height: 40px;
  width: 40px;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label {
    height: 126px;
    width: 126px;
  }
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label::before {
  border: 1px solid transparent;
  border-radius: 15px;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label::after {
  background-color: var(--kcolor-success);
  border-radius: 50%;
  border: 2px solid var(--kcolor-white);
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16px;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label::after {
    bottom: 5px;
    right: 5px;
  }
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label.label-success::before {
  border-color: var(--kcolor-success);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label.label-success::after {
  background-color: var(--kcolor-success);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label.label-default::before {
  border-color: var(--kcolor-border);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label.label-default::after {
  background-color: var(--kgray-600);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label.label-warning::before {
  border-color: var(--kcolor-warning);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label.label-warning::after {
  background-color: var(--kcolor-warning);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label.label-warning::before {
  border-color: var(--kcolor-warning);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-avatar .label.label-warning::after {
  background-color: var(--kcolor-warning);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-name {
  font-weight: 600;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-title {
  color: var(--kgray-700);
  font-size: var(--kfont-size-xs);
  margin-left: 2px;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .kprofile-box-wrap .user-title {
    margin-left: 0;
  }
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-title span {
  background-color: var(--kcolor-darker-lv2);
  border-radius: var(--kborder-radius-sm);
  color: var(--kcolor-text-lv1);
  display: inline-block;
  padding: 0 2px;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .kprofile-box-wrap .user-title span {
    padding: calc(var(--kglobal-spacing) / 2) calc(var(--kglobal-spacing));
  }
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar {
  background: url(/components/com_kunena/template/kunity/assets/images/star.png) repeat-x left center;
  display: block;
  border-radius: 7px;
  height: 16px;
  margin: 0 auto;
  position: relative;
  width: 96px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar .user-rank-level {
  background-repeat: repeat-x;
  background-position: left center;
  border-radius: 5px;
  display: block;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rankadmin .user-rank-level {
  background-image: url(/components/com_kunena/template/kunity/assets/images/star-admin.png);
  width: 96px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rankmod .user-rank-level {
  background-image: url(/components/com_kunena/template/kunity/assets/images/star-mod.png);
  width: 96px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rank0 .user-rank-level {
  background-image: url(/components/com_kunena/template/kunity/assets/images/star-user.png);
  width: 0;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rank1 .user-rank-level {
  background-image: url(/components/com_kunena/template/kunity/assets/images/star-user.png);
  width: 16px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rank2 .user-rank-level {
  background-image: url(/components/com_kunena/template/kunity/assets/images/star-user.png);
  width: 32px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rank3 .user-rank-level {
  background-image: url(/components/com_kunena/template/kunity/assets/images/star-user.png);
  width: 48px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rank4 .user-rank-level {
  background-image: url(/components/com_kunena/template/kunity/assets/images/star-user.png);
  width: 64px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rank5 .user-rank-level {
  background-image: url(/components/com_kunena/template/kunity/assets/images/star-user.png);
  width: 80px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rank6 .user-rank-level {
  background-image: url(/components/com_kunena/template/kunity/assets/images/star-user.png);
  width: 96px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rankbanned .user-rank-level,
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rankdisabled .user-rank-level,
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-rank .user-rank-bar.rank-rankspammer .user-rank-level {
  background-color: var(--kcolor-black);
  width: 72px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-karma a {
  background-color: var(--kgray-400);
  color: var(--kcolor-white);
  border-radius: 5px;
  display: inline-block;
  height: 16px;
  line-height: 13px;
  transition: var(--kbase-trans);
  width: 16px;
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-karma a:hover,
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-karma a:focus,
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-karma a:active {
  background-color: var(--kcolor-link-hover);
}
#kunena.layout .kunena-topic-item .kprofile-box-wrap .user-karma a i {
  font-size: 10px;
}
#kunena.layout .kunena-topic-item .message-published {
  flex: 1;
  padding: var(--kspacing-1);
  padding-left: var(--kspacing-3);
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .mykmsg-header {
  font-size: var(--kfont-size-xs);
  color: var(--kcolor-gray-l1);
  border-radius: var(--kborder-radius-sm);
  position: relative;
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .mykmsg-header h4 {
  font-size: 18px;
  font-weight: 400;
  color: var(--kcolor-gray-l1);
  font-weight: 300;
  margin: 0 0 var(--kspacing-sm);
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .mykmsg-header em {
  font-style: normal;
  margin-right: var(--kspacing-1);
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .mykmsg-header em a {
  color: var(--gray-800);
  border-bottom: 1px dotted var(--kgray-600);
  margin-left: var(--kspacing-sm);
  transition: var(--base-trans);
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .mykmsg-header em a:hover,
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .mykmsg-header em a:focus,
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .mykmsg-header em a:active {
  border-color: var(--kcolor-link-hover);
  color: var(--kcolor-link-hover);
  text-decoration: none;
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .mykmsg-header > a {
  margin-left: auto;
  position: absolute;
  right: 0;
  top: 0;
  color: var(--kcolor-gray-l1);
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg {
    padding: var(--kspacing-3) 0;
  }
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .ksig {
  margin-bottom: var(--kspacing-1);
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer {
  color: var(--kcolor-gray-l1);
  font-size: var(--kfont-size-xs);
  border-top: 1px solid var(--kcolor-border);
  margin-bottom: var(--kspacing-3);
  padding-top: var(--kglobal-spacing);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer .kmessage-thankyou {
  color: var(--kgray-600);
  margin-right: auto;
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer .kmessage-thankyou span {
  background-color: var(--kgray-200);
  border-radius: 3px;
  padding: 3px 4px;
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer .ip {
  margin-right: var(--kspacing-1);
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer #btn_report {
  font-size: var(--kfont-size-xs);
  border-radius: 0;
  border: 0 !important;
  box-shadow: none;
  padding: 0;
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer #btn_report:hover,
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer #btn_report:focus,
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer #btn_report:active {
  background-color: transparent;
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer a {
  color: var(--kcolor-gray-l1);
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer a:hover,
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer a:focus,
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer a:active {
  color: var(--kcolor-link-hover);
  text-decoration: underline;
}
#kunena.layout .kunena-topic-item .message-published .kmsg-wrap .kmsg-footer i {
  font-size: var(--kfont-size-xs);
  color: var(--kgray-500);
  margin-right: 3px;
}
#kunena.layout .kunena-topic-item .message-published .alert {
  font-size: var(--kfont-size-sm);
  background-color: var(--kcolor-darker-lv1);
  border: 0;
  padding: var(--kspacing-1) var(--kspacing-2);
}
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding-top: var(--kspacing-3);
}
@media (min-width: 992px) {
  #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap {
    justify-content: flex-end;
  }
}
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap .Kreplyclick {
  margin-right: var(--kspacing-1);
  margin-bottom: var(--kspacing-1);
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap .Kreplyclick {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap .Kreplyclick {
    margin-right: 0;
  }
}
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou,
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou {
  background-color: var(--kbtn-bg-color);
  border-radius: var(--kborder-radius);
  border: 0;
  display: inline-block;
  font-size: var(--kbtn-font-size);
  font-weight: var(--kbtn-font-weight);
  padding: var(--kbtn-padding-y) var(--kbtn-padding-x);
  color: var(--kbtn-color);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: var(--kbase-trans);
  width: auto;
  border-color: var(--kcolor-lighter-lv1) !important;
  margin-bottom: var(--kspacing-1);
  margin-right: var(--kspacing-1);
}
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou:hover,
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou:focus,
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou:active,
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou:hover,
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou:focus,
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou:active {
  background-color: var(--kbtn-hover-bg-color);
  box-shadow: 0 0 0 1px var(--kcolor-primary) inset;
  color: var(--kbtn-hover-color);
  cursor: pointer;
  text-decoration: none;
}
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou i,
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou i {
  font-size: 13px;
  margin-right: 4px;
  margin-top: -4px;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou,
  #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_thankyou,
  #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap #btn_unthankyou {
    margin-right: auto;
  }
}
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap ul li a {
  background-color: var(--kbtn-bg-color);
  border-radius: var(--kborder-radius);
  border: 0;
  display: inline-block;
  font-size: var(--kbtn-font-size);
  font-weight: var(--kbtn-font-weight);
  padding: var(--kbtn-padding-y) var(--kbtn-padding-x);
  color: var(--kbtn-color);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transition: var(--kbase-trans);
  width: auto;
  margin-right: var(--kspacing-1);
  margin-bottom: var(--kspacing-1);
}
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap ul li a:hover,
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap ul li a:focus,
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap ul li a:active {
  background-color: var(--kbtn-hover-bg-color);
  box-shadow: 0 0 0 1px var(--kcolor-primary) inset;
  color: var(--kbtn-hover-color);
  cursor: pointer;
  text-decoration: none;
}
#kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap ul li a i {
  font-size: 13px;
  margin-right: 4px;
  margin-top: -4px;
}
@media (min-width: 576px) {
  #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap ul li a {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #kunena.layout .kunena-topic-item .message-published .ktopic-action-wrap ul li a {
    margin-left: calc(var(--kglobal-spacing) / 2);
    margin-right: 0;
  }
}
#kunena.layout .kunena-topic-item .kpagination {
  margin-bottom: calc(var(--kglobal-spacing) * 4);
}
#kunena.layout .kpost-form-wrap {
  background: var(--kcolor-darker-lv2);
  border-radius: var(--kborder-radius);
  margin-bottom: calc(var(--kglobal-spacing) * 4);
  padding: calc(var(--kglobal-spacing) * 2);
}
@media (min-width: 576px) {
  #kunena.layout .kpost-form-wrap {
    padding: calc(var(--kglobal-spacing) * 3);
  }
}
#kunena.layout .kpost-form-wrap .kpost-field-label {
  color: var(--kgray-700);
  font-size: var(--kfont-size-sm);
  font-weight: 400;
}
#kunena.layout .kpost-form-wrap .kpost-topic-cat {
  margin-bottom: calc(var(--kglobal-spacing) * 1.5);
}
#kunena.layout .kpost-form-wrap .kpost-topic-title {
  margin-bottom: calc(var(--kglobal-spacing) * 1.5);
}
#kunena.layout .kpost-form-wrap .kpost-topic-title #subject {
  width: 100%;
  transition: var(--kbase-trans);
}
#kunena.layout .kpost-form-wrap .kpost-topic-title #subject:hover {
  border-color: var(--kgray-400);
}
#kunena.layout .kpost-form-wrap .kpost-topic-title #subject:focus,
#kunena.layout .kpost-form-wrap .kpost-topic-title #subject:active {
  border-color: var(--color-primary);
}
#kunena.layout .kpost-topic-icons {
  margin-bottom: calc(var(--kglobal-spacing) * 3);
}
#kunena.layout .kpost-topic-icons #iconset_topic_list {
  display: flex;
  flex-wrap: wrap;
}
#kunena.layout .kpost-topic-icons .kpost-icon {
  position: relative;
  margin-right: calc(var(--kglobal-spacing) / 2);
}
@media screen and (min-width: 576px) {
  #kunena.layout .kpost-topic-icons .kpost-icon {
    margin-right: var(--kglobal-spacing);
  }
}
#kunena.layout .kpost-topic-icons .kpost-icon label {
  background-color: var(--kcolor-lighter-lv1);
  border-radius: var(--kborder-radius-lg);
  border: 1px solid var(--kcolor-border);
  color: var(--kgray-500);
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 32px;
  line-height: 32px;
  text-align: center;
  transition: var(--kbase-trans);
  width: 32px;
}
#kunena.layout .kpost-topic-icons .kpost-icon label:hover {
  color: var(--kgray-600);
  cursor: pointer;
}
#kunena.layout .kpost-topic-icons .kpost-icon label i {
  font-size: 18px;
  line-height: 1;
}
#kunena.layout .kpost-topic-icons .kpost-icon input[type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
#kunena.layout .kpost-topic-icons .kpost-icon input[type="radio"]:checked + label {
  border-color: var(--kcolor-success);
  color: var(--kcolor-success);
}
#kunena.layout #cke_message {
  box-shadow: none;
  border-radius: var(--kborder-radius);
  border: 1px solid var(--kcolor-border);
}
#kunena.layout #cke_message .cke_inner {
  border-radius: var(--kborder-radius);
}
#kunena.layout #cke_message .cke_top {
  background: var(--kgray-100);
  border-radius: var(--kborder-radius) var(--kborder-radius) 0 0;
  border-bottom: 1px solid var(--kcolor-border);
}
#kunena.layout #cke_message .cke_top .cke_toolgroup {
  background: var(--color-white);
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius-sm);
}
#kunena.layout #cke_message .cke_top a.cke_button {
  background-color: var(--kcolor-white);
  min-height: 32px;
  padding: 6px 8px;
}
#kunena.layout #cke_message .cke_top a.cke_button:hover,
#kunena.layout #cke_message .cke_top a.cke_button:focus,
#kunena.layout #cke_message .cke_top a.cke_button:active {
  background: var(--kgray-200);
  box-shadow: none;
}
#kunena.layout #cke_message #cke_1_bottom {
  background: var(--color-white);
  border-radius: 0 0 var(--kborder-radius) var(--kborder-radius);
  border-top: 1px solid var(--kgray-100);
  box-shadow: none;
}
#kunena.layout #cke_message .cke_button__find span {
  background: none !important;
}
#kunena.layout #cke_message .cke_button__find span::before {
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  font-size: 16px;
  display: block;
  height: 16px;
  width: 16px;
}
#kunena.layout #kpost-attachments {
  background: var(--color-white);
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius);
  margin-bottom: calc(var(--kglobal-spacing) * 2);
  padding: calc(var(--kglobal-spacing) * 2);
  position: relative;
}
@media (min-width: 576px) {
  #kunena.layout #kpost-attachments {
    padding: calc(var(--kglobal-spacing) * 3);
  }
}
#kunena.layout #kpost-attachments h4 {
  background-color: var(--kcolor-bg);
  color: var(--kgray-600);
  display: inline-block;
  font-size: var(--kfont-size-sm);
  padding: 0 var(--kspacing-sm);
  position: absolute;
  left: calc(var(--kglobal-spacing) * 3);
  top: -10px;
}
#kunena.layout #kpost-attachments .alert p {
  margin-bottom: var(--kglobal-spacing);
  font-size: var(--font-size-sm);
}
#kunena.layout #kpost-attachments .alert p:last-child {
  margin-bottom: 0;
}
#kunena.layout #kpost-attachments .action-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(var(--kglobal-spacing) * 2);
}
#kunena.layout #kpost-attachments .action-wrap .kbutton {
  margin-right: var(--kglobal-spacing);
}
#kunena.layout #kpost-attachments .action-wrap .fileinput-button {
  margin-right: var(--kglobal-spacing);
}
#kunena.layout #kpost-attachments .action-wrap .fileinput-button:hover,
#kunena.layout #kpost-attachments .action-wrap .fileinput-button:focus,
#kunena.layout #kpost-attachments .action-wrap .fileinput-button:active {
  cursor: pointer;
}
#kunena.layout #kpost-attachments #progress {
  margin-bottom: calc(var(--kglobal-spacing) * 2);
}
#kunena.layout #kpost-attachments .files {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(var(--kglobal-spacing) * 2);
}
#kunena.layout #kpost-attachments .files > div {
  background-color: var(--kgray-100);
  border-radius: var(--kborder-radius);
  margin-right: var(--kglobal-spacing);
  padding: calc(var(--kglobal-spacing) * 2);
  text-align: center;
}
#kunena.layout #kpost-attachments .files .btn {
  padding: var(--kbtn-sm-padding-y) var(--kbtn-sm-padding-x);
  font-size: var(--kbtn-sm-font-size);
  margin: 0 calc(var(--kglobal-spacing) / 2);
}
#kunena.layout #kpost-attachments .files .btn i {
  font-size: 13px;
  margin-right: 4px;
  margin-top: -4px;
}
#kunena.layout #kpost-attachments #dropzone {
  margin-top: var(--kglobal-spacing);
}
#kunena.layout #kpost-attachments #dropzone .message {
  background: var(--kcolor-lighter-lv1);
  border-radius: var(--kborder-radius);
  color: var(--kgray-600);
  padding: calc(var(--kglobal-spacing) * 6) 0;
  text-align: center;
}
#kunena.layout .kpost-subscribe-wrap {
  font-size: var(--kfont-size-sm);
  margin-bottom: var(--kspacing-1);
}
#kunena.layout .ktopic-info {
  background-color: var(--kgray-100);
  border-radius: var(--kborder-radius-sm);
  margin-bottom: var(--kspacing-4);
  padding: var(--kspacing-4);
}
#kunena.layout .ktopic-info > div {
  border-bottom: 1px solid var(--kcolor-border);
  margin-bottom: var(--kspacing-1);
  padding-bottom: var(--kspacing-1);
}
#kunena.layout .ktopic-info > div:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#kunena.layout .ktopic-info > div .field-title {
  color: var(--kcolor-gray-l1);
  display: inline-block;
  font-weight: 400;
  min-width: 120px;
}
#kunena.layout .kmodearte-msg .kpost-head {
  border-bottom: 1px solid var(--kcolor-border);
  padding-bottom: var(--kspacing-2);
  margin-bottom: var(--kspacing-3);
}
#kunena.layout .kmodearte-msg .kpost-head .author-avatar {
  border: 1px solid var(--kcolor-border);
  border-radius: 50%;
  float: left;
  margin-right: var(--kspacing-1);
  padding: 2px;
  overflow: hidden;
}
#kunena.layout .kmodearte-msg .kpost-head .author-avatar .img-thumbnail {
  border-radius: 50%;
  padding: 0;
}
#kunena.layout .kmodearte-msg .kpost-head h3 {
  font-size: var(--kfont-size-lg);
  margin: 0 0 var(--kspacing-sm);
}
#kunena.layout .kmodearte-msg .kpost-head .kpost-meta {
  font-size: var(--kfont-size-sm);
  color: var(--kcolor-gray-l1);
}
#kunena.layout .kmoderate-field {
  margin-bottom: var(--kspacing-4);
}
#kunena.layout .kuser-profile {
  background-color: var(--kcolor-darker-lv1);
  border: 1px solid var(--kcolor-border);
  border-radius: 13px;
  margin-bottom: calc(var(--kglobal-spacing) * 3);
  padding: var(--kglobal-spacing);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  #kunena.layout .kuser-profile {
    flex-wrap: nowrap;
  }
}
#kunena.layout .kuser-profile .kuser-main-info {
  background-color: var(--kcolor-darker-lv2);
  border-radius: var(--kborder-radius-lg);
  flex-basis: 100%;
  padding: calc(var(--kglobal-spacing) * 3);
  margin-bottom: var(--kspacing-3);
}
@media (min-width: 768px) {
  #kunena.layout .kuser-profile .kuser-main-info {
    flex-basis: 50%;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  #kunena.layout .kuser-profile .kuser-main-info {
    flex-basis: 33.33%;
  }
}
@media (min-width: 1200px) {
  #kunena.layout .kuser-profile .kuser-main-info {
    flex-basis: 20%;
  }
}
#kunena.layout .kuser-profile .kuser-main-info .action-wrap a {
  background-color: var(--kgray-500);
  color: var(--kcolor-white);
  border-radius: var(--kborder-radius-sm);
  display: block;
  padding: var(--kglobal-spacing) calc(var(--kglobal-spacing) * 2);
  text-align: center;
}
#kunena.layout .kuser-profile .kuser-main-info .action-wrap a:hover,
#kunena.layout .kuser-profile .kuser-main-info .action-wrap a:focus,
#kunena.layout .kuser-profile .kuser-main-info .action-wrap a:active {
  background-color: var(--kcolor-primary);
  text-decoration: none;
}
#kunena.layout .kuser-profile .kuser-avatar {
  position: relative;
  margin-bottom: calc(var(--kglobal-spacing) * 2);
  padding-top: 7px;
  text-align: center;
}
#kunena.layout .kuser-profile .kuser-avatar > div {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  height: 96px;
  position: relative;
  width: 96px;
  z-index: 20;
}
#kunena.layout .kuser-profile .kuser-avatar .kwho-admin {
  margin: 0;
  padding: 0;
}
#kunena.layout .kuser-profile .kuser-avatar img {
  height: 100%;
  width: 100%;
}
#kunena.layout .kuser-profile .kuser-avatar a {
  border-radius: 3px;
  display: block;
  margin-top: 5px;
  padding: 5px 0;
  text-align: center;
}
#kunena.layout .kuser-profile .kuser-avatar a.label-success {
  background-color: var(--kcolor-primary);
  color: var(--kcolor-white);
}
#kunena.layout .kuser-profile .kuser-avatar .label {
  background: var(--kcolor-bg) !important;
  border-radius: 50%;
  display: inline-block;
  color: var(--kcolor-white);
  height: 110px;
  padding: 0;
  margin-top: 0;
  top: 0;
  left: 50%;
  margin-left: -55px;
  width: 110px;
  position: absolute;
}
#kunena.layout .kuser-profile .kuser-avatar .label::after {
  background-color: var(--kgray-400);
  border: 2px solid var(--kcolor-white);
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 16px;
  z-index: 100;
}
#kunena.layout .kuser-profile .kuser-avatar .label.label-success {
  border: 1px solid var(--kcolor-success);
}
#kunena.layout .kuser-profile .kuser-avatar .label.label-success::after {
  background-color: var(--kcolor-success);
}
#kunena.layout .kuser-profile .kuser-avatar .label.label-warning {
  border: 1px solid var(--kcolor-warning);
}
#kunena.layout .kuser-profile .kuser-avatar .label.label-warning::after {
  background-color: var(--kcolor-warning);
}
#kunena.layout .kuser-profile .kuser-personal-text {
  text-align: center;
}
#kunena.layout .kuser-profile .kuser-personal-text h4 {
  color: #666;
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 var(--kglobal-spacing);
  text-transform: uppercase;
}
#kunena.layout .kuser-profile .kuser-personal-info {
  margin-bottom: calc(var(--kglobal-spacing) * 2);
  text-align: center;
}
#kunena.layout .kuser-profile .kuser-personal-info a,
#kunena.layout .kuser-profile .kuser-personal-info button {
  background-color: var(--kcolor-white);
  border-radius: 50%;
  color: #999;
  display: inline-block;
  height: 32px;
  margin: 0 2px;
  line-height: 32px;
  width: 32px;
}
#kunena.layout .kuser-profile .kuser-personal-info a:hover,
#kunena.layout .kuser-profile .kuser-personal-info a:focus,
#kunena.layout .kuser-profile .kuser-personal-info a:active,
#kunena.layout .kuser-profile .kuser-personal-info button:hover,
#kunena.layout .kuser-profile .kuser-personal-info button:focus,
#kunena.layout .kuser-profile .kuser-personal-info button:active {
  background-color: var(--kcolor-primary);
  color: var(--kcolor-white);
}
#kunena.layout .kuser-profile .kuser-personal-info a i,
#kunena.layout .kuser-profile .kuser-personal-info button i {
  line-height: 32px;
  font-size: 14px;
}
#kunena.layout .kuser-profile .kuser-other-info {
  flex-basis: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  #kunena.layout .kuser-profile .kuser-other-info {
    flex-basis: 50%;
    padding-left: calc(var(--kglobal-spacing) * 3);
    padding-right: calc(var(--kglobal-spacing) * 2);
  }
}
@media (min-width: 768px) {
  #kunena.layout .kuser-profile .kuser-other-info {
    flex-basis: 66.66%;
  }
}
@media (min-width: 1200px) {
  #kunena.layout .kuser-profile .kuser-other-info {
    flex-basis: 80%;
  }
}
#kunena.layout .kuser-profile .kuser-other-info ul {
  padding: 0 0 calc(var(--kglobal-spacing) * 2);
  margin-bottom: calc(var(--kglobal-spacing) * 3);
  list-style: none;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
#kunena.layout .kuser-profile .kuser-other-info ul li {
  flex-basis: 100%;
  padding: var(--kspacing-1) 0 var(--kspacing-1) var(--kspacing-4);
  position: relative;
}
@media (min-width: 992px) {
  #kunena.layout .kuser-profile .kuser-other-info ul li {
    padding: var(--kspacing-1) 0 var(--kspacing-1) calc(var(--kglobal-spacing)*2);
    flex-basis: 50%;
  }
}
@media (min-width: 1200px) {
  #kunena.layout .kuser-profile .kuser-other-info ul li {
    flex-basis: 33.33%;
  }
}
#kunena.layout .kuser-profile .kuser-other-info ul li:before {
  background-color: #ccc;
  border-radius: 50%;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  left: var(--kspacing-1);
  top: 16px;
  width: 7px;
}
@media (min-width: 992px) {
  #kunena.layout .kuser-profile .kuser-other-info ul li:before {
    left: 0;
  }
}
#kunena.layout .kuser-profile .kuser-other-info ul li strong {
  color: var(--kcolor-text-lv1);
  font-weight: 500;
  display: inline-block;
}
#kunena.layout .kuser-profile .kuser-other-info .kuser-socials {
  margin-bottom: var(--kspacing-3);
  overflow: hidden;
  padding-left: 8px;
}
#kunena.layout .kuser-profile .kuser-other-info .kuser-socials .kuser-social-list {
  float: left;
  display: flex;
  flex-wrap: wrap;
}
#kunena.layout .kuser-profile .kuser-other-info .kuser-socials .kuser-social-list:hover a .kicon-profile {
  margin-left: 2px;
}
#kunena.layout .kuser-profile .kuser-other-info .kuser-socials a {
  display: block;
}
#kunena.layout .kuser-profile .kuser-other-info .kuser-socials a:first-child .kicon-profile:first-child {
  margin-left: 0;
}
#kunena.layout .kuser-profile .kuser-other-info .kuser-socials a .kicon-profile {
  display: block;
  height: 32px;
  margin-left: -8px;
  transition: var(--kbase-trans);
  width: 32px;
}
#kunena.layout .kuser-profile .kuser-socials:empty() {
  border-top: 1px solid var(--kcolor-border);
  margin-bottom: calc(var(--kglobal-spacing) * 3);
  padding-bottom: calc(var(--kglobal-spacing) * 3);
  overflow: hidden;
}
#kunena.layout .kuser-profile .kuser-socials:empty() .user-socials {
  float: left;
  padding-top: var(--kglobal-spacing);
  margin-bottom: var(--kglobal-spacing);
}
#kunena.layout .kuser-profile .kuser-socials:empty() .user-socials > div > a {
  display: inline-block;
  margin-right: 3px;
}
#kunena.layout .kuser-profile .kuser-socials:empty() .user-socials .kicon-profile {
  background-size: cover;
  height: 28px;
  width: 28px;
}
#kunena.layout .kuser-profile .kuser-signature {
  border-top: 1px solid var(--kcolor-border);
  padding: var(--kspacing-2) var(--kspacing-4);
}
@media (min-width: 576px) {
  #kunena.layout .kuser-profile .kuser-signature {
    padding: var(--kspacing-2) var(--kspacing-4);
    padding: var(--kspacing-3) 0 0;
  }
}
#kunena.layout .kprofile-edit-block {
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius);
  margin-bottom: calc(var(--kglobal-spacing) * 4);
  padding: calc(var(--kglobal-spacing) * 3);
  position: relative;
}
#kunena.layout .kprofile-edit-block h3 {
  background-color: var(--kcolor-bg);
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  margin: 0;
  padding: 0 var(--kglobal-spacing);
  position: absolute;
  top: -10px;
  left: calc(var(--kglobal-spacing) * 3);
}
#kunena.layout .kprofile-edit-block .krow > div {
  margin-bottom: calc(var(--kglobal-spacing) * 2);
}
#kunena.layout .kprofile-edit-block label {
  display: block;
  font-weight: 500;
  margin-bottom: var(--kglobal-spacing);
}
#kunena.layout .kprofile-edit-block input {
  max-width: 100%;
}
#kunena.layout .kprofile-edit-block select {
  width: 100%;
}
#kunena.layout .change-avatar-wrap {
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius-sm);
  margin-bottom: var(--kspacing-3);
  padding: var(--kspacing-3);
}
#kunena.layout .change-avatar-wrap .kavt-change {
  background-color: var(--kcolor-darker-lv1);
  border-radius: var(--kborder-radius-sm);
  padding: var(--kspacing-4);
}
#kunena.layout .change-avatar-wrap #dropzone {
  border: 1px solid var(--kcolor-lighter-lv1);
  border-radius: var(--kspacing-sm);
  margin-top: var(--kspacing-4);
  padding: var(--kspacing-4);
}
#kunena.layout .kpage-heading {
  font-size: var(--kpage-heading-font-size);
}
#kunena.layout #search {
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius-sm);
  padding-bottom: var(--kspacing-5);
}
#kunena.layout #search .search-by {
  background-color: var(--kcolor-darker-lv1);
  border-bottom: 1px solid var(--kcolor-border);
  margin-bottom: var(--kspacing-5);
  padding: calc(var(--kglobal-spacing) * 3);
}
#kunena.layout #search fieldset {
  padding: 0;
  position: relative;
}
#kunena.layout #search fieldset::before {
  background-color: var(--kcolor-border);
  content: "";
  position: absolute;
  left: 0;
  top: -24px;
  height: 1px;
  right: 0;
}
#kunena.layout #search fieldset legend {
  background-color: var(--kcolor-darker-lv1);
  display: inline-block;
  border: 0;
  color: var(--kgray-500);
  font-size: var(--kfont-size-xs);
  font-weight: 500;
  margin-bottom: var(--kspacing-3);
  padding-right: var(--kglobal-spacing);
  position: relative;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  width: auto;
  z-index: 50;
}
#kunena.layout #search .ksub-heading {
  margin-left: var(--kspacing-4);
  font-size: 20px;
}
#kunena.layout #search #search-options {
  margin-bottom: calc(var(--kglobal-spacing) * 3);
  padding: calc(var(--kglobal-spacing) * 3);
}
#kunena.layout #search #search-options .krow {
  margin-bottom: var(--kspacing-3);
}
#kunena.layout #search #search-options input {
  display: inline-block;
  width: auto;
}
#kunena.layout #search #search-options legend {
  background-color: var(--kcolor-bg);
}
#kunena.layout #search #search-options #categorylist {
  font-size: var(--kfont-size-sm);
  margin-bottom: var(--kglobal-spacing);
  min-height: 200px;
  width: 100%;
}
#kunena.layout #search #kusersearch {
  margin-bottom: var(--kspacing-2);
}
#kunena.layout #search input {
  vertical-align: middle;
}
#kunena.layout #search select {
  border-radius: 5px;
  vertical-align: middle;
}
#kunena.layout #search .action-wrap .kbutton {
  margin: 0 var(--kspacing-sm);
}
#kunena.layout #kunena_search_results {
  display: flex;
  flex-wrap: wrap;
}
#kunena.layout #kunena_search_results .kprofile-box-wrap {
  flex-basis: 160px;
  max-width: 160px;
  text-align: center;
}
#kunena.layout .action-wrap {
  text-align: center;
}
#kunena.layout .kloginform {
  box-shadow: var(--kshadow-lv2);
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius);
  max-width: 400px;
  margin: 0 auto;
  padding: var(--kspacing-4);
}
#kunena.layout .kloginform h1 {
  background-color: #EFF6FF;
  border-radius: var(--kborder-radius-sm);
  color: #1E40AF;
  font-size: 15px;
  font-weight: 400;
  padding: var(--kspacing-2);
  line-height: 1.4;
}
#kunena.layout .kloginform .control-group {
  margin-bottom: var(--kspacing-3);
  width: 100%;
}
#kunena.layout .kloginform .control-group:last-child {
  margin-bottom: 0;
}
#kunena.layout .kloginform .control-group input {
  outline: none;
  transition: var(--kbase-trans);
  width: 100%;
}
#kunena.layout .kloginform .control-group input:hover,
#kunena.layout .kloginform .control-group input:focus,
#kunena.layout .kloginform .control-group input:active {
  border-color: var(--kcolor-primary);
}
#kunena.layout .kloginform .add-on {
  text-align: center;
}
#kunena.layout .kloginform .add-on i {
  display: none;
}
#kunena.layout .kloginform .add-on label {
  margin-bottom: var(--kspacing-sm);
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
}
#kunena.layout .kloginform #kform-login-submit p:last-child {
  margin-bottom: 0;
}
#kunena.layout .kloginform #kform-login-submit a {
  color: var(--kcolor-gray-l1);
}
#kunena.layout .kloginform #kform-login-submit a:hover,
#kunena.layout .kloginform #kform-login-submit a:focus,
#kunena.layout .kloginform #kform-login-submit a:active {
  color: var(--kcolor-link-hover);
}
body.com_kunena.modal-open {
  overflow: visible;
}
#sp-header {
  background-color: rgba(0,0,0,0.8);
  border: 0px solid #f9f9f9;
}
html body {
  background: url(/components/com_kunena/template/kunity/assets/images/bg.jpg) no-repeat center top fixed;
  color: #fff;
  background-size: cover;
}
.pagination > li > a,
.pagination > li > span {
  color: var(--kcolor-link);
}
a.soc-btn {
  color: var(--knav-active-color);
  padding-right: 5px;
}
.page-link {
  background-color: var(--kcolor-lighter-lv1);
  border-color: var(--kcolor-lighter-lv2);
}
#kunena.layout #kunena_search_results {
  display: flex;
  flex-direction: row;
  padding-bottom: 25px;
  border: 1px solid var(--kcolor-border);
  border-radius: var(--kborder-radius);
  margin-bottom: var(--kspacing-4);
  align-items: stretch;
}
#kunena_search_results .kprofile-box {
  display: block;
  margin-bottom: var(--kspacing-3);
  background-color: var(--kcolor-darker-lv1);
  border-radius: var(--kborder-radius);
  margin-bottom: 0px;
  padding: var(--kspacing-3) var(--kspacing-1);
  list-style: none;
  height: auto;
}
#kunena.layout #kunena_search_results .kprofile-box-wrap {
  flex-grow: 1;
  text-align: center;
  padding: var(--kspacing-4) var(--kspacing-3);
  flex-basis: 180px;
  border-radius: var(--kborder-radius);
  height: auto;
  max-width: unset;
}
#kunena_search_results .kmsg-result {
  padding: var(--kspacing-4);
  padding-left: var(--kspacing-3);
  height: auto;
  width: 100%;
}
#kunena_search_results .float-right {
  float: unset !important;
}
#kunena_search_results img {
  display: unset;
}
.alert-info {
  color: #a9afb0;
}
.kmsg-wrap {
  min-width: 240px;
}