/* Global styles
================================================== */
:root {
  --main-color: rgb(227, 140, 26);
}
a {
  color: #de9d26;
}

a.read-more:hover {
  /* color: #327cbc; */
}

/* Typography
================================================== */

.btn.btn-outline-primary {
  margin: 15px;
  border: 2px solid var(--main-color);
  color: var(--main-color) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: #fff !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: none;
}

.btn.btn-outline-primary:hover {
  background: var(--main-color);
  color: #fff !important;
}

.btn.btn-outline-primary.solid {
  background: var(--main-color);
}

ul.circle li:before {
  color: var(--main-color);
}

ul.check-list li i {
  color: var(--main-color);
}

blockquote {
  border-left: 5px solid var(--main-color);
}

/* Common styles
================================================== */

.heading:hover .title-icon {
  color: var(--main-color);
}

h2.entry-title a:hover {
  color: var(--main-color);
}

/* Icon pentagon */

/* .icon-pentagon{
	background: none repeat scroll 0 0 var(--main-color);
}

.icon-pentagon:before{
	border-bottom: 10px solid var(--main-color);
}

.icon-pentagon:after {
	border-top: 10px solid var(--main-color);
} */

/* .service-icon:before {
	border-bottom: 30px solid var(--main-color);
}

.service-icon:after {
	border-top: 30px solid var(--main-color);
} */

/* Carousel controller */

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {
  background: var(--main-color);
}

/* Input form */

.form-control:focus {
  border: 1px solid var(--main-color) !important;
}

/* Flex Slider */

.portfolio-slider .flex-direction-nav a:hover,
.second-slider .flex-direction-nav a:hover {
  background: var(--main-color);
}

/* Pagination */

.pagination .page-link {
  color: var(--main-color);
}

.pagination .page-item.active .page-link,
.pagination .page-item:hover .page-link {
  background: var(--main-color);
  border-color: var(--main-color);
}

/* Header area
================================================== */

/*-- Header --*/

.header-solid ul.navbar-nav > li:hover > a,
.header-solid ul.navbar-nav > li.active > a {
  color: var(--main-color);
}

/*-- Logo --*/

.navbar-brand {
  /* background: var(--main-color); */
}

.navbar-toggler {
  background: var(--main-color);
}

/*-- Main navigation --*/

.nav-item.active {
  color: var(--main-color);
}

.nav-link:hover,
.dropdown-item:hover {
  color: var(--main-color) !important;
}

/* Header area - 2
================================================== */

/*-- Header bgnone fixed --*/

.header-bgnone {
  background: var(--main-color);
}

/* Slideshow
================================================== */

/*-- Main slide --*/

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
  background-color: var(--main-color);
}

#main-slide .carousel-control i:hover {
  background: var(--main-color);
}

/* Image Block
================================================== */

.image-block-content .feature-icon {
  background: var(--main-color);
}

.image-block-content .feature-icon i,
.icon-pentagon i {
  color: white;
}

/* Portfolio
================================================== */

.isotope-nav ul li a {
  border: 1px solid var(--main-color);
}

.isotope-nav ul a.active,
.isotope-nav ul a:hover {
  background: var(--main-color);
}

.isotope-nav ul a.active:after,
.isotope-nav ul a:hover:after {
  border-color: var(--main-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
    rgba(0, 0, 0, 0);
}

/* Feature box
================================================== */

.feature-icon {
  color: var(--main-color);
}

.feature-center-icon {
  color: var(--main-color);
}

/* About us
================================================== */

/* Featured Tab */

.featured-tab .nav-link.active {
  background: var(--main-color);
}

.featured-tab .nav-link.active::before {
  border-left-color: var(--main-color);
}

.featured-tab .nav-link:hover {
  background: var(--main-color);
  color: #fff !important;
}

.featured-tab .nav-link:hover:before {
  border-left-color: var(--main-color);
}

/* Pricing table
================================================== */

.plan.featured .plan-price,
.plan:hover .plan-price {
  background: var(--main-color);
  color: #fff !important;
}

.plan a.btn.btn-outline-primary:hover {
  background: var(--main-color);
  color: #fff;
}

.plan:hover a.btn.btn-outline-primary {
  background-color: var(--main-color);
  color: #fff !important;
}

.plan.featured .plan-price:after {
  border-top-color: var(--main-color);
}

/* Testimonial
================================================== */

.testimonial-slide .testimonial-text:before {
  color: var(--main-color);
}

.testimonial-slide .testimonial-text:after {
  color: var(--main-color);
}

.testimonial-slide.owl-theme .owl-controls .owl-page.active span {
  background: var(--main-color);
}

/* Recent Post
================================================== */

.post-img-overlay a:hover {
  background: var(--main-color);
}

/* Footer
================================================== */

.copyright-info a:hover {
  color: var(--main-color);
}

.footer2 .copyright-info a {
  color: var(--main-color);
}

#back-to-top .btn.btn-outline-primary:hover {
  background: var(--main-color);
}

.footer-about-us h4 {
  color: var(--main-color);
}

.footer-widget .latest-post-content h4 a:hover {
  color: var(--main-color);
}

/* .subscribe button{
	background: var(--main-color);
} */

/* Blog Item page
================================================== */

.post-meta a:hover {
  color: var(--main-color);
}

.author-url span a:hover {
  color: var(--main-color);
}

.comments-counter a:hover {
  color: var(--main-color);
}

.comments-list .comment-reply:hover {
  color: var(--main-color);
}

/*-- Blog sidebar --*/

.widget-tab .nav-tabs > li.active > a {
  background: var(--main-color);
}

.widget-tab h4.entry-title a:hover {
  color: var(--main-color);
}

.widget-tags ul > li a:hover {
  background: var(--main-color);
  color: #fff !important;
}

/* Landing page
================================================== */

.landing-header.header-bgnone ul.navbar-nav > li:hover > a,
.landing-header.header-bgnone ul.navbar-nav > li.active > a {
  color: var(--main-color);
}

.features-content .features-icon {
  color: var(--main-color);
}

.landing_facts {
  background: var(--main-color);
}

.landing-tab .nav-link.active i,
.landing-tab .nav-link.active span {
  color: var(--main-color);
}

.landing-tab .nav-link::before {
  background: var(--main-color);
}

.landing-tab .nav-link:hover i {
  color: var(--main-color) !important;
}

.text-primary {
  color: var(--main-color) !important;
}

.app-gallery.owl-theme .owl-controls .owl-page.active span {
  background: var(--main-color);
}

.landing_page_clients {
  background: var(--main-color);
}

/* Misc */

.title-border {
  border-bottom: 2px solid var(--main-color);
}

.post-title a:hover {
  color: var(--main-color);
}

.portfolio-static-desc a:hover {
  color: var(--main-color);
}

.client-carousel .item a:hover {
  border: 1px solid var(--main-color);
}

.footer ul li a:hover {
  color: var(--main-color);
}

.call-to-action {
  background: var(--main-color);
}

.blog-date {
  background: var(--main-color);
}

.widget-categories ul.category-list li a:hover {
  color: var(--main-color);
}

.about-message ul li a:hover {
  color: var(--main-color);
}
