/*
Theme Name: Online Training
Author: ThemeGrill
Author URI: https://themegrill.com/
Description: Online Training is a modern WordPress block theme designed for fitness coaches, personal trainers, gyms, and online course creators. It ships with purpose-built block patterns for course listings, curriculum breakdowns, coach and instructor profiles, student reviews, pricing, training blogs, and more — making it easy to launch a professional coaching and course platform without writing code. Fully compatible with Masteriyo LMS for course management, lessons, quizzes, student profiles, and enrollment.
Tested up to: 7.1
Requires PHP: 7.4
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: online-training
Tags: blog, full-site-editing, block-patterns, block-styles, custom-colors, custom-logo, editor-style, featured-images, flexible-header, one-column, two-columns, wide-blocks, translation-ready, threaded-comments
*/

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;
}

/* Navigation active state */
.header-nav
	.wp-block-navigation-item.current-menu-item
	> .wp-block-navigation-item__content,
.header-nav
	.wp-block-navigation-item
	> .wp-block-navigation-item__content[aria-current="page"],
.header-nav
	.wp-block-navigation-item.is-active
	> .wp-block-navigation-item__content {
	color: var(
		--wp--preset--color--accent,
		var(--wp--preset--color--primary)
	) !important;
	font-weight: 600 !important;
}

.header-nav
	.wp-block-navigation-item.current-menu-item
	> .wp-block-navigation-item__content
	*,
.header-nav
	.wp-block-navigation-item
	> .wp-block-navigation-item__content[aria-current="page"]
	*,
.header-nav
	.wp-block-navigation-item.is-active
	> .wp-block-navigation-item__content
	* {
	color: var(
		--wp--preset--color--accent,
		var(--wp--preset--color--primary)
	) !important;
}

.cred-check-icon,
.quote-icon {
	background-color: var(--wp--preset--color--primary);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.cred-check-icon {
	width: 16px !important;
	height: 16px;
	flex-shrink: 0;
	margin: 0 !important;
}

.quote-icon {
	width: 40px;
	height: 40px;
	margin: 0;
}

.cred-check-icon img,
.quote-icon img {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
}

@media (max-width: 880px) {
	.site-header .header-actions {
		display: none;
	}
}

@media (max-width: 781px) {
	.online-training-col-border {
		border-left: none;
	}

	.online-training-courses-btn,
	.online-training-articles-btn {
		justify-content: flex-start !important;
	}

	.online-training-timeline-date {
		border-left: none !important;
		padding-bottom: 20px !important;
	}

	.online-training-timeline-content {
		padding-bottom: 20px !important;
	}

	.online-training-timeline-columns {
		gap: 0 !important;
	}

	.online-training-timeline-dot-date {
		gap: 10px !important;
	}
}

@media (max-width: 352px) {
	.online-training-rating-margin {
		margin-left: 0 !important;
		margin-top: 10px !important;
	}
}