/* 
=========================================================================================

ThePhantom: style.css ( Main Theme CSS file )

Theme Name: ThePhantom
Version: 1.0
Author: Umer Tanveer
Author URI: http://themeforest.net/user/themebridge
If you having trouble in editing css. please send a mail to bridgethemes@gmail.com
 
This is the file you need to edit to change the color of the theme. Simply replace color
========================================================================================== 
*/


a:link, a:visited
{
    color:#E53A40;
}
a:active, a:focus {
    color:#E53A40;
}
.text-highlight {
    color: #E53A40;
}
.btn-primary {
    background-color: #E53A40;
    border-color: #E53A40;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #252525 !important;
    border-color: #252525 !important;
}
.btn-primary-lg {
    background-color: #E53A40;
    border-color: #E53A40;
}
.btn-primary-lg:hover,
.btn-primary-lg:focus {
    background-color: #252525 !important;
    border-color: #252525 !important;
}
.btn-default:hover,
.btn-default:focus {
    background-color: #E53A40 !important;
    border-color: #E53A40 !important;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #E53A40;
}
.carousel-indicators .active {
    border-color: #E53A40;
}
#about .overlay
{
    background: #E53A40;
}
#services .section_title h2::before {
    background-color: #E53A40;
}
.hexagonService {
    background-color: #E53A40;
}
#our-work .section_title h2::before {
    background-color: #E53A40;
}
.logo-maker-text .section_title h2::before {
    background-color: #E53A40;
}
.isotope-filter_links li a:hover,
.isotope-filter_links li a:focus {
    background-color: #E53A40;
}
.isotope-filter_links li a.active {
    background-color: #E53A40;
}
#awesome-work .section_title h2::before {
    background-color: #E53A40;
}
#our-skills .section_title h2::before {
    background-color: #E53A40;
}
#who-we-are .section_title h2::before {
    background-color: #E53A40;
}
.sitemap .section_title h2::before {
    background-color: #E53A40;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
    background-color: #E53A40;
}
.ideasList li i {
    color: #E53A40;
}
.tab-contents ul li i
{
    color:#E53A40;
}
#fun-facts .section_title h2::before {
    background-color: #E53A40;
}
.fun-facts_contain p {
    color: #E53A40;
}
.fun-facts_title:before {

    background-color: #E53A40;
}
.fun-facts_wrapper:hover .fun-facts_item {
    border-color: #E53A40;
}
.fun-facts_wrapper:hover .fun-facts_item:before {
    border-color: #E53A40;
    background-color: #E53A40;
}
#pricing-table .section_title h2::before {
    background-color: #E53A40;
}
.pricing-table-inner_wrapper.active
{
    background-color:#E53A40;
}
.pricing-table-inner_wrapper .pricing-plan
{
    background-color:#E53A40;
}
.pricing-table-inner_wrapper .btn-black:hover,
.pricing-table-inner_wrapper .btn-black:focus
{
    background-color:#E53A40;
}
#blog .section_title h2::before {
    background-color: #E53A40;
}
.post-content .post-title a:hover,
.post-content .post-title a:focus
{
    color:#E53A40;
}
.post-content .post-metadata li a:hover,
.post-content .post-metadata li a:focus
{
    color:#E53A40;
}
.post-content a.read-more:hover,
.post-content a.read-more:focus
{
    color:#E53A40;
}
#testimonial .section_title h2::before {
    background-color: #E53A40;
}
.testimonial_wrapper:hover .testimonial-content
{
    background-color:#E53A40;
}
#our-team .section_title h2::before {
    background-color: #E53A40;
}
.team-back_wrapper
{
    background-color:#E53A40;
}
.owl-theme .owl-controls .owl-page span {
   
    background: #E53A40;
}
.owl-theme .owl-controls .owl-page.active span, 
.owl-theme .owl-controls.clickable .owl-page:hover span
{
    border-color: #E53A40;
}
.contact-form input[type=text]:hover,
.contact-form input[type=text]:focus
{
    border-bottom-color:#E53A40;
}
.contact-form input[type=email]:hover,
.contact-form input[type=email]:focus
{
    border-bottom-color:#E53A40;
}
.contact-form textarea:hover,
.contact-form textarea:focus
{
    border-bottom-color:#E53A40;
}
.header-subscribe-form input[type=email]
{
   border-color:#E53A40;
}
.header-subscribe-form input[type=text]
{
   border-color:#E53A40;
}

.header-subscribe-form input[type=email]:focus
{
    background-color:#fff;
}
.header-subscribe-form input[type=text]:focus
{
    background-color:#fff;
}

.social-icons p
{
    color:#E53A40;
}
.social-icons ul li a:hover .social-diamond_shape
{
    background-color:#E53A40;
    border-color:#E53A40;
}
.footer-widget_wrapper h4:before
{
    background-color: #E53A40;
}
.latest-post_list li p.posted-date
{
    color:#E53A40;
}
.contact-info_wrapper i.colored-icon
{
    color: #E53A40;
}
.breadcrumbs li.active
{
    color:#E53A40;
}
.breadcrumbs li.active a
{
    color:#E53A40;
}
.blog-title_wrapper h1 span
{
    color:#E53A40;
}
.pagination li.active a
{
    background-color:#E53A40;
    border-color:#E53A40;
}
.pagination li.active a:hover,
.pagination li.active a:focus
{
    background-color:#E53A40;
    border-color:#E53A40;
}
.post-detail ul li a:hover,
.post-detail ul li a:focus
{
    color:#E53A40;
}
.post-body blockquote
{
    border-left-color:#E53A40;
}
.author-info-inner_wrapper li a:hover,
.author-info-inner_wrapper li a:focus
{
    color:#E53A40;
}
.single-post_heading:before
{
    background-color: #E53A40;
}
#leave-comment input[type="text"]:hover,
#leave-comment input[type="text"]:focus
{
    border-color:#E53A40;
}
#leave-comment input[type="email"]:hover,
#leave-comment input[type="email"]:focus
{
    border-color: #E53A40;
}
#leave-comment textarea:hover,
#leave-comment textarea :focus
{
    border-color:#E53A40;
}
.widget h3:before
{
    background-color: #E53A40;
}
.widget ul li span.categoryCount
{
    color:#E53A40;
}
.widget ul li a:hover,
.widget ul li a:focus
{
    color:#E53A40;
}
.widget_tag_cloud li a:hover,
.widget_tag_cloud li a:focus
{
    background-color:#E53A40;
}
.widget_calendar table td#today
{
    background-color:#E53A40;
}

/* RGBA Colors */

.overlay-bounce {
    background: rgba(67, 23, 83, 0.85);
}
.hovereffect-portfolio:hover .overlayPort {
    background-color: rgba(229, 58, 64, 0.85);
}

/* END RGBA Colors */


/* Newsletter background image */

#newsletter
{
    background-image:url(../images/newsletter-bg.jpg);
}


@media only screen and (min-width: 200px) and (max-width: 767px) {

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background-color: #E53A40;
    }

}

@media only screen and (min-width: 768px) {

     .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        border-color: #E53A40;
    }
     .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover {
        border-color:#E53A40;
    }
     .navbar-inverse .navbar-nav > li > a:hover,
    .navbar-inverse .navbar-nav > li > a:focus {
        border-color:#E53A40;
    }
      .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover {
        border-color: #E53A40;
    }
       .nav-tabs.nav-justified > .active:after {
        color: #E53A40;
    }
       .pricing-table-inner_wrapper.active
    {
        background-color:#E53A40;
    }

}



.head_highlight_orange{
    color: #ffffff !important;
    background-color: #ff803a;
        text-align: center;
}
.head_highlight_purple{
    color: #ffffff !important;
    background-color: #6b3f7d;
        text-align: center;
}
.head_highlight_green{
    color: #ffffff !important;
    background-color: #8ac503;
        text-align: center;
}

.head_highlight_red {
    color: #ffffff !important;
    background-color: #E53A40;
    text-align: center;
}


