.main-page .blog-main-banner { width: 100%; border-radius: 20px; overflow: hidden; }
.main-page .blog-main-banner img { width: 100%; height: auto; }
.main-page .page-title-cont { padding-top: 2px; padding-bottom: 35px; text-align: center; }
.main-page h1.page-title { margin-bottom: 10px; font-size: 30px; font-weight: bold; }
.main-page p.page-description { font-size: 20px; }
.main-page p.page-description a { text-decoration: underline; }
.main-page .item-tag { position: absolute; left: 0; bottom: 0; z-index: 10; padding: 0 10px; line-height: 25px; color: #D9D6DA; font-size: 12px; text-transform: uppercase; background: #272727; }
.main-page h3.item-title { max-width: 245px; line-height: 30px; font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.main-page .item-subtitle { line-height: 25px; color: #939393; font-size: 14px; }

.blog-sep { height: 3px; margin-bottom: 25px; border-radius: 25px; }
.blog-articles-body { border-radius: 25px; overflow: hidden; }

.article-page { padding: 30px 0; }
.article-header { margin-bottom: 30px; }
.article-header nav { margin-bottom: 25px; }
.article-header nav ul { overflow: auto; }
.article-header nav ul li { float: left; line-height: 22px; color: #636363; font-size: 14px; font-style: italic; }
.article-header nav ul li a { color: #636363; text-decoration: underline; }
.article-header nav ul li span { margin: 0 5px; color: #939393; }
.article-header nav ul li strong { font-weight: normal; }
.article-header h1 { margin-bottom: 10px; font-size: 50px; }
.article-header .page-subtitle { margin-bottom: 15px; color: #636363; font-size: 16px; }
.article-header .page-subtitle a { text-decoration: underline; }
.article-header .page-subtitle span { margin-left: 15px; }
.article-header .page-subtitle span .fa { margin-right: 5px; }
.article-main-img { margin-top: 40px; }
.article-main-img img, .article-body img.normal-image, .article-body .wp-block-image img, .article-body .wp-block-post-featured-image img { width: 100%; height: auto; border-radius: 25px; }
a.article-tag-item { padding: 0 10px; margin-right: 5px; line-height: 22px; color:#D9D6DA; text-transform: uppercase; background: #272727; border-radius: 5px; }
a.article-tag-item:hover { color:#D9D6DA; }
.article-body { padding: 25px; margin: 30px 0; font-size: 16px; background: rgba(255, 255, 255, 0.75); }
.article-body figure { margin: 30px 0; padding: 30px; text-align: center; /* background: rgba(255, 255, 255, 0.25); */ border-radius: 25px; }
.article-body figure img { border-radius: 25px; }
.article-body img { max-width: 100% !important; }
.article-body figure figcaption { margin-top: 5px; color: #636363; font-size: 14px; font-style: italic; }
.article-body p { padding: 15px 0; }
.article-body p a { text-decoration: underline; }
.article-body ul li a, .article-body ol li a { text-decoration: underline; }
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6 { margin-top: 30px; font-size: 22px; }

.article-body .wp-block-jetpack-tiled-gallery { display:none; }
.article-body iframe { border-radius: 25px; }
.article-back-to { width: 130px; margin: 0 auto; margin-bottom: 5px; border-radius: 25px; }
.article-back-to a { text-align: center; display: block; line-height: 30px; color: #FFF; font-size: 16px; }

.community .author-page .page-title, .author-page .page-description { text-align: left; }
.author-page .page-title figure { position: absolute; top: 0; left: 0; z-index: 10; width: 80px; height: 80px; border-radius: 80px; overflow: hidden; }
.author-page .page-title img { width: 100%; height: auto; display: block; }
.author-page .page-title { line-height: 80px; }
.author-page .page-title span { margin-left: 100px; }

.community .xf-comments { padding-top: 0; margin-left: 0; }
.xf-comments .xf-comments-inner { background: rgba(255, 255, 255, 0.25); }
.xf-comments .xf-comments-pagination { color: #636363; }
.xf-comments .xf-comments-item-date { color: #636363; }
.xf-comments p.xf-comments-empty, .community .xf-comments p.xf-comments-loading, .community .xf-comments p.xf-comments-error { color: #636363; }
.xf-comments .xf-comments-join a.xf-comments-cke-close { color: #636363; }
.xf-comments .xf-comments-login-to-join a { text-decoration: underline; }