/**
 * Custom CSS rules for Admin UI only.
 *
 * @package Nice_Team
 * @since   1.0
 */
// Header
$color__background-masthead:         #444c56;
$color__background-header:           lighten( $color__background-masthead, 3% );
$color__background-header-nav-hover: #444c56;

// Footer
$color__background-footer:    darken( $color__background-masthead, 6% );
$color__border-footer-top:    darken( $color__background-footer, 10% );
$color__border-footer-bottom: lighten( $color__background-footer, 5% );

.container .page-content {
	width: auto;
}

@media screen and (max-width: 799px) {
	.container .content-sidebar {
		.content,
		.sidebar {
			width: 100%;
			float: none;
		}

		.content {
			min-width: 420px;
		}
	}
}

.about-wrap {
	margin: 0;
	max-width: none;

	.description p {
		font-size: 18px;
	}
}

.nice-admin-wrapper.about {
	.box-container {
		overflow: hidden;
	}

	.box {
		width: 30%;
		margin-right: 3.3333%;
		margin-bottom: 20px;
		float: left;

		html[dir="rtl"] & {
			margin-right: 0;
			margin-left: 3.3333%;
			float: right;
		}

		@media screen and (max-width: 1023px) {
			width: auto;
			margin: auto;
			float: none;
		}

		&.first {
			clear: both;
		}
	}
}

.main-nav .nice-logo {
	display: block;
}

.header {
	background-color: $color__background-header;
	min-width: 450px;
}

.masthead {
	background-color: $color__background-masthead;
	background-image: url("../images/bg.png");

	.about & {
		h1 {
			font-size: 3em;
			max-width: none;
			padding: 2em 15px 5px;
		}

		h2 {
			padding: 0 15px 4.2em;
			font-weight: normal;
			color: #fff;
		}
	}
}

.header-nav {
	.current,
	li a:hover {
		background-color: $color__background-header-nav-hover;
	}
}

.footer {
	background-color: $color__background-footer;

	.primary {
		border-color: $color__border-footer-top;
	}

	.secondary {
		border-color: $color__border-footer-bottom;
	}
}