
@import "mixins";

.main-header-menu .main-header-log-out,
.main-header-log-out {
	line-height: inherit;
	text-align: center;
	align-self:center;
	a img {
	    border-radius: 50%;
	}
}

.ast-header-break-point  {
	.main-header-bar-navigation {
	
		.lifterlms-custom-menu-item {
			margin: 0;

			a {
				display: inline-block;
				width: 100%;
				border-bottom: 0;
				text-align: left;
			}
		}
	}

	.ast-mobile-header-stack {

		.main-header-log-out {
			text-align: center;
			padding-bottom: 1em;
		}

		&.ast-primary-menu-disabled .lifterlms-custom-menu-item{
			min-width: 45px;
			text-align: center;
			flex: 0;
			box-sizing: content-box;
		}
	}
}

/**
 * Distraction Free 
 */
.llms-distraction-free {

	.main-header-container {
		justify-content: center;
	}

	&.single-lesson,
	&.single-course {
		.main-header-container {
			justify-content: flex-start;
		}

		.site-branding {
			flex: 1;
		}
	}

	&.ast-page-builder-template {

		@media(min-width: $col-md) {
			&.ast-left-sidebar #secondary {
				padding-left: 40px;
			}
			&.ast-right-sidebar #secondary {
				padding-right: 40px;
			}
		}

		.llms-course-navigation {
			padding-left: 20px;
			padding-right: 20px;

			@media(min-width: $col-md) {
				padding-left: 40px;
				padding-right: 40px;
			}
		}
	}

	&.ast-header-break-point {
		
		.main-header-log-out {
			line-height: 1.75;
		}
	}
}

// My Courses
.llms-student-dashboard-vertical .llms-student-dashboard {
	.llms-sd-header {
		float: left;
		width: 20%;

		@media( max-width: $mx-col-md) {
			width: 100%;
			margin-bottom: 2em;
		}

		.llms-sd-item {
			list-style: none;
			border: 1px solid rgba(0, 0, 0, 0.1);
			border-bottom-width: 0;
			width: 100%;
			margin: 0;

			a {
				display: block;
				padding: .5em 1em;
			}

			&.current a {
				background-color: #fbfbfb;
			}
		}

		.llms-sd-item:last-child {
			border-bottom-width: 1px;
		}
	}

	.llms-sd-header ~ .llms-notice,
	.llms-sd-header ~ form,
	.llms-sd-header ~ .llms-sd-section,
	.llms-person-form-wrapper,
	.llms-sd-notification-center,
	.llms-sd-tab {
		float: right;
		width: 78%;

		@media( max-width: $mx-col-md) {
			width: 100%;
		}
	}

	.llms-sd-section {
		.llms-loop-list {
			margin: -10px;
		}
		
		.llms-button-secondary {
			display: inline-block;
		}
	}
}

/**
 * Header Profile link enabled
 */
.llms-profile-link-enabled{
	.header-main-layout-2{
		.ast-header-nav-lifter-profile-wrap{
			display: flex;
			flex-wrap:wrap;
		}
	}
	&.ast-header-break-point {

		&.ast-header-custom-item-outside{
			.header-main-layout-2{
				.ast-masthead-custom-menu-items{
					display: inline-block;
					+ .main-header-log-out{
						display: inline-block;
						padding-left: 0;
						padding-right: 1em;
					}
				}
				&.ast-mobile-header-inline{
					.ast-masthead-custom-menu-items{
						+ .main-header-log-out{
							padding-right: 1em;
						}
					}
				}
			}
		}
		.main-header-log-out {
			padding-bottom: 1.5em;
		}
		.header-main-layout-2{
			.main-header-container{
				text-align: center;
			}
			.ast-header-nav-lifter-profile-wrap,
			.ast-mobile-menu-buttons{
				display: inline-block;
			}
			.main-header-log-out {
				padding-left: 1em;
				padding-bottom: 1em;
				text-align: center;
			}
			.main-header-bar-navigation.toggle-on {
				position: absolute;
				left: 0;
				right: 0;
				top: 100%;
			}

			&.ast-mobile-header-stack{
				.main-header-log-out{
					padding-left: 1em;
					padding-right: 0;
				}
			}
		}

		.header-main-layout-1,
		.header-main-layout-3{
			.main-header-log-out{
				padding-left: 1em;
			}
			&.ast-mobile-header-stack{
				.main-header-log-out{
					@media( max-width: $mx-col-sm) {
						padding-top: 1em;
						padding-bottom: 1em;
						padding-left: 0;
					}
				}	
			}
		}
	}
}