/* Global styles
================================================== */

a{
	color: #ee3b24;
}

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


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

.btn.btn-primary{
	border: 2px solid #ee3b24;
}

.btn.btn-primary:hover{
	background: #ee3b24;
}

.btn.btn-primary.solid{
	background: #ee3b24;
}

ul.circle li:before{
	color: #ee3b24;
}

ul.check-list li i{
	color: #ee3b24;
}

blockquote {
	border-left: 5px solid #ee3b24;
}


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

.heading:hover .title-icon{
	color: #ee3b24;
}

h2.entry-title a:hover{
	color: #ee3b24;
}

/* Icon pentagon */

.icon-pentagon{
	background: none repeat scroll 0 0 #ee3b24;
	border-radius: 30px;
}
.icon-pentagon:hover{
	background: #fff;
	border-bottom: 10px solid #fff;
	border-top: none;
}


/* Carousel controller */

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover, 
.owl-controls .owl-next:hover{
	background: #ee3b24;
}

/* Input form */

.form-control:focus{
	border: 1px solid #ee3b24 !important;
}

/* Flex Slider */

.portfolio-slider .flex-direction-nav a:hover,
.ts-flex-slider .flex-direction-nav a:hover {
	background: #ee3b24;
}

/* Pagination */

.pagination>.active>a, .pagination>.active>a:hover,
.pagination>li>a:hover{
	background: #ee3b24;
}

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

/*-- Header --*/


.header::before {
    content: '';
    position: absolute; /* Position absolutely within the parent */
    top: -5px; /* Adjust as needed */
    left: 0;
    right: 0;
    height: 10px; /* Height of the border */
    background-color: #ee3b24; /* Border color */
    z-index: -1; /* Place behind the background */
}
.header-solid ul.navbar-nav > li:hover > a, .header-solid ul.navbar-nav > li.active > a {
  color: #ee3b24;
  font-weight: 700;
}

/*-- Logo --*/


.navbar-brand.navbar-bg img {
    width: 100px; /* Responsive width for the logo */
    height: auto; /* Maintain aspect ratio */
    filter: brightness(0) invert(1); /* Make the logo appear white */
}
.navbar-brand.navbar-bg {
    background: #ee3b24; /* Red background */
    border-bottom-right-radius: 20px; /* Rounded corner */
    height: 80px; /* Height of the navbar */
    width: 150px; /* Default width for larger screens */
    transition: width 0.3s ease; /* Smooth transition for width change */
}



/* Media query for smaller devices */
@media (max-width: 768px) {
    .navbar-brand.navbar-bg {
        width: 120px; /* Shortened width for smaller screens */
        height: 60px; /* Adjusted height for smaller screens */
    }

    .navbar-brand.navbar-bg img {
        width: 80px; /* Adjust logo size for smaller screens if needed */
    }
}
/*-- Main navigation --*/

ul.navbar-nav > li:hover > a, 
ul.navbar-nav > li.active > a{
	color: #ee3b24;
}

.navbar-toggle{
	background: #ee3b24;
	border-radius: 2px;
}

.dropdown-menu > ul > li.active > a{
	color: #ee3b24;
}

.dropdown-menu > ul > li>a:hover, 
.dropdown-menu > ul > li>a:focus{
	color: #ee3b24;
}


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

/*-- Header bgnone fixed --*/

.header-bgnone{
	background: #ee3b24;
}


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

/*-- Main slide --*/

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

#main-slide .carousel-control i:hover{
	background: #ee3b24;
}

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

.image-block-content .feature-icon{
	background: #ee3b24;
}


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

.isotope-nav ul li a{
	border: 1px solid #ee3b24;
}

.isotope-nav ul a.active, 
.isotope-nav ul a:hover{
	background: #ee3b24;
}

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


/* Feature box
================================================== */
.feature-icon{
	color: #ee3b24;
}

.feature-center-icon{
	color: #ee3b24;
}

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

/* Featured Tab */

.featured-tab .nav-tabs>li.active>a{
	background: #ee3b24;
}

.featured-tab .nav-tabs>li.active>a:after{
	border-left-color: #ee3b24;
}

.featured-tab .nav-tabs>li>a:hover{
	background: #ee3b24;
	color: #fff;
}
.featured-tab .nav-tabs>li>a:hover:after{
	border-left-color: #ee3b24;
}

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

.plan.featured .plan-price{
	background: #ee3b24;
}
.plan.featured .plan-price:after{
	border-top-color: #ee3b24;
}

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

.testimonial-slide .testimonial-text:before{
	color: #ee3b24;
}

.testimonial-slide .testimonial-text:after{
	color: #ee3b24;
}

.testimonial-slide.owl-theme .owl-controls .owl-page.active span{
	background: #ee3b24;
}

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

.post-img-overlay a:hover{
	background: #ee3b24;
}
.title-icon{
	color: #ee3b24;
}
.icon-container i {
	color: #ee3b24; /* Change color as needed */
}

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

.copyright-info a:hover{
	color: #ee3b24;
}

.footer2 .copyright-info a{
	color: #ee3b24;
}

#back-to-top .btn.btn-primary:hover{
	background: #ee3b24;
}

.footer-about-us h4{
	color: #ee3b24;
}

.footer-widget .latest-post-content h4 a:hover{
	color: #ee3b24;
}

.subscribe button{
	background: #ee3b24;
}

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

.post-meta a:hover{
	color: #ee3b24;
}

.author-url span a:hover{
	color: #ee3b24;
}

.comments-counter a:hover{
	color: #ee3b24;
}

.comments-list .comment-reply:hover{
	color: #ee3b24;
}

/*-- Blog sidebar --*/


.widget-tab h4.entry-title a:hover{
	color: #ee3b24;
}

.widget-tags ul > li a:hover{
	background: #ee3b24;
}

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

.landing-header.header-bgnone ul.navbar-nav > li:hover > a, 
.landing-header.header-bgnone ul.navbar-nav > li.active > a {
	color: #ee3b24;
}

.features-content .features-icon{
	color: #ee3b24;
}

.landing_facts{
	background: #ee3b24;
}

.landing-tab .nav-tabs>li.active{
	border-right: 5px solid #ee3b24;
}

.landing-tab .nav-tabs>li.active>a i{
	color: #ee3b24;
}

.landing-tab .nav-tabs>li>a:hover{
	color: #ee3b24 !important;
}

.landing-tab .tab-pane i.big{
	color: #ee3b24;
	text-align: center;
}

.app-gallery.owl-theme .owl-controls .owl-page.active span{
	background: #ee3b24;
}

.landing_page_clients{
	background: #ee3b24;
}

/* Misc */

.title-border{
	border-bottom: 2px solid #ee3b24;
}

.post-title a:hover{
	color: #ee3b24;
}

.portfolio-static-desc a:hover{
	color: #ee3b24;
}

.client-carousel .item a:hover{
	border: 1px solid #ee3b24;
}

.footer ul li a:hover{
	color: #ee3b24;
}

.call-to-action{
	background: #ee3b24;
}

.blog-date{
	background: #1a1a1a;
}

.widget-categories ul.category-list  li a:hover{
	color: #ee3b24;
}

.about-message ul li a:hover{
	color: #ee3b24;
}