/* ---------------------------------------------------------------
   SDS under-construction holding page
   Loaded on the home page only, by the Raw Tags module
   "Holding Page CSS" (module 198, assigned to menu item 101).
   Added 2026-10-16, ticket SOL-30624.
   Bump the ?v= on the module's link whenever this file changes -
   the asset is served through CloudFront.
   --------------------------------------------------------------- */

/* 1. Hide the main navigation while the new site is being built.
      Chapelco keeps the desktop menu in ul.gf-menu and builds the
      mobile menu in a separate device container, so both the desktop
      markup and the mobile container/toggle are hidden. */
#rt-menubar,
#rt-header .gf-menu,
#rt-header ul.gf-menu,
.gf-menu-device-container,
.gf-menu-device-wrapper,
.gf-menu-toggle {
	display: none !important;
}

/* 2. Hide the header search box on the holding page
      (RokAjaxSearch module 176 - it still runs on the other pages). */
#rt-header .rt-block.fp-search,
#rt-header .rokajaxsearch {
	display: none !important;
}

/* 3. Header at the top, footer at the bottom of the viewport.
      487px is the header (70) + footer (307) + copyright (110) chrome,
      so the message area takes the rest of the first screen and the
      page needs no scrolling. */
#rt-main {
	box-sizing: border-box;
	min-height: calc(100vh - 487px);
}

#rt-main > .rt-container {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: calc(100vh - 487px);
}

#rt-main #rt-mainbody {
	width: 100%;
}

/* 4. Collapse the template's own padding and margins around the article
      (20px on #rt-mainbody-surround plus 15px padding / 32px margin on
      the rt-block) so the message fits in the space left over. */
#rt-mainbody-surround {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#rt-main .rt-grid-12 > .rt-block {
	padding: 0 !important;
	margin: 0 !important;
}

/* 5. Tightened message spacing, so the holding page fits one screen. */
#rt-main .item-page {
	text-align: center;
	line-height: 1.4;
	max-width: 760px;
	margin: 0 auto;
}

#rt-main .item-page h2 {
	margin: 0 0 8px 0;
	font-size: 1.5em;
	line-height: 1.2;
}

#rt-main .item-page p {
	margin: 0 0 8px 0;
}

#rt-main .item-page p:last-child {
	margin-bottom: 0;
}

/* 6. Chapelco's decorative showcase background is absolutely positioned
      and 800px tall, which added 70px of empty scroll below the fold.
      Keep it inside the first screen - from the header to the fold. */
.rt-showcase-bg {
	height: calc(100vh - 70px) !important;
}

/* 7. The template leaves a 1px margin under the body; remove it so the
      page is exactly one viewport tall with no scrollbar. */
body {
	margin-bottom: 0 !important;
}

@media (max-width: 767px) {
	#rt-main,
	#rt-main > .rt-container {
		min-height: 55vh;
	}
}