/*
Theme Name: Devolution
Theme URI: http://www.edwardrjenkins.com/themes/devolution-theme/
Author: Edward R. Jenkins
Author URI: http://www.edwardrjenkins.com
Description: A dark, modern theme perfect for bloggers or quirky magazines. Features a theme options panel, the lightweight Orbit slider (optional), two custom menus, a custom home page headline (optional) and a four column post layout for the home page. Devolution is fully responsive to adapt to mobile devices. It's based on the Foundation Grid by Zurb.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, threaded-comments, one-column, two-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, translation-ready
Text Domain: devolution
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.
*/

/* =Notes
--------------------------------------------------------------
Please do not edit the theme files as this will cause problems with updates. If you want to override style elements, use the custom.css file
located in Appearance>Editor. For template modifications, please use a child theme. This theme is based on the Foundation grid and uses Twenty Twelve's awesome
responsive navigation menu and comment section.
-------------------------------------------------------------- */

/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {

	margin: 5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display: block;

	margin: 5px auto 5px auto;

}

.alignright {

	float:right;

	margin: 5px 0 20px 20px;

}

.alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}

.aligncenter {

	display: block;

	margin: 5px auto 5px auto;

}

a img.alignright {

	float: right;

	margin: 5px 0 20px 20px;

}

a img.alignnone {

	margin: 5px 20px 20px 0;

}

a img.alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}

a img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto

}

.wp-caption {

	background: #fff;

	border: 1px solid #f0f0f0;

	max-width: 96%; /* Image does not overflow the content area */

	padding: 5px 3px 10px;

	text-align: center;

}

.wp-caption.alignnone {

	margin: 5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin: 5px 20px 20px 0;

}

.wp-caption.alignright {

	margin: 5px 0 20px 20px;

}

.wp-caption img {

	border: 0 none;

	height: auto;

	margin: 0;

	max-width: 98.5%;

	padding: 0;

	width: auto;

}

.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	margin: 0;

	padding: 0 4px 5px;

}

.sticky {

}

.bypostauthor {

}

.gallery-caption {

}

/*

Text Elements =============== */

h1, h2, h3, h4, h5, h6 {

font-family: 'Ubuntu Condensed', serif;

color: #f5f5f5;

}

body {

color: #f5f5f5;

font-family: "Ubuntu Condensed";

background: #7d7e7d; /* Old browsers */

background: -moz-radial-gradient(center, ellipse cover, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */

background: -webkit-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */

background: -o-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); /* Opera 12+ */

background: -ms-radial-gradient(center, ellipse cover, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */

background: radial-gradient(ellipse at center, #7d7e7d 0%,#0e0e0e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

/*

Foundation Overrides ============ */

small {

	font-size: 0.80em;

}

.panel {

	background: none;

}

.fixed {

	position: relative;

}

ul {

	list-style-position: inside;

}

p {

	margin-bottom: 18px;

}

.container {

	background: #111;

	padding: 10px;

	opacity: 0.9;

}

code {

	background: #333;

}

pre {

	overflow: auto;

}

kbd {

	background: none;

}

/*

Post Navigation ================ */

#post-nav {

	font-size: 1.3em;

	font-weight: bold;

	text-align: right;

	margin-bottom: 10px;

}

/*

Templates ====================== */

.single-article {

}

.byline {

	margin: 0 0 20px 0;

}

.postinfo {

	font-weight: bold;

}

.page-links {

}

.post-content {

}

.post-footer {

}

.tag-links {

	font-weight: bold;

	margin: 0 0 20px 0;

}

.article-nav {

	font-size: 1.3em;

	font-weight: bold;

	text-align: center;

}

.404-image {

	margin: 20px;

}

/* Sidebar and Widgets */

#secondary {

	margin-top: 10px;

}

h4.belowposts {

	text-align: center;

}

.bottom-widget {

	text-align: center;

}

/* Home Page */

.readmore {

	display: block;

	margin: 20px 0 20px 0;

}

.homethumb {

	min-height: 210px;

	max-height: 210px;

}

#home-headline {

	text-align: center;

}

/* Misc */

input[type="submit"] {

width: auto;

background: #81a594!important;

border: 1px solid #5b7f6e;

-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;

-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;

box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;

color: #fff;

cursor: pointer;

display: inline-block;

font-family: inherit;

font-size: 18px;

line-height: 1;

margin: 0;

padding: 10px 20px 11px;

position: relative;

text-align: center;

text-decoration: none;

-webkit-transition: background-color 0.15s ease-in-out;

-moz-transition: background-color 0.15s ease-in-out;

-o-transition: background-color 0.15s ease-in-out;

transition: background-color 0.15s ease-in-out;

}

textarea {

	font-size: 1em;

}

#slider {

   height: 400px;

   background: #f4f4f4;

}

#slider div {

	display: none;

}

#colophon {

	margin-top: 17px;

}

/* Navigation */

/* =Menus

-------------------------------------------------------------- */

/* Assistive text */

.assistive-text,

.site .screen-reader-text {

	position: absolute !important;

	clip: rect(1px, 1px, 1px, 1px);

}

.main-navigation .assistive-text:hover,

.main-navigation .assistive-text:active,

.main-navigation .assistive-text:focus {

	background: #fff;

	border: 2px solid #333;

	border-radius: 3px;

	clip: auto !important;

	color: #000;

	display: block;

	font-size: 12px;

	padding: 12px;

	position: absolute;

	top: 5px;

	left: 5px;

	z-index: 100000; /* Above WP toolbar */

}

/* Navigation Menu */

.main-navigation {

	margin-top: 22px;

	margin-top: 1.714285714rem;

	text-align: center;

	padding-bottom: 20px;

}

.main-navigation li {

	margin-top: 24px;

	margin-top: 1.714285714rem;

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 1.42857143;

	font-size: 0.85em;

	list-style-type: none;

}

.main-navigation a {

	color: #5e5e5e;

}

.main-navigation a:hover {

	color: #21759b;

}

.main-navigation ul.nav-menu,

.main-navigation div.nav-menu > ul {

	display: none;

}

.main-navigation ul.nav-menu.toggled-on,

.menu-toggle {

	display: inline-block;

}

.main-navigation li ul li {

	display: none;

}

/* =Footer Menu

--------------------------------------------------------------*/

#footermenu {

	margin: 10px;

	text-align: right;

}

#footermenu ul {

	margin-bottom: 10px;

}

#footermenu ul.sub-menu {

	display: none;

}

#footermenu ul.children {

	display: none;

}

#footermenu li {

	display: inline-block;

	padding: 5px;

	font-size: 0.85em;

}

#footermenu li a {

	color: #729a87;

}

/* Minimum width of 1000 pixels. */

@media screen and (min-width: 1000px) {

#secondary {

	margin-top: 38%;

}

p.featured-home-excerpt {

	min-height: 175px;

}

}

/* Minimum width of 600 pixels. */

@media screen and (min-width: 600px) {

.main-navigation ul.nav-menu,

	.main-navigation div.nav-menu > ul {

		display: inline-block !important;

		text-align: right;

		width: 100%;

	}

	.main-navigation ul {

		margin: 0;

		text-indent: 0;

	}

	.main-navigation li a,

	.main-navigation li {

		display: inline-block;

		text-decoration: none;

	}

	.main-navigation li a {

		border-bottom: 0;

		color: #6a6a6a;

		line-height: 3.692307692;

		white-space: nowrap;

	}

	.main-navigation li a:hover {

		color: #f5f5f5;

	}

	.main-navigation li {

		margin: 0 20px 0 0;

		position: relative;

	}

	.main-navigation li ul {

		display: none;

		margin: 0;

		padding: 0;

		position: absolute;

		top: 100%;

		z-index: 1;

	}

	.main-navigation li ul ul {

		top: 0;

		left: 100%;

	}

	.main-navigation ul li:hover > ul {

		border-left: 0;

		display: block;

	}

	.main-navigation li ul li a {

		background: #fff;

		display: block;

		font-size: 0.9em;

		line-height: 1.181818182;

		padding: 8px 10px;

	}

	.main-navigation li ul li a:hover {

		background: #ededed;

		color: #444;

	}

.main-navigation li ul li {

	display: block;

}

.menu-toggle {

	display: none!important;

}

}

/* Buttons */

.menu-toggle {

	padding: 6px 10px;

	font-size: 1.2em;

	line-height: 1.428571429;

	font-weight: normal;

	color: #7c7c7c;

	background-color: #e6e6e6;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);

	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);

	border: 1px solid #d2d2d2;

	border-radius: 3px;

	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);

}

.menu-toggle:hover {

	color: #5e5e5e;

	background-color: #ebebeb;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);

	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);

	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);

	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);

	background-image: linear-gradient(top, #f9f9f9, #ebebeb);

}

.menu-toggle:active,

.menu-toggle.toggled-on {

	color: #757575;

	background-color: #e1e1e1;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);

	background-image: linear-gradient(top, #ebebeb, #e1e1e1);

	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;

	border: none;

}