:root {
  --primary-color: #cd8d2b;
  --secondary-color: #cd8d2b;
  /* --secondary-color: #ea0f42; red */
  --dark-color: #363636;
  --light-color: #fff;
  --bg-color: #f7f7f7;
  --border-color: #ebebeb;
  --border-color-1: #000;
}

.top-bar .social-icons li a:hover,
.top-bar .login-section a:hover,
#navigation .search-icon span i:hover,
#navigation .navbar-fixed-top .search-icon span i:hover,
.home-content .scroll-arrow a,
#page .navbar-toggler,
.navbar.fixed-top .navbar-toggler,
#navigation .search-icon span i:hover,
#navigation .fixed-top .search-icon span i:hover,
#page #navigation .navbar .search-icon span i:hover {
  color: var(--secondary-color);
}

#home-section,
.navbar-fixed-top .top-bar .login-section a,
#page .top-bar .login-section a,
#page .navbar-toggle .icon-bar,
.navbar-fixed-top .navbar-toggle .icon-bar,
#navigation .navbar-nav .open .dropdown-menu > .active > a,
#navigation .navbar-nav .open .dropdown-menu > .active > a:hover,
#navigation .navbar-nav .open .dropdown-menu > .active > a:focus,
.fixed-top .top-bar .login-section a,
#page .top-bar .login-section a,
#navigation .navbar-nav .open .dropdown-menu > li > a:hover,
#navigation .navbar-nav .open .dropdown-menu > li > a:focus,
#page #navigation .navbar .navbar-right .dropdown-menu li a:hover,
#navigation .fixed-top .navbar-right .dropdown-menu li.active > a,
#page #navigation .navbar .navbar-right .dropdown-menu li.active > a {
  background-color: var(--secondary-color);
}

.home-content h1,
.item-one .home-content h1,
#navigation .dropdown-menu li a,
.search .search-close:hover,
#navigation .search-icon span i:hover {
  color: var(--primary-color);
}

a,
a:focus,
a:hover,
.section-title h2,
.welcome-content .welcome-info a,
.welcome-content .welcome-image a i,
.project-content:hover .project-title h3,
.entry-content a:hover,
.entry-content:hover a,
.footer-widget li a:hover,
.project-filter ul li a:hover,
.project-filter ul li a.active,
.architect-filter ul li a:hover,
.architect-filter ul li a.active,
.architect-info .social-icons a:hover,
.architect:hover h3,
.feature:hover .feature-content h3,
.other-feature:hover h3,
.fontawesome-icon-list .fa-hover a:hover,
.team-hero-info .socials li a:hover,
.team-content:hover .team-hero-info h2,
.widget .latest-posts a:hover,
.widget .latest-posts span a:hover,
.post-content.detail-content .entry-title,
.widget ul li a:hover,
.post-content .entry-title a:hover,
.post-content .entry-meta li a:hover,
.post-content .entry-summary .read-more:hover,
#blog-carousel .carousel-control:hover,
.post-content .entry-meta li i,
.author-section .author-image .social-icons li a,
#amazing-features .features:hover h4,
.error-page-content h1,
#countdown ul li p,
.coming-soon a:hover,
.contact-info a:hover {
  color: var(--secondary-color);
}

.btn-primary.btn-animated,
.section-title:before,
.section-title:after,
.twentytwenty-handle,
#home-section-slider .btn-primary,
#page-title,
.faqs .panel-default > .panel-heading.active,
.faqs .panel-default > .panel-heading:hover,
#login-wrapper .btn-primary,
#login-wrapper .btn-primary.register:hover,
#login-wrapper .btn-primary.register:after,
.widget h3.widget_title,
.widget.tag-cloud ul li a:hover,
.pagination-section .blog-pagination li a:hover,
.pagination-section .blog-pagination li.active a,
.author-section .author-image .social-icons li a:hover,
#main-contact-form .btn-primary,
.error-page-content .btn.btn-primary,
.fixed-top .top-bar .login-section a {
  background-color: var(--secondary-color);
}

.project-content .project-item a:after,
.entry-thumb:after,
.footer-widget.instagram li a:after,
.feature-image a:after {
  background-color: var(--primary-color-transparent);
}

.btn-primary.btn-animated:hover:after,
.twentytwenty-handle:hover {
  background-color: var(--secondary-color);
}

.post-content.detail-content blockquote {
  border-left: 3px solid var(--secondary-color);
}

.btn-primary.btn-animated,
.btn-primary {
  border: 1px solid var(--secondary-color);
}

.btn-primary.btn-animated:hover,
.btn-primary:hover {
  border: 1px solid var(--secondary-color);
}

#page .navbar-toggler,
.navbar.fixed-top .navbar-toggler {
  border: 1px solid var(--secondary-color);
}

.form-control:focus,
.widget-area .widget_search .form-control:focus {
  border: 1px solid var(--secondary-color);
}

@media (min-width: 1ea0f42px) {
  #navigation .dropdown-menu .active > a,
  #navigation .dropdown-menu li > a:hover {
    background-color: var(--secondary-color) !important;
    border-bottom: solid 1px var(--secondary-color);
  }
}

@media (max-width: 999px) {
  #navigation .navbar-right li a:hover {
    color: var(--secondary-color);
  }

  #navigation .navbar-fixed-top .navbar-nav > li > a:hover,
  #navigation .navbar-nav .open .dropdown-menu > li > a:hover,
  #navigation .navbar-nav .open .dropdown-menu > li > a:focus,
  #page #navigation .navbar .navbar-right .dropdown-menu li a:hover,
  #navigation .navbar-fixed-top .navbar-right .dropdown-menu li.active > a,
  #page #navigation .navbar .navbar-right .dropdown-menu li.active > a {
    background-color: var(--secondary-color);
    color: var(--light-color);
  }
}

#home-section {
  background-image: url(../../images/presets/preset1/banner.jpg);
}

#fun-facts {
  background-image: url(../../images/presets/preset1/fun-bg.jpg);
}

#page-title {
  background-image: url(../../images/bg/pagetitle.png);
}

#achievement {
  background-image: url(../../images/presets/preset1/achivement-bg.jpg);
}

#video-promotion {
  background-image: url(../../images/presets/preset1/video-bg.jpg);
}

#core-featured {
  background-image: url(../../images/presets/preset1/featured-bg.jpg);
}
