/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

.pmpro_signup_form .pmpro_form_field label{
	display: none !important;
}
#externalLinkModal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  font-family: inherit;
}

.elm-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}

.elm-modal {
  position: relative;
  background: #fff;
  max-width: 420px;
  margin: 15% auto;
  padding: 25px;
  border-radius: 10px;
  text-align: center;
  z-index: 2;
}

.elm-actions {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 15px;
}

#elm-stay {
  background: #a2a0a0b0;
  border: none;
  padding: 10px 18px;
  cursor: pointer;
}

#elm-proceed {
  background: #0073aa;
  color: #fff;
  padding: 10px 18px;
  text-decoration: none;
  border-radius: 4px;
}
.elm-disclaimer {
  margin-top: 20px;
  font-size: 13px;
  color: #666;
  line-height: 1.5;
}
/* One Page Guide – Banner */
.one-page-guide-banner {
	position: relative;
	height: 250px;
	overflow: hidden;
	border-radius: 8px; /* optional */
}

.one-page-guide-banner-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Overlay */
.one-page-guide-banner-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	padding: 0 24px;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.25),
		rgba(0, 0, 0, 0.55)
	);
}

.one-page-guide-banner-overlay .page-title {
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	margin: 0;
}
/* ===== Child Pages Grid ===== */
.one-page-guide-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 24px;
	margin-top: 32px;
}

.one-page-guide-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	text-decoration: none;
	box-shadow: 0 4px 14px rgba(0,0,0,0.08);
	transition: transform .2s ease, box-shadow .2s ease;
	color: inherit;
}

.one-page-guide-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

/* Image */
.one-page-guide-card .card-image {
	height: 180px;
	overflow: hidden;
}

.one-page-guide-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.card-image-placeholder {
	background: #e5e7eb;
	height: 100%;
}

/* Content */
.card-content {
	padding: 16px;
}

.card-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	margin: 0;
	color: #111827;
}
.bb-course-author,
.bb-course-author-name,
.bb-about-instructor.bb-about-instructor--is-info,
.bb-course-single-meta.align-items-center.bb_single_meta_pfx,
.bb-about-instructor.bb_single_meta_pfx,
.bb-course-meta{
    display: none !important;
}
/* Responsive */
@media (max-width: 768px) {
	.one-page-guide-card .card-image {
		height: 150px;
	}

	.one-page-guide-banner {
		height: 180px;
	}

	.one-page-guide-banner-overlay .page-title {
		font-size: 24px;
	}
}