Blog - RideMarket

.bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#EBBA1B !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #EBBA1B !important; border-color: #EBBA1B !important; } .text-primary, .filters_col .distance span { color: #EBBA1B !important; } .btn-outline-primary { color: #EBBA1B !important; border-color: #EBBA1B !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #EBBA1B !important; } [ppt-nav].active-underline > ul > li.active > a { border-bottom: 2px solid #EBBA1B!important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#000000 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #000000 !important; border-color: #000000 !important; } .text-secondary { color: #000000 !important; } .text-secondary a { color: #000000 !important; } .btn-outline-secondary { color: #000000 !important; border-color: #000000 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #000000 !important; background-color: #000000 !important; } .social-toggle-wrapper { position: fixed; top: 40%; left: 0; z-index: 9999; display: flex; flex-direction: column; align-items: flex-start; } .social-btn { background: #000; color: #fff; font-size: 15px; padding: 7px; cursor: pointer; border-radius: 0 6px 6px 0; margin-bottom: 8px; } .social-panel { background: #000; padding: 10px; border-radius: 0 10px 10px 0; transform: translateX(-100%); transition: transform 0.3s ease-in-out; display: flex; flex-direction: column; gap: 15px; } #socialToggle:checked ~ .social-panel { transform: translateX(0); } .social-panel a svg { width: 24px; height: 24px; fill: white; }