/* Dreyfus restoration: the few rules the original stylesheets no longer supply.

   The 2014 Gabriels stylesheets are recovered and load ahead of this file, so everything they
   cover - page background, header, footer, the white content cards, the palette - is left to
   them. What is gone is the home page module's own stylesheet
   (modules.site.homepageimagerotatormodule/css/imagerotator.css): no capture of it survives.
   It held the rotator's stacking and the five link tiles' box, and layout.css still expects it
   (#home_image_links a carries a width but no display). Those rules are restated here, plus two
   fixes for photo markup the old unwrap left behind. Nothing else. */

img.photo { display: block !important; max-width: 100%; height: auto; object-fit: cover; }
img.smartimage__item { display: none !important; }

/* home page rotator: slides stack in one frame and restoration.js cycles the ones that have a photo */
#home_rotator { position: relative; width: 956px; height: 400px; margin: 0 auto; overflow: hidden; }
#home_rotator .slideshow { position: relative; }
#home_rotator .image-rotator-slide { position: absolute; top: 0; left: 0; width: 956px; height: 400px; display: none; }
#home_rotator .image-rotator-slide:first-child { display: block; }
#home_rotator img { display: block; width: 956px; height: 400px; object-fit: cover; }

/* the five link tiles: layout.css sets their width and spacing, this gives them their box */
#home_image_links a { display: inline-block; vertical-align: top; }
#home_image_links a span { display: block; text-align: center; }
#home_image_links img { display: block; width: 184px; height: 77px; }

/* none of the five tile photos were ever captured. An empty box above a caption reads as a fault;
   the caption on its own reads as the link it always was, so restoration.js marks those tiles. */
#home_image_links a.no-photo img { display: none; }
#home_image_links a.no-photo span { padding: 14px 8px; letter-spacing: .04em; }

/* Listing photos were sized by the CMS's smartimage script, which died with the CMS. Without it the
   browser falls back to the file's own pixel width - several thousand pixels on a full-size photo -
   and the page scrolls sideways. The wrapper keeps them inside their column. */
.o-smartimage, .js-smartimage-wrap, .photo-imagecontainer, a.photo { max-width: 100%; }
.o-smartimage img, .js-smartimage-wrap img, .photo-imagecontainer img, a.photo img { display: block; max-width: 100%; height: auto; }
.main-img, .photo img, .listing-photo img { max-width: 100%; height: auto; }
/* the photo counter is drawn in white over the thumbnail; where the thumbnail is gone it needs its own edge */
.o-smartimage span, .photo-imagecontainer span, a.photo span, .thumb-pager-content { text-shadow: 0 1px 2px rgba(0, 0, 0, .7); }
.thumb-pager-content { background: rgba(0, 0, 0, .35); }