#archive .issueList article .title,
#archive .issueList article .title_new,
#journal .journalInfo {
    background-repeat: repeat;
    background-color: var(--box-bg-color)
}

#article .articleData .nav>li>a:hover,
#article .articleInfo .abstract,
#journal .journalInfo h4,
header .brandBar {
    background-color: var(--theme-color)
}

:root {
    --theme-color: #198738;
    --menu-bg-color: #198738;
    --menu-text-color: #FFFFFF;
    --box-bg-color: #198738;
    --box-text-color: #2e6b3e;
    --link-color: #1fb246;
    --footer-bg-color: #198738;
    --bg-color: #e1f6e7
}

#article .articleData .tab-content #articleTab h3,
#article .articleData .tab-content #articleTab h4,
#article .articleData .tab-content #articleTab h5,
#article .articleData .tab-content #citeTab h4,
#article .articleData .tab-content #statasticsTab .statastics,
#article .articleData .tab-content #statasticsTab h4,
#articleList #citeMetric,
#generalPage #contact .contact-item h3,
#generalPage #search legend,
#generalPage .page-header h1,
#journal .aboutJournal .highlight h2,
#site .search__input,
#site .search_icon,
.pagination>li>a,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span,
.pagination>li>span:focus,
.pagination>li>span:hover,
a,
a:focus,
a:hover,
h1,
h2,
h3,
h4,
h5 {
    color: var(--theme-color)
}

#articleList ul li.active a,
#issue .articleList article h5 a,
.articleList .article-summary h5 a,
.pretty,
a,
a:focus,
a:hover,
header .topMenu #topMenu a {
    color: var(--link-color)
}

a:hover {
    filter: saturate(20%) contrast(160%)
}

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

.accordion__body,
.accordion__group {
    background: var(--box-bg-color)
}

#article .articleData .nav-tabs>li>a:hover,
hr {
    border-color: var(--theme-color)
}

header .topMenu #topLogo,
header .topMenu #topLogo a {
    color: var(--link-color);
    filter: contrast(10%)
}

header .topMenu #topMenu a {
    filter: saturate(30%)
}

header .mainMenu {
    background-color: var(--menu-bg-color)
}

.searchBox button {
    color: var(--menu-bg-color)
}

footer {
    border-top: 3px solid var(--footer-bg-color)
}

#journal .aboutJournal .highlight,
.issuebar .galleys {
    border-top-color: var(--theme-color)
}

#footer {
    background: var(--footer-bg-color)
}

#footer a {
    color: #fff
}

#journal .issueInfo * {
    color: #333
}

#journal .aboutJournal .overlay {
    filter: none
}

#journal .aboutJournal .highlight {
    border-bottom-color: var(--theme-color)
}

#journal .journalInfo {
    background-image: url('../images/w80.png');
    border-bottom-color: var(--box-bg-color)
}

#journal .journalInfo h4 {
    border-bottom: 1px solid var(--theme-color)
}

#annuncments .annuncList .annuncmentsTitle span,
#archive .issueList .article_new,
#information .nav-tabs>li.active>a,
#information .nav-tabs>li.active>a:hover,
#information .nav-tabs>li>a:hover,
#issue .articleList article,
#relateds .relatedsList h4 span,
.breadcrumb {
    border-bottom-color: var(--theme-color)
}

.article-group,
.sidebar .sidebar_block .title {
    background-color: var(--box-bg-color);
    color: var(--box-text-color)
}

#issue .articleList article .abstract,
.articleList .article-summary .abstract,
.sidebar .sidebar_block .content {
    background-color: var(--box-bg-color);
    background-image: url('../images/w80.png');
    background-repeat: repeat
}

#articleList .nav-tabs li,
#articleList .nav-tabs>li.active::after,
.journalBox .media-body .btn,
.journalBox .media-body .links {
    background: var(--theme-color)
}

@media screen and (max-width:992px) {
    .br-right {
        border-bottom-color: var(--theme-color)
    }
}

.issuebar .issn,
.issuebar .pub_id,
.issuebar h3 small {
    color: var(--theme-color);
    filter: saturate(30%)
}

#archive .issueList article .title {
    background-image: url('../images/w70.png');
    color: #222
}

#archive .issueList article h3 {
    color: #222
}

#article .articleData .nav>li>a:hover {
    background-image: url('../images/w80.png');
    background-repeat: repeat
}

.journalBox .media-body .btn {
    background-image: url('../images/w70.png');
    background-repeat: repeat;
    border-color: var(--theme-color)
}

@media screen and (min-width:768px) {
    .br-left {
        border-left-color: var(--theme-color)
    }

    .br-right,
    body[dir=rtl] .br-left {
        border-right-color: var(--theme-color)
    }

    header .mainMenu .dropdown-menu a {
        color: var(--menu-text-color)
    }
}

@media screen and (min-width:992px) {
    .br-right {
        border-right-color: var(--theme-color)
    }

    body[dir=rtl] .br-right {
        border-left-color: var(--theme-color)
    }
}

.accordion__group.bordered {
    border-color: var(--box-bg-color)
}

.accordion__group label a,
.accordion__toggle.has::after {
    color: var(--box-text-color)
}

.accordion__group label a:hover {
    color: var(--box-text-color);
    filter: saturate(40%)
}

.accordion__body {
    background-image: url('../images/w80.png');
    background-repeat: repeat
}

.accordion .searchBox input {
    color: var(--box-bg-color)
}

#archive .issueList article .title_new {
    background-image: url('../images/w80.png');
    color: #222
}

#archive .issueList article .title_new h5 {
    color: #111
}

#articleList .nav-tabs li:hover {
    background: var(--theme-color);
    filter: saturate(80%)
}

#articleList .nav-tabs li.active {
    background: var(--theme-color);
    filter: saturate(60%)
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color) !important
}