/* ttm-fixes.css — the ONLY place where spacing differs from the EduBlink theme.
 * Why: the theme hero is sized by a tall portrait photo. Our team photo is a
 * landscape group shot, so the hero is sized by the text instead. These rules
 * give the text breathing room and stand the photo on the green bar, as in the theme.
 * Delete this file's <link> in inc/layout.php to see the theme's raw spacing. */
@media (min-width: 992px) {
  .hero-style-1 > .container > .row { align-items: flex-end !important; }
  .hero-style-1 .banner-content { padding-top: 40px; padding-bottom: 40px; }
}

/* Tablet and phone: the "Our trainers" card sits BELOW the group photo
 * (the photo is short, so the theme's overlap would hide the people). */
@media (max-width: 991px) {
  .hero-style-1 .banner-thumbnail .instructor-info { position: relative !important; bottom: auto !important; left: auto !important; margin-top: 20px; display: inline-block; }
}

/* Top bar: the theme's pink link on the dark bar is 4.3:1; this lighter pink passes 4.5:1. */
.header-top-bar .header-notify a { color: #ff8a9b; }

/* Content headings: the theme uses an h3 (28px) for section headings inside
 * course/detail pages. We keep a proper h2 for SEO and give it the same size. */
.course-details-content h2.heading-title,
.event-details h2.heading-title,
.privacy-policy h2.heading-title,
.text-block h2.heading-title { font-size: var(--h3); line-height: var(--h3-lineHeight, 1.3); }
.course-details-content h3:not(.heading-title) { font-size: var(--h4); line-height: var(--h4-lineHeight, 1.4); }

/* Contact page: secondary text blocks use the smaller heading size */
.contact-more .text-block h3.heading-title{font-size:var(--h4);line-height:var(--h4-lineHeight,1.4);}
.contact-more table{width:100%;font-size:15px;}
.contact-more table th,.contact-more table td{padding:6px 8px;border:1px solid #e5e5e5;text-align:left;}
.contact-us-info .form-notice{margin:16px 0 24px;}
/* long page titles: keep clear of the decorative shapes */
.edu-breadcrumb-area .breadcrumb-inner .page-title .title{font-size:clamp(30px,3.4vw,44px);line-height:1.2;}
.contact-us-area .contact-more{margin-top:110px;}

/* Space between a contact line and a button that follows it */
.ttm-after-meta{height:22px;}
.course-details-content p.btn-group + p,.event-details p.btn-group + p{margin-top:10px;}