/*
Theme Name: Online LMS
Author: ThemeGrill
Author URI: https://themegrill.com/
Description: Online LMS is a WordPress block theme built for online education platforms, training centers, and e-learning websites. It ships with purpose-built block patterns for course listings, instructors, pricing, FAQs, testimonials, and more — making it easy to launch a professional learning site without writing code. Fully compatible with Masteriyo LMS for course management, lessons, quizzes, student profiles, and enrollment.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.2
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: online-lms
Tags: education, blog, portfolio, full-site-editing, block-patterns, block-styles, custom-colors, custom-menu, custom-logo, editor-style, featured-images, flexible-header, one-column, two-columns, three-columns, threaded-comments, translation-ready, wide-blocks
*/

html,
body,
.wp-block-post-author__avatar,
.wp-block-social-links,
.wp-block-post-excerpt__excerpt,
.wp-block-separator {
	margin: 0;
	padding: 0;
}

html,
body {
	overflow-x: hidden;
}

.no-margin-top {
	margin-top: 0 !important;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
html {
	font-smooth: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: antialiased;
 }

body {
	font-smooth: auto;
	font-smooth: inherit;
	-webkit-font-smoothing: inherit;
}

.wp-site-blocks > .wp-block-group  {
	margin-block-start: 0;
}

.wp-block-columns{
	margin-block-start: 0;
	margin-block-end: 0;
}

.wp-block-cover{
	margin-block-start: 0;
	margin-block-end: 0;
}

.wp-site-blocks > header,
.wp-site-blocks > footer {
	margin-block-start: 0;
}

/* Header: hide Sign In + Get Started group when hamburger is active (below 600px) */
@media (max-width: 599px) {
	.online-lms-d-none {
		display: none !important;
	}
}

/* Header button: never wrap text */
header .wp-element-button {
	white-space: nowrap;
}

/* Masteriyo compatibility: restore nav link cursor and hover underline.
   Mirrors TwentyTwentyFive's selector pattern (.wp-block-navigation + .wp-block-navigation-item
   + .wp-block-navigation-item__content = specificity 30) which beats Masteriyo's
   masteriyo-dependencies.css rule (.wp-block-navigation-item .wp-block-navigation-item__content
   { cursor:text } = specificity 20). Also fixes hover underline lost to public.css
   body.masteriyo a { text-decoration:none } on all Masteriyo pages. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	cursor: pointer;
}

body.masteriyo .wp-block-navigation a:not(.wp-element-button):hover {
	text-decoration: underline;
}

/* Masteriyo LMS pages: expand constrained content width beyond the 720px blog default */
body.masteriyo-account-page,
body.masteriyo-courses-page,
body.masteriyo-checkout-page,
body.masteriyo-learn-page,
body.masteriyo-instructor-registration-page {
	--wp--style--global--content-size: 1100px;
}

/* Skip link — visible on keyboard focus, hidden otherwise */
.skip-link.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.skip-link.screen-reader-text:focus {
	background-color: var(--wp--preset--color--primary, #5e4af7);
	clip: auto !important;
	clip-path: none;
	color: #fff;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 8px;
	line-height: normal;
	padding: 12px 20px;
	text-decoration: none;
	top: 8px;
	width: auto;
	z-index: 100000;
	border-radius: 4px;
}