.aurevia-skin .article__container,
.aurevia-skin .article__panel {
--article-panel-bg: #171813;
--article-border: #7d6033;
--article-heading: #fff;
--article-body: rgba(255,255,255,0.70);
--article-image-border-width: 0;
--article-heading-inline-border: 1px solid #7d6033;
}
.article__container {
margin-bottom: 15px;
}
.article__container ul {
padding: 0;
margin: 0;
list-style-position: inside;
}
.article__container i.fa {
color: #1ca3e5;
vertical-align: middle;
}
.article__container i.fa.fa-green {
color: #15af01;
}
.article__container i.fa.fa-red {
color: #ea0001;
}
.article__container i.fa.fa-gray {
color: #656565;
}
.article__container i.fa.fa-white {
color: white;
}
.article__header {
padding: 6px 10px;
border: 1px solid var(--article-border, #dfdfdf);
border-radius: 4px;
color: #fff;
background: var(--article-panel-bg, transparent);
}
.article__header > .row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 20px;
margin: 0;
}
.article__header > .row::before,
.article__header > .row::after {
content: none;
}
.article__header > .row > .col-md-6 {
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
width: auto;
padding: 0;
float: none;
}
.article__header .meta__right-pane > ul,
.article__header .meta__left-pane > ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 14px;
padding: 0;
margin: 0;
}
.article__header .meta__right-pane > ul > li,
.article__header .meta__left-pane > ul > li,
.article__header .meta__left-pane > ul > rating,
.article__header .meta__left-pane > ul > voting,
.article__header .meta__left-pane > ul > rating > li,
.article__header .meta__left-pane > ul > voting > li {
display: inline-flex;
align-items: center;
gap: 5px;
margin: 0;
line-height: 1.7;
max-width: 100%;
}
.article__header .rate__stars {
white-space: nowrap;
}
.article__header .meta__right-pane {
text-align: start;
}
.article__header .meta__right-pane .article__category {
font-size: 13px !important;
color: #1ca3e5 !important;
margin: 0px !important;
}
@media (max-width: 768px) {
.article__header .meta__right-pane .article__category {
margin: 0 !important;
}
}
.article__header .meta__right-pane p.article__publish-date {
margin: 0px !important;
}
.article__header .meta__left-pane {
text-align: end;
}
.article__header ul {
list-style: none;
}
.article__header ul li {
display: inline-block;
margin: 0 10px;
}
.article__header .like__container {
margin-left: 20px;
}
.article__header .like__container li {
margin: 0 5px;
}
.article__header .rate__container .rate__stars {
display: inline-block;
direction: ltr;
}
.article__header .rate__container i.fa {
color: #ff7800;
}
.article__header .font-size__container {
margin-left: 20px;
}
.article__header .font-size__container i {
color: #c29a57;
}
.article__header .font-size__container i.fa-plus,
.article__header .font-size__container i.fa-minus {
font-size: 10px;
}
.article__header .fa-heart--True:before {
content: "\f004";
}
.article__header .fa-heart--False:before {
content: "\f08a";
}
.article__header .share__container {
position: relative;
}
.article__header .share__container > ul {
direction: ltr;
text-align: center;
position: absolute;
top: 120%;
left: 50%;
width: 101px;
margin-left: -50px;
font-size: 0;
display: none;
background: #fff;
border: 1px solid silver;
border-radius: 4px;
z-index: 100;
}
.article__header .share__container > ul:before {
content: "";
border: 10px solid transparent;
position: absolute;
width: 0;
height: 0;
left: 40px;
border-bottom-color: silver;
top: -20px;
z-index: 1;
}
.article__header .share__container > ul:after {
content: "";
border: 8px solid transparent;
position: absolute;
width: 0;
height: 0;
top: -16px;
left: 42px;
border-bottom-color: #fff;
z-index: 2;
}
.article__header .share__container > ul li {
display: inline-block;
font-size: 10pt;
margin: 4px 0;
}
.article__header .share__container > ul li a {
padding: 0 10px;
display: inline-block;
}
.article__header .share__container > ul li a:hover i {
color: #000;
}
.article__header .share__container:hover > ul {
display: block;
}
article.article__contents {
line-height: 25px;
margin-top: 15px;
}
article.article__contents .article__image__container {
float: right;
max-width: 41%;
margin-left: 15px;
}
@media only screen and (max-width: 768px) {
article.article__contents .article__image__container {
float: none;
max-width: none;
margin-left: 0px;
}
}
article.article__contents .article__image {
box-sizing: border-box;
display: block;
border: var(--article-image-border-width, 1px) solid #dfdfdf;
border-radius: 2px;
margin-left: 15px;
padding: 10px;
max-width: 100%;
height: auto;
}
@media only screen and (max-width: 768px) {
article.article__contents .article__image {
margin: 0;
width: 100%;
}
}
article.article__contents .article__title {
color: #fff;
font-size: 25px;
}
article.article__contents .article__category {
font-size: 13px;
color: #1ca3e5;
}
article.article__contents .article__body {
color: var(--article-body, #fff);
text-align: justify;
font-size: 14px;
}
@media print {
article.article__contents {
font-family: Tahoma;
}
article.article__contents .article__image {
float: none;
display: block;
margin: 0 auto;
}
article.article__contents .article__title {
font-size: 13pt;
font-weight: bold;
}
}
.article__attachments {
padding: 10px;
margin-top: 30px;
border: 1px solid var(--article-border, #dfdfdf);
border-radius: 4px;
color: #fff;
background: var(--article-panel-bg, transparent);
}
.article__attachments i {
color: #1ca3e5;
}
.article__attachments ul {
list-style-type: decimal;
}
.article__attachments ul li {
display: inline-block;
max-width: 150px;
}
.article__attachments ul li img {
width: 100%;
}
.article__tags {
border: 1px solid var(--article-border, #dfdfdf);
border-radius: 4px;
padding: 10px;
margin-top: 30px;
background: var(--article-panel-bg, transparent);
}
.article__tags ul {
list-style: none;
}
.article__tags ul:before {
content: "\f02c";
font-family: "FontAwesome";
color: #1ca3e5;
margin-left: 5px;
}
.article__tags ul li {
display: inline-block;
}
.article__tags ul li a {
color: #fff;
text-decoration: none;
}
.article__tags ul li:after {
content: "-";
margin: 0 5px;
}
.article__tags ul li:last-child:after {
content: "";
}
.article__panel {
margin-top: 30px;
}
.article__panel .article__panel__header {
display: flex;
align-items: center;
gap: 7px;
padding: 5px 10px;
min-height: 30px;
margin: 0;
background-color: var(--article-panel-bg, #f3f3f3);
border-top: 1px solid var(--article-border, #cecece);
border-bottom: 1px solid var(--article-border, #cecece);
color: var(--article-heading, #333);
font-size: 14px;
line-height: 1.4;
border-inline: var(--article-heading-inline-border, 0);
}
.article__panel .article__panel__header i {
flex: 0 0 auto;
font-size: 16px;
color: #1ca3e5;
margin: 0;
}
.article__panel .article__panel__body {
margin-top: 15px;
}
.related__articles__list {
padding: 0;
list-style: disc;
list-style-position: inside;
}
.related__articles__list li {
list-style: disc;
list-style-position: inside;
}
.related__articles__list li a {
font-size: 15px;
}
.lg-outer .lg-video .lg-object {
width: auto !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
body[dir=ltr] article.article__contents .article__container {
float: left;
}
@media (min-width: 769px) {
body[dir=ltr] article.article__contents .article__container .article__image {
margin-left: 0;
margin-right: 15px;
}
}