/* RCSMP layout fixes on top of Newsup/Newsberg. Loaded by rcsmp-layout.php.
   Only theme class names are used here, never theme files: if a theme update
   renames a class, that rule simply stops applying and the page looks like stock Newsup. */

/* ---- Compact header: logo and club name on one line ---- */
.mg-head-detail { display: none; }                       /* top bar held only a Facebook icon */
.mg-nav-widget-area-back .inner { padding: 14px 0; }
.mg-nav-widget-area .row > [class*="col-md-3"] { flex: 0 0 100%; max-width: 100%; }
.mg-nav-widget-area .navbar-header { display: flex; align-items: center; gap: 20px; }
.mg-nav-widget-area .site-logo .custom-logo { height: 84px; width: auto; }
.mg-nav-widget-area .navbar-brand { padding: 0; margin: 0; }
.mg-nav-widget-area .site-title { line-height: 1.15; margin: 0; }
.mg-nav-widget-area .site-branding-text .site-title a { font-size: 34px; line-height: 1.15; }
.mg-nav-widget-area .site-description { font-size: 15px; margin: 4px 0 0; }

/* Menu on one row at desktop widths */
@media (min-width: 992px) {
	#navbar-wp .nav-link { padding-left: 14px; padding-right: 14px; }
}

/* ---- Front page ---- */
.home #sidebar-right #search-2 { display: none; }        /* search is already in the menu bar */

/* Welcome card (page content, rcsmp-* markup) */
.rcsmp-intro { font-size: 1.15rem; font-weight: 600; line-height: 1.5; margin: 0 0 18px; }
.rcsmp-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.rcsmp-cols h2 { font-size: 1.1rem; margin: 0 0 10px; }
.rcsmp-cols ul { list-style: none; margin: 0; padding: 0; }
.rcsmp-cols li { margin: 0 0 6px; }
.rcsmp-cols p { margin: 0 0 8px; }
.rcsmp-kbyf { display: block; max-width: 220px; height: auto; margin: 10px 0 0; }
.rcsmp-join { display: inline-block; margin-top: 6px; padding: 8px 16px; border-radius: 4px; background: #c4271e; color: #fff !important; font-weight: 600; text-decoration: none !important; }
.rcsmp-join:hover { background: #a01f17; }

@media (max-width: 991px) {
	.mg-nav-widget-area .navbar-header { justify-content: center; text-align: left; }
	.mg-nav-widget-area .site-logo .custom-logo { height: 64px; }
	.mg-nav-widget-area .site-branding-text .site-title a { font-size: 24px; }
	.mg-nav-widget-area .site-description { font-size: 13px; letter-spacing: 0; }

	/* The Latest/Popular/Trending tabs repeat the slider posts and are cramped below desktop width */
	.home .mg-fea-area .top-right-area { display: none; }
	.home .mg-fea-area .row > .col-md-8 { flex: 0 0 100%; max-width: 100%; }
}

/* Tablet: give the weather box half the width instead of a cramped third */
@media (min-width: 768px) and (max-width: 991px) {
	.home #content .row > .col-md-8, .home #content .row > .col-md-4 { flex: 0 0 50%; max-width: 50%; }
	.rcsmp-cols { grid-template-columns: 1fr; gap: 16px; }
}

@media (max-width: 767px) {
	.mg-nav-widget-area-back .inner { padding: 10px 0; }
	.mg-nav-widget-area .navbar-header { gap: 12px; }
	.mg-nav-widget-area .site-logo .custom-logo { height: 52px; }
	.mg-nav-widget-area .site-branding-text .site-title a { font-size: 20px; }
	.mg-nav-widget-area .site-description { font-size: 12px; }

	/* Shorter slider */
	.home .mg-fea-area .mg-blog-post.lg { height: 260px; min-height: 0; }
	.home .mg-fea-area .mg-blog-post.lg .title { font-size: 22px; }
	.home #homemain { margin-bottom: 0; }

	/* Field Weather before the welcome text */
	.home #content .row > .col-md-4 { order: -1; }

	.home #content { padding-top: 16px; padding-bottom: 24px; }
	.rcsmp-cols { grid-template-columns: 1fr; gap: 16px; }
	.rcsmp-cols p, .rcsmp-cols li { font-size: 15px; line-height: 1.6; }
	.rcsmp-intro { font-size: 1.05rem; }
}


/* Flying Field: the sign photo sits beside the address on wider screens, and centred under it on phones. */
.page-id-51 .rcsmp-sign-mobile { display: none; }
@media (max-width: 600px) {
  .page-id-51 .rcsmp-sign-desktop { display: none; }
  .page-id-51 .rcsmp-sign-mobile { display: block; width: 170px; margin: 4px auto 18px; text-align: center; }
}