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

Template:     CharityGold
Color Code:   #dd891d
Version:      1.0
Created:      06.08.2017
Primary use:  Charity and Donation HTML5 Template

@Author: icut_theme

* 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,
.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,
.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 {
    color: #FE6129;
}


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


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

.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: #416229;
}


/*
-----------------------------------------------------------------------
    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,
.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,
.line-center:before,
.btn-theme,
.btn-theme.btn-black:hover,
.mega-header .header-main,

.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 .content .social-icons a:hover,
.donation-form .form-title,
.donation-form form .btn,
.header-widget .widget-search button:hover {
    background-color: #416229;
}
.home-slider .slide-bg-theme,
.home-slider .btn-theme,
.home-slider .btn-theme.btn-black:hover{
     background-color: #FE6129;
}


/*
-----------------------------------------------------------------------
    Background Color Css with !important
-----------------------------------------------------------------------
*/
.tp-bullets.preview4 .bullet {
    background: #416229 !important;
}
.bgcolor-theme {
    background-color: #416229!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,
.mainmenu > li.active > a,
.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 {
    background-color: #FE6129;
}

/*
-----------------------------------------------------------------------
    Background Extra Deep Color Css
-----------------------------------------------------------------------
*/
.header-main .appoint-btn a:hover {
    background: #FE6129; 
}


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


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


/*
-----------------------------------------------------------------------
    Border Color Css
-----------------------------------------------------------------------
*/
.mega-header .header-bar .social-icons li:hover a,
.mega-header .header-bar .social-icons li a: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,
.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 {
    border-color: #dd891d;
}


/*
-----------------------------------------------------------------------
    Border Color Css with !important
-----------------------------------------------------------------------
*/
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected {
    border-color:#dd891d !important;    
}

.home-slider .tp-bullets.preview4 .bullet {
    border-color: rgba(221, 137, 29, 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: #dd891d;
}


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


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


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

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