﻿.thread-panel-content {background-color: var(--color-gray) !important;}
.thread-title{margin: 0 !important;}
.thread-title a {color: var(--color-body) !important;text-decoration: none;cursor: pointer;transition: color ease-in-out .10s;}
.thread-title a:hover {color: var(--color-primary) !important;text-decoration: none !important;}
.thread-posted {margin-top: 10px;color: var(--color-light);}
.thread {padding: 25px 0px;}
.thread-body-image-thumb{float: right;margin: -25px 0px 15px 15px;max-width: 240px;max-height: 300px;overflow: hidden;}
.thread-body-more {margin-top: 15px;font-weight: 500;}
.thread-body img{margin:10px 20px 10px 20px;max-width: 90%;}
.thread-body p {margin: 20px 0 20px 0;}
.thread-commentcounts {margin-left: 20px;}
.thread-comments-header {margin-top: 5px;font-weight: 500;font-size: 18px;}
.thread-comment {padding: 20px 0px;border-bottom: 1px solid var(--color-gray-dark);}
.thread-comment:last-child {border-bottom: none !important;}
.thread-comment-avatar {height: 60px;width: 60px;float: left;margin-top: 10px;background-color: var(--color-gray) !important;border: solid 1px var(--color-gray);border-radius: 5px;}
.thread-comment-body{padding-left: 75px;}
.thread-comment-body-posted {margin-top: 10px;color: var(--color-muted);}
.thread-comment-body-content {margin-top: 5px;}
.thread-comment-like {margin-top: 5px;display: flex;justify-content: flex-end}
.thread-comment-add {margin-top: 15px;background-color: var(--color-gray) !important;}
.thread-comment-add-header {font-weight: 500;font-size: 18px;}
.thread img{max-width: 100%;border-radius:8px;}
.thread iframe{max-width: 100%;border-radius:8px;}
.article-body h2 {font-size: 22px;color: var(--color-body);padding-top: 40px;margin-top: 40px;line-height: 140%;border-top: solid 1px var(--bordercolor-light);}
.article-body h2:first-of-type {border-top: none;margin-top: 0;padding-top: 20px;}
.article-body h3{font-size: 20px;color: var(--color-body);padding-top:20px;line-height:140%;}
.article-body table {margin-bottom: 20px;border-spacing: 0;border-collapse: collapse;font-size: 14px;}
.article-body table > thead > tr > th, .thread-body table > tbody > tr > th, .thread-body table > tfoot > tr > th, .thread-body table > thead > tr > td, .thread-body table > tbody > tr > td, .thread-body table > tfoot > tr > td {vertical-align: middle !important;padding: 5px 10px 5px 10px;line-height: 1.42857143;}
.article-body table > tbody > tr > th, .thread-body table strong {font-weight: 500;}
.article-body td {border-top: 1px solid var(--bordercolor-light);}
.article-body tr:first-child > td {border-top: 1px solid transparent;}
.article-body strong {font-weight: 500;}


.articles {border: 1px solid var(--bordercolor);border-radius: 8px;padding: 20px;margin-bottom: 30px;transition: all .15s;height: 155px;max-height: 155px;overflow: hidden;}
.articles.noimage {height: 110px;max-height: 110px;}
.articles:hover {box-shadow: 0 1px 3px rgba(54,64,67,.3), 0 4px 8px 3px rgba(54,64,67,.15);}
.articles:hover > .articles-title {text-decoration: underline;}
.articles:hover .articles-image, .articles-image:hover {transform: scale(1.03);}
.articles-title {display: flex;flex-direction: row;justify-content: space-between;color: var(--color-body) !important;text-decoration: none;transition: all .15s;}
.articles-title:hover {color: var(--color-body) !important;text-decoration: underline;}
.articles-title h3 {font-size: 15px;font-family: 'Open Sans', sans-serif !important;font-weight: 600;line-height: 1.4;color: var(--color-body);margin: 0;margin-top: 10px;margin-right: 15px;}
.articles-image {background-size: cover;background-repeat: no-repeat;background-position-x: center;height: 92px;min-width: 100px;align-self: flex-end;border-radius: 8px;transition: all .15s;}
.articles-category {font-weight: 500;}
.article-title{margin: 0 !important; text-align:center;line-height: 130%;}
.articles-list-title{display: block;font-weight: 400;font-size: 15px;margin-top: 15px;}
.article-body {font-size: 16px;font-weight: 400;line-height: 170%;letter-spacing: 0.01em;margin-top: 30px;}
.article-body h4 a{color: var(--color-body);}
@media (max-width:480px) {.article-body img {max-width: 90% !important;float: none !important;display: block;}}
@media (max-width:768px) {.article-body {overflow-x: hidden;max-width: calc(100vw - 30px);} .article-body table {display: block;overflow-x: auto;-webkit-overflow-scrolling: touch;} .article-body table td, .article-body table th {white-space: nowrap;}}
.article-data-date {margin-top: 50px !important;margin-bottom: 30px !important;border-top: solid 1px var(--bordercolor-light);padding-top:30px;}
.article-disclaimer {color: var(--color-muted);line-height: 120%;}