/*
 Theme Name:   Origin - rydain.org
 Description:  Origin tweaked for rydain.org. Feel free to grab and repurpose anything that 
               appeals to you. Some navigation styles depend on my custom loop-nav.php
 Author:       Gillian Kinney (Rydain Darkstar)
 Author URI:   http://rydain.org
 Template:     origin
 Version:      1.0.1

 Text Domain:  origin-rydaindotorg
*/

@import url("../origin/style.css");

/* General */

#branding
{
	margin-top: 1.25em;
}

.site-title
{
	margin: 0;
}

#site-description
{
	border-top-width: 3px;
}

.home #site-description
{
	margin-bottom: 0.75em;
}

.menu-toggle
{
	height: auto;
	font-size: 1.5em;
	line-height: 2.5em;
}

#content
{
	margin: 0 0 1em;
}

#footer
{
	border-width: 3px;
	min-height: 0;
}

form label,
input,
textarea,
em,
cite
{
	font-family: inherit !important;
}

div#main ol,
div#main ul
{
	margin-bottom: 0.8461538461538462em;
}

div#main ol li,
div#main ul li
{
	margin-bottom: 0.75em;
	line-height: 1.35em;
}

div#main li ul,
div#main li ol
{
	margin-top: 0.75em;
}

p
{
	margin-bottom: 0.8461538461538462em;
}

table caption
{
	color: #555;
	font-weight: bold;
	text-transform: uppercase;
}

td
{
	line-height: 1em;
}

code
{
	background-color: #cde2ff;
}

pre
{
	padding: 1em 1.25em;
	background-color: #ddebff;
	border-color: #ccdef6;
}

blockquote
{
	font-size: inherit;
}

/* Menu */

#menu-primary li ul 
{ 
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.09); 
}

#menu-primary li a
{
	margin-left: 2.75em;
}

#menu-primary li a
{
	margin-left: 2.75em;
}

/* Breadcrumb trail */

.breadcrumbs
{
	margin: 0px 0px 1.69231em 0;
}

span.trail-browse 
{ 
	display: none; 
}

.breadcrumbs .sep /* Hides the hardcoded separator entity for replacement with an icon font. */
{
	color: transparent; 
}

.breadcrumbs .sep:after 
{
	content: "\f105"; /* Right arrow */
	font-family: FontAwesome;
	color: #888;
	margin-right: 0.5em;
}

/* Sidebar - General */

.sidebar .widget-title
{
	font-size: 1em;
}

.sidebar .widget ul
{
	font-size: 0.85em;
	margin-left: 0;
}

.sidebar .widget li
{
	list-style-type: none;
	line-height: 1.1em !important;
}

/* Quick fix for tag cloud's unwanted conversion to a pile of links
without any list markup. At least, quicker than troubleshooting
Origin or the Hybrid framework. */

.tagcloud
{
	font-size: 0.85em; /* Match other sidebar font sizes. */
	line-height: 1.8em; /* Fudged for similar spacing to category list. */
}

.tagcloud a
{
	display: block; /* Display each tag on a separate line. */
}

.tagcloud a[style]
{
	font-size: inherit !important; /* Overrides unwanted inline font sizes. */
}

div.textwidget
{
	font-size: 0.85em;
	line-height: 1.5em;
}

p.social-icons
{
	margin: 1em 0 0 0;
}

/* Sidebar - General */

.sidebar .widget
{
	margin-bottom: 1.692307em;
}

/* Posts */

.hentry
{
	margin: 0 0 1.25em !important;
	padding: 0 0 1.25em;
}

cite,
.published,
.author,
.category,
.edit
{
	font-family: inherit !important;
}

.byline
{
	display: none;
}

.entry-summary p:last-child
{
	margin-bottom: 0;
}

/* Removes the border and padding from the last entry in a list. */

body.home div.hfeed div.hentry:last-child,
body.archive div.hfeed div.hentry:last-child,
body.search div.hfeed div.hentry:last-child
{ 
	border-bottom-width: 0; 
	margin-bottom: 0 !important;
	padding-bottom: 0;
}

body.home div.hfeed div.hentry:last-child .entry-summary p,
body.archive div.hfeed div.hentry:last-child .entry-summary p
body.search div.hfeed div.hentry:last-child .entry-summary p
{ 
	margin-bottom: 0;
}

div.entry-summary a:after /* More link - custom element */
{
	content: "\f105 \f105"; /* Two right arrows - prefer this look to the double arrow entity */
	font-family: FontAwesome;
	font-size: 0.8em;
	margin-left: 0.5em;
}

.page-links a:after
{
	content: none !important;
}

/* div elements in posts will automatically contain any floated children */
div.entry-content div:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; 
}

div.entry-content div.thumbnailContainer
{
	min-height: 180px;
}

/* Images and Attachments */

.hentry .thumbnail
{
	margin: 3px 3% 0 0;
}

.right, .alignright
{
	margin: 0 0 0 1em;
}

.left, .alignleft
{
	margin: 0 1em 0 0;
}

.block, .alignnone 
{
	margin-bottom: 0.8461538461538462em;
}

.wp-caption img 
{
	margin: 0px 0px 0.5em;
}

.wp-caption .wp-caption-text 
{
	margin: 0.5em 0.25em;
	line-height: 1.2em;
}

.gallery .gallery-caption
{
	padding-right: 1em;
}

/* faLink - wrapper HTML for a FontAwesome icon and associated link */

div.faLink
{
	display: table;
	margin-bottom: 0.5em;
}

div.faLink .fa
{
	display: table-cell;
	padding-right: 0.35em;
}

div.faLink span
{
	display: table-cell;
	vertical-align: middle;
}

/* Single post view */

body.singular .byline
{
	display: block;
}

.singular .entry-title
{
	margin-bottom: 0;
}

.entry-meta 
{
    margin: 1em 0 0 0;
}

/* Page view */

body.singular-page .hentry
{
	border-bottom-width: 0;
	margin: 0 !important;
	padding: 0;
}

/* Pagination

   prev - newer posts - positioned on left
   next - older posts - positioned on right
*/

.pagination.loop-pagination 
{
	margin: 1.25em 0 0 0;
}

.pagination a.page-numbers, 
.comment-navigation a.page-numbers 
{ 
	border-radius: 2px;
}

.pagination a.page-numbers.prev
{
	margin-right: 2em;
}

.pagination a.page-numbers.next
{
	margin-left: 2em;
}

div.loop-nav > div 
{ 
	display: inline-block; 
	width: 49%; 
	vertical-align: top;
	line-height: normal;
}

div.loop-nav div.next
{
	text-align: right;
}

div.loop-nav div.next:only-child /* Aligns the next link fully right when there is no previous link. */
{
	width: 100%;
}

.pagination a.page-numbers.prev:before,
div.loop-nav div.prev a:before
{
	content: "\f104"; /* Left arrow */
	font-family: FontAwesome;
	margin-right: 0.5em;
}

.pagination a.page-numbers.next:after,
div.loop-nav div.next a:after
{
	content: "\f105"; /* Right arrow */
	font-family: FontAwesome;
	margin-left: 0.5em;
}

/* Comments */

#reply-title small a
{
	float: right;
}

#reply-title small a:after
{
	padding-right: 0.5em;
	content: "\f057"; /* X */
	font-family: FontAwesome;
}

/* Form */

#respond #submit 
{
    margin-bottom: 0;
}

input:invalid, 
textarea:invalid 
{
    background: inherit;
}

/* Moves the default Firefox red highlight inside the form field. */
input:-moz-ui-invalid,
textarea:-moz-ui-invalid
{
    box-shadow: inset 0 0 4px red;
}

/* Media Queries */

/* Standard */

@media only screen and (min-width: 768px)
{
	#branding
	{
		width: 37%;
	}

	#menu-primary
	{
		width: 63%;
	}
	
	/* For sites without a description - replaces the border and spacing normally provided
	   by the description element. Deactivate this rule when using a description. */ 
	.home #main
	{
		padding-top: 1em;
		border-top: 1px solid #e5e5e5;
	}
	
	/* On pages past 1, the breadcrumb provides a border and spacing. */
	.home.paged #main
	{
		padding-top: 0;
		border: 0;
	}
}

/* Mobile (portrait) */

@media only screen and (max-width: 767px)
{
	/* General */
	
	.site-title
	{
		text-align: center;
	}

	#site-description
	{
		border-top-width: 0;
		padding-top: 10px;
	}
	
	/* Navigation */

	span.menu-toggle
	{
		text-transform: uppercase;
	}
	
	ul#menu-primary-items /* Replaces site description border when menu is visible. */
	{
		padding-bottom: 1em;
		border-bottom: 3px solid #444;
	}

	#menu-primary li ul 
	{
		left: 1em;
	}
	
	#menu-primary li a, #menu-primary li li a 
	{
		padding: 1em 0 0 0;
  	}

	#menu-primary li a
	{
		margin-left: 0;
	}
  	
  	/* Sidebar - General */
  	
  	.sidebar .widget
  	{
		margin-bottom: 1em;
	}

	/* Sidebar - Primary */
	
	#sidebar-primary .widget
	{
		display: inline-block;
		width: 50%;
		vertical-align: top;
		float: none;
	}
	
	/* Special case - I use this for an about blurb, so it makes sense for it to stretch. */
	#sidebar-primary .widget_text
	{
		width: 100%;
		border: 1px solid #e5e5e5;
		border-width: 1px 0;
		padding: 1em 0;
	}
	
	#sidebar-primary .widget.search
	{
		width: 100%;
	}
	
	/* If there are an odd number of widgets, removes any border and padding from the last. */
	#sidebar-primary .widget:nth-last-child(1):nth-child(odd)
	{
		border-bottom-width: 0;
		padding-bottom: 0;
	}
	
	/* Images */
	
	.alignleft, .alignright
	{
		margin-bottom: 1em;
	}
  
	.size-thumbnail
	{
		margin-bottom: 0;
	}
}