/* LUCKY CAR CI */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

body, body *, .sb-layout, #sb_main, #main, #header, #footer, .section, .section-pd, .company-name, .nav-wrapper, .items-wrapper, h1, h2, h3, h4, h5, h6, p, a, span, div, li, label, input, select, textarea, button { font-family: 'Roboto Condensed', sans-serif !important; }

body { background-color: #f5f5f5 !important; }

#main-buttons.default-bg { background: #FFE500 !important; background-image: none !important; }
#main-buttons .company-name { color: #000000 !important; font-size: 28px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; }

#main-buttons .btn.book, .btn.book { background-color: #000000 !important; border-radius: 50px !important; }
#main-buttons .btn.book a, .btn.book a { color: #FFE500 !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-decoration: none !important; }

.bar .item-container { background-color: #000000 !important; }
.bar .item-container i { color: #FFE500 !important; }

.nav-wrapper { background-color: #ffffff !important; border-radius: 8px !important; }
.nav-wrapper .items-wrapper a.popup-hide { color: #000000 !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 14px !important; }
.nav-wrapper .items-wrapper a.popup-hide:hover { background-color: #FFE500 !important; }

.items-wrapper .item-container { border-left: 3px solid transparent !important; }
.items-wrapper .item-container.active { border-left: 3px solid #FFE500 !important; background-color: rgba(255, 229, 0, 0.08) !important; }

.section { background-color: #ffffff !important; border-radius: 8px !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important; border: 1px solid #e0e0e0 !important; }
.section h2, .section h3, .section h4, .section-title { color: #000000 !important; font-weight: 700 !important; text-transform: uppercase !important; }

#contacts { background-color: #000000 !important; color: #ffffff !important; }
#contacts h2, #contacts h3, #contacts h4, #contacts .section-title { color: #FFE500 !important; }
#contacts a, #contacts span, #contacts p, #contacts div { color: #ffffff !important; }
#contacts i { color: #FFE500 !important; }

#sb_booking_content .tab .btn.select, #sb_time_classes_service_container .btn.select, .package-content .btn.select, .btn.select, .btn.select.custom { background-color: #FFE500 !important; border-radius: 50px !important; border: none !important; }
#sb_booking_content .tab .btn.select a, #sb_time_classes_service_container .btn.select a, .package-content .btn.select a, .btn.select a, .btn.select.custom a { color: #000000 !important; font-weight: 700 !important; text-transform: uppercase !important; text-decoration: none !important; }
#sb_booking_content .tab .btn.select:hover, .btn.select:hover { background-color: #000000 !important; }
#sb_booking_content .tab .btn.select:hover a, .btn.select:hover a { color: #FFE500 !important; }

.btn-primary, input[type="submit"], a.btn-primary, button.btn-primary, #eventForm #save_button, #events input.reserve_time_btn { background-color: #FFE500 !important; color: #000000 !important; border: 2px solid #FFE500 !important; border-radius: 50px !important; font-weight: 700 !important; text-transform: uppercase !important; }
.btn-primary:hover, input[type="submit"]:hover, #eventForm #save_button:hover { background-color: #000000 !important; color: #FFE500 !important; border-color: #000000 !important; }

.btn-default, .btn-secondary, #events input.select_another_btn { background-color: transparent !important; color: #000000 !important; border: 2px solid #000000 !important; border-radius: 50px !important; font-weight: 700 !important; text-transform: uppercase !important; }
.btn-default:hover, .btn-secondary:hover { background-color: #000000 !important; color: #FFE500 !important; }

#events h3 { color: #000000 !important; font-weight: 700 !important; }
#events .selectedEvent { background-color: rgba(255, 229, 0, 0.15) !important; border-left: 4px solid #FFE500 !important; }

div.ui-widget-header { background-color: #FFE500 !important; color: #000000 !important; border: none !important; font-weight: 700 !important; }
.timeline td.free_time, .timeline td.free { background-color: rgba(255, 229, 0, 0.1) !important; }
.timeline td.free_time:hover, .timeline td.free:hover { background-color: #FFE500 !important; cursor: pointer !important; }

.ui-datepicker .ui-datepicker-header { background-color: #000000 !important; color: #FFE500 !important; border-radius: 8px 8px 0 0 !important; }
.ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-highlight { background-color: #FFE500 !important; color: #000000 !important; font-weight: 700 !important; }

.form-control:focus { border-color: #FFE500 !important; box-shadow: 0 0 0 3px rgba(255, 229, 0, 0.2) !important; }

#footer { background-color: #000000 !important; color: #ffffff !important; }
#footer a, #footer span, #footer div { color: #ffffff !important; }
#footer .copyright a { color: #FFE500 !important; }

#sb_scroll_top_btn { background-color: #FFE500 !important; color: #000000 !important; border-radius: 50% !important; }
.review-stars i, .star-rating i { color: #FFE500 !important; }

#sb_cookies_block { background-color: #000000 !important; color: #ffffff !important; }
#sb_cookies_block .btn { background-color: #FFE500 !important; color: #000000 !important; border-radius: 50px !important; font-weight: 700 !important; }

.modal-header { background-color: #FFE500 !important; color: #000000 !important; border-bottom: none !important; }
.modal-footer .btn-primary { background-color: #FFE500 !important; color: #000000 !important; border: none !important; border-radius: 50px !important; }

input[type="checkbox"]:checked, input[type="radio"]:checked { accent-color: #FFE500 !important; }

@media (max-width: 768px) { #main-buttons .company-name { font-size: 22px !important; } }