/**
 * Primary Stylesheet for Opus Primus
 *
 * @package     OpusPrimus
 * @since       0.1
 *
 * @author      Opus Primus <in.opus.primus@gmail.com>
 * @copyright   Copyright (c) 2012-2015, Opus Primus
 *
 * This file is part of Opus Primus.
 *
 * Opus Primus is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License version 2, as published by the
 * Free Software Foundation.
 *
 * You may NOT assume that you can use any other version of the GPL.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details
 *
 * You should have received a copy of the GNU General Public License along with
 * this program; if not, write to:
 *
 *      Free Software Foundation, Inc.
 *      51 Franklin St, Fifth Floor
 *      Boston, MA  02110-1301  USA
 *
 * The license for this software can also likely be found here:
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * @version	1.3
 * @date	November 18, 2014
 * Added new typography styles for better reading
 * Added styles for the "BNS Login" plugin
 * Added `clear: both` to `footer`
 * Added `width: auto;` for `th` and `td` elements
 * Added `#header-widgets` to the "Clearance" section
 * Added better search form aesthetics in the sidebar
 * Change default `ul` list-style property to `none inside`
 * Hide "Search" button for search form
 * Removed unused `div#top-navigation-menu` definition
 * Removed unused `nav div.nav ul li` definition
 * Updated galleries styles to use HTML5 markup
 * Updated font-size of excerpt more link symbol to 35px from 200%
 * Updated "Table of Contents"
 *
 * @version	1.3.1
 * @date	March 1, 2015
 * Added `=== Screen Reader Text ===` section
 * Added `h5.comments-link` definition to provide a better aesthetic location
 * Added styling to navigation for moving within a single post's pages
 */

/** Table of Contents ------------------------------------------------------- */
/**
 * === Baselines ===
 * body{} properties
 * HTML Elements - Listed Alphabetically
 *
 * === Clearance ===
 * Micro Clearfix
 * Generic Clearing Classes
 * Additional elements requiring clear: both
 *
 * === Menu Related Elements ===
 * === Breadcrumbs ===
 *
 * === Navigation ===
 * Pagination Method
 * Posts Pagination
 *
 * === Post Elements ===
 * Meta Byline
 * Buttons
 *
 * === Page Elements ===
 * === Search ===
 *
 * === Comments ===
 * === Comment Tabs ===
 * === Comment Form Fields ===
 *
 * === Sidebars ===
 * === Default Widgets ===
 * Calendar
 * RSS
 * Search
 * Tag Cloud
 * Text Widgets
 *
 * === 404 Layout ===
 *
 * === General Images ===
 * Galleries - One to Nine columns
 *
 * === Attachment: Image ===
 *
 * === Authors ===
 *
 * === Post-Format ===
 * === Post-Format: Gallery ===
 * === Post-Format: Image ===
 * === Post-Format: Video ===
 * === Post-Format: Quote ===
 * === Post-Format: Status ===
 * === Post-Format: Link ===
 * === Post-Format: Audio ===
 * === Post-Format: Chat ===
 *
 * === Footer ===
 *
 * === Screen Reader Text ===
 *
 * === Miscellaneous ===
 * === Style.LESS Compiled to CSS ===
 *
 * === BNS Plugin Integrations ===
 * BNS Asides
 * BNS Login
 *
 * === Ain't Miss B. Haven ===
 * Jetpack
 * Twitter oEmbed
 * Miscellaneous testing classes
 */
/** End: Table of Contents -------------------------------------------------- */

/** === Baselines === ------------------------------------------------------- */
body {
	padding-left: 20px;
	padding-right: 20px;
}

body {
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px; /** Changed from 15px */
	line-height: 35px; /** Changed from 21px */
	color: #333333;
}

/** HTML Elements - Listed Alphabetically */
a {
	color: #0088cc;
	text-decoration: none;
}

a:hover {
	color: #005580;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

abbr[title],
acronym[title] {
	cursor: help;
	border-bottom: 1px dotted #999999;
}

address {
	display: block;
	margin-bottom: 18px;
	font-style: normal;
	line-height: 35px;
}

big {
	font-size: 200%;
}

/* - Blockquote tags */
blockquote {
	padding: 0 0 0 15px;
	margin: 0 0 18px;
	border-left: 5px solid #eeeeee;
}

blockquote p {
	margin-bottom: 10px;
	font-size: 23px;
	font-weight: 300;
	line-height: 36px;
}

blockquote small {
	display: block;
	line-height: 30px;
	color: #999999;
}

blockquote small:before {
	content: '\2014 \00A0';
}

blockquote:before,
blockquote:after {
	content: "";
}

blockquote cite:before {
	content: "~";
}

cite {
	font-style: normal;
	font-size: 80%;
}

/** - End: Blockquote tags */

code,
pre {
	padding: 0 3px 2px;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	font-size: 19px; /** Changed from 13px */
	color: #333333;
	border-radius: 3px;
	line-height: 32px;
}

code {
	padding: 2px 4px;
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
}

em {
	font-style: italic;
}

/** - Forms */
form {
	margin: 0 0 18px;
}

form.post-password-form p label {
	display: inline-block;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 27px;
	font-size: 133%;
	line-height: 170%;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

legend small {
	font-size: 85%;
	color: #999999;
}

label,
input,
button,
select,
textarea {
	font-size: 15px; /** Changed from 15px */
	font-weight: normal;
	line-height: 28px; /** Changed from 21px */
}

input,
button,
select,
textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
	display: inline-block;
	margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	display: inline-block;
	height: 25px;
	padding: 4px;
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 29px;
	color: #555555;
}

input,
textarea {
	width: 210px;
}

textarea {
	height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}

input[type="radio"],
input[type="checkbox"] {
	margin: 3px 0;
	*margin-top: 0;
	/* IE7 */

	line-height: normal;
	cursor: pointer;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;
}

select,
input[type="file"] {
	height: 28px;

	/* In IE7, the height of the select element cannot be changed by height, only font-size */

	*margin-top: 4px;
	/* For IE7, add top margin to align select with labels */

	line-height: 28px;
}

select {
	width: 220px;
	border: 1px solid #bbb;
}

select[multiple],
select[size] {
	height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"] {
	float: none;
	margin-left: 0;
}

input,
textarea {
	margin-left: 0;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
	cursor: not-allowed;
	background-color: #eeeeee;
	border-color: #ddd;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
	background-color: transparent;
}

/** - End: Forms */

/** - H tags */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-family: inherit;
	font-weight: bold;
	color: inherit;
	text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: normal;
	color: #999999;
}

h1 {
	font-size: 44px;
	line-height: 61px;
}

h1 small {
	font-size: 35px;
	line-height: 50px;
}

h2 {
	font-size: 35px;
	line-height: 50px;
}

h2 small {
	font-size: 27px;
	line-height: 41px;
}

h3 {
	font-size: 27px;
	line-height: 41px;
}

h3 small {
	font-size: 19px;
	line-height: 32px;
}

h4 {
	font-size: 19px;
	line-height: 32px;
}

h4 small {
	font-size: 18px;
	line-height: 32px;
}

h5 {
	font-size: 18px;
	line-height: 32px;
}

h5 small {
	font-size: 16px;
	line-height: 30px;
}

h6 {
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	text-transform: uppercase;
}

/** - End: H tags */

hr {
	border: 0;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #ffffff;
	margin: 18px 0;
}

hr.pre-post-link-navigation {
	clear: both;
	margin: 9px;
}

img {
	max-width: 100%;
	vertical-align: middle;
}

kbd {
	font-family: monospace, sans-serif;
}

/** - Lists */
/** -- unordered, ordered */
ul,
ol {
	padding: 0;
	margin: 0 0 9px 35px;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin-bottom: 0;
}

ul {
	list-style: none inside;
}

ol {
	list-style: decimal inside;
}

li {
	line-height: 35px;
}

/** -- definition */
dl {
	margin-bottom: 18px;
}

dt,
dd {
	line-height: 35px;
}

dt {
	font-weight: bold;
	line-height: 35px;
}

dd {
	margin-left: 9px;
}

/** - End: Lists */

p {
	margin: 0 0 9px;
}

p small {
	font-size: 16px;
	color: #999999;
}

pre {
	display: block;
	padding: 8px;
	margin: 0 0 9px;
	font-size: 18px;
	line-height: 32px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre-wrap;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}

pre code {
	padding: 0;
	color: inherit;
	background-color: transparent;
	border: 0;
}

select {
	max-width: 100%;
}

small {
	font-size: 100%;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/** Tables and related styles ----------------------------------------------- */
table {
	background-color: transparent;
	width: 100%;
}

td,
th {
	width: auto;
}

td {
	padding-left: 2px;
}

tr {
	border-top: 1px solid #e3e3e3;
}

div.the-loop tr:last-child {
	border-bottom: 1px solid #e3e3e3;
}

.table-stripe {
	background-color: #e3e3e3;
}

/** End: Tables and related Styles ------------------------------------------ */

tt {
	font-family: monospace, sans-serif;
}

/** End: Baselines ---------------------------------------------------------- */

/** === Clearance === ------------------------------------------------------- */
/** Micro Clearfix ---------------------------------------------------------- */
.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
}

div.meta-byline,
h2.post-title,
ul.archive,
ul.sidebar {
	clear: both;
}

/** Generic Clearing Classes ------------------------------------------------ */
.clr-l {
	clear: left;
}

.clr-r {
	clear: right;
}

/** Additional elements requiring clear: both ------------------------------- */
#header-widgets,
.clear,
.post-title,
.meta-byline,
.meta-tags,
.more-link,
.author.details {
	clear: both;
}

/** End: Clearance ---------------------------------------------------------- */

/** === Menu Related Elements === */
/** Center only the top level menu items */
nav > ul.nav-menu > li.page_item > a,
.nav-menu > li.menu-item > a {
	text-align: center;
}

/* === MENU === */
.page ul.nav-menu {
	padding-left: 0;
}

.nav-menu {
	margin: 0;
	padding: 0;
	position: absolute;
	/* Raise above all other elements */
	z-index: 3;
}

.nav-menu a, .nav-menu a:hover {
	border: none;
	display: block;
	text-decoration: none;
}

.nav-menu li {
	float: left;
	list-style: none outside none;
	margin-left: 2px;
	margin-right: 2px;
	min-width: 99px;
	position: relative;
	white-space: nowrap;
}

.nav-menu a, .nav-menu a:visited {
	display: block;
	font-weight: bold;
	padding: 8px 12px;
}

.nav-menu a:hover, .nav-menu a:active {
	background: #eee;
	color: #000;
	text-decoration: none;
}

/**
 * Strongly influenced by the "Horizontal CSS Drop-Down Menu Module"
 *
 * found @link: http://www.lwis.net/
 * @copyright 2006-2008 Live Web Institute. All Rights Reserved.
 *
 */
ul.nav-menu,
ul.nav-menu li,
ul.nav-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.nav-menu {
	float: left;
	position: relative;
	z-index: 3;
}

ul.nav-menu li {
	float: left;
	vertical-align: middle;
}

ul.nav-menu li.hover,
ul.nav-menu li:hover {
	cursor: default;
	position: relative;
	z-index: 1;
}

ul.nav-menu ul {
	background: #eee;
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden;
	width: auto;
	z-index: 1;
}

ul.nav-menu ul li {
	float: none;
}

ul.nav-menu ul ul {
	left: 99%;
	margin-top: -1px;
	top: 1px;
}

ul.nav-menu li:hover > ul {
	background: #eee;
	visibility: visible;
}

ul.nav-menu ul.sub-menu li,
ul.nav-menu ul.children li {
	list-style: none;
}

/* End: Horizontal CSS Drop-Down Menu Module */

/* -- Rounded Corners for Menu -- */
.nav-menu a, .nav-menu a:visited, .nav-menu a:hover, .nav-menu a:active,
ul.nav-menu ul.sub-menu li, ul.nav-menu ul.children li, ul.nav-menu ul, ul.nav-menu ul ul {
	border-radius: 3px;
}

/* WordPress 3.0 Navigation Menu default widget */
.widget_nav_menu ul.sub-menu li {
	background: none;
	list-style: disc inside none;
	padding: 0 0 0 15px;
}

/** Monster be gone! - Special case many level menu in sidebar */
.widget_nav_menu ul.sub-menu li > ul > li > ul > li > ul > li {
	background: none;
	margin-left: -20px;
}

/** End: Menu Related Elements ---------------------------------------------- */

/** === Breadcrumbs === ----------------------------------------------------- */
#breadcrumbs {
	background-color: #ffffff;
	border-bottom: 1px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;
	clear: both;
}

ul.breadcrumb {
	font-size: 15px;
	line-height: 29px;
	list-style: none;
	margin-bottom: 0;
	overflow: hidden;
}

ul.breadcrumb li {
	float: left;
	line-height: 29px;
}

ul.breadcrumb li a {
	color: #988b8b;
	display: block;
	float: left;
	padding: 10px 0 10px 48px;
	position: relative;
	text-decoration: none;
}

ul.breadcrumb li:first-child a {
	padding-left: 18px;
}

ul.breadcrumb li a:after {
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	border-top: 50px solid transparent;
	content: " ";
	display: block;
	height: 0;
	left: 100%;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	width: 0;
	/* z-index: 2; */
}

ul.breadcrumb li a:before {
	border-bottom: 50px solid transparent;
	border-left: 30px solid #d3d3d3;
	border-top: 50px solid transparent;
	content: " ";
	display: block;
	height: 0;
	left: 100%;
	margin-left: 1px;
	margin-top: -50px;
	position: absolute;
	top: 50%;
	width: 0;
	/* z-index: 1; */
}

ul.breadcrumb li:last-child a:before,
.breadcrumb li:last-child a:after {
	display: none;
}

ul.breadcrumb li ul.post-trail-categories li:last-child a:before,
ul.breadcrumb li ul.post-trail-categories li:last-child a:after {
	display: block;
}

ul.breadcrumb li a:hover {
	color: #000000;
	font-weight: bold;
}

ul.breadcrumb li ul.post-trail-categories li {
	display: none;
	list-style-type: none;
}

ul.breadcrumb li ul.post-trail-categories li:first-child {
	display: block;
}

/** End: Breadcrumbs -------------------------------------------------------- */

/** === Navigation === ------------------------------------------------------ */
/** Pagination Method ------------------------------------------------------- */
.navigation-pagination {
	text-align: center;
}

.navigation-pagination ul {
	display: inline-block;
}

ul.page-numbers {
	font-size: 18px;
	line-height: 32px;
	list-style: none;
}

ul.page-numbers li {
	display: inline;
}

ul.page-numbers li a,
ul.page-numbers a li {
	border: 1px solid #efefef;
	display: block;
	float: left;
	margin-right: 7px;
	padding: 0 9px;
}

ul.page-numbers li span.current {
	background-color: #c3c3c3;
	border: 1px solid #efefef;
	display: block;
	float: left;
	margin-right: 7px;
	padding: 0 9px;
}

ul.page-numbers li span.dots {
	display: block;
	float: left;
	margin-right: 7px;
	padding: 0 9px;
}

/** Posts Pagination -------------------------------------------------------- */
div.navigation-pagination.opus-link-pages > ul.page-numbers {
	margin: 0;
}

span.opus-link-pages-preface {
	vertical-align: super;
}

/** Post Link --------------------------------------------------------------- */
p.navigation.post-link {
	font-size: 15px;
	line-height: 29px;
}

/** End: Navigation --------------------------------------------------------- */

/** === Post Elements === --------------------------------------------------- */
/** Meta Byline ------------------------------------------------------------- */
.meta-byline {
	background: #e8e8e8;
	background: -moz-linear-gradient(right, #ffffff, #cacaca);
	background: -webkit-gradient(linear, left top, right top, from(#cacaca), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#cacaca, EndColorStr=#ffffff, GradientType=1);
	background-image: -ms-linear-gradient(right, #ffffff 0%, #cacaca 100%);
	font-size: 13px;
	font-weight: normal;
	line-height: 28px;
	padding-left: 7px;
	padding-right: 1px;
}

/** Use Lock */
.post-password-required .meta-byline:after {
	font-family: 'dashicons', sans-serif;
	content: "\f160";
	padding-left: 4px;
}

/** Use Flag */
.sticky .meta-byline:after {
	font-family: 'dashicons', sans-serif;
	content: "\f227";
	padding-left: 4px;
}

/** Buttons ----------------------------------------------------------------- */
.button {
	background: inherit;
	border: 1px outset buttonface;
	color: buttontext;
	cursor: pointer;
	font-size: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 23px;
	min-width: 64px;
	padding: 1px 5px 2px;
	text-align: center;
}

a.button:hover {
	text-decoration: none;
}

.meta-byline .button {
	float: right;
}

/** Really long Post Titles and Words --------------------------------------- */
h2.post-title,
div.post-content p {
	word-wrap: break-word;
}

/** Post Content ------------------------------------------------------------ */
div.post-content {
	padding-bottom: 5px;
}

/** Read More Link ---------------------------------------------------------- */
a.excerpt-more-link:hover {
	font-size: 35px;
	font-weight: bold;
	vertical-align: bottom;
	text-decoration: none;
}

/** Codas ------------------------------------------------------------------- */
.author-coda {
	border-bottom: 1px solid #d3d3d3;
	font-size: 30px;
	line-height: 44px;
	margin-bottom: 5px;
	text-align: center;
}

.post-coda,
.post-coda-aside,
.post-coda-audio,
.post-coda-chat,
.post-coda-gallery,
.post-coda-image,
.post-coda-link,
.post-coda-quote,
.post-coda-status,
.post-coda-video {
	font-size: 30px;
	line-height: 8px;
	margin-bottom: 9px;
	margin-top: 6px;
	text-align: center;
	border-bottom: 1px solid #d3d3d3;
}

.attachment .post-coda {
	margin-top: 16px;
}

/** Meta-Tags --------------------------------------------------------------- */
.meta-tags {
	border-top: 1px solid #d3d3d3;
	font-size: 13px;
	font-weight: normal;
	line-height: 28px;
}

/** End: Post Elements ------------------------------------------------------ */

/** === Page Elements === --------------------------------------------------- */
body.page div.page a.featured-thumbnail img {
	max-width: 100%;
}

/** End: Page Elements ------------------------------------------------------ */

/** === Search === ---------------------------------------------------------- */
input.search-submit {
	display: none;
}

form.searchform,
form#searchform {
	margin: 0;
}

form.searchform label.screen-reader-text,
form#searchform label.screen-reader-text {
	display: none;
	margin: 0;
}

ul.featured-search-pages {
	list-style: none;
}

/** End: Search ------------------------------------------------------------- */

/** === Comments === -------------------------------------------------------- */
h5.comments-link {
	padding-left: 11px;
}

.comments-wrapper ul.comments-list,
.comments-wrapper ul.comments-list li.comment ul.children,
.comments-wrapper ul.pingbacks-list,
.comments-wrapper ul.pingbacks-list li.comment ul.children,
.comments-wrapper ul.trackbacks-list,
.comments-wrapper ul.trackbacks-list li.comment ul.children {
	list-style: none outside none;
}

ul.comments-list,
ul.pingbacks-list,
ul.trackbacks-list {
	margin: 0 0 9px;
}

.pingback.odd,
.trackback.odd,
.comment.even {
	background-color: #eee;
}

.comment.even blockquote {
	border-left: 5px solid #666;
}

.pingback.even,
.trackback.even,
.comment.odd {
	background-color: #f4f4f4;
}

.comment.odd blockquote {
	border-left: 5px solid #7c7c7c;
}

.comment cite:before {
	content: "";
}

.comment pre {
	margin: 0 5px 9px;
}

p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
	padding-left: 5px;
}

p.comment-form-comment {
	padding-left: 5px;
}

form#commentform label {
	display: inline-block;
	padding: 0 5px;
}

form#commentform .comment-form-url label {
	padding-right: 10px;
}

form#commentform span.required {
	color: red;
	font-weight: bold;
	font-size: 2em;
}

p.comment-form-comment {
	clear: both;
}

p.comment-form-comment textarea#comment {
	width: 98%;
}

/** Move the `form-allowed-tags` code box to beneath the notification text */
code.form-allowed-tags-code-box {
	float: left;
	width: 98%;
	font-size: 13px;
	line-height: 28px;
}

/** Place the "Post Comment" button on the right side of the content */
form#commentform p.form-submit input#submit {
	float: right;
}

/** Align the "post Comment" button with the comment textarea */
p.form-allowed-tags + p.form-submit {
	margin: 10px;
	width: 98%;
}

.comment div.reply {
	text-align: right;
}

div.comments-wrapper ul.comments-list li.comment {
	border-left: solid #d3d3d3 1px;
}

/** Do not display the reply button on trackbacks and pingbacks */
.pingback .reply,
.trackback .reply {
	display: none;
}

/** === Comment Tabs === ---------------------------------------------------- */
/** Required Style */
.ui-tabs-hide {
	display: none;
}

/** Additional Styles */
.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ui-tabs-nav li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.ui-tabs-nav a {
	text-decoration: none;
	display: block;
	padding: 5px 15px 3px 15px;
	border: 1px solid #999;
	border-bottom: none;
}

.ui-state-default a {
	background-color: #d3d3d3;
}

.ui-state-active a {
	background-color: transparent;
}

.ui-tabs-panel {
	clear: left;
	border: 1px solid #999;
	padding: 10px 10px 0;
}

/** Add rounded corners for the comment type tabs and the comments panel */
.ui-tabs-nav a {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ui-tabs-panel {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

/** End: Comment Tabs ------------------------------------------------------- */

/** === Comment Form Fields === --------------------------------------------- */
ul#comment-fields-listed-wrapper {
	list-style: none inside none;
	margin: 0 0 9px;
}

ul#comment-fields-listed-wrapper li {
	float: left;
}

ul#comment-fields-listed-wrapper li label {
	/** display: none; */
}

/** End: Comment Form Fields ------------------------------------------------ */

/** Comments Closed --------------------------------------------------------- */
.comments-closed-message {
	font-size: 18px;
	line-height: 32px;
}

/** End: Comments ----------------------------------------------------------- */

/** === Sidebars === -------------------------------------------------------- */
div.first-sidebar ul,
div.second-sidebar ul {
	list-style: none inside none;
	margin: 0 0 9px;
}

div.first-sidebar ul li ul,
div.second-sidebar ul li ul {
	list-style: disc inside none;
	margin: 0 0 0 25px;
}

/** Set all sidebar background colors to transparent */
.three-columns,
.three-columns .column-middle,
.three-columns .column-left {
	background-color: transparent;
}

.blog-style,
.blog-style .column-middle,
.blog-style .column-left {
	background-color: transparent;
}

.left-menu,
.left-menu .column-left {
	background-color: transparent;
}

.right-sidebar,
.right-sidebar .column-left {
	background-color: transparent;
}

.doublepage,
.doublepage .column-left {
	background-color: transparent;
}

.full-page {
	background-color: transparent;
}

/** End: Sidebars ----------------------------------------------------------- */

/** === Default Widgets === ------------------------------------------------- */
/** Calendar */
table#wp-calendar {
	margin: 0 auto;
	width: 98%;
}

table#wp-calendar thead {
	background-color: #c3c3c3;
	border-bottom: 2px solid #c3c3c3;
	text-align: center;
}

table#wp-calendar thead th {
	text-align: center;
}

table#wp-calendar tbody tr {
	text-align: center;
}

table#wp-calendar tbody tr td#today {
	outline: 1px solid;
}

table#wp-calendar tbody tr td a {
	font-weight: bold;
}

table#wp-calendar tfoot tr td#next {
	text-align: right;
}

/** RSS */
li.widget_rss ul li cite {
	font-style: italic;
}

li.widget_rss ul li cite:before {
	content: '~ ';
}

/** Search */
.widget form.search-form,
.widget form.search-form label,
.widget form.search-form input.search-field {
	margin: 0;
}

/** Tag Cloud */
li.widget_tag_cloud {
	margin: 0 3px;
}

/** Text Widgets */
li.widget_text {
	margin: 0 3px;
	overflow: hidden;
}

li.widget_text div.textwidget div.wp-caption {
	margin: 0;
}

li.widget_text div.textwidget div.wp-caption a img {
	height: auto;
	width: 98%;
}

/** End: Default Widgets ---------------------------------------------------- */

/** === 404 Layout === ------------------------------------------------------ */
ul.featured.search.pages li,
ul.archive.cloud.list li,
ul.archive.category.list li,
ul.nav.search li {
	border-radius: 10px;
	border: 1px solid #000000;
	float: left;
	list-style-type: none;
	padding: 10px;
}

ul.featured.search.pages li ul li,
ul.archive.cloud.list li ul li,
ul.archive.category.list li ul li,
ul.nav.search li ul li {
	border: none;
}

ul.featured li ul.nav div.nav {
	margin-bottom: 0;
}

ul.archive.cloud.list ul {
	margin: 0;
}

.error404 div.widget_recent_entries {
	border-radius: 10px;
	border: 1px solid #000000;
	margin: 0 0 9px 25px;
}

.error404 div.widget_recent_entries h2.widgettitle {
	padding-left: 10px;
}

.error404 div.widget_recent_entries ul {
	list-style-type: none;
}

.error404 div.widget_recent_entries ul li span.post-date:before {
	content: '- ';
}

/** End: 404 Layout --------------------------------------------------------- */

/** === General Archives === ------------------------------------------------ */
.archive table thead tr th {
	text-align: left;
}

/** End: General Archives --------------------------------------------------- */

/** === General Images === -------------------------------------------------- */
figure {
	margin: 0;
}

.gallery-item img {
	height: auto;
}

.image-shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/** Image Captions */
p + div.wp-caption {
	clear: both;
}

.wp-caption {
	max-width: 100%;
	/* padding-top: 8px; */
}

.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 28px;
}

.wp-caption.alignleft,
.wp-caption.left {
	margin-right: 5px;
}

.wp-caption.alignright,
.wp-caption.right {
	margin-left: 5px;
}

.wp-caption img {
	width: 98%;
}

img {
	height: auto;
}

.attachment img {
	width: 98%;
}

img.wp-smiley {
	width: auto;
}

/** Galleries - One to Nine columns ----------------------------------------- */
.gallery {
	clear: both;
	text-align: center;
	width: 100%;
}

.gallery-item img {
	margin-top: 10px;
}

.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9 {
	float: left;
	width: 100%;
}

.gallery-columns-2 figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3 figure.gallery-item:nth-of-type(3n+1),
.gallery-columns-4 figure.gallery-item:nth-of-type(4n+1),
.gallery-columns-5 figure.gallery-item:nth-of-type(5n+1),
.gallery-columns-6 figure.gallery-item:nth-of-type(6n+1),
.gallery-columns-7 figure.gallery-item:nth-of-type(7n+1),
.gallery-columns-8 figure.gallery-item:nth-of-type(8n+1),
.gallery-columns-9 figure.gallery-item:nth-of-type(9n+1) {
	clear: left;
}

.gallery-columns-2 figure.gallery-item,
.gallery-columns-3 figure.gallery-item,
.gallery-columns-4 figure.gallery-item,
.gallery-columns-5 figure.gallery-item,
.gallery-columns-6 figure.gallery-item,
.gallery-columns-7 figure.gallery-item,
.gallery-columns-8 figure.gallery-item,
.gallery-columns-9 figure.gallery-item {
	float: left;
}

.gallery-columns-6 img,
.gallery-columns-7 img,
.gallery-columns-8 img,
.gallery-columns-9 img {
	width: 90%;
	height: auto;
}

.gallery-columns-2 figure.gallery-item {
	width: 50%;
}

.gallery-columns-3 figure.gallery-item {
	width: 33.3%;
}

.gallery-columns-4 figure.gallery-item {
	width: 25%;
}

.gallery-columns-5 figure.gallery-item {
	width: 20%;
}

.gallery-columns-6 figure.gallery-item {
	width: 16.6%;
}

.gallery-columns-7 figure.gallery-item {
	width: 14.2%;
}

.gallery-columns-8 figure.gallery-item {
	width: 12.5%;
}

.gallery-columns-9 figure.gallery-item {
	width: 11.1%;
}

/** Hide captions on galleries with large column counts */
.gallery-columns-6 figcaption,
.gallery-columns-7 figcaption,
.gallery-columns-8 figcaption,
.gallery-columns-9 figcaption {
	display: none;
}

/** End: Galleries - One to Nine columns ------------------------------------ */
/** End: General Images ----------------------------------------------------- */

/** === Attachment: Image === ----------------------------------------------- */
h2#attachment-notice {
	text-align: center;
}

div.the-loop div.attached-image,
div.exif-dimensions {
	text-align: center;
}

div.display-exif-box p {
	margin: 0;
}

table.display-exif-table tbody tr td {
	padding-right: 10px;
}

/** End: Attachment: Image -------------------------------------------------- */

/** === Authors === --------------------------------------------------------- */
div.author-details h2 {
	padding: 5px 0;
}

.first-author-details-text,
.modified-author-details-text {
	font-variant: small-caps;
}

span.opus-author-about {
	padding-left: 5px;
}

/** End: Authors ------------------------------------------------------------ */

/** === Post Formats === ---------------------------------------------------- */
div.meta-byline button {
	float: right;
}

/** Use Pin */
/** Commented out but retained for consistency
.format-standard .meta-byline:before {
	font-family: "dashicons";
	content: "\f109";
	padding-right: 4px;
}
*/

/** === Post-Format: Aside === ---------------------------------------------- */
/** Use Format-Aside */
.format-aside .meta-byline:before {
	font-family: dashicons, sans-serif;
	content: "\f123";
	padding-right: 4px;
}

/** End: Post-Format: Aside ------------------------------------------------- */

/** === Post-Format: Gallery === -------------------------------------------- */
/** Use Format-Gallery */
.format-gallery .meta-byline:before {
	font-family: dashicons, sans-serif;
	content: "\f161";
	padding-right: 4px;
}

.format-gallery img.wp-post-image,
.format-gallery img.attachment-thumbnail {
	border: medium double #000000;
}

.gallery-featured-image,
.gallery-secondary-images {
	margin: 10px 0;
	text-align: center;
}

.gallery-featured-image img {
	height: auto;
	max-width: 98%;
}

.gallery-secondary-images a {
	margin: 2%;
}

.gallery-secondary-images p.more-images a {
	margin: 0;
}

p.more-images,
.gallery-caption {
	padding-top: 4px;
}

.gallery-caption {
	word-wrap: break-word;
}

/** Post-Format: Gallery Archive -------------------------------------------- */
.archive.term-post-format-gallery div.the-loop p.featured-image {
	text-align: center;
}

/** End: Post-Format: Gallery ----------------------------------------------- */

/** === Post-Format: Image === ---------------------------------------------- */
/** Use Format-Image */
.format-image .meta-byline:before {
	font-family: dashicons, sans-serif;
	content: "\f128";
	padding-right: 4px;
}

div.post.format-image h2.image-title {
	text-align: center;
}

div.image-media-details {
	margin: 0 auto;
	width: 60%;
}

div.attached-image + div.post-content {
	padding-top: 10px;
}

/** Post-Format Image Archive ----------------------------------------------- */
td.archive-image-excerpt {
	padding-top: 4px;
}

.archive table + p {
	padding-top: 4px;
}

.archive img.linked-image {
	height: auto;
	margin-bottom: 10px;
	width: 50%;
}

/** End: Post-Format: Image ------------------------------------------------- */

/** === Post-Format: Video === ---------------------------------------------- */
/** Use Format-Video */
.format-video .meta-byline:before {
	font-family: dashicons, sans-serif;
	content: "\f126";
	padding-right: 4px;
}

div.post.format-video div.post-content p iframe,
div.post.format-video div.post-content p embed {
	text-align: center;
}

div.post.format-video div.post-content div.video-player div.videopress-placeholder {
	margin: 0 auto;
}

/** End: Post-Format: Video ------------------------------------------------- */

/** === Post-Format: Quote === ---------------------------------------------- */
/** Use Format-Quote */
.format-quote .meta-byline:before {
	font-family: dashicons, sans-serif;
	content: "\f122";
	padding-right: 4px;
}

@font-face {
	font-family: 'Merienda';
	src: url('../fonts/Merienda/Merienda.ttf') format('truetype');
}

.format-quote blockquote {
	border: none;
}

.format-quote blockquote p {
	font-family: 'Merienda', courrier, serif;
	font-size: 33px;
	font-weight: 300;
	line-height: 48px;
	margin: 0 auto;
	padding: 0 5px;
	text-align: justify;
}

.single .format-quote blockquote p {
	font-size: 66px;
	line-height: 89px;
}

/** Post-Format: Quote Archive ---------------------------------------------- */
.archive .format-quote blockquote p {
	font-size: 23px;
	line-height: 36px;
}

.archive.term-post-format-quote div.meta-tags {
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**
 * Another JetPack hack ...
 * Navigator: Captain, there's an iceberg ahead!
 * Captain: Hold your course! Engine room ... ramming speed!
 */
blockquote + div.sharing {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 85%;
	line-height: 115%;
}

/** End: Post-Format: Quote ------------------------------------------------- */

/** === Post-Format: Status === --------------------------------------------- */
/** Use Format-Status */
.format-status .meta-byline:before {
	font-family: dashicons, sans-serif;
	content: "\f130";
	padding-right: 4px;
}

.post.format-status span.opus-status-update {
	line-height: 0;
	opacity: 0.5;
	text-align: center;
}

.transparent {
	opacity: 0.5;
}

/** End: Post-Format: Status ------------------------------------------------ */

/** === Post-Format: Link === ----------------------------------------------- */
/** Use Format-Link */
.format-link .meta-byline:before {
	font-family: dashicons, sans-serif;
	content: "\f103";
	padding-right: 4px;
}

div.post.format-link .post-content p a {
	font-size: 26px;
	line-height: 40px;
}

.link-symbol:before {
	content: '\221E \0020'; /** Infinity Symbol + space - uses CSS hex values */
}

.link-symbol:after {
	content: '\0020 \221E'; /** space + Infinity Symbol - uses CSS hex values */
}

/** End: Post-Format: Link -------------------------------------------------- */

/** === Post-Format: Audio === ---------------------------------------------- */
/** Use Format-Audio */
.format-audio .meta-byline:before {
	font-family: dashicons, sans-serif;
	content: "\f127";
	padding-right: 4px;
}

div.post.format-audio .post-content a {
	font-size: 26px;
	line-height: 40px;
}

.format-audio p iframe {
	width: 100% !important;
}

.audio-symbol:before {
	/** content: '\1D11E \0020'; /** Musical G Clef Symbol + space - uses CSS hex values */
}

.audio-symbol:after {
	/** content: '\0020 \1D11E'; /** space + Musical G Clef Symbol - uses CSS hex values */
}

/** End: Post-Format: Audio ------------------------------------------------- */

/** === Post-Format: Chat === ----------------------------------------------- */
/** Use Format-Chat */
.format-chat .meta-byline:before {
	font-family: dashicons, sans-serif;
	content: "\f125";
	padding-right: 4px;
}

@font-face {
	font-family: 'Underwood-Champion';
	src: url('../fonts/Underwood-Champion/underwood_champion.ttf') format('truetype');
}

.format-chat .post-content {
	font-family: 'Underwood-Champion', monospace, serif;
	font-size: 33px;
	font-weight: 300;
	line-height: 48px;
	margin: 0 auto;
	padding: 0 5px;
}

/** End: Post-Format: Chat -------------------------------------------------- */

/** === Footer === ---------------------------------------------------------- */
footer {
	clear: both;
}

h6#site-generator {
	border-top: 1px solid #e0e0e0;
}

/** End: Footer ------------------------------------------------------------- */

/** === Screen Reader Text === ---------------------------------------------- */
/** @link https://codex.wordpress.org/CSS#WordPress_Generated_Classes */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /** Above WP toolbar. */
}

/** End: Screen Reader Text ------------------------------------------------- */

/** === Miscellaneous === --------------------------------------------------- */
.question-mark {
	cursor: help;
}

/** End: Miscellaneous ------------------------------------------------------ */

/** === Style.LESS Compiled to CSS === -------------------------------------- */
.fade-right {
	background: #e8e8e8;
	background: -moz-linear-gradient(right, #ffffff, #cacaca);
	background: -webkit-gradient(linear, left top, right top, from(#cacaca), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#cacaca, EndColorStr=#ffffff, GradientType=1);
	background-image: -ms-linear-gradient(right, #ffffff 0%, #cacaca 100%);
}

.fade-left {
	background: #e8e8e8;
	background: -moz-linear-gradient(left, #ffffff, #cacaca);
	background: -webkit-gradient(linear, right top, left top, from(#cacaca), to(#ffffff));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#ffffff, EndColorStr=#cacaca, GradientType=1);
	background-image: -ms-linear-gradient(left, #ffffff 0%, #cacaca 100%);
}

/** End: Style.LESS Compiled to CSS ----------------------------------------- */

/** === BNS Plugin Integrations === ----------------------------------------- */
/** BNS Inline Asides */
div.aside-toggler,
.bnsia.aside {
	margin: 0 0 9px;
}

.open-aside.changelog {
	background-color: transparent;
}

.bnsia.aside.nb,
.bnsia.aside.nota-bene,
blockquote.aside.nb,
blockquote.aside.nota-bene {
	background-color: #e3e3e3;
}

/** BNS Login */
.bns-login {
	font-size: 16px;
	line-height: 30px;
}

/** BNS Support */
h6.bns-support-credits {
	line-height: 15px;
}

/** End: BNS Plugin Integrations -------------------------------------------- */

/** === Ain't Miss B. Haven === --------------------------------------------- */
/** Jetpack (WP Stats) - smiley face */
img#wpstats {
	display: none;
}

/** Jetpack Notifications? */
p.comment-subscription-form {
	clear: both;
	margin: 0;
}

/** Make sure Twitter embeds are not fixed width */
.post-content .twitter-tweet-rendered {
	width: 100% !important;
}

.test-text {
	display: none;
}

/** End: Ain't Miss B. Haven === -------------------------------------------- */