/*
 Theme Name:   Eric Lightbody
 Author:       Eric Lightbody
 Author URI:   http://ericlightbody.com
 Template:     ericlightbody
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
body, .top-bar-section ul li > a {
	font-family : "PT Serif", serif;
}

body {
	font-size       : 1.2rem;
	color           : #666666;
	text-align      : justify;
	border-top      : 6px solid #FF6A00;
	-webkit-hyphens : auto;
	text-rendering  : optimizeLegibility;
}

a, a:hover, a:focus {
	color : #c55402;
}

a:hover {
	text-decoration : underline;
}

p {
	font-size     : 1.4rem;
	line-height   : 1.8;
	margin-bottom : 1.6rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family : "PT Serif", Helvetica, Roboto, Arial, sans-serif;
}

h2 {
	font-size : 2.2rem;
}

@media only screen and (max-width : 40em) {
  /** mobile override **/
  p {
    font-size: 1.2rem;
  }
  h2 {
    font-size: 1.9rem;
  }
}

article h2 a {
	color : #333333;
}

article h2 a:hover {
	color : #333333;
}

a:hover {
	text-decoration : underline;
}

header .row, [role=content] .row, [role=footer] .row {
	max-width : 55rem;
}

header .top-bar {
	background : #FFFFFF;
}

header .row {
	/*padding-top: 40px;*/
	border-bottom : 1px solid #E1E1E1;
}

header .top-bar h1 {
	text-align : left;
}

/** override foundation specific height **/
header .top-bar .name {
	height : auto;
}

header .top-bar ul li {
	background-color : transparent;
	/*vertical-align: middle;*/
	/*line-height : 3.7rem;*/
}

/** hamburger background **/
header .top-bar.expanded .title-area {
	background : none;
}

/** hamburger **/
header .top-bar .toggle-topbar.menu-icon a span::after {
	box-shadow : 0 0 0 1px #666666, 0 7px 0 1px #666666, 0 14px 0 1px #666666;
}

header .top-bar .toggle-topbar.menu-icon a {
	color : #666666;
}

header .top-bar .name h1, .top-bar-section ul li > a {
	line-height : 2.8125rem;
	font-size   : 1.2rem;
}

header .top-bar .name h1 a, .top-bar-section ul li > a {
	line-height : 5.8rem;
}

header .row {
	min-height : 5.8rem;
}

header .top-bar {
	background : #FFFFFF;
	color      : #F8F8F8;
	min-height : 5.8rem;
}

header .top-bar .name h1 a {
	color : #080808;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background     : #FFFFFF;
	color          : rgba(75, 75, 75, 0.77);
	text-transform : lowercase;
	line-height    : 5.8rem;
}

.top-bar-section li:not(.has-form) a:active {
	color : rgba(56, 56, 56, 0.77);
}

header .top-bar .name h1 a:hover, .top-bar-section li:not(.has-form) a:not(.button):hover {
	background : #FFFFFF;
	color      : #080808;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
	color : #080808;
}

input[type=search] {
	-webkit-appearance : textfield;
	-webkit-box-sizing : content-box;
	font-family        : inherit;
	font-size          : 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display : none;
}

header form.search {
	position   : relative;
	margin-top : 15px;
}

.search .fi-magnifying-glass {
	color     : rgba(35, 35, 35, 0.64);
	position  : absolute;
	top       : 17px;
	z-index   : 100;
	left      : 11px;
	font-size : 19px;
}

.search .fi-magnifying-glass:hover {
	cursor : pointer;
}

input[type=search] {
	/*border: solid 1px #ccc;*/
	border        : 0 transparent;
	padding       : 9px 10px 9px 10px;
	color         : transparent;
	cursor        : pointer;
	width         : 15px;
	border-radius : 10em;
	transition    : all .5s;
	box-shadow    : none;
}

input[type=search]:focus {
	width            : 130px;
	padding-left     : 32px;
	background-color : #FFFFFF;
	border           : 1px solid #ccc;
	box-shadow       : 0 0 5px rgba(163, 163, 163, 0.78);
	color            : #000000;
	cursor           : auto;
}

input[type=search]:hover {
	background-color : #FFFFFF;
}

[role=content] {
	padding : 5.3rem 0;
}

[role=content] > .row > .column {
	padding-left  : 0;
	padding-right : 0;
}

[role=content] h2 {
	text-align : center;
}

[role=footer] .row {
	border-top     : 1px solid rgb(74, 34, 20);
	padding-bottom : 40px;
	font-size      : 1.35rem;
	color          : rgba(0, 0, 0, 0.83);
}

[role=footer] h1 {
	font-size  : 1.6rem;
	margin-top : 3.2rem;
}

[role=footer] .column.large-6 {
	padding-left  : 2.9rem;
	padding-right : 3.9rem;
}

/** articles **/
article {
	padding-bottom : 3.5rem;
	border-bottom  : 1px solid #E1E1E1;
}

.blog article, .search article, .category article {
	/** margin for blog list **/
	margin-bottom : 5.3rem;
}

.page article {
	border-bottom-width : 0;
}

.search article:last-of-type, .blog article:last-of-type, .category article:last-of-type {
	border-bottom-width : 0;
	margin-bottom       : 0rem;
}

article footer ul {
	text-align : center;
}

article footer li {
	display    : inline;
	list-style : none;
	font-size  : 1.3rem;
}

img.img-border {
	margin : 3.0rem 0;
}

img.align-left, img.alignleft {
	margin : 10px 25px 0 0;
	float  : left;
}

#download-tweetiepie img {
	margin  : 0 auto 6px;
	display : block;
}

#download-tweetiepie {
	float   : right;
	margin  : 0 0 10px 25px;
	padding : 13px;
	border  : 1px solid #CFCFCF;
}

.next-posts-link {
	text-align : right;
}

.row.posts-navigation {
	margin      : 3.1rem 0 -1.6rem;
	border-top  : 1px solid #E1E1E1;
	padding-top : 3.5rem;
}

@media only screen and (max-width : 64.063em) {
  [role=content] {
    padding : 3.3rem 0.9rem 3.8rem;
  }
  .row.posts-navigation {
    padding-top: 2.5rem;
  }
}

/** Content **/
.entry-content, .page-content {
	margin-top : 2.3rem;
}

.entry-content p {
	margin-bottom : 1.8rem;
}

article footer li, article footer li a, article footer li, article footer li a:focus {
	color : rgba(119, 119, 119, 0.78);
}

article footer li a:hover {
	color : #080808;
}

article footer li:not(:first-child):before {
	content : "•";
	padding : 0 0.5rem;
	color   : rgba(119, 119, 119, 0.46);
}

/** Comments **/
#comments {
	/*border-top  : 1px solid #E1E1E1;*/
	padding-top : 2.2rem;
	margin-top  : 1.2rem;
}

#comments-list p, #trackbacks-list p {
	font-size : 1.1rem;
}

#comments ol {
	margin-left : 0px;
}

#comments-list li.comment, #trackbacks-list li.pingback {
	list-style-type : none;
}

#comments-list li, #trackbacks-list li {
	border-bottom : 1px solid #e6e6e6;
	padding       : 2.7rem 0;
}

#comments-list li .children {
	margin     : 2.4rem 0 0 0;
	padding    : 0 0 0 2.4rem;
	border-top : 1px solid #e6e6e6;
}

#comments-list ul li:last-child {
	border-bottom-width : 0;
	padding-bottom      : 0;
}

#comments-list h3 {
	/** number of comments heading **/
	padding : 2.3rem 0 0.5rem;
}

.comment-meta {
	display        : inline-block;
	vertical-align : middle;
}

#comments-list, #trackbacks-list {
	margin-bottom : 4.2rem;
}

#respond {
	margin-top : 1.2rem;
}

.vcard, .comment-author {
	border        : none;
	padding       : 0;
	margin-bottom : 1.35rem;
}

.vcard img {
	display       : inline-block;
	border-radius : 50%;
	margin-right  : 1.8rem;
	width         : 55px;
}

a.comment-time {
	display : block;
}

#comments-list .comment-meta, #comments-list cite {
	line-height : 1.6rem;
}

.comment-meta cite.fn {
	display     : block;
	font-style  : normal;
	font-size   : 1.1rem;
	font-weight : normal;
}

.comment-meta .comment-time {
	font-size : 0.9rem;
}

.form-submit {
	margin-top : 1.9rem;
}

label {
	display : inline-block;
}

span.required {
	display     : inline-block;
	line-height : 1.5;
	font-size   : 0.875rem;
}

/** Contact form stuff **/
body div.wpcf7-validation-errors {
	border  : none;
	padding : 0;
	margin  : 0;
}

div.wpcf7-mail-sent-ok {
	border: 1px solid #FF6A00;
}

button.button {
	background-color : #c55402;
}

button:hover, button:focus, .button:hover, .button:focus {
	background-color : #ad4a02;
}

@media only screen and (max-width : 40em) {
	.top-bar-section li:not(.has-form) a:not(.button) {
		line-height : 2rem;
	}
  .blog article, .search article, .category article {
    /** margin for blog list **/
    margin-bottom : 3.3rem;
  }
  article {
    padding-bottom: 2.1rem;
  }
  .search article:last-of-type, .blog article:last-of-type, .category article:last-of-type {
    border-bottom-width : 0;
  }
}