/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.settings_page_badgeup {

	#badgeup_api_key_valid {
		height: 32px;
		width: 32px;
		display: inline-block;
		vertical-align: top;
		&.loading {
			background: center/80% no-repeat url('../img/icons/preloader.gif');
		}
		.dashicons {
			font-size: 25px;
			text-align: left;
			height: auto;
			width: auto;
		}
		.dashicons-no {
			color: #d00;
		}
		.dashicons-yes {
			color: #0c5;
		}
	}

	.badgeup-admin-header {
		background: center/cover fixed url('../img/bg-pattern.svg');
		margin-left: -20px;
		overflow: hidden;
		.heading {
			padding: 20px;
			font-size: 2em;
			font-weight: 300;
			line-height: 50px;
			letter-spacing: 2px;
			position: relative;
			color: #ffffff;
			> * {
				position: relative;
				z-index: 7;
			}
		}
		.logo {
			float: right;
			width: 200px;
			border-radius: 5px;
			display: block;
		}
	}

	.nav-tab-wrapper {
		padding: 0;
		border: none;
		padding-left: 20px;

		.nav-tab {
			background: none;
			border: none;
			color: #fff;
			font-weight: 300;
			letter-spacing: 1px;
			text-transform: uppercase;
			padding: 7px 20px 5px;
			&:first-of-type {
				margin: 0;
			}
			&:hover {
				background: rgba(0, 0, 0, 0.25);
			}
			&.nav-tab-active {
				background: #f1f1f1;
				color: #23282d;
				font-weight: normal;
			}
		}
	}

	h2.badgeup-notices-magnet:first-of-type {
		margin: 0;
		padding: 0;
	}

	.admin-achievements-wrap {
		h4 {
			margin: 1.6em 0 1.6em;
		}
		a.reload-achievements-cache {
			margin: -5px 0;
			float: right;
		}
	}
	.achievement {
		background: #fff;
		padding: 1em;
		margin: 1em auto;
		border: 2px solid #ccc;
		> * {
			box-sizing: border-box;
			display: inline-block;
			vertical-align: middle;
		}
		&:after {
			content: '';
			display: block;
			clear: both;
		}
		img {
			width: 70px;
			height: auto;
		}
		.desc {
			width: calc( 100% - 200px );
			padding: 0 1em;
			h3 {
				margin: 0;
			}
		}
		.actions {
			width: 120px;
		}
	}
}