/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 30 2026 | 06:07:35 */
.course-type-seo-content {
	width: 100%;
	padding: 60px 24px;
	box-sizing: border-box;
	overflow: visible;
}
.course-type-seo-content > .wp-block-group {
	/* Match the theme content width used by the product cards and Who We Are module */
	width: min(var(--wp--style--global--content-size, 1180px), calc(100vw - 48px)) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0 !important;
}
/* Remove WordPress block-theme width constraints */
.course-type-seo-content .wp-block-columns {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.course-type-seo-content .wp-block-column {
	max-width: none !important;
}
/* Override generated WordPress layout classes */
.course-type-seo-content .is-layout-constrained,
.course-type-seo-content .is-layout-flow,
.course-type-seo-content .is-layout-flex {
	max-width: none !important;
}
.course-type-seo-content .is-layout-constrained > *,
.course-type-seo-content .is-layout-flow > * {
	max-width: none !important;
}

/* Why Choose RTS - full-width cream band, stacked intro + 3-col feature grid */
.course-seo-columns {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	background: var(--wp--preset--color--cream, #F1EDE8);
	padding: 4.5rem 24px;
	box-sizing: border-box;
	margin-top: 3rem;
}
.course-seo-columns-inner {
	width: 100%;
	max-width: var(--wp--style--global--content-size, 1180px);
	margin: 0 auto;
	box-sizing: border-box;
}
.course-seo-intro {
	margin-bottom: 3.5rem;
}
.course-seo-intro h2 {
	margin-top: 0;
}
.course-seo-intro p {
	margin-bottom: 0;
}
/* Three across, wrapping to a second row */
.course-seo-features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 48px;
	row-gap: 3rem;
}
.course-seo-feature h3 {
	margin-top: 0;
	margin-bottom: 1rem;
	padding-bottom: 0.85rem;
	border-bottom: 2px solid rgba(132, 148, 201, 0.55);   /* short periwinkle underline */
}
.course-seo-feature p {
	margin-top: 0;
}
.course-seo-feature ul {
	margin-bottom: 0;
}

/* FAQ module - matches the content width, columns and spacing */
.course-seo-faqs {
	width: 100%;
	max-width: var(--wp--style--global--content-size, 1180px);
	margin: 3rem auto 0;
	box-sizing: border-box;
}
.course-seo-faqs .wp-block-columns {
	display: flex;
	align-items: flex-start;
	gap: 60px;
}
.course-seo-faqs .wp-block-column:first-child {
	flex: 0 0 40% !important;
}
.course-seo-faqs .wp-block-column:first-child h2 {
	margin-top: 0;
}
.course-seo-faqs .wp-block-column:last-child {
	flex: 0 0 calc(60% - 60px) !important;
}
.course-seo-faqs .wp-block-column:last-child > .wp-block-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0 !important;
}
.course-seo-faqs .wp-block-column:last-child > .wp-block-group > details {
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
	box-sizing: border-box;
}

/* Hide the old separators if any remain in markup */
.course-seo-divider {
	display: none;
}

@media (max-width: 1024px) {
	/* Two across on tablet */
	.course-seo-features {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 781px) {
	.course-type-seo-content {
		padding: 40px 20px;
	}
	.course-type-seo-content > .wp-block-group {
		width: 100% !important;
	}
	.course-seo-columns {
		padding: 3rem 20px;
		margin-top: 2rem;
	}
	.course-seo-intro {
		margin-bottom: 2.5rem;
	}
	/* FAQ stacks on mobile */
	.course-seo-faqs {
		margin-top: 2rem;
	}
	.course-seo-faqs .wp-block-columns {
		display: block;
		gap: 0;
	}
	.course-seo-faqs .wp-block-column:first-child,
	.course-seo-faqs .wp-block-column:last-child {
		flex: 0 0 auto !important;
		max-width: none !important;
	}
	.course-seo-faqs .wp-block-column:first-child {
		margin-bottom: 30px;
	}
}
@media (max-width: 600px) {
	/* Single column on phones */
	.course-seo-features {
		grid-template-columns: 1fr;
		row-gap: 2.25rem;
	}
}
/* RTS Training - content table styling */
/* Wrap your tables in <div class="rts-table"> ... </div> */
.rts-table {
  --rts-indigo: #3D4582;
  --rts-indigo-dark: #2F3666;
  --rts-blue: #8494C9;
  --rts-blue-tint: #EEF1F8;
  --rts-border: #DDE2EF;
  overflow-x: auto;
  margin: 2.5rem 0 3.5rem;
}
.rts-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
  line-height: 1.5;
  background: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(61, 69, 130, 0.08);
}
/* Header row - first row of each table */
.rts-table tr:first-child td {
  background: var(--rts-indigo);
  color: #FFFFFF;
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  padding: 16px 20px;
  border: none;
}
/* Body cells */
.rts-table td {
  padding: 16px 20px;
  border-bottom: 1px solid var(--rts-border);
  vertical-align: top;
  color: #333A44;
}
/* Zebra striping for readability */
.rts-table tr:nth-child(even):not(:first-child) td {
  background: var(--rts-blue-tint);
}
/* Hover highlight */
.rts-table tr:not(:first-child):hover td {
  background: #E4E9F5;
  transition: background 0.15s ease;
}
/* Links inside tables */
.rts-table a {
  color: var(--rts-indigo);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid var(--rts-blue);
}
.rts-table a:hover {
  color: var(--rts-indigo-dark);
  border-bottom-color: var(--rts-indigo-dark);
}
/* Price column emphasis - last cell in pricing table rows */
.rts-table td:last-child {
  font-weight: 600;
  color: var(--rts-indigo);
}
.rts-table--pricing td:last-child {
  white-space: nowrap;
}
/* Remove last row's bottom border */
.rts-table tr:last-child td {
  border-bottom: none;
}
/* Mobile - stack a touch tighter */
@media (max-width: 600px) {
  .rts-table table { font-size: 0.85rem; }
  .rts-table td { padding: 11px 13px; }
  .rts-table tr:first-child td {
    font-size: 0.8rem;
    padding: 11px 13px;
  }
  .rts-table {
    margin: 1.75rem 0 2.5rem;
  }
  /* Pricing table - pin the first column while scrolling sideways (mobile only) */
  .rts-table--pricing table {
    overflow: visible;   /* allow the sticky cell to latch onto the scrolling wrapper */
    border-radius: 0;
  }
  .rts-table--pricing td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #FFFFFF;
    min-width: 130px;
    border-right: 1px solid var(--rts-border);
  }
  .rts-table--pricing tr:first-child td:first-child {
    z-index: 2;
    background: var(--rts-indigo);
  }
  .rts-table--pricing tr:nth-child(even):not(:first-child) td:first-child {
    background: var(--rts-blue-tint);
  }
}