/* Forum Archive Styles */
.nfx-forum-single-discussion{
  background-color: #FFF;
  margin-bottom: 20px;
}

.nfx-forum-single-discussion .nfx-discussion-header{
  display: block;
}

.nfx-forum-single-discussion .nfx-discussion-actions{
  display:flex;
  gap:32px;
  align-items:center;
  margin-bottom: 20px;
  margin-top: 10px;
}

.nfx-forum-single-discussion h2.nfx-discussion-title {
  font-size: 2em;
  width: 80%
}

.nfx-discussion-avatar{
  position: relative;
}

.nfx-discussion-avatar .expert-icon{
  position: absolute;
    right: -10px;
}

.nfx-forum-single-discussion .nfx-discussion-title-forum {
  display: inline-block;
}

.nfx-forum-single-discussion .nfx-discussion-title-forum a{
  color: #FFF;
}

.nfx-discussion-content {
  padding: 0 0 20px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
}

/* Meta Information */
.nfx-forum-single-discussion .nfx-discussion-meta {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  font-size: 0.9em;
  margin-bottom: 20px;
}

.elementor-kit-9 button.primary-button{
  border-radius: 6px !important;
  border: none!important;
}

.nfx-forum-comments-area{
  background: #F6F6F6;
}

.nfx-success-message {
  background-color: #dff0d8;
  color: #3c763d;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.nfx-error-message {
  background-color: #f2dede;
  color: #a94442;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 20px;
}

div.nfx-forum-comments-area:empty {
  display: none;
}

/* add dekstop styles */
@media (min-width: 768px) {
  .nfx-forum-single-discussion .nfx-discussion-header {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
  }
  .nfx-forum-single-discussion .nfx-discussion-actions{
    margin-top: 0;
    margin-bottom: 0;
  }
}



/* Add / Edit Discussion */

.nfx-form-group label{
  color: var(--e-global-color-4de7050);
  font-size: 0.8em;
  padding-bottom: 0.4em;
}

.nfx-form-group input{
  border: 1px solid #69727d;
  border-radius: 4px;
  padding: 0.5em;
  font-size: 1em;
}

.nfx-form-group textarea{
  border: 1px solid #69727d;
  border-radius: 4px;
  padding: 0.5em;
  font-size: 1em;
  width: 100%;
}

.nfx-forum-cancel-link{
  font-size: 0.9em;
  margin-left: 20px;
}

.nfx-toolbar {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
}

.nfx-toolbar a{
  background: #CCC;
  color: #000;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 0.9em;
  margin-left: 10px;
}

#nfx-discussion-content-editor .ql-editor{
    min-height:400px;
}


/* Comments */

.nfx-comment{
  background:rgba(255,255,255, 0.5); 
  border-radius:24px; 
  padding:10px; 
  margin-bottom:15px;
}

.nfx-comment img{
  width: 40px;
  height: 40px;
}

.nfx-comment .nfx-comment{
  margin-bottom: 0;
  margin-top: 15px;
}

.nfx-comment .nfx-comment-header{
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 0.8em;;
}

.nfx-comment .nfx-comment-header strong{
  font-size: 1em;
  color: #263333;
}

.nfx-comment .nfx-comment-header .dot{
  color: #2e8b57;
  font-size: 1.2em;
}

.nfx-comment .nfx-comment-header .time{
  color: #42504e;
}

.nfx-comment-actions {
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap: wrap;
}
.nfx-comment-actions a {
  display:flex;
  align-items:center;
  gap:6px;
  color:#42504e;
  text-decoration:none;
  font-weight:500;
  font-size:0.8em;
}
.nfx-comment-actions a:hover {
  text-decoration: underline;
}
.nfx-comment-actions a svg{
  width: 16px;
  height: 16px;
  fill: #42504e;
}

/* larger screen styles */
@media (min-width: 768px) {
  .nfx-comment{ padding: 20px;}
  .nfx-comment .nfx-comment-header{ font-size: 1em; }
  .nfx-comment-actions { gap:28px; }
  .nfx-comment img{ width: 56px; height: 56px; }
}


#nfx-comment-text .ql-editor{
    min-height:200px;
}

.nfx-like.liked{
  font-weight: bold;
}

a.nfx-like{
  color: #1a2324;
}

.nfx-solved-badge{
  background: #F6F6F6;
  font-size: 18px;
  padding: 5px 10px;
  border-radius: 10px;
  margin-bottom: 5px;
  display: inline-block;
  line-height: 1em;
}

.nfx-solved-badge a{
	padding: 0;
	margin: 0;
}

img.avatar{ border-radius: 50%; }

.ql-container{
  font-size: 16px!important;
}





/* larger screen styles */
@media (min-width: 1200px) {

  body:not([class*=elementor-page-])  .site-main{
    max-width: 1920px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-self: auto;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    gap: 30px 30px;
  }

  .nfx-forum-single-discussion{
    width: 70%;
    flex: 0 1 auto;
    flex-grow: 0;
    flex-shrink: 1;
  }

  .nfx-forum-sidebar{
    width: 30%;
    flex: 0 1 auto;
    flex-grow: 0;
    flex-shrink: 1;
  }



}