/* /meeting-booking-page-managed-it-services (Elementor 27961 + LP header 28186) - values read off live
   2026-09-28 at 1440/375. No site header/footer. Content box capped at the house 1340 (owner rule). */
/* The tagline is the whole above-the-fold message. With the shared faces' font-display: swap it
   painted in Arial on one line, then re-wrapped to two when Poppins landed - a visibly different
   sentence for a moment. Same file (preloaded in the page head), so no extra download; block
   keeps the text invisible for that short wait instead of flashing the fallback. Page-local:
   declared last, it wins over the shared 400 faces for this page only. */
@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: block;
             src: url(/assets/fonts/Poppins/woff2/Poppins-Regular.woff2) format('woff2'), url(/assets/fonts/Poppins/Poppins-Regular.ttf) format('truetype'); unicode-range: U+018F, U+0192, U+01FC-01FD, U+0218-021B, U+0259, U+02C7, U+02C9, U+02D8-02D9, U+02DB, U+02DD, U+03C0, U+0901-0903, U+0905-090D, U+090F-0911, U+0913-0928, U+092A-0933, U+0935-0939, U+093C-0945, U+0947-0949, U+094B-094D, U+0950, U+0958-095E, U+0960-0970, U+0972, U+1E80-1E85, U+1EBC-1EBD, U+1EF2-1EF3, U+1EF8-1EF9, U+20A8, U+20BA, U+20BD, U+2113, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+25CC, U+FB01-FB02; }@font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: block;
             src: url(/assets/fonts/Poppins/woff2/Poppins-Regular-latin.woff2) format('woff2'); unicode-range: U+0020-007E, U+00A0-0107, U+010A-011B, U+011E-0123, U+0128-0131, U+0136-0137, U+0139-0148, U+014C-015B, U+015E-0165, U+0168-017E, U+02BC, U+02C6, U+02DA, U+02DC, U+200C-200D, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+20B9, U+2122, U+2212, U+2215; }
body.mtgm-body { margin: 0; padding: 0; background: #fff; color: #000; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 1.65; }
.mtgm-body *, .mtgm-body *::before, .mtgm-body *::after { box-sizing: border-box; }

/* header 28186: sticky white bar, logo left */
.mtgm-hdr { position: sticky; top: 0; z-index: 99; background: #fff; padding: 20px 30px; }
.mtgm-hdr-in { max-width: 1600px; margin: 0 auto; min-height: 60px; display: flex; align-items: center; }
.mtgm-logo { display: block; height: 40px; margin-bottom: -5px; }
.mtgm-logo svg { display: block; height: 32px; width: auto; }

.mtgm { display: block; overflow: hidden; }   /* clips the -33px capterra row below, as live .site-main does */
.mtgm-intro { max-width: 1400px; margin: 0 auto; }
.mtgm-body .mtgm-intro h2 { margin: 0; padding: 0 30px; text-align: center; font-family: 'Poppins', sans-serif; font-size: 20px; line-height: 26px; font-weight: 400; letter-spacing: normal; color: #141414; }

.mtgm-main { max-width: 1400px; margin: 0 auto; padding: 0 30px 80px; }
.mtgm-cal { width: 99%; display: flex; flex-direction: column; justify-content: center; }
.mtgm-embed .meetings-iframe-container { padding-bottom: 8px;
    min-height: 764px; }   /* reserve the calendar before HubSpot injects it: iframe is 756 tall at every
    width (measured 390-1440) + 8 padding. Without it the box is 8px, so the note's -74px margin
    below pulls "This calendar is for Business inquiries..." up over the heading until it loads. */
.mtgm-embed iframe { display: block; }
.mtgm-note { position: relative; z-index: 9; margin-top: 0;  /* owner 2026-10-06: WP pulled it -74px over the calendar; HubSpot dropdowns open into that strip and ended up under the note */ text-align: center; color: #868686; }
.mtgm-body .mtgm-note p { margin: 0 0 24px; font-size: 15px; line-height: 24px; }
.mtgm-body .mtgm-note a { color: #046bd2; }
/* The pulled-up note overlaps HubSpot's Back/Confirm row on the details step: let clicks
   fall through to the calendar (link stays clickable); on phones drop the overlap entirely. */
.mtgm-note { pointer-events: none; }
.mtgm-note a { pointer-events: auto; }

/* live: #primary margin-bottom -33px (page ends 33px above the capterra pixel row) */
.mtgm-px { max-width: 1440px; margin: 0 auto -33px; line-height: 26.4px; }
.mtgm-px img { display: inline; }

@media (max-width: 1200px) {
    .mtgm-hdr { padding: 10px 20px; }
    .mtgm-hdr-in { min-height: 80px; }
}
@media (max-width: 1024px) {
    .mtgm-cal { width: 100%; }
}
@media (max-width: 767px) {
    .mtgm-logo { height: 36px; }
    .mtgm-logo svg { height: 28px; }
    .mtgm-body .mtgm-intro h2 { font-size: 17px; line-height: 22.1px; text-align: justify; }
    .mtgm-main { padding: 20px 5px; }
    .mtgm-note { margin-top: 0; }
    .mtgm-body .mtgm-note p { font-size: 10px; line-height: 24px; margin-bottom: 16px; }
}
@media (max-width: 544px) {
    .mtgm-embed .meetings-iframe-container { padding-bottom: 7px; }
    .mtgm-px { line-height: 24.0781px; }
}