/* default color: #fa6a2e  */
.bg-color,
section.bg-color,
.btn-main,
#mainmenu li li a.menu-item:hover,
#mainmenu ul li:hover>a.menu-item,
.btn-primary,
.owl-arrow span,
.de-progress .progress-bar,
#btn-close-x:hover,
.btn-more,
.product img:hover,
#btn-search,
.btn-id,
.owl-custom-nav .btn-next:before,
.owl-custom-nav .btn-prev:before,
.circle,
.btn-rsvp,
#preloader .s1 span,
#filters a.selected,
.custom-show:after,
a.btn-border:hover,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
#cookieConsent a.cookieConsentOK,
.text-light .de_countdown,
.text-light .dropdown li span,
#selector #dark-mode,
.dropdown li span:hover,
.switch,
h5 span.label,
.lds-roller div:after,
#mainmenu ul li b,
h1.s2 .c1 span,
.d-arrow-left,
.d-arrow-right,
.d_demo_img .d-overlay span,
.applyBtn.btn-success {
    background: var(--primary-color);
}

::-moz-selection {
    /* Code for Firefox */
    color: #ffffff;
    background: var(--primary-color);
}

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

#back-to-top,
.btn-line:hover,
a.btn-line:hover,
.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,
a.btn-slider:after,
a.btn-line:after,
.dark .btn-line:hover:after,
.dark a.btn-line:hover:after,
.dark a.btn-line.hover:after,
a.btn-text:after,
.separator span i,
.dark .btn-line:after,
.dark a.btn-line:after,
.crumb li .active,
.btn-right:after,
.btn-left:before,
#mainmenu li a.menu-item:after,
header .info .social i:hover,
a.btn-link,
.expand-custom .toggle:before,
.list li:before,
a.btn-border.light:hover,
a.btn-main.btn-white,
.de_tab .de_nav li span,
.nav-link,
.nav-link:focus,
.nav-link:hover,
.topbar-widget a span,
a#cookit-link {
    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,
.ul-style-2 li:before {
    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,
.owl-dot.active,
.activity-filter li.active,
.btn-line.hover,
a.btn-line.hover,
body::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
}

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


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

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


h1 .label,
a.btn-main.secondary {
    background: var(--primary-color);
}


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

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

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


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

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

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

.de_countdown {
    border-color: var(--primary-color);
}

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

.gradient {
    background: -webkit-linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
    background: -moz-linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
    background: linear-gradient(45deg, var(--primary-color) 0%, var(--primary-color) 100%);
}