/* Deliberate differences from live (report each one in the README). */

/* Lightbox (replaces UIkit's): dark full-screen image viewer. */
.cm-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.9)}
.cm-lightbox[hidden]{display:none}
.cm-lightbox figure{margin:0;max-width:90vw;max-height:90vh;text-align:center}
.cm-lightbox img{max-width:90vw;max-height:84vh;object-fit:contain}
.cm-lightbox figcaption{color:#fff;font-size:14px;padding-top:8px}
.cm-lightbox button{position:absolute;background:none;border:0;color:#fff;font-size:48px;line-height:1;cursor:pointer;padding:10px 16px;opacity:.8}
.cm-lightbox button:hover,.cm-lightbox button:focus-visible{opacity:1}
.cm-lb-close{top:10px;right:10px}
.cm-lb-prev{left:10px;top:50%;transform:translateY(-50%)}
.cm-lb-next{right:10px;top:50%;transform:translateY(-50%)}

/* One H1 per page (live printed two; same look). See theme_markup() in site/theme.php. */
.cm-one-h1{padding-top:10px!important}
.cm-title-h2{font-size:32px;font-weight:700;line-height:38.4px;color:#07355d;margin:0!important;padding:0}

/* /gallery/ (live's archive page is blank): the five galleries as photo cards, in the single gallery pages' grid. */
.a-gallery-single .mts-gallery-list{grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;grid-gap:20px}
.a-gallery-single .mts-gallery-list .mts-gallery-card{position:relative;display:block;height:260px;overflow:hidden}
.mts-gallery-card .gallery-item-inner{transition:transform .5s}
.mts-gallery-card:hover .gallery-item-inner,.mts-gallery-card:focus-visible .gallery-item-inner{transform:scale(1.05)}
.mts-gallery-card__name{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:rgba(7,53,93,.85);color:#fff;font-family:"Ubuntu",sans-serif;font-size:20px;font-weight:500;line-height:1.2;text-align:center}
@media (max-width:991px){.a-gallery-single .mts-gallery-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){.a-gallery-single .mts-gallery-list{grid-template-columns:1fr}}

/* Hero: the "$100 off" coupon button is gone (its popup never had a working form), so the estimate button keeps the
   width it had next to it instead of stretching across both slots. Phones: stacked full width, as before. */
@media (min-width:768px){.a-hero-form__inner .a-button-container button:only-child{flex:0 0 calc(50% - 10px)}}