@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alegreya&display=swap");
@font-face {
    font-family: content;
    font-weight: 300;
    src: url("_/inc/fonts/bp-content-font.ttf") format("truetype");
}

@font-face {
    font-family: He;
    src: url("_/inc/fonts/ArbFONTS-Effra_Md.ttf");
    font-display: swap;
}

@font-face {
    font-family: HeR;
    src: url("_/inc/fonts/ArbFONTS-Effra_Rg-1.ttf");
    font-display: swap;
}

@font-face {
    font-family: Htitle;
    src: url("_/inc/fonts/Htitle.ttf");
    font-display: swap;
}

@font-face {
    font-family: Htitler;
    src: url("_/inc/fonts/HelveticaNeueLTRoman.woff");
    font-display: swap;
}

 :root {
    --primary-color: #14ce87;
    --primary-color: #891717;
    --secondary-color: rgba(117, 117, 117, 1);
    --light-secondary-color: #fafafa;
    --alignful-color: #fafafa;
    --third-color: rgb(26, 26, 26);
    --light-text-color: #fff;
    --font-color: rgb(19 19 19);
    --bg-color: #fff;
    --bg-gray-color: rgb(241, 242, 242);
    --secondary-bg-color: rgb(255, 255, 255);
    --heading-color: rgba(41, 41, 41, 1);
    --box-shadow-color: rgba(0, 0, 0, 0.05);
    --bg-transparent-color: rgb(255 255 255 / 95%);
    --border-color: rgb(0, 0, 0);
    --dark-text-color: rgb(19, 19, 19);
}

[data-theme="dark"] {
    --primary-color: #891717;
    --secondary-color: #adadad;
    --alignful-color: #2b2b2b;
    --light-secondary-color: rgb(44 44 47);
    --bg-gray-color: rgb(15, 15, 23);
    --font-color: #ffffff;
    --bg-color: #121212;
    --heading-color: #ffffff;
    --box-shadow-color: rgb(27 27 27 / 64%);
    --secondary-bg-color: rgb(27 27 27);
    --bg-transparent-color: rgb(0 0 0 / 98%);
    --border-color: #ffffff;
}

[data-theme="light"] .bi-toggle-on {
    display: none;
}

[data-theme="dark"] .bi-toggle-off {
    display: none;
}

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
}

article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
    display: block;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

img,
object,
embed,
iframe {
    max-width: 100%;
}

ul {
    list-style: none;
}

h1,
h3,
h2,
h4,
h5,
h6 {
    color: var(--heading-color);
}

h3,
h2,
h4,
h5,
h6 {
    font-family: "Htitler", sans-serif;
    letter-spacing: -1px;
}

body {
    background-color: var(--bg-color);
    color: var(--font-color);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

a {
    color: var(--font-color);
    text-decoration: none;
    /* border-bottom: 3px solid transparent; */
}

a:hover {
    color: unset;
    text-decoration: underline;
}

code {
    color: var(--font-color);
    background: rgb(0 0 0 / 7%);
    padding: 0 7px;
    font-size: 18px;
}

p code,
li code {
    font-family: inherit;
}

pre code {
    background: transparent;
    color: var(--light-text-color);
    padding: 0;
}

.entry-content a:hover {
    color: var(--primary-color) !important;
}

.entry-content a {
    text-decoration: underline !important;
    word-break: break-word;
    cursor: pointer;
}

.svq-article-col {
    counter-increment: popular-counter;
    padding: 5px 45px;
    margin-bottom: 15px;
}

.bookmarked {
    fill: var(--primary-color);
}


/*slider switch css */

.Htitle {
    font-family: "Htitle";
}

.Htitler {
    font-family: "Htitler";
}

.theme-switch input {
    display: none;
}

[rel="tag"] {
    background: #d2d2d2;
    font-family: "Her";
    font-size: 15px;
    padding: 2px 5px;
    font-weight: 400;
    color: black;
}

input:checked+.slider:before {
    transform: translateX(11px);
}

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

h1 {
    font-size: 50px;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

.bfe-quote {
    position: relative;
    padding-right: 23px;
    border-right: var(--heading-color) 3px solid;
    margin: 4rem -20px 4rem 0px;
}

blockquote p {
    font-style: italic;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}


/* tables still need cellspacing="0" in the markup */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(0, 0, 0);
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

pre {
    /* CSS 3 (and 2.1 as well, actually) */
    /* IE */
    direction: ltr;
    text-align: left;
    font-size: 16px;
    margin: 2em 0;
    padding: 1rem 1rem !important;
}

pre code {
    padding: 1.5em !important;
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

select,
input,
textarea {
    font: 99% sans-serif;
    max-width: 100%;
}

table {
    font-size: inherit;
    font: 100%;
}

small {
    font-size: 85%;
}

strong {
    font-weight: bold;
}

td,
td img {
    vertical-align: top;
}


/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* standardize any monospaced elements */

hr {
    text-align: center;
    margin-top: 30px;
    font-size: 28px;
}

b {
    font-weight: bold;
}


/* hand cursor on clickable elements */

.clickable,
label,
input[type="button"],
input[type="submit"],
input[type="file"],
button {
    cursor: pointer;
}


/* Webkit browsers add a 2px margin outside the chrome of form elements */

button,
input,
select,
textarea {
    margin: 0;
}


/* make buttons play nice in IE */

button,
input[type="button"] {
    width: auto;
    overflow: visible;
}


/* scale images in IE7 more attractively */

.ie7 img {
    -ms-interpolation-mode: bicubic;
}


/* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
*/


/* let's clear some floats */

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

body {
    direction: ltr;
    text-align: left !important;
    font-size: 20px;
    color: var(--font-color);
    font-family: "Alegreya", "content", serif;
    line-height: 1.7;
}

p {
    line-height: 1.5;
    font-size: 19px;
}

.entry-content,
.entry-title {
    hyphens: auto;
}

button {
    background: transparent;
}

@media (min-width: 1000px) {
    .entry-content p {
        font-size: 22px;
        line-height: 1.6;
        margin-top: 2.5em;
        word-break: break-word;
    }
    .entry-content li {
        margin-top: 0.9em;
        list-style-type: disc;
        font-size: 21px;
        margin-right: 30px;
    }
    .entry-content h1 {
        margin-top: 1.95em;
        font-size: 34px;
        margin-bottom: -0.5em;
        font-weight: 600;
    }
}

.entry-content li {
    margin-top: 0.9em;
    list-style-type: disc;
    margin-right: 30px;
}

.svq-article-col {
    counter-increment: popular-counter;
}

.svq-article-col:before {
    content: "0" counter(popular-counter);
    position: absolute;
    width: 32px;
    right: 0rem;
    z-index: 8;
    font-size: 28px;
    opacity: 0.2;
    line-height: 1;
    color: var(--font-color);
    text-align: center;
    right: 8px;
    font-family: "Her", sans-serif;
}

.body-section {
    display: grid;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.site-nav {
    background-color: var(--bg-color);
    /* box-shadow: var(--box-shadow-color) 0px 4px 12px 0px; */
    border-bottom: solid 1px var(--font-color);
    z-index: 999;
}

@media (min-width: 1000px) {
    .site-nav {
        background-color: var(--bg-transparent-color);
        box-shadow: unset;
    }
    .stick {
        background-color: var(--bg-color);
    }
}

.cwrap {
    margin-left: -10px;
    margin-right: -10px;
}

.home .site-nav {
    box-shadow: unset;
}

.site-content {
    margin-top: 61px;
    min-height: 100vh;
}

@media (max-width: 767px) {
    .site-content {
        margin-top: 53px;
    }
}

.cat-header {
    background: var(--alignful-color);
}

.max-width1200 {
    max-width: 1200px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

a {
    color: var(--font-color);
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    text-decoration: none !important;
}

.admin-bar .sticky {
    transform: translateY(-90px);
}

.site-content {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.admin-bar .site-nav {
    margin-top: 32px;
}

.u-backgroundCover {
    background-position: center !important;
    background-origin: border-box !important;
    background-size: cover !important;
}

.u-block {
    display: block !important;
}

svg#Guide * {
    fill: var(--secondary-color);
}


/* featured styel */

.alignfullincol {
    width: auto;
    max-width: 1000%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

@media only screen and (min-width: 1251px) {
    .homefu {
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
    .card-body.pl-0.pr-0.pb-0.mr-lg-38 {
        margin-right: 35px;
    }
}

@media screen and (max-width: 988px) {
    .featu_2 {
        border-bottom: solid 1px var(--border-color);
        margin-bottom: 3rem !important;
    }
}

.fea_sep {
    border-bottom: solid 1px var(--border-color);
}

.postbox_style2 .attachment-postbox-style2,
.postbox_style2_right img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 150px;
}

.mt-3.mt-md-0.mb-3.d-flex.post_box_style3 {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.reverse {
    flex-direction: row-reverse;
}

.post_box_style3 img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    max-width: unset !important;
}

.post_box_style3 .heading-title-text {
    font-size: 17px;
}

.post_box_style3 .heading-title-text a {
    display: block;
    transform: translateY(-1px);
}

.best_authors {
    max-height: 232px;
    overflow: hidden;
}

.b_authors_list {
    grid-template-columns: repeat(auto-fill, minmax(76px, 1fr));
    grid-auto-flow: row;
    column-gap: 3%;
    display: grid;
}

.b_author_item {
    display: block;
    padding-bottom: 20px;
}

.b_name_l {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    max-width: 64px;
    margin-top: 5px;
    font-size: 11px;
}

.brtgitem {
    padding: 6px 16px;
    border: solid 1px var(--border-color);
    color: var(--secondary-color);
    margin-left: 8px;
    margin-bottom: 8px;
    border-radius: 2px;
    font-family: "Htitler";
    display: inline-block;
}

.brtg {
    font-size: 13px;
}

.feat_title {
    padding-bottom: 20px;
}

.feat_title p {
    font-size: 14px;
}

.rwer {
    font-family: "Htitler";
    font-size: 13px;
}

.yon-list-style:last-child {
    border-bottom: unset;
}

.homefu {
    margin-bottom: 50px;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-auto {
    overflow-x: auto;
}

.minh258px {
    min-height: 258px;
}

.h3q {
    margin: -6px 0;
}

.fu2 a,
.fu2 {
    color: var(--font-color);
    font-size: 13px;
}

@media only screen and (min-width: 1251px) {
    .ml-lg-38 {
        margin-right: 3.85rem;
    }
}


/*article big list style */

.home {
    background: var(--bg-gray-color);
}

.yon-big-style {
    border-style: solid;
    border-width: 1px;
    border-color: var(--border-color);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    background: var(--bg-color);
}

.yon-big-style .author-avatar {
    height: 35px;
    padding-left: 4px;
}

.yon-big-style .post-thumbnail-big {
    height: 150px;
}

.yon-big-style .entry-meta__content {
    font-size: 13px;
    line-height: 1.3;
}

.yon-big-style .wpsa-subscribe-btn {
    font-size: 11px;
}

.yon-big-style .meta-category {
    font-size: 13px;
}

.yon-big-style .hc-name {
    font-weight: bold !important;
}

@media (max-width: 550px) {
    .yon-big-style {
        margin-left: -20px;
        margin-right: -20px;
    }
}

.polink:hover,
.polink:focus {
    outline: 0;
    color: var(--font-color);
}


/* articles list style */

.yon-list-style .author {
    font-size: 14px;
}

.extremeHero-postContent {
    width: 264px;
}

.yon-progressive__image {
    width: 160px;
    height: 160px;
    object-fit: cover;
}

.home .hcon {
    margin-left: -18px;
    margin-right: -18px;
}

.posted-on {
    color: var(--secondary-color);
    font-size: 12px;
}

.meta-category {
    font-size: 15px;
    color: var(--secondary-color);
}

@media (max-width: 600px) {
    .meta-category,
    .post-excerpt {
        display: none;
    }
    #sidebar {
        display: none;
    }
}

.yon-list-style {
    flex-direction: row-reverse;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    font-family: 'Htitler', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

article.format-standard.hentry.category-gernal.svq-article.has-post-thumbnail.ty-thumb-right {
    margin-bottom: 24px;
}

h4.heading-title-text {
    font-size: 16px;
    max-height: 43px;
}

.u-sizeFull {
    background-position: 50% 50% !important;
    background-origin: border-box !important;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    display: block;
    max-height: 150px;
    filter: brightness(1.2);
}

.u-flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.bookmark-it .bb-helper-icon {
    opacity: 0.8;
}

.heading-title-text {
    overflow: hidden;
    max-height: 68px;
    text-overflow: ellipsis;
    font-weight: 600;
    line-height: 1.7;
    transform: translateY(-0.72px);
    font-family: "Htitle", sans-serif !important;
    vertical-align: middle;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    position: relative;
}

.heading-title-text a {
    color: var(--heading-color) !important;
}

.post-thumbnail {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 100%;
    display: flex;
    align-items: center;
}

.article-info {
    padding-left: 12px;
}

@media screen and (max-width: 503px) {
    .heading-title-text {
        font-size: 17px;
        max-height: 50px;
    }
    .yon-list-style {
        align-items: center;
    }
    .yon-list-style .entry-meta * {
        font-size: 12px !important;
    }
    .heading-title-text {
        font-size: 15px;
        max-height: 50px;
    }
    .meta-category,
    .post-excerpt p {
        display: block !important;
        font-size: 12px !important;
    }
    .post-excerpt {
        display: none;
    }
    .u-sizeFull {
        width: 100px;
        height: 100px;
        margin: 0;
        float: left;
    }
}

.single .heading-title-text {
    max-height: 65px;
}

.screen-reader-link p {
    max-height: 40px;
    line-height: 20px;
    color: var(--secondary-color);
    font-size: 15px;
    margin: 6px 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 23px;
}

.entry-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 1;
}

.entry-meta__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    font-size: 15px;
}


/* */

.svq-article--widget {
    padding-right: 26px !important;
    padding-top: 30px;
    padding-left: 15px;
}

@media (max-width: 500px) {
    .svq-article--widget {
        padding: 50px !important;
    }
}

.thesidebar {
    top: 55px;
}

@media (min-width: 1000px) {
    #sidebar {
        margin: 0 auto;
        padding-top: 0;
    }
}

.ds-link {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 20px !important;
    -webkit-transform: translateY(1.8px);
    transform: translateY(1.8px);
    text-transform: uppercase;
    font-family: "Her";
    color: var(--secondary-color) !important;
}

@media (max-width: 767px) {
    .menusl li:first-child {
        margin-right: 10px;
    }
    .menusl li:last-child {
        padding-left: 24px;
        margin-left: 10px;
    }
}

.searchbar {
    margin-bottom: auto;
    margin-top: auto;
    height: 60px;
    background-color: #353b48;
    border-radius: 30px;
    padding: 10px;
}

.slideDown {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: transform 0.3s ease-out;
}

.slideUp {
    -webkit-transform: translateY(-100px);
    transform: translateY(-61px);
    transition: transform 0.3s ease-out;
}


/* infinti loading */

.u-paddingBottom10 {
    padding-bottom: 10px !important;
}

.u-size36x36 {
    width: 36px !important;
    height: 36px !important;
}

.floatLeftPlaceholder {
    float: right;
    padding-top: 2px;
}

.floatLeftPlaceholder:after,
.floatLeftPlaceholder:before {
    display: table;
    content: " ";
}

.floatLeftPlaceholder:after {
    clear: both;
}

.avatarPlaceholder {
    background: var(--border-color);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.linePlaceholder {
    background: var(--border-color);
    height: 10px;
    margin-top: 7px;
    margin-bottom: 7px;
    width: 80%;
    float: right;
    clear: both;
}

.linePlaceholder--medium {
    width: 240px;
}

.linePlaceholder--small {
    width: 120px;
}

.linePlaceholder--truncated {
    width: 60%;
}

.linePlaceholder--thin {
    height: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.listItemPlaceholder {
    padding-top: 20px;
    padding-bottom: 200px;
    border-bottom: 1px solid var(--border-color);
}

.listItemPlaceholder:after,
.listItemPlaceholder:before {
    display: table;
    content: " ";
}

.listItemPlaceholder:after {
    clear: both;
}

.listItemPlaceholder:last-child {
    border-bottom: 0;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button {
    text-transform: none;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="search"] {
    -webkit-appearance: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

a {
    color: inherit;
    text-decoration: none;
}

a,
button,
input {
    -webkit-tap-highlight-color: transparent;
}

.u-flex0 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.u-marginRight16 {
    margin-right: 16px !important;
}

.button--chromeless {
    line-height: 0 !important;
}

@media screen and (max-width: 767px) {
    .u-xs-marginRight10 {
        margin-right: 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-top1 {
        top: 1px !important;
    }
}

.u-size25x25 {
    width: 25px !important;
    height: 25px !important;
}

.u-lineHeight0 {
    line-height: 0 !important;
}

@media screen and (min-width: 992px) {
    .u-sm-show {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    .u-sm-hide {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .u-xs-hide {
        display: none !important;
    }
}

.svgIcon {
    display: inline-block;
}

.svgIcon--25px {
    line-height: 25px;
    height: 25px;
}

.avatar {
    display: block;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    line-height: normal;
    position: relative;
    border-radius: 0;
}

.avatar-image {
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.avatar-image--icon {
    width: 32px;
    height: 32px;
}

.wp-block-image figcaption,
.bfe-embed-caption {
    margin-top: 0.5em;
    margin-bottom: 1em;
    font-family: "HeR";
    font-size: 14px;
    text-align: center;
}

.blackp-img_block {
    position: relative;
}

.alignfull,
.bfe-image--stretched {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    z-index: 2;
    position: relative;
}

.alignwide {
    width: calc(100% + 20vw);
    position: relative;
    right: -10vw;
}

.wp-block-image {
    margin-top: 1em !important;
}

.wp-block-image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.bfe-embed,
.wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.bfe-embed iframe,
.bfe-embed object,
.bfe-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
}

@media (max-width: 550px) {
    .medium-insert-images figure,
    .wp-block-image {
        max-width: 700px;
        left: auto;
        right: auto;
        margin-right: 50%;
        width: 100vw;
        transform: translateX(50%);
        position: relative;
    }
    .bfe-embed,
    .wp-block-embed__wrapper {
        max-width: 700px;
        left: auto;
        right: auto;
        margin-right: 50%;
        width: 100vw;
        transform: translateX(50%);
        position: relative;
    }
    pre {
        max-width: 700px;
        left: auto;
        right: auto;
        margin-right: 50% !important;
        width: 100vw;
        transform: translateX(50%);
        position: relative;
    }
}

span.no-sl-count {
    display: none;
}

.card {
    background: unset;
}

.button {
    display: inline-block;
    position: relative;
    color: var(--font-color);
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    vertical-align: bottom;
    white-space: nowrap;
    text-rendering: auto;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
}

[aria-expanded="true"] .uxh-caret {
    display: block !important;
    display: none !important;
    width: 14px;
    height: 14px;
    background: var(--secondary-bg-color);
    -webkit-transform: rotate(45deg) translate(6px, 6px);
    transform: rotate(45deg) translate(6px, 6px);
    top: 80%;
    position: absolute;
    z-index: 1111111;
    border-left: solid 1px #d9d9d9;
    border-top: solid 1px #d9d9d9;
    left: auto;
}

.button:active,
.button:focus {
    outline: 0;
    color: var(--font-color);
}

.button:hover {
    color: var(--font-color);
    border-color: var(--font-color);
}

.button--withChrome:active,
.button--withChrome:focus {
    border-color: var(--font-color);
}

.button,
.button .svgIcon {
    -webkit-transition: 0.1s background-color, 0.1s border-color, 0.1s color, 0.1s fill;
    transition: 0.1s background-color, 0.1s border-color, 0.1s color, 0.1s fill;
}

.button:active,
.button:active .svgIcon {
    -webkit-transition: none;
    transition: none;
}

.button--withChrome {
    height: 37px;
    line-height: 37px;
    padding: 0 16px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.button--upsellNav {
    color: var(--font-color);
    border-color: var(--font-color);
}

.button--upsellNav:hover {
    color: rgba(0, 0, 0, 0.84);
    border-color: rgba(0, 0, 0, 0.84);
}

.button--chromeless {
    border-width: 0;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
    white-space: normal;
}

.button--chromeless:active,
.button--chromeless:focus,
.button--chromeless:hover {
    color: var(--secondary-color);
}

.button .svgIcon {
    vertical-align: middle;
    fill: var(--secondary-color);
}

.button:hover .svgIcon {
    fill: var(--secondary-color);
}

.button:active .svgIcon,
.button:focus .svgIcon {
    fill: var(--secondary-color);
}

.button--chromeless .svgIcon {
    fill: var(--heading-color);
}

.button--chromeless:hover .svgIcon {
    fill: var(--font-color);
}

.button--chromeless:active .svgIcon,
.button--chromeless:focus .svgIcon {
    fill: var(--font-color);
}

.button--withSvgIcon .svgIcon {
    top: -1px;
    position: relative;
}

.buttonSet>.button {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}

.buttonSet--wide>.button {
    margin-right: 16px;
}

.button--withChrome.button--small {
    height: 32px;
    line-height: 32px;
    padding: 0 14px;
    margin-bottom: unset !important;
    border-radius: 0;
    border-width: 2px;
}

.button--small,
.button--small.button--chromeless {
    font-size: 15px;
}

.button>.button-defaultState {
    display: inline;
}

.button.button--withIcon>.button-defaultState {
    display: inline-block;
    vertical-align: top;
}

@media screen and (max-width: 767px) {
    .button--withChrome {
        height: 33px;
        line-height: 33px;
        font-size: 16px;
        padding: 0 14px;
    }
    .button--withSvgIcon {
        line-height: normal;
    }
}

.button--small,
.button--small.button--chromeless {
    font-size: 15px;
    margin-bottom: unset;
}

.textInput {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0 5px;
    height: 35px;
    font-size: 16px;
    outline: 0;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
}

.textInput:invalid {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.textInput--transparent {
    background: 0 0;
}

.textInput--rounded {
    -webkit-border-radius: 999em;
    border-radius: 999em;
}

.textInput--transparent {
    background: 0 0;
}

.textInput--darkText {
    color: rgba(0, 0, 0, 0.84);
}

.inputGroup {
    position: relative;
}

.inputGroup .textInput:not(.textInput--narrow) {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.inputGroup .svgIcon {
    top: -1px;
    position: relative;
}

.metabar-predictiveSearch {
    display: inline-block;
}

.btntrans {
    background: transparent;
    border: none;
}

.fontHer {
    font-family: "Her";
}

.Htitle {
    font-family: Htitle;
}

.fontContent {
    font-family: "Alegreya", "content", serif;
}

.s_f_title {
    font-family: "content";
}

.ob-fit-cover {
    object-fit: cover;
}

.outline-0 {
    outline: 0;
}

.related3 {
    margin-bottom: 0;
    height: 100%;
    display: flex;
    left: auto;
    right: auto;
    margin-right: 50%;
    width: 100vw;
    transform: translateX(50%);
    position: relative;
    max-width: 1200px;
    height: auto;
    background: var(--bg-color);
}

.post-thumbnail-re3 {
    width: 100%;
    height: 240px;
}

.post-thumbnail-re3 .u-sizeFull {
    max-height: unset !important;
}

.inputGroup.metabar-predictiveSearch .textInput {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 37px;
    border: none;
    -webkit-transition: width 0.2s, padding 0.2s;
    transition: width 0.2s, padding 0.2s;
    cursor: pointer;
    padding-left: 1px;
    padding-right: 0;
}

.inputGroup.metabar-predictiveSearch .textInput:focus,
.inputGroup.metabar-predictiveSearch .textInput:valid {
    padding-left: 10px;
    width: 200px;
    cursor: text;
    margin-right: 10px;
}

.notifications_lists_container {
    left: 0;
}

@media screen and (max-width: 767px) {
    .button.is-inSiteNavBar {
        margin-right: 10px;
    }
}

.entry-content .medium-insert-embeds,
.entry-content figure {
    margin-top: 1rem;
}

.dismis-hidden {
    display: none;
}

.dismis-show {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: block;
}

.stick {
    transform: unset !important;
}


/* menu with slider */

.u_nav {
    position: relative;
}

.u_nav__item {
    position: relative;
    display: block;
    padding: 20px 10px;
    margin: 0 10px;
    font-size: 16px;
    height: 15px;
    line-height: 1;
    color: currentColor;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
}

.u_nav {
    height: 55px;
}

.u_nav::before,
.u_nav::after {
    content: "";
    display: block;
    width: 30px;
    height: 55px;
    position: absolute;
    top: 0;
    z-index: 1;
    background-position: center center;
}

.nav::before {
    left: 0;
    transform: rotate(180deg);
}

.u_nav::after {
    right: 0;
}

.u_nav__items {
    display: flex;
    overflow: scroll;
    white-space: nowrap;
}

.u_nav__items::before,
.u_nav__items::after {
    content: "";
    width: 30px;
    height: 55px;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

.u_nav__items::before {
    margin-right: -20px;
}

.u_nav__items::after {
    margin-left: auto;
}

.u_nav__item {
    flex-shrink: 0;
    display: inline-block;
}

.author_nav_bg {
    white-space: nowrap;
    overflow: hidden;
    background: #1a1a1a;
    color: white;
    margin-bottom: 5px;
}

.nav-scroller {
    position: relative;
    z-index: 2;
}

.nav-scroller .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.mw-1032 {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1032px;
}

.mw-1400 {
    max-width: 1300px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}

.mw-900 {
    max-width: 950px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}

.mw-640 {
    max-width: 640px;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}

.buttonSet--wide {
    margin-left: 1rem;
}

nav#menu-container {
    position: relative;
    width: 95%;
    height: 56px;
    margin: 0 auto;
}

#btn-nav-previous {
    text-align: center;
    color: var(--secondary-color);
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    left: -3%;
    fill: var(--secondary-color);
    line-height: 40px;
    background: var(--bg-color);
}

#btn-nav-next {
    text-align: center;
    color: var(--secondary-color);
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: -3%;
    fill: var(--secondary-color);
    line-height: 40px;
    background: var(--bg-color);
}

.menu-inner-box {
    width: 100%;
    white-space: nowrap;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

.menusl {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}

.menu-item {
    padding-left: 16px;
    color: var(--font-color);
    display: inline;
    margin: 0 auto;
    line-height: 57px;
    text-decoration: none;
    text-align: center;
    white-space: no-wrap;
    font-family: "Her";
    font-size: 15px;
}

li.ds-nav-item {
    padding: 4px 12px;
}


/* yon panel */

.yon-panel {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.yon-panel .yon-media-image {
    margin-bottom: 1em;
}


/* @media (min-width:760px) {
    .yon-media-image {
        max-width: 100%;
    }
} */

.yon-media-image {
    height: 100%;
    display: flex;
    left: auto;
    right: auto;
    margin-left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    position: relative;
    z-index: 2;
}

.yon-progressive {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.aspect-ratio-placeholder-fill.aspect-ratio-1-1 {
    padding-bottom: 54%;
}

.aspect-ratio-placeholder-fill.aspect-ratio-1-1 {
    padding-bottom: 63%;
}

.yon-progressive__placeholder-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--light-color);
    z-index: 1;
    transition: background-color 0.3s;
    overflow: hidden;
}

.yon-progressive__image {
    width: 100%;
    transform: scale(1.05);
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.694, 0, 0.335, 1);
    -o-object-fit: cover;
    object-fit: cover;
    object-position: 50% 50%;
    height: 100%;
}

.entry-header {
    order: -1;
    margin-bottom: 28px;
}

.entry-title {
    line-height: 1.1;
    font-size: 50px;
    font-family: "Alegreya", content;
    word-spacing: -5px;
    word-break: break-word;
    text-shadow: 0 0.5px var(--heading-color);
}

.entry-title .post-edit-link {
    display: none;
}

.qshare {
    fill: var(--secondary-color);
}

.panelshare .qshare {
    fill: var(--font-color);
}

.commentnu {
    color: var(--primary-color);
}

.medium-insert-embeds-wpoembeds {
    padding-bottom: 56.25%;
    position: relative;
    display: block;
    width: 100%;
}

.medium-insert-embeds-wpoembeds iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.avatar-border {
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    flex-direction: row;
    fill: var(--primary-color);
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.author-avatar {
    position: relative;
}

.entry-meta__content__panel {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    margin-right: 12px;
    font-family: "Source Sans Pro", "Her", sans-serif;
    line-height: 1.2;
    font-size: 16px;
}

.posted-onpanel {
    color: var(--secondary-color);
    font-size: 14px;
}

.entry-content h2 {
    margin-top: 1.72em;
    font-size: 33px;
    line-height: 1.18;
}

.entry-content h3 {
    font-size: 28px;
    margin-top: 1.42em;
    line-height: 1.18;
}

.entry-content p {
    line-height: 1.7;
}

.entry-content p,
.entry-content ul,
.entry-content figure,
.entry-content pre,
.bfe-embed {
    margin-top: 1.4em;
}

.entry-content p:first-child {
    margin-top: 0;
}

@media (max-width: 550px) {
    .entry-meta_single {
        flex-direction: column !important;
        align-items: baseline !important;
    }
    .entry-title {
        line-height: 1.3;
        font-size: 30px;
        word-spacing: -2px;
        padding-bottom: 0 !important;
    }
    .entry-content h3 {
        font-size: 23px;
        line-height: 1.5;
        letter-spacing: unset;
    }
    .entry-content li {
        font-size: 18px;
    }
    .entry-meta .avatar-border svg {
        width: 45px;
        height: 45px;
    }
    .yon-panel img.avatar.avatar-50.photo.avatar-img {
        width: 40px;
        height: 40px;
    }
    .entry-content p {
        line-height: 1.6 !important;
        font-size: 19px;
    }
}

a.post-edit-link {
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.entry-title {
    position: relative;
}

.entry-content h3,
.entry-content h2 {
    font-family: "Htitle", sans-serif !important;
}

.container {
    padding-right: 20px;
    padding-left: 20px;
}


/* tags template */

.yon-progressive-tag {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    max-height: 200px;
    object-fit: cover;
}

.tsection {
    background: var(--primary-color);
    padding: 2px 8px;
    color: var(--light-text-color);
    margin-left: 7px;
}

.imgtag {
    margin: 20px 0;
}

.tag_desc {
    top: 80px;
}

.tagcard {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.09);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.mw-1192 {
    max-width: 1192px;
    margin: 0 auto;
}

.single-footer {
    background: var(--third-color);
    color: var(--light-text-color);
}

.single-footer * {
    color: var(--light-text-color);
}

.sticky-top-offset {
    top: 150px;
}

.sticky-top {
    z-index: 1;
}

.footerlogo {
    height: 40px;
}

.medium-insert-images.medium-insert-images-right,
.medium-insert-images.medium-insert-images-left {
    max-width: unset;
    float: unset;
    margin: 30px 0;
}

@media (min-width: 1200px) {
    .medium-insert-images-left figure {
        margin-left: -30% !important;
        width: 100%;
        max-width: 80% !important;
        float: left;
        margin-right: 20px;
        z-index: 10000;
    }
    .hcat-title {
        font-size: 4rem;
    }
    .medium-insert-images-right figure {
        margin-right: -30% !important;
        width: 100%;
        max-width: 80% !important;
        float: right;
        margin-left: 20px;
        z-index: 10000;
    }
    .ovhidendestop {
        overflow: hidden;
    }
    .notifications_lists_container {
        left: -600%;
    }
}

.layer {
    z-index: 9999999999999 !important;
    background-color: var(--bg-transparent-color) !important;
}

.share-single .bookmark-link-container * {
    vertical-align: middle;
    margin: 0 2px !important;
}

.share-single .bookmark-link-container {
    margin-right: 0;
}

.br-word {
    word-break: break-word;
}

.tag-related {
    font-size: 15px;
    letter-spacing: 0;
    text-decoration: none;
    background: var(--bg-color);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid var(--border-color);
    padding: 0px 4px;
    font-family: "Her";
    display: inline-block;
    margin: 9px 0px 0 8px;
}

.dropdown-menu {
    direction: rtl;
    text-align: right;
}

.btn-success {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}


/*bodypress */

.usr_nav_in_p li {
    padding: 0 18px;
    display: inline-block;
    position: relative;
    font-family: "Htitler";
}

.pr_header .follow-button .follow,
.pr_header .fbtnloggedout,
.pr_header .follow-button .unfollow {
    border: solid 2px var(--font-color);
    border-radius: 0;
    font-size: 20px;
}

@media (max-width: 576px) {
    #members-list .item-avatar img {
        width: 60px;
        height: 60px;
    }
}

li#members-order-select * {
    color: var(--secondary-color);
    font-size: 13px;
}

#sitewide-notice #message {
    background-color: #fffadf;
    color: #000;
    font-weight: 400;
    margin-top: 3px;
    text-decoration: none;
}

li#members-followers-personal-li,
#members-following-personal-li {
    display: none !important;
}

li#members-all {
    border: none !important;
}

.unav .count {
    display: none !important;
}

.font-w-600 {
    font-weight: 600 !important;
    color: var(--font-color);
}

.follow-s-ing-t {
    color: var(--secondary-color);
    font-size: 0.8em;
    font-weight: 400;
    font-family: "Htitler";
}

.profile-head a:hover {
    color: unset;
}

.profile-head .bp-verified-badge svg {
    width: 30px;
    height: 30px;
}

.avatar-block {
    margin: 8px 0;
}

form#sort-posts-form {
    display: flex;
}

.profile div#subnav {
    display: none;
}

.bio_p_s {
    font-size: 14px;
    color: var(--secondary-color);
}

.d-flex.uact {
    color: var(--secondary-color);
    font-size: 18px;
}

.unav li {
    margin-left: 20px;
    outline: none;
    display: inline-block;
}

.unav {
    white-space: nowrap;
    overflow-x: auto;
    list-style-type: none;
}

@media (max-width: 500px) {
    .avatar-120 {
        max-width: 64px;
        height: auto;
    }
}

.current,
.selected {
    color: var(--bg-color);
    font-weight: bold;
    background: var(--font-color);
    padding: 0 8px;
}

div#item-header {
    display: flex;
    flex-direction: row-reverse;
}

#item-nav {
    font-family: "Her";
    font-size: 15px;
    color: var(--secondary-color);
    border-bottom: 1px solid var(--border-color);
    height: 30px;
}

h1.user-nicename {
    font-family: "Source Sans Pro", "Htitler", sans-serif;
    font-weight: 600;
    font-size: 30px;
    text-transform: lowercase;
}

div#item-meta {
    font-size: 18.96px;
    font-family: "Her";
}

#subnav {
    /* font-family: "Her"; */
    /* font-size: 15px; */
    /* color: var(--secondary-color); */
}

#subnav ul {
    white-space: nowrap;
    overflow-x: auto;
    list-style-type: none;
}

#subnav ul li {
    margin-left: 20px;
    outline: none;
    display: inline-block;
}

li#blog-order-select {
    display: none !important;
}

#settings-form input#submit,
#profile-group-edit-submit {
    margin: 24px 0 !important;
    border-color: var(--font-color);
    padding: 7px !important;
}

#item-body h3 {
    margin-top: 2rem;
}

#settings-form label {
    margin-top: 25px;
}

a.mark-unread.primary.bp-tooltip,
a.delete.secondary.confirm.bp-tooltip,
a.mark-read.primary {
    font-size: 14px;
    margin: 0 3px;
}

.notifications-options-nav {
    margin: 20px 0;
}

td.data p {
    font-size: 15px;
}

td.notification-since,
th.date {
    display: none;
}

table.notifications * {
    background: var(--bg-color);
}

li#members-order-select {
    background: transparent !important;
}

select#notifications-sort-order-list {
    border: unset;
    font-size: 13px !important;
    border-bottom: solid 1px gray;
}

.hc-name {
    font-weight: normal !important;
}

.article-info .author-avatar {
    height: 0;
}

h1.user-nicename {
    font-weight: 600;
    font-size: 35px;
}

.bpnw-notification-list li {
    max-height: 56px;
    overflow: hidden;
    font-family: "Her";
    font-size: 15px;
    padding: 3px 6px;
    margin: 4px 0;
    background: var(--box-shadow-color);
    text-overflow: ellipsis;
    color: var(--font-color);
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #14ce87;
    border-color: #14ce87;
}

.btn-outline-success {
    color: #14ce87;
    border-color: #14ce87;
}

.nfc-category-list,
.nfc-tag-list {
    height: unset;
    overflow-y: unset;
}

.nfc-category-list1 .lfolow,
.nfc-tag-list1 .lfolow,
.nfc-category-list .lfolow {
    color: var(--font-color);
    background: var(--bg-color);
    border-radius: 50%;
}

.category_title .lfolow svg {
    width: 30px;
    height: 30px;
}

.card-cat_list {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-auto-flow: row;
    column-gap: 3%;
    display: grid;
}


/* .nfc-category-list1 [data-value="followed"] {
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' class='svgIcon-use' width='21' height='21'><path d='M5.5 7.854L3.379 9.975l5.82 5.82 8.675-8.675-2.121-2.121-6.554 6.553z' ></path></svg>");
    background: var(--primary-color) !important;
}

.category-mainfo [data-value="followed"]::before {
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' version='1.1' class='svgIcon-use' width='21' height='21'><path d='M5.5 7.854L3.379 9.975l5.82 5.82 8.675-8.675-2.121-2.121-6.554 6.553z' ></path></svg>");
    background: var(--primary-color) !important;
} */

.home [data-value="followed"] {
    width: 24px !important;
    border: unset !important;
    opacity: 1;
    visibility: visible;
    border-radius: 50%;
}

.home [data-value="unfollowed"] {
    width: 24px !important;
}

.u-topNegative2 svg {
    fill: #fff !important;
}

.cat-topics {
    width: 100%;
    object-fit: cover;
    position: absolute;
    height: 75%;
    top: 25%;
}

.category-icon {
    height: 20px;
    object-fit: cover;
    border-radius: 4px;
}

.catlinkwidg {
    color: var(--secondary-color);
}

.contli {
    display: none;
}

.footerhome {
    border-top: solid 1px;
    border-color: var(--box-shadow-color);
}

.footerhome a {
    font-size: 15px;
    color: var(--secondary-color);
    padding: 0 4px;
}


/* search alogi
*
*
*
*
*/

.inputGroup .svgIcon {
    /* margin-left: -11px; */
    margin-right: 10px;
}


/* login modal */

.yallamodalbig .modal-dialog {
    max-width: 750px;
}

.border-none {
    border: none !important;
}

.modal.layer.fade.yallamodalbig.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.yshadow {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px;
    max-width: 650px;
    margin: 0 auto;
}

.modal-content.border-none.yshadow {
    background: var(--bg-color);
}

@media all {
    .white-popup {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 280px;
        width: auto;
        margin: 20px auto;
        position: relative;
        background: #fff;
        background: var(--g1-bg-color);
    }
    #yalla-popup-content {
        text-align: center;
    }
    #yalla-popup-content input {
        text-align: center;
    }
    #yalla-popup-content .snax-form-legend-sign-in {
        overflow: hidden;
        width: 1px;
        height: 1px;
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
    }
    #yalla-popup-content #loginform-in-popup {
        max-width: 300px;
        margin: 0 auto;
    }
    #yalla-popup-content .login-username {
        margin-bottom: 10px;
    }
    #yalla-popup-content .login-username label {
        display: block;
        overflow: hidden;
        width: 1px;
        height: 1px;
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
    }
    #yalla-popup-content .login-username input[type="text"] {
        width: 100%;
    }
    #yalla-popup-content .login-password {
        margin-bottom: 15px;
    }
    #yalla-popup-content .login-password label {
        display: block;
        overflow: hidden;
        width: 1px;
        height: 1px;
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
    }
    #yalla-popup-content .login-password .snax-link-forgot-pass {
        display: table;
        margin-left: auto;
        margin-right: 0;
        font-size: 0.83em;
    }
    #yalla-popup-content .login-password input[type="password"] {
        clear: both;
        width: 100%;
    }
    #yalla-popup-content .login-submit input[type="submit"] {
        width: 100%;
    }
    #yalla-popup-content .snax-form-tip-register {
        margin-top: -0.75em;
        text-align: center;
        font-family: "Htitle";
        font-size: 15px;
    }
    #snax-login-recaptcha {
        margin: 0 -20px 10px -18px;
    }
}

@media screen and (prefers-reduced-motion: reduce) {
    input[type="text"],
    input[type="password"] {
        transition: none;
    }
}

input[type="text"]::-ms-expand,
input[type="password"]::-ms-expand {
    background-color: transparent;
    border: 0;
}

input:focus[type="text"],
input:focus[type="password"] {
    outline: 0;
    box-shadow: 0;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder {
    color: var(--text-meta-color);
    opacity: 1;
}

input:disabled[type="text"],
input:disabled[type="password"] {
    background-color: #eeeeee;
    opacity: 1;
}

input[type="submit"] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    user-select: none;
    background-color: transparent;
    background: var(--primary-color);
    border: solid 1px var(--primary-color);
    border-radius: 2px;
}

@media screen and (prefers-reduced-motion: reduce) {
    input[type="submit"] {
        transition: none;
    }
}

input:hover[type="submit"],
input:focus[type="submit"] {
    text-decoration: none;
}

input:focus[type="submit"] {
    outline: 0;
}

input:disabled[type="submit"] {
    opacity: 0.65;
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }
    a:not(.btn) {
        text-decoration: underline;
    }
    p,
    h2 {
        orphans: 3;
        widows: 3;
    }
    h2 {
        page-break-after: avoid;
    }
}

 :-webkit-full-screen {
    position: fixed;
    width: 100%;
    top: 0;
    background: none;
}

 :-ms-fullscreen {
    width: auto;
    height: auto;
    margin: auto;
}

 ::selection {
    background: #fff9cd;
    text-shadow: none;
}

 ::-moz-selection {
    background: #fff9cd;
    text-shadow: none;
}

 ::-webkit-selection {
    background: #fff9cd;
    text-shadow: none;
}

h2.g1-alpha {
    font-family: pgsyr-marketing-display-font, Georgia, Cambria, "Times New Roman", Times, diod, serif;
    line-height: 36px;
    font-size: 32px;
    font-weight: 500;
}

.snax-link-forgot-pass,
p.snax-form-tip.snax-form-tip-register {
    color: rgba(0, 0, 0, 0.84);
    font-size: 18px;
    font-family: inherit;
}

#yalla-popup-content .snax-form-tip-register {
    margin-top: 28px;
}

a:active,
a:hover {
    outline: 0;
}

button.navbar-toggler.outline-0.p-0:focus {
    outline: 0;
}

button.navbar-toggler.outline-0.p-0 {
    fill: var(--secondary-color);
}

.nocaret::after {
    border: unset;
}

.wpulike-heart .wp_ulike_put_image:after {
    background: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 297.221 297.221" style="enable-background:new 0 0 297.221 297.221;" xml:space="preserve"> <g> <path d="M283.762,32.835c2.705-1.913,3.346-5.658,1.432-8.363c-1.914-2.705-5.657-3.347-8.363-1.432l-14.984,10.602 c-2.705,1.913-3.346,5.658-1.432,8.363c1.169,1.652,3.022,2.535,4.902,2.535c1.198,0,2.408-0.358,3.461-1.104L283.762,32.835z"/> <path d="M244.064,29.387c0.695,0.262,1.409,0.386,2.11,0.386c2.428,0,4.713-1.484,5.617-3.891l6.46-17.182 c1.166-3.101-0.403-6.561-3.505-7.727c-3.101-1.167-6.562,0.404-7.728,3.505l-6.46,17.182 C239.393,24.761,240.962,28.221,244.064,29.387z"/> <path d="M291.223,55.611c-0.041,0-0.082,0-0.124,0l-18.351,0.154c-3.313,0.067-5.944,2.605-5.877,5.918 c0.066,3.271,2.739,5.928,5.997,5.928c0.041,0,0.082,0,0.124,0l18.351-0.313c3.313-0.068,5.944-2.732,5.877-6.045 C297.154,57.982,294.481,55.611,291.223,55.611z"/> <path d="M254.2,147.154c-3.073-2.433-6.711-4.089-10.557-4.867c0.254-0.46,0.491-0.928,0.715-1.403l2.408-2.408 c9.274-9.275,10.248-23.874,2.264-33.961c-3.769-4.761-9.001-7.925-14.812-9.106c0.415-0.764,0.783-1.545,1.117-2.338 c6.316-9.149,6.213-21.445-0.782-30.283c-3.77-4.764-9.004-7.938-14.818-9.117c4.8-8.826,4.187-19.826-2.225-27.925 c-4.848-6.125-12.109-9.639-19.923-9.639c-6.257,0-12.16,2.236-16.792,6.33c-0.701-3.979-2.363-7.822-5.012-11.169 c-4.849-6.125-12.11-9.638-19.924-9.639l0,0c-6.79,0-13.164,2.635-17.947,7.418l-60.84,60.84l-0.232-8.12 c-0.107-13.83-11.392-25.049-25.247-25.049c-13.604,0-24.729,10.815-25.229,24.298l-12.146,88.306l-9.983,11.604 c-5.983,6.957-5.582,17.481,0.915,23.962L19.987,199.7c-4.574,6.881-3.773,16.266,2.206,22.23l69.667,69.557 c3.329,3.321,7.748,5.148,12.446,5.148c3.857,0,7.668-1.295,10.729-3.645l14.544-11.168c13.991-3.305,29.416-10.813,45.874-22.33 c14.371-10.058,29.962-23.46,46.337-39.836l34.631-34.631c5.107-5.107,7.795-12.188,7.375-19.427 C263.376,158.371,259.879,151.649,254.2,147.154z M188.124,32.009c2.603-2.602,6.032-3.903,9.462-3.903 c3.915,0,7.831,1.695,10.515,5.086c4.256,5.377,3.51,13.18-1.339,18.028l-6.177,6.176c-0.952,0.635-1.879,1.314-2.747,2.083 c-0.701-3.98-2.364-7.823-5.013-11.169c-3.257-4.114-7.604-7.043-12.475-8.527L188.124,32.009z M146.397,17.532 c2.602-2.602,6.032-3.903,9.462-3.903c3.916,0.001,7.831,1.696,10.515,5.087c4.256,5.377,3.51,13.179-1.339,18.027l-70.919,70.186 l-0.233-8.119c-0.061-7.825-3.7-14.812-9.356-19.405L146.397,17.532z M13.624,176.391c-2.082-2.078-2.209-5.41-0.291-7.64 l12.281-14.277c0.006-0.007,0.011-0.017,0.012-0.026l12.72-92.483c0-7.286,5.961-13.247,13.247-13.247 c7.286,0,13.248,5.961,13.248,13.247L65.186,74c-11.988,1.646-21.322,11.733-21.78,24.057l-12.145,88.307l-3.533,4.108 L13.624,176.391z M247.935,176.539l-34.63,34.631c-29.577,29.577-60.494,53.318-87.653,59.237 c-0.825,0.181-1.601,0.528-2.271,1.043l-15.655,12.022c-1.014,0.779-2.219,1.162-3.419,1.162c-1.443,0-2.88-0.555-3.968-1.641 l-69.671-69.56c-2.083-2.077-2.21-5.409-0.291-7.64l12.28-14.276c0.007-0.008,0.011-0.017,0.013-0.026l12.719-92.483 c0-7.286,5.962-13.248,13.248-13.248c7.286,0,13.247,5.962,13.247,13.248l0.626,21.824c0.104,3.626,3.087,5.987,6.191,5.987 c1.514,0,3.058-0.563,4.309-1.813l70.431-70.431c2.603-2.603,6.031-3.903,9.462-3.903c3.915,0,7.831,1.695,10.515,5.086 c4.256,5.377,3.509,13.18-1.34,18.028l-48.518,48.518c-2.519,2.52-2.519,6.603,0,9.121l0,0c1.275,1.275,2.946,1.913,4.617,1.913 s3.343-0.638,4.617-1.913l62.374-62.373c2.602-2.603,6.031-3.903,9.462-3.903c3.915,0.001,7.831,1.696,10.515,5.087 c4.256,5.376,3.509,13.179-1.34,18.027l-62.081,62.081c-2.553,2.554-2.553,6.692,0,9.246c1.258,1.258,2.906,1.887,4.556,1.887 c1.648,0,3.297-0.629,4.555-1.887l48.811-48.81c2.603-2.603,6.032-3.903,9.462-3.903c3.915,0,7.831,1.695,10.515,5.087 c4.256,5.376,3.509,13.179-1.34,18.027l-48.349,48.35c-2.612,2.611-2.612,6.847,0,9.458l0.078,0.079 c1.207,1.207,2.789,1.81,4.37,1.81c1.582,0,3.164-0.603,4.37-1.81l29.974-29.974c2.701-2.701,6.317-4.129,9.921-4.129 c2.867,0,5.726,0.904,8.107,2.789C253.114,161.598,253.508,170.967,247.935,176.539z"/> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> <g> </g> </svg>');
}

.wpulike-heart .wp_ulike_put_image.wp_ulike_btn_is_active:after {
    /* filter: invert(52%) sepia(40%) saturate(2874%) hue-rotate(129deg) brightness(100%) contrast(111%); */
    filter: invert(35%) sepia(99%) saturate(870%) hue-rotate(83deg) brightness(89%) contrast(84%);
}

.wpulike-heart .wp_ulike_general_class {
    box-shadow: unset;
}

.comment .wpulike-heart .wp_ulike_general_class {
    padding: 0;
}

.comment .wpulike {
    padding: 0;
    padding-top: 10px;
}

@keyframes mymove {
    50% {
        box-shadow: 0 0 16px #57daa3;
    }
}

@keyframes hoverinf {
    50% {
        box-shadow: 0 0 16px #a2a2a2;
    }
}

.wp_ulike_likers_wrapper {
    background: var(--bg-color) !important;
}

@media (max-width: 550px) {
    .modal-content.border-none.yshadow {
        background: unset !important;
    }
    .home header#header {
        position: static;
    }
    .entry-content h2 {
        margin-bottom: unset;
    }
    .t-sm-center {
        text-align: center !important;
    }
}

a:link {
    -webkit-tap-highlight-color: unset;
}

.yon-big-style {
    -webkit-tap-highlight-color: var(--primary-color);
}

.lfolow svg.svgIcon-use {
    fill: var(--font-color);
}

.u-sizeFull {
    filter: unset;
}

#item-header-u {
    color: var(--secondary-color);
    font-size: 17px;
    line-height: 1.5;
    margin: 5px 0;
}

li#blog-order-select {
    display: none;
}

.single {
    overflow-x: hidden;
}

.share {
    top: 21%;
    z-index: 0 !important;
    position: fixed;
}

.profile div#subnav {
    display: block;
}

.btn:hover {
    color: var(--primary-color);
}

.entry-content hr:before {
    content: ". . .";
    word-spacing: 16px;
    font-size: 29px;
}

.entry-content hr {
    border: none;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 3em;
}

@media (max-width: 550px) {
    .home header#header {
        position: fixed;
    }
}


/* @media screen and (max-width: 503px) {
    [data-theme="dark"] .yon-list-style {
        align-items: center;
        border-bottom: solid 1px rgb(47 47 47);
    }
    .modal-header .close {
        position: fixed;
        top: 20px;
        right: 0;
    }
} */

[data-theme="dark"] .userbio,
[data-theme="dark"] #item-nav {
    border-color: rgb(78 78 78) !important;
}

.modal-header .close {
    color: var(--font-color);
    margin-right: 15px;
    font-weight: 800;
}

p.snax-form-tip.snax-form-tip-register,
a.snax-link-forgot-pass {
    color: var(--font-color);
}

[data-theme="dark"] .modal-content.border-none.yshadow {
    box-shadow: 1px 1px 16px 1px #171717;
    background: black;
}

[data-theme="dark"] .lidfafds {
    fill: #000;
}

[data-theme="dark"] .wpulike-heart .wp_ulike_put_image:after {
    filter: invert(1);
}

.bookmarked svg {
    fill: var(--font-color) !important;
    filter: unset !important;
}

.fbloginpopup {
    width: 100%;
    max-width: 212px;
    border-radius: 4px;
    margin: 4px 0;
    border: solid 1px var(--font-color);
    padding: 5px;
    font-family: "Source Sans Pro";
    font-size: 14px;
    padding: 7px 16px 9px;
    margin: 5px auto;
}

img.feautp {
    height: 162px;
    object-fit: cover;
    width: 100%;
}

.postbox_style2 .attachment-postbox-style2,
.postbox_style2_right img {
    height: 200px;
}

.homefu {
    max-width: 1200px;
}

@media screen and (max-width: 503px) {
    .post_box_style3 .heading-title-text {
        font-size: 15px !important;
        max-height: 50px;
    }
    #header svg {
        background: transparent;
    }
    .home #header {
        transform: translate(0) !important;
        box-shadow: 0 2px 5px 0 var(--box-shadow-color);
    }
}

.post_box_style3 {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.post_box_style3 .avatar-img {
    width: 15px;
    height: 15px;
    border-radius: 3px;
}

span.author.fu2.d-flex * {
    margin-left: 4px !important;
}

.home {
    background: var(--bg-color);
}

#item-header-content .bp-verified-badge,
#profile-header .bp-verified-badge {
    margin-left: 0.3em;
    margin-right: 0;
}

.count-box {
    color: var(--secondary-color);
    font-family: "Source Sans Pro";
    font-weight: 400 !important;
    font-size: 15px !important;
}

.wpulike-heart .wp_ulike_put_image:after {
    content: "";
    display: block;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat !important;
    filter: opacity(0.8);
}

.posted-on svg {
    fill: var(--secondary-color) !important;
}

.commentnu {
    color: #00a35d;
    color: var(--secondary-color);
    font-family: "Source Sans Pro";
    font-weight: 400;
    font-size: 15px;
    margin-right: 4px;
}

div.mce-toolbar-grp>div {
    background: var(--bg-color);
}

#settings-form {
    padding: 17px 0 !important;
}

.subnavpro li {
    padding: 4px;
    font-size: 14px;
    font-family: "HeR";
}

.mce-toolbar .mce-ico {
    color: var(--font-color);
}

div.mce-panel {
    background: var(--bg-color);
}

h2.title-section.py-4.my-2 b {
    margin-right: -10px;
}

h2.title-section.py-4.my-2 {
    background: var(--alignful-color);
}

.buttonSet--wide>.button {
    margin-right: 11px;
}

.confp {
    font-size: 30px;
    color: var(--secondary-color);
    font-weight: 600;
    opacity: 0.3;
    font-family: "Htitler";
}

.mcounterf {
    top: -10px;
    width: 40px;
}

.fr-toolbar.fr-inline .fr-command.fr-btn {
    float: right;
}

.uin-f {
    text-align: center;
}

.usurl {
    fill: var(--font-color);
}

.mycred-badge-image {
    width: 20px;
    height: 20px;
}

.user-menu-p:before {
    content: "\f208";
    font-family: "dashicons";
    margin-left: 4px;
    color: var(--font-color);
}

.user-menu-p {
    background: var(--alignful-color);
    padding: 4px;
}

.dupicon {
    transform: rotate(180deg);
    transition: 0.3s transform ease-in-out;
}

.collapsed .dupicon {
    transform: rotate(0deg) !important;
}

.malisbu li {
    margin: 4px 0 !important;
    color: var(--secondary-color);
}

.commentew {
    background: var(--bg-color);
}

.cmnt_link {
    padding: 8px 0px 5px 4px;
}

textarea {
    background: var(--bg-color) !important;
}

.comment-form {
    position: relative;
    max-width: 700px;
    margin: 30px auto;
    overflow: hidden;
    font-family: "Her";
}

#reply-title {
    margin-top: 10px;
}

.name {
    margin-right: 6px;
    transform: translateY(-100px);
    display: inline-block;
    transition: all 0.3s;
}

.meta {
    position: absolute;
    top: 20px;
    right: 10px;
}

.comment-textarea {
    height: 70px;
    transition: all 0.3s;
    font-size: 18px;
    box-sizing: border-box;
    color: var(--bg-transparent-color);
    padding-right: 57px;
    padding-top: 11px;
}

.btns {
    position: absolute;
    bottom: 10px;
    left: 10px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.form-control:focus {
    color: var(--font-color);
}

.toggled .meta,
.toggled .name {
    transform: translateY(0);
    font-size: 18px;
}

.toggled textarea {
    height: auto;
    padding-top: 69px !important;
    padding-bottom: 40px;
    padding-right: 10px;
}

#reply-title small {
    margin-right: 12px;
    color: var(--primary-color);
}

.toggled .placeholder {
    display: none;
}

.toggled .btns {
    opacity: 1;
    visibility: visible;
}

.comment-number {
    font-family: "Htitle";
    border: solid 2px var(--font-color);
    border-radius: 50%;
    display: block;
    width: 70px;
    height: 70px;
    position: relative;
    margin-bottom: 7px;
    border-radius: 100%;
    background: transparent;
    text-align: center;
    line-height: 3.1;
    background: black;
    color: white;
}

.comment-footer {
    display: inline-block;
    padding-top: 15px;
    margin-right: 5px;
}

.comment .wpulike {
    padding: 0;
    padding-top: 10px;
    display: inline-block;
}

.turbolinks-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    opacity: 1 !important;
    z-index: 999999999999999999999999;
    background: #60d778;
    background: var(--primary-color) !important;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    width: 100% !important;
    -webkit-animation: shift-rightwards 1s ease-in-out infinite;
    -moz-animation: shift-rightwards 1s ease-in-out infinite;
    -ms-animation: shift-rightwards 1s ease-in-out infinite;
    -o-animation: shift-rightwards 1s ease-in-out infinite;
    animation: shift-rightwards 1s ease-in-out infinite;
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

div#item-meta svg {
    fill: var(--font-color) !important;
}

@-webkit-keyframes shift-rightwards {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    40% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    60% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-moz-keyframes shift-rightwards {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    40% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    60% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-o-keyframes shift-rightwards {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    40% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    60% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes shift-rightwards {
    0% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    40% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    60% {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.comment-list li.comment.depth-1 {
    background: var(--bg-color);
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
    padding: 6px 15px;
}

.date {
    font-size: 0.5em;
    color: var(--secondary-color);
    margin-right: 7px;
}

.children .commentho {
    border-bottom: unset;
    border-right: solid 6px var(--border-color);
    padding-right: 12px;
}

span.fn {
    font-size: 16px;
    margin-right: 7px;
}

.comment-author {
    line-height: 20px;
    margin-bottom: 4px;
}

.commentho {
    padding: 5px 0;
}

ul.children li {
    margin: 0.5em 0.5em 0 0;
    padding: 1em 1em 1em 1em;
}

.buymecoffeebox {
    border: solid 1px var(--border-color);
    /* background: #ffecd0; 
box-shadow: 5px 5px #14ce874f, 10px 10px #14ce8747, 15px 15px #14ce8752, 20px 20px #14ce8742, 25px 25px #14ce8729;
box-shadow: 5px 5px var(--box-shadow-color), 10px 10px var(--box-shadow-color), 15px 15px var(--box-shadow-color), 20px 20px var(--box-shadow-color), 25px 25px var(--box-shadow-color);
*/
}

.buymecoffeebox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://freepngimg.com/thumb/coffee/33268-2-coffee-beans-transparent-background.png);
    filter: grayscale(1);
    background-position: 11% -17%;
}

.coffeetitle {
    line-height: 2;
    background: var(--bg-color);
    opacity: 0.9;
    padding: 0 5px;
    text-align: center;
    font-family: "Htitler";
}

.single .coffeetitle {
    border: solid 1px;
    padding: 0 15px;
}

.cofflink {
    background: var(--bg-color);
    border-radius: 50%;
    z-index: 1;
}

.profile-b {
    width: 100%;
    max-width: 531px;
    margin: 0 auto;
}

.spaginput {
    font-size: 28px !important;
    border: none !important;
    border-bottom: solid 1px var(--border-color) !important;
    background: var(--bg-color);
    font-family: "content" !important;
    height: 70px;
}

.search .spaginput {
    margin: 33px 0;
}

@media (min-width: 700px) {
    .spaginput {
        font-size: 40px !important;
    }
}

.spaginput:focus {
    outline: none !important;
    background-color: var(--bg-color);
    border-color: var(--border-color);
    box-shadow: none !important;
}

li.card.ajxse.my-4 {
    background: var(--bg-color);
}

summary,
.bshadow,
.btncomment,
.commentew {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.09) !important;
    background: var(--bg-color);
}

.cotitle,
.potitle {
    font-family: "Her";
    font-size: 16px;
}

.cotitle {
    font-weight: 700;
}

.comment-body p {
    font-size: 17px;
}

.seccolor {
    color: var(--secondary-color) !important;
}

.contain404 {
    min-height: 100vh;
}


/* e-menu */

.emenu-show {
    height: 100%;
    width: 100%;
    top: 0;
    padding-top: 46px;
    left: 0;
    z-index: 10;
    right: 0;
    transition: top 0.5s ease;
    background: var(--bg-color);
}

.main-micon {
    transform: rotate(270deg);
}

.main-micon {
    transition: 0.3s transform ease-in-out;
}

#side-drawer-void {
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 999999999;
    background: var(--bg-color);
    opacity: 0;
    right: 0;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
    text-decoration: none;
    outline: 0;
}

li.card.ajxse.my-4 {
    min-height: 258px;
}

a.polink {
    text-shadow: 0 0.5px var(--font-color);
}

.emenucat {
    border-radius: 54%;
}

.emenubtnfollow {
    padding: 0px !important;
    width: 25px !important;
    height: 25px !important;
}

.emenulistcat {
    border: solid 1px var(--border-color);
    background: var(--bg-color);
}

.fontSans {
    font-family: "Source Sans Pro", sans-serif;
}

.dividic {
    border-left: solid 1px var(--font-color);
    width: 1px;
    height: 22px;
    opacity: 0.4;
}

#Capa_1 {
    margin-top: 2px;
    margin-left: 2px;
}

.theteags a {
    margin-left: 11px;
}

.user-nicename .hc-name {
    font-weight: 600 !important;
}

.singbuycoffee {
    border: solid 0.5rem var(--alignful-color);
}

.auinfo {
    border-bottom: solid 1px var(--border-color);
    border-top: solid 1px var(--border-color);
}

#browse-topics .browse-topic-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 104px;
    width: 221px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 10px 0 var(--box-shadow-color), 0 4px 5px 0var (--box-shadow-color);
    box-shadow: 0 1px 10px 0 var(--box-shadow-color), 0 4px 5px 0 var(--box-shadow-color);
    margin-right: 20px;
    margin-bottom: 16px;
    background-color: var(--alignful-color);
    color: var(--font-color);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    padding-right: 20px;
    padding-left: 100px;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: left;
}

@media (max-width: 575px) {
    #browse-topics .browse-topic-tile {
        width: 45%;
        height: 72px;
        margin-right: 10px;
        margin-bottom: 8px;
        padding-right: 8px;
        padding-left: 72px;
        font-size: 14px;
        line-height: 1.29;
        background-size: 65px;
    }
    h1.user-nicename {
        font-size: 1.5em !important;
    }
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 0.4rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}


/* fu slider */

.sli3-underline-header {
    margin-bottom: 20px;
    margin-right: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sli3-underline-header {
    display: block;
    border-bottom: 1px solid var(--font-color);
    margin-bottom: 15px;
}

.sli3-underline-header__title {
    align-self: flex-end;
    margin-bottom: 7px;
}

@media (min-width: 640px) {
    .sli3-underline-header__title {
        font-size: 13px;
    }
}

.sli3-underline-header__title {
    color: var(--font-color);
    font-weight: 300;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.2px;
    display: inline;
}

.sli3-underline-header__arrows {
    align-self: flex-end;
    display: inline-flex;
    flex-direction: row;
    margin-bottom: 4px;
}

header.em-listing-card__header * {
    font-size: 20px;
    font-weight: 500;
}

.post-16 {
    padding-top: 100%;
    padding-bottom: 20px;
    width: 100%;
    min-height: 4rem;
}

.recent-stories__arrow--prev svg {
    transform: scaleX(-1);
}

.recent-stories__arrow--prev {
    margin-right: 20px;
}

.recent-stories__arrow {
    cursor: pointer;
    transition: opacity 0.3s linear 0s;
    outline: 0;
}

.recent-stories__arrow svg {
    width: 42px;
    height: 13px;
    transition: transform 0.3s linear 0s;
    fill: var(--font-color);
}

.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
}

.aspect-ratio-16-9 {
    padding-bottom: 56.25%;
}

.swiper-wrapper {
    padding: 0;
    margin: 0;
    font-size: 9px;
}

.bl-article-col {
    opacity: 0.3;
    transition: opacity 0.3s linear 0s;
}

.swiper-slide-visible {
    opacity: 1;
    z-index: 10;
}

.swiper-container {
    margin-left: 100px !important;
}

@media (min-width: 640px) {
    .fu-slider {
        padding-right: 120px;
    }
    .swiper-container {
        margin-left: 120px;
    }
}

@media (min-width: 1440px) {
    .fu-slider {
        width: 100%;
        padding-right: 200px;
        max-width: none !important;
        overflow: hidden;
    }
    .swiper-container {
        margin-left: 200px !important;
        overflow: visible !important;
    }
}

.swiper-container {
    overflow: visible !important;
}

.fu-slider {
    overflow: hidden;
}

.recent-stories__scrollbar {
    margin-top: 30px;
    display: block;
    margin-right: 15px;
    padding-left: 45px;
    padding-right: 45px;
    pointer-events: none;
}

.recent-stories__scrollbar .swiper-scrollbar {
    position: relative;
    height: 3px;
    width: 100%;
    background: #d8d8d8;
}

.recent-stories__scrollbar .swiper-scrollbar .swiper-scrollbar-drag {
    background: black;
    height: 3px;
}

@media (min-width: 640px) {
    .recent-stories__scrollbar {
        display: none;
    }
}

.l-posts,
.widget-title {
    padding-bottom: 8px;
    display: block;
    border-bottom: 1px solid var(--font-color);
    margin-bottom: 15px;
    font-size: 16px;
    width: 100%;
}

.respopover {
    background: var(--secondary-bg-color);
    color: var(--font-color) !important;
    box-shadow: var(--box-shadow-color) 0px 4px 12px 0px;
}

.respopover .dropdown-item {
    color: var(--font-color) !important;
    font-size: 17px;
    font-family: "HeR";
}

@media (max-width: 600px) {
    .respopover {
        max-width: unset;
        width: 97%;
    }
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent;
}

.taxonomy-description p {
    font-size: 15px;
    color: var(--secondary-color);
}

.category_title {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 15px;
    font-family: "content";
    padding-bottom: 11px;
}

a.rml-save-for-later-button.saved .notbmarked {
    display: none;
}

.saved .bkmarked {
    display: block !important;
}

.rml-save-for-later-button .bkmarked {
    display: none;
}

.entry-footer .bookmarked svg {
    fill: var(--secondary-color) !important;
}

.entry-content .medium-insert-embeds,
.entry-content figure {
    margin-top: 2rem;
}


/* Progress Bar Styling */

.indicator {
    background: var(--font-color);
    height: 3px;
    position: absolute;
    bottom: -3px;
}

a.bookmark-it svg {
    fill: var(--heading-color);
}

h4.heading-title-text {
    font-size: 16px;
    max-height: unset;
}

.lazyloading {
    filter: blur(20px);
}

.lazyloaded {
    transition: opacity 400ms ease 0ms;
}

.respopover[x-placement^="bottom"]>.arrow::after,
.respopover>.arrow::after {
    border-bottom-color: var(--secondary-bg-color);
}

.mfooterlist li {
    padding-left: 14px;
    font-family: "HeR";
    font-size: 16px;
    font-weight: 700;
}

.blackitemtitle {
    width: 100% !important;
    font-size: 1em !important;
}

#item-body h3 {
    margin-top: 2rem;
    padding-bottom: 8px;
    display: block;
    border-bottom: 1px solid var(--font-color);
    margin-bottom: 15px;
    font-size: 16px;
    width: 100%;
}

.md-effect-12 .modal-content {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.show.md-effect-12 .modal-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.pcolor {
    color: var(--primary-color) !important;
}

.lcolor {
    color: var(--light-text-color) !important;
}

.dcolor {
    color: var(--dark-text-color) !important;
}

.secolor {
    color: var(--secondary-color);
}

.modal.layer.md-effect-12.yallamodalbig.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.entry-footer .wp_ulike_is_unliked * {
    margin: 0;
    fill: var(--secondary-color);
}

.share .wp_ulike_is_unliked svg {
    filter: opacity(0.8);
}

#loginform-in-popup input[type="text"],
#loginform-in-popup input[type="password"] {
    display: block;
    width: 100%;
    border-radius: 0 !important;
    padding: 0.5rem 0.75rem;
    line-height: 1.5;
    background-clip: padding-box;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border: none;
    margin: 10px auto;
    border-bottom: solid 1px;
    border-radius: 3px;
    background: var(--bg-color);
}

.yallamodalbig {
    background: var(--bg-color) !important;
}

.wpulike-heart .wp_ulike_general_class {
    box-shadow: unset !important;
    padding: 0 !important;
}

.wpulike .wp_ulike_put_text {
    min-width: unset;
}

@media (max-width: 320px) {
    .prlcxs {
        display: none !important;
    }
}

pre code {
    margin-top: 0 !important;
}

a.bfe-edit-post-button.left_bottom {
    display: none;
}

.entry-footer .share-single svg {
    fill: var(--heading-color);
}

.rml-save-for-later-remove-all {
    background: #179f15;
    padding: 0px 10px;
    color: #fff;
    border: 1px solid transparent;
    margin-bottom: 15px;
    font-size: 16px;
}

.rml-save-for-later-button svg {
    fill: var(--heading-color);
}

.inputnorborder {
    border: none !important;
    border-bottom: solid 2px var(--heading-color) !important;
    border-radius: 0 !important;
}

.tooltip {
    font-family: "Source Sans Pro", "Her", sans-serif !important;
}


/* user nav */

.site-content {
    position: relative;
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    -o-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    will-change: right;
}

.user-nav--open .site-content {
    right: -265px;
}

.main-menu--open .site-content {
    left: -265px;
}

.user__nav {
    background: #000;
    color: var(--light-text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    -o-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    width: 265px;
    will-change: transform;
    z-index: 2;
}

.main__nav {
    background: #000;
    color: var(--light-text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    -o-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    width: 265px;
    will-change: transform;
    z-index: 3;
}

.user__nav .dropdown-item,
.theme-switch-wrapper {
    color: var(--light-text-color);
    font-weight: 700 !important;
    font-size: 1rem;
}

.main__nav .dropdown-item {
    color: var(--light-text-color);
}

.user__nav .dropdown-item span {
    font-weight: 700 !important;
}

.user__nav .dropdown-item:focus,
.user__nav .dropdown-item:hover,
.main__nav .dropdown-item:focus,
.main__nav .dropdown-item:hover {
    background-color: transparent !important;
}

.user-nav--open .user__nav {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
}

.main-menu--open .main__nav {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    overflow-y: auto;
}

.main-menu--open,
.user-liked--open {
    position: fixed;
    overflow: hidden;
    max-width: 100%;
    left: 0;
    right: 0;
}

.user-nav--open .site-nav {
    border: unset;
    transform: translateX(265px);
}

.site-nav {
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    -o-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
}

.main-menu--open .site-nav {
    border: unset;
    transform: translateX(-265px);
}

.user_nav__overlay,
.main_nav__overlay {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    height: 100%;
    right: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    -o-transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    transition: all 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s ease;
    visibility: hidden;
    width: 100%;
    will-change: transform;
    z-index: 2;
}

.main_nav__overlay {
    left: 0;
    right: unset I !important;
}

.user_nav__overlay:focus {
    outline: 0 !important;
}

.user-nav--open .user_nav__overlay {
    opacity: 0.8;
    -webkit-transform: translateX(-265px);
    -o-transform: translateX(-265px);
    transform: translateX(265px);
    visibility: visible;
    background: var(--bg-transparent-color);
    z-index: 999999;
    border: none;
}

.main-menu--open .main_nav__overlay {
    opacity: 0.8;
    -webkit-transform: translateX(265px);
    -o-transform: translateX(265px);
    transform: translateX(-265px);
    visibility: visible;
    background: var(--bg-transparent-color);
    z-index: 999999;
    border: none;
}

.main_nav__overlay:focus {
    outline: unset;
}

.i-f-in-r-m a {
    font-size: 16px;
    font-family: "Htitler";
    margin-left: 9px;
    color: var(--light-text-color);
    padding: 5px 0;
}


/*noti dropdown */

.notifications_lists_container .notifications_lists {
    font-size: 100%;
}

.notifications_lists_container .notifications_lists>div {
    padding: 0;
    border-bottom: solid 1px var(--border-color);
}

.notifications_lists_container .notifications_lists {
    max-height: 80%;
}


/* block code full screen */

.wp-block-code {
    position: relative;
}

.fullscreen_code_action {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px;
    cursor: pointer;
    display: flex;
}

.fullscreen_code_action::before {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-fullscreen' fill='red' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z'/></svg>");
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    width: 1rem;
    height: 1rem;
}

pre code {
    padding: inherit !important;
}

pre {
    background: #444444;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.is_fullscreen_code {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: black;
    overflow: auto;
    margin-top: 0px !important;
    z-index: 9999;
    transform: none !important;
    margin: 0 !important;
}

.is_fullscreen_code div {
    max-width: 900px;
    margin: 0 auto;
}

.is_fullscreen_code code {
    background: #000;
    color: var(--light-text-color);
}

.is_fullscreen_code .fullscreen_code_action {
    position: fixed;
    display: flex;
    background: white;
}

.is_fullscreen_code .hljs-type,
.is_fullscreen_code .hljs-string,
.is_fullscreen_code .hljs-number,
.is_fullscreen_code .hljs-selector-id,
.is_fullscreen_code .hljs-selector-class,
.is_fullscreen_code .hljs-quote,
.hljs-template-tag,
.is_fullscreen_code .hljs-deletion {
    color: #f50000;
}

.notification_text {
    overflow: hidden;
    max-height: 50px;
    text-overflow: ellipsis;
    line-height: 1.4;
    transform: translateY(-0.72px);
    font-family: "Htitle";
    letter-spacing: -0.5px;
    word-spacing: -1px;
    font-weight: 300;
    font-size: 15px;
}

.avatarimgnoti {
    min-width: 35px;
}

.noti_list {
    margin-bottom: 19px;
    border: solid 1px var(--border-color);
    border-radius: 4px;
}

.noti_list a:hover {
    color: unset;
}

.noti_list:hover {
    background: var(--alignful-color);
}

.notification_text img {
    display: none;
}

a.bnb-notification-text img {
    margin-left: 6px;
}

.notifications_lists_container .notifications_lists div:last-child {
    border-bottom: none;
}

input#delete-account-understand {
    vertical-align: unset;
}

.follow-button a {
    border: unset !important;
    /* background: unset !important; */
    /* color: var(--primary-color) !IMPORTANT; */
}


/* .follow-button {
    background: transparent;
    border: solid 1px;
    border-radius: 5px;
    line-height: unset;
    font-size: 13px;
    border-color: var(--primary-color); 
    color: var(--primary-color);
    outline: none;
    font-family: "HeR";
    padding: 2px 10px;
    margin-right: 4px;
} */

.follow-button {
    margin-right: 4px;
}

.second .fbtnloggedout {
    margin-right: 12px;
    margin-top: 5px;
}

.follow-button a,
.fbtnloggedout {
    font-family: "HeR";
    border-radius: 5px;
    padding: 0px 4px;
    font-size: small;
    cursor: pointer;
    outline: 0;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    border-radius: 0;
    border: 0;
    position: relative;
}

.follow-button .unfollow {
    color: white !important;
    background: var(--primary-color) !important;
}

.follow-button .follow,
.fbtnloggedout {
    /* background: var(--primary-color) !IMPORTANT; */
    color: white !important;
    /* border-bottom: solid 4px black; */
    background: black;
    position: relative;
}

.follow-button {
    position: relative;
}

.follow-button a:after,
.fbtnloggedout::after {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    position: absolute;
    bottom: 4px;
    z-index: -1;
    right: 3px;
}

.follow-button .unfollow:after {
    background: var(--font-color);
}

.entry-meta__content__panel .fbtnloggedout {
    padding: 7px 9px !important;
    margin-right: 5px;
    line-height: 0;
}

.entry-meta__content__panel .follow-button {
    padding: 10px 0px;
    line-height: 0;
}

.entry-meta__content__panel .follow-button a {
    font-size: 11px;
    background: black;
    position: relative;
    border-radius: 0;
}

.userbio .fbtnloggedout {
    padding: 10px 10px !important;
    margin-right: 5px;
    line-height: 0;
}

#members-list .fbtnloggedout,
.profile-b .fbtnloggedout {
    padding: 4px 12px 6px;
}

.reading__list_widget {
    background: var(--alignful-color);
    padding: 15px;
}

.widget {
    margin-bottom: 25px;
}

.wp-block-code code {
    white-space: unset;
    overflow-wrap: unset;
}

@media (max-width: 600px) {
    .site-nav {
        background-color: var(--bg-transparent-color);
    }
    .respopover {
        max-width: unset !important;
    }
    .wp-block-code code {
        font-size: 14px;
    }
    .is_fullscreen_code code {
        font-size: 16px;
        padding-bottom: 40px !important;
        height: 100%;
    }
}

.is_fullscreen_code {
    bottom: 0;
    height: 100%;
}

a.bfe-edit-post-button {
    display: none;
}

.respopover {
    border-radius: 0;
    border: unset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0, 0, 0, 0.35);
    width: 98%;
    max-width: 320px;
    border: solid 3px var(--font-color);
}

.entry-content h3 {
    margin-bottom: -0.4em;
}

.border-left,
.border-right,
.border-bottom,
.border-top {
    border-color: var(--border-color) !important;
}

.banner.banner-left.border {
    max-width: 640px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    margin: 0px auto;
    width: 100%;
    padding: 12px 16px 12px 24px;
    font-size: 14px;
    transform: translateX(-50%);
    left: 50%;
    font-family: "HeR";
    box-shadow: rgb(204, 204, 204) 0px 0px 2px;
    border: unset;
    background: var(--bg-transparent-color) !important;
}

.btn_primary {
    background: var(--primary-color);
    border: none;
    font-size: 14px;
}

.yon-progressive__image {
    transform: scale(1);
}

.entry-header {
    margin-bottom: 1em;
}

.bfe-quote--center cite {
    color: var(--secondary-color);
    font-style: normal;
    font-size: 22px;
}

.bfe-quote--center {
    box-shadow: unset;
    text-align: center;
    border: none !important;
}

.medium-zoom--opened .medium-zoom-overlay {
    background: var(--bg-color) !important;
    z-index: 9999;
}

.medium-zoom-image--opened {
    filter: none !important;
    animation: none !important;
    z-index: 99999;
}

.wp-block-image {
    position: relative;
    overflow: hidden;
}

.yon-progressive__image {
    transform: unset;
}

pre {
    overflow: unset;
}

#members-list .fbtnloggedout,
.profile-b .fbtnloggedout {
    padding: 2px 12px 2px;
}

button.wpsa-subscribe-btn,
.btnfloggedout,
.fbtnloggedout {
    line-height: unset;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
}

.author_nav_bg {
    white-space: nowrap;
    overflow: hidden;
    background: var(--bg-color);
    color: var(--font-color);
    margin-bottom: 5px;
    border-top: 1px solid var(--border-color);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px 0px;
}

.author_nav_bg a:hover {
    color: unset;
}

.u_nav__item {
    color: var(--secondary-color);
}

@media (max-width: 575px) {
    .share-this-popover {
        display: none;
    }
}

.entry-content {
    word-break: break-word;
}

.sl-wrapper {
    padding: 8px 0px 8px 5px;
}

.count-num {
    text-decoration: none;
    line-height: 28px;
    display: inline-block;
    color: var(--secondary-color);
    text-align: center;
    vertical-align: middle;
    padding: 0 5px;
    font-family: "Source Sans Pro";
    font-size: 15px !important;
}

.m_story .count-num {
    cursor: pointer;
}

.no-new-notifications {
    text-align: center;
    font-family: "Htitler";
}

.notifications_lists.noti-dropdown a {
    font-family: "Htitler";
}

#header {
    box-shadow: var(--box-shadow-color) 0px 4px 12px 0px;
    background-color: var(--bg-transparent-color);
}


/* hero main */

.hlogbtn {
    width: 5rem;
}

.tle {
    height: 331px;
}

.hero-animation {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    -o-object-fit: fill;
    object-fit: fill;
}

.hero-animation:before {
    content: "";
    background-repeat: no-repeat;
    background-size: 383px 354px;
    background-position: bottom 50px right 58px;
    filter: invert(1);
    height: 100%;
    width: 100%;
    position: absolute;
}

.bhh:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--box-shadow-color);
    right: -28%;
    top: -24%;
}


/* hero main end */


/* small home menu in header */

.navig_ele {
    margin-top: 4px;
}

.navig_ele li {
    display: inline-block;
    position: relative;
    line-height: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
}

.navig_ele li a {
    font-size: 22px;
    font-weight: 400;
    text-transform: none;
    font-family: "Htitle";
    position: relative;
    text-decoration: none;
    line-height: inherit;
    padding: 0px 14px;
    color: inherit;
}

.ulp-close {
    color: var(--primary-color);
}

.rml-save-for-later-button svg {
    fill: none;
}

a.rml-save-for-later-button.saved svg {
    fill: var(--heading-color);
}

.profile,
.AR_f {
    font-family: "Htitler";
}

textarea {
    color: #000;
    height: 180px;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.5;
    width: 100%;
}

.AR_f figure,
.AR_f p,
.AR_f h2,
.AR_f h3,
.AR_f h4,
.AR_f h5,
h6,
.AR_f blockquote,
.AR_f table,
.AR_f ul,
.AR_f ol,
.AR_f dl,
.AR_f pre,
.AR_f address .AR_f input,
.AR_f textarea {
    margin: 0 0 24px;
}

.AR_f input[type="text"],
input[type="password"],
input[type="email"] {
    margin: 0 0 24px;
}

nav.text-center.w-100 {
    border-bottom: solid 1px gainsboro;
}

legend {
    margin: 0 0 5px;
}

.export_Data ul {
    list-style: circle;
    margin-right: 30px;
}

input[type="submit"],
button[type="submit"] {
    font-size: 14px;
    background: var(--primary-color);
    color: white;
    font-family: "HeR";
    border: solid 1px var(--border-color);
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
input:not([type]),
textarea {
    color: #000;
    box-shadow: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0 !important;
    border-width: 1px;
    padding: 0 14px;
    line-height: 46px;
    font-size: 0.9em;
    width: 100%;
    font-family: "Htitler";
}

table {
    width: 100%;
    border: 1px solid var(--border-color);
    border-collapse: collapse;
    margin-top: 1.4em;
}

td,
th {
    border: 1px solid var(--border-color);
    padding: 0.5em;
}


/* about page */

.bu {
    background: #e2eff8;
    left: 25.75%;
    top: -10%;
}

.br {
    background: #000;
}

.bwlig {
    background: #fff;
}

.dwx {
    z-index: 2;
    border-left: 1px solid rgba(117, 117, 117, 1);
    height: 292px;
    position: absolute;
    bottom: -25%;
    left: 0;
}

@media screen and (min-width: 1100px) {
    .ilheading {
        font-size: 4rem;
    }
}


/* user liked the post  */

@-webkit-keyframes scale-fade {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8) rotateX(-40deg);
        transform: scale(.8) rotateX(-40deg)
    }
    50% {
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1.05) rotateX(0);
        transform: scale(1.05) rotateX(0)
    }
    100% {
        -webkit-transform: scale(1) rotateX(0);
        transform: scale(1) rotateX(0)
    }
}

@keyframes scale-fade {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%) scale(0.7) rotateX(-40deg);
        transform: translateY(100%) scale(0.7) rotateX(-40deg)
    }
    70% {
        -webkit-transform: scale(1) rotateX(0);
        transform: scale(1) rotateX(0)
    }
    100% {
        -webkit-transform: scale(1) rotateX(0);
        transform: translateY(0) scale(1) rotateX(0)
    }
}

.user_liked_p {
    display: none;
    -webkit-font-smoothing: antialiased;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow-y: auto;
}

.item-title {
    font-family: "Source Sans Pro", "Her", sans-serif;
}

.item-title a {
    font-size: 1rem;
    margin-right: 8px;
    color: var(--font-color);
}

.ulp-overlay {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: var(--bg-transparent-color);
    z-index: 20;
}

.ulp-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 1.2em;
    text-align: center;
    vertical-align: middle;
    background: var(--border-color) !important;
    opacity: 0.9;
}

.user_liked_p {
    background: none;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease-in;
}

.ulp-content {
    position: relative;
    z-index: 21;
    opacity: 1.0;
    max-width: 600px;
    margin: 10% auto 0 auto;
    padding: 40px 15px;
    text-align: center;
}

.ulp-confirm--animate {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, -1.09);
    /* animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91); */
    animation: 500ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s 1 normal forwards running scale-fade;
}

.ulp-body {}

.ulp-title {
    font-size: 1.2em;
    margin-bottom: 1em;
}

.ulp-action button {
    padding: 2px 20px;
    border-radius: 25px;
    background: var(--secondary-bg-color);
    color: var(--font-color);
    font-size: 15px;
    border: solid 1px var(--font-color);
}