Current File : /home/kelaby89/topflowroofingplumbing.com.au/wp-content/themes/homlane/assets/css/color/blue.css

/*==============================================
   Theme Color Css
===============================================*/
.thm-clr{
    color: #6377ee;    
}




.mobile-menu .navigation li.current > a, 
.mobile-menu .navigation li > a:hover {
    color: #6377ee;
}
.owl-nav-style-one.owl-theme .owl-nav .owl-prev:hover:before{
    color: #6377ee;    
}
.outer-search-box-style1 .seach-toggle:hover,
.outer-search-box-style1 .seach-toggle.active{
    border-color: #6377ee;
}
.owl-carousel.owl-dot-style1 .owl-dots .owl-dot{
    background: #6377ee;
}
.mobile-menu .navigation li > a:before {
    border-left: 5px solid #6377ee;
}







/*==============================================
   Theme Hover Color Css
===============================================*/
.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a{
	color: #6377ee;
}
.main-menu .navigation>li>ul>li>a:hover {
	color: #6377ee;
}
.main-menu .navigation> li> ul> li> a:before{
    color: #6377ee;
}
.main-menu .navigation> li> ul> li:hover > a{
	color: #6377ee;
}
.main-menu .navigation> li> ul> li> ul> li> a:hover {
	color: #6377ee;
}
.main-menu .navigation>li>ul>li>ul>li a:before{
    color: #6377ee;
}
.sticky-header .main-menu .navigation>li:hover>a, 
.sticky-header .main-menu .navigation>li.current>a {
    color: #6377ee;
}


.main-menu.style3 .navigation>li:hover>a,
.main-menu.style3 .navigation>li.current>a{
	color: #6377ee;
}
.main-menu.style3 .navigation>li>ul>li>a:hover {
	color: #6377ee;
}
.main-menu.style3 .navigation> li> ul> li> a:before{
    color: #6377ee;
}
.main-menu.style3 .navigation> li> ul> li:hover > a{
	color: #6377ee;
}
.main-menu.style3 .navigation> li> ul> li> ul> li> a:hover {
	color: #6377ee;
}
.main-menu.style3 .navigation>li>ul>li>ul>li a:before{
    color: #6377ee;
}
.sticky-header .main-menu.style3 .navigation>li:hover>a, 
.sticky-header .main-menu.style3 .navigation>li.current>a {
    color: #6377ee;
}



.main-menu.style4 .navigation>li:hover>a,
.main-menu.style4 .navigation>li.current>a{
	color: #6377ee;
}
.main-menu.style4 .navigation>li>ul>li>a:hover {
	color: #6377ee;
}
.main-menu.style4 .navigation> li> ul> li> a:before{
    color: #6377ee;
}
.main-menu.style4 .navigation> li> ul> li:hover > a{
	color: #6377ee;
}
.main-menu.style4 .navigation> li> ul> li> ul> li> a:hover {
	color: #6377ee;
}
.main-menu.style4 .navigation>li>ul>li>ul>li a:before{
    color: #6377ee;
}
.sticky-header .main-menu.style4 .navigation>li:hover>a, 
.sticky-header .main-menu.style4 .navigation>li.current>a {
    color: #7e9d11;
}

























/*==============================================
   Theme Background Css
===============================================*/
.thm-bgclr{
    background-color: #6377ee;
}







/*==============================================
   Theme Hover Background Color Css
===============================================*/
.overlay-bgc1{
    background-color: rgba(99, 119, 238, 0.90);
}
.testimonial-style2-area .layer-outer::before {
    background: rgba(99, 119, 238, 0.90);
}
.footer-area.style2:before {
    background-color: rgba(99, 119, 238, 0.95);
}
.single-work-process.style2 .icon-holder{
    border: 15px solid rgba(99, 119, 238, 0.10);
}
.single-work-process.style2 .icon-holder .inner{
    border: 15px solid rgba(99, 119, 238, 0.20);
}



/*==============================================
   Theme Border Color Css
===============================================*/







/*==============================================
   Theme Other Color, Background, Hover, Active Css
===============================================*/
.header-upper-right:before {
    background: #6377ee;
}
.header-lawer-right .button a:hover{
    color: #6377ee;
}
.main-slider.style1 .content{
    border-top: 7px solid #6377ee;
}
.btn-one:before{
    background: #6377ee;
}
.btn-one:hover:after{
    background: #6377ee;
}
.about-style1-text-box .title h5 {
    color: #6377ee;
}
.sec-title .border-box:before{
    background: #6377ee;
}
.sec-title .border-box:after{
    background: #6377ee;
}
.single-service-style1 .img-holder .title:before{
    background: #6377ee;
}
.project-tabs .tab-buttons .tab-btn:hover,
.project-tabs .tab-buttons .tab-btn.active-btn{
	color: #6377ee;
}
.latest-project-style1-area .bg-color {
    background: #6377ee;
}
.single-team-member .img-holder:before{
    border: 3px solid #6377ee; 
}
.single-team-member .title-holder p{
    color: #6377ee;
}
.testimonial-carousel .owl-nav button.owl-prev:before{
    border: 2px solid #6377ee;
}
.testimonial-carousel .owl-nav button.owl-next:before{
    border: 2px solid #6377ee;
}
.testimonial-carousel .owl-nav button span{
    color: #6377ee;
}
.testimonial-carousel .owl-nav button p{
    color: #6377ee;
}
.single-blog-post .text-holder .meta-info li a:hover{
    color: #6377ee;        
}
.single-blog-post .text-holder .blog-title a:hover{
    color: #6377ee;       
}
.footer-social-links .social-links ul li a:hover{
    color: #6377ee;      
}
.single-footer-widget .latest-news li .title-box h4 a:hover{
    color: #6377ee;
}
.single-footer-widget .services-links li a:hover{
    color: #6377ee;       
}
.slider-box-style2 .content{
    border-top: 7px solid #6377ee;
}
.video-holder-box.style2 .icon .inner a {
    background: #6377ee;
}
.mainmenu-area .outer-box .top ul li a:hover{
    color: #6377ee;      
}
.mainmenu-area .outer-box .bottom .right .button a:before{
    background-color: #6377ee;
}
.slider-box-style2 .owl-theme .owl-nav .owl-prev:before{
    background-color: #6377ee;
}
.slider-box-style2 .owl-theme .owl-nav .owl-next:hover:before{
    background-color: #6377ee;    
}
.about-style2-right-box ul li .inner .icon span:before {
    color: #6377ee;
}
.about-style2-right-box ul li:before{
    background-color: #6377ee;
}
.project-filter li .filter-text:before{
    background-color: #6377ee;  
}
.single-project-style2 .overlay-content .box ul li a{
    color: #6377ee;  
}
.slogan-content:before{
    background-color: #6377ee;
}
.single-price-box .value h2 {
    color: #6377ee;
}
.single-price-box:after{
    background: #6377ee;
}
.single-price-box:hover:before{
    background: #6377ee;
}
.header-contact-info-style2 ul li a:hover{
    color: #6377ee;        
}
.header-social-links ul li a:hover{
    color: #6377ee;       
}
.header-lawer-style2{
    background: #6377ee;
}
.owl-nav-style-one.owl-theme .owl-nav .owl-prev:hover:after, 
.owl-nav-style-one.owl-theme .owl-nav .owl-next:hover:after {
    border-color: #6377ee;
    background: #6377ee;
}
.about-style3-tab-box .tab-buttons .tab-btn:hover:before,
.about-style3-tab-box .tab-buttons .tab-btn.active-btn:before{
    background: #6377ee;    
}
.video-holder-box-style3 .icon .inner a span:before {
    background: #6377ee;
}
.about-style3-tab-box .tabs-content .inner-content ul li:hover:before{
    color: #6377ee;      
}
.testimonial-carousel-style2.owl-nav-style-one.owl-theme .owl-nav .owl-prev:hover:after, 
.testimonial-carousel-style2.owl-nav-style-one.owl-theme .owl-nav .owl-next:hover:after {
    border: 1px solid #6377ee;
    background-color: #6377ee;
}
.subscribe-area .subscribe-form:before{
    border: 1px dashed #6377ee;
}
.subscribe-area .subscribe-form button:before {
    background-color: #6377ee;
}
.header-contact-info-style3 ul li a:hover{
    color: #6377ee;        
}
.header-social-links-style2 ul li a:hover{
    color: #6377ee;       
}
.main-menu.style4 .navigation>li>a:after {
    background-color: #6377ee;
}
.header-lawer-right-style3 .button a:before{
    background-color: #6377ee;
}
.about-style4-content .text-box ul li:before {
    color: #6377ee;   
}
.about-style4-content .img-box:before {
    background: #6377ee;
}
.progress-levels .progress-box .bar .bar-fill{
	background: #6377ee;
}
.single-project-style3 .overlay-content .box ul li a:hover{
    background-color: #6377ee;
}
.service-menu-box ul li a:after {
    background-color: #6377ee;
}
.brochures-box ul li a span:before {
    color: #6377ee;
}
.brochures-box ul li a:hover:after{
    border-color: #6377ee;
    background-color: #6377ee;
}
.working-topics-content-box .text-holder ul li:before {
    color: #6377ee;    
}
.vehicle-year .ui-slider-handle:before {
    background-color: #6377ee;
}
.appointment-form .dropdown-item {
    background-color: #6377ee !important;
}
.select-services-box input[type="checkbox"]:checked + label span {
    border-color: #6377ee;
    background-color: #6377ee;
}
.faq-content-box-two .accordion-box .accordion .accord-btn::after {
    color: #6377ee;    
}
.sidebar-search-box .search-form button {
    background-color: #6377ee;
}
.sidebar-wrapper .single-sidebar .title:before{
    background-color: #6377ee;
}
.single-sidebar .categories li a:hover{
    color: #6377ee;       
}
.single-sidebar .categories li a:before{
    color: #6377ee;    
}
.single-sidebar .recent-posts li .title-box h4 a:hover{
    color: #6377ee;        
}
.single-sidebar .popular-tag li a:hover{
    border-color: #6377ee;
    background-color: #6377ee;
}
.blog-single-area .blog-post .single-blog-post .text-holder .blog-title {
    color: #6377ee;
}
.tag-social-share-box .tag ul li a:hover{
    color: #6377ee;          
}
.tag-social-share-box .social-share .sociallinks li a:hover{
    color: #6377ee;        
}
.blog-single-author-box .inner .text-box .sociallinks li a:hover{
    color: #6377ee;       
}
.blog-single-prev-next-button .title-box p a:hover{
    color: #6377ee;        
}
.blog-single-prev-next-button .title-box h3 a:hover{
    color: #6377ee;      
}
.comment-box .single-comment-box .text-holder .top .reply-button a{
    color: #6377ee;    
}
.contact-information-box .follow-us .social-links ul li a:hover{
    color: #6377ee;    
}
.project-social-share .social-links ul li a:hover{
    color: #6377ee;      
}
.testimonial-social-links ul li a:hover{
    color: #6377ee;        
}
.slider-social-links ul li a:hover{
    color: #6377ee;        
}
.styled-pagination li a:hover:before,
.styled-pagination li a.active:before{
    border-color: #6377ee;    
}
.styled-pagination li.prev a:hover:before,
.styled-pagination li.next a:hover:before{
    background-color: #6377ee;    
}