/* Overrides for css/index.css (generated by WYSIWYG Web Builder - do not edit that file directly).
   Loaded after index.css so these rules win without needing !important. */

/* --- Featured projects: undo the broken scroll-reveal ----------------------
   js/index.js adds .visibility-hidden to these on $(document).ready and only
   removes it once the element is *fully* inside the viewport. The card images
   carry no width/height, so at DOM-ready they measure as zero-height and the
   reveal never fires - the cards and the heading stayed hidden, showing the
   column's background photo instead. Nothing is lost by pinning them visible:
   the entrance animation it was gating (animate-fade-in / animate-fade-out)
   has no @keyframes defined anywhere in the stylesheet, so it was already a
   no-op. Scoped to these seven ids on purpose - .visibility-hidden is also
   used for the YouTube lightboxes, which must stay hideable. */
#wb_indexRollOver1.visibility-hidden,
#wb_aurellia_res_white.visibility-hidden,
#wb_laya_res_white.visibility-hidden,
#wb_shang_summit_res_white.visibility-hidden,
#wb_haraya_res_white.visibility-hidden,
#wb_shang_wack_wack_res_white.visibility-hidden,
#wb_indexText5.visibility-hidden {
	visibility: visible !important;
}

/* --- Featured project cards: keep the label visible ------------------------
   The generated rollover faded the front image (project logo + "View details")
   out on :hover and faded the plain building photo in. Since hovering is what
   you do on the way to clicking, the label disappeared exactly when it was
   needed. The back photo still fades in, but now behind the label instead of
   in place of it. */
#indexRollOver1:hover span,
#aurellia_res_white:hover span,
#laya_res_white:hover span,
#shang_summit_res_white:hover span,
#haraya_res_white:hover span,
#shang_wack_wack_res_white:hover span {
	opacity: 1;
}

/* The whole card is one link - keep it above the decorative col overlays
   (which sit at z-index 0) so nothing can swallow the click. */
#indexRollOver1 a,
#aurellia_res_white a,
#laya_res_white a,
#shang_summit_res_white a,
#haraya_res_white a,
#shang_wack_wack_res_white a {
	position: relative;
	z-index: 3;
	cursor: pointer;
}

/* Keyboard users get the same affordance as mouse users. */
#indexRollOver1 a:focus-visible,
#aurellia_res_white a:focus-visible,
#laya_res_white a:focus-visible,
#shang_summit_res_white a:focus-visible,
#haraya_res_white a:focus-visible,
#shang_wack_wack_res_white a:focus-visible {
	outline: 2px solid #FFFFFF;
	outline-offset: -4px;
}

#indexRollOver1 a:focus-visible span,
#aurellia_res_white a:focus-visible span,
#laya_res_white a:focus-visible span,
#shang_summit_res_white a:focus-visible span,
#haraya_res_white a:focus-visible span,
#shang_wack_wack_res_white a:focus-visible span {
	opacity: 1;
}