/*
Theme Name: Wilson
Theme URI: https://wordpress.com/themes/wilson/
Author: Anders Noren
Author URI: http://www.andersnoren.se
Description: Wilson is a clean, simple and bold theme for personal sites and blogs. Make it your own with a custom header image or a Gravatar. Plus, use Post Formats to highlight your content, add a custom menu or take advantage of three widget areas.
Requires at least: 6.0
Version: 1.17-wpcom
License: GNU General Public License
License URI: license.txt
Text Domain: wilson
Tags: black, blog, blue, classic-menu, clean, custom-menu, dark, editor-style, featured-images, flexible-header, fluid-layout, infinite-scroll, left-sidebar, microformats, minimal, modern, post-formats, red, responsive-layout, rtl-language-support, site-logo, sticky-post, threaded-comments, translation-ready, two-columns, white

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.

 Wilson 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 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Content
	10.1 - Posts and pages
	10.2 - Asides
	10.3 Images
	10.4 Videos
	10.5 Quotes
	10.6 - Comments
11.0 - Infinite scroll
12.0 - Media
	12.1 - Captions
	12.2 - Galleries
13.0 - Structure
14.0 - Header
15.0 - Footer
16.0 - Responsiveness
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
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: 62.5%; /* 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_text_size_in_safari_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: #fff;
}
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 Typography
--------------------------------------------------------------*/
body {
	background-color: #353e49;
}
body,
button,
input,
select,
textarea {
	color: #555;
	font-family: "Lato", "Helvetica Neue", sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
	clear: both;
	line-height: 1.2;
	margin: 50px 0 20px;
}
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
h1 {
	font-size: 37px;
	font-size: 3.7rem;
	font-weight: 700;
}
h2 {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
}
h3 {
	font-size: 27px;
	font-size: 2.7rem;
	font-weight: 700;
}
h4 {
	font-size: 23px;
	font-size: 2.3rem;
}
h5 {
	font-size: 20px;
	font-size: 2rem;
}
h6 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}
h1+h1, h1+h2, h1+h3, h1+h4, h1+h5, h1+h6,
h2+h1, h2+h2, h2+h3, h2+h4, h2+h5, h2+h6,
h3+h1, h3+h2, h3+h3, h3+h4, h3+h5, h3+h6,
h4+h1, h4+h2, h4+h3, h4+h4, h4+h5, h4+h6,
h5+h1, h5+h2, h5+h3, h5+h4, h5+h5, h5+h6,
h6+h1, h6+h2, h6+h3, h6+h4, h6+h5, h6+h6 {
	margin-top: 30px;
}
p {
	line-height: 1.7;
	margin-bottom: 1.1em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i, q, var {
	font-style: italic;
}
blockquote {
	background-color: #eee;
	color: #666;
	font-family: "Raleway", "Helvetica Neue", sans-serif;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.5;
	margin-bottom: 1.1em;
	padding: 1em;
}
cite {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.4;
	text-transform: uppercase;
}
blockquote cite:before {
	content: "\2014\00a0";
}
blockquote cite {
	display: block;
	margin-top: 1em !important;
}
address {
	line-height: 1.7;
	margin: 0 0 1.1em;
}
.entry-content address {
	padding: 3% 3.5%;
	background: #f1f1f1;
}
pre {
	background: #eee;
	border-radius: 3px;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 1.1em;
	max-width: 100%;
	overflow: auto;
	padding: 2% 2.5%;
}
code, kbd, tt, var {
	font-size: 16px;
	font: 1.6rem Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
code {
	background-color: #eee;
	border-radius: 3px;
	padding: 5px;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	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%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #eee;
	border: 0;
	height: 4px;
	margin: 2em auto;
	width: 50%;
}
ul, ol {
	line-height: 1.7;
	margin: 0 0 1.1em 1.5em;
}
ul {
	list-style: disc;
}
ul ul {
	list-style: circle;
}
ul ul ul {
	list-style: square;
}
ol {
	list-style: decimal;
}
ol ol {
	list-style: lower-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1em;
}
ol > li:last-child,
ul > li:last-child {
	margin-bottom: 0;
}
dl {
	line-height: 1.6;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.1em;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.1em;
	width: 100%;
}
th {
	font-weight: bold;
}
.content-area table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 16px;
	font-size: 1.6rem;
}
.content-area th,
.content-area td {
	border-bottom: 1px solid #ddd;
	line-height: 1.2;
	margin: 0;
	overflow: visible;
	padding: 2%;
}
.content-area caption {
	color: #444;
	text-align: center;
	padding: 2%;
}
.content-area thead {
	vertical-align: bottom;
	white-space: nowrap;
}
.content-area th {
	color: #444;
}
.content-area table tbody > tr:nth-child(odd) > td {
	background: #f9f9f9;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
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 IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 4px;
	background: #272f38;
	color: #fff;
	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: 15px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 16px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #ff706c;
}
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: #ff706c;
	position: relative;
	top: 1px;
}
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/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: 3px;
	color: #444;
	padding: 13px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	background: #eee;
	border: 1px solid #ccc;
	color: #111;
	outline: none;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #ff706c;
	text-decoration: none;
}
a:visited {
	color: #ff706c;
}
a:hover {
	text-decoration: none;
}
a:focus,
a:active {
	text-decoration: underline;
}
.page-content a:hover,
.page-content a:focus,
.page-content a:active,
.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active,
.entry-footer a:hover,
.entry-footer a:focus,
.entry-footer a:active,
.widget-area .widget a:hover,
.widget-area .widget a:focus,
.widget-area .widget a:active {
	text-decoration: underline;
}

/* Transitions on links */
.content-area a {
	transition: all 0.1s ease-in-out;
}
.site-title a,
.main-navigation a,
.widget-area .widget a,
.entry-title a,
.entry-meta a,
.featured-image a,
a.more-link,
.paging-navigation a,
.post-navigation a,
#infinite-handle span,
.comment-respond input[type="submit"] {
	transition: all 0.2s ease-in-out;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	position: relative;
	padding-top: 50px;
	width: 100%;
}
.main-navigation > h1 {
	margin: 0;
}
.main-navigation .menu {
	background-color: #272f38;
	clear: both;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
}
.main-navigation li {
	border-top: 1px solid #363e46;
	line-height: 1;
	position: relative;
}
.main-navigation .nav-menu > li:first-child {
	border-top: none;
}
.main-navigation a {
	color: rgba(255,255,255,0.5);
	display: block;
	padding: 25px 8%;
	position: relative;
	text-decoration: none;
}
.main-navigation a:hover,
.main-navigation a:active,
.main-navigation a:focus {
	color: #fff;
}
.main-navigation ul ul a {
	padding-left: 16%;
}
.main-navigation ul ul ul a {
	padding-left: 24%;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
	color: #ff706c;
	font-weight: bold;
}

/* Small menu */
.menu-toggle {
	background: #272e36;
	border: none;
	border-radius: 3px 3px 0 0;
	color: #fff;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 8px 10px;
	position: absolute;
		top: 10px;
		right: 8%;
}
.menu-toggle:hover {
	background-color: #272e36;
}
.menu-toggle:active {
	background: #272e36;
	position: absolute;
		top: 10px;
}
.menu-toggle:focus {
	background: #272e36;
	outline: thin dotted;
	position: absolute;
		top: 10px;
}
.menu-toggle .genericon {
	font-size: 24px;
	font-size: 2.4rem;
	height: auto;
	width: auto;
}
.main-navigation.toggled .nav-menu,
.main-navigation.toggled .children,
.main-navigation.toggled .sub-menu {
	display: block;
}
.main-navigation ul {
	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: left;
	width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.paging-navigation,
.post-navigation {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 7% 8%;
}
.paging-navigation {
	background-color: #eee;
}
.post-navigation {
	background-color: #272f38;
}
.paging-navigation a,
.post-navigation a {
	background-color: #1b2027;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	padding: 18px 20px;
}
.paging-navigation a:hover,
.paging-navigation a:active,
.paging-navigation a:focus,
.post-navigation a:hover,
.post-navigation a:active,
.post-navigation a:focus {
	background-color: #ff706c;
	text-decoration: none;
}

/*--------------------------------------------------------------
5.3 Social Links
--------------------------------------------------------------*/
.social-links {
	clear: both;
	padding: 30px;
	width: 100%;
}
.social-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget-area .social-links ul {
	margin: 0;
}
.social-links ul li {
	display: inline-block;
	margin: 0;
	list-style: none;
}
.social-links ul a {
	display: inline-block;
	text-decoration: none;
}
.social-links ul a:before {
	font-family: Genericons;
	line-height: 1;
	position: relative;
	display: block;
	margin: 3px 7px 3px 0;
	padding: 9px;
	content: '\f415';
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
	text-align: center;
	color: white;
	border-radius: 4px;
	background: #1b2027;
}
.social-links ul a:hover,
.social-links ul a:active,
.social-links ul a:focus {
	text-decoration: none;
}
.social-links ul a:hover:before,
.social-links ul a:active:before,
.social-links ul a:focus:before {
	-webkit-transition: all 0.2s ease-in-out;
	  -moz-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
		  transition: all 0.2s ease-in-out;
	text-decoration: none;
	background: #ff706b;
}
.social-links ul a[href*='wordpress.org']:before,
.social-links ul a[href*='wordpress.com']:before {
    content: '\f205';
}
.social-links ul a[href*='facebook.com']:before {
    content: '\f204';
}
.social-links ul a[href*='twitter.com']:before {
    content: '\f202';
}
.social-links ul a[href*='dribbble.com']:before {
    content: '\f201';
}
.social-links ul a[href*='plus.google.com']:before {
    content: '\f206';
}
.social-links ul a[href*='pinterest.com']:before {
    content: '\f209';
}
.social-links ul a[href*='github.com']:before {
    content: '\f200';
}
.social-links ul a[href*='tumblr.com']:before {
    content: '\f214';
}
.social-links ul a[href*='youtube.com']:before {
    content: '\f213';
}
.social-links ul a[href*='flickr.com']:before {
    content: '\f211';
}
.social-links ul a[href*='vimeo.com']:before {
    content: '\f212';
}
.social-links ul a[href*='instagram.com']:before {
    content: '\f215';
}
.social-links ul a[href*='codepen.io']:before {
    content: '\f216';
}
.social-links ul a[href*='linkedin.com']:before {
    content: '\f207';
}
.social-links ul a[href*='foursquare.com']:before {
    content: '\f226';
}
.social-links ul a[href*='reddit.com']:before {
    content: '\f222';
}
.social-links ul a[href*='digg.com']:before {
    content: '\f221';
}
.social-links ul a[href*='getpocket.com']:before {
    content: '\f224';
}
.social-links ul a[href*='path.com']:before {
    content: '\f219';
}
.social-links ul a[href*='stumbleupon.com']:before {
    content: '\f223';
}
.social-links ul a[href*='spotify.com']:before {
    content: '\f515';
}
.social-links ul a[href*='twitch.tv']:before {
    content: '\f516';
}
.social-links ul a[href*='dropbox.com']:before {
    content: '\f225';
}
.social-links ul a[href*='/feed']:before {
    content: '\f413';
}
.social-links ul a[href*='skype']:before {
    content: '\f220';
}
.social-links ul a[href*='mailto']:before {
    content: '\f410';
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:focus {
	background-color: #ff706c;
	border-radius: 3px;
	clip: auto !important;
	color: #fff !important;
	display: block;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 24px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.site:before,
.site: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,
.site:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-footer:after {
	clear: both;
}
.site-content:after {
	clear: right;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.site-content .widget-area {
	background-color: #353e49;
	padding-bottom: 30px;
	padding-top: 30px;
}
.site-content .widget-area .widget {
	margin-left: 30px;
	margin-right: 30px;
}
.widget-area .widget h1,
.widget-area .widget h2,
.widget-area .widget h3,
.widget-area .widget h4,
.widget-area .widget h5,
.widget-area .widget h6 {
	color: #fff;
	margin-top: 0;
}
.widget-area ul,
.widget-area ol {
	margin-left: 1.2em;
}
.widget-areas {
	background-color: #272f38;
	color: #fff;
	padding: 30px;
}
.widget-areas .widget-area {
	clear: both;
	float: none;
	margin: 0 auto;
	width: 100%;
}
.widget-area .widget {
	border-bottom: 4px solid rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.7);
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
	padding-bottom: 40px;
	margin: 0 0 40px;
}
.widget-area .widget ul,
.widget-area .widget ol {
	list-style: none;
}
.widget-area .widget > ul,
.widget-area .widget > ol {
	margin: 0;
}
.widget-area .widget:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.widget-area .widget-title {
	color: #fff;
	font-size: 13px;
	font-size: 1.3rem;
	font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 20px;
	margin-top: 0;
	text-transform: uppercase;
}
.widget-area .widget p {
	line-height: 1.6;
	margin-bottom: 1em;
}
.widget-area .widget:not(.jetpack_widget_social_icons):not(.widget_wpcom_social_media_icons_widget) ul li {
	padding: 10px 0;
	border-top: 1px solid rgba(255,255,255,0.1);
	line-height: 1.4;
}
.widget-area .widget ul li:first-child {
	border-top: none;
}

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

/* Recent posts widget */
.widget-area .widget_recent_entries li .post-date {
	color: rgba(255,255,255,0.4);
	margin-left: 5px;
}
.widget-area .widget_recent_entries li .post-date:before {
	content: "(";
}
.widget-area .widget_recent_entries li .post-date:after {
	content: ")";
}

/* Calendar widget */
.widget-area #wp-calendar {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	max-width: 100%;
	text-align: center;
	width: 100%;
}
.widget-area #wp-calendar a {
	color: #ff706c;
}
.widget-area #wp-calendar,
.widget-area #wp-calendar caption,
.widget-area #wp-calendar tr,
.widget-area #wp-calendar td,
.widget-area #wp-calendar th {
	text-align: center;
}

.widget-area #wp-calendar caption,
.widget-area #wp-calendar th,
.widget-area #wp-calendar td {
	padding: 4% 2%;
}
.widget-area #wp-calendar caption {
	text-transform: capitalize;
}
.widget-area #wp-calendar thead {
	border-bottom: 1px solid #48515c;
	border-top: 1px solid #48515c;
}
.widget-area #wp-calendar thead th {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
}
.widget-area #wp-calendar tfoot {
	border-top: 1px solid #48515c;
}
.widget-area #wp-calendar tfoot td {
	padding: 0;
}
.widget-area #wp-calendar tfoot #prev {
	text-align: left;
}
.widget-area #wp-calendar tfoot #next {
	text-align: right;
}
.widget-area #wp-calendar tfoot a {
	color: rgba(255,255,255,0.5);
	display: block;
	padding: 0.6em 0;
}
.widget-area #wp-calendar tfoot a:hover {
	color: #ff6558;
	text-decoration: none;
}

/* Search widget */
.widget-area .search-form {
	background: #48515c;
	border-radius: 6px;
	position: relative;
	width: 100%;
}
.widget_search input[type="search"] {
	background: #48515c;
	border: 1px solid #48515c;
	color: #fff;
	padding: 14px 15% 16px 5%;
	width: 80%;
}
.widget-area .widget_search input[type="search"]:focus {
	border: 1px solid #ddd;
	color: #fff;
}

/* Search submit sits on top on Genericon search icon and is transparent.
 * The .genericon-search acts as the button in this case.
 */
.widget_search .search-submit {
	background-color: transparent;
	border: none;
	padding: 0;
	position: absolute;
		top: 0;
		right: 0;
	height: 36px;
	width: 36px;
	text-indent: -9999px;
	z-index: 1;
}
.widget_search .search-submit:hover,
.widget_search .search-submit:active,
.widget_search .search-submit:focus {
	background-color: transparent;
	border: none;
	position: absolute;
		top: 0;
		right: 0;
	height: 36px;
	width: 36px;
	text-indent: -9999px;
	z-index: 1;
}
.widget_search .search-submit:focus {
	outline: thin dotted;
}
.widget_search .genericon-search {
	font-size: 32px;
	position: absolute;
		top: 10px;
		right: 6px;
	height: 32px;
	width: 32px;
}

/* Don't show the Genericon on search forms in
 * main content area of site */
.content-area .search-form .genericon-search {
	display: none;
}

/* Tag cloud widget */
.widget-area .tagcloud a {
	background: rgba(0,0,0,0.2);
	border-radius: 3px;
	color: rgba(255,255,255,0.5);
	display: inline-block;
	line-height: 1;
	margin: 0 5px 5px 0;
	padding: 8px 11px;
}
.widget-area .tagcloud a:hover,
.widget-area .tagcloud a:focus {
	background: #ff706c;
	color: #fff;
	text-decoration: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.site-main {
	background-color: #fff;
}

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.hentry,
.page-content {
	border-top: 4px solid #eee;
	margin: 0;
	padding: 8% 0;
	position: relative;
}
.single .hentry {
	padding: 8% 0 0;
}
.page-content {
	padding-left: 8%;
	padding-right: 8%;
}
.sticky.has-post-thumbnail {
		padding-top: 0;
}
.hentry:first-child {
	border-top: none;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-footer {
	padding: 0 8%;
}
.entry-content {
	font-size: 16px;
	font-size: 1.6rem;
}
.entry-content p:first-child {
	margin-top: 0;
}
.entry-content p:last-child {
	margin-bottom: 0;
}
.entry-footer {
	color: #999;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
}
.entry-content a.more-link {
	background-color: #272f38;
	border-radius: 4px;
	color: #fff;
	display: table;
	margin-top: 1.1em;
	padding: 15px 18px 18px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
}
a.more-link:hover,
a.more-link:active,
a.more-link:focus {
	background: #ff706c;
	color: #fff;
	text-decoration: none;
}
.page-header {
	position: relative;
	padding: 4% 8%;
	background: #eee;
}
.page-header .page-title {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400;
	color: #999;
	letter-spacing: 1px;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
}
.page-header .title-accent {
	color: #666;
	font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: 700;
	display: block;
	margin-top: 15px;
	text-align: center;
}
.title-accent:before {
	background: #ccc;
	content: "";
	display: block;
	height: 1px;
	margin: 0 auto 15px;
	width: 32px;
}
.taxonomy-description p:before {
	content: "";
	display: block;
	width: 36px;
	height: 2px;
	background: #ccc;
	margin: 25px auto 20px;
}
.entry-header {
	margin-bottom: 5.05%;
}
.entry-title {
	color: #272f38;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 15px;
	margin-top: 0;
}
.entry-title a {
	color: #272f38;
}
.entry-title a:hover,
.entry-title a:active,
.entry-title a:focus {
	color: #ff706c;
	text-decoration: none;
}
.entry-meta {
	font-size: 12px;
	font-size: 1.2rem;
	color: #999;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.entry-meta > span:before,
.individual-blog.single .entry-meta > span.byline:before {
	color: #ddd;
	content: "\2044";
	margin: 0 5px;
}
.entry-meta > span:first-child:before,
.entry-meta > span:only-child:before,
.individual-blog .entry-meta > span.byline:before {
	content: "";
}
.entry-meta a {
	color: #999;
}
.entry-meta a:hover,
.entry-meta a:active,
.entry-meta a:focus {
	color: #ff706c;
}
.entry-meta .sep {
	color: #ddd;
	margin: 0 5px;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-links {
	clear: both;
}
.entry-footer {
	font-size: 14px;
	font-size: 1.4rem;
}
.entry-footer .cat-links {
	display: inline-block;
	line-height: 1.3;
	margin-right: 20px;
}
.entry-footer .tag-links {
	display: inline-block;
	line-height: 1.3;
	margin-top: 10px;
}
.single .entry-footer {
	padding: 9.75% 8% 4.55% 8%;
}
.page .entry-footer {
	margin: 1.1em 0;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside,
.archive .format-aside {
	background-color: #eee;
	border-top: none;
}
.blog .format-aside .entry-header,
.archive .format-aside .entry-header {
	margin-bottom: 0;
}
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
.blog .format-aside .entry-meta,
.archive .format-aside .entry-meta {
	margin-bottom: 20px;
	text-align: center;
}

/*--------------------------------------------------------------
10.3 Images
--------------------------------------------------------------*/
.blog .format-image .entry-content,
.archive .format-image .entry-content {
	padding-bottom: 6%;
}
.blog .format-image .entry-header,
.archive .format-image .entry-header {
	margin-bottom: 0;
}
.blog .format-image .wp-caption-text,
.archive .format-image .wp-caption-text {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
10.4 Videos
--------------------------------------------------------------*/
.blog .format-video .entry-content,
.archive .format-video .entry-content {
	padding-bottom: 6%;
}
.blog .format-video .entry-header,
.archive .format-video .entry-header {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
10.5 Quotes
--------------------------------------------------------------*/
.blog .format-quote,
.archive .format-quote {
	background-color: #272f38;
	border-top: none;
	color: #fff;
}
.blog .format-quote .entry-header,
.archive .format-quote .entry-header {
	margin-bottom: 0;
}
.blog .format-quote .entry-title,
.archive .format-quote .entry-title {
	display: none;
}
.blog .format-quote .entry-meta,
.archive .format-quote .entry-meta {
	color: rgba(255,255,255,0.4);
	margin-bottom: 20px;
	text-align: center;
}
.blog .format-quote .entry-meta .sep,
.archive .format-quote .entry-meta .sep {
	color: rgba(255,255,255,0.4);
}
.blog .format-quote blockquote,
.archive .format-quote blockquote {
	background-color: transparent;
	color: #fff;
	font-family: "Raleway", "Helvetica Neue", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	padding: 0;
	text-align: center;
}
.blog .format-quote blockquote cite,
.archive .format-quote blockquote cite,
.blog .format-quote blockquote a,
.archive .format-quote blockquote a {
	color: #fff;
}
.blog .format-quote a:hover,
.archive .format-quote a:hover,
.blog .format-quote a:active,
.archive .format-quote a:active,
.blog .format-quote a:focus,
.archive .format-quote a:focus {
	color: #fff;
}
.blog .format-quote blockquote cite,
.archive .format-quote blockquote cite {
	font-weight: 400;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	letter-spacing: 2px;
	font-family: 'Lato', sans-serif;
}

/*--------------------------------------------------------------
10.6 Comments
--------------------------------------------------------------*/
.no-password,
.no-comments,
.comment-awaiting-moderation {
	clear: both;
	color: #666;
	padding: 8%;
	text-align: center;
}
.comments-area {
	border-top: 2px solid #eee;
}

/* Comment navigation */
#comment-nav-above {
	display: none;
}
#comment-nav-below {
	padding: 5% 8% 0;
	background: none;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#comment-nav-below a {
	color: #666;
	text-decoration: none;
}
#comment-nav-below a:hover,
#comment-nav-below a:active,
#comment-nav-below a:focus {
	color: #ff706c;
}
.comments-title {
	font-size: 2.6px;
	font-size: 2.6rem;
	font-weight: 400;
	margin: 0;
	padding: 8% 8% 0;
}
.comment-reply-title {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 400;
	margin-top: 0;
}
.comment-list {
	list-style: none;
	margin: 0 auto;
	padding: 6.72% 8% 0;
	width: 100%;
}
.comment-list .children {
	list-style: none;
}
.comment-list > li.comment {
	border-bottom: 1px solid #eee;
	margin-bottom: 25px;
	padding-bottom: 25px;
	position: relative;
}
.comment-list > li.comment:first-child {
	border-top: 1px solid #eee;
	padding-top: 25px;
}
.comment-list .pingback {
	margin: 0 0 1.1em;
}
.comment-list .pingback.alt {
	background: #f9f9f9;
}
.comment-list .pingback .comment-body {
	padding: 0.5em;
	line-height: 1.3;
}
.comment-meta {
	margin-bottom: 1em;
}
.comment-list .children .comment-author {
	padding-top: 25px;
}
.comment-list .comment-author .avatar {
	border-radius: 50%;
	display: block;
	float: left;
	margin-right: 20px;
}
.comment-list .comment-author .fn {
	color: #444;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 5px;
}
.comment-list .comment-author .says {
	font-size: 16px;
	font-size: 1.6rem;
}
.comment-list .comment-author .fn a {
	color: #444;
}
.comment-list .comment-author .fn a:hover,
.comment-list .comment-author .fn a:active,
.comment-list .comment-author .fn a:focus {
	color: #ff706c;
}
.comment-list .comment-metadata {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	text-transform: uppercase;
}
.comment-list .comment-metadata a {
	color: #bbb;
}
.comment-list .comment-metadata a:hover,
.comment-list .comment-metadata a:active,
.comment-list .comment-metadata a:focus {
	color: #ff706c;
}
.comment-list .comment-content {
	font-size: 15px;
	font-size: 1.5rem;
	padding-left: 67px;
}
.comment-list .reply {
	font-size: 13px;
	font-size: 1.3rem;
	padding-left: 67px;
	text-transform: uppercase;
}
.comment-list .reply a:hover,
.comment-list .reply a:active,
.comment-list .reply a:focus {
	text-decoration: underline;
}
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
	background-color: #eee;
	padding: 15px;
}

/* Respond form */
.comments-area #respond {
	padding: 8%;
}
.comment-respond .comment-form-author label,
.comment-respond .comment-form-email label,
.comment-respond .comment-form-url label,
.comment-respond .comment-form-comment label {
	color: #666;
	display: block;
	font-weight: 700;
	margin: 0 0 1.1em;
}
.comment-respond .comment-form-author .required,
.comment-respond .comment-form-email .required {
	color: #c00;;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"],
.comment-respond textarea  {
	display: block;
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 0 1.1em;
}
.comment-respond #cancel-comment-reply-link {
	color: #c00;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 700;
	float: right;
	letter-spacing: 1px;
	padding-top: 15px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	margin-top: 1.1em;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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-handle {
	padding-bottom: 40px;
	padding-top: 10px;
}
#infinite-handle span {
	background-color: #1b2027;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-family: "Raleway", "Helvetica Neue", sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 700;
	margin: 0 auto;
	padding: 18px 20px;
	text-align: center;
	width: 30%;
}
#infinite-handle span:hover {
	background-color: #ff706c;
}

.infinite-loader {
	margin: 0 auto 40px;
	width: 32px;
	height: 32px;
}

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

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

/* Featured images */
.featured-image {
	position: relative;
}
.featured-image img {
	display: block;
	padding-bottom: 6%;
}
.featured-image a:hover img {
	opacity: 0.8;
}
.featured-image .flag {
	border-radius: 4px 0 0 4px;
	background: #ff706c;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 1px;
	line-height: 1.1;
	padding: 8px 10px;
	position: absolute;
		top: 5%;
		right: 0;
	text-transform: uppercase;
	z-index: 1;
}

/* Extend alignments on images */
img.alignleft,
.alignleft img,
img.aligncenter,
.aligncenter img,
img.alignright,
.alignright img {
	border: 1px solid #eee;
	padding: 5px;
}

/* Jetpack video wrapper */
.jetpack-video-wrapper {
	margin-bottom: 1.1em;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.1em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	color: #888;
	font-size: 16px;
	font-size: 1.6rem;
	padding-top: 0.5em;
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 12px 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-item a {
	display: block;
	padding: 10px;
}
.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 {
	color: #888;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0.5em;
	text-align: center;
}

/*--------------------------------------------------------------
13.0 Basic Structure
--------------------------------------------------------------*/
.site {
	max-width: 1160px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

/*--------------------------------------------------------------
14.0 Header
--------------------------------------------------------------*/
.site-header {
	background-color: #353e49;
	position: relative;
}
.site-branding {
	margin: 0 auto;
	max-width: 90%;
	padding: 50px 0 0;
	text-align: center;
}
.site-logo-link {
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
}
.site-title {
	font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.2;
	margin-bottom: 10px;
	margin-top: 0;
	text-transform: uppercase;
}
.site-title a {
	color: #fff;
	text-decoration: none;
}
.site-title a:hover,
.site-title a:active,
.site-title a:focus {
	color: #ff706c;
}
.site-description {
	color: rgba(255,255,255,0.5);
	font-family: "Raleway", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.2;
	margin: 0;
}

/*--------------------------------------------------------------
15.0 Footer
--------------------------------------------------------------*/
.site-info {
	background-color: #fff;
	color: #777;
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: 1px;
	padding: 30px 8%;
	text-align: center;
	text-transform: uppercase;
}
.site-info a {
	color: #777;
}
.site-info a:hover,
.site-info a:active,
.site-info a:focus {
	color: #ff706c;
}

/*--------------------------------------------------------------
16.0 Responsiveness
--------------------------------------------------------------*/
@media only screen and (min-width: 601px) {
	.site-branding {
		padding: 8% 0 2%;
	}
}
@media only screen and (min-width: 789px) {
	body {
		font-size: 17px;
		font-size: 1.7rem;
	}

	.site {
		background: url('images/1px-white.png') right repeat-y;
		background-size: 68% auto;
	}

	/* Layout: Sidebar-Content */
	.site-header {
		float: left;
		overflow: hidden;
		padding: 7.5% 0 0;
		width: 32%;
	}
	.site-branding {
		margin: 0;
		padding: 0 15%;
		text-align: left;
	}
	.content-area {
		float: right;
		width: 68%;
	}
	.site-content .widget-area {
		background-color: #353e49;
		clear: left;
		display: block;
		float: left;
		overflow: hidden;
		padding-bottom: 7.5%;
		padding-top: 0;
		width: 32%;
	}
	.site-content .widget-area .widget {
		margin-left: 15%;
		margin-right: 15%;
	}
	.site-footer {
		clear: right;
		float: right;
		width: 68%;
	}
	.widget-areas {
		padding: 8%;
	}
	.widget-areas .widget-area {
		clear: none;
		float: left;
	}
	.widget-areas .widget-area:nth-child(1):nth-last-child(2),
	.widget-areas .widget-area:nth-child(2):nth-last-child(1) {
		margin-right: 4%;
		width: 46%;
	}
	.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;
	}
	.site-info {
		clear: both;
		padding: 5% 8%;
	}

	/* Menu */
	.menu-toggle {
		display: none;
	}
	.main-navigation {
		font-size: 17px;
		font-size: 1.7rem;
		padding-top: 15%;
		padding-bottom: 15%;
		margin-top: 15%;
		margin-bottom: 15%;
		background: #272f38;
	}
	.main-navigation .menu {
		padding-left: 15%;
		padding-right: 15%;
	}
	.main-navigation ul {
		display: block;
	}
	.main-navigation li {
		border-top: none;
	}
	.main-navigation a {
		color: #fff;
		padding: 8px 0;
	}
	.main-navigation ul ul a,
	.main-navigation ul ul ul a {
		padding-left: 0;
	}
	.main-navigation a:hover,
	.main-navigation a:active,
	.main-navigation a:focus,
	.main-navigation ul ul a:hover,
	.main-navigation ul ul a:active,
	.main-navigation ul ul a:focus,
	.main-navigation ul ul ul a:hover,
	.main-navigation ul ul ul a:active,
	.main-navigation ul ul ul a:focus {
		color: #ff706c;
		padding-left: 10px;
	}
	.main-navigation ul ul,
	.main-navigation ul ul ul {
		margin-left: 25px;
	}

	.social-links {
		margin: 0 auto;
		padding: 0 0 15%;
		width: 70%;
	}

	/* Style tweaks */
	.site-title {
		font-size: 30px;
		font-size: 3rem;
	}
	.site-description {
		font-size: 17px;
		font-size: 1.7rem;
	}
	.entry-content {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.sticky.has-post-thumbnail {
		padding-top: 8%;
	}
	.featured-image {
		padding: 0 8%;
	}
	.featured-image .flag {
		right: 8%;
	}
	.featured-image img {
		border-radius: 4px;
	}
	.entry-title {
		font-size: 39px;
		font-size: 3.9rem;
	}
	.entry-meta {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.widget-area .widget {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.widget-area .widget-title {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.widget-area #wp-calendar thead th {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.entry-footer {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.page .entry-footer {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.entry-footer .cat-links,
	.entry-footer .tag-links {
		display: inline;
	}

	.blog .format-quote blockquote,
	.archive .format-quote blockquote {
		font-size: 24px;
		font-size: 2.4rem;
	}
	.comments-title {
		font-size: 30px;
		font-size: 3rem;
	}
	.comment-list .comment-author .fn,
	.comment-list .comment-author .says {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.comment-list .comment-metadata {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.comment-list .comment-content {
		font-size: 17px;
		font-size: 1.7rem;
	}
}
@media only screen and (min-width: 1100px) {
	.site {
		width: 86%;
	}
	.main-navigation {
		border-radius: 8px 0 0 8px;
	}
}