/* Recreated static stylesheet for the LOF Article Slideshow (mod_lofarticlesslideshow).

   The original assets/jstyle.css AND /media/system/js/mootools-core.js were both
   404 in the Wayback capture, so the MooTools `LofArticleSlideshow` never
   initialises: every `.lof-main-item` stacked vertically and its
   absolutely-positioned `.lof-description` caption landed on top of the image of
   the item below (specialist bug WF-1354 #1 — "текст попадает на нижнюю картинку").

   Rather than depend on the (missing) MooTools slideshow, these rules render the
   block as a plain, self-contained "featured news" list: image on top, headline +
   teaser underneath, no overlap. Everything is JS-independent, so it can never
   regress to the overlapping state again. Inline sizing on `.lof-main-wapper`
   (height:300px;width:650px) is overridden with !important. */

.lof-ass { width: 100% !important; height: auto !important; }

.lofass-container,
.lof-main-wapper {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
}

.lof-main-item {
    position: static !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 30px !important;
    padding: 0 0 24px;
    opacity: 1 !important;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.lof-main-item img {
    display: block;
    width: 100%;
    max-width: 650px;
    height: auto;
    margin: 0 0 12px;
}

/* Caption drops out of its absolute overlay and sits below the image */
.lof-description {
    position: static !important;
    width: auto !important;
    height: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    opacity: 1 !important;
    filter: none !important;
    color: inherit;
}

.lof-description h4 {
    margin: 0 0 6px;
    font-size: 1.25em;
    line-height: 1.3;
}

.lof-description h4 a { color: #1a1a1a; text-decoration: none; }
.lof-description h4 a:hover { text-decoration: underline; }

.lof-description p {
    margin: 0;
    color: #555;
    line-height: 1.5;
}

/* Slideshow chrome that only works with the (missing) JS — hide to avoid clutter */
.lof-navigator-outer,
.lof-buttons-control,
.lof-startstop,
.preload {
    display: none !important;
}