/* Kleuren en menu-opmaak (overgenomen uit de instellingen van de oude site) */
:root {
        --main-color-one: #ff0000;
        --main-color-two: #ffc229;
        --portfolio-color: #ff4756;
        --logistic-color: #ff4039;
        --industry-color: #ff0000;
        --secondary-color: #000000;
        --heading-color: #000000;
        --paragraph-color: #000000;
        --construction-color: #ffbc13;

        --lawyer-color: #ffbc13;
        --political-color: #ffbc13;
        --medical-color: #ffbc13;
        --medical-two-color: #fc6286;
        --fruits-color: #ff0000;
        --fruits-heading-color: #ff0000;
        --portfolio-dark-one: #202334;
        --portfolio-dark-two: #191c47;
        --charity-color: #ff0000;
        --dagency-color: #ffc229;
        --cleaning-color: #fee126;
        --cleaning-two-color: #ffbc13;
        --course-color: #ffbc13;
        --course-two-color: #fda809;
        --grocery-color: #ffc229;
        --grocery-heading-color: #ff0000;
                --heading-font: 'Roboto',sans-serif;
        --body-font: 'Roboto',sans-serif;
    }
/* navbar style 02 */
        .navbar-variant-02 .navbar-area,
    .navbar-variant-02 .navbar-area .nav-container{
        background-color: transparent;
    }
    .navbar-variant-02 .navbar-area .nav-container .navbar-collapse .navbar-nav li a ,
    .navbar-variant-02 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:before,
    .navbar-variant-02 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:before,
    .navbar-variant-02 .navbar-area .nav-container .nav-right-content ul li,
    .navbar-variant-02 .navbar-area .nav-container .nav-right-content ul li a
    {
        color:  rgb(0, 0, 0);
    }
    .navbar-variant-02 .navbar-area .nav-container .navbar-collapse .navbar-nav li a:hover ,
    .navbar-variant-02 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:before,
    .navbar-variant-02 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-mega-menu:hover:before,
    .navbar-variant-02 .navbar-area .nav-container .nav-right-content ul li:hover,
    .navbar-variant-02 .navbar-area .nav-container .nav-right-content ul li a:hover
    {
        color:  rgb(255, 194, 41);
    }
    .navbar-variant-02 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a {
        background-color: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
    }
    .navbar-variant-02 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
        background-color: rgb(0, 0, 0);
        color: rgb(255, 194, 41);
    }
    .navbar-variant-02 .navbar-area .nav-container .navbar-collapse .navbar-nav li.current-menu-item a {
        color: rgb(255, 194, 41); !important;
    }
    .navbar-variant-02 .navbar-area .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu{
        border-bottom-color: rgb(0, 0, 0);
    }
    .navbar-variant-02 .mobile-cart a .pcount,
    .navbar-variant-02 .navbar-area .nav-right-content ul li.cart .pcount{
        background-color: rgb(255, 0, 0);
        color: #fff;
    }
     .header-style-03.header-variant-06.navbar-variant-02 .logo-wrapper:after{
        background-color: rgb(255, 0, 0);
    }

    
    /* navbar style 03 */
    
    /* navbar style 04 */
        /* navbar style 05 */
    
    /* navbar style 06 */
        /* topbar style */
    .top-bar-area {
        background-color: rgb(0, 0, 0);
    }
    .top-bar-inner ul li a,
    #langchange{
        color: rgb(255, 255, 255);
    }
    .top-bar-inner ul li a:hover {
        color: rgb(255, 194, 41);
    }
    .top-bar-inner .btn-wrapper .boxed-btn.reverse-color {
        background-color: rgb(255, 194, 41);
        color: rgb(255, 255, 255)
    }
    .top-bar-inner .btn-wrapper .boxed-btn.reverse-color:hover {
        background-color: rgb(255, 0, 0);
        color: rgb(255, 255, 255);
    }


    /* mega style */
    .xg_mega_menu_wrapper{
        background-color: rgb(255, 255, 255);;
    }

    .xg-mega-menu-single-column-wrap .mega-menu-title{
        color: rgb(0, 0, 0);
    }
    .xg-mega-menu-single-column-wrap ul li a,
    .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title,
    .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap .price,
    .single-donation-mega-menu-item .title{
        color: rgb(0, 0, 0) !important;
    }
    .single-donation-mega-menu-item .content .goal h4{
        color: rgb(0, 0, 0) !important;
        opacity: .6;
    }
    .xg-mega-menu-single-column-wrap ul li a:hover,
    .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .title:hover,
    .single-donation-mega-menu-item .title:hover{
        color: rgb(255, 0, 0) !important;
    }
    .xg-mega-menu-single-column-wrap ul .single-mega-menu-product-item .content .price-wrap del{
        color: rgb(0, 0, 0) !important;
        opacity: .6;
    }
    .single-donation-mega-menu-item .content .boxed-btn{
        background-color: rgb(255, 0, 0);
        color: rgb(255, 255, 255) !important;
    }
    .single-donation-mega-menu-item .content .boxed-btn:hover{
        background-color: rgb(255, 194, 41) ;
        color: rgb(255, 255, 255) !important;
    }
    /* breadcrumb css */
    .breadcrumb-area .breadcrumb-inner{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .breadcrumb-area:before{
        background-color: rgba(0, 0, 0, .6) ;
    }
    .breadcrumb-area .page-title{
        color: #fff;
    }
    .breadcrumb-area .page-list li:first-child a{
        color: var(--main-color-one);
    }
    .breadcrumb-area .page-list li{
        color: rgba(255, 255, 255, .7);
    }

    /* footer css */
    .footer-area .copyright-area{
        background-color:rgb(0, 0, 0) !important;
        color: rgb(255, 255, 255);
    }
    .footer-area .footer-top {
        background-color: rgb(255, 0, 0) !important;
    }
    .widget.footer-widget .widget-title {
        color: rgb(242, 174, 0);
    }
    .contact_info_list li.single-info-item .icon,
    .footer-widget.widget_nav_menu ul li a:after
    {
        color: rgb(242, 173, 0);
    }
    .footer-area .footer-widget.widget_tag_cloud .tagcloud a,
    .footer-area .widget.footer-widget p,
    .footer-area .widget.footer-widget.widget_calendar caption,
    .footer-area .widget.footer-widget.widget_calendar td,
    .footer-area .widget.footer-widget.widget_calendar th,
    .footer-area .widget.footer-widget ul li,
    .footer-area .widget.footer-widget ul li a {
        color: rgb(255, 255, 255);
    }

    .footer-area .footer-widget.widget_tag_cloud .tagcloud a:hover,
    .footer-area .widget.footer-widget ul li a:hover {
        color: rgb(242, 174, 0);
    }

/* ---- Aanvullingen nieuwe site ---- */
.single-product-details .top-content .single-add-to-card-wrapper a.addtocart {
    display: inline-flex; align-items: center; height: 46px; padding: 0 30px; color: #fff; text-decoration: none;
}
.single-product-details .single-add-to-card-wrapper a.addtocart:hover { background-color: var(--main-color-two); color: #fff; }
.donation_wrapper .single_amount { cursor: pointer; }
.donation_wrapper .single_amount.selected { background-color: var(--main-color-two); }
.payment-gateway-wrapper .nirase-bank-option {
    display: flex; align-items: center; justify-content: center; gap: 6px; height: 100%; min-height: 40px;
    font-size: 14px; font-weight: 500; color: #000;
}
.payment-gateway-wrapper .nirase-bank-option i { font-size: 18px; color: var(--main-color-one); }
.nirase-donor-list { list-style: none; padding: 0; margin: 15px 0 0; }
.nirase-donor-list li { padding: 8px 0; border-bottom: 1px solid #eee; font-size: 14px; }
.nirase-donor-list li span { float: right; font-weight: 600; }
.nirase-donor-list li small { display: block; color: #777; }
.reserve-event-seat { background: #f5f5f5; padding: 30px; }
.reserve-event-seat .info-text { margin-bottom: 15px; }
.counterdown-wrap.event-page + .btn-wrapper .btn-boxed { display: block; text-align: center; }
.alert a { text-decoration: underline; }
.reserve-event-seat input[type=number]{max-width:120px;margin-left:0}

/* Uitklapmenu: zwarte achtergrond en gele letters bij hover (ook op de homepage) */
.header-style-03 .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover {
    background-color: #000000 !important;
    color: #ffc229 !important;
}
@media (min-width: 992px) {
    .header-style-03.header-variant-13 .navbar-area .nav-container .navbar-collapse .navbar-nav > li > a:hover,
    .header-style-03.header-variant-13 .navbar-area .nav-container .navbar-collapse .navbar-nav > li:hover:before {
        color: #ffc229;
    }
}

/* Mobiel: topbalk met aanmelden én donatieknop, kleinere paginatitels */
@media (max-width: 767px) {
    .top-bar-inner { padding: 8px 0; }
    .top-bar-inner .right-content ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; }
    .top-bar-inner ul li:last-child { display: block !important; }
    .top-bar-inner ul li + li { margin-left: 0; }
    .top-bar-inner ul li.login-register a { font-size: 13px; }
    .top-bar-area .top-bar-inner .btn-wrapper .boxed-btn { padding: 6px 16px; font-size: 13px; line-height: 1.4; }
    .breadcrumb-area .page-title { font-size: 30px; line-height: 1.25; }
    .breadcrumb-area .page-list li { font-size: 14px; }
}