/**
 * Theme Name: Baton Pro
 * Theme URI: https://slocumthemes.com/wordpress-themes/baton-pro/
 * Description: TODO
 * Author: Slocum Studio
 * Author URI: https://slocumthemes.com/
 * Version: 1.0.0
 * License: GPL2+
 * License URI: http://www.gnu.org/licenses/gpl.html
 * Tags: blue, green, orange, pink, purple, red, white, light, two-columns, left-sidebar, fluid-layout, custom-colors, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

 * Baton Pro WordPress theme, Copyright (C) 2015 Slocum Studio
 * Baton Pro WordPress theme is licensed under the GPL.

 * @see attribution.txt for more license information.
 */

/**
 * TODO: TOC and better comments throughout
 */

/**
 * CSS Reset - http://meyerweb.com/eric/tools/css/reset/
 * License: None (public domain)
 * Copyright: Eric Meyer, http://meyerweb.com/eric/
 *
 * We've used Eric Meyer's reset as a base and modified it a bit to suit our needs.
 */

html, body, div, dl, dt, dd, li,
pre, form, fieldset, input, textarea,
blockquote, th, td, section, figure {
	margin: 0;
	padding: 0;

	font-size: 100%;
	-webkit-font-smoothing: antialiased;

	/* Ensure that all long words are broken up so they do not exceed the width of their container elements. */
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

pre {
	white-space: pre-wrap;
}

fieldset, img, abbr, acronym {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

a img {
	text-decoration: none;
}

select, iframe {
	max-width: 100%;
}

table {
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

address, caption, cite, code, dfn, var {
	font-weight: normal;
	font-style: normal;
}

q:before, q:after {
	content: '';
}

mark {
	background: none;
}

button {
	border: none;
}

/* Remove Apple webkit styling (iPhone/iPad) on submit/button elements */
input[type="submit"], input[type="button"] {
	-webkit-appearance: none;
}


/**
 * General
 */
html {
	/* For "rem" units */
	font-size: 1.125rem;
}

body {
	color: #4c5357;
	background: #f1f5f9;
	font-family: 'Lato', sans-serif;
	line-height: 1.8rem;
}

.cf:before,
.cf:after {
	content: '';
	display: table;
}

.cf:after {
	clear: both;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}

.in {
	width: 100%;
	margin: auto;
	padding: 0 2rem;
	max-width: 1200px;
}

a {
	color: #3ebbbb;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Typography */
p, ul, ol {
	margin: 1.5rem 0;
}

/* Nested Lists */
ul ul, ol ol,
ul ol, ol ul {
	margin: 0;
}

hr {
	height: 2px;
	background: #f1f5f9;
	border: none;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1rem 0;
	color: #363a42;
	font-weight: 900;
	line-height: 1em;
	text-transform: uppercase;
}

h1 {
	font-size: 2.2222222rem;
}

h2 {
	font-size: 1.8888888rem;
}

h3 {
	font-size: 1.7222222rem;
}

h4 {
	font-size: 1.4444444rem;
}

h5 {
	font-size: 1.2222222rem;
}

h6 {
	font-size: 1rem;
}

blockquote {
	margin: 1.25rem 0;
	padding-left: 1.5em;
	color: #363a42;
	font-size: 1.2222222rem;
	font-weight: bold;
	border-top: 2px solid;
	position: relative;
}

blockquote:before {
	content: "\f10d";
	margin: 1rem 0;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 0.636375rem;
	line-height: 2em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	position: absolute;
	left: 0;
}

blockquote p {
	margin: 0.85rem 0;
}

blockquote cite {
	color: #84919e;
	font-size: 0.636375rem;
	font-style: italic;
	text-align: right;
	display: block;
}

caption {
	margin: 0.85rem 0;
	font-weight: bold;
}

/* Tables */
table {
	width: 100%;
}

th {
	padding: 0.5em 1em;
	color: #363a42;
	background: #f1f5f9;
	text-transform: uppercase;
	font-size: 0.77777777em;
	font-weight: 900;
	text-align: left;
}

tr {
	border-bottom: 1px solid #f1f5f9;
}

td {
	padding: 0.5em 1em;
	font-size: 0.8888889em;
}

/* Lists (Unordered, Ordered, Definition) */
ul {
	list-style: square;
}

ol {

}

dl {

}

dt {
	font-weight: bold;
}

dd {
	padding-left: 2em;
}

/* Pre/Code */
pre {
	padding: 2em 4.5em 2em 2em;
	background: #f1f5f9;
	font-family: Courier, monospace;
	font-size: 0.83333333em;
	font-weight: bold;
	position: relative;
}

pre:after {
	content: "\f121";
	width: 2.5em;
	height: 100%;
	margin: 0;
	padding-top: 0.5em;
	display: inline-block;
	color: #fff;
	background: #84919e;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.06666667rem;
	text-align: center;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	position: absolute;
	top: 0;
	right: 0;
}

/* Input Elements */
input, textarea {
	max-width: 100%;
	padding: 0.75em 1.5em;
	background: #f1f5f9;
	font-family: 'Lato', sans-serif;
	font-size: 0.8888889em;
	border: none;
}

select {
	padding: 1em 1.5em;
	background: #f1f5f9;
	font-size: 0.8888889em;
	line-height: 1em;
	border: none;
}


/**
 * WordPress Core CSS - http://codex.wordprfess.org/CSS#WordPress_Generated_Classes
 * License: GPL2
 * Copyright: WordPress.org, http://wordpress.org
 *
 * We've modified this to suit our needs.
 */
.alignnone {
	margin: 5px 18px 15px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto;
}

.alignright {
	float:right;
	margin: 5px 0 15px 18px;
}

.alignleft {
	float: left;
	margin: 5px 18px 15px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 15px 18px;
}

a img.alignnone {
	margin: 5px 18px 15px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 18px 15px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption, .gallery-caption {
	max-width: 100%;
	padding: 0.5em;
	background: #f6f6f6;
	text-align: center;
	clear: both;
}

.gallery-caption {
	background: transparent;
}

.wp-caption.alignnone {
	margin: 1.5em 0;
}

.wp-caption.alignleft {
	margin: 1.5em 1.5em 1.5em 0;
}

.wp-caption.alignright {
	margin: 1.5em 0 1.5em 1.5em;
}

.wp-caption img, .gallery-caption img {
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}

/* Text meant only for screen readers. */
.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: #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: 1em;
	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. */
}


/**
 * Flexbox
 */
.baton-flex {
	width: 100%;
	margin: auto;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}

.baton-flex .baton-col {
	width: 100%;
	position: relative;
}

.baton-flex .baton-col.baton-col-center-vertically {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
}

/* Generic */
.baton-flex-1-columns .baton-col {
	width: 100%;
}

.baton-flex-2-columns .baton-col {
	width: 50%;
}

.baton-flex-3-columns .baton-col {
	width: 33.333%;
}

.baton-flex-4-columns .baton-col {
	width: 25%;
}

.baton-flex-5-columns .baton-col {
	width: 20%;
}

.baton-flex-6-columns .baton-col {
	width: 16.667%;
}

/* Specific */
.baton-flex.baton-flex-header-in {
	min-height: 4.723em;
}

.baton-flex .baton-col.baton-col-title-tagline {
	width: 35%;
}

.baton-flex .baton-col.baton-col-primary-nav-wrap {
	width: 65%;
}

.baton-flex .baton-col.baton-col-content {
	width: 72%;
	padding-right: 1.5em;
}

.baton-flex .baton-col.baton-col-sidebar {
	width: 28%;
	padding-left: 1.5em;
}

.baton-flex .baton-col.baton-col-previous-posts {
	line-height: 1.25em;
}

.baton-flex .baton-col.baton-col-next-posts {
	line-height: 1.25em;
}

.baton-flex .baton-col.baton-col-author-avatar {
	width: 25%;
}

.baton-flex .baton-col.baton-col-author-meta {
	width: 75%;
	padding: 3em;
}

.baton-flex .baton-col.baton-col-comment-author-avatar {
	width: 8%;
}

.baton-flex .baton-col.baton-col-comment-author-meta {
	width: 92%;
	padding-left: 0.5em;
}

.baton-flex.baton-flex-social-media {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.baton-flex .baton-col.baton-col-social-media {
	min-width: 2.55em;
	padding: 0.2em 0;
}

.social-media-footer .baton-flex .baton-col.baton-col-social-media {
	width: 10%;
}

.baton-flex.baton-flex-footer-widgets {
	-webkit-justify-content: space-around;
	justify-content: space-between;
}

/* Content Layout */
.cols-1 .baton-flex .baton-col.baton-col-content,
.baton-flex.content-wrap-full-width-page .baton-col.baton-col-content {
	width: 100%;
	padding-right: 0;
}

.cols-2-r .baton-flex .baton-col.baton-col-content,
.cols-2-r .baton-flex .baton-col.baton-col-sidebar {
	direction: ltr;
}

.cols-2-r .baton-flex .baton-col.baton-col-content {
	padding-left: 1.5em;
	padding-right: 0;
}

.cols-2-r .baton-flex .baton-col.baton-col-sidebar {
	padding-left: 0;
	padding-right: 1.5em;
}

/**
 * Note
 */
/* Baton Hero 1 */
.note-hero-widget .baton-hero-1.has-baton-hero-bg-image {
	/* TODO */
	background: #f00;
}

.note-hero-widget .baton-hero-1 .note-content {
	padding: 9.75rem 0;
}

.note-hero-widget .baton-hero-1 .note-content h2 {
	font-size: 3.3333333rem;
}

/* Baton Hero 2 */
.note-hero-widget .baton-hero-2.has-baton-hero-bg-image {
	/* TODO
	background: #0f0;*/
}

.note-hero-widget .baton-hero-2 .note-content {
	padding: 5.5rem 0;
}

/* Baton Features */
/* TODO
 TODO: Border on headings, take from hercules (adjust color based on Customizer colors)
.note-features-widget .note-wrapper {
	background: #00f;
}*/


/**
 * Menus
 */
nav .menu {
	font-family: 'Martel Sans', sans-serif;
	font-size: 0.77777777rem;
	text-transform: uppercase;
}

nav .menu, nav .menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav .menu li {
	display: inline-block;
	position: relative;
	line-height: 1.8rem;
}

nav .menu li a {
	width: 100%;
	padding: 1em;
	display: inline-block;
	vertical-align: middle;
}

nav .menu li a:hover {
	text-decoration: none;
}

nav .menu .sub-menu {
	display: none;
	width: auto;
	min-width: 14.5em;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99999;
	text-transform: none;
}

nav .menu .sub-menu .sub-menu {
	top: 0;
	left: 100%;
}

nav .menu li:hover > .sub-menu {
	display: block;
}

nav .menu .sub-menu li {
	display: block;
}


/**
 * Header
 */
#header {
	background: #363a42;
}

#title, #slogan {
	font-family: 'Martel Sans', sans-serif;
	font-size: 1.3333333rem;
	text-transform: uppercase;
	letter-spacing: 4px;
	line-height: 1rem;
}

#title {
	margin: 1.25rem 0;
}

#title a {
	color: #fff;
}

#title a:hover {
	text-decoration: none;
}

#slogan {
	margin: -0.5rem 0 1rem;
	color: #84919e;
	font-size: 0.66666666rem;
	letter-spacing: 1px;
}

/* Primary Navigation */
#primary-nav-wrap {
	text-align: right;
}

#primary-nav-button {
	padding: 0.75em 1em;
	text-align: center;
	display: none;
	position: relative;
}

#primary-nav-button span {
	padding-left: 2em;
	display: inline-block;
	position: relative;
}

#primary-nav-button span:before {
	content: "\f0c9";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 0.8888889em;
	line-height: 1.5rem;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	position: absolute;
	top: 0;
	left: 0.5rem;
}

#primary-nav-button.open,
#primary-nav-button:hover {
	background: #39787b;
}

.primary-nav-mobile-container {
	display: none;
}

nav .primary-nav li {
	text-align: center;
}

nav .primary-nav li a {
	color: #fff;
}

nav .primary-nav li:hover a, nav .primary-nav li.current-menu-item a {
	color: #3ebbbb;
}

nav .primary-nav > li a {
	height: 100%;
	padding: 0;
}

nav .primary-nav > li a span {
	padding: 1em;
	display: inline-block;
	vertical-align: middle;
}

nav .primary-nav > li:first-child a span {
	padding-left: 0;
}

nav .primary-nav > li:last-child a span {
	padding-right: 0;
}

nav .primary-nav .sub-menu {
	left: 50%;
	margin-left: -7.25em;
}

nav .primary-nav .sub-menu:before,
nav .primary-nav .sub-menu:after {
	content: '';
	width: 0;
	height: 0;
	margin: auto;
	display: block;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-bottom: 11px solid #363a42;
	position: relative;
	top: 1px;
	z-index: 1;
}

nav .primary-nav .sub-menu:after {
	margin-left: -12px;
	border-left-width: 12px;
	border-right-width: 12px;
	border-bottom: 12px solid rgba(132, 145, 158, 0.2);
	position: absolute;
	top: -1px;
	left: 50%;
	z-index: -1;
}

nav .primary-nav .sub-menu li {
	background: #363a42;
	border: 1px solid rgba(132, 145, 158, 0.2);
	border-top: none;
	text-align: left;
}

nav .primary-nav .sub-menu li:first-child {
	border-top: 1px solid rgba(132, 145, 158, 0.2);
}

nav .primary-nav .sub-menu li a {
	color: #84919e;
}

nav .primary-nav .sub-menu li:hover > a {
	color: #fff;
}

nav .primary-nav .sub-menu .sub-menu {
	left: 100%;
	margin-left: 0;
	padding-left: 1em;
}

nav .primary-nav .sub-menu .sub-menu:before,
nav .primary-nav .sub-menu .sub-menu:after {
	width: 2px;
	height: 0;
	border-left: none;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #363a42;
	position: absolute;
	left: 4px;
	top: 1.3em;
}

nav .primary-nav .sub-menu .sub-menu:after {
	border-right: 12px solid rgba(132, 145, 158, 0.2);
	border-bottom-width: 12px;
	position: absolute;
	top: 1.25em;
	left: 1em;
	z-index: -1;
}

/* Secondary Navigation */
#secondary-nav-wrap {
	background: #3ebbbb;
}

#secondary-nav {
	font-size: 0.66666666rem;
}

#secondary-nav li a {
	padding: 0.5em 1em;
	color: #fff;
}

/* Customizer Default */
#secondary-nav li:hover a, #secondary-nav li.current-menu-item a {
	color: #fff;
}

#secondary-nav > li:first-child a {
	padding-left: 0;
}

#secondary-nav > li:last-child a {
	padding-right: 0;
}

#secondary-nav .sub-menu {
	left: 50%;
	margin-left: -7.25em;
}

#secondary-nav .sub-menu:before {
	content: '';
	width: 0;
	height: 0;
	margin: auto;
	display: block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #3ebbbb;
}

#secondary-nav .sub-menu li {
	background: #3ebbbb;
	border-bottom: 1px solid rgba(204, 244, 244, 0.2);
	text-align: left;
}

#secondary-nav .sub-menu li a {
	color: #ccf4f4;
}

#secondary-nav .sub-menu li:hover > a {
	color: #fff;
}

#secondary-nav .sub-menu .sub-menu {
	left: 100%;
	margin-left: 0;
	padding-left: 0.85em;
}

#secondary-nav .sub-menu .sub-menu:before {
	width: 2px;
	height: 0;
	border-left: none;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #3ebbbb;
	position: absolute;
	left: 3px;
	top: 1.2em;
}

/* Header Alignment */
.header-centered #header, .header-nav-below #header {
	text-align: center;
}

.header-centered #primary-nav-wrap {
	text-align: center;
}

.header-flipped #header {
	direction: rtl;
}

.header-flipped #primary-nav-wrap {
	text-align: left;
	direction: ltr;
}

.header-nav-below .baton-flex .baton-col.baton-col-title-tagline,
.header-nav-below .baton-flex .baton-col.baton-col-primary-nav-wrap {
	width: 100%;
	text-align: center;
}

.header-nav-below #slogan {
	margin-bottom: 1rem;
}

.header-nav-below #primary-nav-wrap {
	text-align: center;
	margin-bottom: 1rem;
}

.header-nav-below #primary-nav-container {
	position: relative;
}

.secondary-header-centered #secondary-nav-wrap {
	text-align: center;
}

.secondary-header-flipped #secondary-nav-wrap {
	text-align: right;
}


/**
 * Content
 */

/* Content Layout */
.content-wrap {
	padding-top: 5em;
}

.content-wrap.content-wrap-full-width-page {
	padding-bottom: 5em;
}

.cols-2-r .content-wrap {
	direction: rtl;
}

.content, .article-author,
.after-posts-widgets .widget, .comments {
	padding: 0 6em 2em;
	background: #fff;
	box-shadow: 0 2px 0 0 #d3d8de;
}

.home .content, .search .content, .archive .content {
	margin-bottom: 3em;
}

.article-thumbnail-wrap {
	text-align: center;
}

/* Front Page */
/* TODO: Responsive styling for Front Page */
.front-page-sidebar-active .in.content-wrapper-in {
	max-width: none;
	padding: 0;
}

.front-page-sidebar-active .content-wrap {
	padding-top: 0;
}

.front-page-widgets {
	width: 100%;
}

.front-page-widgets .widget {
	padding: 2em 0;
}

/* TODO: Note Hero Displays, responsive as well */
.front-page-widgets .note-hero-widget {
	padding: 0;
}

.front-page-widgets .note-hero-widget .front-page-widget-in {
	max-width: none;
	padding: 0;
}


/* Typography */
.archive-title {
	margin-top: -4.25rem;
}

.article-title {
	margin-bottom: 0.2em;
	color: #363a42;
	font-size: 1.7222222rem;
	font-weight: 900;
	text-transform: uppercase;
}

.article-title a {
	color: #363a42;
}

.article-title a:hover {
	color: #3ebbbb;
	text-decoration: none;
}

.single .article-title {
	margin-top: 0.2em;
}

.page .article-title {
	margin-top: 1.5rem;
}

/* Buttons */
.button, a.button, input[type="submit"] {
	padding: 0.5em 1em;
	color: #fff;
	background: #3ebbbb;
	font-size: 0.8888889em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.5em;
	display: inline-block;
	cursor: pointer;
}

.button:hover, a.button:hover, input[type="submit"]:hover {
	background: #363a42;
	text-decoration: none;
}

.button-left {
	float: left;
}

.button-right {
	float: right;
}

/* Attachment */
.content .attachment {
	margin: 1.5em 0;
}

/* Meta (categories, post date, etc...) */
.article-categories-wrap {
	margin: 1.65em 0 0;
	line-height: 1.5em;
}

.article-categories-wrap a {
	color: #d4d5d5;
	font-size: 0.66666666em;
	font-weight: bold;
	text-transform: uppercase;
}

.article-post-meta {
	margin: 2em 0;
	color: #d4d5d5;
	font-size: 0.66666666em;
	font-weight: bold;
	text-transform: uppercase;
}

.article-post-meta.article-post-meta-archive {
	margin-bottom: 0;
}

.article-post-meta .article-date,
.article-post-meta .article-author-link,
.article-post-meta .article-comments-link {
	display: inline-block;
	vertical-align: middle;
}

.article-post-meta .article-date {
	padding: 0 1.5em 0 0;
}

.article-post-meta .article-comments-link {
	padding: 0 0 0 1.5em;
}

.article-post-meta .article-date a,
.article-post-meta .article-author-link a,
.article-post-meta .article-comments-link a {
	color: #d4d5d5;
}

.article-post-meta .article-date a:hover,
.article-post-meta .article-author-link a:hover,
.article-post-meta .article-comments-link a:hover {
	text-decoration: none;
}

.article-post-meta .article-date span,
.article-post-meta .article-author-link span,
.article-post-meta .article-comments-link span {
	padding-right: 0.5em;
}

.article-post-meta .article-date a:hover,
.article-post-meta .article-author-link a:hover,
.article-post-meta .article-comments-link a:hover {
	color: #3ebbbb;
}

/* Post Navigation */
.article-navigation p {
	margin-top: 0;
}

.article-post-navigation {
	padding: 3em 0;
	color: #d4d5d5;
	font-weight: 900;
	text-transform: uppercase;
}

.article-post-navigation.no-links {
	padding: 1.25em 0;
}

.article-post-navigation .next-posts {
	text-align: right;
}

.article-post-navigation .article-post-navigation-label {
	font-size: 0.66666666em;
	line-height: 1.5em;
	display: block;
}

.article-post-navigation a {
	font-size: 0.77777777em;
	color: #363a42;
}

/* Author */
.article-author {
	margin: 0 0 3em;
	padding: 0;
	font-size: 0.83333333em;
}

.article-author .author-name {
	margin-top: 0;
	font-size: 0.93333333em;
	line-height: 1em;
}

.article-author .author-details {
	margin-bottom: 1em;
	line-height: 1.5em;
}

/* Search */
.search-form {
	position: relative;
}

.search-form .search-term {
	width: 100%;
	padding-right: 3em;
}

.search-form .search-submit {
	padding: 0.4em 0.5em;
	color: #abb0b3;
	background: transparent;
	font-size: 1em;
	position: absolute;
	top: 0.25em;
	right: 0.25em;
}
.search-form .search-submit:hover {
	background: transparent;
}

/* After Posts Sidebar & Widgets */
.after-posts-widgets.widgets {
	margin-bottom: -3em;
}

.after-posts-widgets .widget {
	margin-bottom: 3em;
	padding-top: 2em;
}

/* Comments */
.comments {
	margin-top: 3.5em;
}

.comments.no-comments {
	padding-top: 1em;
}

.comments-title {
	margin: 2em 0;
	font-size: 1.4444444em;
}

.comments-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comments-list .children {
	list-style: none;
}

.comments-list > li,
.comments-list .children > li {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 2px solid #f1f5f9;
}

.comments .comment-author-details {
	font-weight: bold;
	text-transform: uppercase;
}

.comments .author-link {
	color: #363a42;
	font-size: 0.77777777em;
	line-height: 2.5em;
	font-weight: 900;
}

.comments .author-link a {
	color: #363a42;
}

.comments .comment-meta {
	color: #d4d5d5;
	font-size: 0.66666666em;
	line-height: 1em;
}

.comments .comment-meta a {
	color: #d4d5d5;
}

.comments .comment-reply {
	text-transform: uppercase;
}

.comments .comment-reply-link {
	color: #d4d5d5;
	font-size: 0.77777777em;
	font-weight: bold;
}

.comments .comment-reply-link:hover {
	color: #3ebbbb;
	text-decoration: none;
}

.comments .comment-respond {
	margin-top: 3em;
}

.comments .comment-respond .comment-reply-title {
	font-size: 1.4444444em;
}

.comments .comment-respond label {
	padding-bottom: 0.25em;
	font-size: 0.8888889em;
	font-weight: bold;
	display: block;
}

.comments .comment-respond input,
.comments .comment-respond textarea {
	width: 100%;
}

/* In WordPress versions less than 4.2.2, the allowed HTML tags still existed */
.comments .form-allowed-tags {
	display: none;
}

.comments .comment-respond input[type="submit"] {
	width: auto;
}

/* TODO: Comment Pagination */

/* Pagination */
.page-numbers {
	padding: 0;
	list-style: none;
	font-size: 0.8888889em;
}

.page-numbers li {
	padding: 0 0.25em;
	display: inline-block;
}

.page-numbers li:first-child {
	padding-left: 0;
}

.page-numbers li:last-child {
	padding-right: 0;
}

.page-numbers li a,
.page-numbers li span {
	padding: 0.5em 0.725em;
	display: inline-block;
	line-height: 1em;
	box-shadow: 0 2px 0 0 #d3d8de;
}

.page-numbers li a {
	color: #4c5357;
	background: #fff;
}

.page-numbers li a:hover {
	color: #fff;
	background: #3ebbbb;
	text-decoration: none;
}

.page-numbers li .current {
	color: #fff;
	background: #363a42;
}


/* Home */
/* TODO */


/**
 * Sidebars & Widgets
 */
/* Sidebar */
.sidebar-container {
	background: #fff;
	box-shadow: 0 2px 0 0 #d3d8de;
}

.sidebar .widget {
	padding: 2em;
	font-size: 0.83333333rem;
	line-height: 1.5em;
	border-bottom: 2px solid #f1f5f9;
}

.widget-title {
	margin: 1rem 0 2rem;
	font-size: 0.93333333rem;
}

/* RSS */
.widget_rss .rsswidget img {
	vertical-align: middle;
}

/* Calendar */
.widget_calendar caption {
	margin-top: 0;
}

.widget_calendar #next {
	text-align: right;
}

/* Social Media */
.sidebar .social-media-icons a:hover {
	color: #39787b;
}

/* Tags */
.widget_tag_cloud .tagcloud a {
	margin: 0.15em 0;
	padding: 0.25em 0.5em;
	color: #abb0b3;
	background: #f1f5f9;
	display: inline-block;
}

.widget_tag_cloud .tagcloud a:hover {
	color: #4c5357;
	text-decoration: none;
}


/**
 * Social Media
 */
.social-media-icons {
	font-size: 1.6rem;
}

.social-media-icons a {
	text-align: center;
	text-decoration: none;
}

.social-media-icons a:hover {
	color: #fff;
}

.social-media-icons .social-media-label {
	font-size: 0.66666666rem;
}

.social-media-footer .social-media-icons a {
	color: #39787b;
}

.social-media-footer .social-media-icons a:hover {
	color: #fff;
}


/**
 * Footer
 */
#footer {
	margin-top: 5em;
	color: #b6b9be;
	background: #363a42;
	font-size: 0.77777777rem;
	line-height: 1.75em;
}

#footer h1, #footer h2,
#footer h3, #footer h4,
#footer h5, #footer h6 {
	color: #fff;
}

/* Footer Widgets */
#footer .widget ul, #footer .widget ol {
	padding-left: 1.4em;
}

.footer-widgets-in {
	padding: 0;
}

.footer-widgets .widget {
	padding: 5em 3.41em 3em;
	border-bottom: 1px solid #494d55;
}

.footer-widgets .widget:first-child,
.footer-widgets .widget:nth-of-type(3n+1) {
	border-right: 1px solid #494d55;
}

.footer-widgets .widget:nth-of-type(3n+3) {
	border-left: 1px solid #494d55;
}

.copyright-area-widgets .widget {
	margin: 0 0 2em;
	padding: 2em 0;
	border-bottom: 1px solid #494d55;
}

.copyright-wrap {
	padding: 2em 0;
}

.copyright {
	font-size: 0.857175em;
}

.copyright-message {
	line-height: 1.18em;
}

.copyright-message.no-copyright {
	margin: 0;
}

/* Footer Menu */
.footer-nav .menu {
	font-family: 'Lato', sans-serif;
	font-size: 0.66666666rem;
	text-transform: none;
}

.footer-nav.no-copyright .menu {
	margin: 1.5em 0 0;
}

.footer-nav .menu li {
	display: inline;
	position: relative;
	border-right: 1px solid #f1f5f9;
}

.footer-nav .menu li a {
	width: auto;
	padding: 0 0.5em;
	display: inline-block;
	vertical-align: top;
}

.footer-nav > li:first-child a {
	padding-left: 0;
}

.footer-nav > li:last-child {
	border: none;
}

.footer-nav > li:last-child a {
	padding-right: 0;
}

.footer-nav .menu .sub-menu {
	min-width: 0;
	padding-left: 1.4em;
	display: block;
	position: relative;
	top: 0;
}

.footer-nav .menu .sub-menu .sub-menu {
	top: 0;
	left: 0;
}

.footer-nav .menu .sub-menu li {
	border: none;
}



/**
 * 3rd Party
 */

/* Gravity Forms */
/* TODO */


/**
 * Responsive Structure
 */
/* TODO: Remove if not necessary */
@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 960px) {
	/**
	 * Flexbox
	 */
	/* Generic */
	.baton-flex-2-columns .baton-col {
		width: 100%;
	}

	.baton-flex-4-columns .baton-col {
		width: 50%;
	}

	.baton-flex-5-columns .baton-col {
		width: 33%;
	}

	.baton-flex-6-columns .baton-col {
		width: 33%;
	}

	/* Specific */
	.cols-2-r .baton-flex .baton-col.baton-col-content {
		padding-left: 0;
	}

	.cols-2-r .baton-flex .baton-col.baton-col-sidebar {
		padding-right: 0;
	}

	.baton-flex .baton-col.baton-col-title-tagline {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-primary-nav-wrap {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-content {
		width: 100%;
		padding-right: 0;
	}

	.baton-flex .baton-col.baton-col-sidebar {
		width: 100%;
		margin-top: 3em;
		padding-left: 0;
	}

	.home .baton-flex .baton-col.baton-col-sidebar,
	.archive .baton-flex .baton-col.baton-col-sidebar,
	.search .baton-flex .baton-col.baton-col-sidebar {
		margin-top: 2em;
	}

	.baton-flex .baton-col.baton-col-previous-posts {
		width: 50%;
	}

	.baton-flex .baton-col.baton-col-next-posts {
		width: 50%;
	}

	.baton-flex .baton-col.baton-col-author-avatar {
		width: 35%;
	}

	.baton-flex .baton-col.baton-col-author-meta {
		width: 65%;
		padding: 1.5em;
	}

	.baton-flex .baton-col.baton-col-social-media {
		width: 20%;
	}

	.social-media-footer .baton-flex .baton-col.baton-col-social-media {
		/* TODO */
	}

	.baton-flex.baton-flex-footer-widgets {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-copyright {
		padding: 0 0 2em;
	}


	/**
	 * Header
	 */
	/* Secondary Navigation */
	#secondary-nav-wrap {
		display: none
	}


	/**
	 * Content
	 */
	/* Content Layout */
	.content-wrap {
		padding-top: 3em;
	}

	.content, .after-posts-widgets .widget, .comments {
		padding: 0 4em 2em;
	}

	/* After Posts Sidebar & Widgets */
	.after-posts-widgets .widget {
		padding-top: 2em;
	}


	/**
	 * Footer
	 */
	/* Footer Widgets */
	.footer-widgets .widget {
		padding: 2em;
	}

	.copyright-area-widgets .widget {
		margin: 0 0 1em;
		padding: 1em 0;
	}

	.copyright-wrap {
		padding: 0 0 2em;
	}
}

@media only screen and (max-width : 768px) {
	/**
	 * Flexbox
	 */
	/* Generic */
	.baton-flex-3-columns .baton-col {
		width: 100%;
	}

	.baton-flex-4-columns .baton-col {
		width: 100%;
	}

	.baton-flex-5-columns .baton-col {
		width: 100%;
	}

	.baton-flex-6-columns .baton-col {
		width: 100%;
	}

	/* Specific */
	.baton-flex .baton-col.baton-col-title-tagline {
		width: 100%;
		text-align: center;
	}

	.baton-flex .baton-col.baton-col-primary-nav-wrap {
		width: 100%;
		padding: 1em 0 2em;
	}

	.baton-flex .baton-col.baton-col-previous-posts {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-next-posts {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-author-avatar {
		width: 45%;
	}

	.baton-flex .baton-col.baton-col-author-meta {
		width: 55%;
		padding: 1em;
	}

	.baton-flex .baton-col.baton-col-comment-author-avatar {
		width: 15%
	}

	.baton-flex .baton-col.baton-col-comment-author-meta {
		width: 85%;
	}

	.baton-flex .baton-col.baton-col-social-media {
		/* TODO */
	}

	.social-media-footer .baton-flex .baton-col.baton-col-social-media {
		/* TODO */
	}

	.baton-flex.baton-flex-footer-widgets {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-copyright {
		/* TODO */
	}

	/**
	 * Header
	 */
	#slogan {
		margin-bottom: 1rem;
	}

	/* Primary Navigation */
	#primary-nav-wrap {
		padding: 0;
	}

	.primary-nav-wrap-mobile {
	}

	.primary-nav-mobile-container {
		position: relative;
		text-align: center;
		display: block;
	}

	#primary-nav-button {
		display: block;
	}

	nav .primary-nav {
		height: 0;
		max-height: 0;
		overflow: hidden;
	}

	nav .primary-nav.open {
		width: 100%;
		height: auto;
		position: absolute;
		overflow: visible;
		z-index: 1000;
	}

	nav .primary-nav li {
		height: auto;
		background: #363a42;
		text-align: left;
		display: block;
	}

	nav .primary-nav > li {
		border-left: 1px solid;
		border-right: 1px solid;
	}

	nav .primary-nav > li:first-child {
		border-top: 1px solid;
	}

	nav .primary-nav > li:last-child {
		margin-bottom: 2em;
		border-bottom: 1px solid;
	}

	nav .primary-nav li a {
		border-bottom: 1px solid rgba(132, 145, 158, 0.2);
	}

	nav .primary-nav > li:first-child a span {
		padding-left: 1em;
	}

	nav .primary-nav > li:last-child a span {
		padding-right: 1em;
	}

	nav .primary-nav .child-menu-button {
		margin-top: -7px;
		padding: 1rem;
		color: #fff;
		position: absolute;
		top: 0.8rem;
		right: 0;
		cursor: pointer;
	}

	nav .primary-nav .sub-menu {
		width: 100%;
		margin-left: 0;
		display: block;
		position: relative;
		left: auto;
	}

	nav .primary-nav .closed .sub-menu,
	nav .primary-nav li.closed:hover > .sub-menu,
	nav .primary-nav .sub-menu:before {
		display: none;
	}

	nav .primary-nav .open > .sub-menu {
		display: block;
	}

	nav .primary-nav .sub-menu li,
	nav .primary-nav .sub-menu li:first-child {
		background: #31343a;
		border: none;
	}

	nav .primary-nav .sub-menu li a {
		padding-left: 1em;
		padding-right: 3rem;
	}

	nav .primary-nav .sub-menu .sub-menu {
		padding-left: 0;
		left: auto;
	}

	nav .primary-nav .sub-menu .sub-menu li {
		background: #2c2f33;
	}

	nav .primary-nav .sub-menu .sub-menu li a {
		padding-left: 2em;
	}

	nav .primary-nav .sub-menu .sub-menu .sub-menu li {
		background: #2a2c2f;
	}

	nav .primary-nav .sub-menu .sub-menu .sub-menu li a {
		padding-left: 3em;
	}

	nav .primary-nav .sub-menu .sub-menu .sub-menu .sub-menu li a {
		padding-left: 4em;
	}

	nav .primary-nav .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li a {
		padding-left: 5em;
	}


	/**
	 * Footer
	 */
	/* Footer Widgets */
	.footer-widgets .widget,
	.footer-widgets .widget:nth-of-type(3n+3),
	.footer-widgets .widget:first-child,
	.footer-widgets .widget:nth-of-type(3n+1) {
		border: none;
		border-bottom: 1px solid #494d55;
	}
}

@media only screen and (max-width : 568px) {
	/**
	 * Flexbox
	 */
	/* Specific */
	.baton-flex .baton-col.baton-col-previous-posts {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-next-posts {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-author-avatar {
		width: 100%;
	}

	.baton-flex .baton-col.baton-col-author-meta {
		width: 100%;
		padding: 1.5em;
	}

	.baton-flex .baton-col.baton-col-comment-author-avatar {
		width: 18%;
	}

	.baton-flex .baton-col.baton-col-comment-author-meta {
		width: 82%;
	}

	.baton-flex .baton-col.baton-col-social-media {
		/* TODO */
	}

	.social-media-footer .baton-flex .baton-col.baton-col-social-media {
		/* TODO */
	}

	.baton-flex.baton-flex-footer-widgets {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-copyright {
		/* TODO */
	}


	/**
	 * Content
	 */
	/* Content Layout */
	.content, .after-posts-widgets .widget, .comments {
		padding: 0 1.5em 1.5em;
	}

	/* After Posts Sidebar & Widgets */
	.after-posts-widgets .widget {
		padding-top: 1.5em;
	}
}

@media only screen and (max-width : 480px) {
	/**
	 * General
	 */
	.in {
		padding: 0 1rem;
	}


	/**
	 * Flexbox
	 */
	/* Specific */
	.baton-flex .baton-col.baton-col-sidebar {
		margin-top: 1em;
	}

	.baton-flex .baton-col.baton-col-previous-posts {
		width: 100%;
	}

	.baton-flex .baton-col.baton-col-next-posts {
		width: 100%;
		padding-top: 1em;
		text-align: left;
	}

	.baton-flex .baton-col.baton-col-comment-author-avatar {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-comment-author-meta {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-social-media {
		/* TODO */
	}

	.social-media-footer .baton-flex .baton-col.baton-col-social-media {
		/* TODO */
	}

	.baton-flex.baton-flex-footer-widgets {
		/* TODO */
	}

	.baton-flex .baton-col.baton-col-copyright {
		/* TODO */
	}

	/**
	 * Content
	 */
	/* Content Layout */
	.content-wrap {
		padding-top: 1em;
	}

	/* Author */
	.article-author {
		margin-bottom: 1em;
	}

	/* Post Navigation */
	.article-post-navigation {
		padding: 1em;
	}

	/* After Posts Sidebar & Widgets */
	.after-posts-widgets .widget {
		margin-bottom: 1em;
	}

	/* Comments */
	.comments {
		margin-top: 3em;
	}

	.comments-list .children {
		padding-left: 0.75em;
	}


	/**
	 * Footer
	 */
	#footer {
		margin-top: 1.5em;
	}
}