:root {
  --bgColor: #fff;
  --orange: #DF561B;
  --fontColor: #000;
  --white: #fff;
  --black: #222;
  --gray: #eee;
  --text: #444;
  --homeTitleColor: #fff;
}


.light-theme {
  --bgColor: var(---bgColor);
  --fontColor: var(--black);
}

.dark-theme {
  --bgColor: var( --black );
  --text:  var(--white);
  --gray:  var(--black);
  --fontColor: var(--white);
  --homeTitleColor: var(--orange);

}


.selectize-control.single .selectize-input input,
.selectize-control.single .selectize-input input::placeholder,
.selectize-control.single .selectize-input .item,
.selectize-control.single .selectize-input:after,
.page-template-tpl-event-tours .calendar-wrap button,
.date-picker-wrap::after,
.activity-header .entry-details li .icon.over, .exhibition-header .entry-details li .icon.over,
.activity-details .entry-content a,
.single-article-wrap.content-wrap .entry-details .entry-cat,
.search-header-wrap form button,
.search-header-wrap form input,
.header-search button,
.header-search form.search .search-input,
.contact-main-wrap .entry-text p,
.calendar-btn
{
    color:var( --fontColor);

}

.selectize-control.single .selectize-input,
.search-header-wrap form input
{
    border-bottom: 1px solid var( --fontColor);
}

p,
.site-footer form .input-wrap button,
.page-template-tpl-event-tours .calendar-wrap ul li span.text,
.page-template-tpl-event-tours .events-results .entry-result .no-posts
{
    color: var(--text);
}

.mag-page-wrap .entry-categories li{
    border-left: 1px solid var( --fontColor);

}

.mag-page-wrap .entry-categories li:hover{
    color: var(--bgColor);
}
form input[type="text"], form input[type="tel"], form input[type="email"], form textarea{
    background-color: var(---bgColor);
    border-color: var( --fontColor);
    color:var( --fontColor);
}

*::placeholder, [type='checkbox']+.wpcf7-list-item-label:before{
    color:var( --fontColor);
    border-color: var( --fontColor);
}
.home .slider-section .entry-title, .home .banner-section .entry-title,
.header-image .header-image-content .entry-title,
.mag-page-wrap .mag-header .entry-title
{
    color: var( --homeTitleColor);
}

.home .slider-section .btn, .home .banner-section .btn,
.box-wrap{
    background-color: var( --bgColor );
    color: var( --fontColor);
}
body,
.header-search,
.header-search form.search .search-input
{
    background-color: var(--bgColor);
}


h1,h2,h3,h4,h5,h6, p strong{
    color:  var(--fontColor);
}

.toggle-white-bg{
    background-color: var(--bgColor);

}
.site-header.is-sticky .header-desktop,
.site-header.is-hide .header-desktop{
    background-color: var(--bgColor);
    border-bottom: 2px solid var(--fontColor);
}

.block.block-instagram{
    background-color: var(--gray);
}

.dark-theme .site-header.is-sticky .header-desktop .site-logo .black img,
.dark-theme .footer-logos .swiper-slide img{
    filter: invert(1);
}



.toggle-black,
body,
.site-header.is-sticky .main-navigation-wrap .main-navigation .menu>li>a,
.site-header.is-sticky .header-desktop .header-nav-wrap ul li,
.site-header.is-sticky .header-desktop .header-nav-wrap ul li a,
.site-header.is-sticky .header-desktop .header-nav-wrap ul li button,
ul.entry-links li,
.qa-wrap .icon
{
        color: var(  --fontColor);
}

.site-header.is-sticky.menu-open .main-navigation-wrap .main-navigation .menu>li>a,
.site-header.is-sticky.menu-open .header-desktop .header-nav-wrap ul li,
.site-header.is-sticky.menu-open .header-desktop .header-nav-wrap ul li a,
.site-header.is-sticky.menu-open .header-desktop .header-nav-wrap ul li button{
    color: #fff ;
}

.site-header.is-sticky.menu-open .header-desktop .header-nav-wrap .btn{
    color: #000;
}

.qa-wrap .qa-item.active .entry-header .icon{
    color: var(--orange);
}

.site-footer .entry-hours, .site-footer ul.menu,
.single-article-wrap.content-wrap,
.single-article-wrap.content-wrap ul li,
.breadcrumbs-wrap .breadcrumbs *,
.contact-main-wrap a,
.content-wrap ul li
{
    color: var(--text);
}
