:root {
    --theme-color: #c2a369;
}


/*===== Primary Color =====*/


/*===== Background Color =====*/

.thm-bg,
.thm-layer:before,
.thm-btn span,
.plyr .player .controls>div:hover,
.plyr .player .controls>div:focus,
.plyr .player .progressbar .bar-played,
.plyr .player .volume .volume-adjust div div,
.prod-caro>button.slick-arrow:hover,
.prod-caro>button.slick-arrow:focus,
.qty-wrap .bootstrap-touchspin>span button:hover,
.qty-wrap .bootstrap-touchspin>span button:focus,
.serv-box:hover,
.slick-slider:not(.feat-caro) ul.slick-dots li button:hover,
.slick-slider:not(.feat-caro) ul.slick-dots li button:focus,
.slick-slider:not(.feat-caro) ul.slick-dots li.slick-active button,
.plyr.v2 .player .volume .volume-btn:hover,
.plyr.v2 .player .volume .volume-btn:focus,
.plyr.v4 .player .volume .volume-btn:hover,
.plyr.v4 .player .volume .volume-btn:focus,
.video-box>a:hover,
.video-box>a:focus,
.about-video>a:hover,
.about-video>a:focus,
.event-caro>button.slick-arrow:hover,
.event-caro>button.slick-arrow:focus,
.pack-box.active,
.post-share:hover>i,
.post-share-social>a:hover,
.post-share-social>a:focus,
.course-box3:hover:before,
.white-layer .fact-box>span:after,
ul.pagination>li.page-item.prev a.page-link:hover,
ul.pagination>li.page-item.next a.page-link:hover,
ul.pagination>li.page-item.prev a.page-link:focus,
ul.pagination>li.page-item.next a.page-link:focus,
ul.pagination>li.page-item.active a.page-link,
ul.pagination>li.page-item a.page-link:hover,
ul.pagination>li.page-item a.page-link:focus,
.social-links4>a:hover,
.social-links4>a:focus,
.sermons-btns2>a:hover i,
.sermons-btns2>a:focus i,
.sermon-video>a:hover,
.sermon-video>a:focus,
.services-detail-info>span+ul:before,
.prod-btn:hover,
.prod-btn:focus,
.prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link:hover,
.prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link:focus,
.prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link.active,
.adt-info-list>li::before,
.social-links4.v2>a:hover,
.social-links4.v2>a:focus,
.styled-list>li:before,
.rspn-scil>a:hover,
.rspn-scil>a:focus,
.rspn-mnu-btn:hover,
.rspn-mnu-btn:focus,
.rspn-mnu-cls:hover,
.rspn-mnu-cls:focus {
    background-color: var(--theme-color);
}


/*===== Text Color =====*/

.thm-clr,
nav ul li:hover>a,
nav ul li.active>a,
nav ul li>a:focus,
.rsnp-mnu ul>li:hover>a,
.rsnp-mnu ul>li.active-parent>a,
.rsnp-mnu ul>li.active>a,
.rsnp-mnu ul>li>a:focus,
.topbar-info-list>li a:hover,
.topbar-info-list>li a:focus,
.social-links>a:hover,
.social-links>a:focus,
header.style3 .social-links>a:hover,
header.style3 .social-links>a:focus,
.bg-color1 .social-links>a:hover,
.bg-color1 .social-links>a:focus,
.plyr .player .volume>div:hover,
.plyr .player .volume>div:focus,
.prod-info>h3 a:hover,
.prod-info>h3 a:focus,
.prod-info>a,
.serv-box>a,
.course-inner>h4 a:hover,
.course-inner>h4 a:focus,
.team-info>h3 a:hover,
.team-info>h3 a:focus,
.event-info>h3 a:hover,
.event-info>h3 a:focus,
.post-info>h3 a:hover,
.post-info>h3 a:focus,
.post-meta>li a:hover,
.post-meta>li a:focus,
.widget ul li>a:before,
.widget ul li:hover>a,
.widget ul li>a:focus,
.bottom-bar p a,
.serv-info>h3,
.event-wrap2>a,
.event-info2>h3 a:hover,
.event-info2>h3 a:focus,
.sec-title-inner>p.thm-clr,
.urgent-donat-info>h3 a:hover,
.urgent-donat-info>h3 a:focus,
.urgent-donat-meta>li.thm-clr,
.post-info2>h3 a:hover,
.post-info2>h3 a:focus,
.learn-top-inner>a,
.learn-post-info>h4 a:hover,
.learn-post-info>h4 a:focus,
.learn-post-info>a,
.course-info2>h3 a:hover,
.course-info2>h3 a:focus,
.white-layer .fact-inner>h5,
.team-info2>h3 a:hover,
.team-info2>h3 a:focus,
.post-info3>h3 a:hover,
.post-info3>h3 a:focus,
.post-meta3>li.thm-clr,
.social-links3 a i,
.social-links3>a:hover,
.social-links3>a:focus,
.black-layer .social-links3>a:hover,
.black-layer .social-links3>a:focus,
.bottom-links>li a:hover,
.bottom-links>li a:focus,
.bottom-inner>p a:hover,
.bottom-inner>p a:focus,
ol.breadcrumb>li.breadcrumb-item a:hover,
ol.breadcrumb>li.breadcrumb-item a:focus,
.team-detail-info-list>li,
.experties-list>li a:before,
.experties-list>li a:hover,
.experties-list>li a:focus,
.sermon-info-list>li:before,
.services-info-list>li:before,
.sermons-btns2>a,
.sermons-btns2>a i,
.gallery-info>h3 a:hover,
.gallery-info>h3 a:focus,
.cart-table td h5 a:hover,
.cart-table td h5 a:focus,
[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after,
.cont-info-box>p a:hover,
.cont-info-box>p a:focus,
.comment-detail>a,
.author-social-inner>a:hover,
.author-social-inner>a:focus,
.tags-links>a:hover,
.tags-links>a:focus,
.author-info>h4 a:hover,
.author-info>h4 a:focus,
.comment-detail>h4 a:hover,
.comment-detail>h4 a:focus,
.mini-post-info>h4 a:hover,
.mini-post-info>h4 a:focus,
.widget2 ul li:hover,
.widget2 ul li:hover>a,
.widget2 ul li a:focus,
.widget2 ul.cate-list li:hover,
.widget2 ul.cate-list li:hover>a,
.widget2 ul.cate-list li a:focus,
.mini-cause-info>h4 a:hover,
.mini-cause-info>h4 a:focus,
.widget2 ul li:hover a::before,
.widget2 ul li a:focus:before,
.rspn-srch>button:hover,
.rspn-srch>button:focus,
.rspn-cnt>span a:hover,
.rspn-cnt>span a:focus {
    color: var(--theme-color);
}


/*===== Border Color =====*/

.thm-brd-clr,
.pillar-box>span:before,
.pillar-box>span span,
.video-box>a:hover,
.video-box>a:focus,
.about-video>a:hover,
.about-video>a:focus,
.post-share:hover>i,
.pillar-box2>span:before,
.pillar-box2>span:after,
ul.pagination>li.page-item.active a.page-link,
ul.pagination>li.page-item a.page-link:hover,
ul.pagination>li.page-item a.page-link:focus,
.sermons-btns2>a i,
.prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link:hover,
.prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link:focus,
.prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link.active {
    border-color: var(--theme-color);
}


/* {
    border-top-color: var(--theme-color);
}

{
    border-bottom-color: var(--theme-color);
} */

.prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link::before {
    border-left-color: var(--theme-color);
}


/* {
    border-right-color: var(--theme-color);
} */