/*
Theme Name: Urban Square
Theme URI: http://www.jasong-designs.com/2015/03/04/urban-square/
Author: Jason G. Designs
Author URI: http://jasong-designs.com
Description: Urban Square is a theme based on a BlankSlate core. With this theme, your template will no longer have to look like anyone else's. You can change the header image, logo, background image and colors behind the background, header/footer/sidebar, menus and widgets. Urban Square is high definition ready, providing retina.js on option for inline images and an image upload for @2x backgrounds. The Header Image section in the Customizer has additions that let you choose two display modes for header images: Responsive- where images stretch with the browser window and Repeating- for simple repeating textures/patterns.
Version: 1.4.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: two-columns, custom-logo, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, custom-background, custom-header, custom-colors, right-sidebar
Text Domain: urban-square

This theme uses BlankSlate for core code.

BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

/* 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-size: 100%;
	font: inherit;
	padding: 0;
	border: 0;
	margin: 0;
	vertical-align: baseline
}
	
body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* */

.clear {
	clear: both;
}

.center {
	text-align: center;
}

/* WordPress */
.sticky {
	background: #f5f5f5;
	border-top: 2px solid #c0c0c0;
	border-bottom: 2px solid #c0c0c0;
	padding: 1em;
}

.bypostauthor .comment-author {
	background: #f5f5f5;
	border-bottom: 2px solid #c0c0c0;
}

.wp-caption {
	max-width: 90% !important;
	/* Responsive captioned images */
}

.wp-caption img {
	margin: 0;
}

.wp-caption-text,
.gallery-caption,
.entry-caption {
	text-align: center;
	font-weight: bold;
	font-size: 0.75em;
}

/* Gallery */
.gallery {
	margin: auto;
	clear: both;
}

.gallery-item {
	width: 100%;
	text-align: center;
}
/* */

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
} /* Responsive images */
/* */

/* Embedded fonts/icon fonts @font-face */
@font-face {
	font-family: 'fontawesome';
	src:url('fonts/fontawesome.eot?2yg3hl');
	src:url('fonts/fontawesome.eot?#iefix2yg3hl') format('embedded-opentype'),
		url('fonts/fontawesome.woff?2yg3hl') format('woff'),
		url('fonts/fontawesome.ttf?2yg3hl') format('truetype'),
		url('fonts/fontawesome.svg?2yg3hl#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* for font rendering smoothing for icons, see css3-extensions.css */
}

.icon-arrow-down:before {
	content: "\f063";
}

.icon-bars:before {
	content: "\f0c9";
}

.icon-list-ul:before {
	content: "\f0ca";
}

.icon-tags:before {
	content: "\f02c";
}

.icon-book:before {
	content: "\f02d";
}

.icon-pencil:before {
	content: "\f040";
}

.icon-arrow-right:before {
	content: "\f061";
}

.icon-comment:before {
	content: "\f075";
}

.icon-folder-open:before {
	content: "\f07c";
}

.icon-sort-desc:before {
	content: "\f0dd";
}

.icon-sort-asc:before {
	content: "\f0de";
}

.icon-sort-desc {
	float: right;
}

.icon-bars,
.icon-list-ul {
	margin: 0 0.5em;
}
/* */

/* General */
body {
	font: normal 1em Tahoma, "Trebuchet MS", Geneva, sans-serif;
	color: #333;
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 0.5em 0;
	line-height: 1em;
	font-weight: bold;
}

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

h1 {
	font-size: 2.250em; /* ~36px */
}

h2 {
	font-size: 1.875em; /* ~30px */
}

h3 {
	font-size: 1.5em; /* ~24px */
}

h4 {
	font-size: 1.125em; /* ~18px */
}

h5 {
	font-size: 0.875em; /* ~14px */
}

h6 {
	font-size: 0.75em; /* ~12px */
}

p, li, dl  {
	margin: 1em 0;
}

a:link, a:visited {
	color: #800000;
}

a:active {
	color: #f08080;
}

blockquote p, q {
	margin-left: 5%;
	background: #f5f5f5;
	padding: 1em;
}

blockquote p,
q,
cite {
	font-style: italic;
}

img {
	margin: 1em;
	max-width: 100%;
	height: auto;
}

video { /* for responsive html5 videos */
  width: 100% !important;
  height: auto !important;
}

cite a:link,
cite a:visited {
	text-align: right;
	text-decoration: none;
}

small {
	font-size: 75%;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

dt {
	font-weight: bold;
}

dd {
	text-indent: 1em;
	font-style: italic;
}

table {
	border: 1px solid #c0c0c0;
	margin: 1em auto;
}

table caption, table th {
	font-weight: bold;
}

table tbody {
	background: #f5f5f5;
}

table th, table td {
	padding: 0.5em;
	line-height: 1em;
}

textarea,
input, 
select {
	display: inline-block;
}

fieldset, form {
   display: block;
}

/* See the article Finger-Friendly Design... at http://www.smashingmagazine.com/2012/02/21/finger-friendly-design-ideal-mobile-touchscreen-target-sizes/ */

input[type="reset"], input[type="submit"] {
	min-width: 4.5em; /* ~72 px width; for touchscreens */
}

input[type="checkbox"], input[type="radio"] {
	/* ~57px */
	width: 3.563em;
	height: 3.563em;
}

select, option, input[type="reset"], input[type="submit"] {
	min-height: 2.75em; /* ~44px */
}

form textarea {
	width: 100%;
}

/* */

pre {
	margin: 1em 0;
	padding: 1em;
	background: #f5f5f5;
	overflow-x: auto;
}

pre, code {
	font: normal 0.750em "Deja Vu Sans Mono", "Andale Mono", Monaco, monospace;
}

strong {
	font-weight: bold;
}

hr {
	color: #e6e6e6;
}

/* HTML sections/WP template classes and IDs */
#wrapper {
	max-width: 120em; /* ~1920px */
}

#header {
	width: 100%;
	clear: both;
	background: #f5f5f5;
	float: left; /* covers floated elements inside .button-panel div */
}

/* Custom logo styles */
.custom-logo-link img {
	display: block;
	margin: 0 auto 1em auto;
}

#container {
	width: 85%;
	/*overflow-x: hidden;*/
	padding: 2em 7.5%;
	clear: left; /* #header is floated left, so this needs to be cleared */
}

#branding {
	box-sizing: border-box;
	padding: 5%;
	width: 100%;
}

#site-title h1 {
	/* unstyle #site-title h1 tag */
	font-size: 1em;
	font-weight: normal;
	/*line-height: normal;*/
	margin: 0;
}

#site-title h1,
#site-title div {
	line-height: 1.5em;
}

#site-title a {
	/* restyle #site-title here for non index pages */
	font-size: 1.75em;
	font-weight: bold;
	text-decoration: none;
}

#site-description {
	font-size: 0.875em;
	font-style: italic;
	line-height: 1.25em;
}

#menu {
	width: 90%;
	padding: 5%;
}

.screen-reader-text {
	/* send text off screen so screen readers can still read it */
	position: absolute;
	top: 0;
	left: -9999px;
}

#search {
	margin-bottom: 1em;
}

.search-form > label {
	display: inline-block;
	max-width: 80%;
}

.search-form {
	width: 100%;
	text-align: center;
}

.search-field {
	min-height: 2.75em;
	max-width: 100%;
	border: 1px solid #800000;
	box-sizing: border-box;
	vertical-align: bottom;
	margin-right: -0.25em;
	padding-left: 0.5em;
}

.search-submit {
	min-width: 2.75em;
	min-height: 2.75em;
	/*margin-left: -0.25em;*/
	background: #800000;
	color: #fff;
	border: 0;
	box-sizing: border-box;
	vertical-align: bottom;
	margin: 0;
}

.button-panel {
	width: 100%;
}

.menu-button-title,
.site-navigation-title {
	background: #800000;
	border: 0;
	color: #fff;
	/*padding: 0.5em;*/
	font-weight: bold;
	margin: 0.5em 1em 0 0;
	float: left;
	width: 4.5em;
	height: 4.5em;
}

.site-navigation-title {
	display: block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.menu-label,
.site-nav-label {
	position: absolute;
	left: -9999px; /* send off screen */
}

#header .menu ul {
	margin-bottom: 0;
}

#header .menu ul,
#header ul.menu {
	clear: left;
	border: 1px solid #c0c0c0;
}

#header .page_item,
#header .menu-item {
	clear: both;
}

#header .menu ul,
#header ul.menu,
.widget-area {
	background: #f5f5f5;
	padding: 0.5em;
}

#header .menu li,
#header div > ul.menu li,
.widget-container ul li {
	margin: 0;
}

#header .menu li a:link,
#header .menu li a:visited,
#header ul.menu li a:link,
#header ul.menu li a:visited,
.widget-container ul li a:link,
.widget-container ul li a:visited {
	display: block;
	text-decoration: none;
	padding: 0.5em;
}

#header .menu .page_item a:active,
#header .menu .page_item a:focus,
#header ul.menu .menu-item a:active,
#header ul.menu .menu-item a:focus,
.widget-container ul li a:focus,
.widget-container ul li a:active {
	background: #f08080;
	color: #fff;
}

#header .menu .children,
#header ul.menu .sub-menu {
	border: transparent;
	display: flex;
	flex-direction: column;
	padding: 0;
	margin-left: 5%;
}

#header .page_item_has_children a:link,
#header .page_item_has_children a:visited,
#header .menu-item-has-children a:link,
#header .menu-item-has-children a:visited {
	float: left;
	width: 70%;
}

/*.page_item_has_children a:focus ul.children {
	display: block !important;
}*/

#header .menu .icon-sort-desc {
	display: inline-block;
   float: none;
   font-size: 1em;
   min-width: 4.5em;
   min-height: 2.5em;
   vertical-align: top;
   color: #800000;
   background-color: #fff;
   border: 1px solid #c0c0c0;
}

.post {
	clear: left;
}

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

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

.entry-footer {
	clear: both;
}

.entry-footer span.icon-folder-open,
.entry-footer span.icon-tags,
.entry-footer span.icon-comment{
	margin: 0 0.5em 0 0.5em;
}

.entry-meta,
.cat-links,
.tag-links,
.comments-link {
	font-style: italic;
	font-size: 0.875em;
}

.entry-links {
	text-align: center;
}

.entry-links a:link,
.entry-links a:visited,
a.post-edit-link:link,
a.post-edit-link:visited,
a.comment-reply-link:link,
a.comment-reply-link:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #800000;
}

a.post-edit-link,
a.comment-reply-link {
	padding: 0.5em;
}

.entry-links a:link,
.entry-links a:visited {
	width: 2.75em;
	height: 2.75em;
	display: inline-block;
}

.entry-links a:active,
a.post-edit-link:active {
	background: #f08080;
}

/* Comments */
#comments-list ul {
	list-style: none;
}

.comment-author,
.comment-meta {
	font-size: 0.875em;
}

.comment-meta a:link,
.comment-meta a:visited {
	text-decoration: none;
}

img.avatar {
	float: left;
	margin: 0 1em 1em 0;
}

cite.fn {
	font-weight: bold;
}

.comment-body p,
.comment-body pre {
	clear: both;
}

.depth-2 {
	/* Threaded comments */
	margin-left: 5%;
}

.pingback a:link,
.pingback a:visited {
	text-decoration: none;
}

#commentform {
	background: #f5f5f5;
	padding: 1em;
}

#commentform input {
	max-width: 100%;
}

.comment-notes,
.form-allowed-tags {
	font-size: 0.875em;
}

.comment-notes {
	font-weight: bold;
}

.required {
	color: red;
}
/* */

/* Category, Archive, Search pages */
body.archive h1.entry-title,
body.search h1.entry-title {
	font-weight: normal;
}

body.archive h2.entry-title,
body.search h2.entry-title {
	font-size: 1.5em;
}
/* */

.navigation {
	width: 85%;
	float: left;
	padding: 1em 7.5%;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

.back-to-top { /* Works in conjunction with backToTop.js script */
	position: fixed;
	bottom: 2em;
	right: 0;
	background-color: rgba(128,0,0,0.8);
	padding: 0.5em;
	display: none;
}

a.back-to-top:link,
a.back-to-top:visited {
	color: #fff;
	text-decoration: none;
}

a.back-to-top:active {
	background: #800000;
}

/* Sidebar */
#sidebar {
	clear: left;
	padding-top: 0;
	/*position: fixed;*/
	bottom: 0;
	width: 100%;
	background-color: #fff;
}

#sidebar ul,
#footer ul,
.menu ul,
ul.menu,
ul.children,
ul.sub-menu {
	list-style: none;
}

.widget-title {
	background-color: #800000;
	color: #fff;
	padding: 0.5em 2.5% 0.5em 2.5%;
	font-size: 1em;
	margin: 0;
	display: inline-block;
	width: 65%;
}

.widget-title + .icon-sort-desc {
	float: none;
	display: inline-block;
	font-size: 1em;
	width: 30%;
	min-width: 4.5em;
	min-height: 2em;
	vertical-align: bottom;
	margin-top: 0;
	background-color: #800000;
	color: #fff;
	border-left: 1px solid #fff;
	border-right: 0;
	border-top: 0;
	border-bottom: 0;
}

.widget-area {
	border-bottom: 2px solid #c0c0c0;
}

.widget-area li {
	margin: 0 0 1em 0;
}

.widget-area select {
	margin: 1em 0 0 1em;
}

/* Specific Widgets */
/* Calendar */
#wp-calendar tr th {
	background-color: #800000;
	color: #fff;
}

#wp-calendar td a {
	background-color: #800000;
	color: #fff;
	text-decoration: none;
}

#prev,
.pad,
#next {
	padding: 0;
}

#prev a,
#next a {
	padding: 0.5em;
}

#prev a {
	float: left;
}

#next a {
	float: right;
}
/* */

.widget_recent_comments li {
	padding: 0.5em;
}

.widget_search .search-form {
	margin-top: 1em;
}

img.rss-widget-icon {
	margin: 0;
}

h3 a.rsswidget:link,
h3 a.rsswidget:visited {
	color: #ffffff;
}

.widget_nav_menu ul.sub-menu {
	margin: 0 0 0 1em;
	padding: 0;
}

.tagcloud {
	padding: 1em;
}
/* */

/* */

/* Footer */
#footer {
	width: 85%;
	padding: 1em 7.5%;
	background: #f5f5f5;
}

#copyright,
#credits,
#footer ul.xoxo {
	font-size: 0.875em;
}

#footer ul.xoxo {
	padding: 1em;
	border-bottom: 2px solid #c0c0c0;
	margin-bottom: 1em;
}

#footer ul ul {
	list-style: disc;
	margin-left: 1em;
}
/* */

/* Page Templates */
.page-template-page_full-width-nocomments #content,
.page-template-page_landing-page #content,
.page-template-page_blank-page #content {
	margin: 0;
	padding: 1em 5%;
	width: 90%;
}

.page-template-page_landing-page #header {
	border-bottom: 2px solid #c0c0c0;
}

.page-template-page_landing-page p.landing-homepage {
	padding: 0 5%;
}

.page-template-page_landing-page #footer {
	padding: 0.5em 5%;
	width: 90%
}

.page-template-page_landing-page #footer p,
.page-template-page_landing-page p.landing-homepage {
	margin: 0.5em 0;
}

.page-template-page_blank-page #footer {
/* Hide footer */
	position: absolute;
	left: -9999px;
}
/* */

/* Hover states for desktops of all sizes; .desktop class loaded on any non mobile device using !wp_is_mobile() in header.php */
.desktop a:link,
.desktop a:visited,
.desktop .menu-button-title,
.desktop .site-navigation-title {
	transition: background-color, color;
	transition-duration: 0.5s;
	transition-timing-function: linear;
	transition-delay: 0s;
}

.desktop a:hover {
	color: #f08080;
}

.desktop #header .menu li a:hover,
.desktop #header ul.menu li a:hover,
.desktop .widget-container ul li a:hover,
.desktop .entry-links a:hover,
.desktop a.post-edit-link:hover,
.desktop a.comment-reply-link:hover,
.desktop #wp-calendar td a:hover {
	background: #f08080;
	color: #fff;
}

.desktop .menu .current_page_item a:hover {
	color: #800000;
}

.desktop .site-navigation-title a:hover,
.desktop a.back-to-top:hover {
	color: #fff;
}

.desktop #header .menu .page_item a:active,
.desktop #header .menu .page_item a:focus,
.desktop #header ul.menu .menu-item a:active,
.desktop #header ul.menu .menu-item a:focus {
	background: #f08080;
	color: #fff;
}

/* Media Queries */
@media ( min-width: 37.5em ) { /* small tablets = ~600px */
	/* Custom logo */
	.custom-logo-link {
		float: left;
	}
	
	.custom-logo-link img {
		margin: 0 1em 1em 0;
	}
	
	#menu {
		clear: left;
	}
	/* */
	
	/* Gallery CSS targets small tablets, tablets and desktops */
	/* up to four columns in tablet size */
	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		display: inline-block;
		vertical-align: top;
	}
	
	.gallery-columns-2 .gallery-item {
		width: 50%;
	}
	
	.gallery-item,
	.gallery-columns-3 .gallery-item {
		width: 33%;
	}
	
	.gallery-columns-4 .gallery-item {
		width: 25%;
	}
}

@media ( min-width: 48em ) { /* tablets and up = ~768px+ */
	#branding {
		padding: 1em 5%;	
	}
	
	#site-title {
		max-width: 50%;
	}
	
	#site-title h1,
	#site-title > div {
		font-size: 1.5em;	
	}
	
	#site-description {
		font-size: 1em;
		font-weight: bold;
	}
	
	#search {
		position: absolute;
		top: 1em;
		right: 5%;	
	}
	
	#menu {
		padding: 0 5% 0 5%;
	}
	
	.menu-button-title,
	.site-navigation-title {
		width: auto;
		height: auto;
		padding: 0.5em;
	}

	.menu-label,
	.site-nav-label {
		position: static;
		left: 0;	
	}
	
	#header .menu,
	#header ul.menu {
		margin-bottom: 0;
	}
	
	#header .menu ul,
	#header ul.menu {
		background: transparent;
		border: transparent;
		display: flex;
		padding: 0;
		height: 2.5em; /* assigning a height fixes the menu ul above #container div */
		position: relative;
	}
	
	#header .menu .page_item,
	#header ul.menu .menu-item {
		border-top: 1px solid #c0c0c0;
		border-right: 1px solid #c0c0c0;
		border-left: 1px solid #c0c0c0;
		position: relative;
	}
	
	
	#header ul.menu .sub-menu .menu-item {
		border: 0;
	}
	
	#header .menu .page_item a,
	#header ul.menu .menu-item a {
		white-space: nowrap;
	}
	
	#header .menu .page_item a:link,
	#header .menu .page_item a:visited,
	#header ul.menu .menu-item a:link,
	#header ul.menu .menu-item a:visited {
		display: inline-block;
		background: #f5f5f5;
	}
	
	#header .menu .page_item a:active,
	#header ul.menu .menu-item a:active {
		background: #f08080;
	}
	
	#header .menu .current_page_item a:link,
	#header .menu .current_page_item a:visited,
	#header .menu .current_page_item .icon-sort-desc {
		background: #fff;	
	}
	
	#header .menu .current_page_item .children a:link,
	#header .menu .current_page_item .children a:visited,
	#header .menu .current_page_item .sub-menu a:link,
	#header .menu .current_page_item .sub-menu a:visited {
		background: #f5f5f5;
	}
	
	#header .page_item_has_children a:link,
	#header .page_item_has_children a:visited,
	#header .menu-item-has-children a:link,
	#header .menu-item-has-children a:visited {
    		width: auto;
	}
	
	/*.page_item_has_children .icon-sort-desc {
		height: 2em;
	}*/
	
	#header .menu .children,
	#header ul.menu .sub-menu {
		border: 1px solid #c0c0c0;
		display: flex;
		flex-direction: column;
		height: auto; /* restores varied height for .children <ul>s */
		position: absolute;
		background: #f5f5f5;
		margin: 0;
		min-width: 9em;
		top: 2.5em; /* 2.5em from top of relatively positioned .menu ul, for proper rendering in Opera 12- */
	}
	
	#header .menu .children .children,
	#header ul.menu .sub-menu .sub-menu {
		margin-left: 4.5em;
		z-index: 100;
	}
	
	#header .menu .children .page_item,
	#header .menu .children .page_item a,
	#header ul.menu .sub-menu .menu-item,
	#header ul.menu .sub-menu .menu-item a {
		display: block;
		position: relative; /* for proper rendering in Opera 12- */
	}
	
	#header .children .page_item,
	#header .sub-menu .menu-item {
		border: 0;	
	}
	
	#header .menu .icon-sort-desc {
		background-color: #f5f5f5;
		border-left: 1px solid #c0c0c0;
		border-right: 0;
		border-top: 0;
		border-bottom: 0;
	}
	
	#header .page_item .page_item .icon-sort-desc,
	#header .menu-item .menu-item .icon-sort-desc {
		border-top: 1px solid #c0c0c0;
		border-bottom: 1px solid #c0c0c0;
		float: right;	
	}

	/* Widgets */
	.widget-area {
		padding-top: 1em;
	}
	
	.widget-area .widget-container {
		display: inline-block;
		vertical-align: top;
		width: 45.5%;
		margin: 0 2% 1em;
	}
	/* */
	
	#footer {
		width: 90%;
		padding: 1em 5%;
	}
	
	#search.admin-bar-search-fix {
		/* pushes search box down if admin bar is present; see header.php */
		top: 3.875em;	
	}
	
	.wp-post-image {
		float: left;
	}
}

@media ( min-width: 64.063em ) { /* desktop = ~1025px */
	#site-title {
		max-width: 78%;
	}
	
	#site-title h1,
	#site-title > div {
		font-size: 2.25em;	
	}

	#search {
		right: 1em;
	}
	
	#search.admin-bar-search-fix {
		top: 3em;	
	}
	
	.menu-button-title { /* send off screen */
		position: absolute;
		left: -9999px;
	}
	
	.site-navigation-title { /* unneeded on desktop; sidebar is at top */
		position: absolute;
		left: -9999px;
	}

	#header .menu {
		margin-right: 22%;
	}
	
	#container {
		padding: 0;
		width: 100%;
	}
	
	#content {
		float: left;
		width: 70%;
		margin: 0 2.5%;
	}
	
	.entry-title {
		font-size: 2.25em;
	}
	
	.navigation {
		padding: 1em 20%;
		width: 60%;
	}
	
	/* Gallery CSS targets small tablets, tablets and desktops */
	/* up to nine columns in desktop size */
	.gallery-columns-5 .gallery-item {
		width: 20%;
	}
	
	.gallery-columns-6 .gallery-item {
		width: 16.7%;
	}
	
	.gallery-columns-7 .gallery-item {
		width: 14.3%;
	}
	
	.gallery-columns-8 .gallery-item {
		width: 12.5%;
	}
	
	.gallery-columns-9 .gallery-item {
		width: 11.1%;
	}
	
	.back-to-top {
		right: 25%;
		bottom: 0;
	}
	
	#sidebar {
		background-color: #f5f5f5;
		float: right;
		width: 25%;
		clear: none; /* undo clear for mobile */	
	}
	
	.sticky {
		padding: 1em 2.5%;
	}
	
	.widget-area {
		margin: 0 5% 1em 5%;
	}
	
	.widget-area .widget-container {
		display: block;
		width: 90%;
		margin: 0 5% 1em 5%;
	}
	
	.widget-title {
		/*margin: 0 0 0 10%;*/
		width: 60%;
	}
	
	.widget-title + .icon-sort-desc {
		width: 35%;
	}
	
	.widget-container ul {
		background: none;
	}
}

@media ( min-width: 85.375em ) { /* widescreen desktop = ~1366px+ */
	#content {
		/*max-width: 50em; /* ~800px */
		width: 60%;
		margin: 0 7.5%;
	}
}
/* */