@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Condensed:wght@500&display=swap');
body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#main-buttons > div > div > div > div.company-name.company-logo-and-name,
.title-main,
.title-section,
#header .company-name,
#header .nav-wrapper #sb_menu .nav li a,
#header .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .is-logged .title-main,
#header .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .is-logged .cap b,
#header .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .is-logged .title-main,
#header .nav-wrapper #sb_menu .nav li a,
#sb_map > div > div,
#main #main-buttons .custom.book a,
#main #main-buttons .btn.custom a,
#membership-view #sb_membership_list_container .membership-item .cap,
.filter--header_hint,
#sb-timeline #steps-nav li.filled .title-sub, #sb-timeline #steps-nav li.passed .title-sub,
.invoice-notification--content .title--h5,
#sb-timeline #steps #steps-content #sb_booking_content .timeline-sidebar .item.panel .mobile-title .title,
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .title a,
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .title,
#sb_back_button a,
#membership-plugin #sb_membership_module_list_container.content-mode-list .membership-item.panel .title, #membership-view #sb_membership_list_container.content-mode-list .membership-item.panel .title, 
.package-content>div .package-item.panel .title a{
  font-family: "Roboto Condensed", sans-serif!important;
  font-weight: 400;
  font-style: normal;
}

.btn,.invoice-pay-page-grid form input[type=button],.invoice-pay-page-grid form input[type=submit] ,
#sb_back_to_bookings .back-to-services,
#sb_booking_content .tab .btn.select a,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .day-container .date,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .day-container .day,
#main #main-content #sb_content #content-view #schedule .overview tr td.day,
#sb-timeline #steps-nav li.filled.passed .title-sub,
#sb_membership_module_list_container > div > div > div > div > div.cap.short,
.sb-widget-form .title,
.sb-widget-form .buttons .open-booking-widget-button,
#booking-result-view #booking-result-tabs .tabs-container .tab-link a,
.invoice-pay-page-grid_item.left-block .title--h3,
.invoice-pay .invoice-pay-page-grid_item.right-block .right-block--header .title,
.subscribe-component--title,
.current-booking-info .cap,
.modal-dialog .modal-content .modal-header .modal-title,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header span
 {
  font-family: "Lato", sans-serif!important;
  font-style: normal;
}

#sb_invoice_deposit_container > div > div > div  {  background: rgb(246 250 253 / 91%);
    color: #ff0000;
    font-weight: bold;
}
 
#main #main-buttons .wrapper .inner {
    display: table-cell;
    vertical-align: top;
    padding: 30px 0;
}
#sb-main-container{
    background-size: contain!important; 
}
@media (max-width: 900px) {
#sb-main-container {
        background-position: center 130px!important;
    }
}
#header {
    background-color: rgba(0, 0, 0, 0.5); /* Black with 50% transparency */
}
.invoice-pay-page:before, .products-view--wrapper:before {
    background: hsl(0deg 0% 2.51% / 20%);
}