/*
Theme Name: Undedicated
Theme URI: http://reduxthemes.com/themes/undedicated/
Author: ReduxThemes.com
Author URI: http://reduxthemes.com
Description: A clean and simple theme with focus on typography & content, and incorporates responsive design and menu.
Version: 2.0.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: undedicated
Tags: white, blue, light, one-column, two-columns, right-sidebar, custom-header, custom-menu, responsive-layout, translation-ready

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.

Undedicated is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* ====== Adds the Genericons icon font. ====== */

@font-face {
	font-family: 'Genericons';
	font-weight: normal;
	font-style:  normal;

	src: url('fonts/genericons/genericons-regular-webfont.eot');
	src: url('fonts/genericons/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/genericons/genericons-regular-webfont.woff') format('woff'),
	     url('fonts/genericons/genericons-regular-webfont.ttf') format('truetype'),
	     url('fonts/genericons/genericons-regular-webfont.svg#genericonsregular') format('svg');
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-size: 1.15rem;
	font-weight: 300;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0 0 18px 0;
}

/* === Headers === */
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 700; }

h1 { font-size: 2.5rem;    }
h2 { font-size: 2rem;      }
h3 { font-size: 1.5625rem; }
h4 { font-size: 1.375rem;  }
h5 { font-size: 1.3125rem; }
h6 { font-size: 1.25rem;   }

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #FFF9C0;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	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;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	border-top: 2px solid;
	background: #fff url(images/strip.gif) repeat-x; /* Fallback for when there is no custom background color defined. */
	margin-top: 3px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

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

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

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

figure { 
	margin: 0 0;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}

a img {
	opacity:            1;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	      -o-transition:  all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}

a:hover img,
a:focus img { opacity: .9; }

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-radius: 3px;
	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);
	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 {
	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);
}

/* === Forms === */

fieldset {
	margin:  0 0 1.5rem;
	padding: 1.5rem 1.5rem 0;
	border:  1px solid;
}

legend {
	padding:      0.375rem 1.5rem;
	border:       1px solid;
	font-size:    1rem;
	font-weight:  600;
}

label {
	font-size:      0.9375rem;
	font-weight:    400;
	cursor:         pointer;
}

.label-checkbox,
.label-radio { font-size: 1.125rem; }

label:focus,
label.focus { text-decoration: underline; }

input { display: block; }

input[type="checkbox"],
input[type="radio"] { display: inline-block; }

input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	padding:   10px 1.5rem;
	font-size: 1.125rem;
	border:    1px solid;
	opacity:   0.75;

	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	      -o-transition:  all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}

input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select { width: 100%; }

input[name="post_password"] { margin-bottom: 25px; }

input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
	opacity:      1;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	display:        inline-block;
	padding:        0.75rem 1rem;
	font-weight:    400;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	      -o-transition:  all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}

input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button:focus,
.menu-toggle button:hover,
.media-info-toggle:hover {
	text-decoration: none;
}

textarea {
	min-height:  300px;
	padding:     1.5rem;
}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color: #48B1C9;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
	      -o-transition:  all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
}

a:visited {
	color: #48B1C9;
}

a:hover,
a:focus,
a:active {
	color: #E55B5D;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}


/* Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
}

.entry-content .search-form {
	width: 50%;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.search-form input[type="text"] {
	background: #fff url(images/search-box.png) no-repeat center left;
	padding: 10px 0 10px 36px;
}

/*--------------------------------------------------------------
## Wrappers & Layouts
--------------------------------------------------------------*/
.wrap {
	max-width:1024px;
	padding: 0 40px;
	margin: 0 auto;
}

/* Conntent Sidebar Layout*/
.content-sidebar .wrap {
	max-width: 1200px;
}

.content-sidebar .content-area {
	float: left;
	margin: 0 -35% 0 0;
	width: 100%;
}

.content-sidebar .site-main {
	margin: 0 35% 0 0;
}

.content-sidebar .site-content .widget-area {
	float: right;
	overflow: hidden;
	width: 30%;
}
.content-sidebar .site-footer {
	clear: both;
	width: 100%;
}

@media screen and (max-width: 60em) {
	.content-sidebar .content-area {
		float: left;
		margin: 0 0 0 0;
		width: 100%;
	}
	
	.content-sidebar .site-main {
		margin: 0 0 0 0;
	}
	
	.content-sidebar .site-content .widget-area {
		float: right;
		overflow: hidden;
		width: 100%;
	}
	.content-sidebar .site-footer {
		clear: both;
		width: 100%;
	}
}	
/*--------------------------------------------------------------
## Site Branding & Header
--------------------------------------------------------------*/
.site-header {
	margin-bottom: 2em;
}

.site-branding {
	margin: 1em 0;
}

.site-title {
	font-size: 3em;
	color: #333;
	text-transform: uppercase;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 1;
}

.site-title a{
	color: #444;
}

.site-description {
	font-size: 1em;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	line-height: 1;	
}

/*--------------------------------------------------------------
## Navigation & Menus
--------------------------------------------------------------*/
.menu-primary {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	line-height: 1;
	background: #48B1C9;
	color: #404040;
}

.menu-primary ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.menu-primary li {
	float: left;
	position: relative;
}

.menu-primary a {
	display: block;
	text-decoration: none;
	padding: 12px 24px;
	color: #fff;
}

.menu-primary a:hover {
	color: #E55B5D;
}

.menu-primary ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
	margin-top: 1em;
	margin-top: 1rem;
	background-color: #fff;
	border: 1px solid;
	border-top: 0;
}

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

.menu-primary ul ul a {
	width: 200px;
	padding: 10px 20px;
	color: #404040;
}

.menu-primary ul ul li {
	border-bottom: 1px solid;
}

.menu-primary li:hover > a,
.menu-primary li.focus > a {
}

.menu-primary ul ul :hover > a,
.menu-primary ul ul .focus > a {
}

.menu-primary ul ul a:hover,
.menu-primary ul ul a.focus {
}

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

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

.menu-primary .current_page_item > a,
.menu-primary .current-menu-item > a,
.menu-primary .current_page_ancestor > a,
.menu-primary .current-menu-ancestor > a {
}

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

/* =Blog-Navigation - Pagination
----------------------------------------------- */

nav.pagination {
	position: relative;
	display: block;
	overflow: hidden;
	margin-bottom: 2em;
}
 
.nav-links {
	position: relative;
}
 
.nav-links ul {
	margin: 0 0;
	padding: 0 0;
}
 
.nav-links ul li {
	list-style: none;
	margin:0 10px 0 0;
	padding:0;
	float: left;
}
 
.nav-links ul li span.current ,
.nav-links ul li a {
	padding: 10px 12px;
	text-decoration: none;
	border: 1px solid;
	border-radius: 3px;
	display: block;
	line-height: 1;
}
 
.nav-links ul li a:hover {
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# 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-left: auto;
	margin-right: 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;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
	padding: 40px;
	background-color: #f9f9f9;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

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

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

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

.entry-title {
	font-size: 2.5em;
	line-height: 1.15;
	margin:0 0;
}

.entry-meta {
	color: #666;
	font-size: 0.75em;
	padding-top: 3px;
	border-top: 1px solid;
	text-transform: uppercase;
}

.entry-meta a {
	color: #666;
}

.entry-meta a:hover {
	color: #E55B5D;
}

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

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#comments { padding: 0 0 1.5rem; }

#comments-number > .wrap::before {
	content: '\f300';
	padding: 0 0 1px;
}

#comments-number > .wrap::before { padding-right: 3px; }

/* === Comment list === */

.comment-list {
	list-style: none;
	margin:     0 0 1.5rem;
	padding-left: 0;
}

.comment-list li > .children,
.comment-list .children li > .children { list-style: none; }

/* === Individual comments */

li.comment,
li.ping { clear: both;}

/* === Avatars === */
li.ping .avatar { float: right; margin-left: 1.5rem;  }

/* === Meta === */

.comment-meta {
	padding:   5px 0 0;
	font-size: 1rem;
}

.has-avatar.comment .comment-author { margin-top: 10px; }

.comment-author {
	font-size:   1rem;
	font-weight: 700;
	font-style:  normal;
}

.comment-author,
.comment-published,
.comment-permalink,
.comment-edit-link { display: inline-block; margin-right: 5px; }


/* === Comment text/content === */

li.ping,
.comment-content {
	clear:   both;
	margin:  0 0 1.5rem;
	padding: 1.5rem 1.5rem 0;
	border:  1px solid;
}

.bypostauthor .comment-content{
	background-color: rgba(0,0,0,0.05);
}

/* === Reply link === */

.reply {
	display:        inline-block;
	font-size:      0.875rem;
	font-weight:    400;
	float: right;
}

.comments-closed { margin: -1.5rem 0 3rem; }

/**
 * Respond
 * Handles the output of the comment form.
 */

.comment-respond { padding: 0 0 1.5rem; }

.comment-respond .required { font-weight: 700; }

#reply-title small {
	font-size:      1em;
	font-weight:    400;
}

#reply-title small a {
	display:        inline-block;
	padding:        0.8125rem;
	text-transform: none;
}

.comment-reply-title { 
	border-bottom: 1px solid;
}
.gallery-count,
.comments-closed,
.comment-notes,
.comment-respond .must-log-in,
.comment-respond .logged-in-as { font-size: 1rem; }

#commentform label {
	font-size: 1em;
	font-size: 1rem;
}
	
.form-allowed-tags {
	margin:     -0.75rem 0 1.1875rem;
	font-size:  1rem;
}

.form-allowed-tags code {
	margin-top:     1.1875rem;
	padding-top:    0;
	padding-bottom: 0;
	font-size:      14px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-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 .wp-smiley,
.entry-content .wp-smiley,
.comment-content .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%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.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 {
	display: block;
}

/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/
.widget-area {

}

.widget-area ol,
.widget-area ul {
	margin-left: 0;
}

.widget-title {
	border-bottom: 1px solid;
}

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

.site-footer {
	padding: 20px 0;
	background: #48B1C9 url(images/strip.gif) repeat-x;
	border-top: 2px solid #404040;
	color: #fff;
}

.site-footer a{
	color: #fff;
	text-decoration: underline;
}

/* === Blockquotes, quotes, and cites === */

blockquote {
	margin:     10px 10px 1.5rem;
	padding:    0.5rem 1.5rem 1.5rem;
	font-size:  1em; /* relative to parent */
	font-style: normal;
	border:     2px dashed;
	outline:    10px solid;
}

blockquote p:first-child {
	margin-top: 0;
}

blockquote p:last-child {
	margin-bottom: 0;
}

blockquote cite {
	font-size:    0.875em;
	font-variant: small-caps;
}

.twitter-tweet {
	width:           100%;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}

/* U.S. English quotes. */

.en-us blockquote p { quotes: '\201C' '\201D'; }

.en-us blockquote p::before,
.en-us blockquote p:first-child::before { content: '\201C';  }

.en-us blockquote p:last-child::after,
.en-us blockquote p.is-last-child::after { content: '\201D'; }

.en-us blockquote p.has-cite:last-child::after,
.en-us blockquote p.has-cite:last-child::before,
.en-us blockquote p.has-cite-only:last-child::after,
.en-us blockquote p.has-cite-only:last-child::before { content: ''; }

/* === Mark === */

mark {
	padding:     3px;
	font-size:   1.125rem;
	font-style:  normal;
}

/* === <hr> tag === */

hr { 
	height:        3px;
	border-bottom: 1px solid;
	border-top:    1px solid;
}

/* === Code and Preformatted text === */

code {
	display:     inline-block;
	padding:     2px;
	font-size:   1rem;
	font-weight: 400;
	border:      1px solid;
}

body pre,
body code {
	font-family: Monaco, Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
}

pre,
.form-allowed-tags code {
	padding:     1.875rem 1.5rem;
	font-size:   1.125rem;
	line-height: 1.875rem;
	border:      1px solid;

	-webkit-background-size: 3.75rem 3.75rem;
	   -moz-background-size: 3.75rem 3.75rem;
	        background-size: 3.75rem 3.75rem;

	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}

pre code {
	padding:    0;
	font-size:  1em; /* relative to parent */
	background: transparent;
	border:     none;
}

/* === Lists === */

.ltr .widget ul { margin-left:  1.5rem; }
.rtl .widget ul { margin-right: 1.5rem; }

dt { font-weight: 700; }

/* === Tables === */

table {
	width:           100%;
	border-collapse: collapse;
	border-left: 1px solid;
}

caption {
	margin:       0 0 5px;
	font-variant: small-caps;
}

tr,
thead { border-bottom: 1px solid; }

tr:last-child { }

tfoot {  }

th,
td {
	padding:         10px;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}

th {
	font-size:      0.8125rem;
	font-weight:    700;
	text-transform: uppercase;
}

.ltr th { text-align: left;  }
.rtl th { text-align: right; }

th, td { border: 1px solid; }

th:empty,
td:empty,
th.pad,
td.pad { opacity: 0; }

/* wp-calendar <table> */

.wp-calendar th { font-size: 0.75rem; }

.wp-calendar td,
.wp-calendar th {
	padding:        5px 2%;
	vertical-align: middle;
	text-align:     center;
}

.wp-calendar th { padding: 10px 2%; }

/* .has-posts added via jQuery. */

.wp-calendar tbody td.has-posts {
	padding:  0;
}

.wp-calendar td.has-posts a {
	display:         block;
	padding:         5px 2%;
	font-weight:     700;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}

/**
 * Images
 * --------------------------------------------------------------------------- */

/* === Gallery === */

.main .gallery { margin-bottom: 1rem; }

.gallery .gallery-item { margin-bottom: 0.5rem; }

.gallery .gallery-icon a img {
	padding: 9px;
	border:  1px solid;
}

.gallery .gallery-caption { font-size: 0.9375rem; }

.singular-attachment .gallery-caption { display: none; }

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

	.gallery .gallery-row .gallery-item { float: none; width: 100%; }

	.gallery .gallery-icon img { max-width: 100%; }
}

/* === Avatars === */

.avatar {
	width:         50px;
	height:        50px;
	margin:        0 1em 0 0;
	margin:        0 1rem 0 0;
	border:        1px solid;
	border-radius: 50%;
	float: left;
}

.ltr .avatar { float: left;  margin-right: 1.5rem; }
.rtl .avatar { float: right; margin-left:  1.5rem; }

/* === Embeds === */

.embed-wrap {
	position:       relative;
	margin-bottom:  1.5rem;
	padding-bottom: 56.25%;
	padding-top:    30px;
	height:         0;
	overflow:       hidden;
}

.embed-wrap iframe,
.embed-wrap object,
.embed-wrap embed {
	position:  absolute;
	top:       0;
	left:      0;
	width:     100%;
	max-width: 100%;
	height:    100%;
}

/*--------------------------------------------------------------
# Genericons
--------------------------------------------------------------*/

/* Links */
a[href^="mailto:"]::before,
a[href^="tel:"]::before,

/* Breadcrumbs */
.breadcrumb-trail a[rel="home"]::before,
.breadcrumb-trail .sep::before,

/* Quotes. */
blockquote::before,

/* Lists */
.widget ul li::before,
.entry-content ul li::before,
.comment-content ul li::before,

/* Posts */
.entry-author a::before,
.entry-published::before,
.entry-category::before,
.comments-link::before,
.post-edit-link::before,
.entry-permalink::before,
.post-format-link::before,
.entry-terms::before,
.image-sizes::before,
.chat-author cite::before,
.entry-views::before,

/* Menus */
#menu-social li a::before,

/* Plugins */
.whistles-toggle .whistle-title::after,
.whistles-accordion .whistle-title::after,

/* Comments */
.comment-author::before,
.comment-published::before,
.comment-edit-link::before,
.comment-permalink::before,
.comment-reply-link::before,
.comment-reply-login::before,

/* Search form */
#menu-primary .search-form .search-toggle::before,

/* Sub-terms list. */
#menu-sub-terms-items::before,

/* Comments */
#comments-number .wrap::before,

/* Respond */
#reply-title > .wrap::before,
#respond label[for="author"]::before,
#respond label[for="email"]::before,
#respond label[for="url"]::before,
#respond label[for="comment"]::before {

	display:        inline-block;
	font-family:    'Genericons';
	font-size:      16px;
	font-style:     normal;
	font-weight:    normal;
	font-variant:   normal;
	line-height:    1;
	vertical-align: middle;

	-webkit-font-smoothing: antialiased;
}

/* Links */
a[href^="mailto:"]::before { content: '\f410'; }
a[href^="tel:"]::before    { content: '\f437'; }

/* Posts */
.entry-author a::before,
.chat-author cite::before                  { content: '\f304'; }
.entry-published::before                   { content: '\f307'; }
.entry-category::before                    { content: '\f301'; }
.comments-link::before                     { content: '\f300'; }
.post-edit-link::before                    { content: '\f411'; }
.entry-permalink::before                   { content: '\f107'; }
.entry-terms.post_tag::before              { content: '\f302'; }
.entry-terms.category::before              { content: '\f301'; }
.entry-terms.portfolio::before             { content: '\f460'; }
.entry-terms.literary_form::before         { content: '\f100'; }
.entry-terms.literary_technique::before    { content: '\f411'; }
.entry-terms.literary_genre::before        { content: '\f302'; }
.format-standard .post-format-link::before { content: '\f100'; }
.format-aside .post-format-link::before    { content: '\f101'; }
.format-audio .post-format-link::before    { content: '\f109'; }
.format-chat .post-format-link::before     { content: '\f108'; }
.format-gallery .post-format-link::before  { content: '\f103'; }
.image-sizes::before,
.format-image .post-format-link::before    { content: '\f102'; }
.format-link .post-format-link::before     { content: '\f107'; }
.format-quote .post-format-link::before    { content: '\f106'; }
.format-status .post-format-link::before   { content: '\f105'; }
.format-video .post-format-link::before    { content: '\f104'; }

/* Entry Views plugin. */
.entry-views::before { content: '\f403'; }

/* Comments */
.comment-author::before       { content: '\f304'; }
.comment-published::before    { content: '\f303'; }
.ping .comment-author::before { content: '\f107'; }
.comment-edit-link::before    { content: '\f411'; }
.comment-permalink::before    { content: '\f107'; }

/* Breadcrumb Trail. */

.breadcrumb-trail a[rel="home"]::before {
	content:     '\f409';
	font-size:   24px;
	font-weight: normal;
}

.breadcrumb-trail .sep::before {
	content:     '\f431';
	font-weight: normal;
}

/* Comments */

#reply-title > .wrap::before {
	content: '\f412';
	padding: 0 3px 1px 0;
}

.comment-reply-link::before,
.comment-reply-login::before {
	content:       '\f412';
	margin-bottom: 3px;
	padding-right: 5px; /* Flip below causes padding to flip. */
}

.comment-respond label[for="author"]::before,
.comment-respond label[for="email"]::before,
.comment-respond label[for="url"]::before,
.comment-respond label[for="comment"]::before {
	margin-bottom: 3px;
	padding:       0 5px;
	color:         #555;
}

.comment-respond label[for="author"]::before  { content: '\f304'; }
.comment-respond label[for="email"]::before   { content: '\f410'; }
.comment-respond label[for="url"]::before     { content: '\f409'; }
.comment-respond label[for="comment"]::before { content: '\f300'; }


/* Responsive Navigation
---------------------------------------------------------------------------------------------------- */

/* Standard Navigation
--------------------------------------------- */

nav {
	clear: both;
}

/* Navigation toggles
--------------------------------------------- */

.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}

/* Navigation toggles - Ensure Menu Displays when Scaled Up
--------------------------------------------- */

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

	nav {
		display: block !important;
	}

}

/* Navigation toggles - Mobile (Change max width as you see fit)
--------------------------------------------- */

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

	.menu-toggle {
		width: 100% !important;
	}

	.menu-toggle,
	.sub-menu-toggle {
		border-radius: 0;
		display: block;
		font-size: 20px;
		font-size: 2.0rem;
		font-weight: 500;
		margin: 0 auto;
		overflow: hidden;
		padding: 0;
		text-align: center;
		visibility: visible;
	}

	button.menu-toggle {
		background-color: #f9f9f9;
		color: #333;
	}

	button.sub-menu-toggle {
		background-color: transparent;
		color: #333;
	}

	.sub-menu-toggle {
		padding: 18px;
		background-color: rgba(255,255,255,0.2);
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.sub-menu-toggle:hover {
		cursor: pointer;
		background-color: rgba(0,0,0,0.1);
	}

	.menu-toggle:before {
		font: normal 20px/1 'Genericons';
		content: "\f419";
	}

	.menu-toggle.activated:before {
		font: normal 20px/1 'Genericons';
		content: "\f406";
	}

	.sub-menu-toggle:before {
		font: normal 24px/1 'Genericons';
		content: "\f431";
		position: relative;
		top: 0;
	}

	.sub-menu-toggle.activated:before {
		font: normal 24px/1 'Genericons';
		content: "\f432";
		position: relative;
		top: 0;
	}

	nav.menu-primary,
	nav.menu-primary .sub-menu {
		display: none !important;
	}
	
	.menu-primary li,
	.menu-primary .sub-menu li {
		float: none;
		position: relative;
	}
	
	.menu-primary a {
		display: block;
		text-decoration: none;
		padding: 24px 24px;
		color: #fff;
		border-bottom: 1px solid;
	}

	.menu-primary a:hover {
		color: #fff;
		background-color: rgba(0,0,0,0.1);
	}
	
	.menu-primary ul ul,
	.menu-primary ul ul ul,
	.menu-primary ul ul ul ul {
		display: none;
		float: none;
		position: relative;
		left: auto;
		width: 100%;
		border: 0;
		margin-top: 0;
		top: 0;
	}
	
	.menu-primary ul ul a {
		width: 100%;
		padding: 24px 20px;
		color: #404040;
	}
	
	.menu-primary ul ul a:hover {
		color: #404040;
	}

	.menu-primary ul li:hover > ul,
	.menu-primary ul li.focus > ul {
		left: auto !important;
		position: relative;
	}

	nav.menu-primary.activated {
			display: block !important;
			clear: both;	
		}

	nav.menu-primary .sub-menu.activated {
			display: block !important;
			clear: both;	
		}


.site-title {
	font-size: 1.75em;
	font-size: 1.75rem;
}


h1 { font-size: 2rem;    }
h2 { font-size: 1.75rem;      }
h3 { font-size: 1.5625rem; }
h4 { font-size: 1.375rem;  }
h5 { font-size: 1.3125rem; }
h6 { font-size: 1.25rem;   }

.entry-title {
	font-size: 1.75em;
}
}