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

/*
    Theme Name: Norex
    Theme URI:
    Author: Themes Industry
    Author URI:
    Description: One Page Parallax Template
    Tags: one page, multipurpose, parallax, creative, html5

 */

/* ===================================
    Variables
====================================== */

// Colors
@colorPrimary: #f1c30f;

// Mixins
.animation(@animation) {
  -webkit-animation: @animation;
          animation: @animation;
}
.transform(@transform) {
  -webkit-transform: @transform;
      -ms-transform: @transform; // IE9 only
          transform: @transform;
}


/* ===================================
    Styling
====================================== */
::-webkit-scrollbar-thumb {
  background: @colorPrimary !important;
}
.our-heading .heading-title{
  color: @colorPrimary !important;
}
.header-style1 .navbar-brand svg #svg_1, .header-style2 .navbar-brand svg #svg_1  ,.header-style3 .navbar-brand svg #svg_1, .header-style4 .navbar-brand svg #svg_1, .header-style5 .navbar-brand svg #svg_1,.header-style6 .navbar-brand svg #svg_1, .header-style7 .navbar-brand svg #svg_1, .header-style8 .navbar-brand svg #svg_1{
  fill: @colorPrimary !important;
  stroke: @colorPrimary !important;
}
.lower-nav-style2.lower-nav .navbar-brand svg #svg_1{
  fill: @colorPrimary !important;
  stroke: @colorPrimary !important;
}
.inner-body .navbar-brand svg #svg_3{
  fill: @colorPrimary !important;
}
.lower-nav-style1.lower-nav .navbar-brand svg #svg_3, .lower-nav-style2.lower-nav .navbar-brand svg #svg_3,.lower-nav-style3.lower-nav .navbar-brand svg #svg_3, .lower-nav-style5.lower-nav .navbar-brand svg #svg_3,.lower-nav-style6.lower-nav .navbar-brand svg #svg_3, .lower-nav-style7.lower-nav .navbar-brand svg #svg_3{
  fill: @colorPrimary !important;
}
.yellow-btn{
  background-color: @colorPrimary !important;
  border: solid 1px @colorPrimary !important;
}
.bg-yellow{
  background-color: @colorPrimary !important; //fix
}
.slider-yellow-btn{
  background-color: @colorPrimary !important;
  border: solid 1px @colorPrimary !important;

}
.black-btn:hover{
  background-color: @colorPrimary !important;
  border: solid 1px @colorPrimary !important;

}
.yellow-anim-btn {

  background-color: @colorPrimary !important;

}
.l i {
  background: @colorPrimary !important;
}
.anim-btn span {
  background-color: @colorPrimary !important;
}
.bottom-arr{
  background-color: @colorPrimary !important;
}
.hesperiden .tp-tab-mask{
  background-color: @colorPrimary !important;
}
.slider-style-5 .hesperiden .tp-tab.selected {
  background-color: @colorPrimary !important; //fix
}
.tp-bullet.selected .tp-count{
  color: @colorPrimary !important;
}
.upper-nav .navbar-brand:hover {
  color: @colorPrimary !important;
}
.upper-nav .top-detail li:hover span i{
  color: @colorPrimary !important;
}
.upper-nav .top-detail li.social-links span i:hover{
  background-color: @colorPrimary !important;
}
.upper-nav .toggle-btn:hover span:nth-child(2), .toggle-btn.toggle-btn-lg:hover span:nth-child(2){
  background-color: @colorPrimary !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover ,.navbar-light .navbar-nav .nav-link.active{
  color: @colorPrimary !important;
}
header .broad-nav .close-nav:hover i{
  color: @colorPrimary !important;
}
header .broad-nav .navbar .nav-link:focus, header .broad-nav .navbar  .nav-link:hover ,header .broad-nav .navbar .nav-link.active{
  color: @colorPrimary !important;
}
header .broad-nav .navbar .nav-link.active:before {
  background-color: @colorPrimary !important;
}
header .broad-nav .navbar .nav-link.active:after {
  background-color: @colorPrimary !important;
}
.about-sec .about-sec-detail .about-img-holder .behind-overlay{
  background-color: @colorPrimary !important;
}
.about-sec .about-des-sec .ex-detail .fly-text {
  color: @colorPrimary !important;
}
.about-sec .about-media .ex-line{
  background-color: @colorPrimary !important;
}
.about-sec .about-media:hover .about-icon i{
  color: @colorPrimary !important;
}
.services-sec .services-box .s-card .card.active,.services-sec .services-box .s-card .card:hover{
  background-color: @colorPrimary !important;
}
.services-sec .services-box .card .service-icon i {
  color:  @colorPrimary !important;
}
//.services-sec .services-box .card .service-icon i{
//  color: @colorPrimary;
//}
.team-sec .ex-detail .fly-text{
  color: @colorPrimary !important;
}
.team-sec .team-navigation .left-arr:hover i,.team-sec .team-navigation .right-arr:hover i{
  color: @colorPrimary !important;
}
.team-sec .skill-bars .progress-item .progress-bar{
  background-color: @colorPrimary !important; //fix
}
.our-services .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: @colorPrimary !important;
}
.our-services .nav-pills .nav-link.active span, .nav-pills .show>.nav-link span{
  border-bottom: solid 2px @colorPrimary !important;
}
.service-list .media:hover .media-icon i{
  color: @colorPrimary !important;
}
.service-list .media .media-icon .hover-line{
  background-color: @colorPrimary !important;
}
.service-list .media .media-body .hover-line{
  background-color: @colorPrimary !important;
}
.service-list .media .media-body .heading-title{
  color: @colorPrimary !important;
}
.service-list .media:hover .media-body .small-heading{
  color: @colorPrimary !important;
}

/*service list hover css*/

.sparkle {
  color: @colorPrimary !important;
}

.u-hover--sparkle::before {
  border-top: 0.1em solid @colorPrimary !important;
  border-bottom: 0.1em solid @colorPrimary !important;
}
.u-hover--sparkle::after {
  border-left: 0.1em solid @colorPrimary !important;
  border-right: 0.1em solid @colorPrimary !important;
}
.quote-sec .quote-writer{
  color: @colorPrimary !important;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
  color: @colorPrimary !important;
  border-bottom: solid 3px @colorPrimary !important;

}
.portfolio-detail-text {
  color: @colorPrimary !important;
}
.portfolio-hover-effect .hover-text .p-hover-title{
  color: @colorPrimary !important;
}
.portfolio-sec .ex-detail .fly-text {
  color: @colorPrimary !important;
}
.client-sec .client-heading .ex-detail .fly-text{
  color: @colorPrimary !important;
}
.client-sec .client-des .testimonial-box{
  background-color: @colorPrimary !important;
}
//.pricing-sec .pricing-card .pricing-heading{
//  color: @colorPrimary !important;
//}
.pricing-sec .pricing-card:hover,.pricing-sec .pricing-card.active{
  background-color: @colorPrimary !important;
}
.pricing-sec .pricing-card:hover button,.pricing-sec .pricing-card.active button{
  background-color: @colorPrimary !important;
}
.pricing-sec .pricing-card .pricing-heading {
color: @colorPrimary !important;
}
.mini-blog-sec .mini-blog-detail .ex-detail .fly-text{
  color: @colorPrimary !important;
}
.mini-blog-sec .card-blog .mini-blog:hover{
  background-color: @colorPrimary !important;
}
.contact-sec .contact-detail .ex-detail .fly-text{
  color: @colorPrimary !important;
}
.standalone-detail .sub-heading{
  color: @colorPrimary !important;
}
.standalone-area .sub-heading{
  color: @colorPrimary !important;
}
.lower-nav-style3 .navbar {
  background-color: @colorPrimary !important;
}
.lower-nav-style3.lower-nav .navbar-brand.standard-logo svg #svg_2{
  fill: @colorPrimary !important;
}
.lower-nav-style3.fixed-top .navbar-light .navbar-nav .nav-link:focus, .lower-nav-style3.fixed-top .navbar-light .navbar-nav .nav-link:hover, .lower-nav-style3.fixed-top .navbar-light .navbar-nav .nav-link.active {
  color: @colorPrimary !important;
}
/***********************************/
/*******Index page 4 css start******/
/***********************************/
.header-style4 .lower-nav-style4{
  background-color: @colorPrimary !important;
}
.header-style4  .lower-nav-style4 .navbar {
  background-color: @colorPrimary !important;
}
.header-style5  .lower-nav-style5 .navbar {
  color: @colorPrimary !important;
}

.lower-nav-style5 .navbar-light .navbar-nav .nav-link:focus,.lower-nav-style5 .navbar-light .navbar-nav .nav-link:hover,.lower-nav-style5 .navbar-light .navbar-nav .nav-link.active {
  color: @colorPrimary !important;
}

.lower-nav-style5.fixed-top .navbar-light .navbar-nav .nav-link:focus,.lower-nav-style5.fixed-top .navbar-light .navbar-nav .nav-link:hover,.lower-nav-style5.fixed-top .navbar-light .navbar-nav .nav-link.active {
  color: @colorPrimary !important;
}

.lower-nav-style5 .toggle-btn.toggle-btn-lg:hover span:nth-child(2){
  background-color: @colorPrimary !important;
}
.inner-body .left-body-menu .social-links a:hover{
  background-color: @colorPrimary !important;
}
.inner-body .left-body-menu .close-left-nav:hover i{
  color: @colorPrimary !important;
}
.header-style7 .lower-nav-style7 .toggle-btn.toggle-btn-lg span{
  background-color: @colorPrimary !important;
}
/***********************************/
/*******blog pages css start******/
/***********************************/
.blog-sub-heading{
  color: @colorPrimary !important;
}
.blog-sub-heading span{
  background-color: @colorPrimary !important;
}
.crumbs .breadcrumb li a:hover{
  color: @colorPrimary !important;
}
.blog-content .side_tags .search-bar form input{
  border: solid .5px @colorPrimary !important;
}
.blog-content .side_tags .search-bar form span button{
  background-color:@colorPrimary !important;
  border: solid 1px @colorPrimary !important;
}
.blog-content .side_tags .search-bar form:hover input{
  border:  solid .5px @colorPrimary !important;
}
.blog-content .side_tags .search-bar form span button:hover{
  background-color:@colorPrimary !important;
  border: solid 1px @colorPrimary !important;
}
.blog-content .cat_sec ul li:hover a{
  color:@colorPrimary !important;
}
.blog-content .popular_posts .media-box:hover .box-detail h2{
  color:@colorPrimary !important;
}
.blog-content .tags_sec .tags span:hover{
  background-color:@colorPrimary !important;
  border: solid 1px @colorPrimary !important;
}
.blog-content .main_content .single_blog .single_detail .blog-text a:hover{
  color:@colorPrimary !important;
}
.blog-content .main_content .single_blog .single_detail a.our-btn{
  background-color:@colorPrimary !important;
  border: solid 1px @colorPrimary !important;
}
.blog-content .main_content .single_blog .single_detail a.our-btn:hover{
  color:@colorPrimary !important;

}
.blog-content nav ul li a{
  border: solid .5px @colorPrimary !important;
}

.blog-content nav ul li a.active{
  background-color:@colorPrimary !important;
}
.blog-content nav ul li a:hover{
  background-color:@colorPrimary !important;
}
.carousel-control-next, .carousel-control-prev {
  background-color: @colorPrimary !important;
}
.blog-content .main_content .detail_blog .blog_detail span a:hover{
  color:@colorPrimary !important;
}
.blog-content .detail_blog .qoute{
  border-left: solid 3px @colorPrimary !important;
}
.blog-content .detail_blog .tags span:hover{
  border: solid 1px @colorPrimary !important;
  background-color: @colorPrimary !important;
}
.red-btn{
  background-color:@colorPrimary !important;
  border: solid 1px @colorPrimary !important;
}
.red-btn:hover{
  color:@colorPrimary !important;
}
.related-blog-posts .single_blog .read-more span{
  background-color: @colorPrimary !important;
}
.related-blog-posts .single_blog .read-more{
  color: @colorPrimary !important;
}
.related-blog-posts .single_blog:hover h2{
  color: @colorPrimary !important;
}
.dropdown-menu .dropdown-item:hover{
  color:@colorPrimary !important;  //fix
}