// This is a combo of normalize.css v1.0.1 via h5bp.com
// MIT License | git.io/normalize

// ==========================================================================
// HTML5 display definitions
// ==========================================================================

// Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
}

// Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

// Prevents modern browsers from displaying `audio` without controls.
// Remove excess height in iOS 5 devices.
audio:not([controls]) {
	display: none;
	height: 0;
}

// Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
// and Safari 4.
// Known issue: no IE 6 support.
[hidden] {
	display: none;
}

// ==========================================================================
// Base
// ==========================================================================

// 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
//    `em` units.
// 2. Prevents iOS text size adjust after orientation change, without disabling
//    user zoom.
html {
	font-size: 100%; // 1
	-webkit-text-size-adjust: 100%; // 2
	-ms-text-size-adjust: 100%; // 2
}

// Addresses `font-family` inconsistency between `textarea` and other form
// elements.
html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}

// Addresses margins handled incorrectly in IE 6/7.
body {
	margin: 0;
}

// ==========================================================================
// Links
// ==========================================================================

// Addresses `outline` inconsistency between Chrome and other browsers.
a:focus {
	outline: thin dotted;
}

// Improves readability when focused and also mouse hovered in all browsers.
a:active,
a:hover {
	outline: 0;
}

// ==========================================================================
// Typography
// ==========================================================================

// Addresses font sizes and margins set differently in IE 6/7.
// Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
// and Chrome.
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.75em;
	margin: 2.33em 0;
}

// Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
abbr[title] {
	border-bottom: 1px dotted;
}

// Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
b,
strong {
	font-weight: $bold;
}

blockquote {
	margin: 1em 40px;
}

// Addresses styling not present in Safari 5 and Chrome.
dfn {
	font-style: italic;
}

// Addresses styling not present in IE 6/7/8/9.
mark {
	background: #ff0;
	color: #000;
}

// Addresses margins set differently in IE 6/7.
p,
pre {
	margin: 1em 0;
}

// Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

// Improves readability of pre-formatted text in all browsers.
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

// Addresses CSS quotes not supported in IE 6/7.
q {
	quotes: none;
}

// Addresses `quotes` property not supported in Safari 4.
q:before,
q:after {
	content: '';
	content: none;
}

// Addresses inconsistent and variable font size in all browsers.
small {
	font-size: 80%;
}

// Prevents `sub` and `sup` affecting `line-height` in all browsers.
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

// ==========================================================================
// Lists
// ==========================================================================

// Addresses margins set differently in IE 6/7.
dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

// Addresses paddings set differently in IE 6/7.
menu,
ol,
ul {
	padding: 0 0 0 40px;
}

// Corrects list images handled incorrectly in IE 7.
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

// ==========================================================================
// Embedded content
// ==========================================================================

// 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
// 2. Improves image quality when scaled in IE 7.
img {
	border: 0; // 1
	-ms-interpolation-mode: bicubic; // 2
}

// Corrects overflow displayed oddly in IE 9.
svg:not(:root) {
	overflow: hidden;
}

// ==========================================================================
// Figures
// ==========================================================================

// Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
figure {
	margin: 0;
}

// ==========================================================================
// Forms
// ==========================================================================

// Corrects margin displayed oddly in IE 6/7.
form {
	margin: 0;
}

// Define consistent border, margin, and padding.
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

// 1. Corrects color not being inherited in IE 6/7/8/9.
// 2. Corrects text not wrapping in Firefox 3.
// 3. Corrects alignment displayed oddly in IE 6/7.
legend {
	border: 0; // 1
	padding: 0;
	white-space: normal; // 2
	*margin-left: -7px; // 3
}

// 1. Corrects font size not being inherited in all browsers.
// 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
//    and Chrome.
// 3. Improves appearance and consistency in all browsers.
button,
input,
select,
textarea {
	font-size: 100%; // 1
	margin: 0; // 2
	vertical-align: baseline; // 3
	*vertical-align: middle; // 3
}

// Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
// the UA stylesheet.
button,
input {
	line-height: normal;
}

// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
//    and `video` controls.
// 2. Corrects inability to style clickable `input` types in iOS.
// 3. Improves usability and consistency of cursor style between image-type
//    `input` and others.
// 4. Removes inner spacing in IE 7 without affecting normal text inputs.
//    Known issue: inner spacing remains in IE 6.
button,
html input[type="button"], // 1
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; // 2
	cursor: pointer; // 3
	*overflow: visible;  // 4
}

// Re-set default cursor for disabled elements.
button[disabled],
input[disabled] {
	cursor: default;
}

// 1. Addresses box sizing set to content-box in IE 8/9.
// 2. Removes excess padding in IE 8/9.
// 3. Removes excess padding in IE 7.
//    Known issue: excess padding remains in IE 6.
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; // 1
	padding: 0; // 2
	*height: 13px; // 3
	*width: 13px; // 3
}

// 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
// 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
//    (include `-moz` to future-proof).
input[type="search"] {
	-webkit-appearance: textfield; // 1
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; // 2
	box-sizing: content-box;
}

// Removes inner padding and search cancel button in Safari 5 and Chrome
// on OS X.
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

// Removes inner padding and border in Firefox 3+.
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

// 1. Removes default vertical scrollbar in IE 6/7/8/9.
// 2. Improves readability and alignment in all browsers.
textarea {
	overflow: auto; // 1
	vertical-align: top; // 2
}

// ==========================================================================
// Tables
// ==========================================================================

// Remove most spacing between table cells.
table {
	border-collapse: collapse;
	border-spacing: 0;
}// ==========================================================================
// Plugin configure page
// ==========================================================================

.page-content.configure {
	margin-top: 0;
}

.configure .frame {

	&.top {
		border: none;
		box-shadow: none;
		padding-top: em(20);
		position: relative;
		top: auto;

		&.fixed {
			background: #f9f9f9;
			border-bottom: 1px solid #e9e9e9;
			padding-left: 160px;
			margin-top: -6px;
			position: fixed;
			right: 0;
			top: 32px;
			width: 100%;
			z-index: 4;
			@include box-shadow(0 2px 2px -2px #eee);

			@media (max-width: 782px) {
				border: none;
				box-shadow: none;
				padding-top: em(20);
				position: relative;
				top: auto;
			}
			@media (max-width: 600px) {
				top: 0;
			}
		}

		.tablenav.top {
			float: left;

			.actions {
				@media (max-width: 900px) {
					display: block;
				}
				@media (max-width: 782px) {
					margin-top: 6px;
				}
			}
		}
	}
}

.jp-frame-top-fixed .configure {
	padding-top: 94px;
}

.filter-search {
	display: none;
	float: right;
	margin-top: 10px;
	@media (max-width: 782px) {
		display: block;
	}
	@media (max-width: 530px) {
		display: none;
	}
}

.module-actions.landing-page {
	float: right;
	margin-right: 15px;

	a {
		font-size: 0.6em;
	}
}

.table-bordered.jetpack-modules {
	border: none;
	margin-bottom: 0;
	tr.jetpack-module {
		
		th {
			border-left: 0;
			padding: 14px 4px 0;
			input {
				display: block;
			}
		}
		&:hover {
			.genericon {
				display: inline-block;
			}
			td .row-actions span a {
				opacity: 1;
			}
		}
		&.active {
			th,
			td {
				background: #f7fcfe;
			}
			th {
				border-left: 4px solid #2ea2cc;
				padding-left: 0px;
			}
			td {
				&:first-child {
					border-left: 4px solid #2ea2cc;
				}
			}
		}
		&.unavailable {
			opacity: 0.3;
			input {
				display: none;
			}
		}
		th,
		td {
			background: #fff;
			margin: 0;
			-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
			box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);

		}
		td {
			padding: 10px 10px 8px 14px;
			line-height: 25px;

			&:first-child {
				border-left: 4px solid #fff;
			}
			.row-actions {
				float: right;
				padding: 0 0 1px;
				visibility: visible;

				span {
					margin-left: 5px;
					a {
						opacity: 0;
						&:focus {
							opacity: 1;
						}
					}
				}

				@media (max-width: 530px) {
					display: none;
				}
			}
		}
	}
	&>thead>tr>th {
		border: 0;
		vertical-align: middle;

		&:last-child {
			padding-right: 0;
		}
	}
	td {
		background: #fff;
	}
	#doaction {
		margin-top: 0;

		@media (max-width: 782px) {
			padding: 10px 7px;
		}
	}
	.checkall {
		margin-top: 1px;
	}
	.filter-search {
		margin-top: 8px;
	}
	.genericon {
		color: #999;
		display: none;
		margin: 7px 3px 0;
	}
	.med {
		width: 70px;
	}
	.sm {
		width: 30px;
	}
	@media (max-width: 782px) {
		.check-column {
			width: 50px;
		}
	}
}
.fixed-top .check-column {
	padding: 8px 10px 0 10px;
	width: 2.2em;
}
.wrap {
	margin: 0;
	padding: 0 1.5em 1em;
	overflow: hidden;

	h2 {
		font-size: 24px;
		font-weight: 400;
	}
	.manage-left {
		float: left;
		margin: 0;
		padding: 0;
		width: 63%;

		table {
			width: 100%;
		}

		@media (max-width: 782px) {
			width: 100%;
		}
	}
	.manage-right {
		margin: 0;
		padding: 0;
		position: absolute;
		right: 0;
		width: 35%;
		z-index: 1;

		p {
			font-size: 12px;
			font-weight: bold;
			color: #bbb;
			padding-top: 2px;
			text-transform: uppercase;
			letter-spacing: 1px;
			clear: left;
		}
		.bumper {
			margin-left: 33px;
		}
		&.show {
			display: block;
			position: fixed;
			overflow-y: auto;
			overflow-x: hidden;
			position: absolute;
		}
		.search-bar {
			margin-bottom: 18px;
			max-width: 300px;
		}
		p.search-box {
			float: none;
			height: auto;
			margin-bottom: 0;
			position: relative;

			input[type='search'] {
				padding: 0 8px;
				width: 90%;
				line-height: initial;

				@media (max-width: 782px) {
					float: left;
					padding: 9px 8px;
				}
			}
			input[type="submit"] {
				display: none;
			}
		}
		.button-group {
			.button {
				outline: none;
			}
		}
		.subsubsub {
			margin: 0;
			padding: 0;

			a {
				padding: 0;
				line-height: inherit;
			}
			.current{
				padding:1px 5px;
				border-radius:2px;
				margin-left:-5px;
				background: #0D72B2;
				color:#FFF;

				.count{
					color:#BCD7E7;
					font-weight:200;
				}
			}
			
			li {
				display: block;
				text-align: left;
			}
		}

		@media (max-width: 782px) {
			background: #fff;
			bottom: 0;
			display: none;
			min-width: 300px;
			position: fixed;
			right: 0;
			top: 0;
			z-index: 13;
			@include box-shadow(0 1px 20px 5px rgba(0, 0, 0, 0.1));

			.bumper {
				margin: 13px;
			}
			.navbar-form {
				margin: 0;
				padding: 0;
			}
		}
	}
}