/* About Us (page-id-7) -> live /aboutus.html. Values measured from the live Weebly page in Chrome. */

/* Weebly sets -webkit-font-smoothing:antialiased on its body (thinner text on macOS). */
body.page-id-7{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* --- Section gutters ------------------------------------------------------
   Live: .container has 50px side padding between 1025px and 1170px (content = viewport - 100px, capped at 1070px);
   20px gutters at <=1024px come from the theme already. */
@media(min-width:1025px){
body.page-id-7 .wp-block-post-content>.wp-block-group.alignfull{padding-left:50px;padding-right:50px}
}

/* --- Banner -------------------------------------------------------------
   Live: header section is 500px tall from 768px up (natural height below),
   the h2 sits in a block with 1px extra below it (49px h2 + 1px) at >=767px and 6px extra at <=766px. */
body.page-id-7 .wp-block-post-content>.wp-block-cover h2.wp-block-heading{margin-bottom:1px}
@media(min-width:768px) and (max-width:781px){
body.page-id-7 .wp-block-post-content>.wp-block-cover{min-height:500px!important}
}
@media(max-width:767px){
body.page-id-7 .wp-block-post-content>.wp-block-cover{min-height:0!important}
body.page-id-7 .wp-block-post-content>.wp-block-cover .wp-block-cover__inner-container{padding:5vw}
}
@media(max-width:766px){
body.page-id-7 .wp-block-post-content>.wp-block-cover h2.wp-block-heading{margin-bottom:6px}
}

/* --- Three logos ---------------------------------------------------------
   Live: a 3-cell table, margin 0 -15px, each cell (W+30)/3 wide with 15px side padding (stacked at <=766).
   Same fractions here so sub-pixel image positions (and therefore pixel snapping) are identical. */
body.page-id-7 .wp-block-post-content .wp-block-columns{gap:0!important;flex-wrap:nowrap}
body.page-id-7 .wp-block-post-content .wp-block-column{flex:1 1 0!important;box-sizing:border-box;padding:0 15px}
body.page-id-7 .wp-block-post-content .wp-block-column:first-child{margin-left:-15px}
body.page-id-7 .wp-block-post-content .wp-block-column:last-child{margin-right:-15px}
@media(max-width:767px){
body.page-id-7 .wp-block-post-content .wp-block-columns{flex-wrap:wrap!important}
body.page-id-7 .wp-block-post-content .wp-block-column{flex:0 0 calc(100% + 30px)!important;margin:0 -15px}
}

/* --- "TODAY" framed image ------------------------------------------------
   Live: floated <img> with 1px rgba(0,0,0,.13) border + 3px padding, margin 5px 0 10px and an
   11px table-caption gap below it; the clear-both hidden <hr> that follows the text is 2px + 8px margins,
   which is 10px (the converter emits a 21px spacer for it, so it is trimmed to 10px here). */
body.page-id-7 .wp-block-post-content .wp-block-image.prefab-img-framed{padding:5px 0 21px!important}
body.page-id-7 .wp-block-post-content .prefab-img-framed img{border-color:rgba(0,0,0,.13)}
body.page-id-7 .wp-block-post-content .wp-block-spacer[style*="height:21px"]{height:10px!important}

/* --- Testimonial call-outs ----------------------------------------------
   Live: the author line <em> carries the same inline colour as the quote span before it. */
body.page-id-7 .prefab-callout p:has(>span[style*="34, 34, 34"]) em{color:rgb(34,34,34)}
body.page-id-7 .prefab-callout p:has(>span[style*="63, 63, 63"]) em{color:rgb(63,63,63)}
/* Live: the 4th (empty) call-out still renders its empty paragraph's 25px bottom margin inside the box, and its border is #5040ae (the other three are #3a96b8). */
body.page-id-7 .wp-block-post-content .prefab-callout:empty{padding-bottom:45px!important;border-color:#5040ae}

/* --- Links ----------------------------------------------------------------
   Live: in-text links are underlined at rest and lose the underline on hover (colour change to #569abd is already in style.css). */
body.page-id-7 .wp-block-post-content p a:not(.wp-block-button__link):hover{text-decoration:none}

/* --- Self-hosted video: retain the centred 544x306 Animoto player footprint. --- */
body.page-id-7 .wp-block-post-content .prefab-native-video{box-sizing:border-box;width:544px;max-width:100%;height:318px;margin:0 auto;overflow:hidden}
body.page-id-7 .wp-block-post-content .prefab-native-video video{display:block;width:100%;height:306px;object-fit:contain;background:#fff}