/**
=============================================================
[ThemeColor Stylesheet]

Template:     KarmaHub
Color Code:   #1dabf2
Color rgb:    rgba(29, 171, 242, 1)
Deep Color:   #0399e4
Color rgb:    rgba(3, 153, 228, 1)
Deep Color:   #048fd4
Version:      1.0
Created:      03.04.2019
Primary use:  Hub HTML5 Template

@Author: hasancmscoder@gmail.com

* 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
-----------------------------------------------------------------------
*/
.section-title .icon,
.section-title .title span,
.inner-title .title span,
.btn-theme.btn-gray,
.home-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-style4 .team-post .content .sub-title,
.team-member-details .content .name,
.team-member-infos li span:first-child,
.blog-post .meta-tag .icon,
.blog-post .content .btn-link,
.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 .footer-widget-title .widget-title:after,
.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,
.welcome-content .welcome-box .title span,
.welcome-content .timetable-box .title span,
.btn-theme.btn-bdr,
.btn-theme.btn-white,
.btn-white.btn-bdr:hover,
.btn-theme.btn-white-rgb:hover,
.event-post .content p,
.inner-listevent .event-post .content a.btn-link,
.causes-style .content .title,
.causes-style .content .social-icons a,
.causes-style .content .social-icons a i,
.iconbox-widget .box-contenet .title a,
.widget-links li:hover a,
.feature-box .content .title,
.team-post .content.content-style-2 .btn-link,
.footer-widget .widget-links li:hover a,
.service-pricing .content .price-value,
.side-toggle-menu .copy-right-sidemenu a,
.side-toggle-menu .copy-right-sidemenu a:hover,
.event-thmstyle .event-post .event-joined .event-held .event-date,
.shop-item .thumb-caption .shop-meta li:first-child a:hover .font-icon,
.shop-item .thumb-caption .shop-meta li:last-child a:hover .font-icon,
.footer-one.bgc-three .footer-widget .widget-links li a:hover,
.card-footer .card-copyright a:hover,
.widget-donation .widget-title,
.widget-donation .widget-dcount .content h5 span,
.widget-donation .widget-dcount .content p a,
.widget-donation .widget-dcount .content p a.share-social .icon,
.read-more-tabBtn,
.tab-ngodetails .tab-content .tab-pane .item-content .text-link,
.tab-ngodetails .tab-content .tab-pane .item-content .text-link i,
.card-item .content .btn-theme .icon,
.shop-details .shop-title,
.mega-header.hdr-pos .mainmenu li.dropdown .menu-grid .menu-content li a .menu-title,
.btn-search-toggle,
.about-content h6,
.top-title,
.testimonial-item .client-area .about-area h6,
.bgcard-light .ngo-about-card .title,
.bgcard-light .ngo-amount-card .raised .amount {
    color: #1dabf2;
}


/*
-----------------------------------------------------------------------
    Text Color Css with !important
-----------------------------------------------------------------------
*/
.color-theme {
    color: #1dabf2 !important;
}


/*
-----------------------------------------------------------------------
    Text Deep Color Css
-----------------------------------------------------------------------
*/
.isotopeFilter a,
.mega-header .header-top .user-links a:hover,
.mega-header .header-top .user-links a.active {
    color:#0399e4;  
}

.color-theme2 {
    color: #dd290f !important;
}

/*
-----------------------------------------------------------------------
    Background Color Css
-----------------------------------------------------------------------
*/
.ui-widget-header,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #1dabf2;
}


/*
-----------------------------------------------------------------------
    Background Color Css
-----------------------------------------------------------------------
*/
.mainmenu li li a:hover,
.mainmenu li.dropdown-toggle li li a,
.mainmenu li.dropdown-toggle li.dropdown-toggle a,
.side-toggle-menu .cbp-spmenu a:hover,
.side-toggle-menu .cbp-spmenu:hover a.side-menu-btn-close,
.line-bottom:before,
.line-center:before,
.btn-theme,
.btn-theme.btn-black:hover,
.mega-header .header-main,
.home-slider .slide-bg-theme,
.home-slider .btn-theme,
.home-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,
.features-style2 .feature-box:hover,
.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,
.welcome-content .timetable-box .title:before,
.features-style4 .feature-box:hover,
.btn-theme.btn-theme2:hover,
.btn-theme.btn-bdr:hover,
.progress-item .bar-progress,
.causes-style .donator-count a,
.causes-style .overlay-effect .progress-raised,
.causes-style .content .social-icons a:hover,
.donation-form .form-title,
.donation-form form .btn,
.header-widget .widget-search button:hover,
.form-amount .form-frequency-tab .nav-tabs > li > a:focus,
.form-amount .form-frequency-tab .nav-tabs > li > a:hover,
.form-amount .form-frequency-tab .nav-tabs > li.active > a,
.form-amount .form-frequency-tab .nav-tabs > li.active > a:focus,
.form-amount .form-frequency-tab .nav-tabs > li.active > a:hover,
.form-amount .form-amount-level .nav-tabs > li > a:focus,
.form-amount .form-amount-level .nav-tabs > li > a:hover,
.form-amount .form-amount-level .nav-tabs > li.active > a,
.form-amount .form-amount-level .nav-tabs > li.active > a:focus,
.form-amount .form-amount-level .nav-tabs > li.active > a:hover,
.form-user-guest-tab .nav-tabs > li > a:focus,
.form-user-guest-tab .nav-tabs > li > a:hover,
.form-user-guest-tab .nav-tabs > li.active > a,
.form-user-guest-tab .nav-tabs > li.active > a:focus,
.form-user-guest-tab .nav-tabs > li.active > a:hover,
.causes-count,
.causes-count .cs-progress,
.volunteer-event,
.volunteer-event .vl-length,
.event-count,
.event-count .vl-length,
.shop-item .thumb-caption .price,
.card-social li a:hover,
.tab-ngodetails .nav li.active a, .tab-ngodetails .nav li a:hover,
.widget-category .accordion-style.bgc-color .accordion-box,
.mega-header.hdr-pos .mainmenu li.dropdown .menu-grid .menu-content li a:hover .menu-title,
.mega-header.hdr-pos .header-bar .social-icons li:hover a,
.mega-header.hdr-pos .header-bar .social-icons li a:hover,
.testimonial-slider2.owl-theme .owl-dots .owl-dot.active span,
.card-item .thumb-caption .ribbon-curv,
.statistics-table li:first-child span,
.statistics-table li:hover span {
    background-color: #1dabf2;
}


.home-banner .thumb-overlay,
.search-btn,
.checkbox-item input:checked ~ .checkmark,
.about-content ul li .icon,
.services-style5 .service-post:hover,
.theme-overlay.overlay-gradient:before {
    background-color: #1dabf2;
    background-image: linear-gradient(135deg, #17CADD 0%, #4A45DA 100%);
}

.statistics-details .accordion-style .accordion-box .acc-title,
.btn-theme.btn-gradient:hover,
.btn-theme.btn-gradient2 {
    background-color: #1dabf2;
    background-image: linear-gradient(0deg,  #4169fe 0%,#15b8fd 100%);
}

.btn-theme.btn-gradient,
.btn-theme.btn-gradient2:hover,
.card-item .content .btn-theme.btn-gray:hover {
    background-color: #1dabf2;
    background-image: linear-gradient(0deg, #15b8fd 0%, #4169fe 100%);
}

/*
-----------------------------------------------------------------------
    Background Color Css with !important
-----------------------------------------------------------------------
*/
.tp-bullets.preview4 .bullet {
    background: #1dabf2 !important;
}
.bgcolor-theme {
    background-color: #1dabf2 !important;
}

/*
-----------------------------------------------------------------------
    Background Deep Color Css
-----------------------------------------------------------------------
*/
.mainmenu li a:hover,
.mainmenu li.dropdown-toggle a,
.mainmenu li li a,
.mainmenu li.dropdown-toggle li li a:hover,
.mega-header .header-bar .social-icons li:hover a,
.mega-header .header-bar .social-icons li a:hover,
.mega-header .header-bar .side-toggle-menu .side-menu-btn:hover,
.isotopeFilter a:hover,
.isotopeFilter a.current,
.isotope-item .isotop-thumb .isotop-overlay .isotop-icons a:hover,
.mega-header .header-top .form button:hover,
.header-main .appoint-btn a,
.pricing-table .pricing-content .pricing-list-content .pricing-list:nth-child(2n+2),
.btn-theme.btn-theme2,
.urgent-causes .causes-info a,
.become-volunteer .membar-info a,
.line-center:after,
.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,
.causes-count .cs-raised,
.causes-count .cs-progress .cs-percent,
.tab-ngodetails .nav li a,
.tab-ngodetails .tab-content .tab-pane .item-content .title:after {
    background-color: #0399e4;
}

.mainmenu > li.active > a {
    background-color: #0399e4 !important;
}

/*
-----------------------------------------------------------------------
    Background Extra Deep Color Css
-----------------------------------------------------------------------
*/
.header-main .appoint-btn a:hover,
.event-form-card {
    background: #008eee; 
}

.tab-featured .nav li.active a,
.tab-featured .nav li a:hover,
.ngo-overlay,
.ngo-overlay .thumb-ngo {
    background-color: #3088fe;
}

.card-item .thumb-caption .ribbon-line {
    background-color: #2f8998;
}


/*
-----------------------------------------------------------------------
    Background rgba Color Css
-----------------------------------------------------------------------
*/
.gallery-wrapper .gallery-post .thumb:hover .overlay,
.team-post .thumb .overlay {
    background-color: rgba(29, 171, 242, 0.5);
}
.blog-post .thumb .overlay,
.overlay-effect {
    background-color: rgba(29, 171, 242, 0.75);
}
.layer-overlay:before,
.welcome-content .timetable-box .overlay,
.welcome-membar .membar-info,
.blog-post .thumb .blog-post-date {
    background-color: rgba(29, 171, 242, 0.8);
}
.theme-overlay:before,
.isotope-item .isotop-thumb .isotop-overlay .isotop-icons a {
    background-color: rgba(29, 171, 242, 0.85);
}
.box-area:hover .overlay-effect {
    background-color: rgba(29, 171, 242, 0.9);
}
.services-style4 .service-post .icon-box {
    background-color: rgba(29, 171, 242, 0.92);
}
.welcome-content .welcome-feature:before {
    background-color: rgba(29, 171, 242, 0.95);
}
.theme-overlay.overlay-deep:before,
.theme-overlay.overlay-theme:before,
.urgent-causes .causes-info,
.become-volunteer .membar-info,
.service-pricing .content {
    background-color: rgba(29, 171, 242, 0.96);
}
.service-pricing a:hover .content {
    background-color: rgba(29, 171, 242, 0.99);
}

.hm-src-btn {
    background-image: -moz-linear-gradient( 90deg, rgb(29,171,242) 0%, rgb(127,92,249) 39%, rgb(154,79,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(29,171,242) 0%, rgb(127,92,249) 39%, rgb(154,79,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(29,171,242) 0%, rgb(127,92,249) 39%, rgb(154,79,255) 100%);
}

.theme-overlay.overlay-gradient.gradient-two:before {
    background-image: -moz-linear-gradient( 90deg, rgb(21,86,232) 0%, rgb(88,83,244) 39%, rgb(154,79,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(21,86,232) 0%, rgb(88,83,244) 39%, rgb(154,79,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(21,86,232) 0%, rgb(88,83,244) 39%, rgb(154,79,255) 100%);
}


/*
-----------------------------------------------------------------------
    Background Deep rgba Color Css
-----------------------------------------------------------------------
*/
.page-title-content .bread-crumb {
    background-color: rgba(3, 153, 228, 0.75);
}

.card-item.category .thumb-caption:before {
    background-color: rgba(3, 153, 228, 0.35);
}

.card-item.category:hover .thumb-caption:before {
    background-color: rgba(3, 153, 228, 0.55);
}


/*
-----------------------------------------------------------------------
    Border Color Css
-----------------------------------------------------------------------
*/
.mega-header .header-bar .social-icons li:hover a,
.mega-header .header-bar .social-icons li a:hover,
.btn-theme,
.btn-theme.btn-black:hover,
.owl-carousel .owl-controls .owl-dots .owl-dot span,
.home-slider .btn-theme,
.home-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,
.welcome-content .welcome-box,
.btn-theme.btn-theme2,
.btn-theme.btn-theme2:hover,
.btn-theme.btn-bdr,
.causes-style .donator-count a,
.causes-style .content .social-icons a:hover,
.header-widget .widget-search button:hover,
.shop-item .thumb-caption,
.card-social.icon-round li a:hover,
.tab-ngodetails .nav li.active a, .tab-ngodetails .nav li a:hover,
.tab-ngodetails .nav li.active a:after,
.tab-ngodetails .tab-content .tab-pane,
.mega-header.hdr-pos .header-bar .social-icons li:hover a,
.mega-header.hdr-pos .header-bar .social-icons li a:hover  {
    border-color: #1dabf2;
}

.card-item .thumb-caption .ribbon-curv:before {
    border-color: #1dabf2 transparent;
}
.card-item .thumb-caption .ribbon-curv:after {
    border-color: transparent #1dabf2 transparent transparent;
}


.tab-featured .nav li.active a,
.tab-featured .nav li a:hover {
    border: 2px solid #3088fe;
}

/*
-----------------------------------------------------------------------
    Border Color Css with !important
-----------------------------------------------------------------------
*/
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected,
.card-item .content .btn-theme.btn-gray:hover {
    border-color:#1dabf2 !important;    
}

.home-slider .tp-bullets.preview4 .bullet {
    border-color: rgba(29, 171, 242, 1) !important;
}


/*
-----------------------------------------------------------------------
    Border Bottom Color Css
-----------------------------------------------------------------------
*/
.header-top-widget.headerwidget-style2 .header-widget .iconbox-widget .box-contenet .title,
.service-post:after,
.accordion-style .accordion-box .acc-title.active {
    border-bottom-color: #1dabf2;
}


/*
-----------------------------------------------------------------------
    Box Shadow Color Css
-----------------------------------------------------------------------
*/
.scroll-to-top:hover {
    box-shadow: 0 0 5px 0 #1dabf2;
}


/*
-----------------------------------------------------------------------
    Outline Color Css
-----------------------------------------------------------------------
*/
.event-post .event-joined a.btn-theme {
    outline-color: #1dabf2;
}


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

@media screen and (max-width: 767px) {
    .mainmenu > li.dropdown .parent:after {
        color: #1dabf2;
    }
}