@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700&family=Karla:wght@400&display=swap');

div#widget_container {
  font-family: Karla, sans-serif !important;
  color: #031912 !important;
  background: #FBF9F6 !important;
  padding: 8px 0 !important;
}
#widget_container #widget_header,
#widget_container #widget_footer { display: none !important; }
#widget_container h1.title a { display: none !important; }

#events h3 {
  font-family: Archivo, sans-serif !important;
  font-weight: 700 !important;
  font-size: 19px !important;
  color: #031912 !important;
  letter-spacing: -0.01em !important;
}
#events p.duration, #events div.duration,
#events p.description, #events div.description {
  font-family: Karla, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #6E675C !important;
}
#events .event_price {
  font-family: Archivo, sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  color: #031912 !important;
}
#events .selectedEvent {
  border: 1px solid #F97B1E !important;
  background: #FDEBDD !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

#events input.reserve_time_btn,
#eventForm #save_button {
  font-family: Archivo, sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  background: #F97B1E !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 3px !important;
  padding: 14px 26px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background 180ms cubic-bezier(.2,.6,.3,1) !important;
}
#events input.reserve_time_btn:hover,
#eventForm #save_button:hover { background: #C05A0F !important; }

#events input.select_another_btn {
  font-family: Archivo, sans-serif !important;
  font-weight: 600 !important;
  background: transparent !important;
  color: #031912 !important;
  border: 1.5px solid #E6E1D8 !important;
  border-radius: 3px !important;
  padding: 13px 24px !important;
  min-height: 48px !important;
  box-shadow: none !important;
}

#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
  font-family: Archivo, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #1D8574 !important;
}

div.ui-widget-content {
  background: #FFFFFF !important;
  border: 1px solid #E6E1D8 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-family: Karla, sans-serif !important;
}
div.ui-widget-header {
  background: #031912 !important;
  border: 0 !important;
  border-radius: 4px 4px 0 0 !important;
  color: #FBF9F6 !important;
  font-family: Archivo, sans-serif !important;
  font-weight: 600 !important;
}

#timeline-container table.timeline {
  border-collapse: separate !important;
  border-spacing: 6px !important;
  font-family: Archivo, sans-serif !important;
  font-weight: 500 !important;
}
.timeline td.free_time {
  background: #FFFFFF !important;
  border: 1px solid #E6E1D8 !important;
  border-radius: 3px !important;
  color: #031912 !important;
  cursor: pointer !important;
}
.timeline td.free_time:hover { border-color: #F97B1E !important; }
.timeline td.selected_time {
  background: #F97B1E !important;
  border: 1px solid #F97B1E !important;
  border-radius: 3px !important;
  color: #FFFFFF !important;
}
.timeline td.reserved_time,
.timeline td.not_worked_time {
  background: #F2EDE4 !important;
  border: 1px solid #E6E1D8 !important;
  border-radius: 3px !important;
  color: #B3AA9A !important;
}

div#loading { background: #FBF9F6 !important; }

#eventForm dd.extention_data { font-family: Karla, sans-serif !important; }
dd.extention_data dl.zend_form dt,
dd.extention_data dl.zend_form dd label {
  font-family: Archivo, sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #031912 !important;
}