$color : #a10f2b; $colorLight : lighten($color,5%); $colorLighter : lighten($color,45%); $colorOpacity9 : rgba($color, .9); /*disabled $colorDark : darken($color, 5% ); $colorOpacity7 : rgba($color, .7); $colorOpacity8 : rgba($color, .8); $color2 : #2d3439; $color2Dark : lighten($color2, 8% ); $color2Opacity8 : rgba($color2, .8); $color2Opacity5 : rgba($color2, .5); */ a { color: $color; } a:focus, a:hover, a:active { color: $color; } .color-green { color: $color; } a.read-more:hover { color:$color; } .linked:hover { color:$color; } /* Headers Default ------------------------------------*/ .header .navbar-nav > .active > a { color: $color; } .header .navbar-nav > .active > a { border-color: $color; } .header .dropdown-menu { border-top: solid 2px $color; } .header .navbar-nav > li:hover > a { color: $colorLight; } .header .nav > li > .search:hover { border-bottom-color: $colorLight; color: $colorLight; } .header .navbar-nav > li > a:hover, .header .navbar-nav > .active > a { border-bottom-color: $color; } .header .navbar-toggle { border-color: $colorLight; } .header .navbar-toggle, .header .navbar-toggle:hover, .header .navbar-toggle:focus { background: $color; } .header .navbar-toggle:hover { background: $colorLight !important; } .header .navbar-nav > .open > a, .header .navbar-nav > .open > a:hover, .header .navbar-nav > .open > a:focus { color: $color; } /* Design for max-width: 991px */ @media (max-width: 991px) { .header .navbar-nav > .active > a, .header .navbar-nav > .active > a:hover, .header .navbar-nav > .active > a:focus { background: $color; color: #fff !important; } .header .navbar-nav > .active > a { border-color: #eee; } .header .nav > li > .search:hover { background: $color; } } /* Headers v1 ------------------------------------*/ .header-v1 .navbar-default .navbar-nav > .active > a, .header-v1 .navbar-default .navbar-nav > li > a:hover, .header-v1 .navbar-default .navbar-nav > li > a:focus { color: $color; } .header-v1 .dropdown-menu { border-color: $color } .header-v1 .navbar-default .navbar-nav > li:hover > a { color: $color; } .header-v1 .navbar .nav > li > .search:hover { color: $color; } .header-v1 .navbar .nav > li > .search:hover { color: $color; } .header-v1 .navbar-default .navbar-toggle { border-color: $colorLight; } .header-v1 .navbar-toggle, .header-v1 .navbar-default .navbar-toggle:hover, .header-v1 .navbar-default .navbar-toggle:focus { background: $color; } .header-v1 .navbar-toggle:hover { background: $colorLight !important; } /* Design for max-width: 991px */ @media (max-width: 991px) { .header-v1 .navbar-default .navbar-nav > li:hover > a { border-color: #eee; } .header-v1 .navbar-default .navbar-nav > .active > a, .header-v1 .navbar-default .navbar-nav > .active > a:hover, .header-v1 .navbar-default .navbar-nav > .active > a:focus { background-color: $color; } .header-v1 .navbar-default .navbar-nav > .active > a { border-color: #eee; } .header-v1 .navbar .nav > li > .search:hover { background-color: $color; } } /* Headers v2 ------------------------------------*/ .header-v2 .dropdown-menu { border-color: $color; } .header-v2 .navbar-default .navbar-toggle { border-color: $colorLight; } .header-v2 .navbar-toggle, .header-v2 .navbar-default .navbar-toggle:hover, .header-v2 .navbar-default .navbar-toggle:focus { background: $color; } .header-v2 .navbar-toggle:hover { background: $colorLight !important; } /* Design for max-width: 991px */ @media (max-width: 991px) { .header-v2 .navbar-default .navbar-nav > .active > a, .header-v2 .navbar-default .navbar-nav > .active > a:hover, .header-v2 .navbar-default .navbar-nav > .active > a:focus { background: $color; color: #fff !important; } .header-v2 .navbar-default .navbar-nav > li > a:hover { color: $color; } } /* Headers v3 ------------------------------------*/ .header-v3 .navbar-default .navbar-nav > .active > a { color: $color; } .header-v3 .navbar-default .navbar-nav > li:hover > a { color: $colorLight; } .header-v3 .dropdown-menu { border-color: $color; } .header-v3 .navbar-default .navbar-toggle { border-color: $colorLight; } .header-v3 .navbar-toggle, .header-v3 .navbar-default .navbar-toggle:hover, .header-v3 .navbar-default .navbar-toggle:focus { background: $color; } .header-v3 .navbar-toggle:hover { background: $colorLight !important; } .header-v3 .navbar .nav > li > .search:hover { background: inherit; color: $color; } /* Design for max-width: 991px */ @media (max-width: 991px) { .header-v3 .navbar-default .navbar-nav > .active > a, .header-v3 .navbar-default .navbar-nav > .active > a:hover, .header-v3 .navbar-default .navbar-nav > .active > a:focus { background: $color; color: #fff !important; } .header-v3 .navbar-default .navbar-nav > .active > a { border-color: #eee; } .header-v3 .navbar .nav > li > .search:hover { background: $color; } } /* Headers v4 ------------------------------------*/ .header-v4 .navbar-default .navbar-nav > li > a:hover, .header-v4 .navbar-default .navbar-nav > .active > a { border-color: $color; } .header-v4 .navbar-default .navbar-nav > .active > a { color: $color; } .header-v4 .navbar-default .navbar-nav > li:hover > a { border-color: $color; color: $colorLight; } .header-v4 .navbar .nav > li > .search:hover { color: $color; } .header-v4 .navbar-default .navbar-nav > .open > a, .header-v4 .navbar-default .navbar-nav > .open > a:hover, .header-v4 .navbar-default .navbar-nav > .open > a:focus { color: $color; } /* Design for max-width: 991px */ @media (max-width: 991px) { .header-v4 .navbar-default .navbar-nav > li:hover > a { border-color: #eee; } .header-v4 .navbar-default .navbar-nav > .active > a, .header-v4 .navbar-default .navbar-nav > .active > a:hover, .header-v4 .navbar-default .navbar-nav > .active > a:focus { color: $color !important; } .header-v4 .navbar-default .navbar-nav > .active > a { border-color: #eee; } .header-v4 .navbar .nav > li > .search:hover { background: $color; } } /* Headers v5 ------------------------------------*/ .header-v5 .navbar-default .navbar-nav > li > a:hover, .header-v5 .navbar-default .navbar-nav > .active > a { border-top: 2px solid $color; } .header-v5 .navbar-default .navbar-nav > .active > a { color: $color; } .header-v5 .navbar-default .navbar-nav > li:hover > a { color: $color; } .header-v5 .navbar-default .navbar-nav > .open > a, .header-v5 .navbar-default .navbar-nav > .open > a:hover, .header-v5 .navbar-default .navbar-nav > .open > a:focus { color: $color; } .header-v5 .dropdown-menu li > a:hover { background: $color; } .header-v5 .dropdown-menu .active > a, .header-v5 .dropdown-menu li > a:hover { background: $color; } .header-v5 .dropdown-menu { border-color: $color; } .header-v5 .dropdown-menu li.dropdown-submenu:hover > a { background: $color; } .header-v5 .dropdown-menu .style-list li > a:hover { background: none; } .header-v5 .style-list li a:hover { color: $color; } /* Shopping cart ------------------------------------*/ .header-v5 .shop-badge.badge-icons i { color: $color; } .header-v5 .shop-badge span.badge-sea { background: $color; } .header-v5 .badge-open { border-top: 2px solid $color; box-shadow: 0 5px 5px 0 rgba(161, 15, 43, 0.075); } /* Header v6 ------------------------------------*/ /* Search */ .header-v6 .shopping-cart .shopping-cart-open { border-top-color: $color !important; } .header-v6 li.menu-icons span.badge { background: $color; } /* Dropdown Menu */ .header-v6 .dropdown-menu { border-top-color: $color; } /* Media Queries */ @media (max-width: 991px) { /* Navbar Nav */ .header-v6 .navbar-nav > .active > a, .header-v6 .navbar-nav > .active > a:hover, .header-v6 .navbar-nav > .active > a:focus { color: $color !important; } .header-v6 .nav .open > a, .header-v6 .nav .open > a:hover, .header-v6 .nav .open > a:focus { border-color: #eee; } .header-v6 .navbar-nav > li > a:hover, .header-v6 .navbar-nav .open .dropdown-menu > li > a:hover, .header-v6 .navbar-nav .open .dropdown-menu > li > a:focus, .header-v6 .navbar-nav .open .dropdown-menu > .active > a, .header-v6 .navbar-nav .open .dropdown-menu > .active > a:hover, .header-v6 .navbar-nav .open .dropdown-menu > .active > a:focus { color: $color !important; } .header-v6 .mega-menu .equal-height-list li a:hover { color: $color !important; } /* Classic Dark */ .header-v6 .mega-menu .equal-height-list li a:hover { color: $color; } /* Dark Responsive Navbar */ .header-v6.header-dark-res-nav .navbar-nav > li a:hover, .header-v6.header-dark-res-nav .navbar-nav .open .dropdown-menu > li > a:hover { color: $color; } .header-v6.header-dark-res-nav .nav .open > a, .header-v6.header-dark-res-nav .nav .open > a:hover, .header-v6.header-dark-res-nav .nav .open > a:focus { border-color: #555; } } @media (min-width: 992px) { /* Default Style */ .header-fixed .header-v6.header-fixed-shrink .navbar-nav .active > a, .header-fixed .header-v6.header-fixed-shrink .navbar-nav li > a:hover { color: $color !important; } .header-v6 .dropdown-menu .active > a, .header-v6 .dropdown-menu li > a:hover, .header-fixed .header-v6.header-fixed-shrink .dropdown-menu .active > a, .header-fixed .header-v6.header-fixed-shrink .dropdown-menu li > a:hover { color: $color !important; } .header-fixed .header-v6.header-fixed-shrink .navbar-nav .active > a, .header-fixed .header-v6.header-fixed-shrink .navbar-nav li > a:hover { color: $color; } /* Classic White */ .header-fixed .header-v6.header-classic-white .navbar-nav .active > a, .header-fixed .header-v6.header-classic-white .navbar-nav li > a:hover { color: $color; } /* Classic Dark */ .header-v6.header-classic-dark .navbar-nav .active > a, .header-v6.header-classic-dark .navbar-nav li > a:hover, .header-fixed .header-v6.header-classic-dark.header-fixed-shrink .navbar-nav .active > a, .header-fixed .header-v6.header-classic-dark.header-fixed-shrink .navbar-nav li > a:hover { color: $color; } .header-v6.header-classic-dark .dropdown-menu .active > a, .header-v6.header-classic-dark .dropdown-menu li > a:hover { color: $color !important; } /* Dark Dropdown */ .header-v6.header-dark-dropdown .dropdown-menu .active > a, .header-v6.header-dark-dropdown .dropdown-menu li > a:hover { color: $color; } /* Dark Scroll */ .header-fixed .header-v6.header-dark-scroll.header-fixed-shrink .navbar-nav .active > a, .header-fixed .header-v6.header-dark-scroll.header-fixed-shrink .navbar-nav li > a:hover { color: $color; } } /* Header v7 ------------------------------------*/ .header-v7 .navbar-default .navbar-nav > li > a:hover, .header-v7 .navbar-default .navbar-nav > li.active > a { color: $color !important; } .header-v7 .dropdown-menu .active > a, .header-v7 .dropdown-menu li > a:focus, .header-v7 .dropdown-menu li > a:hover { color: $color !important; } .header-v7 .navbar-default .navbar-nav > li > a:hover, .header-v7 .navbar-default .navbar-nav > li > a:focus, .header-v7 .navbar-default .navbar-nav > .active > a, .header-v7 .navbar-default .navbar-nav > .active > a:hover, .header-v7 .navbar-default .navbar-nav > .active > a:focus { color: $color; } .header-socials li a:hover { color: $color; } /* Sliders ------------------------------------*/ /* Main Parallax Sldier */ .da-slide h2 i { background-color: rgba(161, 15, 43, 0.8); } /* Sequence Parallax Sldier */ .sequence-inner { background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to($colorLighter)); background: -webkit-linear-gradient(#fff, $colorLighter); background: -moz-linear-gradient(#fff, $colorLighter); background: -ms-linear-gradient(#fff, $colorLighter); background: -o-linear-gradient(#fff, $colorLighter); background: linear-gradient(#fff, $colorLighter) } #sequence-theme h2 { background: rgba(161, 15, 43, 0.8); } #sequence-theme .info p { background: rgba(161, 15, 43, 0.8); } /* Buttons ------------------------------------*/ .btn-u { background: $color; } .btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u { background: $colorLight; color: #fff; } /* Buttons Color */ .btn-u-split.dropdown-toggle { border-left: solid 1px $colorLight; } /* Bordered Buttons */ .btn-u.btn-brd { border-color: $color; } .btn-u.btn-brd:hover { color: $colorLight; border-color: $colorLight; } .btn-u.btn-brd.btn-brd-hover:hover { background: $colorLight; } /* Service ------------------------------------*/ .service .service-icon { color:$color; } /* Service Blocks */ .service-alternative .service:hover { background:$color; } /* Thumbnail (Recent Work) ------------------------------------*/ .thumbnail-style h3 a:hover { color:$color; } .thumbnail-style a.btn-more { background:$color; } .thumbnail-style a.btn-more:hover { box-shadow:0 0 0 2px $colorLight; } /* Typography ------------------------------------*/ /* Heading */ .headline h2, .headline h3, .headline h4 { border-bottom:2px solid $color; } /* Blockquote */ blockquote:hover { border-left-color:$color; } .hero { border-left-color: $color; } blockquote.hero.hero-default { background: $color; } blockquote.hero.hero-default:hover { background: $colorLight; } /* Carousel ------------------------------------*/ .carousel-arrow a.carousel-control:hover { color: $color; } /* Footer ------------------------------------*/ .footer a, .copyright a, .footer a:hover, .copyright a:hover { color: $color; } /* Footer Blog */ .footer .dl-horizontal a:hover { color:$color !important; } /* Blog Posts ------------------------------------*/ .posts .dl-horizontal a:hover { color:$color; } .posts .dl-horizontal:hover dt img, .posts .dl-horizontal:hover dd a { color: $color; border-color: $color !important; } /* Post Comment */ .post-comment h3, .blog-item .media h3, .blog-item .media h4.media-heading span a { color: $color; } /* Tabs ------------------------------------*/ /* Tabs v1 */ .tab-v1 .nav-tabs { border-bottom: solid 2px $color; } .tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { background: $color; } .tab-v1 .nav-tabs > li > a:hover { background: $color; } /* Tabs v2 */ .tab-v2 .nav-tabs li.active a { border-top: solid 2px $color; } /* Tabs v3 */ .tab-v3 .nav-pills li a:hover, .tab-v3 .nav-pills li.active a { background: $color; border: solid 1px $colorLight; } /* Accardion ------------------------------------*/ .acc-home a.active, .acc-home a.accordion-toggle:hover { color:$color; } .acc-home .collapse.in { border-bottom:solid 1px $color; } /* Testimonials ------------------------------------*/ .testimonials .testimonial-info { color: $color; } .testimonials .carousel-arrow i:hover { background: $color; } /* Info Blocks ------------------------------------*/ .info-blocks:hover i.icon-info-blocks { color: $color; } /* Breadcrumb ------------------------------------*/ .breadcrumb li.active, .breadcrumb li a:hover { color:$color; } /* About Page ------------------------------------*/ .team .thumbnail-style:hover h3 a { color:$color !important; } /* Social Icons */ .team ul.team-socail li i:hover { background: $color; } /* Right Sidebar ------------------------------------*/ /* Right Sidebar */ .who li i, .who li:hover i, .who li:hover a { color:$color; } /* Privacy Page ------------------------------------*/ .privacy a:hover { color:$color; } /* Portfolio Page ------------------------------------*/ /* Portfolio v1 */ .view a.info:hover { background: $color; } /* Portfolio v2 */ .sorting-block .sorting-nav li.active { color: $color; border-bottom: solid 1px $color; } .sorting-block .sorting-grid li a:hover span.sorting-cover { background: $color; } /* Blog Page ------------------------------------*/ .blog h3 { color:$color; } .blog li a:hover { color:$color; } /* Blog Tags */ ul.blog-tags a:hover { background: $color; } .blog-post-tags ul.blog-tags a:hover { background: $color; } /* Blog Photos */ .blog-photos li img:hover { box-shadow: 0 0 0 2px $color; } /* Blog Latest Tweets */ .blog-twitter .blog-twitter-inner:hover { border-color: $color; border-top-color: $color; } .blog-twitter .blog-twitter-inner:hover:after { border-top-color: $color; } .blog-twitter .blog-twitter-inner a { color: $color; } /* Blog Item Page ------------------------------------*/ .blog-item h4.media-heading span a { color:$color; } /* Coming Soon Page ------------------------------------*/ .coming-soon-border { border-top: solid 3px $color; } /* Search Page ------------------------------------*/ .booking-blocks p a { color: $color; } /* Icons Page ------------------------------------*/ .icon-page li:hover { color:$color; } /* Glyphicons */ .glyphicons-demo a:hover { color: $color; text-decoration: none; } /* Social Icons ------------------------------------*/ .social-icons-v1 i:hover { color: #fff; background: $color; } /* Magazine Page ------------------------------------*/ /* Magazine News */ .magazine-news .by-author strong { color: $color; } .magazine-news a.read-more { color: $color; } /* Magazine Mini News */ .magazine-mini-news .post-author strong { color: $color; } .news-read-more i { background: $color; } /* Sidebar Features */ .magazine-page h3 a:hover { color: $color; } /* Page Features ------------------------------------*/ /* Tag Boxes v1 */ .tag-box-v1 { border-top: solid 2px $color; } /* Tag Boxes v2 */ .tag-box-v2 { border-left: solid 2px $color; } /* Tag Boxes v7 */ .tag-box-v7 { border-bottom: solid 2px $color; } /* Font Awesome Icon Page Style */ .fa-icons li:hover { color: $color; } .fa-icons li:hover i { background: $color; } /* GLYPHICONS Icons Page Style */ .bs-glyphicons li:hover { color: $color; } /* 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: $color; border-color: $color; } .pagination li a:hover { background: $colorLight; border-color: $colorLight; } /* Pager */ .pager li > a:hover, .pager li > a:focus { background: $colorLight; border-color: $colorLight; } .pager.pager-v2 li > a:hover, .pager.pager-v2 li > a:focus, .pager.pager-v3 li > a:hover, .pager.pager-v3 li > a:focus { color: #fff; background: $color; } /* Registration and Login Page v2 ------------------------------------*/ .reg-block { border-top: solid 2px $color; } /*Image Hover ------------------------------------*/ /* Image-hover */ #effect-2 figure .img-hover { background: $color; } /* Blog Large Page ------------------------------------*/ .blog h2 a:hover { color: $color; } /* Timeline v1 Page ------------------------------------*/ .timeline-v1 > li > .timeline-badge i:hover { color: $color; } .timeline-v1 .timeline-footer .likes:hover i { color: $color; } /* Timeline v2 Page ------------------------------------*/ /* The icons */ .timeline-v2 > li .cbp_tmicon { background: $color; } /* Progress Bar ------------------------------------*/ .progress-bar-u { background: $color; } /* Job Inner Page ------------------------------------*/ .job-description .save-job a:hover, .block-description .save-job a:hover { color: $color; } .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: $color; } /* Colorful-ul */ .job-description .colorful-ul li a { color: $color; } /* Search Inner Page ------------------------------------*/ .s-results .related-search a:hover { color: $color; } .s-results .inner-results h3 a:hover { color: $color; } .s-results .up-ul li a:hover { color: $color; } .s-results .down-ul li a { color: $color; } /* Funny Boxes ------------------------------------*/ .funny-boxes p a { color: $color; } .funny-boxes .funny-boxes-img li i { color: $color; } .funny-boxes-colored p, .funny-boxes-colored h2 a, .funny-boxes-colored .funny-boxes-img li, .funny-boxes-colored .funny-boxes-img li i { color: #fff; } /* Sidebar Sub Navigation ------------------------------------*/ .sidebar-nav-v1 ul li:hover a, .sidebar-nav-v1 ul li.active a { color: $color; } /* Blockquote ------------------------------------*/ blockquote.bq-green { border-color: $color; } blockquote:hover, blockquote.text-right:hover { border-color: $color; } .quote-v1 p::before { color: $color; } /* Green Left Bordered Funny Box */ .funny-boxes-left-green { border-left: solid 2px $color; } .funny-boxes-left-green:hover { border-left-color: $color; } /* Testimonials Default ------------------------------------*/ /* Testimonials */ .testimonials .carousel-arrow i:hover { background: $color; } /* Testimonials Default */ .testimonials-bg-default .item p { background: $color; } .testimonials.testimonials-bg-default .item p:after, .testimonials.testimonials-bg-default .item p:after { border-top-color: $color; } .testimonials-bg-default .carousel-arrow i { background: $color; } .testimonials.testimonials-bg-default .carousel-arrow i:hover { background: $colorLight; } /* Promo Page ------------------------------------*/ /* Promo Box */ .promo-box:hover strong, .promo-box:hover strong a { color: $color; } /* Typography ------------------------------------*/ .dropcap { color: $color; } .dropcap-bg { color: #fff; background: $color; } /* Breadcrumbs ------------------------------------*/ span.label-u, span.badge-u { background: $color; } /* Icons ------------------------------------*/ /* Icon Link*/ .link-icon:hover i { color: $color; border: solid 1px $color; } .link-bg-icon:hover i { color: $color; background: $color !important; border-color: $color; } /* Icons Backgroun Color ------------------------------------*/ i.icon-color-u { color: $color; border: solid 1px $color; } i.icon-bg-u { background: $color; } /* Line Icon Page ------------------------------------*/ .line-icon-page .item:hover { color: $color; } /* Colored Content Boxes ------------------------------------*/ .service-block-u { background: $color; } /* Panels (Portlets) ------------------------------------*/ .panel-u { border-color: $color; } .panel-u > .panel-heading { background: $color; } /* Owl Carousel ------------------------------------*/ .owl-btn:hover { background: $color; } /* Counter ------------------------------------*/ .counters span.counter-icon i { background: $color; } .counters span.counter-icon i:after { border-top: 7px solid $color; } /* SKy-Forms ------------------------------------*/ /* Buttons */ .sky-form .button { background: $color; } /* Rating */ .sky-form .rating input:checked ~ label { color: $color; } /* Message */ .sky-form .message { color: $color; } .sky-form .message i { border-color: $color; } /* Profile ------------------------------------*/ .profile .profile-post:hover span.profile-post-numb { color: $color; } .profile .date-formats { background: $color; } .profile .name-location span i, .profile .name-location span a:hover { color: $color; } .share-list li i { color: $color; } .profile .comment-list-v2 li:hover i, .profile .comment-list li:hover i { color: $color; } .profile .profile-post.color-one { border-color: $color; } /* Pricing Page ------------------------------------*/ /* Pricing Head */ .pricing:hover h4 { color:$color; } .pricing-head h3 { background:$color; text-shadow: 0 1px 0 $colorLight; } .pricing-head h4 { color:#999; background:#fcfcfc; border-bottom:solid 1px $colorLighter; } /* Pricing Content */ .pricing-content li { border-bottom:solid 1px $colorLighter; } .pricing-content li i { color:$color; } /* Pricing Extra */ .sticker-left { background: $color; } /* Pricing Footer */ .pricing-footer a:hover, .pricing-footer button:hover { background:$colorLight; } /* Pricing Active */ .price-active h4 { color:$color; } .no-space-pricing .price-active .pricing-head h4, .no-space-pricing .pricing:hover .pricing-head h4 { color:$color; } /* 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 $colorLight; } /* Pricing Table Mega v1 Version ------------------------------------*/ .pricing-mega-v1 .pricing:hover h4 i { color:$color; } .pricing-mega-v1 .pricing-content li i { color: $color; } /* Pricing Table Colored Background Version ------------------------------------*/ .pricing-bg-colored .pricing:hover { background: $color; } .pricing-bg-colored .pricing-head i { color:$color; } .pricing-bg-colored .pricing-footer .btn-u { border: 1px solid #fff; } .pricing-bg-colored .pricing-head p { border-bottom: 1px solid $colorLighter; } /* Pricing Table Mega v2 ------------------------------------*/ .pricing-mega-v2 .block:hover .bg-color { background: $color; } .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: $color; } /* Pricing Table Mega v3 ------------------------------------*/ .pricing-mega-v1 .btn-group .dropdown-menu, .pricing-mega-v3 .btn-group .dropdown-menu { background: $color !important; } .pricing-mega-v1 .btn-group .dropdown-menu li a:hover, .pricing-mega-v3 .btn-group .dropdown-menu li a:hover { background: $colorLight; } /* Grid Block v2 ------------------------------------*/ .grid-block-v2 li:hover .grid-block-v2-info { border-color: $color; } /* Testimonials v3 Title ------------------------------------*/ .testimonials-v3 .testimonials-v3-title p { color: $color; } .testimonials-v3 .owl-buttons .owl-prev:hover, .testimonials-v3 .owl-buttons .owl-next:hover { background: $color; } /* Content Boxes v4 ------------------------------------*/ .content-boxes-v4 i { color: $color; } /* Thumbnails v1 ------------------------------------*/ .thumbnails-v1 .read-more { color: $color; } /* Thumbnails v6 ------------------------------------*/ .testimonials-v6 .testimonials-info:hover { border-color: $color; } /* Team v1 ------------------------------------*/ .team-v1 li:hover > p:before { background: $color; } /* Team v4 ------------------------------------*/ .team-v4 .team-social-v4 a:hover { color: $color; } /* Team v5 & v6 & v7 ------------------------------------*/ .team-v5 small, .team-v6 small, .team-v7 .team-v7-position { color: $color; } /* Headliner Center ------------------------------------*/ .headline-center h2:after { background: $color; } /* Headliner Left ------------------------------------*/ .headline-left .headline-brd:after { background: $color; } /* Portfolio Box ------------------------------------*/ .portfolio-box .portfolio-box-in i { background: $color; } /* Flat Background Block v1 ------------------------------------*/ .flat-bg-block-v1 .checked-list i { color: $color; } /* Owl Carousel v5 ------------------------------------*/ .owl-carousel-v5 .owl-controls .owl-page.active span, .owl-carousel-v5 .owl-controls.clickable .owl-page:hover span { background: $color; } /* Content Boxes v5 ------------------------------------*/ .content-boxes-v5:hover i { background: $color; } /* Block Grid v1 ------------------------------------*/ .block-grid-v1:hover { border-color: $color; } /* Block Grid v2 ------------------------------------*/ .block-grid-v2 li:hover .block-grid-v2-info { border-color: $color; } /* Content Boxes v6 ------------------------------------*/ .content-boxes-v6:hover i:after { border-color: $color; } .content-boxes-v6:hover i { background: $color; } /* Portfolio Box-v2 ------------------------------------*/ .portfolio-box-v2 .portfolio-box-v2-in i { background: rgba(161, 15, 43, 0.8); } .portfolio-box-v2 .portfolio-box-v2-in i:hover { background: $color; } /* Service Block v1 ------------------------------------*/ .service-block-v1 i { background: $color; } /* Service Block v4 ------------------------------------*/ .service-block-v4 .service-desc i { color: $color; } /* Service Block v7 ------------------------------------*/ .service-block-v7 i { background: $color; } /* Service Block v8 ------------------------------------*/ .service-block-v8 .service-block-desc h3::after { background: $color; } /* Testimonials bs ------------------------------------*/ .testimonials-bs .carousel-control-v2 i:hover { border-color: $color; color: $color; } /* Fusion Portfolio ------------------------------------*/ .fusion-portfolio #filters-container .cbp-filter-item-active { background: $color; border-color: $color; } .fusion-portfolio #filters-container .cbp-filter-item:hover { color: $color; } .blog_masonry_3col h3 a:hover { color: $color; } /* Cube Portfolio ------------------------------------*/ .cube-portfolio .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active, .cube-portfolio .cbp-l-filters-text .cbp-filter-item:hover { color: $color; } .cube-portfolio .link-captions li i:hover { color: #fff; background: $color; } .cube-portfolio .cbp-caption-activeWrap.default-transparent-hover { background: rgba(161, 15, 43, .9) !important; } /* Recent Works ------------------------------------*/ .owl-work-v1 .item a:hover span { border-bottom-color: $color; } /* Footer Default ------------------------------------*/ .footer-default .footer .dl-horizontal a:hover { color: $color !important; } .footer-default .footer a { color: $color; } .footer-default .footer a:hover { color: $colorLight; } .footer-default .copyright a { color: $color; } .footer-default .copyright a:hover { color: $colorLight; } /* Footer v4 ------------------------------------*/ .footer-v4 .copyright a { color: $color; } /* Title v1 ------------------------------------*/ .title-v1 h1:after, .title-v1 h2:after { background-color: $color; } /* Copyright Section ------------------------------------*/ .copyright-section i.back-to-top:hover { color: $color; } /* Top Control ------------------------------------*/ #topcontrol:hover { background-color: $color; } /* News Info ------------------------------------*/ .news-v1 .news-v1-info li a:hover { color: $color; } .news-v1 h3 a:hover { color: $color; } .news-v2 .news-v2-desc h3 a:hover { color: $color !important; } .news-v3 .post-shares li span { background: $color; } .news-v3 .posted-info li a:hover { color: $color !important; } .news-v3 h2 a:hover { color: $color !important; } /* Blog Trending ------------------------------------*/ .blog-trending small a:hover { color: $color; } /* Blog Masonry ------------------------------------*/ .blog_masonry_3col ul.grid-boxes-news li a:hover { color: $color; } /* List v1 ------------------------------------*/ .lists-v1 i { background: $color; } /* List v2 ------------------------------------*/ .lists-v2 i { color: $color; } /* Process v1 ------------------------------------*/ .process-v1 .process-in > li i { background: $color; } /* Featured Blog ------------------------------------*/ .featured-blog h2::after { background: $color; } .featured-blog .featured-img i:hover { color: #fff; background: $color; } .rgba-default { background-color: $colorOpacity9 } /* Blog Latest Posts ------------------------------------*/ .blog-latest-posts h3 a:hover { color: $color !important; } /* Blog Trending ------------------------------------*/ .blog-trending h3 a:hover { color: $color !important; }