/*
 * Theme Name: WordPress.org Breathe
 * Template: p2-breathe
 * Description: Child theme of P2 Breathe, with modifications specifically for WordPress.org.
 * Supports Oxygen: true
 */

/* Show a Slack icon in front of Slack links. */
a[href*=".slack.com"] {
	padding-left: 16px;
	background: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xNjUuOTY0IDE1LjgzOEMxNjIuMDc0IDMuODYzIDE0OS4yMTItMi42OSAxMzcuMjQgMS4yMDJjLTExLjk3NiAzLjg5LTE4LjUzIDE2Ljc1Mi0xNC42MzcgMjguNzI1bDU4Ljk0NyAxODEuMzY1YzQuMDQ4IDExLjE4NyAxNi4xMzIgMTcuNDczIDI3LjczMiAxNC4xMzUgMTIuMS0zLjQ4MyAxOS40NzUtMTYuMzM0IDE1LjYxNC0yOC4yMTdMMTY1Ljk2NCAxNS44MzgiIGZpbGw9IiNERkEyMkYiLz48cGF0aCBkPSJNNzQuNjI2IDQ1LjUxNkM3MC43MzQgMzMuNTQyIDU3Ljg3MyAyNi45OSA0NS45IDMwLjg4Yy0xMS45NzYgMy44OS0xOC41MyAxNi43NS0xNC42MzcgMjguNzI2TDkwLjIxIDI0MC45NzJjNC4wNDggMTEuMTg2IDE2LjEzMyAxNy40NzMgMjcuNzMzIDE0LjEzMiAxMi4xLTMuNDggMTkuNDc0LTE2LjMzMiAxNS42MTMtMjguMjE3bC01OC45My0xODEuMzciIGZpbGw9IiMzQ0IxODciLz48cGF0aCBkPSJNMjQwLjE2MiAxNjYuMDQ1YzExLjk3NS0zLjg5IDE4LjUyNi0xNi43NSAxNC42MzYtMjguNzI2LTMuODktMTEuOTc0LTE2Ljc1Mi0xOC41MjgtMjguNzI1LTE0LjYzN2wtMTgxLjM2NSA1OC45NWMtMTEuMTg3IDQuMDQ1LTE3LjQ3MyAxNi4xMy0xNC4xMzUgMjcuNzMgMy40ODMgMTIuMDk4IDE2LjMzNCAxOS40NzQgMjguMjE3IDE1LjYxM2wxODEuMzcyLTU4LjkzIiBmaWxsPSIjQ0UxRTVCIi8+PHBhdGggZD0iTTgyLjUwOCAyMTcuMjdsNDMuMzQ3LTE0LjA4NC0xNC4wODYtNDMuMzUyLTQzLjM1IDE0LjA5IDE0LjA4OCA0My4zNDciIGZpbGw9IiMzOTI1MzgiLz48cGF0aCBkPSJNMTczLjg0NyAxODcuNTljMTYuMzg4LTUuMzIyIDMxLjYyLTEwLjI3MiA0My4zNDgtMTQuMDgzbC0xNC4wODgtNDMuMzYtNDMuMzUgMTQuMDkgMTQuMDkgNDMuMzU0IiBmaWxsPSIjQkIyNDJBIi8+PHBhdGggZD0iTTIxMC40ODQgNzQuNzA2YzExLjk3NC0zLjg5IDE4LjUyNy0xNi43NSAxNC42MzctMjguNzI3LTMuODktMTEuOTc0LTE2Ljc1LTE4LjUyNy0yOC43MjYtMTQuNjM3TDE1LjAyOCA5MC4yOTNDMy44NDIgOTQuMzM3LTIuNDQ1IDEwNi40MjIuODk2IDExOC4wMjJjMy40OCAxMi4wOTggMTYuMzMyIDE5LjQ3NCAyOC4yMTcgMTUuNjEzbDE4MS4zNy01OC45MyIgZmlsbD0iIzcyQzVDRCIvPjxwYXRoIGQ9Ik01Mi44MjIgMTI1LjkzM2MxMS44MDUtMy44MzYgMjcuMDI1LTguNzgyIDQzLjM1NC0xNC4wODYtNS4zMjMtMTYuMzktMTAuMjczLTMxLjYyMi0xNC4wODQtNDMuMzUybC00My4zNiAxNC4wOTIgMTQuMDkgNDMuMzQ2IiBmaWxsPSIjMjQ4QzczIi8+PHBhdGggZD0iTTE0NC4xNiA5Ni4yNTZsNDMuMzU2LTE0LjA4OGMtNS4zMjYtMTYuMzkzLTEwLjI3Ni0zMS42My0xNC4wOS00My4zNkwxMzAuMDcgNTIuOWwxNC4wOSA0My4zNTYiIGZpbGw9IiM2MjgwM0EiLz48L3N2Zz4=) no-repeat 0 1px;
	background-size: 13px 13px;
	background-position: 1px 4px;
}

body, button, input, select, textarea,
.site-header .site-title {
	font-family: 'Open Sans', sans-serif;
}

table {
/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #eee;
}

thead {
	background: #eee;
}

caption,
th,
td {
	font-weight: 400;
	text-align: left;
}

td {
	border-bottom: 1px solid #eee;
	padding: 10px;
}

.entry-content h3 + h4 {
	margin-top: 1em;
}

.entry-content td,
.entry-content th {
	padding: 1em !important;
}

.entry-content th,
#primary thead td,
#primary thead th {
    font-weight: bold;
}

td:first-of-type {
	width: 30%;
	border-right: 1px solid #eee;
}

tr:last-of-type td {
	border-bottom: 0;
}

/* wp4.css overrides */
p a,
p a:hover {
	border-bottom: none;
}

input[type="submit"] {
	height: auto;
}

/* wporg-header overrides */
#wporg-header input.text {
	font-size: 12px !important;
	padding: 3px;
	box-sizing: content-box;
}

#wporg-header input[type="submit"] {
	box-shadow: none;
}

#wporg-header ul li.download {
	float: right;
	height: 34px;
	margin-right: 14px;
	overflow: hidden;
	padding: 0 0 34px;
}

@media screen and (max-width: 820px) {
	#wporg-header ul li.download {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#wporg-header ul li.download {
		display: block;
		float: none;
		margin: 10px 20px 20px;
		padding-bottom: 0;
		height: auto;
	}
	#wporg-header ul li.download a {
		padding: 4px 10px;
	}
}

#wporg-header ul li.download a {
	margin: 0;
	padding: 0 16px;
}

#wporg-header ul li.download a:hover {
	color: #eee;
}

#wporg-header ul li.download.current a,
#wporg-header ul li.download.current-menu-item a {
	color: #eee;
}

.site,
.custom-menu .site,
.site-branding {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 960px;
	padding: 0 10px;
}

.site-header {
	background: #0073aa;
	float: none;
	margin: 0 0 4em;
	padding: 18px 0;
	width: auto;
}

.site-header .site-branding {
	height: 32px;
}

.site-header .site-title {
	line-height: 1;
	margin: 0;
	padding: 0;
}

.site-header .site-title a {
	color: #fff;
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
}

@media (max-width: 500px) {
	.site-header .site-title {
		max-width: 334px;
		margin-top: 4px;
	}
	.site-header .site-title a {
		font-size: 17px;
		font-size: 4.5vw;
	}
}

@media (max-width: 400px) {
	.site-header .site-title {
		max-width: 295px;
	}
}

@media (max-width: 320px) {
	.site-header .site-title {
        max-width: 240px;
	}
    .site-header .site-title a {
		font-size: 13px;
		font-size: 4.2vw;
	}
}

.site-header .site-title a:hover {
	color: rgba( 255, 255, 255, 0.8 );
}

.navigation-main {
	background: transparent;
	position: static;
	max-width: 940px;
	height: 32px;
	margin: -32px auto 0 auto;
	text-align: right;
	padding: 0;
}

.navigation-main .menu {
	line-height: 32px;
}

.navigation-main ul li {
	display: inline-block;
	float: none;
	margin-right: 21px;
}

.rtl .navigation-main ul li {
	margin-left: 21px;
	margin-right: 0;
}

.navigation-main ul li:last-of-type {
	margin: 0;
}

.navigation-main ul li a {
	padding: 0;
}

.navigation-main ul li:hover > a,
.navigation-main ul li.current-menu-item a,
.navigation-main ul li.current-menu-item:hover a {
	background: transparent;
}

.navigation-main ul li:hover > a:after,
.navigation-main ul li.current-menu-item a:after,
.navigation-main ul li.current-menu-item:hover a:after {
	content: '';
	display: block;
	border-bottom: 1px solid #fff;
	position: relative;
	top: -6px;
}

.navigation-main ul li.icon a:after {
	display: none;
}

.navigation-main ul li:hover > a {
	border-bottom: none;
}

.navigation-main a,
.navigation-main a:visited {
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
}

.wporg-make .site-title a:before,
body.wporg-make #headline h2 a:before {
	vertical-align: middle; /* overrides wp4.css */
}

#secondary-content .navigation-main {
	margin-top: 32px;
	text-align: left;
}

#secondary-content .navigation-main ul li {
	display: block;
	float: left;
	width: 100%;
}

#secondary-content .navigation-main a {
	color: #0073aa;
}

#secondary-content .navigation-main ul li:hover > a,
#secondary-content .navigation-main ul li.current-menu-item a {
}

/*
 * p2-breathe/style.css overrides
 */
body {
	line-height: 1.5;
}

ul ul, ul ol,
ol ol, ol ul {
	font-size: inherit;
}

a,
a:visited,
a:active,
.entry-meta .entry-actions:hover a,
.entry-meta .entry-actions:hover a:visited,
.comment-meta .comment-actions:hover a,
.comment-meta .comment-actions:hover a:visited,
#help dt,
#media-buttons .button,
.responsive-link,
.entry-meta .entry-date:hover,
.comment-meta .comment-date:hover,
.o2-xpost-entry-date:hover,
.o2-comment-actions ul li a:before,
.o2-comment-actions ul li a span {
	color: #0072a9;
}

body,
.widget,
.o2-app-page-title,
.comment.alt,
.comment.alt .comment.alt {
	background-color: #fff;
}

.error404 .o2-app-page-title,
.archive .o2-app-page-title,
.search .o2-app-page-title,
.page .o2-app-page-title {
	color: inherit;
}

@media (max-width: 876px) {
	body.responsive-show {
		overflow-y: visible;
		position: static;
	}

	#page {
		overflow-x: hidden;
	}

	body.responsive-show #page {
		overflow-x: visible;
	}

	#secondary-toggle {
		margin-left: 22px;
		margin-right: 0px;
	}

	#secondary-toggle:before {
		top: 0;
		color: #fff;
	}

	body.responsive-show #secondary-toggle:before {
		color: #0073aa;
	}
}

.content-area {
	width: 71%;
}

@media (max-width: 876px) {
	.content-area {
		width: 100%;
	}
}

.widget-title {
	line-height: 1.2;
}

aside[id^="handbook"] .widget-title,
aside[id^="nav_menu"] .widget-title {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: transparent;
	padding: 1rem 12px;
	margin-bottom: 0;
	color: inherit;
}

.widget.widget_search {
	margin-bottom: 3rem;
}
.widget_search input[type="search"], #subscribe-email input[type="email"] {
	width: 90%;
	box-sizing: border-box;
	padding: 1rem;
	font-size: 14px;
	border: 1px solid #eee;
}

#secondary-content .widget {
	background: transparent;
}

.o2-app-page-title {
  margin: 0 0 1.5em 0 !important;
  padding: 0;
  font-weight: 400;
  font-size: 2.2em;
  line-height: 1.1;
  text-transform: none;
}

.o2-app-page-title a {
	color: #0072a9;
}
.o2-app-page-title a:visited {
	color: #4ca6cf;
}

.home .o2-app-page-title {
	display: none;
}

.o2-app-controls {
	font-size: 0.9em;
}

.o2-app-new-post {
	margin-bottom: 2em;
}

.o2-post {
	border-top: 2px solid #ddd;
}
.o2-post .o2-post {
	border-top: 1px solid #ddd;
}
.page .o2-post {
	padding: 0 !important;
}
.page .o2-post .entry-content {
	padding: 0;
}

pre code {
	padding: 0;
}

article.post .o2-post,
article#post-new .o2-post,
article.page .o2-post,
.entry-date {
	display: block;
}

.o2-xpost-author .entry-date,
.o2-xpost-entry-date {
	display:inline-block;
}

.entry-header,
article.post .entry-header,
article#post-new .entry-header,
article.page .entry-header,
.entry-title,
article.post .entry-title,
article#post-new .entry-title,
article.page .entry-title,
.entry-content,
article footer.entry-meta {
	display: block;
	margin-left: 0;
	padding-left: 0;
	clear: both;
}

.entry-title,
article.post .entry-title,
article#post-new .entry-title,
article.page .entry-title,
.entry-content,
.post-content {
	display: block;
	clear: both;
	padding-top: 15px;
}

.o2-xpost-content {
	display: inline-block;
	padding-top: 0.5em;
}

.tag-p2-xpost .o2-post {
	font-size: 100%;
	font-style: normal;
}

.o2-xpost-author .entry-author {
	font-weight: bold;
}

article.tag-p2-xpost {
	margin-bottom: 0;
}

.author-avatar,
article.post a.author-avatar,
article#post-new a.author-avatar,
article.page a.author-avatar {
	border: 0;
	box-shadow: none;
}

.author-avatar .avatar,
.o2-comment .avatar,
.tag-p2-xpost .avatar {
	border-radius: 50%;
}

.author-avatar img.avatar:hover {
	border-radius: 0 !important;
}

article.post a.author-avatar img.avatar,
article#post-new a.author-avatar img.avatar,
article.page a.author-avatar img.avatar {
	height: 50px !important;
	width: 50px !important;
}

/* See .entry-meta .entry-date */
.page .o2-post .entry-meta {
	float: right;
	width: 0;
	top: -30px;
	right: 10px;
}

.entry-author-meta {
	font-size: 0.8em;
	font-weight: 300;
	line-height: 1.2;
	color: #888;
	margin: .3em 0 0 0;
}

.entry-author-meta .wporg-username {
	font-weight: 400;
}

/*
 * Resolved/unresolved
 */
article.state-resolved,
article.state-unresolved {
	border-top: 0;
}

/*
 * Sticky post
 */
.sticky .o2-post {
	border: 0;
	border-top: 2px solid #ddd;
	background: #e5f5fa;
	position: relative;
}

.sticky .o2-post:after {
	content: "\f109";
	font-family: dashicons;
	position: absolute;
	top: -2px;
	right: 45px;
	color: #fff;
	font-size: 18px;
	padding: 13px 5px 0px;
	background: #00a0d2;
}


/*
 * Private post status
 */
article.status-private,
article.status-private .comment.alt {
	background: #fef0f0;
}

.status-private .o2-post {
	position: relative;
}

.status-private .o2-post:after {
	content: "\f530";
	font-family: dashicons;
	position: absolute;
	top: -2px;
	right: 45px;
	color: #fff;
	font-size: 18px;
	padding: 13px 5px 0px;
	background: #dc3232;
}

article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon,
article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon:hover,
article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericon.open,
article.status-private nav.o2-dropdown-actions button.o2-dropdown-actions-disclosure.genericons.open:hover {
	color: #dc3232;
	background: #fef0f0;
}

article.type-handbook.status-private {
	box-shadow: 0 0 0 10px #fef0f0;
}

article.type-handbook.status-private .o2-post:after {
	top: -10px;
}

.widget {
	margin: 0 0 4em;
	padding: 0;
}

/* Hide image upload button. No image uploads on make blogs. */
.o2-editor-toolbar-button.genericon-picture {
	display: none;
}

.o2-post-form-options {
	margin-top: .8em; /* Same as .o2-editor .o2-editor-footer > a */
}

.o2-editor-select {
	background: white url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+PHBhdGggZD0iTTE1LjUgNkwxNyA3LjVsLTYuNzUgNi43NUwzLjUgNy41IDUgNmw1LjI1IDUuMjVMMTUuNSA2eiIgZmlsbD0iI2JiYiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat right 10px center;
	border-radius: 3px;
	border: 1px solid #bbb;
	color: #0072a9;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	outline: 0;
	overflow: hidden !important;
	font-size: 13px !important;
	font-weight: 600;
	text-overflow: ellipsis;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	box-sizing: border-box;
	padding: 7px 32px 7px 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.o2-editor-select:focus,
.o2-editor-select:hover {
	color: #000;
	border-color: #888;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+YXJyb3ctZG93bjwvdGl0bGU+PHBhdGggZD0iTTE1LjUgNkwxNyA3LjVsLTYuNzUgNi43NUwzLjUgNy41IDUgNmw1LjI1IDUuMjVMMTUuNSA2eiIgZmlsbD0iIzg4OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
}

.o2-editor-select:focus {
	border-color: #5b9dd9;
	-webkit-box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
	outline: 0;
	-moz-outline: none;
	-moz-user-focus: ignore;
}

.o2-editor-select::-ms-expand {
	display: none;
}

.o2-editor-select::-ms-value {
	background: none;
	color: #0072a9;
}

.o2-editor-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #0072a9;
}

nav.o2-post-footer-actions ul li > a,
nav.o2-post-footer-actions ul li > span > a {
	width: inherit;
}

/* make/polyglots post type selector for new posts */
.polyglots-post-type-selector {
	margin: 0 0 1em;
	text-align: right;
}

.polyglots-post-type-selector .o2-editor-select {
	min-width: 150px;
}

.polyglots-post-type-selector label {
	padding: 7px 0;
	display: inline-block;
	margin-right: 5px;
}

.o2-save.disabled,
.o2-save.disabled:hover,
.o2-save.disabled:focus {
	border-color: #bbb;
	background: #f1f1f1;
	color: #bbb;
	cursor: default;
}

@media (max-width: 640px) {
	.make-polyglots .o2-post-form-options {
		float: left;
		display: block;
		padding-right: 0;
		clear: none;
	}
}

@media screen and (min-width: 769px) {
	#wporg-header ul li.current-menu-item:after,
	#wporg-header ul li.current_page_parent:after,
	#wporg-header ul li a.current ~ .uparrow {
		border-bottom-color: #0073aa;
	}
}

.make-welcome {
	background: #eee;
	/* jQuery slideUp overrides the margin, causing the animation to be a bit funky. !important stops that. */
	margin: -4em 0 4em 0 !important;
	padding: 2em 0;
	position: relative;
	width: 100%;
}

.make-welcome .entry-content {
	font-size: 14px;
	color: #333;
	line-height: 1.45;
	width: 100%;
	max-width: 940px;
	margin: 0px auto;
	padding: 0;
}

.make-welcome .entry-content h4,
.make-welcome .entry-content h3,
.make-welcome .entry-content h2 {
	margin: 14px 0;
}

.make-welcome .entry-content p {
	display: inline;
}

.make-welcome .entry-content h4,
.make-welcome .entry-content h3,
.make-welcome .entry-content h2,
.make-welcome .entry-content .welcome p:first-child {
	font-weight: normal;
	font-size: 18px;
	font-family: "Open Sans", serif;
}

.make-welcome .entry-content .column {
	vertical-align: top;
	display: inline-block;
	padding: 0 1.5%;
}

.make-welcome .entry-content .welcome {
	padding-top: 1%;
}

.make-welcome .entry-content .o2-appended-tags,
.make-welcome .entry-content .o2-post-footer-actions {
	display: none;
}

.make-welcome .entry-meta {
	margin: 15px;
	position: absolute;
	right: 0;
	top: 0;
}

.make-welcome .entry-meta .post-edit-link {
	margin-right: 10px;
	font-size: 1.2em;
	font-weight: normal;
	padding-right: 15px;
	border-right: 1px solid #ccc;
}

.make-welcome .entry-meta [type="button"] {
	background: transparent;
	border: 0;
	box-shadow: none;
	-webkit-appearance: none;
	padding: 0;
	text-shadow: none;
}

.make-welcome .entry-meta [type="button"]:focus {
	outline: thin dotted;
}

@media screen and (min-width: 960px) {
	.make-welcome .entry-content p {
		display: block;
	}

	.make-welcome .entry-content .column {
		width: 30%;
		padding: 1.5%;
	}

	.make-welcome .entry-content .welcome p:first-child {
		font-size: 22px;
		margin: 12px 0 23px;
	}

	.make-welcome .entry-content h4,
	.make-welcome .entry-content p {
		margin-bottom: 14px;
	}
}

@media screen and (max-width: 1000px) {
	.make-welcome .entry-content .content-area,
	.make-welcome .entry-content .widget-area {
		clear: both;
		float: none;
		padding: 0 20px;
		width: auto;
	}
}

.js-disabled-notice {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 1em 0;
	background: #fbeaea;
	border-top: 2px solid #dc3232;
	text-align: center;
	font-size: 18px;
	color: #333;
}

/*
 * Page Templates
 */

.page-template-full-width .content-area {
	width: 100%;
	position: relative;
}

.page-template-full-width .content-area .entry-title,
.page-template-full-width .content-area .entry-content,
.page-template-full-width .content-area .entry-summary,
.page-template-full-width .content-area aside {
	margin-right: 0;
}

.page-template-full-width .content-area .o2-post {
	border-top: 0;
}

.page-template-full-width .content-area h2.o2-app-page-title {
	padding: 0;
}

.page-template-full-width #nav-below,
.page-template-full-width .content-area .entry-header {
	display: none;
}


/*
 * Handbook
 */

.post-type-archive-handbook .site-main .widget-area,
.single-handbook .site-main .widget-area {
	float: left;
	margin-right: 4%;
}
.handbook-header {
	line-height: 2em;
}
.handbook-header h1 {
	margin-top: 0;
}

.single-handbook .content-area h1 {
	margin-top: 0;
	padding-top: 0;
}

.single-handbook .o2-post {
	border-top: none;
}

.post-type-archive-handbook .handbook-name a:not(:hover),
.single-handbook .handbook-name a:not(:hover) {
	color: inherit;
}

.handbook-name-container {
	position: absolute;
	right: 0;
	width: 75%;
	margin-left: 25%;
	background-color: #fff;
}

.single-handbook .handbook-name-container + #primary {
	padding-top: 5rem;
}

/*
 * Callout boxes
 */

.post .callout {
	padding-bottom: 0;
}

@media(max-width: 876px) {
	.handbook-name-container {
		width: 100%;
		margin-left: 0;
	}
}

.handbook-name {
	text-align: center;
	color: #aaa;
	margin-top: 1em;
	overflow: hidden;
	letter-spacing: 2px;
	font-size: 1.5em;
	text-transform: uppercase;
	border-bottom: 0;
}
.handbook-name span {
	display: inline-block;
	position: relative;
}
.handbook-name span:before,
.handbook-name span:after {
	content: "";
	position: absolute;
	border-top: 1px solid #ccc;
	top: 49%;
	width: 100px;
}
.handbook-name span:before {
	left: 0;
	margin-left: -110px;
}
.handbook-name span:after {
	right: 0;
	margin-right: -110px;
}

@media (max-width: 640px) {
	.handbook-name span:before,
	.handbook-name span:after {
		width: 50px;
	}

	.handbook-name span:before {
		margin-left: -55px;
	}

	.handbook-name span:after {
		margin-right: -55px;
	}
}

@media (max-width: 480px) {
	.handbook-name span:before,
	.handbook-name span:after {
		width: 0;
	}
}

nav.handbook-navigation {
	font-size: 14px;
	margin: 2em 0;
	overflow: auto;
}
nav.handbook-navigation .nav-links a {
	width: 49%;
	border: 0;
	display: inline-block;
}
nav-handbook-navigation .nav-links a[rel="prev"] {
	text-align: left;
}
nav.handbook-navigation .nav-links a[rel="next"] {
	text-align: right;
	float: right;
}

.wordcamp-handbook .o2-post {
	border-top: 0;
}

.wordcamp-handbook .entry-content {
	padding-top: 0;
}

.wordcamp-handbook nav.o2-post-actions button,
.wordcamp-handbook nav.o2-post-actions ul {
	top: 12px;
}

/** Table of Contents */
.post-type-archive-handbook div.table-of-contents,
.single-handbook div.table-of-contents {
	float: right;
	width: 250px;
	background: #f7f7f7;
	border: 1px solid #eee;
	margin: 0 0 15px 15px;
	z-index: 1;
	position: relative;
	color: #555d66;
}

.single-handbook div.table-of-contents {
	background-color: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
	border-radius: 3px;
}

@media (min-width: 971px) {
	.post-type-archive-handbook div.table-of-contents,
	.single-handbook div.table-of-contents {
		margin: -15px -30px 15px 15px;
	}
}

.post-type-archive-handbook div.table-of-contents h2,
.single-handbook div.table-of-contents h2,
.post-type-archive-handbook div.table-of-contents h3,
.single-handbook div.table-of-contents h3 {
	margin: 0;
	padding: 7px 12px;
	font-size: 1.3em;
	color: #32373c;
	text-transform: uppercase;
	border-bottom: 1px solid #eee;
}

.post-type-archive-handbook ul.items,
.single-handbook ul.items {
	margin: 0;
	list-style-type: none;
	padding: 1rem;
}

.post-type-archive-handbook ul.items li,
.single-handbook ul.items li {
	padding: 4px;
}

.post-type-archive-handbook ul.items li ul li,
.post-type-archive-handbook ul.items li ul li ul li,
.single-handbook ul.items li ul li,
.single-handbook ul.items li ul li ul li {
	padding-bottom: 0;
}

.post-type-archive-handbook ul.items li a,
.single-handbook ul.items li a {
	text-decoration: none;
}

.post-type-archive-handbook ul.items li a:hover,
.single-handbook ul.items li a:hover {
	color: #0073aa;
	text-decoration: underline;
}

/* Highlight current heading and adjust scroll position for fixed toolbar */
.toc-heading:target {
	position: relative;
	padding-top: 50px;
	margin-top: -50px;
}

/* Remove negative margin because there is no jump link before these headlines */
.entry-content h2.toc-heading:first-of-type:target,
.entry-content h3.toc-heading:first-of-type:target,
h2.toc-heading + h3.toc-heading:target {
	margin-top: 0;
}

.toc-heading:target:before {
	content: '';
	position: absolute;
	left: -10px;
	top: 50px;
	border-left: 5px solid #0073aa;
	height: 50%;
	height: calc(100% - 50px);
}

.toc-jump {
	position: relative;
	height: 50px;
}

.toc-jump:after {
	content: '';
	display: table;
	clear: both;
}

.toc-jump a {
	z-index: 1;
}

@media (max-width: 480px) {
	.post-type-archive-handbook div.table-of-contents,
	.single-handbook div.table-of-contents {
		display: none;
	}
}

/** Menu */

#secondary aside.widget_wporg_handbook_pages,
#secondary aside.widget_nav_menu {
	font-size: 16px;
}

.widget_wporg_handbook_pages h1 {
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 0.6em;
}

.menu-table-of-contents-container {
  font-size: 0.8em;
}
.menu-table-of-contents-container ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
#secondary .menu-table-of-contents-container ul li {
  border-top: 1px solid rgba(0,0,0,0.05);
  padding: 0;
  position: relative;
}
#secondary .menu-table-of-contents-container ul ul {
	margin-left: 12px;
	border-left: 1px solid rgba(0,0,0,0.05);
}
.menu-table-of-contents-container ul li .expandable {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  position: relative;
}
.menu-table-of-contents-container ul li .dashicons {
  position: absolute;
  right: 0;
  cursor: pointer;
  padding: 8px;
  display: inline-block;
  width: auto;
  height: 100%;
  color: #0073aa;
  background-color: #fafafa;
  border: 0;
  border-left: 1px solid rgba(0,0,0,0.05);
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
}
.menu-table-of-contents-container ul li .dashicons:hover,
.menu-table-of-contents-container ul li .dashicons:focus {
  color: #fff;
  background-color: #0073aa;
}
.menu-table-of-contents-container ul li.open > div > .dashicons {
  transform: rotate(180deg);
  border-right: 1px solid rgba(0,0,0,0.05);
  border-left: none;
}
.menu-table-of-contents-container .open .expandable .dashicons:not(:focus) {
	background: #fff;
	color: #0073aa;
}
.menu-table-of-contents-container ul a {
  display: block;
  width: 100%;
  padding: 8px 40px 8px 8px;
  text-decoration: none;
}
.menu-table-of-contents-container ul a:hover,
.menu-table-of-contents-container ul a:focus {
  color: #fff;
  background-color: #0073aa;
}
.menu-table-of-contents-container ul a.active,
.menu-table-of-contents-container .current-menu-item > a {
  color: #555;
  background-color: #fff;
}
.menu-table-of-contents-container > ul > li:last-child {
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
.menu-table-of-contents-container > ul > li .children > li > a {
  padding-left: 13px;
}
.menu-table-of-contents-container > ul > li .children > li > ul > li > a {
  padding-left: 8px;
}

.menu-table-of-contents-container > ul > li.open > div > a:not(:focus) {
  color: #0073aa;
}
.menu-table-of-contents-container > ul > li.open > div > a:hover {
  color: #fff;
}
.menu-table-of-contents-container ul.default-open {
  display: block !important;
}
.menu-table-of-contents-container .current-menu-item ul,
.menu-table-of-contents-container .current-menu-ancestor ul {
	display: block;
}
.menu-table-of-contents-container .children {
  overflow: hidden;
  display: none;
}

/* New handbook design */
.single-handbook #page {
	background: linear-gradient(to right, #fafafa 40%, #fff 40%);
	max-width: 100%;
	padding: 0;
}

.single-handbook #main {
	max-width: 960px;
	margin: 0 auto;
	display: flex;
}

.single-handbook header {
	margin: 0;
}

.single-handbook #secondary {
	clear: left;
	margin: 0;
	background: #fafafa;
}

.single-handbook #primary {
	padding: 4rem 0 4rem 4rem;
	background: #fff;
	box-sizing: border-box;
}

@media(max-width: 876px) {
	.single-handbook #primary {
		padding: 4rem 20px;
	}
}

.single-handbook #secondary-content {
	padding-top: 4rem;
}

.single-handbook .widget_wporg_handbook_pages {
	background-color: transparent;
}

.single-handbook nav.o2-post-actions button {
	top: 10px;
}
.single-handbook .make-welcome {
	margin: 0 !important;
}

/** Make Core **/
#masthead li.icon a:before {
	font: 20px/1 'dashicons';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
}

#masthead li.newticket a:before { content: "\f119"; }
#masthead li.timeline a:before { content: "\f321"; }
#masthead li.browser a:before { content: "\f475"; }

/* Override wp4.css form styles for o2 */
#page .text {
	height: auto !important;
	background-color: white !important;
	font-family: 'Open Sans' !important;
}