/*
Theme Name: Tonal
Theme URI: https://wordpress.com/themes/tonal/
Author: Automattic
Author URI: https://wordpress.com/themes/
Description: Tonal takes its cue from your content, with a minimal style that changes based on your background color. This theme has large featured images, full-width videos, and post formats that look great on any device.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tonal
Domain Path: /languages/
Tags: white, black, one-column, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, post-formats, rtl-language-support, sticky-post, translation-ready

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.

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

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Accessibility
 * 3.0 - Formatting
 * 4.0 - Structure
 * 5.0 - Content
 * 		5.1 - Buttons
 * 		5.2 - Inputs
 * 		5.3 - Lists
 * 		5.4 - Media
 * 6.0 - Comments
 * 7.0 - Navigation
 * 8.0 - Tables
 * 9.0 - Typography
 * 10.0 - Widgets
 * 11.0 - Infinite scroll
 * 12.0 - Eventbrite
 * 13.0 - Media queries
 * 14.0 - WPCOM Specific Styles
 **
 * -----------------------------------------------------------------------------
 */
/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 50%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_texttonalize_intonalafari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box;
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
}

body {
  background: white;
}

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

ol, ul {
  list-style: none;
}

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

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

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

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

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

a img {
  border: 0;
}

/**
 * 2.0 Accessibility
 * -----------------------------------------------------------------------------
 */
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
.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: 14px;
  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 */
}

/**
 * 3.0 Formatting
 * -----------------------------------------------------------------------------
 */
.alignleft {
  display: inline;
  float: left;
  margin-right: 10px;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 10px;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

img.alignright {
  margin-left: 10px;
}

img.alignleft {
  margin-right: 10px;
}

.center-block {
  max-width: 680px;
  margin: 0 auto;
  text-align: left;
}

.fullwidth-block {
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0 20px 0;
}

.archive-header.fullwidth-block {
  padding: 20px 0 10px 0;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: '';
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/**
 * 4.0 Structure
 * -----------------------------------------------------------------------------
 */
body {
  margin: 0;
}

#page:before,
#page:after {
  content: "";
  height: 20px;
  left: 0;
  position: fixed;
  right: 0;
}

body.admin-bar #page:before {
  top: 32px;
}

#page:after {
  bottom: 0px;
}

#page {
  margin-bottom: -10px;
  position: relative;
}

#main,
#masthead {
  margin: 0 auto;
  max-width: 80%;
}

#colophon {
  clear: both;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 auto;
  max-width: 80%;
  padding: 20px 0;
  position: relative;
}

#masthead {
  padding: 30px 0;
  position: relative;
  text-align: center;
}

.site-branding.site-headerfix {
  position: absolute;
  margin: 5% 10%;
  padding: 20px 0;
  text-align: center;
  z-index: 9999;
}

#site-header {
  margin: 0 auto;
  max-width: 1020px;
  position: relative;
}

.site-branding {
  padding: 0 5px;
}

/**
 * 5.0 Content
 * -----------------------------------------------------------------------------
 */
.bypostauthor {
  font-weight: 700;
}

.hentry {
  margin: 0;
  padding: 10px 0;
  position: relative;
  text-align: center;
}

.byline,
.updated {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-links {
  clear: both;
  margin: 0 0 10px;
}

.entry-thumbnail {
  padding: 0 0 10px 0;
}

.entry-format {
  top: 92px;
}

.entry-meta {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 0;
  opacity: 0.8;
}

.entry-meta .cat-links,
.entry-meta .edit-link,
.cat-list {
  display: inline-block;
}

.entry-meta .cat-links,
.entry-meta .edit-links {
  width: 100%;
}

.entry-meta:hover {
  opacity: 1;
}

.comment-icon.icon-block {
  top: 42px;
}

.hentry.sticky .entry-format:before {
  content: '\f308';
}

.hentry.format-aside .entry-format:before {
  content: '\f101';
}

.hentry.format-link .entry-format:before {
  content: '\f107';
}

.hentry.format-video .entry-format:before {
  content: '\f104';
}

.hentry.format-audio .entry-format:before {
  content: '\f109';
}

.hentry.format-quote .entry-format:before {
  content: '\f106';
}

.hentry.format-status .entry-format:before {
  content: '\f105';
}

.hentry.format-gallery .entry-format:before {
  content: '\f103';
}

.hentry.format-image .entry-format:before {
  content: '\f102';
}

.hentry.format-standard .entry-format:before {
  content: '\f100';
}

.hentry.format-chat .entry-format:before {
  content: '\f108';
}

.comment-icon:before {
  content: '\f300';
}

#menu-nav:before {
  content: '\f419';
}

.arrow-indicator:before {
  content: '\f445';
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

.format-aside .fullwidth-block {
  padding: 0;
}

/**
 * 5.1 Buttons
 * -----------------------------------------------------------------------------
 */
button {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 0;
  border-radius: 0;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 5px 10px;
}

.reply a {
  background: #333333;
  display: inline-block;
  color: white;
  font-size: 14px;
  font-size: 1.4rem;
  opacity: 0.4;
  padding: 2.5px 5px;
  text-transform: uppercase;
}

.reply a:hover {
  background: #666666;
  color: white;
  opacity: 1;
}

/**
 * 5.2 Inputs
 * -----------------------------------------------------------------------------
 */
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  border: 0;
  border-radius: 0;
  padding: 2.5px;
}

textarea {
  border: 0;
  border-radius: 0;
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 2.5px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 98%;
}

/**
 * 5.3 Lists
 * -----------------------------------------------------------------------------
 */
.entry-content ul,
.entry-content ol {
  margin: 10px 20px;
  padding: 10px 20px;
}

.entry-content li {
  margin-bottom: 5px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

.entry-content li > ul,
.entry-content li > ol {
  margin: 10px 5px;
  padding: 10px 5px;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 10px 10px;
}

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

.wp-caption {
  margin-bottom: 10px;
  max-width: 100%;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
  max-width: 98%;
}
.wp-caption .wp-caption-text {
  margin: 10px;
}

.wp-caption-text {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

.site-main .gallery {
  margin-bottom: 10px;
}
.site-main .gallery a img {
  border: 0;
  height: auto;
  max-width: 90%;
}
.site-main .gallery dd {
  margin: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}
/* forces videos to center align if doesn't go responsive */
.jetpack-video-wrapper iframe,
.jetpack-video-wrapper embed,
.jetpack-video-wrapper object {
  margin: 0 auto!important;
  text-align: center!important;
}

img {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
  max-width: 100%;
}

.gallery a img {
  border: 0 !important;
}

.gallery-caption {
  font-size: 14px;
  font-size: 1.4rem;
}

.format-image .entry-content .wp-caption img {
  margin: 5px auto;
  max-width: 100%;
}

.format-image .entry-content img.aligncenter {
  margin: 0 auto;
}

.format-video .jetpack-video-wrapper,
.format-image img,
.entry-thumbnail img {
  margin: 0 auto;
  padding: 12.5px 0 10px 0;
  text-align: center;
}

.hentry.format-video .jetpack-video-wrapper,
.hentry.format-image img {
  display: none;
}

/**
 * 6.0 Comments
 * -----------------------------------------------------------------------------
 */
.comment-content a {
  word-wrap: break-word;
}

#respond,
#respond.comment-respond {
  font-size: 14px;
  font-size: 1.4rem;
  max-width: 680px;
  margin: 5px auto 5px auto;
  padding: 5px;
}

p.no-comments {
  font-weight: 900;
  margin: 0 auto;
  max-width: 680px;
}

ol.comment-list li {
  list-style: none;
  position: relative;
  z-index: 9990;
}

li.pingback {
  font-size: 90%;
  font-style: italic;
  margin: 5px 0;
  opacity: 0.8;
}

li.pingback:last-child {
  padding-bottom: 10px;
}

ol.comment-list ol.children li .comment-author:before {
  content: '\f412';
  float: left;
  font-family: "Genericons";
  font-size: 18px;
  font-style: 200;
  font-weight: normal;
  margin: 10px 0 0 0;
  opacity: 0.2;
}

.comment-content {
  clear: both;
}

.comment-metadata {
  margin-right: 50px;
}

ol.comment-list ol.children li {
  display: block;
}

.comment-list .comment-author img.avatar {
  float: left;
  margin: 0 10px 5px 0;
}

.comment-list .fn {
  margin: 0;
}

.comment-meta {
  font-size: 14px;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.sticky .entry-content {
  margin-bottom: 5px;
  padding: 10px 5px 0 5px;
}

.comment-content {
  margin-bottom: 5px;
  padding: 5px 0 0 0;
}

.comment-meta {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 0 5px 0;
}

.reply {
  position: absolute;
  right: 0;
  top: 0;
}

#comments h2 {
  padding-bottom: 20px;
}

p.form-allowed-tags,
p.form-allowed-tags code {
  font-size: 90%;
  opacity: 0.8;
}

#respond p.comment-form-comment textarea {
  margin-top: 5px;
}

h3#reply-title small {
  float: right;
  font-size: 50%;
  font-weight: 400;
}

/**
 * 7.0 Navigation
 * -----------------------------------------------------------------------------
 */
a {
  color: #333333;
  text-decoration: none;
}
a:visited {
  color: #888888;
}
a:hover, a:focus {
  color: #666666;
  text-decoration: none;
}

.entry-content a,
.entry-meta a,
.widget a {
  text-decoration: underline;
}

.entry-content a:hover,
.entry-meta a:hover,
.widget a:hover {
  text-decoration: none;
}

.entry-meta a:hover,
.entry-title a:hover {
  opacity: 0.8;
}

.main-navigation {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  clear: both;
  display: block;
  float: none;
  margin-right: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
  width: 100%;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-navigation ul ul {
  z-index: 99999;
}
.main-navigation ul ul a {
  margin: 0 0 0 5px;
}
.main-navigation ul ul li:before {
  content: '\f429';
  float: left;
  font-family: "Genericons";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 0.9;
}
.main-navigation ul ul {
  left: 100%;
  top: 0;
}
.main-navigation li {
  float: none;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 0;
  position: relative;
}
.main-navigation li:hover > ul {
  display: block;
}
.main-navigation a {
  color: rgba(255, 255, 255, 0.5);
  display: block;
  font-weight: 900;
  text-decoration: none;
}
.main-navigation a:visited {
  color: rgba(255, 255, 255, 0.5);
}
.main-navigation a:hover {
  color: white;
}

a.more-link {
  font-weight: 900;
}

.page-links {
  font-weight: 900;
}

.page-links a {
  font-style: italic;
  margin: 0 5px;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
  color: white;
  font-weight: 700;
}

/* Small menu */
.menu-toggle {
  cursor: pointer;
  display: none;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
  overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: none;
  margin-bottom: 5px;
  width: 100%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: none;
  margin-top: 5px;
  text-align: right;
  width: 100%;
}

.navigation {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 5px 0;
  text-transform: uppercase;
}

.navigation a {
  display: inline-block;
  padding: 10px;
}

#menu-nav {
  top: 30px;
}

.button-block {
  cursor: pointer;
  float: right;
  font-family: "Genericons";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  height: 40px;
  line-height: 1;
  margin: 0 -40px 0 0;
  padding: 8px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 22px;
  vertical-align: text-bottom;
  -webkit-font-smoothing: antialiased;
  width: 40px;
}

.icon-block {
  display: none;
  font-family: "Genericons";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  height: 40px;
  line-height: 1;
  margin: 0 -40px 0 0;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: text-bottom;
  -webkit-font-smoothing: antialiased;
  width: 40px;
}

#menu-block {
  display: none;
  padding: 10px;
  overflow: hidden;
}

#menu-block.active {
  display: block;
}

#menu-block {
  top: 0;
}

/**
 * 8.0 Tables
 * -----------------------------------------------------------------------------
 */
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 10px 0;
  width: 100%;
}

table,
th,
td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

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

th {
  border-width: 1px;
  font-weight: bold;
  padding: 5px 10px;
}

td {
  border-width: 1px;
  padding: 5px 10px;
}

/**
 * 9.0 Typography
 * -----------------------------------------------------------------------------
 */
body,
button,
input,
select,
textarea {
  color: #333333;
  font-family: "Oxygen", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #111111;
  font-weight: 900;
  text-transform: uppercase;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 10px 0;
}

p {
  margin-bottom: 5px;
}

b,
strong {
  font-weight: bold;
}

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

blockquote {
  clear: both;
  display: inline-block;
  font-style: italic;
  margin: 5px 0;
  opacity: 0.5;
}

blockquote p {
  margin-left: 80px;
}

blockquote:before {
  content: '\f106';
  float: left;
  font-family: "Genericons";
  font-size: 400%;
  font-style: normal;
  font-weight: normal;
  line-height: 0.6;
  opacity: 0.4;
}

address {
  margin: 0 0 5px;
}

pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-bottom: 5px;
  max-width: 100%;
  overflow: auto;
  padding: 5px;
}

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

abbr,
acronym {
  cursor: help;
}

mark,
ins {
  text-decoration: none;
}

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

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

h1.site-title {
  font-size: 73px;
  font-size: 7.3rem;
}

.site-description {
  opacity: 0.5;
}

h1 {
  font-size: 52px;
  font-size: 5.2rem;
  line-height: 1.2;
}

h2 {
  font-size: 47px;
  font-size: 4.7rem;
  line-height: 1.3;
}

h3 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.4;
}

h4 {
  font-size: 29px;
  font-size: 2.9rem;
}

h1.widget-title,
h5 {
  font-size: 20px;
  font-size: 2rem;
}

h6 {
  font-size: 18px;
  font-size: 1.8rem;
}

#infinite-footer .blog-info,
#infinite-footer .blog-credits,
#infinite-handle span {
  font-weight: 700;
  text-transform: uppercase;
}

/**
 * 10.0 Widgets
 * -----------------------------------------------------------------------------
 */
.widget {
  clear: both;
  margin: 20px 0;
}
.widget .widget select {
  max-width: 100%;
}

.widget-search .search-submit {
  display: none;
}

.widget-areas {
  float: none;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
}
.widget-areas .widget-area {
  float: none;
  width: 100%;
}

h1.widget-title {
  margin-bottom: 5px;
}

.widget-area,
.widget-area h1,
.widget-area h2,
.widget-area h3,
.widget-area h4,
.widget-area h5,
.widget-area h6,
.widget-area a,
.widget-area a:visited {
  color: rgba(255, 255, 255, 0.8);
}

.widget-area a:hover {
  color: white;
}

.widget ul,
.widget ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget a:hover {
  opacity: 1;
}

.widget img.avatar {
  float: left;
  margin: 0 5px 0 0;
}

.widget table {
  border: none;
}

.widget_calendar caption {
  padding-bottom: 10px;
  font-weight: bold;
}

.widget_calendar caption,
.widget_calendar th,
.widget_calendar td {
  text-align: center;
}

/**
 * 11.0 Infinite scroll
 * -----------------------------------------------------------------------------
 */
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
  display: block;
}

#infinite-footer {
  z-index: 999;
}

.infinite-loader {
  height: 120px;
  margin: 0 auto;
  padding-top: 10px;
  text-align: center;
}

span.infinite-loader .spinner {
  left: 50% !important;
  top: 50% !important;
  z-index: 9998 !important;
}

#infinite-footer .container {
  display: none;
  padding: 0 40px;
  height: 40px;
  border: none;
  line-height: 40px !important;
}

/**
 * 12.0 Eventbrite
 * -----------------------------------------------------------------------------
 */
.hentry.eventbrite-event .entry-format:before {
  content: '\f305';
}
.eventbrite-event .entry-meta > span {
  display: inline-block;
  width: 100%;
}
.archive-eventbrite .paging-navigation {
  text-align: center;
}
.archive-eventbrite .paging-navigation .page-numbers {
  display: inline-block;
  padding: 10px 16px;
}
.archive-eventbrite .paging-navigation .page-numbers.current {
  background-color: rgba( 1, 1, 1, 0.8 );
  color: #fff;
}

/**
 * 13.0 Media queries
 * -----------------------------------------------------------------------------
 */
/* Define mobile styles */
@media only screen and (max-width: 40em) {
  #page {
    border: 0;
  }

  #page:before,
  #page:after {
    display: none;
  }

  #page:before,
  #page:after {
    background-color: none !important;
    z-index: 9999;
  }

  #page {
    border-left: none !important;
    border-right: none !important;
    z-index: 9999;
  }

  h1.site-title,
  h1 {
    font-size: 180%;
  }

  h2 {
    font-size: 160%;
  }

  h3 {
    font-size: 150%;
  }

  h4 {
    font-size: 140%;
  }

  h1.widget-title,
  h5 {
    font-size: 130%;
  }

  h6 {
    font-size: 100%;
  }
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  html {
    font-size: 55%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  }

  .icon-block {
    display: block;
  }

  .site-description {
    opacity: 0.5;
  }

  #respond,
  #respond.comment-respond {
    margin: 20px auto 20px auto;
    padding: 10px;
  }

  .comment-content,
  .sticky .entry-content {
    margin-bottom: 10px;
    padding: 10px 10px 0 10px;
  }

  .comment-meta {
    padding: 0 0 10px 0;
  }

  #comments h2 {
    padding-bottom: 40px;
  }

  .hentry {
    padding: 20px 0;
  }

  .entry-meta {
    padding: 20px 0;
  }

  .fullwidth-block {
    padding: 20px 0 40px 0;
  }

  .archive-header.fullwidth-block {
    padding: 40px 0 20px 0;
  }

  .wp-caption {
    margin-bottom: 20px;
  }

  #menu-block {
    padding: 30px 20px 20px 20px;
  }

  #colophon {
    padding: 40px 0;
  }

  #masthead {
    padding: 60px 0;
  }

  h1.widget-title {
    margin-bottom: 10px;
  }

  .icon-block {
    top: 50px;
  }

  .comment-icon.icon-block {
    top: 100px;
  }

  #menu-nav {
    top: 40px;
  }

  .button-block {
    margin: 0 -60px 0 0;
  }

  .icon-block {
    margin: 0 -60px 0 0;
  }

  .reply a {
    padding: 2.5px;
  }

  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    padding: 5px 10px;
  }

  #respond p.comment-form-comment textarea {
    margin-top: 10px;
  }

  ul, ol {
    margin: 0 0 10px 10px;
  }

  li > ul,
  li > ol {
    margin-bottom: 0;
    margin-left: 10px;
  }

  p {
    margin-bottom: 10px;
  }

  .widget {
    margin: 0 0 10px;
  }

  .main-navigation ul ul a {
    margin: 0 0 0 10px;
  }

  blockquote {
    margin: 20px 0;
  }

  address {
    margin: 0 0 10px;
  }

  pre {
    margin-bottom: 10px;
    padding: 10px;
  }

  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6 {
    margin: 10px 0;
  }

  .main-navigation {
    border-bottom: none;
    float: left;
    margin-bottom: 0;
    margin-right: 5%;
    padding-bottom: 0;
    width: 20%;
  }

  .widget-areas {
    clear: none;
    float: left;
    width: 75%;
  }
  .widget-areas .widget-area {
    float: left;
  }
  .widget-areas .widget-area:nth-child(1):nth-last-child(1) {
    float: none;
    max-width: 680px;
  }
  .widget-areas .widget-area:nth-child(1):nth-last-child(2), .widget-areas .widget-area:nth-child(2):nth-last-child(1) {
    width: 47%;
    margin-right: 6%;
  }
  .widget-areas .widget-area:nth-child(1):nth-last-child(2):last-of-type, .widget-areas .widget-area:nth-child(2):nth-last-child(1):last-of-type {
    margin-right: 0;
  }
  .widget-areas .widget-area:nth-child(1):nth-last-child(3), .widget-areas .widget-area:nth-child(2):nth-last-child(2), .widget-areas .widget-area:nth-child(3):nth-last-child(1) {
    width: 30%;
    margin-right: 5%;
  }
  .widget-areas .widget-area:nth-child(1):nth-last-child(3):last-of-type, .widget-areas .widget-area:nth-child(2):nth-last-child(2):last-of-type, .widget-areas .widget-area:nth-child(3):nth-last-child(1):last-of-type {
    margin-right: 0;
  }

  #site-branding {
    padding-top: 40px;
  }

  .comment-navigation .nav-previous,
  .paging-navigation .nav-previous,
  .post-navigation .nav-previous {
    float: left;
    margin-bottom: 0;
    width: 48%;
  }

  .comment-navigation .nav-next,
  .paging-navigation .nav-next,
  .post-navigation .nav-next {
    float: right;
    margin-top: 0;
    width: 48%;
  }

  img.alignright {
    margin-left: 10px;
  }

  img.alignleft {
    margin-right: 10px;
  }

  .format-video .jetpack-video-wrapper,
  .format-image img,
  .entry-thumbnail img {
    padding: 25px 0 10px 0;
  }

  li.pingback {
    margin: 10px 0;
  }
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) {
  html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  }

  .icon-block {
    display: block;
  }

  .site-description {
    opacity: 0.5;
  }

  #respond,
  #respond.comment-respond {
    margin: 40px auto 20px auto;
    padding: 20px;
  }

  .comment-content,
  .sticky .entry-content {
    margin-bottom: 20px;
    padding: 20px 20px 0 20px;
  }

  .comment-meta {
    padding: 0 0 20px 0;
  }

  #comments h2 {
    padding-bottom: 80px;
  }

  .hentry {
    padding: 40px 0;
  }

  .entry-meta {
    padding: 40px 0;
  }

  .fullwidth-block {
    padding: 40px 0 80px 0;
  }

  .archive-header.fullwidth-block {
    padding: 80px 0 40px 0;
  }

  .wp-caption {
    margin-bottom: 40px;
  }

  #menu-block {
    padding: 60px 40px 40px 40px;
  }

  #colophon {
    padding: 80px 0;
  }

  #masthead {
    padding: 120px 0;
  }

  h1.widget-title {
    margin-bottom: 20px;
  }

  .icon-block {
    top: 92px;
  }

  .comment-icon.icon-block {
    top: 142px;
  }

  #menu-nav {
    top: 80px;
  }

  .button-block {
    margin: 0 -60px 0 0;
  }

  .icon-block {
    margin: 0 -60px 0 0;
  }

  .reply a {
    padding: 5px;
  }

  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    padding: 10px 20px;
  }

  #respond p.comment-form-comment textarea {
    margin-top: 20px;
  }

  ul,
  ol {
    margin: 0 0 20px 20px;
  }

  li > ul,
  li > ol {
    margin-bottom: 0;
    margin-left: 20px;
  }

  p {
    margin-bottom: 20px;
  }

  .widget {
    margin: 0 0 20px;
  }

  .main-navigation ul ul a {
    margin: 0 0 0 20px;
  }

  blockquote {
    margin: 40px 0;
  }

  address {
    margin: 0 0 20px;
  }

  pre {
    margin-bottom: 20px;
    padding: 20px;
  }

  .entry-content h1,
  .entry-content h2,
  .entry-content h3,
  .entry-content h4,
  .entry-content h5,
  .entry-content h6 {
    margin: 20px 0;
  }

  .navigation {
    padding: 40px 0 0 0;
  }

  .main-navigation {
    border-bottom: none;
    float: left;
    margin-bottom: 0;
    margin-right: 5%;
    padding-bottom: 0;
    width: 20%;
  }

  .widget-areas {
    clear: none;
    float: left;
    width: 75%;
  }
  .widget-areas .widget-area {
    float: left;
  }
  .widget-areas .widget-area:nth-child(1):nth-last-child(1) {
    float: none;
    max-width: 680px;
  }
  .widget-areas .widget-area:nth-child(1):nth-last-child(2), .widget-areas .widget-area:nth-child(2):nth-last-child(1) {
    width: 47%;
    margin-right: 6%;
  }
  .widget-areas .widget-area:nth-child(1):nth-last-child(2):last-of-type, .widget-areas .widget-area:nth-child(2):nth-last-child(1):last-of-type {
    margin-right: 0;
  }
  .widget-areas .widget-area:nth-child(1):nth-last-child(3), .widget-areas .widget-area:nth-child(2):nth-last-child(2), .widget-areas .widget-area:nth-child(3):nth-last-child(1) {
    width: 30%;
    margin-right: 5%;
  }
  .widget-areas .widget-area:nth-child(1):nth-last-child(3):last-of-type, .widget-areas .widget-area:nth-child(2):nth-last-child(2):last-of-type, .widget-areas .widget-area:nth-child(3):nth-last-child(1):last-of-type {
    margin-right: 0;
  }

  #site-branding {
    padding-top: 80px;
  }

  ol.comment-list ol.children li .comment-author:before {
    float: left;
    margin: 10px 0 0 -105px;
  }

  .comment-list .comment-author img.avatar {
    float: left;
    margin: 0 0 0 -80px;
  }

  .comment-content {
    clear: none;
  }

  .comment-navigation .nav-previous,
  .paging-navigation .nav-previous,
  .post-navigation .nav-previous {
    float: left;
    margin-bottom: 0;
    width: 48%;
  }

  .comment-navigation .nav-next,
  .paging-navigation .nav-next,
  .post-navigation .nav-next {
    float: right;
    margin-top: 0;
    width: 48%;
  }

  img.alignright {
    margin-left: 20px;
  }

  img.alignleft {
    margin-right: 20px;
  }

  .format-video .jetpack-video-wrapper,
  .format-image img,
  .entry-thumbnail img {
    padding: 50px 0 40px 0;
  }

  li.pingback {
    margin: 20px 0;
  }
}
/* min-width 1025px, large screens */

/**
 * 14.0 WPCOM Specific Styles
 * -----------------------------------------------------------------------------
 */

#ab-reblog-box {
	z-index: 100000 !important;
}