/*
Theme Name: Maxwell
Theme URI: https://themezee.com/themes/maxwell/
Author: ThemeZee
Author URI: https://themezee.com
Description: Maxwell is a modern blog theme with an ultra clean and elegant design. With its beautiful typography and thoughtful white space, Maxwell truly helps you to stand out with your content.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maxwell
Tags: blog-excerpts, clean, elegant, infinite-scroll, light, social-menu, modern, multiple-menus, site-logo, two-columns, blog, news, custom-background, custom-header, custom-menu, grid-layout, blog, entertainment, editor-style, rtl-language-support, grid-layout, featured-image-header, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, one-column, left-sidebar, right-sidebar, three-columns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Maxwell is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Normalize
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Accessibility
6.0 - Alignments
7.0 - Clearings
8.0 - Layout Structure
9.0 - Header
10.0 - Navigation
11.0 - Widgets
12.0 - Posts and pages
11.0 - Comments
12.0 - Footer
13.0 - Media
14.0 - Media Queries
	14.1 - Desktop Large ( < 1120px )
	14.2 - Desktop Medium ( < 1040px )
	14.3 - Desktop Small ( < 960px )
	14.4 - Tablet Large ( < 880px )
	14.5 - Tablet Medium ( < 800px )
	14.6 - Tablet Small ( < 720px )
	14.7 - Mobile Extra Large ( < 640px )
	14.8 - Mobile Large ( < 560px )
	14.9 - Mobile Medium ( < 480px )
	14.10 - Mobile Small ( < 320px )
15.0 - Theme Option Styles
16.0 - Media Query Fixes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 1.0 - Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	padding: 0 2em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	margin: 0.67em 0;
	font-size: 2em;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
	font-family: monospace, monospace;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	color: inherit;
	font: inherit;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

legend {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# 2.0 - Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #303030;
	font-size: 17px;
	font-size: 1.0625rem;
	font-family: 'Titillium Web', Tahoma, Arial;
	line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	overflow: auto;
	margin-bottom: 1.6em;
	padding: 1.6em;
	max-width: 100%;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 1.6;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# 3.0 - Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #303030; /* Fallback for when there is no custom background color defined. */
}

blockquote {
	margin: 0 0 1.5em;
	padding-left: 1.25em;
	border-left: 4px solid #303030;
	color: #777;
	font-style: italic;
	font-size: 18px;
	font-size: 1.125rem;
}

blockquote cite,
blockquote small {
	display: block;
	margin-top: 1em;
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote > :last-child {
	margin-bottom: 0.5em;
}

hr {
	margin-bottom: 1.5em;
	height: 1px;
	border: 0;
	background-color: #ccc;
}

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0 0 0 1.25em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 1.5em;
}

img {
	max-width: 100%; /* Adhere to container width. */
	height: auto; /* Make sure images are scaled correctly. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	border: none;
	table-layout: fixed;
}

th,
td {
	padding: 0.3em 0.6em;
	border: 1px solid #ddd;
}

a {
	color: #33bbcc;
	text-decoration: none;
}

a:link,
a:visited {
	color: #33bbcc;
}

a:hover,
a:focus,
a:active {
	color: #303030;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
# 4.0 - Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	margin: 0;
	padding: 0.6em 1em;
	border: none;
	background: #33bbcc;
	color: #fff;
	text-decoration: none;
	font-size: 17px;
	font-size: 1.0625rem;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #303030;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.3em 0.6em;
	max-width: 100%;
	border: 1px solid #ddd;
	color: #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #ccc;
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# 5.0 - Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	position: absolute !important;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
}

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

/*--------------------------------------------------------------
# 6.0 - Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

/*--------------------------------------------------------------
# 7.0 - Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after,
.entry-author:before,
.entry-author:after,
.post-navigation .nav-links:before,
.post-navigation .nav-links:after,
.comment-navigation:before,
.comment-navigation:after {
	display: table;
	content: "";
}

.clearfix:after,
.entry-author:after,
.post-navigation .nav-links:after,
.comment-navigation:after {
	clear: both;
}

/*--------------------------------------------------------------
# 8.0 - Layout Structure
--------------------------------------------------------------*/
.site {
	margin: 0 auto;
	padding: 0 5em;
	max-width: 1340px;
	width: 100%;
	background: #fff;
}

.site-content {
	padding: 3em 0 1em
}

.content-area {
	float: left;
	box-sizing: border-box;
	padding-right: 4em;
	width: 75%;
}

.sidebar {
	float: right;
	width: 25%;
}

/* No Sidebar Layout */
.no-sidebar .content-area {
	float: none;
	width: 100%;
	max-width: 810px;
	padding: 0;
	margin: 0 auto;
}

/* Fullwidth Template */
.site-content .content-fullwidth {
	float: none;
	padding: 0;
	width: 100%;
}

/*--------------------------------------------------------------
# 9.0 - Header
--------------------------------------------------------------*/
.header-main {
	padding: 3em 0;
}

.site-branding {
	float: left;
	margin: 0;
	padding: 0;
	max-width: 100%;
}

.site-branding a:link,
.site-branding a:visited,
.site-branding a:hover {
	padding: 0;
	border: none;
	text-decoration: none;
}

.site-branding .custom-logo {
	float: left;
	margin: 0.75em 1em 0 0;
	padding: 0;
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: top;
}

.site-title {
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #303030;
	text-decoration: none;
	font-weight: bold;
	font-size: 44px;
	font-size: 2.75rem;
	font-family: 'Amaranth', sans-serif;
}

.site-title a:link,
.site-title a:visited {
	color: #303030;
}

.site-title a:hover,
.site-title a:active {
	text-decoration: underline;
}

.site-description {
	display: inline-block;
	margin: 1.25em 0 0 3em;
	font-size: 18px;
	font-size: 1.125rem;
}

/* Custom Header Image */
.header-image {
	margin: 2em 0 0;
	text-align: center;
}

.header-image img {
	max-width: 1230px;
	width: 100%;
	height: auto;
	vertical-align: top;
}

/*--------------------------------------------------------------
# 10.0 - Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 10.1 - Main Navigation
--------------------------------------------------------------*/
.primary-navigation {
	border-top: 1px solid #ddd;
}

.main-navigation-toggle {
	display: none;
}

.main-navigation-menu {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-position: outside;
	list-style-type: none;
}

.main-navigation-menu li {
	float: left;
	margin: 0 1.2em 0 0;
}

.main-navigation-menu a {
	display: block;
	margin: -1px 0 0;
	padding: 0.6em 0.8em 0.8em;
	border-top: 0.3em solid transparent;
	text-decoration: none;
	font-size: 17px;
	font-size: 1.0625rem;
	font-family: 'Titillium Web', Tahoma, Arial;
}

.main-navigation-menu > .menu-item-has-children > a:after,
.main-navigation-menu > .page_item_has_children > a:after {
	display: inline-block;
	margin: 0.5em 0 0 0.3em;
	color: #303030;
	content: '\f431';
	vertical-align: top;
	text-decoration: inherit;
	font-size: 16px;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-navigation-menu a:link,
.main-navigation-menu a:visited {
	color: #303030;
	text-decoration: none;
}

.main-navigation-menu a:hover,
.main-navigation-menu a:active {
	color: #999;
}

.main-navigation-menu ul {
	position: absolute;
	z-index: 99;
	display: none;
	margin: 0;
	padding: 0;
	background: #303030;
	color: #fff;
	list-style-position: outside;
	list-style-type: none;
}

.main-navigation-menu ul li{
	position: relative;
	float: none;
	margin: 0;
}

.main-navigation-menu ul a {
	padding: 1em;
	min-width: 250px;
	min-width: 16rem;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	font-size: 13px;
	font-size: 0.8125rem;
}

.main-navigation-menu ul a:link,
.main-navigation-menu ul a:visited {
	color: #fff;
}

.main-navigation-menu ul a:hover,
.main-navigation-menu ul a:active {
	background: rgba(255,255,255,0.1);
}

.main-navigation-menu ul .menu-item-has-children > a:after,
.main-navigation-menu ul .page_item_has_children > a:after {
	display: inline-block;
	margin: 0.3em 0 0 0.3em;
	color: #fff;
	content: '\f431';
	vertical-align: top;
	text-decoration: inherit;
	font-size: 14px;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-navigation-menu li ul ul {
	top: 1px;
	left: 100%;
}

.main-navigation-menu li.menu-item-has-children:hover > ul,
.main-navigation-menu li.page_item_has_children:hover > ul,
.main-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
	display: block;
}

.main-navigation-menu li.current-menu-item > a,
.main-navigation-menu li.current_page_item > a {
	border-color: #303030;
}

/*--------------------------------------------------------------
## 10.2 - Top Navigation Menu
--------------------------------------------------------------*/
.header-bar {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0.8em;
	background: #fff;
	border-bottom: 1px solid #ddd;
	position: relative;
}

.top-navigation-toggle {
	display: none;
}

.top-navigation-menu {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}

.top-navigation-menu li {
	float: left;
}

.top-navigation-menu a {
	display: block;
	font-family: 'Titillium Web', Tahoma, Arial;
	font-size: 15px;
	font-size: 0.9375rem;
	padding: 0.8em;
	text-decoration: none;
}

.top-navigation-menu > .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.6em 0 0 0.4em;
	font-size: 12px;
	line-height: 1;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: '\f431';
	color: #303030;
}

.top-navigation-menu a:link,
.top-navigation-menu a:visited {
	color: #303030;
}

.top-navigation-menu a:hover,
.top-navigation-menu a:active,
.top-navigation-menu a:hover:after {
	color: #999;
}

.top-navigation-menu ul {
	position: absolute;
	display: none;
	z-index: 9999;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	color: #fff;
	background: #303030;
}

.top-navigation-menu ul li{
	float: none;
	position: relative;
}

.top-navigation-menu ul a {
	min-width: 250px;
	min-width: 16rem;
	padding: 1em;
	font-size: 13px;
	font-size: 0.8125rem;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.top-navigation-menu ul a:link,
.top-navigation-menu ul a:visited {
	color: #fff;
}

.top-navigation-menu ul a:hover,
.top-navigation-menu ul a:active {
	background: rgba(255,255,255,0.1);
}

.top-navigation-menu ul .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0.3em 0 0 0.3em;
	font-size: 14px;
	line-height: 1;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: '\f431';
	color: #fff;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
}

.top-navigation-menu li ul ul {
	top: 0;
	left: 100%;
}

.top-navigation-menu li.menu-item-has-children:hover > ul,
.top-navigation-menu li.menu-item-has-children[aria-expanded="true"] > ul {
	display: block;
}

.top-navigation-menu li.current-menu-item > a {
	text-decoration: underline;
}

.top-navigation-menu li.current-menu-item > a:after {
	text-decoration: none;
}

/*--------------------------------------------------------------
## 10.3 - Social Icons Menu
--------------------------------------------------------------*/
.jetpack-social-navigation {
	float: right;
}

.jetpack-social-navigation .menu {
	margin: 0.5em 0;
}

.jetpack-social-navigation .menu li a {
	padding: 0 0.6em;
}

.jetpack-social-navigation .menu li a:before {
	color: #303030;
	font-size: 22px;
}

.jetpack-social-navigation .menu li a:hover:before {
	text-decoration: none;
	color: #999;
}

/* Use alternate facebook icon */
.jetpack-social-navigation .menu li a[href*="facebook.com"]:before {
	content: '\f204';
}

/*--------------------------------------------------------------
# 11.0 - Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 3em 0;
	padding: 0;
	max-width: 100%;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.widget-title {
	display: block;
	margin: 0 0 1em 0;
	padding: 0;
	color: #303030;
	font-size: 20px;
	font-size: 1.25rem;
	font-family: 'Amaranth', Tahoma, Arial;
}

.widget ul {
	margin-bottom: 0;
	list-style: circle;
}

.widget ul .children,
.widget ul .sub-menu {
	margin: 0.5em 0 0.5em 1em;
	padding: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.widget-title a:link,
.widget-title a:visited  {
	color: #303030;
}

.widget-title a:hover,
.widget-title a:active  {
	text-decoration: underline;
}

/*--------------------------------------------------------------
## 11.1 - Default Widgets
--------------------------------------------------------------*/

/* Theme Search Widget */
.search-form {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
}

.search-form .screen-reader-text {
	display: none;
}

.search-form .search-field {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0.5em 1.5em 0.5em 0.7em;
	min-width: 300px;
	width: 100%;
	-webkit-appearance: none;
}

.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.65em 0.75em 0 0.2em;
	border: none;
	cursor: pointer;
}

.search-form .search-submit .genericon-search {
	display: inline-block;
	padding: 0.05em 0 0.55em 0.45em;
	color: #fff;
	content: '\f400';
	vertical-align: middle;
	text-decoration: inherit;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	font-family: 'Genericons';
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Theme Calendar Widget */
.widget_calendar {
	font-size: 16px;
	font-size: 1rem;
}

.widget_calendar table {
	margin: 0;
}

.widget_calendar table caption {
	padding: 0 0 1em;
}

.widget_calendar table thead tr {
	background: #f5f5f5;
}

.widget_calendar table tr td {
	text-align: center;
	white-space: nowrap;
}

.widget_calendar table tbody tr td a {
	font-weight: bold;
}

.widget_calendar table tfoot tr td {
	border: none;
	padding-top: 1em;
}

.widget_calendar table tfoot tr #prev {
	text-align: left;
}

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

/*--------------------------------------------------------------
## 11.2 - WordPress.com Widgets
--------------------------------------------------------------*/

/* Jetpack Social Menu Widget */
.widget_wpcom_social_media_icons_widget ul {
	padding: 0;
}

.widget_wpcom_social_media_icons_widget ul li {
	margin: 0;
}

.widget_wpcom_social_media_icons_widget ul li a {
	margin: 3px;
	padding: 0.75em;
	background: #33bbcc;
}

.widget_wpcom_social_media_icons_widget ul li a:before {
	color: #fff;
	font-size: 22px;
}

.widget_wpcom_social_media_icons_widget ul li a:hover {
	background: #303030;
}

/* Use alternate facebook icon */
.widget_wpcom_social_media_icons_widget ul li a[href*="facebook.com"]:before {
	content: '\f204';
}

/* WordPress.com Flickr Widget */
.widget_flickr table {
	margin: 0;
}

.widget_flickr th,
.widget_flickr td {
	border: none;
	padding: 0;
	text-align: left;
}

.widget_flickr #flickr_badge_wrapper {
	border: none;
	background: none;
}

.widget_flickr #flickr_badge_uber_wrapper a:link,
.widget_flickr #flickr_badge_uber_wrapper a:visited {
	color: #33bbcc;
}

.widget_flickr #flickr_badge_uber_wrapper a:hover,
.widget_flickr #flickr_badge_uber_wrapper a:active {
	color: #303030;
}

/* WordPress.com Remote Posts Widget */
.widget_jetpack_display_posts_widget .jetpack-display-remote-posts {
	margin: 0;
}

.widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
	margin: 1.5em 0 0.5em;
}

/* WordPress.com RSS Widget */
.widget_rss ul {
	list-style: none;
}

.widget_rss ul li {
	margin: 1em 0 0;
}

/* WordPress.com Author Widgets */
.widget_authors > ul > li {
	list-style: none;
}

.widget_authors > ul > li img {
	float: left;
	margin: 0 1em 0.5em 0;
}

.widget_authors ul li {
	clear: left;
}

.widget_authors ul li ul {
	margin: 0 0 1.5em;
}

.widget_authors ul li:last-child ul {
	margin: 0;
}

.widget_author_grid ul,
.widget_author_grid ul li {
	list-style: none !important;
}

/* WordPress.com Blogs I Follow Widget */
.widget_jp_blogs_i_follow ol {
	list-style: circle inside;
	margin: 0;
	padding: 0;
}

/* WordPress.com Follow Blog Widget */
.widget_blog_subscription div {
	background: none !important;
	border: none !important;
	color: inherit !important;
}

/* WordPress.com Recent Comments Widget */
.widget_recent_comments table {
	margin: 0;
}

.widget_recent_comments th,
.widget_recent_comments td {
	border: none;
	padding: 0 0 1em;
}

.widget_recent_comments td.recentcommentstexttop,
.widget_recent_comments td.recentcommentstextend {
	padding-left: 1em;
	padding-bottom: 1em;
}

/* WordPress.com Goodreads Widget */
.widget_goodreads div[class^="gr_custom_container"] {
	border: none;
}

.widget_goodreads div[class^="gr_custom_each_container"] {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

/* WordPress.com Contact infinite-scroll Widget */
.widget_contact_info .confit-address {
	margin: 0.75em 0 0.5em;
}

/*--------------------------------------------------------------
# 12.0 - Posts and pages
--------------------------------------------------------------*/
.type-post,
.type-page,
.type-attachment,
.comments-area  {
	margin: 0 0 3em 0;
	padding: 0;
	max-width: 100%;
}

.entry-title {
	margin: 0;
	padding: 0.2em 0;
	color: #303030;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 36px;
	font-size: 2.25rem;
	font-family: 'Amaranth', Tahoma, Arial;
	line-height: 1.4;
}

.entry-title a:link,
.entry-title a:visited {
	color: #303030;
	text-decoration: none;
}

.entry-title a:hover,
.entry-title a:active{
	text-decoration: underline;
}

.type-post .wp-post-image,
.type-page .wp-post-image {
	margin: 0 0 0.5em;
}

.entry-content {
	font-size: 18px;
	font-size: 1.125rem;
}

.entry-content p:first-child {
	margin-top: 0.5em;
}

.entry-content p:last-child,
.entry-excerpt p {
	margin-bottom: 0;
}

/* Read more Link */
.read-more {
	margin: 1.25em 0 0;
}

.more-link {
	display: inline-block;
	margin: 0;
	padding: 0.4em 0.8em;
	background: #33bbcc;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-size: 0.9375rem;
}

.more-link:link,
.more-link:visited  {
	color: #fff;
}

.more-link:hover,
.more-link:active {
	background: #303030;
	text-decoration: none;
}

.more-link:after {
	content: " \00BB";
}

/* Page Links */
.page-links {
	margin: 0;
	word-spacing: 1em;
	font-weight: bold;
}

/* Entry Meta */
.entry-meta {
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 14px;
	font-size: 0.875rem;
}

.entry-meta a:link,
.entry-meta a:visited {
	color: #999;
}

.entry-meta a:hover,
.entry-meta a:active {
	color: #666;
}

.entry-meta .meta-date:after {
	display: inline-block;
	margin-left: 0.2em;
	color: #999;
	content: '\f428';
	vertical-align: middle;
	font: normal 16px 'Genericons';
	-webkit-font-smoothing: antialiased;
}

.categories-hidden .entry-meta .meta-date:after {
	display: none;
}

/* Entry Author */
.posted-by {
	margin: 1em 0;
}

.posted-by .avatar {
	float: left;
	margin: 0 0.75em 0 0;
	border-radius: 3em;
}

/* Author Bio */
.entry-author {
	margin: 2em 0 0;
	padding: 1.5em 0 0;
	border-top: 1px solid #ddd;
}

.entry-author .author-avatar {
	float: left;
	margin: 0 1.5em 0 0;
	max-width: 25%;
}

.entry-author .author-avatar img {
	vertical-align: top;
}

.entry-author .author-heading {
	display: inline-block;
}

.entry-author .author-heading .author-title {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0;
	font-size: 18px;
	font-size: 1.125rem;
	font-family: "Amaranth", Tahoma, Arial;
}

.entry-author .author-bio {
	margin: 0;
	font-size: 17px;
	font-size: 1.0625rem;
}

/* Entry Tags & Tagcloud Widget */
.entry-tags {
	margin: 2em 0 0;
}

.widget_tag_cloud div:before,
.widget_tag_cloud div:after,
.wp_widget_tag_cloud div:before,
.wp_widget_tag_cloud div:after,
.widget_tag_cloud .tagcloud:before,
.widget_tag_cloud .tagcloud:after,
.entry-tags .meta-tags:before,
.entry-tags .meta-tags:after {
	display: table;
	content: "";
}

.widget_tag_cloud div:after,
.wp_widget_tag_cloud div:after,
.widget_tag_cloud .tagcloud:after,
.entry-tags .meta-tags:after {
	clear: both;
}

.widget_tag_cloud div a,
.wp_widget_tag_cloud div a,
.widget_tag_cloud .tagcloud a,
.entry-tags .meta-tags a {
	display: inline-block;
	float: left;
	margin: 3px;
	padding: 0.3em 0.8em;
	border: 1px solid #ddd;
	text-decoration: none;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* Override Inline CSS */
.widget_tag_cloud div a,
.wp_widget_tag_cloud div a,
.widget_tag_cloud .tagcloud a {
	padding: 0.3em 0.8em !important;
	font-size: 13px !important;
	font-size: 0.8125rem !important;
}

.widget_tag_cloud div a:link,
.widget_tag_cloud div a:visited,
.wp_widget_tag_cloud div a:link,
.wp_widget_tag_cloud div a:visited,
.widget_tag_cloud .tagcloud a:link,
.widget_tag_cloud .tagcloud a:visited,
.entry-tags .meta-tags a:link,
.entry-tags .meta-tags a:visited {
	color: #999;
}

.widget_tag_cloud div a:hover,
.widget_tag_cloud div a:active,
.wp_widget_tag_cloud div a:hover,
.wp_widget_tag_cloud div a:active,
.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:active,
.entry-tags .meta-tags a:hover,
.entry-tags .meta-tags a:active {
	border-color: #999;
	color: #303030;
}

/* Post Navigation */
.post-navigation {
	margin: 2em 0 0;
	padding: 1.5rem 0 0;
	border-top: 1px solid #ddd;
	font-size: 16px;
	font-size: 1rem;
}

.post-navigation .nav-links .nav-previous {
	float: left;
	box-sizing: border-box;
	padding-right: 1em;
	max-width: 50%;
}

.post-navigation .nav-links .nav-next {
	float: right;
	box-sizing: border-box;
	padding-left: 1em;
	max-width: 50%;
	text-align: right;
}

.post-navigation .nav-links .nav-link-text {
	display: block;
	color: #303030;
}

.post-navigation .nav-links .nav-previous .nav-link-text:before {
	margin-right: 3px;
	content: "\00AB";
}

.post-navigation .nav-links .nav-next .nav-link-text:after {
	margin-left: 4px;
	content: "\00BB";
}

.post-navigation .nav-links .entry-title {
	font-size: 17px;
	font-size: 1.0625rem;
}

.post-navigation .nav-links a:hover .nav-link-text {
	color: #999;
}

.post-navigation .nav-links a:hover .entry-title {
	text-decoration: underline;
}

/* Theme Pagination */
.pagination {
	margin: 0 0 3em;
}

.pagination a,
.pagination .current {
	display: inline-block;
	margin: 0 3px 3px 0;
	padding: 0.4em 1em;
	background: #303030;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.pagination a:link,
.pagination a:visited {
	color: #fff;
}

.pagination a:hover,
.pagination a:active,
.pagination .current {
	background: #33bbcc;
}

/* Infinite Scroll Pagination */
.infinite-scroll #infinite-handle,
.infinite-scroll .infinite-loader {
	width: 100%;
	text-align: center;
}

.infinite-scroll .infinite-loader .spinner {
	bottom: -1em;
	left: auto;
	margin: 0 auto;
}

.infinite-scroll #infinite-handle span {
	display: inline-block;
	margin: 0 0 3em;
	padding: 0.4em 1em;
	background: #33bbcc;
	text-decoration: none;
	font-size: 17px;
	font-size: 1.0625rem;
}

.infinite-scroll #infinite-handle span:hover {
	background: #303030;
}

/* Hides pagination and site footer when infinite scroll is active */
.infinite-scroll .pagination,
.infinite-scroll.neverending .footer-wrap {
	display: none;
}

/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending .footer-wrap {
	display: block;
}

/* Archives and Search Heading */
.page-header {
	margin: 0 0 3em 0;
}

.archive-title {
	margin: 0;
	padding: 0;
	color: #303030;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 20px;
	font-size: 1.25rem;
	font-family: 'Amaranth', Tahoma, Arial;
}

.archive-description p {
	margin-bottom: 0;
}

/* Archives Post Styling */
.post-wrapper .has-post-thumbnail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.post-wrapper .has-post-thumbnail .post-image {
	padding-right: 2em;
	width: 50%;
	box-sizing: border-box;
}

.post-wrapper .has-post-thumbnail .post-content {
	width: 50%;
	box-sizing: border-box;
}

.post-wrapper .has-post-thumbnail .entry-title {
	font-size: 26px;
	font-size: 1.625rem;
}

.post-wrapper .has-post-thumbnail .entry-content {
	font-size: 17px;
	font-size: 1.0625rem;
}

/*--------------------------------------------------------------
# 11.0 - Featured Posts
--------------------------------------------------------------*/
.featured-posts-wrap {
	margin-bottom: 3em;
	border-bottom: 1px solid #ddd;
}

.featured-posts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -3em;
}

.featured-posts .featured-post {
	box-sizing: border-box;
	padding-right: 3em;
	width: 33.3333333333333%;
}

.featured-posts .featured-post .type-post .entry-title {
	font-size: 26px;
	font-size: 1.625rem;
}

.featured-posts .featured-post .type-post .entry-content {
	font-size: 17px;
	font-size: 1.0625rem;
}

/*--------------------------------------------------------------
# 12.0 - Comments
--------------------------------------------------------------*/

/* Comment Header */
.comments-header {
	margin: 0 0 1em 0;
}

.comments-header .comments-title,
.comment-reply-title {
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #303030;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 20px;
	font-size: 1.25rem;
	font-family: 'Amaranth', Tahoma, Arial;
}

/* Comment List */
.comment-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comment {
	margin: 0 0 1.5em;
	padding: 1.5em 0 0;
	border-top: 1px solid #ddd;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.comment-meta {
	float: left;
	padding: 0;
	width: 100%;
}

.comment-meta .comment-author img {
	float: left;
	margin-right: 1em;
}

.bypostauthor {
	display: block;
}

.comment-meta .comment-metadata {
	margin-top: 0.3em;
	font-size: 14px;
	font-size: 0.875rem;
}

.comment-meta .comment-metadata a {
	margin-right: 1em;
}

.comment-content {
	clear: left;
	padding: 0.2em 0 0;
}

.comment-content a {
	word-wrap: break-word;
}

.comment ol.children {
	margin: 1.5em 0 0;
	list-style: none;
}

.comment .comment-respond {
	margin-top: 1.5em;
}

/* Comment Pagination */
.comment-navigation {
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 14px;
	font-size: 0.875rem;
}

.comment-navigation .nav-previous {
	float: left;
}

.comment-navigation .nav-next {
	float: right;
}

.comment-navigation .nav-previous a:before {
	margin-right: 3px;
	content: "\00AB";
}

.comment-navigation .nav-next a:after {
	margin-left: 4px;
	content: "\00BB";
}

/* Comment Form */
.comment-form {
	padding: 0;
}

.comment-form label {
	display: inline-block;
	min-width: 150px;
	font-weight: bold;
}

.comment-form textarea {
	margin-top: 0.4em;
}

.comment-form .form-submit {
	margin-bottom: 1em;
}

.comment-reply-title small a {
	margin-left: 1em;
	text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
	font-size: 0.875rem;
}

/*--------------------------------------------------------------
# 12.0 - Footer
--------------------------------------------------------------*/
.footer-wrap {
	border-top: 1px solid #ddd;
}

.site-footer .site-info {
	float: left;
	margin: 3em 0;
	max-width: 50%;
}

#wpstats {
	display: none;
}

/*--------------------------------------------------------------
## 12.1 - Footer Widgets
--------------------------------------------------------------*/
.footer-widgets-wrap {
	border-top: 1px solid #ddd;
	padding: 3em 0 0;
}

.footer-widgets {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -3em;
}

.footer-widget-column {
	width: 25%;
	padding-right: 3em;
	box-sizing: border-box;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

/*--------------------------------------------------------------
## 12.2 - Footer Navigation
--------------------------------------------------------------*/
.footer-navigation {
	float: right;
	margin: 3em 0;
	max-width: 50%;
}

.footer-navigation-menu {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
}

.footer-navigation-menu li {
	float: left;
	position: relative;
}

.footer-navigation-menu a {
	display: inline-block;
	font-family: 'Titillium Web', Tahoma, Arial;
	padding: 0 0.8em;
	text-decoration: none;
}

.footer-navigation-menu a:link,
.footer-navigation-menu a:visited {
	color: #303030;
	text-decoration: none;
}

.footer-navigation-menu a:hover,
.footer-navigation-menu a:active {
	color: #999;
}

/*--------------------------------------------------------------
# 13.0 - Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: none;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## 13.1 - Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## 13.2 - Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	text-align: center;
}

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

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

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

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

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

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

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# 14.0 - Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 14.1 - Desktop X-Large ( < 1200px )
--------------------------------------------------------------*/
@media only screen and (max-width: 80em) {

	body {
		padding: 0 1em;
	}

	.site {
		padding: 0 3em;
	}

	.site-content {
		padding: 2em 0 1em;
	}

	.header-main {
		padding: 2em 0;
	}

	.widget,
	.page-header,
	.type-post,
	.type-page,
	.type-attachment,
	.pagination,
	.comments-area {
		margin-bottom: 2em;
	}
}

/*--------------------------------------------------------------
## 14.2 - Desktop Large ( < 1120px )
--------------------------------------------------------------*/
@media only screen and (max-width: 70em) {
	.content-area {
		padding-right: 3em;
		width: 78%;
	}

	.sidebar {
		width: 22%;
	}

	.site-title {
		font-size: 40px;
		font-size: 2.5rem;
	}

	.site-description {
		font-size: 17px;
		font-size: 1.0625rem;
	}

	.entry-title {
		font-size: 32px;
		font-size: 2rem;
	}

	/* Featured & List Posts */
	.post-wrapper .has-post-thumbnail .entry-title,
	.featured-posts .featured-post .type-post .entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.post-wrapper .has-post-thumbnail .entry-content,
	.featured-posts .featured-post .type-post .entry-content {
		font-size: 16px;
		font-size: 1rem;
	}

	.post-wrapper .has-post-thumbnail .entry-content .read-more {
		display: none;
	}

	.featured-posts {
		margin-right: -2em;
	}

	.featured-posts .featured-post {
		padding-right: 2em;
	}

	/* Change four column Footer Widgets to two columns */
	.footer-widget-column:nth-child(1):nth-last-child(4),
	.footer-widget-column:nth-child(2):nth-last-child(3),
	.footer-widget-column:nth-child(3):nth-last-child(2),
	.footer-widget-column:nth-child(4):nth-last-child(1) {
		width: 50%;
	}
}

/*--------------------------------------------------------------
## 14.3 - Desktop Small ( < 960px )
--------------------------------------------------------------*/
@media only screen and (max-width: 60em) {

	body {
		padding: 0;
	}

	.header-main {
		padding-top: 1.5em;
	}

	.site-branding {
		float: none;
		text-align: center;
	}

	.site-title {
		display: block;
	}

	.site-branding .custom-logo {
		float: none;
		margin: 0;
	}

	.site-description {
		display: block;
		margin: 0.25em 0 0 0;
		text-align: center;
	}

	/*** Mobile Main Navigation ***/

	/* Reset */
	.main-navigation-menu li {
		position: static;
		float: none;
	}

	.main-navigation-menu ul {
		position: static;
		top: auto;
		left: auto;
		display: block;
	}

	.main-navigation-menu ul a {
		float: none;
		width: auto;
	}

	.main-navigation-menu li ul ul {
		top: auto;
		left: auto;
		margin: 0;
	}

	.main-navigation-menu > .menu-item-has-children > a:after,
	.main-navigation-menu > .page_item_has_children > a:after,
	.main-navigation-menu ul .menu-item-has-children > a:after,
	.main-navigation-menu ul .page_item_has_children > a:after {
		display: none;
	}

	/* Main Navigation Toggle */
	.main-navigation-toggle {
		display: inline-block;
		float: left;
		margin: -1px 0 0;
		padding: 0.8em 1em 1em;
		border-top: 0.3em solid #303030;
		background: none;
		color: #303030;
	}

	.main-navigation-toggle:hover,
	.main-navigation-toggle:focus,
	.main-navigation-toggle:active {
		background: none;
	}

	.main-navigation-toggle:hover,
	.main-navigation-toggle:active {
		color: #999;
		cursor: pointer;
	}

	.main-navigation-toggle:before {
		display: inline-block;
		float: left;
		margin: 0.15em 0.5em 0 0;
		color: #303030;
		content: '\f419';
		vertical-align: top;
		text-decoration: inherit;
		font-size: 24px;
		font-family: 'Genericons';
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.main-navigation-toggle:active:before,
	.main-navigation-toggle:hover:before {
		color: #999;
	}

	/* Main Navigation Menu */
	.main-navigation-menu-wrap {
		display: none;
		float: left;
		width: 100%;
		border-top: 1px solid rgba(0,0,0,0.1);
	}

	.main-navigation-menu {
		width: 100%;
	}

	.main-navigation-menu li {
		margin: 0;
	}

	.main-navigation-menu a {
		display: block;
		clear: left;
		padding: 1em 1.5em;
		border: none;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}

	.main-navigation-menu li:last-child a {
		border-bottom: none;
	}

	.main-navigation-menu ul {
		float: none;
		width: 100%;
		border-top: 1px solid rgba(255,255,255,0.1);
	}

	.main-navigation-menu ul a {
		display: block;
		padding-left: 3em;
		width: 100%;
	}

	.main-navigation-menu ul li ul a {
		padding-left: 4em;
	}

	.main-navigation-menu ul li ul li ul a {
		padding-left: 5em;
	}

	.main-navigation-menu ul li ul li ul li ul a {
		padding-left: 6em;
	}

	.main-navigation-menu ul li:last-child a {
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	.main-navigation-menu li.current-menu-item > a {
		border-color: rgba(0,0,0,0.1);
		text-decoration: underline;
	}

	/* Mobile Submenu Dropdowns */
	.main-navigation-menu .submenu-dropdown-toggle {
		display: block;
		float: right;
		margin: 0;
		padding: 0.85em 1.2em;
	}

	.main-navigation-menu .submenu-dropdown-toggle:hover {
		cursor: pointer;
	}

	.main-navigation-menu .submenu-dropdown-toggle:before {
		content: '\f431';
		vertical-align: middle;
		text-decoration: inherit;
		font-size: 32px;
		font-family: 'Genericons';
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.main-navigation-menu .submenu-dropdown-toggle.active:before {
		content: '\f432';
	}

	.main-navigation-menu ul .submenu-dropdown-toggle {
		padding: 0.55em 1em;
	}

	.main-navigation-menu ul .submenu-dropdown-toggle:before {
		font-size: 24px;
	}

	/*** Mobile Top Navigation ***/

	/* Reset */
	.top-navigation-menu {
		margin: 0;
	}

	.top-navigation-menu li {
		float: none;
		position: static;
	}

	.top-navigation-menu ul {
		position: static;
		display: block;
	}

	.top-navigation-menu ul a {
		width: auto;
		float: none;
	}

	.top-navigation-menu li ul ul {
		margin-left: 0;
	}

	.top-navigation-menu li:hover ul ul,
	.top-navigation-menu li:hover ul ul ul,
	.top-navigation-menu li:hover ul ul ul ul,
	.top-navigation-menu li:hover ul,
	.top-navigation-menu li li:hover ul,
	.top-navigation-menu li li li:hover ul,
	.top-navigation-menu li li li li:hover ul {
		display: inline;
	}

	.top-navigation-menu > .menu-item-has-children > a:after,
	.top-navigation-menu ul .menu-item-has-children > a:after {
		display: none;
	}

	/* Top Navigation Menu */
	.top-navigation-menu {
		display: none;
		float: left;
		width: 100%;
		border-top: 3px solid rgba(0,0,0,0.1);
	}

	.mobile-top-menu {
		display: inline;
	}

	.top-navigation-menu a {
		display: block;
		clear: left;
		padding: 1em 1.25em;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}

	.top-navigation-menu li:last-child a {
		border-bottom: none;
	}

	.top-navigation-menu ul {
		width: 100%;
		border: none;
	}

	.top-navigation-menu ul a {
		display: block;
		width: 100%;
		padding-left: 3em;
	}

	.top-navigation-menu ul li ul a {
		padding-left: 4em;
	}

	.top-navigation-menu ul li ul li ul a {
		padding-left: 5em;
	}

	.top-navigation-menu ul li ul li ul li ul a {
		padding-left: 6em;
	}

	.top-navigation-menu ul li:last-child a {
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}

	/* Mobile Submenu Dropdowns */
	.top-navigation-menu .submenu-dropdown-toggle {
		float: right;
		display: block;
		margin: 0;
		padding: 0.75em 1.25em;
	}

	.top-navigation-menu .submenu-dropdown-toggle:before {
		font-size: 24px;
		line-height: 1;
		font-family: 'Genericons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: '\f431';
	}

	.top-navigation-menu .submenu-dropdown-toggle:hover,
	.top-navigation-menu .submenu-dropdown-toggle:active {
		cursor: pointer;
	}

	.top-navigation-menu .submenu-dropdown-toggle.active:before {
		content: '\f432';
	}

	.top-navigation-menu ul .submenu-dropdown-toggle {
		padding: 0.4em 1em;
	}

	/* Social Icons Navi */
	.jetpack-social-navigation {
		margin: 0.25em 0.25em 0 0;
	}

	.jetpack-social-navigation .menu li a:before {
		font-size: 24px;
	}

	/* Footer */
	.site-footer .site-info {
		float: none;
		margin: 2em 1em;
		max-width: 100%;
		text-align: center;
	}

	.footer-navigation {
		float: none;
		max-width: 100%;
		margin: 2em 0 0;
		text-align: center;
	}

	.footer-navigation-menu li {
		float: none;
		display: inline;
	}
}

/*--------------------------------------------------------------
## 14.4 - Tablet Large ( < 880px )
--------------------------------------------------------------*/
@media only screen and (max-width: 58em) {

	.content-area,
	.site-content .content-fullwidth {
		float: none;
		padding: 0;
		width: 100%;
	}

	.sidebar {
		float: none;
		padding: 0;
		width: 100%;
	}

	.entry-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	/* Featured & List Posts */
	.post-wrapper .has-post-thumbnail .entry-title,
	.featured-posts .featured-post .type-post .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	.post-wrapper .has-post-thumbnail .entry-content,
	.featured-posts .featured-post .type-post .entry-content {
		font-size: 17px;
		font-size: 1.0625rem;
	}

	.post-wrapper .has-post-thumbnail .entry-content .read-more {
		display: inline-block;
	}

	/* Featured Posts */
	.featured-posts {
		display: block;
		margin-right: 0;
	}

	.featured-posts .featured-post {
		padding-right: 0;
		width: 100%;
	}

	.featured-posts .featured-post .has-post-thumbnail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.featured-posts .featured-post .has-post-thumbnail .post-image {
		padding-right: 2em;
		width: 50%;
		box-sizing: border-box;
	}

	.featured-posts .featured-post .has-post-thumbnail .post-content {
		width: 50%;
		box-sizing: border-box;
	}
}

/*--------------------------------------------------------------
## 14.5 - Tablet Medium ( < 800px )
--------------------------------------------------------------*/
@media only screen and (max-width: 50em) {
	.site {
		padding: 0 2em;
	}

	.entry-title {
		font-size: 32px;
		font-size: 2rem;
	}

	/* Featured & List Posts */
	.post-wrapper .has-post-thumbnail .entry-title,
	.featured-posts .featured-post .type-post .entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.post-wrapper .has-post-thumbnail .entry-content,
	.featured-posts .featured-post .type-post .entry-content {
		font-size: 16px;
		font-size: 1rem;
	}

	.post-wrapper .has-post-thumbnail .entry-content .read-more,
	.featured-posts .featured-post .type-post .entry-content .read-more {
		display: none;
	}

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

	.footer-widgets {
		margin-right: -2em;
	}

	.footer-widget-column {
	    padding-right: 2em;
	}

	/* Change Three Column Footer Widgets to One Column */
	.footer-widget-column:nth-child(1):nth-last-child(3),
	.footer-widget-column:nth-child(2):nth-last-child(2),
	.footer-widget-column:nth-child(3):nth-last-child(1) {
		width: 100%;
		padding-right: 0;
	}
}

/*--------------------------------------------------------------
## 14.6 - Tablet Small ( < 720px )
--------------------------------------------------------------*/
@media only screen and (max-width: 45em) {


}

/*--------------------------------------------------------------
## 14.7 - Mobile Extra Large ( < 640px )
--------------------------------------------------------------*/
@media only screen and (max-width: 40em) {

	/* Featured & List Posts */
	.featured-posts-wrap {
		margin-bottom: 2em;
	}

	.post-wrapper .has-post-thumbnail,
	.featured-posts .featured-post .type-post {
		display: block;
	}

	.post-wrapper .has-post-thumbnail .post-image,
	.featured-posts .featured-post .has-post-thumbnail .post-image {
		padding-right: 0;
		width: 100%;
	}

	.post-wrapper .has-post-thumbnail .post-content,
	.featured-posts .featured-post .has-post-thumbnail .post-content {
		width: 100%;
	}

	.post-wrapper .has-post-thumbnail .entry-content .read-more,
	.featured-posts .featured-post .type-post .entry-content .read-more {
		display: inline-block;
	}

	.entry-title,
	.post-wrapper .has-post-thumbnail .entry-title,
	.featured-posts .featured-post .type-post .entry-title {
		font-size: 28px;
		font-size: 1.75rem;
	}

	.entry-content,
	.post-wrapper .has-post-thumbnail .entry-content,
	.featured-posts .featured-post .type-post .entry-content {
		font-size: 17px;
		font-size: 1.0625rem;
	}

	/* Footer Navigation Menu */
	.footer-navigation {
		padding-bottom: 2em;
		border-bottom: 1px solid #ddd;
	}

	.footer-navigation-menu a {
		display: block;
	}
}

/*--------------------------------------------------------------
## 14.9 - Mobile Medium ( < 480px )
--------------------------------------------------------------*/
@media only screen and (max-width: 30em) {

	.site {
		padding: 0 1.5em;
	}

	.site-content {
		padding: 1.5em 0 1em;
	}

	.header-main {
		padding: 1.5em 0 2em;
	}

	.widget,
	.page-header,
	.type-post,
	.type-page,
	.type-attachment,
	.pagination,
	.featured-posts-wrap,
	.comments-area {
		margin-bottom: 1.5em;
	}

	.site-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.site-description {
		margin: 0;
		font-size: 16px;
		font-size: 1rem;
	}

	/* Social Icons Navi */
	.jetpack-social-navigation {
		margin: 0.25em 0 0 0;
	}

	.jetpack-social-navigation .menu li a {
		padding: 0 0.4em;
	}

	.jetpack-social-navigation .menu li a:before {
		font-size: 22px;
	}

	.entry-title,
	.post-wrapper .has-post-thumbnail .entry-title,
	.featured-posts .featured-post .type-post .entry-title {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.read-more {
		margin: 1em 0 0;
	}

	.alignright, .alignleft {
		float: none;
		margin: 1em 0;
	}

	/* Author Bio */
	.entry-author {
		text-align: center;
	}

	.entry-author .author-avatar {
		float: none;
		margin: 0 0 1em;
		max-width: 100%;
	}

	/* Post Navigation */
	.post-navigation {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.post-navigation .nav-links .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}

	.post-navigation .nav-links .nav-previous,
	.post-navigation .nav-links .nav-next {
		float: none;
		padding: 0 0 0.5em;
		max-width: 100%;
	}

	.post-navigation .nav-links a {
		display: block;
		margin-bottom: 0.5em;
	}

	.site-footer .site-info {
		margin: 1.5em 0;
	}

	.footer-navigation {
		margin: 1.5em 0 0;
		padding-bottom: 1.5em;
	}

	/* Change all Footer Widgets to One Column */
	.footer-widgets-wrap {
		padding: 1.5em 0 0;
	}

	.footer-widgets {
		display: block;
		margin-right: 0;
	}

	#footer-widgets .footer-widget-column {
		width: 100%;
		padding-right: 0;
	}
}

/*--------------------------------------------------------------
## 14.10 - Mobile Small ( < 400px )
--------------------------------------------------------------*/
@media only screen and (max-width: 25em) {

	/* Social Icons Navi */
	.jetpack-social-navigation {
		display: none;
	}
}

/*--------------------------------------------------------------
## 14.10 - Mobile Small ( < 320px )
--------------------------------------------------------------*/
@media only screen and (max-width: 20em) {
	.site {
		padding: 0 1em;
	}

	.site-content {
		padding: 1em 0 0.5em;
	}

	.header-main {
		padding: 1em 0 1.5em;
	}

	.widget,
	.page-header,
	.type-post,
	.type-page,
	.type-attachment,
	.pagination,
	.comments-area {
		margin-bottom: 1em;
	}

	.site-title {
		font-size: 32px;
		font-size: 2rem;
	}

	.entry-title,
	.post-wrapper .has-post-thumbnail .entry-title,
	.featured-posts .featured-post .type-post .entry-title {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.entry-meta .meta-date,
	.entry-meta .meta-category {
		display: block;
	}

	.entry-meta span:after {
		display: none;
	}

	.type-post .wp-post-image,
	.type-page .wp-post-image {
		margin: 0 0 0.25em;
	}

	.entry-content,
	.post-wrapper .has-post-thumbnail .entry-content,
	.featured-posts .featured-post .type-post .entry-content {
		font-size: 16px;
		font-size: 1rem;
	}

	.read-more {
		margin: 0.5em 0 0;
	}
}


/*--------------------------------------------------------------
# 15.0 - Theme Option Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## 15.1 - Sidebar Left Layout
--------------------------------------------------------------*/
.sidebar-left .content-area {
	float: right;
	padding-right: 0;
	padding-left: 4em;
}

.sidebar-left .sidebar {
	float: left;
}

@media only screen and (max-width: 70em) {
	.sidebar-left .content-area {
		padding-right: 0;
		padding-left: 3em;
	}
}

@media only screen and (max-width: 58em) {
	.sidebar-left .content-area {
		padding: 0;
	}
}

/* Do not add left sidebar styles if there are no widgets */
.no-sidebar .content-area {
	float: none;
	width: 100%;
	padding: 0;
}

/*--------------------------------------------------------------
# 16.0 - Media Query Fixes
--------------------------------------------------------------*/

/* Ensure navigation is visible on desktop view */
@media only screen and (min-width: 60.01em) {
	.main-navigation-menu-wrap, .top-navigation-menu {
		display: block !important;
	}
}

/*--------------------------------------------------------------
# 17.0 - CSS Hacks for Safari
--------------------------------------------------------------*/

/* Fix Flexbox issues for Safari 6.1-10.0 */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
	@media {
		.featured-posts .featured-post,
		.post-wrapper .has-post-thumbnail .post-content,
		.footer-widget-column {
			margin-right: -1px;
		}
	}
}

/* Fix Flexbox issues for Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) {
	@media {
		.featured-posts .featured-post,
		.post-wrapper .has-post-thumbnail .post-content,
		.footer-widget-column {
			margin-right: -1px;
		}
	}
}
