/* St. Peter of Alcantara — homepage rotator override (Ticket #36597)
   Single full-width banner image, with the slide text in a light-blue
   translucent panel. Agent-owned file in the /images/pub asset bucket,
   loaded via Gantry Page Settings > CSS assets. */

html body #g-showcase .sprocket-features-container { display:block; position:relative; }
html body #g-showcase .sprocket-features-img-container { width:100%; order:0; margin:0; }
html body #g-showcase .sprocket-features-img-container img { width:100%; height:40vw !important; }
html body #g-showcase .layout-showcase .sprocket-features-list li { padding:0; }

html body #g-showcase .layout-showcase .sprocket-features-content,
html body #g-showcase .sprocket-features-content {
	position:absolute; right:3vw; top:50%; left:auto; bottom:auto;
	transform:translateY(-50%);
	order:0; margin:0; padding:1.4vw 1.8vw;
	width:auto; max-width:34vw; height:auto; min-height:0;
	background:rgba(219,234,249,.88);
	border-radius:6px; box-shadow:0 2px 10px rgba(0,0,0,.18);
	display:block; overflow:visible; z-index:2; box-sizing:border-box;
}
html body #g-showcase .sprocket-features-content > * { pointer-events:auto; }

/* A slide with no text left in its panel (the Religious Education slide,
   whose inline logo was removed) shows the banner alone. */
html body #g-showcase .sprocket-features-content:not(:has(p:not(:empty), h1, h2, h3, h4, ul, ol, img)) { display:none !important; }

html body #g-showcase .sprocket-features-content,
html body #g-showcase .sprocket-features-content p,
html body #g-showcase .sprocket-features-content li,
html body #g-showcase .sprocket-features-content h1,
html body #g-showcase .sprocket-features-content h2,
html body #g-showcase .sprocket-features-content h3,
html body #g-showcase .sprocket-features-content h4,
html body #g-showcase .sprocket-features-title { color:#015190 !important; }

html body #g-showcase .sprocket-features-desc h3 { font-size:1.5vw; font-weight:700; margin:0 0 .35em; line-height:1.2; border-bottom:none; padding:0; }
html body #g-showcase .sprocket-features-desc ul { margin:0 0 .9em; padding:0 0 0 1.2em; list-style:disc; }
html body #g-showcase .sprocket-features-desc ul li { background:transparent !important; margin:0; }
html body #g-showcase .sprocket-features-desc ul:last-child { margin-bottom:0; }
html body #g-showcase .sprocket-features-desc li { font-size:1.25vw; line-height:1.4; }
html body #g-showcase .sprocket-features-desc img { max-width:100%; height:auto; }
html body #g-showcase .sprocket-features-arrows { z-index:5; }

@media only screen and (max-width:767px) {
	html body #g-showcase .sprocket-features-img-container img { height:130vw !important; }
	html body #g-showcase .layout-showcase .sprocket-features-content,
	html body #g-showcase .sprocket-features-content { left:5%; right:5%; max-width:none; padding:4vw 5vw; }
	html body #g-showcase .sprocket-features-desc h3 { font-size:1.25rem; }
	html body #g-showcase .sprocket-features-desc li { font-size:1rem; }
}