/*
Theme Name: Tuitbook
Theme URI: https://tuitbook.com
Author: Tuitbook
Description: The tuitbook.com website: brand colours, a plain header and footer, and pages written in the block editor.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: tuitbook
*/

/* What the block settings can't say. Colours are the brand's only
   (docs/brand/README.md in the app's repository). */
.tb-hero h1 { font-weight: 900; letter-spacing: -0.5px; line-height: 1.12; margin-top: 0; }
.tb-soon {
  display: inline-block;
  border: 2px solid #bfe7dd;
  border-radius: 999px;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 17px;
}
.tb-phone img { filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.35)); }
.tb-card { border-radius: 20px; height: 100%; }
.tb-card h3 { margin-top: 0; margin-bottom: 6px; }
.tb-card p, .tb-card ul { margin-top: 0; font-size: 17px; }
.tb-shots img { border-radius: 20px; }
.tb-prices table, .tb-compare table { border-collapse: collapse; width: 100%; font-size: 17px; }
.tb-prices th, .tb-prices td, .tb-compare th, .tb-compare td {
  border: 0;
  border-bottom: 1px solid #dfe5e3;
  padding: 12px 10px;
  text-align: left;
  vertical-align: top;
}
.tb-prices thead th, .tb-compare thead th { border-bottom: 2px solid #0e6b5a; color: #0a5446; }
.tb-prices figure, .tb-compare figure { overflow-x: auto; }
.tb-prices td, .tb-prices th, .tb-compare td, .tb-compare th { word-break: normal; overflow-wrap: normal; }
/* Five columns of prices don't fit a phone: the table scrolls sideways. */
.tb-prices table { min-width: 620px; }
.tb-prices td { white-space: nowrap; }
.tb-contact { border-radius: 20px; }
.tb-header .wp-block-navigation a { font-weight: 600; }
.tb-header .wp-block-navigation__container { flex-wrap: nowrap; gap: 20px; }
.tb-footer { border-top: 1px solid #dfe5e3; font-size: 16px; }
@media (max-width: 781px) {
  .tb-phone img { width: 250px !important; }
}
