/*
Theme Name: Urban Square
Theme URI: http://www.jasong-designs.com/2015/03/04/urban-square/
Author: Jason Gonzalez
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 three display modes for header images: Responsive- where images stretch with the browser window, Fixed- fixed size until the browser window becomes smaller than the image, and Repeating- for simple repeating textures/patterns.
Version: 1.3.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: red, white, light, two-columns, fluid-layout, responsive-layout, 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 .9em Georgia, "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;
}

li {
	margin-left: 2em;
}

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: 1.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, b {
	font-weight: bold;
}

em, i {
	font-style:italic;
}

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 */
}

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

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

#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.25em;
	font-weight: bold;
	text-decoration: none;
}

#site-description {
	font-size: 1em;
	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;
}

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

#header .menu ul,
#header ul.menu,
.widget-area {
	background: #fff;
	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 {
	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.5em;
}

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

.entry-footer {
	clear: both;
	margin-bottom: 3em;
}

.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 #E0CA94;
	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_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 .menu li a:hover,
.desktop 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;
}

/* Media Queries */
@media ( min-width: 37.5em ) { /* small tablets = ~600px */
	/* 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.25em;	
	}
	
	#site-description {
		font-size: 1.25em;
		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;
		padding: 0;
		height: 2.5em; /* assigning a height fixes the menu ul above #container div */
		position: relative;
	}
	
	/* Get rid of spaces between list items when inline blocking wp nav menu */
	/*ul.menu {
		font-size: 0;
	}
	
	ul.menu .menu-item {
		font-size: 1rem; /* relative em */
	/*}*/
	
	#header .menu .page_item,
	#header ul.menu .menu-item {
		display: inline-block;
		vertical-align: top;
		border-top: 1px solid #c0c0c0;
		border-right: 1px solid #c0c0c0;
	}
	
	#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;
		height: auto; /* restores varied height for .children <ul>s */
		position: absolute;
		background: #f5f5f5;
		margin: 0;
		top: 2.5em; /* 2.5em from top of relatively positioned .menu ul, for proper rendering in Opera 12- */
	}
	
	#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;
	}

	/* 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: 1.5em;
	}
	
	.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%;
	}
}
/* */