/*
    #876701
    #FFF0E6
    #F8F8F9
    #353535
*/


:root {
    --primary: #876701;
    --secondary: #fff0e6;
    --light: #F8F8F9;
    --dark: #353535;
}


.bg-primary, .btn-outline-primary:hover, .btn-primary, .step-num, .projectsSec .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .contact-icon i {background-color: var(--primary)!important;}
.btn-primary:hover, .btn-outline-primary, .btn-primary, .border-primary {border-color: var(--primary)!important;}
.text-primary, .btn-outline-primary, .category button.active {color: var(--primary)!important;}

.bg-secondary, .btn-outline-secondary:hover, .tab-pane {background-color: var(--secondary)!important;}
.btn-secondary:hover, .btn-outline-secondary, .btn-secondary, .border-secondary {border-color: var(--secondary)!important;}
.text-secondary, .btn-outline-secondary, .top-bar .fab, li.breadcrumb-item.text-primary.active {color: var(--secondary)!important;}


.btn-outline-primary:hover {color: #fff!important;}
.btn-outline-secondary:hover {color: #fff!important;}