/**

=============================================================
[ThemeColor Stylesheet]

Colo r1Code:     Show
Version:      1.0
Created:      10.07.2016
Primary use:  Landscaping & Services HTML Template

@Author: icuttheme

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
============================================================= **/





/*
-----------------------------------------------------------------------
    Text Color Css
-----------------------------------------------------------------------
*/

.pagination-style > li > a,
.pagination-style > li > span,
.pagination-style > li > a:hover,
.section-title .icon,
.section-title .title span,
.inner-title .title span,
.isotopeFilter a,
.main-slider h2,
.welcome-content .feature-list a,
.iconbox-widget .icon i,
.widget-links li:hover a,
.widget-links li a:before,
.widget-news .widget-news-post .content .meta-date,
.social-icons li a:hover i,
.service-post .content .btn-link,
.service-post:hover .icon-box .icon,
.feature-box .content .btn-link,
.feature-box:hover .icon-box .icon,
.team-post .thumb .overlay a i,
.team-post .content .title,
.team-member-details .content .name,
.team-member-infos li span:first-child,
.blog-post .meta-tag .icon,
.tag-category li a,
.blog-social-share li:first-child,
.blog-authore-box .authore-meta li:first-child a,
.blog-authore-box .authore-meta li a:hover,
.comment-box .content .reply-btn,
.footer-widget .widget-links li:hover a,
.footer-widget .widget-links li a:before,
.footer-widget .widget-contact p span,
.footer-widget .widget-news .widget-news-post .content .meta-date,
.copy-right a,
.accordion-style .accordion-box .acc-title.active,
.testimonial-post ul li .icon,
.scroll-to-top:hover {
    color: #1b9edd;
}


/*
-----------------------------------------------------------------------
    Text Color Css with !important
-----------------------------------------------------------------------
*/

.color-theme {
    color: #1b9edd !important;
}


/*
-----------------------------------------------------------------------
    Text Deep Color Css
-----------------------------------------------------------------------
*/

.mega-header .header-top .user-links a:hover,
.mega-header .header-top .user-links a.active,
.page-title-content .title{
    color:#1b9edd;  
}

.color-theme2 {
    color: #1b9edd !important;
}

/*
-----------------------------------------------------------------------
    Background Color Css
-----------------------------------------------------------------------
*/

.ui-widget-header,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: #1b9edd;
}


/*
-----------------------------------------------------------------------
    Background Color Css
-----------------------------------------------------------------------
*/


.btn-black:hover,
.pagination-style > .active > a,
.pagination-style > .active > a:focus,
.pagination-style > .active > a:hover,
.pagination-style > .active > span,
.pagination-style > .active > span:focus,
.pagination-style > .active > span:hover,
.line-bottom:before,
.isotopeFilter a:hover,
.isotopeFilter a.current,
.isotope-item .isotop-thumb .isotop-overlay .isotop-icons a:hover,
.progress-item .progress-title,
.progress-three .progress-item .progress-percent,
.progress-three.pgb-large .progress-item .progress-percent,
.progress-three.pgb-small .progress-item .progress-percent,


.main-slider .slide-bg-theme,

.main-slider .btn-theme.btn-black:hover,
.appointment-form .form-title,
.appointment-form form .btn,
.widget .widget-title:after,
.widget-search button,
.widget-tags a:hover,
.social-icons.icons-theme li a,
.service-post .icon-box,
.feature-box:hover,
.feature-box .icon-box,
.team-post .thumb .overlay a:hover,
.team-post .profile,
.team-post .content .member-skill ul li a,
.footer-widget .footer-widget-title .widget-title:after,
.footer-widget .social-icons li a,
.pricing-table .pricing-content .pricing-list-content .pricing-list,
.scroll-to-top {
    background-color: #1b9edd;
}


/*
-----------------------------------------------------------------------
    Background Color Css with !important
-----------------------------------------------------------------------
*/

.tp-bullets.preview4 .bullet {
	background: #1b9edd !important;
}

.bgcolor-theme {
    background-color: #1b9edd !important;
}

.bgcolor-white1 {
    background-color: #fff !important;
    border-top: 1px solid #eee;
}

/*
-----------------------------------------------------------------------
    Background Deep Color Css
-----------------------------------------------------------------------
*/



.mega-menu .menuzord-menu ul.dropdown li:hover ul.dropdown li a,
.header-main .appoint-btn a,
.pricing-table .pricing-content .pricing-list-content .pricing-list:nth-child(2n+2) {
    background-color: #23a6e5;
}

/*
-----------------------------------------------------------------------
    Background Extra Deep Color Css
-----------------------------------------------------------------------
*/

.header-main .appoint-btn a:hover{
    background-color: #1c1c1c; 
}

.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown {
    background: #1c1c1c;
}


/*
-----------------------------------------------------------------------
    Background rgba Color Css
-----------------------------------------------------------------------
*/

.team-post .thumb .overlay,
.gallery-wrapper .gallery-post .thumb:hover .overlay {
	background-color: rgba(27, 158, 221, 0.5);
}

.blog-post .thumb .overlay {
	background-color: rgba(30, 30, 30, 0.5);
}

.overlay-effect {
    background-color: rgba(106, 175, 8, 0.75);
}

.layer-overlay:before {
	background-color: rgba(106, 175, 8, 0.8);
}

.isotope-item .isotop-thumb .isotop-overlay .isotop-icons a,
.theme-overlay:before {
    background-color: rgba(255, 255, 255, 0.5);
    color: #1b9edd;
}

.box-area:hover .overlay-effect {
    background-color: rgba(106, 175, 8, 0.9);
}

.welcome-content .welcome-feature:before {
	background-color: rgba(27, 158, 221, 0.96);
}

.overlay-theme:before {
	background-color: rgba(27, 158, 221, 0.96);
}


/*
-----------------------------------------------------------------------
    Background Deep rgba Color Css
-----------------------------------------------------------------------
*/

.page-title-content .bread-crumb {
    background-color: rgba(27, 158, 221, 0.85);
}


/*
-----------------------------------------------------------------------
    Border Color Css
-----------------------------------------------------------------------
*/


.btn-theme.btn-black:hover,
.owl-carousel .owl-controls .owl-dots .owl-dot span,
.pagination-style > .active > a,
.pagination-style > .active > a:focus,
.pagination-style > .active > a:hover,
.pagination-style > .active > span,
.pagination-style > .active > span:focus,
.pagination-style > .active > span:hover,

.main-slider .btn-theme.btn-black:hover,
.ui-widget-header,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
.widget-search button,
.social-icons li a:hover,
.social-icons.icons-theme li a,
.service-post .icon-box,
.feature-box .icon-box,
.team-post .thumb .overlay a:hover,
.footer-widget .social-icons li a,
.testimonial-post:hover,
.testimonial-post:hover .thumb img {
    border-color: #1b9edd;
}

.main-slider .btn-theme:hover{
	background:white;
	color:#1b9edd;
}
/*
-----------------------------------------------------------------------
    Border Color Css with !important
-----------------------------------------------------------------------
*/

.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected {
	border-color:#1b9edd !important;	
}

.main-slider .tp-bullets.preview4 .bullet {
    border-color: rgba(27, 158, 221, 1) !important;
}


/*
-----------------------------------------------------------------------
    Border Bottom Color Css
-----------------------------------------------------------------------
*/

.service-post:after,
.accordion-style .accordion-box .acc-title.active {
    border-bottom: #1b9edd;
}

.service-area:after,
.accordion-style .accordion-box .acc-title.active {
    border-bottom: #1b9edd;
}

/*
-----------------------------------------------------------------------
    Box Shadow Color Css
-----------------------------------------------------------------------
*/

.scroll-to-top:hover {
    box-shadow: 0 0 5px 0 #1b9edd;
}


/*
-----------------------------------------------------------------------
    responsive color css
-----------------------------------------------------------------------
*/

@media only screen and (max-width: 768px){
    .mega-menu .menuzord-menu ul.dropdown,
    .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
        background: #1b9edd;
    }
    .mega-menu .menuzord-menu > li.active > a  {
        background: #1c1c1c;
    }
}