/*!

Theme Name: eLearning

Theme URI: https://masteriyo.com/elearning-lms-theme/

Author: Masteriyo

Author URI: https://masteriyo.com

Description: eLearning is a free WordPress LMS theme powered by Masteriyo LMS. Masteriyo is a revolutionary LMS plugin based on React JS making it not just super fast but also super easy to setup. Masteriyo plugin helps to create and sell online courses with ease. eLearning theme is Gutenberg, Elementor and any other page builder ready making it perfect choice to create a visually appealing professional looking LMS site. eLearning is light weight, SEO optimized, AMP ready, RTL ready, major browsers compatible, fully responsive, translation ready and backed up by our awesome support team. It has tons of customizer options related to header, menu, blog page, single post page, footer, layouts, typography, designs and many more.  It comes with pre-built Elementor and Gutenberg demos that you can import with few clicks via the recommended demo importer plugin. Checkout the live demo at https://demo.masteriyo.com/elearning.

Version: 2.1.6

Tested up to: 6.8

Requires PHP: 7.4

License: GPLv3 or later

License URI: https://www.gnu.org/licenses/gpl-3.0.en.html

Text Domain: elearning

Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, news, education, rtl-language-support



eLearning is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

*/



/*=============================================

=            RESET & NORMALIZE                =

=============================================*/

h1, h2, h3, h4, h5, h6, p, blockquote {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	outline: 0;

	vertical-align: baseline;

}



html {

	font-family: sans-serif;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	box-sizing: border-box;

}



*, *::before, *::after {

	box-sizing: inherit;

}



body {

	margin: 0;

	background: var(--elearning-color-3, #FFFFFF);

	font-family: -apple-system, blinkmacsystemfont, "segoe ui", roboto, "oxygen-sans", ubuntu, cantarell, "helvetica neue", helvetica, arial, sans-serif;

	font-size: 1rem;

	color: var(--elearning-color-6, #16181A);

	line-height: 1.8;

}



/* MOBILE ZOOM FIX: Force inputs to 16px */

button, input, optgroup, select, textarea {

	color: inherit;

	font: inherit;

	margin: 0;

}



@media screen and (max-width: 768px) {

	input, select, textarea, .masteriyo-checkout-page input {

		font-size: 16px !important;

	}

}



/*=============================================

=            GRID & LAYOUT                    =

=============================================*/

.tg-container {

	width: 100%;

	margin-right: auto;

	margin-left: auto;

}



@media (min-width: 768px) {

	.tg-container { max-width: 720px; }

}

@media (min-width: 992px) {

	.tg-container { max-width: 940px; }

}

@media (min-width: 1200px) {

	.tg-container { max-width: 1160px; }

}



/* MOBILE LAYOUT FIX: Force full width for checkout */

@media screen and (max-width: 600px) {

	.tg-container, 

	.masteriyo-checkout-page, 

	.masteriyo-checkout-page-container {

		width: 100% !important;

		padding-left: 15px !important;

		padding-right: 15px !important;

		max-width: 100vw !important;

		overflow-x: hidden !important;

	}

}



/*=============================================

=            TYPOGRAPHY                       =

=============================================*/

h1, h2, h3, h4, h5, h6 {

	color: var(--elearning-color-7, #16181a);

	line-height: 1.3;

	font-weight: 500;

	margin: 0 0 20px;

}

h1 { font-size: 2.5rem; }

h2 { font-size: 2.25rem; }

h3 { font-size: 1.75rem; }



/*=============================================

=            MASTERIYO CHECKOUT FIXES         =

=============================================*/

.masteriyo-checkout-page {

	margin-top: 30px;

	margin-bottom: 30px;

}



/* Fix for payment method icons on mobile */

.masteriyo-checkout-payment-methods img {

	max-height: 30px;

	width: auto;

}



/*=============================================

=            NAVIGATION & HEADER              =

=============================================*/

.tg-primary-menu > div > ul {

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-end;

	align-items: center;

	list-style: none;

}



.tg-primary-menu > div > ul > li {

	margin: 1em;

}



.tg-menu-item-cart .count {

	display: flex;

	font-size: 10px;

	width: 16px;

	height: 16px;

	background-color: #343a40;

	color: #fff;

	position: absolute;

	top: -5px;

	right: -10px;