:root {
--base-color: #336699;
--base-rgb: 51, 102, 153;
}

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

.news-date {
color: #336699;
}

.menu li a.active,
.menu li a:hover,
.menu .submenu li:hover > a {
background-color: #336699 !important;
color: #fff !important;
}

.language-select {
background-color: #336699;
}

.top-news-ticker .title {
background-color: #336699 !important;
}

.top-news-ticker {
background-color: rgba(51, 102, 153, 0.15) !important;
border-bottom: 3px solid #336699 !important;
}

.top-news-ticker-runner a span.text--danger {
color: #336699 !important;
}

.news-banner-content .text--danger,
.small-single-news .text--danger {
color: #336699 !important;
}

.top-news-ticker-runner a:hover {
color: #336699 !important;
text-decoration: underline;
}

.pause-btn {
background-color: #336699;
}

.nav-tabs .nav-link.active {
background-color: #336699;
border: 1px solid #336699;
}

.nav-tabs .nav-link:hover {
color: #336699;
border-bottom: 1px solid #336699;
}
.nav-tabs {
border-bottom: 1px solid #336699;
}

.small-single-news .content .title a:hover {
color: #336699;
}

.news-banner-content .title a:hover {
color: #336699;
}

.widget-title::after {
background-color: #336699;
}

.ui-widget-content {
border: 1px solid #336699;
}
.ui-widget-header {
background: #336699;
}

.ui-datepicker th {
color: #336699;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #336699;
border: 1px solid #336699;
}

.news-blog-header span:hover {
color: #336699;
}

*::-webkit-scrollbar-button {
background-color: #336699;
}
*::-webkit-scrollbar-thumb {
background-color: #336699;
}
.scrollToTop {
background: #336699;
}
.news-blog-content .title a:hover {
color: #336699;
}

.section-header .section-title i {
color: #336699;
}

.footer-toggle .right-icon {
background-color: #336699;
}
.footer-links li:hover {
color: #336699;
}
.footer-social li a:hover, .footer-social li a.active {
background-color: #336699;
}

.footer-links li:hover::before {
color: #336699;
}

.btn--base {
background-color: #336699;
}

.btn--base:focus, .btn--base:hover{
box-shadow: 0 10px 20px #336699;
}

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link{
background: #336699;
border-color: #336699;
}

.pagination .page-item.disabled span{
background: #336699;
border: 1px solid #336699;
}

.page-link:focus{
box-shadow: 0 0 0 0.25rem #33669925;
}

.new-badge {
background-color: #ff0000 !important;
}