/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------------
*/
a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    /*color: var(--color-primary);*/
}

/*
-----------------------------------------------------------------------
	Accordion
-----------------------------------------------------------------*/
.accordion.accordion-theme .ac-item {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------
	Blockquotes
-----------------------------------------------------------------*/
.blockquote {
    border-left: 3px solid var(--color-primary);
}

.blockquote-color {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------------
    call-to-action (call to action)
-------------------------------------------------------------------------*/
.call-to-action.call-to-action-colored {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------
Carousels & Slider
-----------------------------------------------------------------*/
.inspiro-slider .flickity-button:hover {
    background-color: var(--color-primary);
}

.carousel .flickity-button:hover {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------
    Dropcat & Highlight
-----------------------------------------------------------------*/
.dropcap.dropcap-colored {
    background-color: var(--color-primary);
}

.highlight.highlight-colored {
    /*background-color: var(--color-primary);*/
}

/* ----------------------------------------------------------------------
Forms
-------------------------------------------------------------------------*/
.form-control:focus,
input:focus,
select:focus {
    /*border-color: var(--color-primary);*/
}

/* ----------------------------------------------------------------------
	Headings
-------------------------------------------------------------------------*/
.heading-text.heading-section > h2:before {
    /*background-color: var(--color-primary);*/
}

.heading-creative strong {
    color: var(--color-primary);
}

/* ----------------------------------------------------------------------
	Icon Box
-------------------------------------------------------------------------*/
.icon-box.effect.dark .icon i:after {
    box-shado: 0 0 0 3px var(--color-primary);
}
.icon-box.effect.dark .icon i:hover, .icon-box.effect.dark:hover .icon i {
    background-color: var(--color-primary);
}

.text-box.text-box-light:hover {
    background: var(--color-primary);
}

.feature-box:hover h2,
.feature-box:hover h3,
.feature-box:hover h4 {
    color: var(--color-primary);
}

/* ----------------------------------------------------------------
Lables & Badgets
-----------------------------------------------------------------*/
.badge-primary {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------------
	Light Box
-------------------------------------------------------------------------*/
.mfp-ajax-holder .mfp-close:hover {
    background: var(--color-primary);
}

/* ----------------------------------------------------------------------
	Lists & Bullet Lists
-------------------------------------------------------------------------*/
.list-colored li a {
    color: var(--color-primary);
}

.list-legend li span {
    background-color: var(--color-primary);
}

.list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i {
    color: var(--color-primary);
}

.list-group-item.active {
    background-color: var(--color-primary);
    border: var(--color-primary);
}

/* ----------------------------------------------------------------------
	Pagination & Pager
-------------------------------------------------------------------------*/
.post-navigation a:hover {
    color: var(--color-primary);
}

/* ----------------------------------------------------------------------
	Pricing Table
-------------------------------------------------------------------------*/
.pricing-table.colored .plan-header {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------------
	Progress Bar
-------------------------------------------------------------------------*/
.p-progress-bar,
.progress-bar {
    background-color: var(--color-primary);
}

/*--------------------------------------------------------
     Tabs
---------------------------------------------------------*/
.tabs .nav-tabs .nav-link.active {
    color: var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
}
.tabs.tabs-vertical .nav-link.active {
    color: var(--color-primary);
    border-right: 2px solid var(--color-primary);
}

/* ----------------------------------------------------------------
	Date picker
-----------------------------------------------------------------*/
.datepicker tbody tr > td.day.today.active, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.selected {
    background: var(--color-primary) !important;
}
.datepicker tbody tr > td.day.today.active:hover, .datepicker tbody tr > td.day.active:hover, .datepicker tbody tr > td.day.selected:hover {
    background: var(--color-primary);
}
.datepicker tbody tr > td.day.range.today {
    background: var(--color-primary);
}
.datepicker tbody tr > td span.month.active {
    background: var(--color-primary);
}
.datepicker tbody tr > td span.month.active:hover {
    background: var(--color-primary);
}

.datetimepicker tbody tr > td.day.today,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background: var(--color-primary) !important;
}

.datetimepicker table tr > td.today:hover,
.datetimepicker table tr > td.today:hover:hover,
.datetimepicker table tr > td.today.disabled:hover,
.datetimepicker table tr > td.today.disabled:hover:hover,
.datetimepicker table tr > td.today:active,
.datetimepicker table tr > td.today:hover:active,
.datetimepicker table tr > td.today.disabled:active,
.datetimepicker table tr > td.today.disabled:hover:active,
.datetimepicker table tr > td.today.active,
.datetimepicker table tr > td.today:hover.active,
.datetimepicker table tr > td.today.disabled.active,
.datetimepicker table tr > td.today.disabled:hover.active,
.datetimepicker table tr > td.today.disabled,
.datetimepicker table tr > td.today:hover.disabled,
.datetimepicker table tr > td.today.disabled.disabled,
.datetimepicker table tr > td.today.disabled:hover.disabled,
.datetimepicker table tr > td.today[disabled],
.datetimepicker table tr > td.today:hover[disabled],
.datetimepicker table tr > td.today.disabled[disabled],
.datetimepicker table tr > td.today.disabled:hover[disabled] {
    background: var(--color-primary) !important;
}

.daterangepicker .daterangepicker_input .input-mini.active, .daterangepicker .daterangepicker_input .input-mini:focus {
    border: 1px solid var(--color-primary);
}
.daterangepicker tbody td.today {
    background: var(--color-primary);
}
.daterangepicker tbody td.active, .daterangepicker tbody td.in-range, .daterangepicker tbody td.active:hover, .daterangepicker tbody td.in-range:hover {
    background: var(--color-primary);
}
.daterangepicker select.ampmselect.active, .daterangepicker select.ampmselect:focus {
    border: 1px solid var(--color-primary);
}
.daterangepicker select.hourselect.active, .daterangepicker select.hourselect:focus {
    border: 1px solid var(--color-primary);
}
.daterangepicker select.minuteselect.active, .daterangepicker select.minuteselect:focus {
    border: 1px solid var(--color-primary);
}
.daterangepicker select.monthselect.active, .daterangepicker select.monthselect:focus {
    border: 1px solid var(--color-primary);
}
.daterangepicker select.yearselect.active, .daterangepicker select.yearselect:focus {
    border: 1px solid var(--color-primary);
}
.daterangepicker .calendar-time i {
    color: #b2b1c5;
}
.daterangepicker .ranges li.active {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}

/* ----------------------------------------------------------------
	Date range picker
-----------------------------------------------------------------*/
.daterangepicker td.active:not(.off),
.daterangepicker td.active:hover,
.daterangepicker .active.end-date.in-range {
    background: var(--color-primary) !important;
}

input.daterange:after,
input.dates:after {
    background: var(--color-primary);
}

/* ----------------------------------------------------------------
	Bootstrap Switch
-----------------------------------------------------------------*/
.bootstrap-switch .bootstrap-switch-on,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.p-radio:checked + .p-radio-style:before {
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
}

.p-checkbox:checked + .p-checkbox-style:before {
    border: var(--color-primary);
    background: var(--color-primary);
}

.p-switch > input[type="checkbox"]:checked + .p-switch-style {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------
	Ion Range Sliders
-----------------------------------------------------------------*/
.irs-bar {
    background: var(--color-primary);
}

.irs-from,
.irs-to,
.irs-single {
    background: var(--color-primary);
}

.irs-from:after,
.irs-to:after,
.irs-single:after {
    border-top-color: var(--color-primary);
}

/* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/
.post-item {
    /*Types*/
}
.post-item .post-image .post-meta-category,
.post-item .post-slider .post-meta-category,
.post-item .post-video .post-meta-category,
.post-item .post-audio .post-meta-category,
.post-item .post-quote-img .post-meta-category {
    background-color: var(--color-primary);
}
.post-item .post-quote-img .post-meta-category {
    color: var(--color-primary);
}
.post-item .post-quote-img .post-meta-category a {
    color: var(--color-primary);
}
.post-item.quote .post-item-wrap {
    background-color: var(--color-primary);
}

.post-author a {
    color: var(--color-primary);
}

/* ----------------------------------------------------------------
	Grid Filter
-----------------------------------------------------------------*/
.grid-filter li:hover a, .grid-filter li.active a {
    background-color: var(--color-primary);
}
.grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a {
    border-color: var(--color-primary);
    color: var(--color-primary);
}
.grid-filter.gf-lines li:hover a, .grid-filter.gf-lines li.active a {
    color: var(--color-primary);
}
.grid-filter.gf-lines li:hover a:after, .grid-filter.gf-lines li.active a:after {
    background-color: var(--color-primary);
}
.grid-filter.gf-classic li:hover a, .grid-filter.gf-classic li.active a {
    background-color: var(--color-primary);
}
.grid-filter.gf-default li:hover a, .grid-filter.gf-default li.active a {
    color: var(--color-primary);
}

/*------------------------------------------------------
     Comments
------------------------------------------------------*/
.comments .comment_number span {
    color: var(--color-primary);
}

.respond-comment span {
    color: var(--color-primary);
}

/*------------------------------------------------------
     Extras
------------------------------------------------------*/
.item-link {
    color: var(--color-primary);
}
.item-link:hover {
    color: var(--color-primary);
}

.nav-link {
    color: var(--color-primary);
}

.background-colored {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------
Scroll top
-----------------------------------------------------------------*/
#scrollTop:after, #scrollTop:before {
    background-color: var(--color-primary);
}

.fc-event-primary.fc-event {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.icon-set-container .row > [class^="col-"] {
    color: var(--color-primary);
}
.icon-set-container .row > [class^="col-"]:hover {
    background-color: var(--color-primary);
}
.icon-set-container .row > [class^="col-"]:hover .icon-holder {
    color: var(--color-primary);
}

/* ----------------------------------------------------------------
    Forum
-----------------------------------------------------------------*/
.forum thead tr > th {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/
#header {
    /* ----------------------------------------------------------------
Main Menu
-----------------------------------------------------------------*/
}
#header.header-modern:not(.header-active).header-colored .header-inner,
#header.header-modern:not(.header-active).header-colored #header-wrap {
    background-color: var(--color-primary);
}
#header.header-colored .header-inner,
#header.header-colored #header-wrap {
    background-color: var(--color-primary);
}
#header #mainMenu nav > ul > li.hover-active > a,
#header #mainMenu nav > ul > li.hover-active > span, #header #mainMenu nav > ul > li.current > a,
#header #mainMenu nav > ul > li.current > span, #header #mainMenu nav > ul > li:hover > a,
#header #mainMenu nav > ul > li:hover > span, #header #mainMenu nav > ul > li:focus > a,
#header #mainMenu nav > ul > li:focus > span {
    color: var(--color-blue);
}
#header #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #header #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #header #mainMenu nav > ul > li .dropdown-menu > li > a:active,
#header #mainMenu nav > ul > li .dropdown-menu > li > span:focus,
#header #mainMenu nav > ul > li .dropdown-menu > li > span:hover,
#header #mainMenu nav > ul > li .dropdown-menu > li > span:active,
#header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
#header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
#header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
    color: var(--color-blue);
}
#header #mainMenu nav > ul > li .dropdown-menu > li.current > a,
#header #mainMenu nav > ul > li .dropdown-menu > li.current > span, #header #mainMenu nav > ul > li .dropdown-menu > li:hover > a,
#header #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #header #mainMenu nav > ul > li .dropdown-menu > li:focus > a,
#header #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #header #mainMenu nav > ul > li .dropdown-menu > li:active > a,
#header #mainMenu nav > ul > li .dropdown-menu > li:active > span, #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
#header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
    color: var(--color-blue);
}
#header #mainMenu.menu-rounded nav > ul > li.current > a, #header #mainMenu.menu-rounded nav > ul > li:hover > a, #header #mainMenu.menu-rounded nav > ul > li:focus > a {
    background-color: var(--color-primary);
}
#header #mainMenu.menu-outline nav > ul > li.current > a, #header #mainMenu.menu-outline nav > ul > li:hover > a, #header #mainMenu.menu-outline nav > ul > li:focus > a {
    color: var(--color-blue);
    border-color: var(--color-primary);
}
#header #mainMenu.menu-lines nav > ul > li.current > a, #header #mainMenu.menu-lines nav > ul > li:hover > a, #header #mainMenu.menu-lines nav > ul > li:focus > a {
    color: var(--color-blue);
}
#header #mainMenu.menu-lines nav > ul > li.current > a:after, #header #mainMenu.menu-lines nav > ul > li:hover > a:after, #header #mainMenu.menu-lines nav > ul > li:focus > a:after {
    background-color: var(--color-primary);
}
#header #mainMenu.menu-hover-background nav > ul > li.current, #header #mainMenu.menu-hover-background nav > ul > li:hover, #header #mainMenu.menu-hover-background nav > ul > li:focus {
    background-color: var(--color-primary);
}
#header #shopping-cart > a .shopping-cart-items {
    background: var(--color-primary);
}

/* ----------------------------------------------------------------
Dots Menu
-----------------------------------------------------------------*/
#dotsMenu ul li:hover {
    background-color: var(--color-primary);
}
#dotsMenu ul li.current {
    background-color: var(--color-primary);
}
#dotsMenu ul li a:hover:before, #dotsMenu ul li a.active:before {
    background-color: var(--color-primary);
}

/*Menu Dark*/
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover {
    color: var(--color-primary);
}
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a,
#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span {
    color: var(--color-primary);
}

.page-menu nav > ul > li:hover > a, .page-menu nav > ul > li.active > a {
    /*color: var(--color-primary);*/
}
.page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a {
    /*background-color: var(--color-primary);*/
}
.page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a {
    /*border-color: var(--color-primary);*/
    /*color: var(--color-primary);*/
}
.page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a {
    /*color: var(--color-primary);*/
}
.page-menu.menu-lines nav > ul > li:hover > a:after, .page-menu.menu-lines nav > ul > li.active > a:after {
    /*background-color: var(--color-primary);*/
}
.page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a {
    /*background-color: var(--color-primary);*/
}

@media (max-width: 1024px) {
    .page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a, .page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a, .page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a, .page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a, .page-menu.menu-light nav > ul > li:hover > a, .page-menu.menu-light nav > ul > li.active > a, .page-menu.menu-creative nav > ul > li:hover > a, .page-menu.menu-creative nav > ul > li.active > a, .page-menu.inverted nav > ul > li:hover > a, .page-menu.inverted nav > ul > li.active > a {
        color: var(--color-primary);
    }
}
#search .btn-search-close {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------
Topbar
-----------------------------------------------------------------*/
#topbar.topbar-colored, #topbar.topbar-colored.dark {
    background-color: var(--color-primary);
}

/* ----------------------------------------------------------------
Helpers
-----------------------------------------------------------------*/
.text-theme {
    color: var(--color-primary) !important;
}

/* ----------------------------------------------------------------
Portfolio
-----------------------------------------------------------------*/
.portfolio-item .portfolio-description a:hover i,
.portfolio-item .grid-description a:hover i,
.portfolio-item .portfolio-links a:hover i,
.grid-item .portfolio-description a:hover i,
.grid-item .grid-description a:hover i,
.grid-item .portfolio-links a:hover i {
    background-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

/* ----------------------------------------------------------------
	Widgets
-----------------------------------------------------------------*/
.widget-tweeter li a,
.widget-twitter li a {
    color: var(--color-primary);
}

.tags a:hover, .tags a:focus, .tags a:active, .tags a.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

/*# sourceMappingURL=theme.css.map */