/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* ==========================================================================
   LearnDash <-> Astra <-> Elementor harmony
   agentberttraining.com

   Add ONLY after completing Steps 1-5 of Astra-Elementor-LearnDash-Style-Fix.md.
   Everything here covers a gap that theme/plugin settings genuinely cannot reach.
   If a rule below stops being necessary, delete it. Shorter is better.

   Paste into: Appearance > Customize > Additional CSS
   (or child theme style.css)
   ========================================================================== */


/* 1. LearnDash inherits site typography ------------------------------------
   LearnDash ships its own font stack on .learndash-wrapper. This hands it
   back to whatever Astra Global > Typography defines, so course pages match
   the rest of the site without you restating a font family anywhere. */

.learndash-wrapper {
	font-family: inherit;
}

.learndash-wrapper h1,
.learndash-wrapper h2,
.learndash-wrapper h3,
.learndash-wrapper h4,
.learndash-wrapper h5,
.learndash-wrapper h6 {
	font-family: inherit;
	color: var(--ast-global-color-2);
}


/* 2. LearnDash buttons match site buttons ---------------------------------
   LearnDash's Accent Color sets background only. This aligns shape and
   weight with Astra Global > Buttons so LD buttons don't read as a
   different product. Adjust the two values to match your Astra settings. */

.learndash-wrapper .ld-button,
.learndash-wrapper input[type="submit"],
.learndash-wrapper .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_button2 {
	border-radius: 4px;   /* match Astra Global > Buttons > Border Radius */
	font-weight: 600;     /* match Astra Global > Buttons > Font Weight   */
	font-family: inherit;
	text-transform: none;
	line-height: 1.4;
}


/* 3. Prevent doubled container width in Focus Mode -------------------------
   Focus Mode renders its own shell. If Astra's container max-width also
   applies, content is constrained twice and looks unexpectedly narrow.
   Only relevant when Focus Mode is ON. Delete this block if it is OFF. */

.learndash-wrapper .ld-focus-content > .ast-container,
.learndash-wrapper .ld-focus-content .ast-container {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}


/* 4. Elementor content inside LearnDash templates ---------------------------
   When an Elementor-built block renders inside a LearnDash page, both add
   horizontal padding. This removes the outer one only. */

.learndash-wrapper .elementor-section.elementor-section-boxed > .elementor-container,
.learndash-wrapper .e-con > .e-con-inner {
	padding-left: 0;
	padding-right: 0;
}


/* 5. Course grid cards use site colours ------------------------------------
   The Course Grid widget hardcodes a light card background that clashes on
   non-white pages. Ties it to the Astra palette instead. */

.learndash-wrapper .ld-course-list-items .ld_course_grid .thumbnail.course {
	background-color: var(--ast-global-color-4);
	border-color: var(--ast-global-color-6);
}


/* 6. Mobile: stop LearnDash tables overflowing ------------------------------
   LD progress and quiz result tables have min-widths that break narrow
   viewports and cause a horizontal scrollbar on the whole page. */

@media (max-width: 767px) {

	.learndash-wrapper .ld-table-list,
	.learndash-wrapper .wpProQuiz_results table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}


/* --------------------------------------------------------------------------
   DO NOT ADD BELOW THIS LINE without first checking whether a setting in
   Astra Customizer, Elementor Site Settings, or LearnDash Design & Content
   Elements can do the same job. It almost always can.
   -------------------------------------------------------------------------- */


.woocommerce-js .product:has(.quantity input[type=hidden]) .button.single_add_to_cart_button, .woocommerce-js .sold-individually .button.single_add_to_cart_button {
	   margin-left: 10px; 
   }