/* default color: #fa6a2e  */
.bg-color,
section.bg-color,
.btn-main,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.owl-arrow span,
.de-progress .progress-bar,
.owl-custom-nav .btn-next:before,
.owl-custom-nav .btn-prev:before,
.circle,
#filters a.selected,
#cookieConsent a.cookieConsentOK,
.text-light .de_countdown,
.text-light .dropdown li span,
#selector #dark-mode,
.dropdown li span:hover,
.switch,
.lds-roller div:after,
#mainmenu ul li b,
.d-arrow-left,
.d-arrow-right,
.scrollbar
 {
    background:var(--primary-color);
}
::-moz-selection { /* Code for Firefox */
    color:#ffffff;
    background:var(--secondary-color);
}

::selection {
    color:#ffffff;
    background:var(--secondary-color);
}

#back-to-top,
.btn-main.bg-color{
    background: var(--primary-color);
}

.id-color,
h1.id-color,
h2.id-color,
h3.id-color,
h4.id-color,
.title span,
i.large:hover,
header.smaller #mainmenu a.menu-item.active,
.btn-right:after,
#mainmenu li a.menu-item:after,
.de_testi.opt-2 blockquote:before,
.accordion a:before,
.expand-custom .toggle:before,
.list li:before,
.post-text h3 a:hover,
.de_tab .de_nav li span,
.topbar-widget a span {
    color: var(--primary-color);
}


a,
a:hover,
footer .widget a:hover,
.id-color-2,
span.id-color-2,
.activity-filter i,
.de_tab .de_nav li span
{
    color: var(--secondary-color);
}


.bg-color-2,
section.bg-color-2,
a.btn-main.bg-color-2,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
#btn_copy.clicked,
.activity-filter li.active,
body::-webkit-scrollbar-thumb{
    background: var(--secondary-color);
}

section.dark {
    background: rgba(var(--primary-color-rgb), .98);
}


.accordion-section-title.active {
    background: var(--secondary-color);
}

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

#topbar i{
    color: var(--tertiary-color);
}


h5.title{
    background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
}

#preloader {
    background-image: linear-gradient(to top right, var(--primary-color), var(--secondary-color));
}

#topbar {
    background: rgba(var(--primary-color-rgb), .1);
}

.activity-list li:after{
    color: rgba(var(--secondary-color-rgb), 1);
}


.activity-filter i {
    background: rgba(var(--secondary-color-rgb), .1);
}

.activity-list li{
    background: rgba(var(--secondary-color-rgb), .07);
}


#slider-carousel .owl-thumb-item.active img {
    border-color: var(--primary-color);
}

.de_countdown,
.dark-scheme .pagination li.active a{
    border-color: var(--secondary-color);
}

header #mainmenu a.menu-item span,
header.transparent #mainmenu a.menu-item span {
    border-bottom-color: var(--secondary-color);
}