@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";
@import "../../css/_skin-vars.scss";

//@mixin theme--xxl() {
@media #{$media_xxl} {
	#popup-course {
		#popup-footer {
			left: 475px;
		}
	}
}

//@mixin theme--xl() {
@media #{$media_xl} {
	/**
	 * Archive courses page.
	*/
	.lp-archive-courses {
		.learn-press-courses[data-layout="grid"] {
			.course {
				.course-item {
					.course-content {
						.course-permalink {
							.course-title {
								font-size: 1.5em;
							}
						} 
					}
				} 
			}
		}
	}

	/**
	 * Profile page
	*/
	#learn-press-profile.lp-user-profile #profile-content .lp-archive-courses ul.learn-press-courses .course {
		width: 50%;
	}

	.lp-archive-courses .course-summary .course-summary-content .course-detail-info .course-info-left {
		.course-meta.course-meta-secondary .course-meta__pull-left .meta-item {
			margin-right: 15px;
		}
	}

	//Single course sidebar
	#learn-press-course .course-summary-sidebar {
		.course-summary-sidebar__inner > div {
			padding: 30px;
		}
		.course-sidebar-preview .media-preview {
			margin: -40px -30px 30px;
		}
	}

	.course-sidebar-top .lp-badge.featured-course {
		left: -120px;
	}

	//Single quiz/lesson
	#popup-course {
		#popup-header {
			.popup-header__inner {
				.course-title a {
					@include font(26px, 1.4em);
				}
			}
		} 
		#popup-sidebar {
			flex-basis: 440px;
			.course-curriculum {
				width: 440px;
			}
			#learn-press-course-curriculum.course-curriculum {
				ul.curriculum-sections {
					.section-content {
						.course-item  {
							.section-item-link {
								.item-name {
									padding: 0 0.8em;
								}
							} 
						}
					}
				} 
			}
		}
		#sidebar-toggle {
			left: 439px;
		}
		#popup-header,
		#popup-footer {
			left: 440px;
		}
	} 
}


//@mixin theme--lg() {
@media #{$media_lg} {
	/**
	 * Archive courses page.
	*/
	.lp-archive-courses {
		.learn-press-courses {
			//Courses list
			&[data-layout="list"] .course .course-item .course-content {
				padding: 40px 45px 45px;
				.course-wrap-meta {
					.meta-item {
						margin-right: 17px !important;
						font-size: 14px;
						width: auto;
						white-space: normal;
						&:last-child {
							margin-right: 0 !important;
						}
					}
				}
				.course-readmore {
					margin-top: 20px;
				}
				.course-permalink {
					.course-title {
						font-size: 1.5em;
					}
				}
			}
			&[data-layout="list"] .course + .course {
				margin-top: var(--theme-var-grid_gap);
			}
			//Courses gird
			&[data-layout="grid"] .course .course-item .course-content {
				padding: 35px 25px 25px;
				.course-wrap-meta {
					padding-top: 18px;
					margin-top: 23px;
				}
				.course-permalink {
					.course-title {
						font-size: 1.3em;
					}
				}
			} 
			&[data-layout] .course .course-item .course-content {
				.course-info .course-footer {
					min-width: 68px;
					min-height: 68px;
					padding: 5px;
					right: 20px;
					margin-bottom: 0;
					.course-price {
						.price {
							font-size: 15px;
						}
						.origin-price {
							font-size: 13px;
						}
					}
				}
				.course-wrap-meta {
					.meta-item {
						&:before {
							font-size: 16px;
							margin-right: 5px;
						}
					}
				}
			}
		}
		.lp-courses-bar {
			margin-bottom: 40px;
		}
		.lp-content-area {
			.lp-archive-courses-sidebar {
				padding: 30px;
			}
		}
	}

	/*
	 *  Single course page
	*/
	.lp-archive-courses .course-summary .course-summary-content {
		.course-extra-box {
			+ #learn-press-course-tabs.course-tabs {
				margin-top: 50px;
			}
		} 
		.course-detail-info {
			.course-info-left {
				.course-title {
					margin: 40px 0 20px;
				}
				.course-meta {
					.course-meta__pull-left {
						.meta-item:before {
							top: 0;
						}
					}
				} 
				.course-meta.course-meta-primary {
					.course-meta__pull-left {
						gap: 20px 40px;
					}
				}
				.course-meta.course-meta-secondary {
					.course-meta__pull-left {
						gap: 0;
						.meta-item {
							width: auto;
							margin-right: 15px !important;
							&:last-child {
								margin-right: 0 !important;
							}
							&:before {
								font-size: 18px;
							}
						}
					}
				}
			}
		}
		.lp-entry-content.lp-content-area .entry-content-left {
			padding-right: 40px;
			width: calc(100% - 330px);
		}
	}

	#learn-press-course .course-summary-sidebar {
		width: 330px;
	}

	/**
	 * Profile page
	*/
	#learn-press-profile.lp-user-profile {
		#profile-sidebar {
			margin-top: 0;
		}
		#profile-content {
			.lp-archive-courses ul.learn-press-courses .course .course-item .course-content {
				padding: 35px 25px 25px;
				.course-permalink .course-title {
					font-size: 1.3em;
				}
			}
			#profile-content-settings .learn-press-tabs label {
				padding: 16px 35px;
			}
		}
		.learn-press-filters {
			grid-gap: 0;
			@include flex();
			> li {
				&:after {
					display: inline-block;
				}
				&:last-child:after {
					display: none;
				}
			}
		}
	}
	.sidebar_show #learn-press-profile.lp-user-profile {
		#profile-content {
			#profile-content-settings {
				.learn-press-tabs {
					label {
						padding: 16px 20px;
					}

				}
			}
		}			
	}
	/**
	 * Instructor page
	*/
	div.lp-single-instructor {
		.ul-instructor-courses {
			h3 {
				font-size: 1.3em;
			}
			.price-categories {
				margin-top: 20px;
			}
		} 
	} 

	/**
	 * Widgets
	*/
	#popup-course #popup-content {
		padding-left: 30px;
		padding-right: 30px;
	}

	/**
	 * Lesson/quiz page
	*/
	body.course-item-popup {
		#learn-press-course-curriculum {
			width: 400px;
		}
	}
	.learnpress.learnpress-page .lp-button,
	.learnpress.learnpress-page #lp-button,
	#popup-course #popup-content .lp-button,
	.learnpress .learn-press-form-login button[type="submit"],
	.learnpress .learn-press-form-register button[type="submit"],
	.learnpress #learn-press-profile-basic-information button[type="submit"],
	#learn-press-profile.lp-user-profile #profile-content #profile-content-settings form[name="profile-privacy"] button,
	#learn-press-profile.lp-user-profile #profile-content #profile-content-settings form[name="profile-change-password"] button,
	.learnpress.widget_course_featured .lp-widget-featured-courses__footer__link,
	.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link,
	.lp-archive-courses .learn-press-courses[data-layout="list"] .course .course-item .course-content .course-readmore a {
		@include font(15px, 20px);
		padding: 15px 52px 16px;
	}

	#popup-course {
		#popup-content {
			.content-item-wrap {
				.content-item-summary {
					padding-top: 40px;
				}
				.course-item-title {
					margin-bottom: 15px;
					font-size: 1.5em;
				}
			}
			#content-item-quiz {
				.course-item-title.quiz-title {
					margin-bottom: 30px;
				}
				#learn-press-quiz-app {
					.quiz-status {
						.countdown {
							padding: 8px 16px;
						}
					} 
					.quiz-attempts {
						table  {
							tr {
								th, td {
									padding: 8px 10px;
								}
							} 
						}
					} 
				}
			}
		}
		#popup-header {
			.popup-header__inner {
				width: 100%;
				.course-title a {
					font-size: 22px;
				}
			}
		}
		#popup-footer {
			margin: 0 30px;
			padding: 0;
			width: auto;
			max-width: 100%;
		}
		#sidebar-toggle:checked ~ #popup-footer {
			.next {
				right: 0;
				position: relative;
			}
		}
		#popup-sidebar {
			flex-basis: 400px;
			.course-curriculum {
				width: 400px;
			}
			#learn-press-course-curriculum.course-curriculum {
				ul.curriculum-sections {
					.section-header {
						padding: 15px 30px 15px 20px;
						.section-left {
							.section-title {
								font-size: 1.1em;
							}
						}
					}
					.section-content  {
						.course-item  {
							.section-item-link {
								.item-name {
									font-size: 15px;
								}
							} 
						}
					}
				} 
			} 
		} 
		#sidebar-toggle {
			left: 399px;
		}
		#popup-header,
		#popup-footer {
			left: 400px;
		}
	}
}


//@mixin theme--md() {
@media #{$media_md} {
	.sidebar_hide {
		.lp-archive-courses {
			.learn-press-courses[data-layout="grid"] {
				.course {
					width: 50%;
				}
			}
		} 
	}
	.lp-archive-courses {
		.lp-content-area {
			.lp-archive-courses-sidebar {
				width: 100%;
			}
		}
		.lp-main-content {
			+ .lp-archive-courses-sidebar {
				margin-top: 30px;
			}
		}
	} 

	/**
	 * Lesson/quiz page
	*/
	body.course-item-popup {
		#learn-press-course-curriculum {
			width: 300px;
		}
	}
	#popup-course {
		#popup-header {
			.popup-header__inner {
				.course-title {
					a {
						font-size: 20px;
					}
				}
				.items-progress {
					padding-top: 5px;
					padding-bottom: 0;
				}
			}
			.lp-button {
				font-size: 14px;
				padding: 0 18px 1px;
				height: 32px;
				line-height: 32px;
			}	
		} 
		#popup-content {
			#learn-press-content-item .content-item-wrap .content-item-summary .course-item-title {
				text-align: left;
				padding-left: 0;
			}
			#content-item-quiz #learn-press-quiz-app .quiz-buttons {
				.button-left .questions-pagination .nav-links .page-numbers {
					font-size: 14px;
					@include box(40px, 40px, 38px);
				}
			}
			#content-item-quiz {
				#learn-press-quiz-app {
					.quiz-status > div {
						gap: 10px;
						padding: 20px;
						@include flex-direction(column);
						> div {
							width: auto;
						}
						.questions-index {
							width: auto;
						}
					}
				} 
			} 
		}
		#popup-sidebar {
			flex-basis: 300px;
			.course-curriculum {
				width: 300px;
			}
			#learn-press-course-curriculum.course-curriculum {
				ul.curriculum-sections {
					.section-content {
						.course-item {
							.section-item-link {
								.item-name {
									flex-basis: 100%;
								}
							}
						}
					}
				}
			}
		}
		#sidebar-toggle {
			left: 299px;
		}
		#popup-header,
		#popup-footer {
			left: 300px;
		}
	}
	.lp-widget-recent-courses,
	.lp-widget-popular-courses,
	.lp-widget-featured-courses {
		> [class*="-courses__footer"]  [class*="-courses__footer__link"] {
			padding: 13px 33px;
		}
	}

	/*
	 *  Single course page
	*/
	.lp-archive-courses .course-summary .course-summary-content {
		.course-detail-info .course-info-left {
			width: 100%;
		}
		.lp-entry-content.lp-content-area {
			@include flex-direction(column);
			.entry-content-left {
				width: 100%;
				padding-right: 0;
				margin-bottom: 30px;
			}
		}
	}
	#learn-press-course .course-summary-sidebar {
		position: static;
		width: 100%;
		margin-top: 0;
		.course-summary-sidebar__inner {
			width: 100%;
		}
	}
	#learn-press-profile.lp-user-profile {
		.wrapper-profile-header {
			.lp-profile-content-area {
				.lp-profile-left {
					width: auto;
					max-width: 160px;
					min-width: 160px;
				}
			}
		}
		#profile-content {
			width: 100%;
			float: none;
		}
		#profile-sidebar {
			width: 100%;
			float: none;
			background: transparent;
			#profile-nav {
				overflow-x: visible;
				border-top:none;
				.lp-profile-nav-tabs {
					@include flex;
					@include flex-wrap(wrap);
					gap: 10px 20px;
					width: auto;
					overflow-x: visible;
					overflow-y: visible;
					> li {
						float: none;
						border: none;
						> a {
							padding: 0;
							line-height: 1em;
							> i {
								margin-right: 3px;
								position: static;
								left: 0;
								top: 0;
								@include transform(none);
							}
						}
						&.has-child {
							> a {
								&:after {
									display: none;
								}
							}
						}
					}
				}
			}
			+ #profile-content { 
				margin-top: 30px;
			}
		}
	}  
}

//@mixin theme--sm() {
@media #{$media_sm} {

	/**
	 * Archive courses page
	*/
	.lp-archive-courses {
		.lp-courses-bar .search-courses {
			input[type="text"] {
				font-size: 15px;
				height: 50px;
			}
			button i:before {
				font-size: 22px;
			}
		}
		.learn-press-courses {
			&[data-layout="list"] {
				.course .course-item {
					.course-content {
						padding: 30px 25px;
						.course-permalink {
							.course-title {
								font-size: 1.3em;
							}
						}
						.course-readmore {
							margin-top: 20px;
							a {
								margin-top: 0;
							}
						}
						.course-wrap-meta {
							.meta-item {
								width: auto;
								margin-right: 12px !important;
							}
						} 
					}
				}
			} 
			&[data-layout] .course .course-item .course-content {
				.course-wrap-meta {
					padding-bottom: 10px;
				}
			}
		}
		.learn-press-courses[data-layout] .course .course-item .course-content .course-wrap-meta,
		.course-summary .course-summary-content .course-detail-info .course-info-left .course-meta .course-meta__pull-left {
			.meta-item {
				font-size: 15px;
			}
		}
	}

	#learn-press-profile.lp-user-profile #profile-content .lp-archive-courses ul.learn-press-courses .course,
	.sidebar_hide .lp-archive-courses .learn-press-courses[data-layout="grid"] .course,
	.lp-archive-courses .learn-press-courses[data-layout="grid"] .course {
		width: 100% !important;
	}

	/*
     *  Single course page
    */
	.lp-archive-courses .course-summary .course-summary-content {
		.course-extra-box {
			+ #learn-press-course-tabs.course-tabs {
				margin-top: 40px;
			}
		} 
		.course-detail-info {
			.course-info-left {
				.course-meta.course-meta-primary .course-meta__pull-left {
					gap: 20px 30px;
					.meta-item {
						width: auto;
						.meta-item__value {
							> div a {
								font-size: 17px;
							}
							label {
								font-size: 15px;
							}
						} 
					}
					.meta-item.meta-item-instructor {
						margin-right: 30px;
						.meta-item__image {
							margin-right: 12px;
							flex: 0 0 50px;
							img {
								width: 50px;
								height: 50px;
							}
						}
					}
					.meta-item.meta-item-categories {
						&:before {
							margin-right: 12px;
						}
					}
				}
				.course-title {
					font-size: 24px;
					margin: 25px 0 15px;
				}
			}
		}
	} 
	#learn-press-course .course-summary-sidebar {
		.course-sidebar-preview .course-price {
			margin-bottom: 20px;
			.free,
			.price {
				font-size: 24px;
			}
		}
		.course-featured-review {
			margin-top: 25px;
			margin-bottom: 0;
		}
	}
	#learn-press-course-tabs.course-tabs {
		margin-top: 30px;
	}
	.lp-modal-dialog {
		.lp-modal-content {
			.lp-modal-header {
				padding: 0.8em 1.3em;
				h3 {
					font-size: 17px;
				}		
			}
			.lp-modal-footer {
				.lp-button {
					padding: 10px 40px 12px;
				}
			} 
		}
	}

	//Course tabs
	#learn-press-course-tabs.course-tabs {
		ul.learn-press-nav-tabs {
			.course-nav {
				label {
					padding: 14px 10px;
					font-size: 15px;
				}
			} 
		}
		.course-nav:nth-child(even) label {
			border-right: 0 !important;
		}
		.course-nav:last-child label {
			border-right: 1px solid var(--theme-color-alter_bd_color);
		}
		.course-curriculum ul.curriculum-sections .section-content .course-item {
			padding: 0 25px;
			.section-item-link {
				.course-item-meta {
					display: table-cell;
					> * {
						margin-bottom: 0;
					}
				}
			}
		}
		.course-tab-panels .course-tab-panel {
			padding-top: 36px;
		}
		.course-tab-panel-faqs .course-faqs-box {
			.course-faqs-box__title {
				@include font(1em, 1.3em, 600);
				padding: 15px 25px 15px 20px;
				&:after {
					right: 15px;
				}
			}
			.course-faqs-box__content .course-faqs-box__content-inner {
				padding: 0 20px 15px;
			}
		}
		.course-tab-panel .lp-course-author .instructor-social {
			@include flex-justify-content(center);
		}
		.course-tab-panel-instructor .course-author .lp-course-author .course-author__pull-left {
			margin-bottom: 20px;
		}
		.course-tab-panel-materials {
			.course-material-table {
				th, td {
					padding: 8px;
					@include font(15px, 18px);
				}
			}
		}
	}

	.lp-archive-courses .course-summary .course-summary-content .course-extra-box {
		.course-extra-box__title {
			--extra-height: 50px;
			padding: 0 40px 0 20px;
		}
		.course-extra-box__content li {
			border-bottom-color: var(--theme-color-bg_color);
			padding: 10px 20px;
			line-height: 1.4em;
			&:before {
				font-size: 15px;
			}
		}
	}

	.learnpress.learnpress-page .lp-button,
	.learnpress.learnpress-page #lp-button,
	#popup-course #popup-content .lp-button,
	.learnpress .learn-press-form-login button[type="submit"],
	.learnpress .learn-press-form-register button[type="submit"],
	.learnpress #learn-press-profile-basic-information button[type="submit"],
	#learn-press-profile.lp-user-profile #profile-content #profile-content-settings form[name="profile-privacy"] button,
	#learn-press-profile.lp-user-profile #profile-content #profile-content-settings form[name="profile-change-password"] button,
	.learnpress.widget_course_featured .lp-widget-featured-courses__footer__link,
	.elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link,
	.lp-archive-courses .learn-press-courses[data-layout="list"] .course .course-item .course-content .course-readmore a {
		padding: 13px 40px;
	}

	/*
	 *  Checkout page
	*/
	#learn-press-checkout {
		.lp-checkout-form__after {
			margin-bottom: 20px;
		}
		.lp-checkout-form__before {
			margin-bottom: 0;
		}
		.lp-checkout-order__inner {
			padding: 10px 15px;
			.course-thumbnail {
				padding: 10px 0 10px 0;
				width: 50px;
				min-width: 50px;
				img {
					min-width: 50px;
				}
			}
			.course-name {
				padding: 5px 10px;
			}
		}
		#checkout-order {
			.order-total {
				.col-number {
					font-size: 1.2em;
				}
				> th {
					font-size: 16px;
					padding: 15px 12px 15px 0;
				}
			}
			tfoot {
				.cart-subtotal {
					> th {
						font-size: 16px;
						padding: 15px 15px 13px 0;
					}
				} 
			}
		}
	}


	/**
	 * Profile page
	*/
	#learn-press-profile.lp-user-profile {
		.learn-press-profile-course__progress {
			.lp_profile_course_progress__header {
				th {
					padding: 10px;
					font-size: 14px;
				}
			} 
			.lp_profile_course_progress__item {
				td {
					font-size: 14px;
				}
				td,
				td:first-child {
					padding: 5px;
				}
			}
		} 
		.wrapper-profile-header {
			margin-bottom: 2em;
			padding: 1.5em;
			.lp-profile-content-area {
				gap: 20px;
				.lp-profile-right {
					padding: 0;
				}
				.lp-profile-username {
					font-size: 18px;
				}
			}
		}
		.learn-press-filters > li {
			font-size: 14px;
			margin-right: 15px;
			&:after {
				display: none;
			}
		}
		#profile-content {
			table.lp-list-table {
				thead {
					tr {
						th {
							padding: 10px;
							font-size: 14px;
						}
					}
				}
				tbody,
				tfoot {
					tr {
						td, th {
							padding: 5px;
							font-size: 14px;
						}
					}
				}
			}
			#profile-content-orders {
				div.order-recover {
					input[type="text"] {
						font-size: 15px;
					}
				} 
			} 
			#learnpress-avatar-upload {
				.learnpress_avatar__button {
					font-size: 15px;
				}
			} 
			#profile-content-settings {
				.learn-press-tabs {
					.learn-press-tabs__tab {
						border-right: 1px solid var(--theme-color-bd_color);
						&:last-child {
							border-right: 0;
						}
						> label {
							font-size: 15px;
							a {
								padding: 10px 20px;
							}
						}
					}
				}
								.learn-press-form {
					.form-fields {
						.form-field {
							.form-field-input {
								input {
									font-size: 15px;
								}
							}
							label {
								font-size: 15px;
							}
						} 
					} 
				}
			}
			#profile-content-courses,
			#profile-content-my-courses {
				.dashboard-statistic__row {
					@include flex;
					background: transparent;
					padding: 0;
					gap: 5px;
					.statistic-box {
						padding: 10px 20px;
						.statistic-box__text,
						.statistic-box__number {
							font-size: 14px;
						}
					}
				}
			}
		} 
		#profile-sidebar #profile-nav {
			.lp-profile-nav-tabs > li {
				max-width: none;
				&:last-child {
					border-right: 0;
				}
				a {
					font-size: 15px;
				}
				> a {
					height: auto;
					&:after {
						float: none;
						margin-right: 0;
						margin-left: 3px;
						top: 0;
					}
					i {
						line-height: 1;
						position: static;
						width: auto;
					}
				}
			}
		}
	}
	/**
	 * Instructor page
	*/
	div.lp-single-instructor {
		.ul-instructor-courses {
			.item-course {
				padding: 1.5em;
			}
		} 
		.lp-single-instructor__info {
			@include flex;
			@include flex-direction(column);
			@include flex-justify-content(flex-start);
			@include flex-align-items(center);
			.instructor-avatar {
				margin-right: 0;
                margin-bottom: 15px;
				img {
					width: 100px;
				}
			}
			.lp-single-instructor__info__right {
				text-align: center;

				h2{
					font-size: 20px;
				}
				.instructor-social {
					@include flex-justify-content(center);
				}
			}
		}
	} 

	/**
	 * Widgets
	*/
	.elementor-widget-wp-widget-learnpress_widget_course_progress .lp_widget_course_progress,
	.elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info,
	.elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra {
		padding: 20px;
	}
	.learnpress-widget-wrapper .lp-widget-recent-courses > [class*="-courses__footer"] [class*="courses__footer__link"],
	.learnpress-widget-wrapper .lp-widget-popular-courses > [class*="-courses__footer"] [class*="courses__footer__link"],
	.learnpress-widget-wrapper .lp-widget-featured-courses > [class*="-courses__footer"] [class*="courses__footer__link"] {
		padding: 13px 30px;
		font-size: 14px;
	}

	/**
	 * Lesson/quiz page
	*/
	#popup-course {
		.quiz-results,
		.quiz-content,
		.quiz-questions,
		.quiz-buttons,
		.quiz-attempts {
			margin-bottom: 40px;
		}
		#popup-content {
			margin-top: 120px;
			padding-left: 20px;
			padding-right: 20px;
			.content-item-summary {
				padding-top: 0;
			}
			#content-item-quiz #learn-press-quiz-app {
				.question {
					margin-bottom: 40px;
					.answer-option {
						margin: 0 0 10px 0;
					}
				} 
				.quiz-status {
					.countdown {
						min-width: 100px;
					}
					.submit-quiz {
						.lp-button {
							padding: 11px 20px;
							margin-right: 0;
						}
					}
					> div > div {
						gap: 10px;
					}
				}
				.quiz-attempts {
					table  {
						tr {
							th, td {
								@include font(14px, 1.1em);
								padding: 6px;
							}
						} 
					}
				} 
			}
		}
		#popup-sidebar {
			flex-basis: 100%;
			.course-curriculum {
				width: calc(100% - 20px);
			}
		}
		#sidebar-toggle {
			z-index: 9999;
			left: calc(100% - 20px);
			width: 20px;
			height: 50px;
		}
		#popup-header {
			left: 100%;
			.course-title {
				flex: 0;
			}
			.popup-header__inner {
				padding: 20px;
				@include flex-direction(column);
				@include flex-justify-content(flex-start);
				@include flex-align-items(flex-start);
				.items-progress {
					margin: 0;
					+ .form-button-finish-course {
						margin-top: 10px;
					}
				}
			}
			.back-course {
				line-height: 90px;
			}
		}
		#popup-footer {
			left: calc(100% + 30px);
		}
	} 
}


//@mixin theme--sm_wp() {
@media #{$media_sm_wp} {

}

//@mixin theme--xs() {
@media #{$media_xs} {
	/*
	 * Single course page
	*/
	.lp-archive-courses {
		.course-summary {
			.course-summary-content {
				.course-detail-info {
					.course-info-left {
						.course-meta.course-meta-primary {
							.course-meta__pull-left {
								gap: 20px;
								.meta-item {
									.meta-item__value {
										> div {
											a {
												font-size: 16px;
											}
										} 
										label {
											font-size: 14px;
										}
									} 
								} 
								.meta-item.meta-item-instructor {
									.meta-item__image {
										margin-right: 10px;
										flex: 0 0 44px;
										img {
											@include box(44px, 44px);
										}
									} 
								} 
								.meta-item.meta-item-categories {
									&:before {
										margin-right: 10px;
									}
								}
							} 
						}
					}
				}
			} 
		}
	}



	//Course tabs
	#learn-press-course-tabs.course-tabs ul.learn-press-nav-tabs {
		display: block;
		.course-nav {
			width: 100%;
			&:first-child label {
				border-top: 0;
			}
			&:last-child label {
				border-top: 1px solid var(--theme-color-alter_bd_color);
			}
			label {
				border-right: 0 !important;
				border-top: 1px solid var(--theme-color-alter_bd_color);
			}
		}
	}
	#popup-course {
		#popup-content {
			#content-item-quiz #learn-press-quiz-app {
				.quiz-buttons {
					.button-left {
						.questions-pagination {
							.nav-links {
								.page-numbers {
									font-size: 13px;
									@include box(36px, 36px, 34px);
								}
							} 
						}
					}
				}
			}
			.form-button-finish-course {
				float: none;
				.lp-btn-finish-course {
					margin-top: 10px;
				}
			}
		}
		#popup-header {
			.popup-header__inner {
				padding: 15px;
			}
		}
	}
	
	/**
	 * Widgets
	*/
	.lp-archive-courses {
		.lp-content-area {
			.lp-archive-courses-sidebar {
				padding: 25px;
			}
		} 
	} 
	/**
	 * Login/Register page
	*/
	.learnpress .learn-press-form-login,
	.learnpress .learn-press-form-register {
		padding: 25px 30px 30px 30px
	}
}