/*
    Default blue color styles - You can change this color to any color you wanr
*/

a:hover,
#header-wrapper #header.dark #top-bar a:hover,
#header-wrapper #header.dark #top-bar i,
#header .navbar-default .navbar-nav>.current-menu-item>a,
#header.dark .dropdown-menu>li.current-menu-item>a,
#header.dark .pi-mm-list>li.current-menu-item>a,
#header .dropdown-menu>li.current-menu-item>a,
#header .pi-mm-list>li.current-menu-item>a,
#header .navbar-default .navbar-nav>li>a:hover,
#header .navbar-default .navbar-nav>li>a:focus,
#header .pi-mm-list>li>a:hover,
pi-mm-list>li>a:focus,
#header.dark .pi-mm-list>li>a:hover,
pi-mm-list>li>a:focus #header .dropdown-menu>li>a:hover,
#header .dropdown-menu>li>a:focus,
#header.dark .dropdown-menu>li>a:hover,
#header.dark .dropdown-menu>li>a:focus,
#header .dropdown.dropdown-submenu>a:hover::after,
#header.dark .dropdown.dropdown-submenu>a:hover::after,
#header.header-type-1 .dropdown-menu>li>a:hover,
#header.header-type-1 .dropdown-menu>li>a:focus,
.page-title-2 .breadcrumbs-container .breadcrumb li a:hover,
strong,
strong a,
.fancy-heading span,
.footer-widget-container .widget a:hover,
#copyright-container .footer-breadcrumb li a:hover,
.accordion.icons .title a:hover,
.accordion.default .title a:hover,
.accordion.default .title.active a,
.accordion.icons .title.active a,
.accordion.default.simple.faq-2 .title:hover::before,
.accordion.default.simple.faq-2 .title.active::before,
.fa-ul.colored i,
.fa-ul.large-icons .li-content h1:hover,
.fa-ul.large-icons .li-content h2:hover,
.fa-ul.large-icons .li-content h3:hover,
.fa-ul.large-icons .li-content h4:hover,
.fa-ul.large-icons .li-content h5:hover,
.fa-ul.large-icons .li-content h6:hover,
.custom-background a:hover,
.numbers-counter.theme-color i,
.custom-background .numbers-counter.theme-color i,
.page-content.dark .numbers-counter.theme-color i,
.post-body .post-meta li,
.post-body h2:hover,
.post-meta li a:hover,
.light .fancy-heading .heading-top,
#filters li.active a,
.portfolio-item-container figcaption a.title:hover,
.gallery-item.hover-caption figcaption a:hover,
.post-info .post-date .day,
.blog-post .post-comment-number i,
.rpw_posts_widget li a:hover h4,
.comment-meta li.date,
.comment .comment-reply-link:hover,
.rpw_posts_widget.style-2 .body a:hover h3,
.rpw_posts_widget.style-2 .body .comment-number:hover,
.header-info-widgets li .icon-container {
    color: #3367d6;
}

/* LIGHTER COLOR */
.service-box-1 .title-container .icon,
.widget_newsletterwidget .newsletter .submit,
.accordion.default .title.active::before,
.accordion.default .title:hover::before,
.accordion.icons .title:hover .icon-container,
.accordion.icons .title.active .icon-container,
.wpcf7-submit,
.dropcap,
.fa-ul.large-icons.theme-color-icons .icon-container i,
.numbers-counter.small-icons i,
.nivo-wrapper .nivo-directionNav a:hover,
.hint--theme-color:after,
.page-content.parallax.dark,
.page-content.parallax,
.page-content.custom-background,
.owl-carousel:hover .owl-controls .owl-nav .owl-prev:hover,
.owl-carousel:hover .owl-controls .owl-nav .owl-next:hover,
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span,
.history-list .history-list-item .year-img-container .year,
.scroll-up:hover,
.breadcrumbs-container.theme-color,
.expand,
.btn,
.service-box-11:hover,
.list-icons-merged li:nth-child(2n + 1) .icon,
#coming-soon .newsletter .submit,
#filters li.active .item-number,
#filters li:hover .item-number,
.portfolio-details-list .mark,
.pagination li:hover a,
.pagination li.active a,
.portfolio-item-container .portfolio-img.hover-alt .mask-style-2 li:hover,
.rpw_posts_widget li .date,
.widget_tag_cloud a:hover,
.rpw_posts_widget.style-2 .month {
    background-color: #3367d6;
}

.newsletter .submit:hover,
.wpcf7-submit:hover,
    {
    background-color: #3367d6;
}

.section-title-container .section-title,
.section-title-container .section-title::before {
    background-color: rgba(51, 103, 214, 0.7);
}

.service-box-12:hover .icon-container i {
    color: rgba(51, 103, 214, 0.7);
}

.page-content.parallax,
.page-content.parallax.dark,
.page-content .custom-background,
.skills li:nth-child(2n) .expand {
    background-color: #3367d6;
}

.page-content.parallax,
.page-content.parallax.dark,
.page-content.custom-background,
.skills li:nth-child(3n) .expand {
    background-color: #3367d6;
}

.page-content.parallax,
.page-content.parallax.dark,
.page-content.custom-background,
.skills li:nth-child(4n) .expand,
.rpw_posts_widget li .comment-number {
    background-color: #3367d6;
}

/*  BORDERS */
#header.header-type-1 .navbar-default .navbar-nav>.current-menu-item>a,
#header.header-type-1 .navbar-default .navbar-nav>li>a:hover,
#header.header-type-1 .navbar-default .navbar-nav>li>a:focus,
.hint--theme-color.hint--top:before {
    border-top-color: #3367d6;
}

.hint--theme-color.hint--left:before {
    border-left-color: #3367d6;
}

.dropcap.empty,
.hr-simple.colored .hr-simple-circle,
#coming-soon .newsletter .submit,
.pagination li:hover a,
.pagination li.active a {
    border-color: #3367d6;
}

.hint--theme-color.hint--bottom:before {
    border-bottom-color: #3367d6;
}

.hint--theme-color.hint--right:before {
    border-right-color: #3367d6;
}