/*
 Custom CSS override for Simply Schedule Appointments booking widget (iframe).
 This file is loaded by the plugin from the theme instead of its own default
 templates/booking-app/custom.css, since the booking widget renders inside an
 iframe and cannot be styled from the theme's main style.css.
*/

:root {
  --mdc-typography-font-family: "PT Sans", Helvetica, Arial, Lucida, sans-serif;
  --mdc-typography-headline5-font-weight: 700;
}

html body,
html body.md-theme-default {
  padding: 1rem 0;
}

body,
input,
textarea,
select {
  font-family: "PT Sans", Helvetica, Arial, Lucida, sans-serif;
}

.booking-header {
  display: none;
}

.mdc-card,
.mdc-button--raised {
  box-shadow: none;
}

.md-card-content,
.md-card-header {
  padding: 2rem 0;
}