/* * Version: 1.4 * Blue Color : #e74c3c; * Blue Hover Color : #c0392b; */ a { color: #e74c3c; } a:focus, a:hover, a:active { color: #e74c3c; } .color-green { color: #e74c3c; } a.read-more:hover { color:#e74c3c; } .linked:hover { color:#e74c3c; } /*Header v1 ------------------------------------*/ /*Navber*/ .header .navbar-default .navbar-nav > .active > a { color: #e74c3c; } /*Navbar Toggle*/ .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #e74c3c; } .navbar-default .navbar-toggle { border-color: #c0392b; } .navbar-default .navbar-toggle:hover { background: #c0392b; } /*Responsive Navbar*/ @media (max-width: 767px) { .header .navbar-default .navbar-nav > li > a:hover { color: #e74c3c; } .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus { color: #fff; background: #e74c3c; } } @media (min-width: 767px) { /*Navbar*/ .header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a { border-bottom: solid 2px #e74c3c; } .header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:hover, .header .navbar-default .navbar-nav > .open > a:focus { color: #e74c3c; } /*Dropdown Menu*/ .header .dropdown-menu { border-top: solid 2px #e74c3c; } } /*Search Box*/ .header .navbar .nav > li > .search:hover { color: #e74c3c; border-bottom-color: #e74c3c; } @media (max-width: 767px) { .header .navbar .nav > li > .search:hover { background: #c0392b; } } /*Header v2 ------------------------------------*/ /*Topbar*/ .topbar-v1 .top-v1-data li a:hover i { color: #e74c3c; } /*Search Box*/ .header-v1 .navbar .nav > li > .search:hover { background: #e74c3c; } /*Responsive Navbar*/ @media (min-width: 767px) { .header-v1 .navbar-default .navbar-nav > li > a:hover, .header-v1 .navbar-default .navbar-nav > .active > a { color: #fff; background: #e74c3c !important; } .header-v1 .navbar-default .navbar-nav > .open > a, .header-v1 .navbar-default .navbar-nav > .open > a:hover, .header-v1 .navbar-default .navbar-nav > .open > a:focus { background: #e74c3c; } } /*Sliders ------------------------------------*/ /*Main Parallax Sldier*/ .da-slide h2 i { background:url(../../plugins/parallax-slider/img/bg-heading-red.png) repeat; } /*Sequence Parallax Sldier*/ .sequence-inner { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f9e6e6)); background: -webkit-linear-gradient(#fff, #f9e6e6); background: -moz-linear-gradient(#fff, #f9e6e6); background: -ms-linear-gradient(#fff, #f9e6e6); background: -o-linear-gradient(#fff, #f9e6e6); background: linear-gradient(#fff, #f9e6e6) } #sequence-theme h2 { background:rgba(231, 76, 60, 0.8); } #sequence-theme .info p { background:rgba(231, 76, 60, 0.8); } /*Buttons ------------------------------------*/ .btn-u { background: #e74c3c; } .btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u { background: #c0392b; } /*Buttons Color*/ .btn-u-split.dropdown-toggle { border-left: solid 1px #c0392b; } /*Bordered Buttons*/ .btn-u.btn-brd { border-color: #e74c3c; } .btn-u.btn-brd:hover { color: #c0392b; border-color: #c0392b; } .btn-u.btn-brd.btn-brd-hover:hover { background: #c0392b; } /*Service ------------------------------------*/ .service .service-icon { color:#e74c3c; } /*Service Blocks*/ .service-alternative .service:hover { background:#e74c3c; } /*Thumbnail (Recent Work) ------------------------------------*/ .thumbnail-style h3 a:hover { color:#e74c3c; } .thumbnail-style a.btn-more { background:#e74c3c; } .thumbnail-style a.btn-more:hover { box-shadow:0 0 0 2px #c0392b; } /*Carousel (Recent Work)*/ .recent-work a:hover span { border-bottom:solid 2px #e74c3c; } .bx-wrapper .bx-prev { background-image: url(../../plugins/bxslider/images/controls-red.png); } .bx-wrapper .bx-next { background-image: url(../../plugins/bxslider/images/controls-red.png); } /*Typography ------------------------------------*/ /*Heading*/ .headline h2, .headline h3, .headline h4 { border-bottom:2px solid #e74c3c; } /*Blockquote*/ blockquote:hover { border-left-color:#e74c3c; } .hero { border-left-color: #e74c3c; } /*Carousel ------------------------------------*/ .carousel-arrow a.carousel-control:hover { color: #e74c3c; } /*Footer ------------------------------------*/ .footer a, .copyright a, .footer a:hover, .copyright a:hover { color: #e74c3c; } /*Footer Blog*/ .footer .dl-horizontal a:hover { color:#e74c3c !important; } /*Blog Posts ------------------------------------*/ .posts .dl-horizontal a:hover { color:#e74c3c; } .posts .dl-horizontal:hover dt img, .posts .dl-horizontal:hover dd a { color: #e74c3c; border-color: #e74c3c !important; } /*Post Comment*/ .post-comment h3, .blog-item .media h3, .blog-item .media h4.media-heading span a { color: #e74c3c; } /*Tabs ------------------------------------*/ /*Tabs v1*/ .tab-v1 .nav-tabs { border-bottom: solid 2px #e74c3c; } .tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { background: #e74c3c; } .tab-v1 .nav-tabs > li > a:hover { background: #e74c3c; } /*Tabs v2*/ .tab-v2 .nav-tabs li.active a { border-top: solid 2px #e74c3c; } /*Tabs v3*/ .tab-v3 .nav-pills li a:hover, .tab-v3 .nav-pills li.active a { background: #e74c3c; border: solid 1px #c0392b; } /*Accardion ------------------------------------*/ .acc-home a.active, .acc-home a.accordion-toggle:hover { color:#e74c3c; } .acc-home .collapse.in { border-bottom:solid 1px #e74c3c; } /*Testimonials ------------------------------------*/ .testimonials .testimonial-info { color: #e74c3c; } .testimonials .carousel-arrow i:hover { background: #e74c3c; } /*Info Blocks ------------------------------------*/ .info-blocks:hover i.icon-info-blocks { color: #e74c3c; } /*Breadcrumb ------------------------------------*/ .breadcrumb li.active, .breadcrumb li a:hover { color:#e74c3c; } /*About Page ------------------------------------*/ .team .thumbnail-style:hover h3 a { color:#e74c3c !important; } /*Social Icons*/ .team ul.team-socail li i:hover { background: #e74c3c; } /*Right Sidebar ------------------------------------*/ /*Right Sidebar*/ .who li i, .who li:hover i, .who li:hover a { color:#e74c3c; } /*Pricing Table Mega-v2 ------------------------------------*/ .pricing-mega-v2 .block:hover .bg-color { background: #e74c3c; } .pricing-mega-v2 .block:hover h3, .pricing-mega-v2 .block:hover h4, .pricing-mega-v2 .block:hover li, .pricing-mega-v2 .block:hover li i, .pricing-mega-v2 .block:hover h4 i { background: #e74c3c; } /*Privacy Page ------------------------------------*/ .privacy a:hover { color:#e74c3c; } /*Portfolio Page ------------------------------------*/ /*Portfolio v1*/ .view a.info:hover { background: #e74c3c; } /*Portfolio v2*/ .sorting-block .sorting-nav li.active { color: #e74c3c; border-bottom: solid 1px #e74c3c; } .sorting-block .sorting-grid li a:hover span.sorting-cover { background: #e74c3c; } /*Blog Page ------------------------------------*/ .blog h3 { color:#e74c3c; } .blog li a:hover { color:#e74c3c; } /*Blog Tags*/ ul.blog-tags a:hover { background: #e74c3c; } .blog-post-tags ul.blog-tags a:hover { background: none repeat scroll 0 0 #e74c3c; } /*Blog Photos*/ .blog-photos li img:hover { box-shadow: 0 0 0 2px #e74c3c; } /*Blog Latest Tweets*/ .blog-twitter .blog-twitter-inner:hover { border-color: #e74c3c; border-top-color: #e74c3c; } .blog-twitter .blog-twitter-inner:hover:after { border-top-color: #e74c3c; } .blog-twitter .blog-twitter-inner a { color: #e74c3c; } /*Blog Item Page ------------------------------------*/ .blog-item h4.media-heading span a { color:#e74c3c; } /*Coming Soon Page ------------------------------------*/ .coming-soon-border { border-top: solid 3px #e74c3c; } /*Search Page ------------------------------------*/ .booking-blocks p a { color: #e74c3c; } /*Icons Page ------------------------------------*/ .icon-page li:hover { color:#e74c3c; } /*Glyphicons*/ .glyphicons-demo a:hover { color: #e74c3c; text-decoration: none; } /*Magazine Page ------------------------------------*/ /*Magazine News*/ .magazine-news .by-author strong { color: #e74c3c; } .magazine-news a.read-more { color: #e74c3c; } /*Magazine Mini News*/ .magazine-mini-news .post-author strong { color: #e74c3c; } .news-read-more i { background: #e74c3c; } /*Sidebar Features*/ .magazine-page h3 a:hover { color: #e74c3c; } /*Page Features ------------------------------------*/ /*Tag Boxes v1*/ .tag-box-v1 { border-top: solid 2px #e74c3c; } /*Tag Boxes v2*/ .tag-box-v2 { border-left: solid 2px #e74c3c; } /*Tag Boxes v7*/ .tag-box-v7 { border-bottom: solid 2px #e74c3c; } /*Font Awesome Icon Page Style*/ .fa-icons li:hover { color: #e74c3c; } .fa-icons li:hover i { background: #e74c3c; } /*GLYPHICONS Icons Page Style*/ .bs-glyphicons li:hover { color: #e74c3c; } /*Navigation ------------------------------------*/ /*Pagination*/ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #e74c3c; border-color: #e74c3c; } .pagination li a:hover { background: #c0392b; border-color: #c0392b; } /*Pager*/ .pager li > a:hover, .pager li > a:focus { background: #c0392b; border-color: #c0392b; } /*Registration and Login Page v2 ------------------------------------*/ .reg-block { border-top: solid 2px #e74c3c; } /*Image Hover ------------------------------------*/ /*Image-hover*/ #effect-2 figure .img-hover { background: #e74c3c; } /*Blog Large Page ------------------------------------*/ .blog h2 a:hover { color: #e74c3c; } /*Timeline v1 Page ------------------------------------*/ .timeline-v1 > li > .timeline-badge i:hover { color: #e74c3c; } .timeline-v1 .timeline-footer .likes:hover i { color: #e74c3c; } /*Timeline v2 Page ------------------------------------*/ /* The icons */ .timeline-v2 > li .cbp_tmicon { background: #e74c3c; } /*Progress Bar ------------------------------------*/ .progress-bar-u { background: #e74c3c; } /*Job Inner Page ------------------------------------*/ .job-description .save-job a:hover, .block-description .save-job a:hover { color: #e74c3c; } .job-description .p-chart .overflow-h li i, .job-description .p-chart .overflow-h li a, .block-description .p-chart .overflow-h li i, .block-description .p-chart .overflow-h li a { color: #e74c3c; } /*Colorful-ul*/ .job-description .colorful-ul li a { color: #e74c3c; } /*Search Inner Page ------------------------------------*/ .s-results .related-search a:hover { color: #e74c3c; } .s-results .inner-results h3 a:hover { color: #e74c3c; } .s-results .up-ul li a:hover { color: #e74c3c; } .s-results .down-ul li a { color: #e74c3c; } /*Funny Boxes ------------------------------------*/ .funny-boxes p a { color: #e74c3c; } .funny-boxes .funny-boxes-img li i { color: #e74c3c; } /*Sidebar Sub Navigation ------------------------------------*/ .sidebar-nav-v1 ul li:hover a, .sidebar-nav-v1 ul li.active a { color: #e74c3c; } /*Blockquote ------------------------------------*/ blockquote.bq-green { border-color: #e74c3c; } blockquote:hover, blockquote.text-right:hover { border-color: #e74c3c; } /*Green Left Bordered Funny Box**/ .funny-boxes-left-green { border-left: solid 2px #e74c3c; } .funny-boxes-left-green:hover { border-left-color: #e74c3c; } /*Testimonials Default ------------------------------------*/ /*Testimonials*/ .testimonials .carousel-arrow i:hover { background: #e74c3c; } /*Testimonials Default*/ .testimonials-bg-default .item p { background: #e74c3c; } .testimonials.testimonials-bg-default .item p:after, .testimonials.testimonials-bg-default .item p:after { border-top-color: #e74c3c; } .testimonials-bg-default .carousel-arrow i { background: #e74c3c; } .testimonials.testimonials-bg-default .carousel-arrow i:hover { background: #c0392b; } /*Promo Page ------------------------------------*/ /*Promo Box*/ .promo-box:hover strong, .promo-box:hover strong a { color: #e74c3c; } /*Typography ------------------------------------*/ .dropcap { color: #e74c3c; } .dropcap-bg { color: #fff; background: #e74c3c; } /*Breadcrumbs ------------------------------------*/ span.label-u, span.badge-u { background: #e74c3c; } /*Icons ------------------------------------*/ /*Icon Link*/ .link-icon:hover i { color: #e74c3c; border: solid 1px #e74c3c; } .link-bg-icon:hover i { color: #e74c3c; background: #e74c3c !important; border-color: #e74c3c; } /*Icons Backgroun Color ------------------------------------*/ i.icon-color-u { color: #e74c3c; border: solid 1px #e74c3c; } i.icon-bg-u { background: #e74c3c; } /*Line Icon Page ------------------------------------*/ .line-icon-page .item:hover { color: #e74c3c; } /*Colored Content Boxes ------------------------------------*/ .servive-block-u { background: #e74c3c; } /*Panels (Portlets) ------------------------------------*/ .panel-u > .panel-heading { background: #e74c3c; } /*Owl Carousel ------------------------------------*/ .owl-btn:hover { background: #e74c3c; } /*Counter ------------------------------------*/ .counters span.counter-icon i { background: #e74c3c; } .counters span.counter-icon i:after { border-top: 7px solid #e74c3c; } /*SKy-Forms ------------------------------------*/ /*Buttons*/ .sky-form .button { background: #e74c3c; } /*Rating*/ .sky-form .rating input:checked ~ label { color: #e74c3c; } /*Pricing Page ------------------------------------*/ /*Pricing Head*/ .pricing:hover h4 { color:#e74c3c; } .pricing-head h3 { background:#e74c3c; text-shadow:0 1px 0 #c0392b; } .pricing-head h4 { color:#999; background:#fcfcfc; border-bottom:solid 1px #f9e6e6; } /*Pricing Content*/ .pricing-content li { border-bottom:solid 1px #f9e6e6; } .pricing-content li i { color:#e74c3c; } /*Pricing Extra*/ .sticker-left { background: #e74c3c; } /*Pricing Footer*/ .pricing-footer a, .pricing-footer button { background:#e74c3c; } .pricing-footer a:hover, .pricing-footer button:hover { background:#c0392b; } /*Priceing Active*/ .price-active h4 { color:#e74c3c; } .no-space-pricing .price-active .pricing-head h4, .no-space-pricing .pricing:hover .pricing-head h4 { color:#e74c3c; } /*Mega Pricing Tables ------------------------------------*/ .pricing-mega-v1 .pricing-head h3, .pricing-mega-v2 .pricing-head h3, .pricing-mega-v3 .pricing-head h3 { text-shadow: 0 1px 0 #c0392b; } /*Pricing Table Mega v1 Version ------------------------------------*/ .pricing-mega-v1 .pricing:hover h4 i { color:#e74c3c; } .pricing-mega-v1 .pricing-content li i { color: #e74c3c; } /*Pricing Table Colored Background Version ------------------------------------*/ .pricing-bg-colored .pricing:hover { background: #e74c3c; } .pricing-bg-colored .pricing-head i { color:#e74c3c; } /*Pricing Table Mega v2 ------------------------------------*/ .pricing-mega-v2 .block:hover .bg-color { background: #e74c3c; } .pricing-mega-v2 .block:hover h3, .pricing-mega-v2 .block:hover h4, .pricing-mega-v2 .block:hover li, .pricing-mega-v2 .block:hover li i, .pricing-mega-v2 .block:hover h4 i { background: #e74c3c; } /*Pricing Table Mega v3 ------------------------------------*/ .pricing-mega-v1 .btn-group .dropdown-menu, .pricing-mega-v3 .btn-group .dropdown-menu { background: #e74c3c !important; } .pricing-mega-v1 .btn-group .dropdown-menu li a:hover, .pricing-mega-v3 .btn-group .dropdown-menu li a:hover { background: #c0392b; }