/*
 * 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"] {
	word-break: break-all;
	display: inline-block; /* So that the slack link doesn't break unless absolutely needed. */
}
a[href*=".slack.com"]::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 1em;
	width: 1em;
	margin-right: .2em;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg height='124' viewBox='0 0 124 124' width='124' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cpath d='m26.4 78.2c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9 5.8-12.9 12.9-12.9h12.9z' fill='%23e01e5a'/%3E%3Cpath d='m32.9 78.2c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9v32.3c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9z' fill='%23e01e5a'/%3E%3Cpath d='m45.8 26.4c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9 12.9 5.8 12.9 12.9v12.9z' fill='%2336c5f0'/%3E%3Cpath d='m45.8 32.9c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9h-32.3c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9z' fill='%2336c5f0'/%3E%3Cpath d='m97.6 45.8c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9-5.8 12.9-12.9 12.9h-12.9z' fill='%232eb67d'/%3E%3Cpath d='m91.1 45.8c0 7.1-5.8 12.9-12.9 12.9s-12.9-5.8-12.9-12.9v-32.3c0-7.1 5.8-12.9 12.9-12.9s12.9 5.8 12.9 12.9z' fill='%232eb67d'/%3E%3Cg fill='%23ecb22e' transform='translate(65 65)'%3E%3Cpath d='m13.2 32.6c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9-12.9-5.8-12.9-12.9v-12.9z'/%3E%3Cpath d='m13.2 26.1c-7.1 0-12.9-5.8-12.9-12.9s5.8-12.9 12.9-12.9h32.3c7.1 0 12.9 5.8 12.9 12.9s-5.8 12.9-12.9 12.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: 100%;
	background-repeat: no-repeat;
}

body, button, input, select, textarea,
.site-header .site-title {
	font-family: 'Open Sans', sans-serif;
	font-size: var(--wp--preset--font-size--normal);
}

p, ul, ol,
#primary,
#secondary aside {
	font-size: inherit;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.2em;
}

.entry-content .reports.ticket-reports {
	font-size: var(--wp--preset--font-size--small);
}

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;
}

/*
 * 2021 global header/footer
 */
.wp-block-group.global-header button,
.wp-block-group.global-header input[type="button"],
.wp-block-group.global-header input[type="reset"],
.wp-block-group.global-header input[type="submit"] {
	/* Revert styles that should only apply to the content area. */
	border-radius: revert;
	box-shadow: revert;
	text-shadow: revert;
}

.wp-block-group.global-header button:focus,
.wp-block-group.global-header input[type="button"]:focus,
.wp-block-group.global-header input[type="reset"]:focus,
.wp-block-group.global-header input[type="submit"]:focus {
	/* Bring back the browser focus style */
	outline: revert;
}

.wp-block-group.global-header p,
.wp-block-group.global-header ul,
.wp-block-group.global-header ol {
	/* Revert styles that should only apply to the content area. */
	font-size: revert;
	line-height: revert;
}

/* site */

.site,
.custom-menu .site,
.site-branding {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1024px;
	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;
}

.no-sidebar .site-header {
	background: #0073aa;
}

.no-sidebar .site-header .hgroup {
	text-align: unset;
}

.no-sidebar .site-header .site-title {
	font-size: unset;
}

@media (max-width: 510px) {
	.site-header .site-title {
		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: 0.75em;
}

.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;
}

.entry-meta .entry-date,
.entry-meta .entry-actions,
.entry-meta .entry-tags,
.comment-meta .comment-date,
.comment-meta .comment-actions,
.o2-reply-count {
	color: #555;
}

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;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	text-shadow: inherit;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	/* remove box-shaddows from buttons that likely won't look good with it */
	box-shadow: inherit;
}

@media only screen and (max-width: 480px) {
	body.responsive-show #wpadminbar {
		top: 0;
	}
}

@media (max-width: 876px) {
	#primary {
		-webkit-backface-visibility: initial;
	}

	body.responsive-show {
		overflow-y: visible;
		position: static;
	}

	#page {
		overflow-x: hidden;
	}

	#page.hfeed, /* The feed may have a table and we don't want to stop x-direction scrolling */
	body.responsive-show #page {
		overflow-x: visible;
	}

	#secondary {
		top: var(--wp-admin--admin-bar--height, 0px);
		z-index: 500;
	}

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

	.responsive-show #secondary-toggle {
		margin-top: 22px;
	}

	#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%;
	}

	.content-area table {
		display: block;
		max-width: fit-content;
		overflow-x: auto;
	}
}

.widget-title {
	line-height: 1.2;
	font-size: 1.4em;
}

.post-type-archive-handbook aside[id^="handbook"] .widget-title,
.post-type-archive-handbook aside[id^="nav_menu"] .widget-title,
.single-handbook aside[id^="handbook"] .widget-title,
.single-handbook aside[id^="nav_menu"] .widget-title {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	background-color: transparent;
	padding: 1rem 12px 1rem 8px;
	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: 1.5em;
  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;
}

.o2-post #searchform {
	margin-bottom: 1.5em;
}
.o2-post #searchform:last-child {
	margin-bottom: 5em;
}
.o2-post #searchform #searchsubmit {
	height: 33.5px;
	padding-bottom: .6em;
}

pre, code {
	font-size: 0.9em;
}

pre code {
	padding: 0;
}

.wp-block-code {
	background-color: #f1f1f1;
	display: block;
	font-size: 13px;
	line-height: 1.75em;
	padding: 1em;
	overflow: auto;
	white-space: pre-wrap;
}

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;
}

.rtl article.post .entry-header .author-avatar,
.rtl article#post-new .entry-header .author-avatar,
.rtl article.page .entry-header .author-avatar {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

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

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;
}

/* Don't show the on-hover gravatar previews */
body > .author-avatar,
body > #grav-throbber,
body > a.grav-tilt-parent {
    display: none;
}

.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
 */
.post.sticky .o2-post {
	border: 0;
	border-top: 2px solid #ddd;
	background: #e5f5fa;
	padding-top: 3em;
	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;
}

.rtl .sticky .o2-post:after {
	left: 45px;
	right: initial;
}

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

.post.status-private .o2-post {
	padding-top: 3em;
	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;
	}
	.o2-editor-content-wrapper {
		margin-top: auto;
	}
}

.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 1em;
	position: relative;
	width: 100%;
}

.make-welcome .entry-content {
	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: 1.125em;
	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: 1em;
	position: absolute;
	right: 0;
	top: 0;
}

.make-welcome .entry-meta .post-edit-link {
	margin-right: 10px;
	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;
}

.make-welcome .hidden {
	display: none;
}

@media screen and (min-width: 1024px) {
	.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;
}

/*
 * 404 Page
 */

.error404 #nav-below {
	border: none;
}

/*
 * 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;
}

@media (min-width: 877px) {
	.page-template-full-width #secondary {
		display: none;
	}
}

.syntaxhighlighter {
	padding-bottom: 0.1em;
}


/*
 * Pledges simulated page
 */

.template-pledges .page-header {
	margin-left: 0;
}

.template-pledges .page-header h1 {
	margin-top: 0;
}

#post-pledges {
	border-top: 2px solid #ddd;
}

#post-pledges .entry-content {
	padding-top: 35px;
}

.team-contributor {
	overflow: auto;
	margin-bottom: 22px;
}

.team-contributor .avatar {
	float: left;
	margin-right: 20px;
}

.contributor-name {
	padding-top: 14px;
	font-size: 1.2rem;
}

article.page p.contributor-name {
	margin-bottom: 8px;
}


/*
 * 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;
}

.handbook-last-updated {
	font-size: 1.25rem;
	color: #555;
	margin: 2.4em 0 0;
	font-weight: 300;
}

@media(max-width: 876px) {
	.handbook-name-container {
		padding-left: 22px;
		padding-right: 36px;
		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;
}

.handbook-breadcrumbs {
	position: absolute;
	top: 4rem;
	left: 280px;
	font-size: 1.25rem;
	padding-right: 34px;
}

.single-handbook .handbook-breadcrumbs ~ #primary {
	padding-top: 9rem;
}

.single-handbook .handbook-name-container ~ .handbook-breadcrumbs {
	top: 7rem;
}

.single-handbook .handbook-name-container ~ .handbook-breadcrumbs ~ #primary {
	padding-top: 12rem;
}

.single-handbook .entry-content .table-of-contents + p,
.single-handbook .entry-content .table-of-contents + h2 {
	margin-top: 0;
}

@media (max-width: 876px) {
	.handbook-breadcrumbs {
		top: 3rem;
		left: 22px;
	}

	.single-handbook .handbook-breadcrumbs ~ #primary {
		padding-top: 7rem;
	}

	.single-handbook .handbook-name-container ~ .handbook-breadcrumbs {
		top: 6rem;
	}

	.single-handbook .handbook-name-container ~ .handbook-breadcrumbs ~ #primary {
		padding-top: 14rem;
	}
}

/** 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: 0 -30px 15px 15px;
	}
}

.post-type-archive-handbook div.table-of-contents h2,
.post-type-archive-handbook div.table-of-contents h3,
.single-handbook div.table-of-contents h2,
.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: -40px;
	top: 50px;
	border-left: 5px solid #0073aa;
	height: 50%;
	height: calc(100% - 50px);
}

@media(max-width: 876px) {
	.toc-heading:target:before {
		left: -10px;
	}
}

.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 */

.post-type-archive-handbook #secondary aside.widget_wporg_handbook_pages,
.post-type-archive-handbook #secondary aside.widget_nav_menu,
.single-handbook #secondary aside.widget_wporg_handbook_pages,
.single-handbook #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 {
  margin: 1px 0;
  padding: 0;
  position: relative;
}
#secondary .menu-table-of-contents-container ul ul {
	margin-left: 12px;
	border-left: 2px solid #21759b;
}
.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 4px;
  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 .current_page_ancestor:not(.open) .expandable .dashicons:not(:focus),
.menu-table-of-contents-container .current_page_item > .expandable .dashicons:not(:focus) {
	background: #fff;
	color: #0073aa;
}
.menu-table-of-contents-container ul a {
  display: block;
  width: 100%;
  padding: 8px 8px 8px 13px;
  text-decoration: none;
}
.menu-table-of-contents-container ul li.menu-item-has-children > .expandable > a {
	padding-right: 32px;
}
.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 .current_page_ancestor .expandable .dashicons:hover,
.menu-table-of-contents-container .current_page_item .expandable .dashicons:hover {
  background-color: #0073aa !important;
  color: #fff !important;
}
.menu-table-of-contents-container ul a.active,
.menu-table-of-contents-container .current-menu-item > a {
  color: #555;
  background-color: #fff;
  font-weight: bold;
}

.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;
  background-color: #0073aa;
}
.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 */
.post-type-archive-handbook #page,
.single-handbook #page {
	background: linear-gradient(to right, #fafafa 40%, #fff 40%);
	max-width: 100%;
	padding: 0;
}

.post-type-archive-handbook #main,
.single-handbook #main {
	max-width: 1024px;
	margin: 0 auto;
	display: flex;
}

.post-type-archive-handbook header,
.single-handbook header {
	margin: 0;
}

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

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

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

.post-type-archive-handbook #secondary-content,
.single-handbook #secondary-content {
	padding-top: 4rem;
}

.post-type-archive-handbook .widget_wporg_handbook_pages,
.single-handbook .widget_wporg_handbook_pages {
	background-color: transparent;
}

.post-type-archive-handbook nav.o2-post-actions button,
.single-handbook nav.o2-post-actions button {
	top: 10px;
}

@media (max-width: 550px) {
	nav.o2-post-actions ul {
	    left: initial;
	}

	.rtl nav.o2-post-actions ul {
		left: 0;
		right: initial;
	}

	.single-handbook .handbook-breadcrumbs ~ #primary {
		padding-top: 10rem;
	}
}

.post-type-archive-handbook .make-welcome,
.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;
	font-size: inherit;
}

.notice {
	background: #fff;
	border-left: 4px solid #fff;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	margin: 1em 0;
	padding: 1px 12px;
}
.notice p {
	font-size: 14px;
	margin: 0.5em 0 !important;
	padding: 2px;
}
.notice.notice-alt {
	box-shadow: none;
}
.notice.notice-large {
	padding: 10px 20px;
}
.notice.notice-success {
	border-left-color: #46b450;
}
.notice.notice-success.notice-alt {
	background-color: #ecf7ed;
}
.notice.notice-warning {
	border-left-color: #ffb900;
}
.notice.notice-warning.notice-alt {
	background-color: #fff8e5;
}
.notice.notice-error {
	border-left-color: #dc3232;
}
.notice.notice-error.notice-alt {
	background-color: #fbeaea;
}
.notice.notice-info {
	border-left-color: #00a0d2;
}
.notice.notice-info.notice-alt {
	background-color: #e5f5fa;
}

@media (max-width: 600px) {
	.navigation .previous,
	.navigation .nav-older,
	.navigation p.nav-newer {
		float: none;
		width: 100%;
	}
	.navigation .nav-older a {
		border-right: 0;
	}
}