/*
Template Name: Riana Responsive HTML5/CSS3 Charity Template
Author: iThemesLab
Author URI: http://themeforest.net/user/ithemeslab
Description: Riana Responsive HTML5/CSS3 Charity Template.
Version: 1.0
*/

/*Global Styles*/
a {
	color: #22d07c;
}

a:hover {
    color: #22d07c;
}

.btn-primary,
.btn-primary:focus {
    background: #22d07c;
    border-color: #22d07c;
}

/*Typography*/
.lg-title span:after {
    background: #22d07c;
}

.lg-title.text-center span:after {
    background: #22d07c;
}

.sm-title span:after {
    background: #22d07c;
}

.sm-title.text-center span:after {
    background: #22d07c;
}

.widget-title span:after {
    background: #22d07c;
}

/*Top Header*/
.social-icon i.fa:hover {
    background: #22d07c;
    color: #fff;
}

.top-email a:hover {
    color: #22d07c;
}

/*Navbar*/
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a {
    color: #22d07c;
    border-top: 2px solid #22d07c;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background: transparent;
    border-color: #22d07c;
}

.dropdown-menu {
    border-top: 2px solid #22d07c;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background: #22d07c;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: #22d07c;
    color: #fff;
}

.mega-dropdown-menu ul > li.active > a,
.mega-dropdown-menu ul > li > a:hover,
.mega-dropdown-menu ul > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #22d07c;
}

.mega-dropdown-menu .dropdown-header {
  color: #22d07c;
}

/*Slideshow*/
.slide-caption h2 span,
.banner-caption h2 span {
    color: #22d07c;
}

.btn-slideshow {
    color: #22d07c;
    background: #fff;
    border: 2px solid #fff;

}

/*Feature*/
.feature-wrap .icon-wrap i {
    color: #22d07c;
}

.feature-wrap:hover .icon-wrap i {
    color: #22d07c;
}

.feature-wrap:hover .icon-wrap {
    border: 1px solid #22d07c;
    background: transparent;
}

.feature-wrap:hover .icon-wrap i {
    color: #22d07c;
}

/*Service Style*/
.service-box .service-icon {
    color: #22d07c;
}

/*Current Cause*/
.pbg1 {
    background: url('../images/parallax/parallax-1.jpg');
}

.current-cause .progress-bar {
    position: relative;
    background: #22d07c;
}

.current-cause .block {
    background: #22d07c;
}

.btn-donate {
    color: #fff ;
    background: #22d07c;
    border: 2px solid #22d07c;
}

/*Urgent Cause*/
.isotope-nav li.active {
    color: #22d07c;
    border: 1px solid #22d07c;
}

figure.effect-oscar .btn-causes:hover {
    background: #22d07c;
    color: #fff;
}

figure.effect-oscar:hover .btn-causes:hover {
    background: #22d07c;
    color: #fff;
}

figure.effect-roxy a:hover {
    color: #22d07c;
    text-decoration: none;
}

.btn-loadmore {
    background: #22d07c;
    color: #fff;
}

.causes-carousel h2 a:hover {
    color: #22d07c;
    text-decoration: none;
}

.causes-carousel .btn-causes {
    color: #fff;
    background: #22d07c;
}

/*Extensions*/
.volunteer {
    background: #22d07c;
}

.btn-join {
    background: #fff;
    color: #22d07c;
}

/*Event Timer*/
.event-icon {
    color: #22d07c;
}

.team-social a:hover {
    color: #22d07c;
    border: 1px solid #22d07c;
}

/*Clients*/
.client-slider .owl-nav [class*='owl-']:hover {
    background: #22d07c;
}

/*Footer*/
.footer-section a:hover {
    color: #22d07c;
    text-decoration: none;
}

.footer-social .social-icon i.fa:hover {
    background: #22d07c;
    color: #fff;
}

.tweet-date {
    color: #22d07c;
}

.foot-menu li a:hover {
    color: #22d07c;
    text-decoration: none;
}

/*Utility*/
.st-accordion ul li.st-open > a span:before {
    color: #22d07c;
}

.st-accordion ul li > a:hover {
    color: #22d07c;
    text-decoration: none;
}

/*Facts*/
.facts {
    background: #22d07c;
}

.fact-box2 {
    background: #22d07c;
}

.fact-box3 {
    background: #22d07c;
}

/*Navhelper*/
.breadcrumb li a:hover,
.nav-helper.bg-image .breadcrumb li a:hover {
    color: #22d07c;
}

/*Progressbar*/
.progress-bar {
    background-color: #22d07c;
}

/*Other Styles*/
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background: #22d07c;
    border-color: #22d07c;
}

/*Dropcaps*/
.dropcap1 {
    color: #22d07c;
}

.dropcap2 {
    color: #fff;
    background: #22d07c;
}

.dropcap3 {
    color: #fff;
    background: #22d07c;
}

/*Pricing Table*/
.price-box .price-title {
    color: #fff;
    background: #22d07c;
    border-bottom: 1px solid #ebebeb;
}

a.btn-price:hover {
    background: #22d07c;
    border: 2px solid transparent;
    color: #fff;
    text-decoration: none;
}

/*Lists*/
.fa-ul li i {
    color: #22d07c;
    margin-top: 4px;
}

/*Tooltips*/
.tooltipster-riana {
    border-radius: 0px;
    border: 2px solid #22d07c;
    background: #fff;
    color: #2c2c2c;
}

/*BlogPage*/
.content-area .entry-header h2 a:hover {
    color: #22d07c;
    text-decoration: none;
}

.content-area .entry-meta span i {
    color: #22d07c;
}

.content-area .entry-meta span a:hover {
    color: #22d07c;
    text-decoration: none;
}

/*Pagination*/
.pagination > li > a,
.pagination > li > span {
    color: #22d07c;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #fff;
    background: #22d07c;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #22d07c;
    border-color: #ddd;
}

.widget_categories ul li a:hover{
    color: #22d07c;
}


.tagcloud a:hover {
    color: #fff;
    background: #22d07c;
    text-decoration: none;

}

.itehmeslab-latest-post li a:hover {
    color: #22d07c;
}

.title-404 {
	color: #f7505a;
}

/*Back to top*/
a.back-to-top {
    color: #fff;
    background: #22d07c;
}