/* Custom CSS */

/* load the font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@400;500;600;700&display=swap');

/* Base font */
body, button, input, select, textarea,
#events, #eventForm {
    font-family: "Noto Sans Hebrew", Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    -webkit-font-smoothing: antialiased;
}

/* Main titles */
#events h3,
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3,
#eventForm h3 {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
}

/* Service description */
#events p.description,
#events div.description {
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
}

/* Duration text */
#events p.duration,
#events div.duration {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* Buttons */
#events input.reserve_time_btn,
#events input.select_another_btn,
#eventForm #save_button,
button {
    font-size: 17px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    padding: 10px 18px !important;
}

/* Form fields */
input,
select,
textarea {
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
}

/* Calendar */
#timeline-container table.timeline {
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* Time slots */
.timeline td.free_time,
.timeline td.selected_time,
.timeline td.reserved_time {
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 10px !important;
}

/* Unavailable slots */
.timeline td.not_worked_time {
    font-size: 14px !important;
}

/* Center titles and service text */
#events h3,
#events p.description,
#events p.duration {
    text-align: center !important;
}

/* Center buttons container */
#events .event_btn_block,
#events .buttons_block,
#events .reserve_time_btn {
    text-align: center !important;
}

/* Center service cards */
#events .event {
    text-align: center !important;
}
/* Fix logo size */
.sb-logo img,
#sb-main-header img,
#header img {
    max-height: 60px !important;
    width: auto !important;
}
/* Menu styling */
#sb-main-header,
#sb-main-header a,
#sb-main-header span,
#sb-main-header li,
.ui.menu,
.ui.menu a,
.ui.menu .item {
    font-size: 17px !important;
    font-weight: 600 !important;
}

#sb-main-header,
.ui.menu {
    min-height: 60px !important;
    direction: rtl !important;
}

#sb-main-header a,
.ui.menu .item {
    padding-left: 14px !important;
    padding-right: 14px !important;
    text-align: right !important;
    transition: all 0.2s ease !important;
}