.aurevia-skin .hypermedia-termeh {
--termeh-title: #fff;
--termeh-summary: #fff;
--termeh-button-bg: var(--aurevia-gold, #c29a57);
--termeh-button-text: var(--aurevia-bg, #090a09);
}
.hypermedia-termeh article {
display: flex;
justify-content: start;
padding: 30px 0px;
border-right: 1px solid #e5e5e5;
}
@media only screen and (max-width: 469px) {
.hypermedia-termeh article {
display: inline-block;
width: 100%;
padding: 20px 0px;
border: none;
}
}
@media only screen and (min-width: 469px) and (max-width: 699px) {
.hypermedia-termeh article {
display: inline-block;
width: 100%;
padding: 20px 0px;
border: none;
}
}
.hypermedia-termeh article:before {
position: relative;
top: 4px;
right: -4px;
content: "";
border: 4px solid #C29A57;
height: 1px;
width: 1px;
margin-inline-end: 10px;
border-radius: 50%;
}
@media only screen and (max-width: 469px) {
.hypermedia-termeh article:before {
display: none;
}
}
@media only screen and (min-width: 469px) and (max-width: 699px) {
.hypermedia-termeh article:before {
display: none;
}
}
.hypermedia-termeh .image__container img {
width: 340px;
height: 218px;
}
@media only screen and (max-width: 469px) {
.hypermedia-termeh .image__container img {
width: 100%;
height: auto;
}
}
@media only screen and (min-width: 469px) and (max-width: 699px) {
.hypermedia-termeh .image__container img {
width: 100%;
height: auto;
}
}
.hypermedia-termeh .image__container .detail-header {
display: flex;
justify-content: space-between;
color: #767676;
font-size: 12px;
margin-bottom: 10px;
}
.hypermedia-termeh .image__container .detail-header .header-author {
display: flex;
}
.hypermedia-termeh .image__container .detail-header .header-author span {
padding-inline-end: 15px;
}
.hypermedia-termeh .image__container .detail-header .header-author span i {
padding-inline-end: 5px;
font-size: 15px;
vertical-align: middle;
}
@media only screen and (max-width: 469px) {
.hypermedia-termeh .image__container .detail-header .header-likes {
text-align: end;
}
}
@media only screen and (min-width: 469px) and (max-width: 699px) {
.hypermedia-termeh .image__container .detail-header .header-likes {
text-align: end;
}
}
.hypermedia-termeh .image__container .detail-header .header-likes span {
padding-inline-start: 24px;
}
@media only screen and (max-width: 469px) {
.hypermedia-termeh .image__container .detail-header .header-likes span {
padding-inline-start: 10px;
}
}
@media only screen and (min-width: 469px) and (max-width: 699px) {
.hypermedia-termeh .image__container .detail-header .header-likes span {
padding-inline-start: 10px;
}
}
.hypermedia-termeh .image__container .detail-header .header-likes span i {
padding-inline-end: 10px;
font-size: 16px;
vertical-align: middle;
}
@media only screen and (max-width: 469px) {
.hypermedia-termeh .image__container .detail-header .header-likes span i {
padding-inline-end: 8px;
}
}
@media only screen and (min-width: 469px) and (max-width: 699px) {
.hypermedia-termeh .image__container .detail-header .header-likes span i {
padding-inline-end: 8px;
}
}
.hypermedia-termeh .detail__container {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 15px 30px 10px 0;
}
@media only screen and (max-width: 469px) {
.hypermedia-termeh .detail__container {
padding: 10px 0;
}
}
@media only screen and (min-width: 469px) and (max-width: 699px) {
.hypermedia-termeh .detail__container {
padding: 10px 0;
}
}
.hypermedia-termeh .detail__container .detail-body h2 {
display: flex;
align-items: center;
height: 40px;
margin: 20px 0 10px;
font-size: 15pt;
font-weight: bold;
line-height: 1.5;
text-align: justify;
}
.hypermedia-termeh .detail__container .detail-body h2 span {
color: #C29A57;
vertical-align: middle;
font-size: 20px;
padding-inline-end: 5px;
}
.hypermedia-termeh .detail__container .detail-body h2 a {
display: inline-block;
color: var(--termeh-title, #1f2937);
text-decoration: none;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.hypermedia-termeh .detail__container .detail-body p {
overflow: hidden;
line-height: 2;
margin: 0;
color: var(--termeh-summary, #4b5563);
text-align: justify;
}
@media only screen and (max-width: 469px) {
.hypermedia-termeh .detail__container .detail-body p {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 469px) and (max-width: 699px) {
.hypermedia-termeh .detail__container .detail-body p {
margin-bottom: 10px;
}
}
.hypermedia-termeh .detail__container .detail-footer {
display: flex;
justify-content: space-between;
color: #767676;
}
.hypermedia-termeh .detail__container .detail-footer a {
display: inline-block;
padding: 10px 12px;
color: var(--termeh-button-text, #fff);
text-decoration: none;
background-color: var(--termeh-button-bg, #044ea3);
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 14px;
}
.hypermedia-termeh .detail__container .detail-footer a:hover, .hypermedia-termeh .detail__container .detail-footer a:focus {
text-decoration: none;
filter: brightness(85%);
}
.hypermedia-termeh .detail__container .detail-footer .author {
align-self: center;
}
.hypermedia-termeh .detail__container .detail-footer .author i {
padding-inline-end: 5px;
font-size: 15px;
vertical-align: middle;
}
.hypermedia-termeh .post-special--False {
display: none;
}
.hypermedia-termeh .post-special--True {
display: inline-block;
background-color: #ffdbd0;
border: 1px solid #ffc491;
color: #f37100;
padding: 0 10px;
text-align: center;
border-radius: 4px;
margin-inline-start: 5px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
vertical-align: middle;
}
body:not(.rtl) .hypermedia-termeh article {
border-right: none;
border-left: 1px solid #e5e5e5;
}
@media only screen and (max-width: 469px) {
body:not(.rtl) .hypermedia-termeh article {
border: none;
}
}
@media only screen and (min-width: 469px) and (max-width: 699px) {
body:not(.rtl) .hypermedia-termeh article {
border: none;
}
}
body:not(.rtl) .hypermedia-termeh article:before {
right: initial;
left: -4px;
}
body:not(.rtl) .hypermedia-termeh .detail__container {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 15px 0 10px 30px;
}
@media only screen and (max-width: 469px) {
body:not(.rtl) .hypermedia-termeh .detail__container {
padding: 10px 0;
}
}
@media only screen and (min-width: 469px) and (max-width: 699px) {
body:not(.rtl) .hypermedia-termeh .detail__container {
padding: 10px 0;
}
}
body:not(.rtl) .hypermedia-termeh .post-special--False {
display: none;
}
body:not(.rtl) .hypermedia-termeh .post-special--True {
display: inline-block;
background-color: #ffdbd0;
border: 1px solid #ffc491;
color: #f37100;
padding: 0 10px;
text-align: center;
border-radius: 4px;
margin-inline-start: 5px;
font-size: 14px;
line-height: 18px;
font-weight: 400;
vertical-align: middle;
}