:root {
        --p-color: #DFBA69;
        --so-color: #131314;
        --s-color: #273037;
        --pp-color: #fff;
        --ff: Roboto;
        --banner-height: 610px;
        --banner-opacity: 0.6;
        --footer-top-bg: #363F48;
        --footer-bottom-bg: #45505B;
        --footer-top-color: #FFFFFF;
        --footer-bottom-color: #45505B;
        --nav-bg: transparent;
        --nav-bgg: #DFBA69;
        --nav-color: #FFFFFF;
        }

        .wpro-listing-grid-tag-ad {
        position: absolute;
        top: 10px;
        left: 10px;
        display: block;
        background: var(--p-color);
        padding: 0px 5px;
        line-height: 20px;
        color: #fff;
        letter-spacing: 2px;
        pointer-events: none;
        user-select: none;
        /*box-shadow: 0 0 15px -1px #ffb400;*/
        }
        body.archive .wpro-listing-grid-tag-ad,
        body.search .wpro-listing-grid-tag-ad
        {
        display: none;
        }
        .promoted-listings .wpro-listing-grid-tag-ad {
        display: block !important;
        }


        /*BPRO Navbar*/

        .bpro-navbar-nav li .bpro-navbar-nav-btn {
        background-color: var(--s-color);
        font-family:  var(--ff);
        color: var(--pp-color);
        }
        .bpro-navbar-nav li .bpro-navbar-nav-btn > i.fa {
        color: var(--pp-color);
        }
        .bpro-navbar-nav li .bpro-navbar-nav-btn:hover {
        color: var(--s-color);
        background-color: var(--pp-color);
        }
        .bpro-navbar-nav li .bpro-navbar-nav-btn:hover > i.fa {
        color: var(--pp-color);
        }
        #bpro-navbar{
        background: transparent !important;
        }
        .header-inner-page-wrap #bpro-navbar{
        background: #DFBA69 !important;
        }
        .bpro-navbar-nav li a {
        color: var(--nav-color);
        }


        /*BPRO Banner*/

        #bpro-banner {
        background-image: url(https://afriqans.com/wp-content/uploads/2021/06/homepix2.webp);
        min-height: var(--banner-height);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        position: relative;
        }

        .bpro-banner-search-outer,.bpro-banner-search-outer .container{
        min-height: var(--banner-height)!important;
        }

        .bpro-banner-search .form-group .lp-search-bar-right input {
        color: var(--pp-color);
        font-family: var(--ff);
        }
        .bpro-banner-search .form-group .lp-search-bar-right .lp-search-icon {
        color: var(--pp-color);
        }

        .bpro-banner-search .form-group .lp-search-bar-right {
        background: var(--s-color);
        }
        .bpro-banner-search .form-group .lp-search-bar-right:hover {
        background: var(--pp-color);
        }
        .bpro-banner-search .form-group .lp-search-bar-right:hover input {
        background: var(--pp-color);
        color: var(--s-color);
        border-left: 1px solid var(--s-color);
        }
        .bpro-banner-search .form-group .lp-search-bar-right:hover .lp-search-icon {
        color: var(--s-color);
        }
        #bpro-banner .bpro-banner-categories .bpro-banner-category:hover {
        background: var(--so-color);
        }

        /*Categories Table*/
        .bpro-categories-element .bpro-categories-element-category a:hover h4 {
        color: var(--p-color);
        }
        .bpro-categories-element .bpro-categories-element-category a:hover p {
        color: var(--p-color);
        opacity: 0.74;
        }
        .bpro-categories-element-category-bottom a:hover{
        color: var(--p-color) !important;
        }

        /*Activities*/
        .bpro-activity-grid .bpro-activity-rating-num {
        background: var(--p-color) 0 0 no-repeat padding-box;
        }
        .bpro-activity-grid-content a:hover,
        .bpro-activity-grid-content a:hover .fa,
        {
        color: var(--p-color);
        }


        /*Blogs Grids*/

        .bpro-blog-grid .bpro-blog-thumb {
        border-color: var(--p-color);
        }

        .bpro-blog-read-more-btn:hover{
        color: var(--p-color);
        }
        /*Taxonomies List*/

        .bpro-taxonomies-list-container .bpro-taxonomies-list-taxonomy a {
        color: var(--p-color);
        }


        /*Footer*/

        .bpro-footer-top-section {
        background-color: var(--footer-top-bg);

        }
        .bpro-footer-bottom-section {
        background: var(--footer-bottom-bg);
        }
        .bpro-footer-top-section * {
        color: var(--footer-top-color);
        }
        .bpro-footer-top-section a:hover {
        color: var(--footer-top-color);
        text-decoration: underline;
        }
        .bpro-footer-bottom-section *,
        .bpro-footer-bottom-section .bpro-footer-bottom-container .footer-menu li a
        {
        color: var(--footer-bottom-color);
        }

        .lp-listing-action-btns.buttons-in-header ul li a {
        background: var(--s-color);
        color: var(--pp-color) !important;
        }
        .lp-listing-action-btns.buttons-in-header ul li a .fa {
        color: var(--pp-color) !important;
        }
        .lp-listing-action-btns.buttons-in-header ul li a:hover {
        background: var(--pp-color);
        color: var(--s-color) !important;
        }
        .lp-listing-action-btns.buttons-in-header ul li a:hover .fa {
        color: var(--s-color) !important;
        }

        .search-filters>ul>li>a,
        .currency-signs>ul>li>a,
        .lp-tooltip-outer .lp-tool-tip-content .sortbyrated-outer ul li a,
        .post-with-map-container #lp-find-near-me a
        {
        background: var(--s-color);
        border-color: var(--s-color);
        color: var(--pp-color);
        }
        .search-filters>ul>li>a:hover,
        .currency-signs>ul>li>a:hover,
        .lp-tooltip-outer .lp-tool-tip-content .sortbyrated-outer ul li a:hover,
        .post-with-map-container #lp-find-near-me a:hover
        {
        background: var(--pp-color);
        border-color: var(--s-color);
        color: var(--s-color) !important;
        }

        .listing-with-map .input-group-addon,
        .post-with-map-container-right .chosen-container-single .chosen-single,
        .listing-with-map .search-row .lp-search-cats-filter-dropdown .input-group
        {
        background-color: var(--s-color) !important;
        border-color: var(--s-color) !important;
        }
        .listing-with-map .input-group-addon *:not(.active-result),
        .post-with-map-container-right .chosen-container-single .chosen-single *:not(.active-result),
        .listing-with-map .search-row .lp-search-cats-filter-dropdown .input-group *:not(.active-result)
        {
        color: var(--pp-color) !important;
        }


        /*Sidebar*/
        .bpro-navbar-mobile-nav i {
        font-size: 20px;
        color: var(--pp-color);
        }
        #bproSidebar.mm-menu .mm-navbars_top .mm-navbar {
        background-color: var(--p-color);
        }
        .bpro-bproSidebar-buttons {
        display: block;
        border: 1px solid var(--p-color);
        color: var(--p-color) !important;
        position: absolute;
        top: 77px;
        left: 20px;
        padding: 10px 20px;
        min-width: 110px;
        text-align: center;
        }
        .bpro-bproSidebar-buttons:focus,
        .bpro-bproSidebar-buttons:hover
        {
        background-color: var(--p-color);
        color: var(--pp-color) !important;
        }