/*
Theme Name: Published
Theme URI: https://olympusthemes.com/theme/published
Author: OlympusThemes
Author URI: https://olympusthemes.com
Description: Published is a responsive author theme which contains everything you need to build a successful website. Published's built in options allow you to customize the design by choosing your own colors and fonts.
Version: 3.5.0
License: GNU General Public License
License URI: license.txt
Text Domain: ot-published
Tags: right-sidebar, responsive-layout, featured-images, theme-options, threaded-comments, translation-ready, two-columns

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:
----------------------------------------------------------------
# Reset
# Grid
# Typography
# Elements
	## Buttons
# Forms
# Navigation
  ## Links
# Accessibility
# Alignments
# Clearings
# Widgets
# Header
# Navigation
# Content
	## Posts and pages
	## Social Buttons
	## Archives Template
	## Homepage Template
	## Books Page Template
	## Asides
	## Comments
# Footer
# Infinite scroll
# Media
# Socicons
# Responsive
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 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;
}

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: 400;
	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;
}
/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/

/* Containers
----------------------------------------------------------------------------------------------------*/

.container_6 {
	margin-left: auto;
	margin-right: auto;
	width: 1020px
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 35px;
	margin-right: 35px
}

.push_1,
.pull_1,
.push_2,
.pull_2,
.push_3,
.pull_3,
.push_4,
.pull_4,
.push_5,
.pull_5,
.push_6,
.pull_6 {
	position: relative
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0
}

.omega {
	margin-right: 0
}
/* Grid >> 6 Columns
----------------------------------------------------------------------------------------------------*/

.container_6 .grid_1 {
	width: 100px
}

.container_6 .grid_2 {
	width: 270px
}

.container_6 .grid_3 {
	width: 440px
}

.container_6 .grid_4 {
	width: 610px
}

.container_6 .grid_5 {
	width: 810px
}

.container_6 .grid_6 {
	width: 950px
}

/*--------------------------------------------------------------
## Columns
--------------------------------------------------------------*/

.one_half {
	width: 48%
}

.one_third {
	width: 30.66%
}

.one_quarter {
	width: 22%
}

.one_half,
.one_third,
.one_quarter {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left
}

.last_column {
	margin-right: 0!important;
	clear: right
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #4e4e4e;
	font-family: Lato, sans-serif;
	font-size: 14px;
	line-height: 1.7;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	margin: 1.25em 0 .75em;
	font-family: Bitter, sans-serif;
	color: #40454E;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	text-decoration: none;
	color: #404040;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 12px;
}

p {
	margin-bottom: 1.5em;
}

b,
strong {
	font-weight: 700;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

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

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */

	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: 700;
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/

.button {
	border-radius: 3px;
	color: #FFF;
	cursor: pointer;
	font-size: .9em;
	font-weight: 700;
	line-height: 3.3333;
	padding: 1.1em 1.6em 1.2em;
	text-transform: uppercase;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
	-ms-transition: background-color .1s linear;
	transition: background-color .1s linear;
	text-decoration: none;
	letter-spacing: .5px;
	white-space: nowrap;
	background-color: #168BD4
}

.button:hover {
	color: #FFF;
	background: #0059a2
}

a.small {
	font-size: .7em
}

a.large {
	font-size: 1.3em
}

/*--------------------------------------------------------------
# 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;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	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: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

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 {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

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 {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
	color: #111;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search] {
	padding: 3px;
}

textarea {
	overflow: auto;
	/* Removes default vertical scrollbar in IE6/7/8/9 */

	padding-left: 3px;
	vertical-align: top;
	/* Improves readability and alignment in all browsers */

	width: 98%;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.h-menu ul {
	margin: 0;
	margin-right: -20px;
	padding-left: 0;
	list-style: none;
}

.h-menu li {
	position: relative;
	display: inline-block;
}

.h-menu li:hover,
.h-menu li.focus {
	background-color: #eaeaea;
}

.h-menu a {
	display: block;
	text-decoration: none;
	color: #303135;
}

.h-menu ul ul {
	position: absolute;
	z-index: 99999;
	left: -999em;
	float: left;
	background: #eaeaea;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, .2);
}

.h-menu ul ul li:hover {
	background-color: #dedbdb;
}

.h-menu ul ul a {
	width: 200px;
	text-align: left;
	border-top: 1px solid #ffffff2e;
	border-right: 1px solid #ffffff2e;
}

.h-menu ul ul ul {
	top: 0;
	left: -999em;
}

.h-menu ul li:hover > ul,
.h-menu ul li.focus > ul {
	left: auto;
}

.h-menu ul ul li:hover > ul,
.h-menu ul ul li.focus > ul {
	left: 100%;
}

.h-menu li.page_item_has_children > a:after,
.h-menu li.menu-item-has-children > a:after {
	padding-left: 5px;
	content: "\25bc";
	vertical-align: 1px;
	color: rgba(255, 255, 255, 0.25);
	font-size: 7px;
}
.h-menu li li.page_item_has_children > a:after,
.h-menu li li.menu-item-has-children > a:after {
	padding-left: 5px;
	content: "\25b6";
	vertical-align: 1px;
	color: #303135;
	font-size: 7px;
}

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

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: #168BD4;
}

a:visited {}

a:hover,
a:focus,
a:active {
	color: #10679E;
}
/*--------------------------------------------------------------
# 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: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

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

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

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.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;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.clearfix:after {
	clear: both
}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

#secondary {
	color: #878787;
}

#secondary .widget {
	font-size: 13px;
}

.widget {
	font-size: 13px;
	margin: 0 0 3.5em 0;
}

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

/* Search widget */
.widget_search .search-submit {
	display: none;
}


.widget h4 {
	font-size: 13px;
	text-transform: uppercase;
	color: #535353;
	margin-bottom: 1.5em;
	margin-top: 1em
}

.widget ul {
	margin: 0;
	list-style-position: inside;
	list-style-type: square
}

.widget ul li {
	padding-bottom: 10px
}

.widget ul li a {
	text-decoration: none
}

.widget a {
	text-decoration: none
}

.widget a:hover {
	text-decoration: underline
}

.tagcloud a {
	border-radius: 4px;
	color: #FFF;
	padding: 5px 15px;
	margin: 0 5px 10px 0;
	display: inline-block;
	text-decoration: none;
	background: #168BD4
}

.tagcloud a:hover {
	color: #FFF;
	text-decoration: none
}

.widget_ot_popular_posts ul {
	list-style: none;
	margin: 0
}

.widget_ot_popular_posts p {
	margin: 5px 0 0 20px;
	float: left;
	width: 70%
}

.widget_ot_popular_posts ul li {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	height: 80px
}

.widget_ot_popular_posts ul li a:hover {
	border-bottom: 1px dotted
}

.widget_ot_popular_posts img {
	float: left
}

.widget_ot_popular_posts a {
	border: 0
}

.widget_ot_popular_posts img {
	background: #FFF;
	border: 2px solid #FFF;
	position: relative;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
	zoom: 1
}

.widget_ot_popular_posts li a {
	color: #181818
}

.widget_ot_popular_posts span {
	color: #878787
}

.widget_ot_instagram_widget h4 {
	background: url(../img/instagram_16.png) no-repeat 0;
	padding-left: 26px
}

.home-tweet-tweet a {
	color: #181818;
	text-decoration: none
}

.home-tweet-date {
	display: none
}

.home-tweets-ul {
	list-style: none;
	margin: 0
}

.home-tweets-ul li {
	border-bottom: 1px solid #E4E4E2;
	margin-bottom: 16px
}

.widget_ot_twitter_widget h4 {
	background: url(../img/twitter_16.png) no-repeat 0;
	padding-left: 26px
}

input[type=search] {
	border: 1px solid #CCC;
	height: 20px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0;
	background: url(./img/search.png) no-repeat right top;
	width: 80%
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#masthead {
	background: #25303D;
	padding: 20px 0
}

#below-header {
	margin-bottom: 50px
}

.page-template-home-page #below-header {
	margin-bottom: 0px;
	background: #25303D
}

#below-header h1 {
	font: 400 44px/1.5 Bitter;
	color: #FFF;
	padding-bottom: 1em;
	padding-top: .5em;
	margin: 0
}

#below-header h2 {
	font: normal 15px/1.5 Bitter;
	color: #25303D;
	padding-bottom: 1em;
	margin: 20px 0 0;
	border-bottom: 1px solid #D8E2E9;
	text-align: center
}

#below-header a {
	border-bottom: 1px dotted
}

.site-branding img,
.site-branding nav {
	display: inline-block;
	*display: inline;
	vertical-align: middle
}

.site-branding img {
	height: auto;
	width: 27%
}

.site-branding nav {
	width: 70%
}

.site-title {
	margin: 0;
	font-size: 24px;
	font-family: Lato;
	font-weight: 900;
	width: 29%;
	height: auto;
	display: inline-block;
	vertical-align: middle
}

.site-title a {
	color: #E2E2E2;
	text-decoration: none
}

.site-title a:hover {
	color: #FFF;
	text-decoration: none
}

.site-description {
	display: none
}

.archive-header {
	margin-bottom: 40px
}

.archive-title {
	margin-top: 0
}

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

#site-navigation {
	float: none
}

.navigation {
	display: block;
	float: left;
	width: 100%
}

.navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	float: right
}

.secondary ul {
	float: left
}

.navigation li {
	float: left;
	position: relative;
	font-size: 14px;
	display: inline-block
}

.navigation li a {
	display: block;
	text-decoration: none;
	color: #E2E2E2;
	padding: 1em 2em
}

.navigation li:hover {
	background-color: #5F6974
}

.navigation ul ul {
	display: none;
	float: left;
	position: absolute;
	z-index: 99999
}

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

.navigation ul ul a {}

.navigation ul ul li {
	margin: 0;
	background-color: #545e69;
	width: 200px
}

.navigation ul ul li:hover {
	background-color: #46505C
}

.navigation li:hover > a {}

.navigation ul ul:hover > a {}

.navigation ul ul a:hover {}

.navigation ul li:hover > ul {
	display: block
}

.navigation .current_page_item a,
.navigation .current-menu-item a {}
/* Small menu */

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

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

#content {
	margin-bottom: 60px
}

.hentry {
	margin: 0 0 1.5em;
}

.post,
#main .page {
	margin-bottom: 50px;
	border-bottom: 1px solid #D8E2E9;
	padding-bottom: 30px
}

.single article {
	margin-bottom: 0;
	padding-top: 0
}

.single #main,
.page #main,
.error404 #main {
	background: #FFF
}

.post-thumbnail {
	margin: 0 0 25px
}

.post-thumbnail img {}

.single-post-thumbnail {
	margin-bottom: 10px
}

.single-post-thumbnail img {
	border: 3px solid #EAEAEA
}

.entry-title {
	margin: 0 0 .5em
}

.entry-meta {
	color: #CCC;
	font-size: 13px
}

.entry-meta .far {
	margin-right: 6px
}

.entry-meta .posted-on a {
	color: #CCC;
	text-decoration: none
}

blockquote {
	padding: 2em;
	overflow: auto;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #F0F0F0;
	font-weight: 400;
	font-style: normal;
	padding-bottom: .5em;
	margin: 0 0 1.5em;
	font-size: 16px;
	font-style: italic
}

blockquote cite {
	font-style: normal;
	margin: .5em 0 1em;
	float: right;
	font-size: 14px
}

p.intro {
	font-size: 16px
}

.read-more {}

.read-more a {
	text-decoration: none
}

.nav-links a {
	text-decoration: none
}

.updated {
	display: none;
}

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.content-area .mason {
	display: inline-block;
	float: none;
	width: 268px;
}

/*--------------------------------------------------------------
## Social Buttons
--------------------------------------------------------------*/

.pure-button {
	font-family: inherit;
	font-size: 100%;
	font-size: 90%;
	/*IE 6/7 - To reduce IE's oversized button text*/

	overflow: visible;
	/*IE 6/7 - Because of IE's overly large left/right padding on buttons */

	padding: 1em 1.5em;
	color: #444;
	/* rgba not supported (IE 8) */

	color: rgba(0, 0, 0, 0.80);
	/* rgba supported */

	color: #444;
	/* IE 6 & 7 */

	border: 1px solid #999;
	/*IE 6/7/8*/

	border: none rgba(0, 0, 0, 0);
	/*IE9 + everything else*/

	background-color: #E6E6E6;
	text-decoration: none;
	border-radius: 2px;
	margin-right: 15px;
	white-space: nowrap
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
	background-image: 0 color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.10)));
	background-image: 0 40% rgba(0, 0, 0, 0.10));
	background-image: 0 0 rgba(0, 0, 0, 0.10));
	background-image: 0 40% rgba(0, 0, 0, 0.10));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40% rgba(0, 0, 0, 0.10))
}

.pure-button:focus {
	outline: 0
}

.pure-button-active,
.pure-button:active {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.20) inset
}

a.pure-button {
	color: #FFF
}

.pure-button .socicon {
	margin-right: 10px
}

a.twitter-wide-button {
	background: #55acee
}

a.facebook-wide-button {
	background: #3b5998
}

a.google-wide-button {
	background: #dd4b39
}

#share-buttons {
	text-align: center
}

.social-wide-button {
	display: inline-block;
	padding: 20px 0 10px
}

.social-wide-button a.pure-button {
	color: #FFF
}

.social-wide-button a.pure-button:hover {
	color: #FFF
}

/*--------------------------------------------------------------
## Archives Template
--------------------------------------------------------------*/

#archives-category ul,
#archives-monthly ul,
#archives-all ul,
#archives-tag ul {
	margin: 0;
	list-style-position: inside
}

#archives-category a,
#archives-monthly a,
#archives-all a,
#archives-tag a {
	text-decoration: none
}

/*--------------------------------------------------------------
## Homepage Template
--------------------------------------------------------------*/

.home .intro {
	text-align: center;
	margin-bottom: 50px
}

.book h4 {
	margin-top: 0
}

.home .intro p {
	max-width: 500px;
	margin: 0 auto
}

.home #blogs {
	background: #F4F7FA
}

.blog-full .author img {
	margin-top: 24px;
	height: 100px;
	width: 100px;
	border-radius: 5000px
}

.author-description {
	float: right;
	width: 700px
}

#author p {
	font-size: 16px
}

#author #avatar {
	border-radius: 5000px;
	width: 150px;
	height: 150px;
	margin: 33px 100px 0 0;
	float: left
}

.book img {
	float: left;
	width: 150px;
	margin: 0 32px 0 0
}

.social {
	margin-left: 0
}

.home .social {
	margin-bottom: 0
}

.secondary .social {
	padding-top: 10px
}

.social li {
	display: inline-block;
	list-style-type: none;
	padding-right: 10px;
	padding-bottom: 22px
}

.social li a {
	border: 0
}

.section {
	padding: 100px 0
}

#books {
	padding-top: 80px
}

.home h2 {
	margin-top: 0
}

.home .read-more a {
	color: #25303D;
	text-decoration: none
}


.home .book p a:hover,
.home .blog-post p a:hover {
	border-bottom: 1px solid
}

.home #content {
	margin-bottom: 0
}

.home .read-more {
	margin-bottom: 0
}

.social-icon {
	padding: 12px;
	border-radius: 999px;
	font-size: 13px
}

.twitter {
	background: #55ACEE
}

.facebook {
	background: #3b5998
}

.youtube {
	background: #e52d27
}

.linkedin {
	background: #0976b4
}

.rss {
	background: #f26522
}

.google {
	background: #dd4b39
}

.pinterest {
	background: #cc2127
}

.instagram {
	background: #3f729b
}

.goodreads {
	background: #64320f
}

.intro h1 {
	margin-top: 0
}

.intro p {
	font-size: 16px;
	margin-bottom: 60px
}

.contact-info {
	margin-top: 10px
}

.contact-map {
	margin-bottom: 30px
}

/*--------------------------------------------------------------
## Books Page Template
--------------------------------------------------------------*/

.single-book-image {
	margin-top: 15px
}

#buy-links {
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	padding: 5px 0;
	margin-bottom: 20px
}

#buy-links p {
	margin-bottom: 0
}

#buy-links a {
	text-decoration: none
}

#buy-links a:after {
	padding-left: 5px;
	content: "\007C";
}

#buy-links a:last-child:after {
	content: " ";
}

#books-page .book {
	margin-bottom: 30px;
}
#books-page .book:nth-child(even) {
	clear: left;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

#comments {
	padding: 20px 0 0
}

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

.comments-area .comments-title {
	margin-bottom: 1em
}

.comments-area .comment-body {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.comments-area ul.children {
	margin: 0 0 0 25px;
	padding: 0;
	list-style: none;
}

.comments-area .children .comment-body  {
	padding: 0 0 25px 0;
	margin: 25px 0;
}

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

.bypostauthor {
	display: block;
}

.comment-meta {
	margin-bottom: 16px
}

.comment-meta a {
	text-decoration: none
}
.comment-author a {
	color: #303135;
	text-decoration: none;
	font-weight: bold;
}

.comment-author img {
	float: left;
	margin-right: 10px;
}

.comment-author cite {
	font-style: normal;
	color: #303135;
	font-weight: bold
}

.comment-metadata a {
	color: gray;
	font-size: 14px;

}

.logged-in-as a {
	text-decoration: none;
	color: gray;
	font-size: 14px
}

.comment-reply-link {
	text-decoration: none
}

#cancel-comment-reply-link {
	text-decoration: none;
	color: #bb0404;
	font-weight: normal;
	font-style: italic;
	float: right;
}

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

.comment-form-author {
	width: 47.5%;
	float: left;
	margin-right: 5%;
}
.comment-form-email {
	width: 47.5%;
	float: left;
}

.fa {
	color: #ADADAD;
	margin-right: 10px
}

.byline {
	margin-left: 20px
}

.byline .author a {
	text-decoration: none;
	color: #CCC
}

.entry-meta .comments {
	margin-left: 20px
}

.entry-meta .comments a {
	text-decoration: none;
	color: #CCC
}

.entry-meta a:hover {
	color: #6D6D6D
}

#above-header {
	background: #222;
	padding: 10px 0
}

#above-header .navigation li {
	float: left;
	position: relative;
	margin: 0 30px 0 0;
	font-size: 12px
}

#above-header ul li a {
	color: #DEDBDB
}

.full-width {
	margin: 0 auto;
	float: none;
	display: block
}

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

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
	background: #25303D;
}

footer .widget {
	margin-bottom: 30px;
	padding-top: 40px;
}

footer .widget h4 {
	color: #BDBDBD
}

footer p, footer ul, footer ol {
	color: #C4C4C4
}

footer .widget a {
	color: #C4C4C4;
	text-decoration: underline
}

footer .widget a:hover {
	color: #C4C4C4;
	text-decoration: none
}

footer .widget ul li a {
	text-decoration: underline
}

.site-info {
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	padding: 30px 0;
	font-size: 13px;
}

.site-info p {
	float: left;
	padding: 7px 0;
	margin: 0
}

.site-info img {
	float: right;
	padding: 15px 13px;
	background: rgba(0, 0, 0, 0.26);
	border-radius: 7px
}

footer .site-info a {
	color: #E4E4E4;
	text-decoration: none
}

footer .site-info a:hover {
	color: #E4E4E4;
	text-decoration: none
}

/*--------------------------------------------------------------
# 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;
}
/*--------------------------------------------------------------
# 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 {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}

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

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

.site-main .gallery {
	margin-bottom: 1.5em;
}

.gallery-caption {}

.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}

.site-main .gallery dd,
.site-main .gallery figcaption {
	margin: 0;
}

.site-main .gallery-columns-4 .gallery-item {}

.site-main .gallery-columns-4 .gallery-item img {}
/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
	max-width: 100%;
}

.navigation .current-menu-item a {
	color: #FFF;
}

.navigation li a:hover {
	color: #FFF;
}

/*--------------------------------------------------------------
# Sociocons
--------------------------------------------------------------*/

@font-face {
	font-family: 'socicon';
	src: url(fonts/socicon-webfont.eot);
	src: url(fonts/socicon-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/socicon-webfont.woff) format("woff"), url(fonts/socicon-webfont.ttf) format("truetype"), url(fonts/socicon-webfont.svg#sociconregular) format("svg");
	font-weight: 400;
	font-style: normal
}

.socicon {
	font-family: 'socicon'!important
}

.socicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: socicon;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #FFF
}

.socicon:hover {
	color: #FFF
}

.socicon:empty {
	width: 1em
}

.socicon-easid:before {
	content: "5"
}

.socicon-twitter:before {
	content: "a"
}

.socicon-facebook:before {
	content: "b"
}

.socicon-google:before {
	content: "c"
}

.socicon-pinterest:before {
	content: "d"
}

.socicon-foursquare:before {
	content: "e"
}

.socicon-yahoo:before {
	content: "f"
}

.socicon-skype:before {
	content: "g"
}

.socicon-yelp:before {
	content: "h"
}

.socicon-feedburner:before {
	content: "i"
}

.socicon-linkedin:before {
	content: "j"
}

.socicon-viadeo:before {
	content: "k"
}

.socicon-xing:before {
	content: "l"
}

.socicon-myspace:before {
	content: "m"
}

.socicon-soundcloud:before {
	content: "n"
}

.socicon-spotify:before {
	content: "o"
}

.socicon-grooveshark:before {
	content: "p"
}

.socicon-lastfm:before {
	content: "q"
}

.socicon-youtube:before {
	content: "r"
}

.socicon-vimeo:before {
	content: "s"
}

.socicon-dailymotion:before {
	content: "t"
}

.socicon-vine:before {
	content: "u"
}

.socicon-flickr:before {
	content: "v"
}

.socicon-500px:before {
	content: "w"
}

.socicon-instagram:before {
	content: "x"
}

.socicon-wordpress:before {
	content: "y"
}

.socicon-tumblr:before {
	content: "z"
}

.socicon-blogger:before {
	content: "A"
}

.socicon-technorati:before {
	content: "B"
}

.socicon-reddit:before {
	content: "C"
}

.socicon-dribbble:before {
	content: "D"
}

.socicon-stumbleupon:before {
	content: "E"
}

.socicon-digg:before {
	content: "F"
}

.socicon-envato:before {
	content: "G"
}

.socicon-behance:before {
	content: "H"
}

.socicon-delicious:before {
	content: "I"
}

.socicon-deviantart:before {
	content: "J"
}

.socicon-forrst:before {
	content: "K"
}

.socicon-play:before {
	content: "L"
}

.socicon-zerply:before {
	content: "M"
}

.socicon-wikipedia:before {
	content: "N"
}

.socicon-apple:before {
	content: "O"
}

.socicon-flattr:before {
	content: "P"
}

.socicon-github:before {
	content: "Q"
}

.socicon-chimein:before {
	content: "R"
}

.socicon-friendfeed:before {
	content: "S"
}

.socicon-newsvine:before {
	content: "T"
}

.socicon-identica:before {
	content: "U"
}

.socicon-bebo:before {
	content: "V"
}

.socicon-zynga:before {
	content: "W"
}

.socicon-steam:before {
	content: "X"
}

.socicon-xbox:before {
	content: "Y"
}

.socicon-windows:before {
	content: "Z"
}

.socicon-outlook:before {
	content: "1"
}

.socicon-coderwall:before {
	content: "2"
}

.socicon-tripadvisor:before {
	content: "3"
}

.socicon-netcodes:before {
	content: "4"
}

.socicon-lanyrd:before {
	content: "7"
}

.socicon-slideshare:before {
	content: "8"
}

.socicon-buffer:before {
	content: "9"
}

.socicon-rss:before {
	content: ","
}

.socicon-vkontakte:before {
	content: ";"
}

.socicon-disqus:before {
	content: ":"
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media screen and (max-width: 600px) {
	#site-menu {
		display: none;
	}

	.menu-1 {
		background: none;
	}

	.menu-1 a {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
	}

	.menu-toggle {
		margin: 2em auto 0;
		color: white;
		border: 0;
		box-shadow: none;
    border-radius: 3px;
    padding: 1em 2em;
    width: auto;
		background-color: #253e80;
	}

	.menu-toggle:hover {
		box-shadow: inset 0 15px 17px rgba(255, 255, 255, 0.14);
	}

	/* Small menu. */
	.menu-toggle,
	.menu-1.toggled #site-menu {
		display: block;
		background-color: #5F6974;
	}

	.menu-1 li {
		float: none;
		width: 100%;
	}

	.menu-1 ul ul {
		position: relative;
		left: auto;
		display: none;
		float: none;
	}

	.menu-1 ul li:hover > ul,
	.menu-1 ul li.focus > ul {
		display: block;
	}

	.navigation ul ul li {
		width: 100%
	}

	.menu-1 ul ul a {
		width: 100%;
		text-align: center
	}


	.menu-1 ul ul ul {
		left: auto;
	}

	.menu-1 ul ul li:hover > ul,
	.menu-1 ul ul li.focus > ul {
		left: auto;
	}
}

@media only screen and (max-width : 1024px) {

  body {
  	min-width: 0
  }

  .container_6 {
  	width: 100%
  }

  .container_6 .grid_1,
  .container_6 .grid_2,
  .container_6 .grid_3,
  .container_6 .grid_4,
  .container_6 .grid_5,
  .container_6 .grid_6 {
  	margin-left: 5%;
  	margin-right: 5%;
  	width: 90%
  }

  .container_6 .grid_2 {
  	width: 23%
  }

  .container_6 .grid_3 {
  	width: 40%
  }

  .home .book {
  	margin-bottom: 30px
  }

  #masthead {
  	padding: 40px 0 0
  }

  .page #masthead .single #masthead {
  	padding: 40px 0
  }

  #below-header h1 {
  	padding-top: 1em;
  	font-size: 30px;
		text-align: center
  }

  #archives-category,
  #archives-monthly,
  #archives-all,
  #archives-tag {
  	float: none;
  	width: 100%
  }

  .author-description {
  	float: none;
  	width: auto
  }

  #author #avatar {
  	margin: 0 0 20px;
  	float: none
  }

	.site-branding {
		text-align: center
	}

	.site-branding img {
		height: auto;
		width: auto;
		max-width: 100%;
	}

	.site-branding nav {
		width: auto
	}

	.widget_ot_popular_posts p {
		margin-left: 0
	}

	.site-title {
		width: 100%
	}

	.container_6 .grid_2,
	.container_6 .grid_3 {
		width: 90%
	}

	.blog-post {
		margin-bottom: 40px
	}

	#books-page .book {
		max-height: initial
	}

	.book img {
		float: none;
		width: 100%;
		margin: 0 0 40px
	}

	.single-book-image {
		margin-bottom: 20px
	}

	.one_half {
		width: 100%
	}

	.one_third {
		width: 100%
	}

	.one_quarter {
		width: 100%
	}

	.one_half,
	.one_third,
	.one_quarter {
		margin-right: 0;
		margin-bottom: 20px;
		float: none
	}

}

.fab {
	color: white
}