/**
 * bxSlider skin overrides for the homepage hero (#hanan-intro).
 *
 * The site never used bxSlider's stylesheet as shipped - it carried a forked
 * copy at assets/css/front/jquery.bxslider.css with the plugin's default chrome
 * stripped out. Moving to the Composer-managed package picked up the stock
 * stylesheet and with it all the chrome the fork had removed, which is what
 * made the hero grow:
 *
 *   .bx-wrapper margin-bottom   60px of dead space under the slider  (fork: 10px)
 *   .bx-wrapper border          a 5px white frame around the hero    (fork: none)
 *   .bx-wrapper box-shadow      a grey glow around that frame        (fork: none)
 *   .bx-pager                   moved below the image (bottom:-30px) and so adds
 *                               its own height to the section
 *                               (fork: overlaid on the image at bottom:33px)
 *
 * Measured on the Arabic homepage at 1400px wide, that is #hanan-intro at 696px
 * against the pre-upgrade 640px, and a viewport 10px narrower because of the
 * border.
 *
 * Re-applying the fork's deltas here rather than re-forking the vendor file
 * keeps `composer update` working and keeps the customisation legible - the
 * reason the old fork was invisible for a decade is that it looked like a
 * vendor file. Load order matters: this must come after the vendored
 * stylesheet (see application/controllers/Home.php).
 */

.bx-wrapper {
	margin: 0 auto 10px;
	border: 0;
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Overlaid on the image, not stacked under it. The max-width:897px rule in
   home.css puts this back to static for narrow screens. */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 33px;
	width: 100%;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #9f9f9f;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #2f1547;
}

/* The prev/next arrows were never visible on this site: the fork pointed them
   at assets/css/front/images/controls.png, which does not exist and 404s. The
   vendored package ships a working controls.png, so the upgrade made a pair of
   arrows appear over the hero for the first time. Hidden to match. Delete this
   rule if they are actually wanted - the sprite behind them works now. */
.bx-wrapper .bx-controls-direction {
	display: none;
}

/* --------------------------------------------------------------------------
 * Hero height clamp.
 *
 * The cap itself lives on .full-image in common.css, so the homepage hero and
 * every inner page's header image stop at the same 540px. This rule exists
 * only because bxSlider *measures* the slide and writes the result onto
 * .bx-viewport as an inline height - which no stylesheet beats without
 * !important. Without it the viewport keeps its measured 896px and the capped
 * image just leaves 350px of empty box under itself.
 */
#hanan-intro .bx-viewport {
	max-height: 540px !important;
}