/* Load Poppins font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* Apply Poppins to all footer text */
.site-footer,
.site-footer * ,
footer,
footer *,
footer p,
footer .widget,
footer .wp-block-column {
    font-family: 'Poppins', sans-serif !important;
}

.witrfm_area {
	background: #222521 !important;
} 
 
/* footer settings */
.custom-footer {
  background: #222521;
  color: #fff;
  padding: 60px 40px 20px;
  font-family: Arial, sans-serif;
}

.f-bottom a,
a.footer-link {
	display: block;
  overflow-wrap: anywhere;
  margin-top: 5px;
	background: #222521;
  color: #fff;
}

.footer-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.footer-col h4 {
	color: white;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}

footer a {
  margin: 6px 0;
  font-size: 15px;
  opacity: 0.9;
}

.footer-cta h4 {
  margin-bottom: 20px;
}

.donate-btn {
  background: #fff;
  color: #000;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
}

.donate-btn:hover {
  opacity: 0.9;
	color:#000;
}

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.3);
  margin-top: 40px;
  padding-top: 20px;
  display: flex;
  gap: 30px;
  font-size: 14px;
}

/* 📱 Responsive */
@media (max-width: 992px) {
  .footer-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .footer-container {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 10px;
  }
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.widget-title,
.footer-bottom
{
	display: none;
}

.f-bottom a:hover,
a.footer-link:hover,
.footer-middle .widget ul li a:hover {
	text-decoration: underline !important;
	color: white !important;
}

.footer-middle .widget ul li a{
	cursor: pointer;
}
/* Learndash Bullets visible */
.learndash-wrapper ul {
    list-style: disc inside !important;
    margin-left: 20px !important;
}
.learndash-wrapper ol {
    list-style: decimal inside !important;
    margin-left: 20px !important;
}
/*Remove Blog sidebar from Course Page Didnt work!
.sidebar-right.content-widget.pdsr { 
	display: none; 
}*/

/* Nigel Adjusting redux Contained template to have borders This is AI generated code  */
/* 1. Prevent the core LearnDash container from stretching full screen */
.single-sfwd-courses .learndash-wrapper {
    width: 100% !important;
    max-width: 1200px !important; /* Locks the master boundary hard to 1200px */
    margin-left: auto !important;   /* Centers the entire course block on the screen */
    margin-right: auto !important;  /* Centers the entire course block on the screen */
		margin-bottom: 80px !important; /* Generates wide protective breathing space above your footer */
    box-sizing: border-box !important;
}


/* 2. Force the layout components to take up full available width inside the 1200px grid */
.single-sfwd-courses .ld-layout__header,
.single-sfwd-courses .ld-layout__content {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. Apply clean, identical padding values to align your progress bar and inner text elements */
.single-sfwd-courses .ld-progress-bar,
.single-sfwd-courses .ld-layout__content > * {
    padding-left: 40px !important;  /* Locks matching horizontal grid margins across all elements */
    padding-right: 40px !important; /* Locks matching horizontal grid margins across all elements */
    box-sizing: border-box !important;
}

/* 4. Fluid responsive rules for small screen devices and tablets */
@media (max-width: 1240px) {
    .single-sfwd-courses .learndash-wrapper {
        max-width: 100% !important; /* Disables the 1200px limit dynamically on smaller screens */
    }
    .single-sfwd-courses .ld-progress-bar,
    .single-sfwd-courses .ld-layout__content > * {
        padding-left: 20px !important;  /* Compresses side spacing rules to optimize mobile viewports */
        padding-right: 20px !important; /* Compresses side spacing rules to optimize mobile viewports */
    }
}