.wrap--nextgenthemes {
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;

	.nav-tab {
		cursor: pointer;
	}

	.nav-tab:not(.nav-tab--ngt-highlight) {
		font-weight: 400;
	}

	a {
		text-decoration: none;
	}
}

.wp-core-ui .button-primary--ngt-small {
	height: 18px;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 12px;
}

.nextgenthemes-label-text {
	display: block;
	margin-bottom: 3px;
	font-weight: 600;

	span {
		opacity: .5;
	}

	[type="checkbox"] + & {
		display: inline;
	}
}

.wrap--nextgenthemes__loading-indicator {
	width: 16px;
	height: 16px;
}

.ngt-settings-grid {
	display: grid;
	grid-template-areas:
		"content"
		"sidebar";

	@media (min-width: 750px) {
		grid-column-gap: 2rem;
		grid-template-areas: "content sidebar";
		grid-template-columns: 1fr 300px;
	}

	@media (min-width: 1200px) {
		grid-column-gap: 3rem;
		grid-template-columns: 1fr 420px;
	}
}

.ngt-settings-grid__content {
	grid-area: content;
}

.ngt-settings-grid__sidebar {
	grid-area: sidebar;
}

.ngt-sidebar-box {
	padding: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	background: #fff;
	border-left: 4px solid hsl(125.5, 44%, 49%);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);

	h3:first-child {
		margin-top: 0;
	}

	ul {
		padding-left: 1em;
		list-style: square;
	}

	li {
		padding-left: .7em;
		margin-bottom: 1em;
	}

	@media (min-width: 1200px) {
		padding: 3rem;
	}
}

.ngt-debug-textarea {
	width: 100%;
	height: 1000px;
	max-height: calc(100vh - 150px);
	margin-top: 2em;
	font-family: monospace;
}