/*!
Theme Name: Berkeleyside Three 1.0.5
Theme URI: http://www.berkeleyside.com/
Author: Doug Ng
Author URI: http://design-ng.com/
Description: Custom theme developed for Berkeleyside
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: berkeleyside-three
Tags: two-columns

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.

Berkeleyside Three is based on Underscores http://underscores.me/, (C) 2012-2016 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## 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: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 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: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

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-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: "Source Serif Pro", serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.375;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  line-height: 1.125;
  margin: 0;
}

p {
  margin: 0 0 1.375em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  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 {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

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

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

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

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

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: bold;
}

dd {
  margin: 0;
}

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

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button:not(.menu-toggle),
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #0053A5;
  text-decoration: none;
}

a:visited {
  color: #0053A5;
}

a:hover, a:focus, a:active {
  color: #3f9eea;
}

a:focus {
  outline: thin dotted;
}

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation 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;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 40em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

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

/*--------------------------------------------------------------
# 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 2em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1em;
}

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

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

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

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

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

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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 {
  color: #777;
  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.375em 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.wp-caption-text {
  text-align: left;
  font-family: "Source Sans Pro", sans-serif;
}

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

/*--------------------------------------------------------------
# Berkeleyside custom
--------------------------------------------------------------*/
/* import style sheets */
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
h1, h2, h3 {
  font-weight: 600;
}

h2 {
  margin-bottom: 0.5em;
}

article:last-child,
p:last-child {
  margin-bottom: 0;
}

img {
  display: block;
}

nav {
  font-family: "Source Sans Pro", sans-serif;
}

nav ul,
.menu-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------------------
# Classes
--------------------------------------------------------------*/
.primary-category {
  display: none;
}

.edit-link {
  display: none;
}

a.anchor-block {
  display: block;
}

.entry-meta .posted-on,
.entry-meta .updated-on,
.entry-meta .byline {
  font-size: 14px;
  font-size: 0.875rem;
}

.entry-meta .byline + .posted-on,
.entry-meta time {
  white-space: nowrap;
}

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

.entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active {
  color: #3f9eea;
}

.articles-list {
  list-style: none;
  margin: 0;
}

.entry-title {
  font-family: "Source Serif Pro", serif;
  margin-bottom: 0.25em;
}

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

.entry-title a:hover, .entry-title a:focus, .entry-title a:active {
  color: #3f9eea;
}

.section-header h1, .section-header h2,
.aside-header h1,
.aside-header h2 {
  font-family: "Source Sans Pro", sans-serif;
}

.section-header a,
.aside-header a {
  color: #fff;
  display: block;
}

.section-header .section-title,
.section-header .aside-title,
.aside-header .section-title,
.aside-header .aside-title {
  color: #fff;
  font-size: 22px;
  font-size: 1.375rem;
  text-transform: uppercase;
  padding: 0.25em 0.5em;
}

.section-header .section-title i,
.section-header .aside-title i,
.aside-header .section-title i,
.aside-header .aside-title i {
  margin-left: 0.25em;
}

.no-results {
  margin: 1em;
}

/* Primary Flex Items */
#main {
  flex: 1 1 auto;
}

#secondary {
  margin: 1em;
  flex: 0 0 300px;
}

.admin-note {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}

.admin-note.edit-post-link {
  margin-top: 0.5em;
}

.admin-note.post-count {
  color: #fff;
  background-color: #bd3100;
  padding: 0.25em;
  margin: 1em 1em 0;
}

/* Archives
--------------------------------------------------------------*/
.archive-page-number {
  float: right;
}

/* Post Meta
--------------------------------------------------------------*/
.comments-number {
  display: inline-block;
}

.comments-number .number {
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  display: block;
  min-width: 30px;
  padding: 1px 6px 2px;
  background-color: #777;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.comments-number .comments-number-link {
  display: block;
}

.comments-number .comments-number-link:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 8px solid #777;
  border-left: 8px solid transparent;
}

.tags-links {
  display: block;
  margin-bottom: 1em;
}

/*--------------------------------------------------------------
# Social
--------------------------------------------------------------*/
.share-icons ul {
  list-style: none;
  display: block;
}

.share-icons ul li {
  float: left;
  margin-right: 0.25em;
  line-height: 1;
  font-size: 29px;
  font-size: 1.8125rem;
  margin-top: -2px;
  color: #777;
}

/*--------------------------------------------------------------
# Sidebars
--------------------------------------------------------------*/
.widget-title {
  font-size: 20px;
  font-size: 1.25rem;
  padding-top: 0.25em;
  margin-bottom: 0.5em;
  border-top: 1px solid #777;
}

@media (min-width: 40em) {
  .sidebar-with-background {
    background-color: #ebebeb;
    margin: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.widget_sp_image-description {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 0.375em;
}

.calendar_wrap {
  padding: 0.5em;
  background-color: #ebebeb;
}

.calendar_wrap #wp-calendar {
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.calendar_wrap #wp-calendar #next {
  text-align: right;
}

.calendar_wrap #wp-calendar caption {
  font-weight: 600;
  text-transform: uppercase;
}

.calendar_wrap #wp-calendar th {
  font-weight: normal;
  color: #aaa;
}

.calendar_wrap #wp-calendar tbody td {
  text-align: center;
}

.calendar_wrap #wp-calendar tbody td a {
  margin: 1px;
  display: block;
  background-color: #d9d9d9;
}

.calendar_wrap #wp-calendar tbody td a:hover, .calendar_wrap #wp-calendar tbody td a:focus {
  color: #fff;
  background-color: #3f9eea;
}

/*--------------------------------------------------------------
# CONTENT
--------------------------------------------------------------*/
.post-aside {
  background-color: #ebebeb;
  padding: 0.5em;
  float: left;
  clear: left;
  width: 50%;
  max-width: 12.5em;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

@media (min-width: 60em) {
  .post-aside {
    margin-right: 1.5em;
  }
}

.post-aside h2 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 0.25em;
}

.post-aside p {
  font-size: 15px;
  font-size: 0.9375rem;
  margin-bottom: 0.75em;
}

.post-aside p:last-child {
  margin-bottom: 0;
}

.post-aside img {
  width: 100%;
  height: auto;
}

.post-aside .wp-caption:last-child {
  margin: 0;
}

.post-aside .wp-caption:last-child .wp-caption-text {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 0;
}

.post-aside.large {
  width: 100%;
  max-width: none;
  float: none;
  margin-bottom: 1.5em;
}

@media (min-width: 30em) and (max-width: 48em) {
  .post-aside.large {
    width: 50%;
    max-width: none;
    float: left;
  }
}

@media (min-width: 48em) and (max-width: 60em) {
  .post-aside.large {
    width: auto;
    max-width: none;
    float: none;
    margin-bottom: 1.5em;
  }
}

@media (min-width: 60em) {
  .post-aside.large {
    width: 31.5em;
    max-width: none;
    float: left;
    margin-left: -12.25em;
  }
}

@media (min-width: 60em) {
  .post-aside.medium {
    width: 25.25em;
    max-width: none;
    float: left;
    margin-left: -12.25em;
  }
}

/*--------------------------------------------------------------
# Flexbox
--------------------------------------------------------------*/
.flex-column {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
}

.flex-column-1x {
  flex: 1 0 0;
}

.flex-column-2x {
  flex: 2 0 0;
}

.flex-1 {
  flex: 1;
}

.flex-basis-300 {
  flex: 0 0 300px;
  margin: 0;
}

@media (min-width: 40em) {
  .flex-basis-300 {
    margin: 0 1em;
  }
}

.flex-grow-shrink {
  flex: 1 1 auto;
}

@media (min-width: 40em) {
  .flex-row-mobile-tablet {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .flex-wrap-mobile-tablet {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
}

@media (min-width: 48em) {
  .flex-row-tablet {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .flex-wrap-tablet {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
}

@media (min-width: 60em) {
  .flex-row-desktop {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .flex-wrap-desktop {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
}

/*--------------------------------------------------------------
# GOOGLE SEARCHBOX
--------------------------------------------------------------*/
.page-template-page_template-search-results #masthead #search-form-container {
  display: none;
}

#masthead input.gsc-search-button, #main input.gsc-search-button {
  font-size: 15px;
  font-weight: normal;
  border: none;
  background-color: #3f9eea;
}

#masthead td.gsc-clear-button, #main td.gsc-clear-button {
  width: 0;
}

#masthead div.gsc-clear-button, #main div.gsc-clear-button {
  display: none;
}

#masthead .cse form.gsc-search-box, #masthead form.gsc-search-box, #main .cse form.gsc-search-box, #main form.gsc-search-box {
  padding: 0;
  margin-bottom: 0;
}

#masthead .cse table.gsc-search-box td.gsc-input, #masthead table.gsc-search-box td.gsc-input {
  padding-right: 0;
}

#main .gs-web-image-box, #main .gs-promotion-image-box {
  padding: 0 8px 0 0px;
  width: auto;
}

#main .cse .gsc-webResult.gsc-result, #main .gsc-webResult.gsc-result, #main .gsc-imageResult-classic, #main .gsc-imageResult-column {
  margin-bottom: 2em;
}

#main .gsc-control-cse .gs-spelling, #main .gsc-control-cse .gs-result .gs-title, #main .gsc-control-cse .gs-result .gs-title * {
  font-size: 18px;
}

#main .gs-webResult div.gs-visibleUrl-long {
  display: none;
}

#main .gs-result .gs-title, #main .gs-result .gs-title * {
  text-decoration: none;
}

#main .gs-web-image-box img.gs-image, #main .gs-promotion-image-box img.gs-promotion-image {
  max-width: 120px;
  max-height: 120px;
}

#main .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #fff;
}

#main .gsc-input input {
  margin-left: 0 !important;
}

#search-form-container.mobile {
  margin: 0.25em !important;
}

@media (min-width: 40em) {
  #search-form-container.mobile {
    display: none !important;
  }
}

/*--------------------------------------------------------------
# PLUGINS
--------------------------------------------------------------*/
.wpp-list {
  margin: 0 0 0 1em;
  list-style: decimal;
  font-size: 0.875em;
}

.wpp-list li {
  overflow: visible;
  margin-bottom: 0.25em;
}

.wpp-list li:last-child {
  margin-bottom: 0;
}

.page-id-189599 .entry-header {
  border-bottom: 1px solid #aaa;
}

#add-event {
  position: absolute;
  right: 1em;
}

#add-event .add-event-link {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.5;
  white-space: nowrap;
  display: block;
  background-color: #3f9eea;
  width: auto;
  height: auto;
  padding: 5px 8px;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
}

#add-event .add-event-link:hover {
  background-color: #0053A5;
}

.widget.mks_flickr_widget ul.flickr {
  margin: 0;
  list-style: none;
}

.widget.mks_flickr_widget ul.flickr li {
  margin: 0.5em 0.5em 0 0;
}

.widget.mks_flickr_widget ul.flickr li:nth-child(3n) {
  margin-right: 0;
}

.widget.mks_flickr_widget ul.flickr img {
  opacity: 1;
}

.widget.mks_flickr_widget ul.flickr a:hover img {
  opacity: 0.7;
}

/*
 * Styles for the Custom Formats applied in the TinyMCE toolbar
 *
 * See _brk_custom_variables for hex colors
 * Copy the below styles to editor-styles.css to apply the styles in the post editor
 */
.ad-container {
  padding: 1em 0;
}

.ad-container.section {
  padding: 0;
}

.ad-container iframe {
  display: block;
  margin: 0 auto;
}

@media (min-width: 40em) {
  .ad-container.ad-with-background {
    background-color: #ebebeb;
    margin: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.ad-container.right {
  float: right;
}

.ad-container.left {
  float: left;
}

.ad-row {
  margin: 1em;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.ad-row.ad-container {
  padding: 0;
}

.ad-row.ad-container > div {
  padding: 1em 0;
}

.ad-row.ad-container .ad-type {
  margin-bottom: 1em;
}

.ad-type {
  margin: 0 auto;
}

.ad-type img {
  margin: 0 auto;
}

.ad-type.super-leaderboard {
  max-width: 970px;
  max-height: 90px;
}

.ad-type.mobile-leaderboard {
  max-height: 70px;
}

.ad-type.mobile-leaderboard > div {
  padding: 10px;
}

.ad-type.leaderboard {
  max-width: 970px;
  max-height: 90px;
}

.ad-type.half-page {
  width: 300px;
  height: 600px;
}

.ad-type.medium-rectangle {
  width: 300px;
  height: 250px;
}

.ad-column .ad-type + .ad-type {
  margin-top: 2em;
}

.content-ad {
  clear: both;
}

.content-ad img {
  margin: 0 auto;
}

.berke-leaderboard-mobile-placement,
.berke-leaderboard-tablet-placement {
  padding: 1em 0;
}

.berke-leaderboard-mobile-placement img,
.berke-leaderboard-tablet-placement img {
  margin: 0 auto;
}

.berke-med-rectangle-after-paragraph-01,
.berke-med-rectangle-after-paragraph-02,
.berke-med-rectangle-after-paragraph-03,
.berke-med-rectangle-after-paragraph-04,
.berke-single-real-estate-01,
.berke-single-real-estate-02,
.berke-single-real-estate-03,
.berke-single-real-estate-04 {
  text-align: center;
  padding: 0.25em 0 1em;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  clear: both;
}

.berke-med-rectangle-after-paragraph-01::before,
.berke-med-rectangle-after-paragraph-02::before,
.berke-med-rectangle-after-paragraph-03::before,
.berke-med-rectangle-after-paragraph-04::before,
.berke-single-real-estate-01::before,
.berke-single-real-estate-02::before,
.berke-single-real-estate-03::before,
.berke-single-real-estate-04::before {
  content: 'Advertisement';
  color: #aaa;
  font-size: 14px;
  font-size: 0.875rem;
}

#pre-header .page-group {
  background-color: #ebebeb;
  padding: 0;
}

#pre-header .ad-container {
  padding: 0;
}

@media (min-width: 60em) {
  #pre-header .ad-container {
    padding: 0.5em 0;
  }
}

#masthead .site-branding {
  flex: 1 1 50%;
}

#masthead #masthead-secondary {
  flex: 1 1 50%;
}

#masthead-secondary {
  display: none;
}

@media (min-width: 40em) {
  .mobile-menu {
    display: none;
  }
}

#masthead .page-group {
  background-color: #0053A5;
}

#masthead .site-branding {
  position: relative;
  padding: 0.25em 1em;
}

#masthead .site-branding #logo {
  width: 100%;
  padding-top: 1em;
  padding-right: 2em;
  max-width: 450px;
}

@media (min-width: 40em) {
  #masthead .site-branding #logo {
    position: absolute;
    top: 0.25em;
  }
}

#masthead .site-branding #logo.nosh-logo {
  width: 100%;
  padding: 0.75em 2em 0.5em 0;
  max-width: 360px;
}

@media (min-width: 40em) {
  #masthead .site-branding #logo.nosh-logo {
    position: absolute;
    bottom: 0.5em;
  }
}

#masthead .site-description {
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff;
  text-align: right;
  margin-top: 0.5em;
}

#masthead .search-form {
  margin-top: 1em;
  float: right;
}

#masthead .search-form .search-field {
  line-height: 1em;
}

@media (min-width: 40em) {
  #masthead #masthead-secondary {
    display: block;
    padding-bottom: 1em;
  }
  #masthead #masthead-secondary .secondary-navigation {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 0 0.5em 0.5em;
    float: right;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
  }
  #masthead #masthead-secondary .secondary-navigation .menu-container {
    padding: 0.75em 0.5em;
  }
  #masthead #masthead-secondary .secondary-navigation li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    line-height: 1.5em;
  }
  #masthead #masthead-secondary .secondary-navigation li a {
    display: block;
    padding: 0.25em 1em 0.25em 0;
  }
  #masthead #masthead-secondary .secondary-navigation li a:link, #masthead #masthead-secondary .secondary-navigation li a:visited {
    color: #fff;
  }
  #masthead #masthead-secondary .secondary-navigation .menu-berkeleyside-social-media li {
    float: left;
  }
  #masthead #masthead-secondary #search-form-container {
    width: 278px;
    float: right;
    clear: right;
    margin-right: 1em;
  }
}

#masthead button.menu-toggle {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
  text-transform: uppercase;
  border: none;
  background: #777;
  padding: 0.375em 1em;
  line-height: 1;
}

#masthead button.menu-toggle:active, #masthead button.menu-toggle:focus {
  border: none;
  outline: none;
}

#masthead #site-navigation {
  background-color: #003467;
}

#masthead #site-navigation li a {
  padding: 0.125em 1em;
}

#masthead #site-navigation li a:link, #masthead #site-navigation li a:visited {
  color: #fff;
}

#masthead #site-navigation li a:hover, #masthead #site-navigation li a:active, #masthead #site-navigation li a:focus {
  background-color: #3f9eea;
}

@media (min-width: 40em) {
  #masthead #site-navigation {
    padding: 0 0.5em;
  }
  #masthead #site-navigation li {
    float: left;
  }
  #masthead #site-navigation li a {
    padding: 0.375em 0.5em;
  }
}

#masthead #site-navigation.toggled button.menu-toggle {
  background: #777;
}

#masthead #site-navigation.toggled .menu-container {
  border-top: 1px solid #d9d9d9;
  background-color: #777;
  padding: 0.125em 0;
}

#masthead #site-navigation.toggled .menu-container a:link, #masthead #site-navigation.toggled .menu-container a:visited {
  color: #fff;
}

#masthead #site-navigation.toggled .menu-container a:hover, #masthead #site-navigation.toggled .menu-container a:active, #masthead #site-navigation.toggled .menu-container a:focus {
  background-color: #777;
}

.page-group {
  margin: 0 auto;
  background-color: #fff;
  overflow: hidden;
}

#page {
  background-color: #fff;
}

#pre-header {
  background-color: #ebebeb;
}

#masthead {
  background-color: #d9d9d9;
}

#content {
  background-color: #ebebeb;
}

#colophon {
  background-color: #aaa;
}

#site-info {
  background-color: #444;
}

@media (min-width: 48em) {
  .page-group {
    max-width: 78em;
    margin: 0 auto;
  }
}

#footer-content {
  background-color: #d9d9d9;
  display: flex;
  flex-flow: row wrap;
}

#footer-content section > header {
  padding: 0.25em 0;
  margin-bottom: 0.5em;
  border-top: 3px solid #444;
}

#footer-content section > header .section-title {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 0;
}

@media (min-width: 40em) {
  #footer-content .footer-column {
    flex: 1 1 50%;
  }
}

#footer-content .footer-column > section {
  padding: 1em;
}

#footer-content .footer-nosh-menu,
#footer-content .footer-nosh-guide-menu {
  width: 50%;
  float: left;
}

#footer-content .footer-support-berkeleyside {
  clear: both;
}

#footer-content .footer-menus {
  width: 100%;
}

#footer-content .footer-menus .footer-menu {
  float: left;
}

#footer-content .footer-menus .footer-berkeleyside-menu {
  width: 100%;
}

#footer-content .footer-menus .footer-berkeleyside-menu .berkeleyside-menus-container .menu-group:nth-child(2n) {
  padding-top: 0.5em;
  margin-top: 0.5em;
  border-top: 1px solid #aaa;
}

@media (min-width: 30em) {
  #footer-content .footer-menus .footer-berkeleyside-menu .berkeleyside-menus-container {
    display: flex;
    flex-flow: row nowrap;
  }
  #footer-content .footer-menus .footer-berkeleyside-menu .berkeleyside-menus-container .menu-group {
    flex: 1 1 50%;
  }
  #footer-content .footer-menus .footer-berkeleyside-menu .berkeleyside-menus-container .menu-group:nth-child(2n) {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  #footer-content .footer-menus .footer-berkeleyside-menu .berkeleyside-menus-container .menu-group:first-child {
    padding-right: 1em;
  }
  #footer-content .footer-menus .footer-berkeleyside-menu .berkeleyside-menus-container .menu-group:last-child {
    padding-left: 1em;
  }
}

@media (max-width: 30em) {
  #footer-content .footer-menus .footer-berkeleyside-menu #berekelyside-primary.menu {
    column-count: 2;
  }
}

#footer-content .footer-menus .footer-berkeleyside-menu .menu-berkeleyside-social-media li {
  float: left;
}

#footer-content .footer-menus .footer-berkeleyside-menu .menu-berkeleyside-social-media li a {
  display: block;
  padding: 0.25em 1em 0.25em 0;
}

#footer-content #mc_embed_signup .asterisk {
  font-size: 12px;
  font-size: 0.75rem;
  color: #c1272d;
  display: none;
}

#footer-content #mc_embed_signup .mc-field-group {
  margin: 0.25em 0;
  display: flex;
  flex-flow: row nowrap;
}

#footer-content #mc_embed_signup .mc-field-group > label, #footer-content #mc_embed_signup .mc-field-group > .description {
  flex: 0 0 25%;
}

#footer-content #mc_embed_signup .mc-field-group > input {
  flex: 1 1 75%;
  background-color: #ebebeb;
}

#footer-content #mc_embed_signup .mc-field-group > input:focus {
  background-color: #fff;
}

#footer-content #mc_embed_signup .input-group {
  margin: 0.5em 0;
}

#footer-content #mc_embed_signup .input-group ul {
  margin: 0;
  list-style: none;
}

#footer-content #mc_embed_signup .input-group label {
  margin-left: 0.25em;
}

#footer-content #mc_embed_signup input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 8px;
  background: #0053A5;
  color: #fff;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1;
  padding: .5em 1em;
  float: right;
}

#footer-content #mc_embed_signup hr {
  background-color: #aaa;
  margin-bottom: 0.5em;
}

#site-info .page-group {
  background-color: #444;
  padding-bottom: 5em;
}

#site-info .copyright {
  color: #ebebeb;
  float: left;
  padding: 1em 1em 0;
}

#site-info .user-login {
  float: right;
  padding: 1em 1em 0;
}

#site-info .user-login a {
  color: #ebebeb;
}

.front-page #main .entry-summary {
  margin-top: 0.5em;
}

.front-page #main section, .front-page #main .section {
  margin: 1em;
  overflow: hidden;
}

.front-page #main section.full-width, .front-page #main .section.full-width {
  margin: 1em 0;
}

.front-page #main section .section-view-all, .front-page #main .section .section-view-all {
  clear: both;
}

.front-page #main section .section-view-all a, .front-page #main .section .section-view-all a {
  display: block;
  padding: 0.25em 0.5em;
  background-color: #CAFCD8;
}

.front-page #main .section-header {
  background-color: #0053A5;
}

.front-page #main aside.berkeleyside-callout {
  background-color: #ebebeb;
  margin: 1em 0;
  padding: 1em;
  flex: 1 1 auto;
}

.front-page #main .post-hero {
  margin-bottom: 0.5em;
}

.front-page #main .post-hero img {
  margin: 0 auto;
  width: 100%;
}

.front-page #main .articles-list {
  margin-top: 1em;
}

.front-page #main .articles-list li {
  position: relative;
}

.front-page #main .articles-list li .hentry {
  padding-top: 0.5em;
  margin-bottom: 0.125em;
  border-top: 1px solid #aaa;
}

.front-page #main .articles-list li .entry-title {
  font-size: 18px;
  font-size: 1.125rem;
}

@media (min-width: 30em) {
  .front-page #main .articles-list li .entry-title {
    font-size: 21px;
    font-size: 1.3125rem;
    margin-bottom: 0;
  }
}

.front-page #main .articles-list li .entry-meta {
  color: #777;
}

.front-page #main .articles-list li .comments-number {
  margin-bottom: 0.5em;
}

.front-page #main .articles-list li .comments-number .number {
  font-size: 14px;
  font-size: 0.875rem;
  color: #777;
  background-color: #ebebeb;
  min-width: 25px;
  padding: 1px 2px 0;
}

.front-page #main .articles-list li .comments-number .number:hover {
  color: #fff;
  background-color: #3f9eea;
}

.front-page #main .articles-list li .comments-number .comments-number-link:after {
  border-top: 8px solid #ebebeb;
}

.front-page #main .articles-list li .comments-number .comments-number-link:hover:after {
  border-top: 8px solid #3f9eea;
}

.front-page #main .articles-list li .post-content {
  margin-bottom: 1em;
  position: relative;
}

.front-page #main .articles-list li .entry-header {
  margin-right: 2.5em;
}

.front-page #main .articles-list li .comments-number-container {
  position: absolute;
  right: 0;
  top: -0.125em;
}

@media (min-width: 48em) {
  .front-page #main .articles-list li:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
  }
  .front-page #main .articles-list li:first-child article {
    padding-top: 0;
    border-top: none;
  }
}

@media (min-width: 30em) {
  .front-page #main .column-single .articles-list li:first-child .entry-title {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

.front-page #main .content-category-with-ads section {
  border-bottom: 1px solid #aaa;
}

@media (min-width: 40em) and (max-width: 60em) {
  .front-page #main .content-category-with-ads .articles-list li {
    width: 50%;
    float: right;
    clear: right;
    padding-left: 1em;
    padding-right: 0;
  }
  .front-page #main .content-category-with-ads .articles-list li:first-child {
    float: left;
    padding-left: 0;
    padding-right: 1em;
  }
}

@media (min-width: 60em) {
  .front-page #main .content-category-with-ads {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .front-page #main .content-category-with-ads section {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .front-page #main .content-category-with-ads section .articles-list {
    flex: 1 0 auto;
  }
  .front-page #main .content-category-with-ads section .articles-list li:first-child {
    min-height: 300px;
  }
}

@media (min-width: 40em) {
  .front-page #main .content-category-featured {
    padding: 1em 0;
  }
  .front-page #main .content-category-featured section {
    height: 100%;
    margin: 0 1em;
    border-bottom: 1px solid #aaa;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .front-page #main .content-category-featured .articles-list-container {
    min-height: 580px;
    display: flex;
    flex-flow: row nowrap;
    flex: 1 0;
  }
  .front-page #main .content-category-featured .articles-list-container .articles-list {
    flex: 0 0 50%;
  }
  .front-page #main .content-category-featured .articles-list-container .articles-list:nth-of-type(1) {
    padding-right: 1em;
  }
  .front-page #main .content-category-featured .articles-list-container .articles-list:nth-of-type(1) .entry-title {
    font-size: 28px;
    font-size: 1.75rem;
  }
  .front-page #main .content-category-featured .articles-list-container .articles-list:nth-of-type(1) .entry-summary p {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .front-page #main .content-category-featured .articles-list-container .articles-list:nth-of-type(2) {
    padding-left: 1em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .front-page #main .content-category-featured .articles-list-container .articles-list:nth-of-type(2) li {
    flex: 1;
  }
  .front-page #main .content-category-featured .articles-list-container .articles-list:nth-of-type(2) .entry-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
  }
}

@media (min-width: 40em) and (min-width: 48em) {
  .front-page #main .content-category-featured .articles-list-container .articles-list:nth-of-type(2) .entry-title {
    font-size: 21px;
    font-size: 1.3125rem;
  }
}

.front-page #main hr.breaking-horz-rule {
  height: 5px;
  margin: 0 1em 1em;
  background-color: #c1272d;
}

.front-page #main .breaking-stories .section-header {
  margin-bottom: 1em;
}

.front-page #main .breaking-stories .section-header h1 {
  background-color: #c1272d;
}

.front-page #main .breaking-stories .articles-list {
  margin: 0;
}

.front-page #main .breaking-stories .articles-list li {
  margin: 0 0 1em;
  flex: 1 0 50%;
}

.front-page #main .breaking-stories .articles-list li article {
  padding-top: 0;
  padding-bottom: 0;
  border-top: none;
}

.front-page #main .breaking-stories .articles-list li .entry-title,
.front-page #main .breaking-stories .articles-list li .post-content:first-child .entry-title {
  font-size: 22px;
  font-size: 1.375rem;
}

.front-page #main .breaking-stories .articles-list li .entry-title a,
.front-page #main .breaking-stories .articles-list li .post-content:first-child .entry-title a {
  color: #c1272d;
}

@media (min-width: 48em) {
  .front-page #main .breaking-stories .articles-list li .entry-title,
  .front-page #main .breaking-stories .articles-list li .post-content:first-child .entry-title {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

@media (min-width: 48em) {
  .front-page #main .breaking-stories .articles-list li .entry-summary {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.front-page #main .breaking-stories .articles-list li article {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.front-page #main .breaking-stories .articles-list li .post-hero {
  flex: 0 1 25%;
  margin-bottom: 0;
}

.front-page #main .breaking-stories .articles-list li .post-content {
  flex: 1;
  padding-left: 1em;
}

.front-page #main .breaking-stories .articles-list li .entry-summary {
  flex: 0 0 100%;
}

.front-page #main .breaking-stories .section-footer {
  background-color: #ebebeb;
  padding: 1em;
}

.front-page #main .breaking-stories .section-footer .widget-title {
  font-weight: 600;
}

.front-page #main .breaking-stories .section-footer h1 {
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
}

.front-page #main .breaking-stories .section-footer .widget:last-child {
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .front-page #main .breaking-stories {
    display: flex;
    flex-flow: row wrap;
  }
  .front-page #main .breaking-stories .section-header {
    flex: 1 0 100%;
  }
  .front-page #main .breaking-stories .articles-list {
    flex: 1 1 40%;
    margin-right: 1em;
  }
  .front-page #main .breaking-stories .articles-list li {
    margin-bottom: 1em;
  }
  .front-page #main .breaking-stories .articles-list li:last-child {
    margin-bottom: 0;
  }
  .front-page #main .breaking-stories .section-footer {
    flex: 0 0 18.75em;
    margin-left: 1em;
  }
}

.front-page #main .lead-story {
  margin: 1em 0.5em;
  flex: 1;
  display: flex;
  /* COMMENTED OUT FOR IE TESTING
		flex-flow: column nowrap;
		*/
}

.front-page #main .lead-story article {
  flex: 1;
}

.front-page #main .lead-story article > div {
  margin: 0 0.5em;
}

.front-page #main .lead-story .post-hero {
  margin-bottom: 0.5em;
  position: relative;
}

.front-page #main .lead-story .post-content {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #aaa;
}

.front-page #main .lead-story .entry-title {
  font-size: 22px;
  font-size: 1.375rem;
}

@media (min-width: 40em) {
  .front-page #main .lead-story .entry-title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

@media (min-width: 60em) {
  .front-page #main .lead-story .entry-title {
    font-size: 28px;
    font-size: 1.75rem;
  }
}

.front-page #main .lead-story .entry-summary {
  margin-bottom: 0.5em;
}

@media (min-width: 68em) {
  .front-page #main .lead-story article.lead_story_front_page_article {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .front-page #main .lead-story article.lead_story_front_page_article .post-hero {
    margin-bottom: 0;
    flex: 1 0 62.5%;
  }
  .front-page #main .lead-story article.lead_story_front_page_article .post-hero.medium {
    flex: 1 0 37.5%;
  }
  .front-page #main .lead-story article.lead_story_front_page_article .post-hero a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .front-page #main .lead-story article.lead_story_front_page_article .post-hero .post-thumbnail {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .front-page #main .lead-story article.lead_story_front_page_article .post-hero .post-thumbnail .attachment-featured-image {
    display: none;
  }
  .front-page #main .lead-story article.lead_story_front_page_photo .post-hero {
    margin-bottom: 0;
  }
  .front-page #main .lead-story article.lead_story_front_page_photo .post-content {
    padding: 0.75em 1em;
    background-color: #ebebeb;
    border-bottom: none;
  }
  .front-page #main .lead-story article.lead_story_front_page_photo .entry-title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}

.front-page #main .lead-story + .sidebar-callout {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}

.front-page #main .lead-story + .sidebar-callout aside {
  flex: 1 0 auto;
  padding: 1em;
  margin: 0 0 1em;
  background-color: #ebebeb;
}

@media (max-width: 40em) {
  .front-page #main .lead-story + .sidebar-callout aside {
    margin: 0 1em;
  }
}

.front-page #main .top-stories {
  background-color: #ebebeb;
}

.front-page #main .top-stories .articles-list {
  padding: 0 0.5em;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.front-page #main .top-stories .articles-list li {
  margin-bottom: 1em;
  flex: 1 0 100%;
}

@media (min-width: 30em) {
  .front-page #main .top-stories .articles-list li {
    margin-bottom: 0.5em;
    flex: 1 0 50%;
  }
}

.front-page #main .top-stories .articles-list li article {
  padding: 0 0.5em;
  margin-bottom: 0.5em;
  border-top: none;
}

.front-page #main .top-stories .articles-list li .entry-title {
  font-size: 20px;
  font-size: 1.25rem;
}

.front-page #main .top-stories .articles-list li .post-content:first-child .entry-title {
  font-size: 26px;
  font-size: 1.625rem;
  margin-bottom: 0.5em;
}

.front-page #main .top-stories .articles-list .comments-number-container {
  position: static;
}

@media (max-width: 30em) {
  .front-page #main .top-stories .articles-list .comments-number-container {
    padding-bottom: 0.25em;
    border-bottom: 1px solid #aaa;
  }
}

@media (min-width: 30em) {
  .front-page #main .top-stories .articles-list .comments-number-container {
    padding-top: 0.25em;
    border-top: 1px solid #aaa;
  }
}

.front-page #main .top-stories .articles-list .comments-number {
  margin-bottom: 0;
}

.front-page #main .top-stories .articles-list .comments-number .number {
  color: #fff;
  background-color: #aaa;
}

.front-page #main .top-stories .articles-list .comments-number .comments-number-link:after {
  border-top: 8px solid #aaa;
}

.front-page #main .top-stories .articles-list .sponsored {
  font-family: "Source Sans Pro", sans-serif;
  color: #000000;
  text-transform: uppercase;
  line-height: 1;
  background: rgba(255, 255, 255, 0.8);
  padding: 0.25em 0.375em;
  position: absolute;
  top: 0.5em;
  right: 1em;
}

.front-page #main .top-stories .articles-list .sponsored span {
  font-size: 14px;
  font-size: 0.875rem;
}

@media (min-width: 60em) {
  .front-page #main .top-stories .articles-list {
    flex-flow: row nowrap;
  }
}

@media (min-width: 30em) {
  .front-page #main .top-stories .articles-list li {
    flex: 0 1 50%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .front-page #main .top-stories .articles-list li article {
    flex: 1 0 auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .front-page #main .top-stories .articles-list li article .post-hero {
    flex: 0 auto;
  }
  .front-page #main .top-stories .articles-list li article .post-content {
    margin-bottom: 0;
    flex: 1 0 auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .front-page #main .top-stories .articles-list li article .post-content .entry-summary {
    flex: 1 0 auto;
    margin-bottom: 0.5em;
  }
  .front-page #main .top-stories .articles-list li article.category-opinion .post-content {
    padding: 1em;
    background-color: #d9d9d9;
  }
}

@media (min-width: 48em) {
  .front-page #main .top-stories .articles-list li {
    flex: 0 1 25%;
  }
}

.front-page #main .berkeley-wire {
  background-color: #444;
}

.front-page #main .berkeley-wire header {
  background-color: #444;
}

.front-page #main .berkeley-wire header h1 {
  margin-bottom: 0;
}

.front-page #main .berkeley-wire header p {
  color: #fff;
  padding: 0.125em 0.75em 0.5em;
}

.front-page #main .berkeley-wire .post-hero {
  margin-bottom: 0;
}

.front-page #main .berkeley-wire .wp-caption-text {
  color: #ebebeb;
  padding: 0.5em 0.75em;
  background-color: #444;
}

.front-page #main .opinion .articles-list {
  background-color: #ebebeb;
  margin-top: 0;
}

.front-page #main .opinion .articles-list li article {
  position: relative;
  margin: 0 0.75em;
  padding: 0.5em 3em 1em 0;
}

.front-page #main .opinion .articles-list li .entry-title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25;
}

@media (min-width: 48em) and (max-width: 60em) {
  .front-page #main .opinion .articles-list li .entry-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.front-page #main .opinion .articles-list li .entry-meta {
  font-size: 16px;
  font-size: 1rem;
}

.front-page #main .opinion .articles-list li .comments-number {
  position: absolute;
  top: 0.75em;
  right: 0;
}

.front-page #main .opinion .articles-list li .comments-number .number {
  color: #fff;
  background-color: #777;
}

.front-page #main .opinion .articles-list li .comments-number .number:hover {
  color: #fff;
  background-color: #3f9eea;
}

.front-page #main .opinion .articles-list li .comments-number .comments-number-link:after {
  border-top: 8px solid #777;
}

.front-page #main .nosh {
  border-bottom: 1em solid #F65117;
}

.front-page #main .nosh header h1 {
  margin-bottom: 0;
}

.front-page #main .nosh .section-header {
  background-color: #F65117;
}

.front-page #main .nosh section {
  margin: 0;
}

.front-page #main .nosh .nosh-column-1 {
  flex: 0 1 40%;
}

.front-page #main .nosh .nosh-column-2 {
  flex: 1;
}

.front-page #main .nosh .nosh-column-1 {
  display: flex;
  min-height: 300px;
}

@media (min-width: 40em) {
  .front-page #main .nosh .nosh-column-1 {
    min-height: 400px;
  }
}

.front-page #main .nosh .nosh-lead-story article {
  flex: 1;
}

.front-page #main .nosh .nosh-lead-story article .post-hero {
  margin-bottom: 0;
}

.front-page #main .nosh .nosh-lead-story article .post-content {
  padding: 1em;
  background: #bd3100;
}

.front-page #main .nosh .nosh-lead-story article .entry-title {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1;
  margin-bottom: 0;
}

.front-page #main .nosh .nosh-lead-story article .entry-title a {
  color: #fff;
}

@media (min-width: 40em) {
  .front-page #main .nosh .nosh-lead-story article {
    width: 100%;
    position: relative;
    border-bottom: none;
  }
  .front-page #main .nosh .nosh-lead-story article .post-hero-bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 150;
  }
  .front-page #main .nosh .nosh-lead-story article .post-hero {
    display: none;
  }
  .front-page #main .nosh .nosh-lead-story article .post-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    padding: 2em 2em 2em;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
  }
  .front-page #main .nosh .nosh-lead-story article .entry-title a {
    text-shadow: 0px 0px 3px #000;
  }
  .front-page #main .nosh .nosh-lead-story article .entry-title a:hover {
    color: #d9d9d9;
  }
}

.front-page #main .nosh .nosh-column-2-1 {
  background-color: #ebebeb;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
}

.front-page #main .nosh .nosh-column-2-1 .articles-list {
  margin-top: 0;
}

.front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(1) {
  padding: 1em;
}

.front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(1) li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(1) article .entry-title {
  font-size: 22px;
  font-size: 1.375rem;
}

.front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(1) article .entry-title a {
  color: #F65117;
}

.front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) {
  min-height: 300px;
  flex: 1 0 auto;
  display: flex;
}

.front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article {
  flex: 1;
}

.front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article .post-hero {
  margin-bottom: 0;
}

.front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article .post-content {
  padding: 1em;
  background: #bd3100;
}

.front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article .entry-title {
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 0;
}

.front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article .entry-title a {
  color: #fff;
}

@media (min-width: 40em) {
  .front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article {
    width: 100%;
    position: relative;
    border-bottom: none;
  }
  .front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article .post-hero-bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 150;
  }
  .front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article .post-hero {
    display: none;
  }
  .front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article .post-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    padding: 1em;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
  }
  .front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article .entry-title a {
    text-shadow: 0px 0px 3px #000;
  }
  .front-page #main .nosh .nosh-column-2-1 .nosh-subsection:nth-child(2) article .entry-title a:hover {
    color: #d9d9d9;
  }
}

.front-page #main .nosh .nosh-column-2-2 {
  background-color: #d9d9d9;
}

.front-page #main .nosh .nosh-column-2-2 .ad-container.section {
  margin: 0;
  padding: 1em;
}

@media (min-width: 60em) {
  .single #main {
    align-items: flex-start;
  }
}

.single #main .hentry {
  flex: 1;
  margin: 1em;
}

.single #main .hentry > * {
  margin-bottom: 1em;
}

.single #main .hentry > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 60em) {
  .single #main .hentry .entry-meta {
    order: 1;
    flex: 0 1 11.25em;
  }
  .single #main .hentry .entry-header {
    order: 2;
    flex: 1 1 60%;
  }
  .single #main .hentry .entry-content {
    order: 3;
    margin-left: 12.25em;
  }
  .single #main .hentry .entry-footer {
    order: 4;
  }
}

.single #main .hentry .entry-meta {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 0.75em;
}

.single #main .hentry .entry-meta .post-date-author,
.single #main .hentry .entry-meta .social-bar {
  overflow: hidden;
}

.single #main .hentry .entry-meta .post-date-author {
  margin-top: 0.25em;
}

.single #main .hentry .entry-meta .social-bar {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 0.5em;
  margin-bottom: 0.25em;
}

.single #main .hentry .entry-meta .post-category {
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
}

@media (min-width: 60em) {
  .single #main .hentry .entry-meta {
    margin: 0 1em 0 0;
  }
  .single #main .hentry .entry-meta .posted-on, .single #main .hentry .entry-meta .byline {
    display: block;
  }
  .single #main .hentry .entry-meta .byline::after {
    content: ',';
  }
}

.single #main .hentry .entry-meta .comments-number-container {
  display: inline-block;
  margin-right: 0.25em;
}

.single #main .hentry .entry-meta .comments-number-container .comments-number .number {
  font-size: 0.875em;
  min-width: 22px;
  padding: 3px 8px 0;
}

.single #main .hentry .entry-header {
  margin-bottom: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
}

.single #main .hentry .entry-header .post-banner {
  margin-bottom: 0.75em;
}

.single #main .hentry .entry-header .post-banner .post-banner-title {
  font-family: "Source Sans Pro", sans-serif;
  color: #FFF;
  text-transform: uppercase;
  background-color: #A50053;
  padding: 0.25em 0.5em;
}

.single #main .hentry .entry-header .entry-title {
  font-size: 30px;
  font-size: 1.875rem;
  margin-bottom: 0.25em;
}

@media (min-width: 40em) {
  .single #main .hentry .entry-header .entry-title {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.single #main .hentry .entry-header .entry-summary {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 1em;
}

.single #main .hentry .entry-header .breaking-updated {
  margin: 0.3125em 0 0.875em;
}

.single #main .hentry .entry-header .breaking-updated .breaking-updated-title {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  background-color: #c1272d;
  padding: 0 0.25em;
  margin-bottom: 0.25em;
  display: block;
}

@media (min-width: 40em) {
  .single #main .hentry .entry-header .breaking-updated .breaking-updated-title {
    display: inline-block;
    margin-right: 0.25em;
    margin-bottom: 0;
  }
}

.single #main .hentry .entry-header .breaking-updated .updated-on {
  color: #c1272d;
}

.single #main .hentry .entry-content {
  width: 100%;
}

.single #main .hentry .entry-content h2, .single #main .hentry .entry-content h3 {
  margin-bottom: 1em;
}

.single #main .hentry .meta-related-stories {
  margin-top: 1.5em;
}

.single #main .hentry .meta-related-stories h2 {
  margin-bottom: 0.25em;
}

.single #main .hentry .meta-related-stories ul {
  margin-left: 1em;
}

.single #main .hentry .entry-footer {
  flex: 1 100%;
  border-top: 2px solid #04BFBF;
  padding-top: 0.5em;
}

.single #main .hentry .entry-footer h2 {
  margin-bottom: 0.25em;
}

.single #main .hentry .entry-footer .tags-links a {
  font-size: 14.44px;
  font-size: 0.9025rem;
  background-color: #ebebeb;
  padding: 0.125em 0.375em;
  margin: 0 0.5em 0.5em 0;
  display: inline-block;
}

.single #main .ad-container {
  margin: 0 1em;
  border-top: 2px solid #aaa;
}

.single #main .comments-area {
  flex-basis: 100%;
}

.single #main .content-ad {
  clear: left;
  padding: 0.5em 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.single #main .opinionator-author-meta {
  margin-bottom: 1.5em;
}

.single #main .opinionator-author-meta .opinionator-author {
  font-weight: 600;
  margin-bottom: 0;
}

.single #main .opinionator-author-meta .opinionator-author-bio {
  font-style: italic;
  color: #777;
}

.single #content-area-comments #comments-policy {
  flex: 0 0 300px;
  margin: 0 1em 1em;
  padding: 1em;
  background: #ebebeb;
}

@media (min-width: 40em) {
  .single #content-area-comments #comments-policy {
    order: 2;
  }
}

.single #content-area-comments #comments-section {
  flex: 1 1;
}

@media (min-width: 40em) {
  .single #content-area-comments #comments-section {
    order: 1;
  }
}

.page #main section.main-page {
  margin: 1em;
  flex: 1 1;
}

.page #main section.main-page section.child-pages article {
  outline: none;
}

.page #main section.main-page section.child-pages article h2 {
  font-size: 28px;
  font-size: 1.75rem;
  margin-bottom: 0.5em;
}

.page #main section.main-page section.child-pages article:last-child {
  margin-bottom: 1.5em;
}

.page #main #secondary {
  padding: 1em;
  background-color: #d9d9d9;
}

.page #main .section-index {
  padding: 1.5em 1em 1em;
}

.page #main .section-index h1 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 0.5em;
}

.page #main .section-index ul {
  list-style: none;
  margin: 0;
}

.page #main .child-heading {
  border-bottom: 1px solid #aaa;
}

.page #main .child-heading:before {
  display: block;
  content: " ";
  height: 1em;
  visibility: hidden;
}

.page #main .whois-list {
  margin: 0 -0.5em;
  list-style: none;
  justify-content: flex-start;
}

.page #main .whois-list .whois-person {
  padding: 0 0.5em;
  margin-bottom: 1em;
  flex: 0 0 25%;
}

.page #main .whois-list .whois-person a {
  display: block;
  width: 100%;
  height: 100%;
}

.page #main .whois-list .whois-person a:hover {
  color: #fff;
  background-color: #0053A5;
}

.page #main .whois-list .whois-name {
  font-weight: 600;
  display: block;
  padding: 0.25em 0.25em 0;
}

.page #main .whois-list .whois-title {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  padding: 0 0.25em 0.25em;
}

.donation-block {
  background-color: #E7F3FC;
  margin-bottom: 2em;
  overflow: auto;
  border-radius: 4px;
  border: 1px solid #d9d9d9;
}

.donation-block div.column {
  padding: 1em 1em 0;
}

@media (min-width: 30em) {
  .donation-block {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
  }
  .donation-block div.column {
    flex: 0 1 50%;
  }
}

.donation-block ul {
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-bottom: 10px !important;
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.donation-block li {
  flex: 0 1 30%;
}

.donation-block a.donation-button {
  font-size: 16px;
  text-align: center;
  width: 100%;
  padding: 8px 3px;
  border: 1px solid #777;
  display: block;
  border-radius: 4px;
  margin: 0.5em 0;
}

.donation-block a.donation-button:hover {
  color: #fff;
  background-color: #444;
}

.donation-block a.donation-specified {
  color: #fff;
  background-color: #3f9eea;
  width: 100%;
}

.donation-block a.donation-monthly {
  color: #333;
  background-color: #d9d9d9;
}

.donation-block a.donation-once {
  color: #fff;
  background-color: #3f9eea;
}

@media (min-width: 30em) {
  #mc_embed_signup_master .mc-column {
    float: left;
    width: 50%;
  }
}

#mc_embed_signup_master input[type=email],
#mc_embed_signup_master input[type=text] {
  width: 100%;
  margin-top: 0.25em;
  margin-bottom: 1em;
  background-color: #ebebeb;
}

@media (min-width: 30em) {
  #mc_embed_signup_master input[type=email],
  #mc_embed_signup_master input[type=text] {
    width: 90%;
  }
}

#mc_embed_signup_master .subscription-selection {
  /* hide input checkbox */
  /* to hide the checkbox itself */
  /* checkbox checked */
  /* Font Awesome checkboxes */
  /* unchecked icon */
  /* checked icon */
}

#mc_embed_signup_master .subscription-selection li {
  padding-top: 0.5em;
  margin-bottom: 0.5em;
  border-top: 1px solid #d9d9d9;
}

#mc_embed_signup_master .subscription-selection br {
  display: none;
}

#mc_embed_signup_master .subscription-selection label {
  position: relative;
  display: block;
  padding: 1em 1em 1em 2.5em;
}

#mc_embed_signup_master .subscription-selection .description {
  display: block;
  margin-top: 0.5em;
}

#mc_embed_signup_master .subscription-selection input[type=checkbox] {
  display: none;
}

#mc_embed_signup_master .subscription-selection input[type=checkbox]:checked + label {
  background-color: #ebebeb;
}

#mc_embed_signup_master .subscription-selection input[type=checkbox] + label:before {
  font-family: FontAwesome;
  font-size: 1.5em;
  position: absolute;
  left: 0.5em;
}

#mc_embed_signup_master .subscription-selection input[type=checkbox] + label:before {
  content: "\f096";
}

#mc_embed_signup_master .subscription-selection input[type=checkbox]:checked + label:before {
  content: "\f046";
}

#mc_embed_signup_master input[type=submit] {
  border: 1px solid;
  border-color: #777;
  border-radius: 3px;
  background: #3f9eea;
  color: #fff;
  font-size: 1.5em;
  line-height: 1;
  padding: .5em 1em .5em;
  width: 100%;
  transition: background 0.3s ease;
}

#mc_embed_signup_master input[type=submit]:hover {
  background: #003467;
}

#mc_embed_signup_master .subscription-note {
  border-top: 1px solid #d9d9d9;
  padding-top: 0.5em;
}

#disqus_thread {
  margin: 0 1em;
  border-top: 0.5em solid #3f9eea;
}

#primary .comments-area {
  border-top: 2px solid #aaa;
  padding: 1em;
  margin: 0 1em;
}

@media (min-width: 60em) {
  #primary .comments-area {
    padding-right: 19.75em;
  }
}

#primary .comments-area .comments-title {
  padding-bottom: 1em;
}

#primary .comments-area .comment-meta {
  margin-bottom: 1em;
}

#primary .comments-area .comment-list,
#primary .comments-area .children {
  list-style: none;
}

#primary .comments-area .comment-list .comment,
#primary .comments-area .children .comment {
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 3.5em;
}

#primary .comments-area .comment-list .comment > .children,
#primary .comments-area .children .comment > .children {
  padding: 1em;
  background-color: #ebebeb;
}

#primary .comments-area .comment-list .comment.depth-1,
#primary .comments-area .children .comment.depth-1 {
  padding-top: 1em;
  margin-bottom: 1em;
  border-top: 1px solid #d9d9d9;
}

#primary .comments-area .comment-list .comment.depth-2 .children,
#primary .comments-area .children .comment.depth-2 .children {
  padding: 0 1em;
  border-left: 1px solid #aaa;
  margin-bottom: 1em;
}

#primary .comments-area .comment-list .comment article,
#primary .comments-area .children .comment article {
  margin-bottom: 1em;
}

#primary .comments-area .comment-list .comment .comment-author,
#primary .comments-area .children .comment .comment-author {
  position: relative;
}

#primary .comments-area .comment-list .comment .comment-author img,
#primary .comments-area .children .comment .comment-author img {
  position: absolute;
  left: -3.5em;
}

#primary .comments-area .no-comments {
  color: #fff;
  text-transform: uppercase;
  padding: 0.75em 1em 0.625em 1em;
  margin: 2em 0 1em;
  background-color: #777;
}

.aside-content-bottom {
  margin-bottom: 1em;
  border: 1px solid #444;
  background-color: #ebebeb;
  flex: 1;
}

.aside-content-bottom:last-child {
  margin-bottom: 0;
}

@media (min-width: 60em) {
  .aside-content-bottom {
    margin: 0 0.5em;
  }
  .aside-content-bottom:first-child {
    margin-left: 0;
  }
  .aside-content-bottom:last-child {
    margin-right: 0;
  }
}

.aside-content-bottom h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Source Sans Pro", sans-serif;
  color: #fff;
  line-height: 1.25;
  text-transform: uppercase;
  margin-bottom: 0;
  background-color: #0053A5;
  padding: 0.25em 0.5em;
}

.aside-content-bottom h2 a {
  display: block;
  background-color: #0053A5;
  padding: 0.25em 0.5em;
  background-color: #0053A5;
  margin: -0.25em -0.5em;
}

.aside-content-bottom h2 a:after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  content: '\f0a9';
  padding: 0.375em;
}

.aside-content-bottom p {
  line-height: 1.5;
  padding: 0.25em 0.5em;
}

.aside-content-bottom p:last-child {
  margin-bottom: 0;
}

.aside-content-bottom a {
  color: #fff;
  background-color: #3f9eea;
  padding: 0.125em 0.25em;
  transition: background 0.3s ease;
  box-decoration-break: clone;
}

.aside-content-bottom a:hover, .aside-content-bottom a:focus {
  color: #0053A5;
  background-color: #fff;
}

.aside-content-bottom.aside-category h2 {
  background-color: #04BFBF;
}

.aside-content-bottom.aside-category h2 a {
  background-color: #04BFBF;
}

.aside-content-bottom.aside-category a {
  color: #fff;
  background-color: #04BFBF;
}

.aside-content-bottom.aside-category a:hover, .aside-content-bottom.aside-category a:focus {
  color: #04BFBF;
  background-color: #fff;
}

.archive.nosh-front-page a:hover, .archive.nosh-front-page a:active, .archive.nosh-front-page a:focus,
.archive.category-nosh a:hover,
.archive.category-nosh a:active,
.archive.category-nosh a:focus,
.single.category-nosh a:hover,
.single.category-nosh a:active,
.single.category-nosh a:focus {
  color: #F65117;
}

.archive.nosh-front-page aside .aside-header,
.archive.category-nosh aside .aside-header,
.single.category-nosh aside .aside-header {
  background-color: #F65117;
}

.archive.nosh-front-page .page-title a,
.archive.category-nosh .page-title a,
.single.category-nosh .page-title a {
  color: #bd3100;
}

.archive.nosh-front-page .page-title a:hover, .archive.nosh-front-page .page-title a:active, .archive.nosh-front-page .page-title a:focus,
.archive.category-nosh .page-title a:hover,
.archive.category-nosh .page-title a:active,
.archive.category-nosh .page-title a:focus,
.single.category-nosh .page-title a:hover,
.single.category-nosh .page-title a:active,
.single.category-nosh .page-title a:focus {
  color: #F65117;
}

.archive.nosh-front-page .section-header,
.archive.category-nosh .section-header,
.single.category-nosh .section-header {
  background-color: #F65117;
}

.archive.nosh-front-page .nav-links a,
.archive.category-nosh .nav-links a,
.single.category-nosh .nav-links a {
  color: #bd3100;
}

.archive.nosh-front-page .nav-links a:hover, .archive.nosh-front-page .nav-links a:active, .archive.nosh-front-page .nav-links a:focus,
.archive.category-nosh .nav-links a:hover,
.archive.category-nosh .nav-links a:active,
.archive.category-nosh .nav-links a:focus,
.single.category-nosh .nav-links a:hover,
.single.category-nosh .nav-links a:active,
.single.category-nosh .nav-links a:focus {
  color: #F65117;
}

.archive.nosh-front-page #masthead .page-group,
.archive.category-nosh #masthead .page-group,
.single.category-nosh #masthead .page-group {
  background-color: #F65117;
}

.archive.nosh-front-page #masthead #site-navigation,
.archive.category-nosh #masthead #site-navigation,
.single.category-nosh #masthead #site-navigation {
  background-color: #bd3100;
}

.archive.nosh-front-page #masthead #site-navigation li a:hover, .archive.nosh-front-page #masthead #site-navigation li a:active, .archive.nosh-front-page #masthead #site-navigation li a:focus,
.archive.category-nosh #masthead #site-navigation li a:hover,
.archive.category-nosh #masthead #site-navigation li a:active,
.archive.category-nosh #masthead #site-navigation li a:focus,
.single.category-nosh #masthead #site-navigation li a:hover,
.single.category-nosh #masthead #site-navigation li a:active,
.single.category-nosh #masthead #site-navigation li a:focus {
  background-color: #F65117;
}

.archive.nosh-front-page #masthead input.gsc-search-button,
.archive.category-nosh #masthead input.gsc-search-button,
.single.category-nosh #masthead input.gsc-search-button {
  background-color: #bd3100;
}

.archive.nosh-front-page #main #secondary,
.archive.category-nosh #main #secondary,
.single.category-nosh #main #secondary {
  padding: 0;
  background: transparent;
}

.archive.nosh-front-page .nosh-archives-row .nosh-asides-section,
.archive.category-nosh .nosh-archives-row .nosh-asides-section,
.single.category-nosh .nosh-archives-row .nosh-asides-section {
  flex: 0 0 300px;
}

.archive.nosh-front-page .widget-title,
.archive.category-nosh .widget-title,
.single.category-nosh .widget-title {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  background-color: #777;
  padding: 0.25em 0.5em;
  border-top: none;
}

.archive.nosh-front-page .nosh-asides-section aside,
.archive.category-nosh .nosh-asides-section aside,
.single.category-nosh .nosh-asides-section aside {
  margin: 0 1em 1em;
}

.archive.nosh-front-page .nosh-asides-section aside:last-child,
.archive.category-nosh .nosh-asides-section aside:last-child,
.single.category-nosh .nosh-asides-section aside:last-child {
  padding-bottom: 1em;
  margin-bottom: 0;
  border-bottom: 1px solid #777;
}

.archive.nosh-front-page section {
  margin-bottom: 1em;
}

.archive.nosh-front-page section > section {
  margin-bottom: 0;
}

.archive.nosh-front-page a {
  color: #444;
}

.archive.nosh-front-page .section-header {
  margin: 1em;
}

.archive.nosh-front-page .section-title,
.archive.nosh-front-page .aside-title {
  line-height: 1;
}

.archive.nosh-front-page .hentry {
  background-color: #ebebeb;
}

.archive.nosh-front-page .post-content {
  padding: 0.5em;
}

.archive.nosh-front-page .widget {
  margin: 0;
}

.archive.nosh-front-page .nosh-lead-story article {
  border-bottom: 2px solid #aaa;
  flex: 1;
}

.archive.nosh-front-page .nosh-lead-story article .post-hero {
  margin-bottom: 0;
}

.archive.nosh-front-page .nosh-lead-story article .post-content {
  padding: 1em;
  background: rgba(0, 0, 0, 0.5);
  background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
}

@media (min-width: 40em) {
  .archive.nosh-front-page .nosh-lead-story article .post-content {
    padding: 2em 2em 2em;
  }
}

.archive.nosh-front-page .nosh-lead-story article .entry-title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1;
  max-width: 600px;
}

@media (min-width: 40em) {
  .archive.nosh-front-page .nosh-lead-story article .entry-title {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.archive.nosh-front-page .nosh-lead-story article .entry-summary {
  color: #444;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.125;
}

@media (min-width: 40em) {
  .archive.nosh-front-page .nosh-lead-story article .entry-summary {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0.5em;
    background: rgba(255, 255, 255, 0.8);
  }
}

.archive.nosh-front-page .nosh-lead-story article .post-hero-bg {
  display: none;
}

.archive.nosh-front-page .nosh-lead-story article .post-content {
  background: transparent;
  padding: 1em;
}

@media (min-width: 40em) {
  .archive.nosh-front-page .nosh-lead-story {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
}

@media (min-width: 40em) and (min-width: 48em) {
  .archive.nosh-front-page .nosh-lead-story {
    margin: 1em 0 1em 1em;
  }
}

@media (min-width: 40em) {
  .archive.nosh-front-page .nosh-lead-story article {
    width: 100%;
    height: 100%;
    min-height: 360px;
    position: relative;
    border-bottom: none;
  }
  .archive.nosh-front-page .nosh-lead-story article .post-hero-bg {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 150;
  }
  .archive.nosh-front-page .nosh-lead-story article .post-hero {
    display: none;
  }
  .archive.nosh-front-page .nosh-lead-story article .post-content {
    position: absolute;
    top: 0;
    left: 2em;
    z-index: 200;
    width: 75%;
    max-width: 540px;
    background: rgba(255, 255, 255, 0.8);
  }
  .archive.nosh-front-page .nosh-lead-story article .entry-title a {
    color: #333;
  }
  .archive.nosh-front-page .nosh-lead-story article .entry-summary {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.25;
    background: none;
    padding: 0;
  }
}

.archive.nosh-front-page .ad-container.ad-column {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0.5em 0;
  margin-bottom: 1em;
}

@media (min-width: 48em) {
  .archive.nosh-front-page .ad-container.ad-column {
    padding: 0.5em 0;
    margin-bottom: 0;
  }
}

.archive.nosh-front-page .ad-container.ad-column .ad-type {
  min-width: 300px;
  margin: 0.5em auto;
}

.archive.nosh-front-page .top-stories .articles-list {
  margin: 0 0.5em;
}

.archive.nosh-front-page .top-stories .articles-list .hentry {
  margin: 0 0.5em 1em;
}

.archive.nosh-front-page .top-stories .articles-list .entry-title {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 0.375em;
}

.archive.nosh-front-page .top-stories .articles-list li {
  position: relative;
}

.archive.nosh-front-page .top-stories .articles-list .sponsored {
  font-family: "Source Sans Pro", sans-serif;
  color: #000000;
  text-transform: uppercase;
  line-height: 1;
  background: rgba(255, 255, 255, 0.8);
  padding: 0.25em 0.375em;
  position: absolute;
  top: 0.75em;
  left: 0.5em;
}

.archive.nosh-front-page .top-stories .articles-list .sponsored span {
  font-size: 14px;
  font-size: 0.875rem;
}

@media (min-width: 30em) {
  .archive.nosh-front-page .top-stories .articles-list article {
    display: flex;
  }
  .archive.nosh-front-page .top-stories .articles-list article .post-hero {
    flex: 0 0 50%;
  }
  .archive.nosh-front-page .top-stories .articles-list article .entry-title {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

@media (min-width: 48em) {
  .archive.nosh-front-page .top-stories .articles-list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .archive.nosh-front-page .top-stories .articles-list li {
    flex: 1 1 33.333333333%;
    margin: 0;
    display: flex;
  }
  .archive.nosh-front-page .top-stories .articles-list li .post-hero {
    flex: 0 1 auto;
  }
  .archive.nosh-front-page .top-stories .articles-list li .hentry {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 0.5em;
  }
  .archive.nosh-front-page .top-stories .articles-list li .hentry .post-content {
    flex: 1;
  }
}

.archive.nosh-front-page .nosh-bites .articles-list {
  margin: 0 0.5em;
}

.archive.nosh-front-page .nosh-bites .articles-list .hentry {
  margin: 0 0.5em 1em;
}

.archive.nosh-front-page .nosh-bites .articles-list:nth-child(2) .entry-title {
  font-size: 20px;
  font-size: 1.25rem;
}

@media (min-width: 48em) {
  .archive.nosh-front-page .nosh-bites {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .archive.nosh-front-page .nosh-bites .section-articles {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .archive.nosh-front-page .nosh-bites .section-articles > .articles-list {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .archive.nosh-front-page .nosh-bites .section-articles > .articles-list > li {
    flex: 1;
    display: flex;
  }
  .archive.nosh-front-page .nosh-bites .section-articles > .articles-list > li .hentry {
    width: 100%;
  }
}

@media (min-width: 48em) and (min-width: 60em) {
  .archive.nosh-front-page .nosh-bites .section-articles > .articles-list > li:last-child .hentry {
    margin-bottom: 0;
  }
}

.archive.nosh-front-page .nosh-spotlights .articles-list {
  margin: 0 0.5em;
}

.archive.nosh-front-page .nosh-spotlights .articles-list .hentry {
  margin: 0 0.5em 1em;
}

.archive.nosh-front-page .nosh-spotlights .articles-list .hentry .entry-summary {
  display: none;
}

@media (min-width: 30em) and (max-width: 60em) {
  .archive.nosh-front-page .nosh-spotlights .articles-list .hentry {
    display: flex;
  }
  .archive.nosh-front-page .nosh-spotlights .articles-list .hentry .post-hero {
    flex: 0 0 50%;
  }
  .archive.nosh-front-page .nosh-spotlights .articles-list .hentry .entry-title {
    font-size: 22px;
    font-size: 1.375rem;
  }
}

@media (min-width: 40em) {
  .archive.nosh-front-page .nosh-spotlights .nosh-spotlights-row-01 .spotlight-01 {
    flex: 0 0 50%;
  }
  .archive.nosh-front-page .nosh-spotlights .articles-list > li:last-child .hentry {
    margin-bottom: 0;
  }
}

@media (min-width: 60em) {
  .archive.nosh-front-page .nosh-spotlights .nosh-spotlights-row-01 .spotlight-01 {
    flex: 0 0 66.666666666%;
  }
  .archive.nosh-front-page .nosh-spotlights .section-nosh-spotlight {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
  }
  .archive.nosh-front-page .nosh-spotlights .articles-list {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .archive.nosh-front-page .nosh-spotlights .articles-list > li {
    flex: 1;
    display: flex;
  }
  .archive.nosh-front-page .nosh-spotlights .articles-list > li .hentry {
    width: 100%;
    margin-bottom: 0;
  }
  .archive.nosh-front-page .nosh-spotlights .articles-list > li .hentry .entry-summary {
    display: block;
  }
}

.archive.nosh-front-page .nosh-spotlights .nosh-wire {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
}

.archive.nosh-front-page .nosh-spotlights .nosh-wire aside {
  margin-top: 0;
}

.archive.nosh-front-page .nosh-spotlights .nosh-wire aside.nosh-wire-aside .aside-header {
  background-color: #bd3100;
}

.archive.nosh-front-page .nosh-spotlights .nosh-wire aside.nosh-wire-aside .post-content {
  padding: 1em;
  background-color: #ebebeb;
}

.archive.nosh-front-page .nosh-spotlights .nosh-wire aside.nosh-wire-aside .entry-summary {
  margin-top: 0.75em;
}

.archive.nosh-front-page .nosh-spotlights .nosh-wire aside:last-child {
  flex: 1;
}

.archive.nosh-front-page .nosh-spotlights .nosh-wire aside.widget {
  margin-top: 1em;
}

.archive.nosh-front-page .nosh-home-nosh-guide {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: stretch;
}

.archive.nosh-front-page .nosh-home-nosh-guide .section-header {
  margin-bottom: 0;
}

.archive.nosh-front-page .nosh-home-nosh-guide .section-content {
  background-color: #ebebeb;
  margin: 0 1em;
  padding: 0.5em;
  flex: 1;
}

.archive.nosh-front-page .nosh-home-nosh-guide .section-content .section-description {
  margin: 0.5em 0.5em 1em;
}

.archive.nosh-front-page .nosh-home-nosh-guide .section-content #nosh-guide-main-menu {
  list-style: none;
  margin: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}

.archive.nosh-front-page .nosh-home-nosh-guide .section-content #nosh-guide-main-menu li {
  padding: 0 0.25em 0.25em;
  flex: 0 1 50%;
}

@media (min-width: 30em) and (max-width: 48em) {
  .archive.nosh-front-page .nosh-home-nosh-guide .section-content #nosh-guide-main-menu li {
    flex-basis: 33.333333333%;
  }
}

@media (min-width: 48em) and (max-width: 60em) {
  .archive.nosh-front-page .nosh-home-nosh-guide .section-content #nosh-guide-main-menu li {
    flex-basis: 50%;
  }
}

@media (min-width: 60em) {
  .archive.nosh-front-page .nosh-home-nosh-guide .section-content #nosh-guide-main-menu li {
    flex-basis: 33.333333333%;
  }
}

.archive.nosh-front-page .nosh-home-nosh-guide .section-content #nosh-guide-main-menu li a {
  color: #444;
  line-height: 1;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: stretch;
}

.archive.nosh-front-page .nosh-home-nosh-guide .section-content #nosh-guide-main-menu li a:hover {
  color: #F65117;
}

.archive.nosh-front-page .nosh-home-nosh-guide .section-content #nosh-guide-main-menu li h2 {
  font-weight: 600;
  margin-bottom: 0.125em;
  font-size: 14px;
  font-size: 0.875rem;
}

@media (min-width: 40em) {
  .archive.nosh-front-page .nosh-home-nosh-guide .section-content #nosh-guide-main-menu li h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.archive.nosh-front-page .nosh-home-nosh-guide .section-content #nosh-guide-main-menu li img {
  width: 100%;
}

.archive.nosh-front-page .section-nosh-recipes {
  margin-bottom: 0;
}

.archive.nosh-front-page .section-nosh-recipes .articles-list {
  margin: 0 0.5em;
}

.archive.nosh-front-page .section-nosh-recipes .articles-list li {
  display: flex;
  flex-flow: column nowrap;
}

.archive.nosh-front-page .section-nosh-recipes .articles-list .hentry {
  margin: 0 0.5em 1em;
  flex: 1;
}

@media (min-width: 30em) {
  .archive.nosh-front-page .section-nosh-recipes .articles-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .archive.nosh-front-page .section-nosh-recipes .articles-list > * {
    flex-basis: 50%;
  }
}

@media (min-width: 30em) and (min-width: 48em) {
  .archive.nosh-front-page .section-nosh-recipes .articles-list > * {
    flex-basis: 25%;
  }
}

.archive.nosh-front-page .section-nosh-recipes .entry-title {
  font-size: 18px;
  font-size: 1.125rem;
}

.archive.nosh-front-page .nosh-archives-row {
  border-top: 2px solid #aaa;
}

.archive.nosh-front-page .archive-child-section {
  margin-bottom: 0;
}

.archive.nosh-front-page .archive-child-section .section-header {
  margin-bottom: 0;
}

.archive.nosh-front-page .archive-child-section .archived-articles {
  margin-bottom: 0.5em;
}

.archive.nosh-front-page .archive-child-section .articles-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  margin: 0 0.5em;
}

.archive.nosh-front-page .archive-child-section .articles-list li {
  display: flex;
  border-bottom: none;
}

@media (min-width: 30em) {
  .archive.nosh-front-page .archive-child-section .articles-list li {
    flex: 1 0 50%;
  }
}

@media (min-width: 40em) {
  .archive.nosh-front-page .archive-child-section .articles-list li {
    flex: 1 0  33.333333333%;
  }
}

@media (min-width: 48em) {
  .archive.nosh-front-page .archive-child-section .articles-list li {
    flex: 1 0  50%;
  }
}

@media (min-width: 60em) {
  .archive.nosh-front-page .archive-child-section .articles-list li {
    flex: 1 0  33.333333333%;
  }
}

.archive.nosh-front-page .archive-child-section .articles-list li .hentry {
  flex: 1;
  margin: 0 0.5em;
}

.archive.nosh-front-page .archive-child-section .articles-list li .hentry .entry-title {
  font-size: 18px;
  font-size: 1.125rem;
}

.archive.nosh-front-page .archive-child-section .articles-list li .hentry .entry-summary {
  font-size: 15px;
  font-size: 0.9375rem;
}

.archive .page-header {
  margin: 1em 1em 0;
  padding-bottom: 0.25em;
  border-bottom: 2px solid #444;
}

.archive .comments-number .number {
  background-color: #aaa;
}

.archive .comments-number .comments-number-link:after {
  border-top: 8px solid #aaa;
}

.archive section .section-header {
  margin: 1em 1em 0;
  overflow: auto;
  background-color: #0053A5;
}

.archive section .section-header .section-title {
  float: left;
  display: block;
  margin: 0;
}

.archive section .section-header .archive-page-number {
  color: #fff;
  margin: 0.25em 0.5em 0;
}

.archive aside .aside-header {
  margin: 1em 0 0;
  overflow: auto;
  background-color: #0053A5;
}

.archive aside .aside-header .aside-title {
  float: left;
  display: block;
  margin: 0;
}

.archive aside .archive-aside-content {
  margin: 1em 0;
}

.archive .posts-navigation {
  padding: 0.25em 0.5em;
  margin: 0 1em 1em;
  overflow: hidden;
  background-color: #ebebeb;
}

.archive .archive-child-section .archived-articles {
  margin-bottom: 1em;
}

.archive .archive-child-section .articles-list {
  margin: 0 1em;
}

.archive .archive-child-section .articles-list li {
  padding: 1em 0 0.5em;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}

.archive .archive-child-section .articles-list .hentry .post-hero {
  margin-bottom: 0.5em;
}

@media (min-width: 30em) {
  .archive .archive-child-section .articles-list .hentry {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .archive .archive-child-section .articles-list .hentry .post-hero {
    flex: 0 0 33.333333333%;
    order: 2;
    padding-left: 1em;
    margin-bottom: 0;
  }
  .archive .archive-child-section .articles-list .hentry .post-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .archive .archive-child-section .articles-list .hentry .post-content .entry-title {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .archive .archive-child-section .articles-list .hentry .post-content .entry-meta {
    color: #777;
    margin-bottom: 0.5em;
  }
  .archive .archive-child-section .articles-list .hentry .post-content .entry-summary {
    color: #777;
  }
  .archive .archive-child-section .articles-list .hentry .post-content .comments-number-container {
    height: 2.5em;
    position: relative;
  }
  .archive .archive-child-section .articles-list .hentry .post-content .comments-number-container .comments-number {
    position: absolute;
    bottom: 0;
  }
  .archive .archive-child-section .articles-list .hentry .post-content > *:last-child {
    flex: 1;
  }
}

.category #main .archive-category-description {
  margin: 0.5em 0;
}

.category #main .category-lead-story {
  margin: 1em;
  background-color: #ebebeb;
}

.category #main .category-lead-story .hentry {
  margin-bottom: 0;
}

.category #main .category-lead-story .post-hero {
  margin: 0;
}

.category #main .category-lead-story .post-hero img {
  width: 100%;
}

.category #main .category-lead-story .post-content {
  padding: 1em;
}

.category #main .category-lead-story .post-content .entry-title {
  font-size: 24px;
  font-size: 1.5rem;
}

@media (min-width: 48em) {
  .category #main .category-lead-story .post-content .entry-title {
    font-size: 32px;
    font-size: 2rem;
  }
}

.category #main .category-lead-story .comments-number-container {
  padding: 0 1em 0.5em;
}

.category #main .category-articles.sticky-articles .category-item-sticky {
  flex: 1 1 50%;
  margin: 1em;
  background-color: #ebebeb;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.category #main .category-articles.sticky-articles .category-item-sticky .hentry {
  display: block;
  margin-bottom: 0;
}

.category #main .category-articles.sticky-articles .category-item-sticky .post-hero img {
  width: 100%;
}

.category #main .category-articles.sticky-articles .category-item-sticky .post-content {
  padding: 1em;
}

.category #main .category-articles.sticky-articles .category-item-sticky .post-content .entry-title {
  font-size: 24px;
  font-size: 1.5rem;
}

.category #main .category-articles.sticky-articles .category-item-sticky .post-content .entry-meta {
  margin-bottom: 0.5em;
}

.category #main .category-articles.sticky-articles .category-item-sticky .comments-number-container {
  padding: 0 1em 0.5em;
}

.category #main .category-child-section .articles-list {
  margin: 1em 0.5em;
}

.category #main .category-child-section .articles-list li {
  flex: 1;
  margin: 0 0.5em 1em;
  background-color: #ebebeb;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}

.category #main .category-child-section .articles-list li .hentry {
  padding: 0.5em;
  margin-bottom: 0;
}

.category #main .category-child-section .articles-list li .post-hero {
  margin-bottom: 0.5em;
}

.category #main .category-child-section .articles-list li .entry-title {
  font-size: 20px;
  font-size: 1.25rem;
}

.category #main .category-child-section .articles-list li.title-only .entry-title {
  font-size: 24px;
  font-size: 1.5rem;
}

.category #main .category-child-section .articles-list li .comments-number-container {
  padding: 0 0.5em 0.25em;
}

.category #main .aside-content {
  padding: 1em 0;
}

.category #main .aside-content aside:last-child {
  padding: 0 0 1em;
  border-bottom: 1px solid #d9d9d9;
}

.category #main .aside-content img.alignleft {
  margin-bottom: 1em;
}

@media (max-width: 30em) {
  .category #main .aside-content img.alignleft {
    display: block;
    float: none;
    margin: 0 auto 1em;
  }
}

.category #main .sponsored-aside.category-aside-real-estate h3, .category #main .sponsored-aside.category-aside-real-estate p {
  margin-bottom: 0.5em;
}

.category #main .category-aside-real-estate .aside-header {
  background-color: #ebebeb;
}

.category #main .category-aside-real-estate .aside-header .aside-title {
  color: #0053A5;
}

@media (min-width: 30em) {
  .category #main #archived-video .post-hero {
    flex: 0 1 66.666666666%;
  }
}

.page-id-244558 #main .page-header,
.date #main .page-header,
.error404 #main .page-header {
  margin: 1em 1em 0;
  border-bottom: none;
  position: relative;
}

@media (min-width: 30em) {
  .page-id-244558 #main .page-header,
  .date #main .page-header,
  .error404 #main .page-header {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: stretch;
  }
}

.page-id-244558 #main .page-header .headings,
.date #main .page-header .headings,
.error404 #main .page-header .headings {
  flex: 1 1 100%;
  padding: 0.5em;
  margin-bottom: 0;
  background-color: #ebebeb;
  overflow: auto;
}

.page-id-244558 #main .page-header .page-title,
.date #main .page-header .page-title,
.error404 #main .page-header .page-title {
  font-size: 28px;
  font-size: 1.75rem;
  float: left;
}

.page-id-244558 #main .page-header .pre-heading,
.date #main .page-header .pre-heading,
.error404 #main .page-header .pre-heading {
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
}

@media (min-width: 60em) {
  .page-id-244558 #main .articles-list,
  .date #main .articles-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  .page-id-244558 #main .articles-list li,
  .date #main .articles-list li {
    flex: 1 1 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-content: stretch;
  }
}

@media (min-width: 60em) and (min-width: 48em) {
  .page-id-244558 #main .articles-list li,
  .date #main .articles-list li {
    flex: 0 1 50%;
  }
}

@media (min-width: 60em) and (min-width: 60em) {
  .page-id-244558 #main .articles-list li,
  .date #main .articles-list li {
    flex: 0 1 33.333333333%;
  }
}

.page-id-244558 #main .articles-list article,
.date #main .articles-list article {
  padding: 0.25em 0;
  margin: 1em;
  border-top: 1px solid #d9d9d9;
  flex: 1;
}

.page-id-244558 #main .articles-list article .entry-meta,
.date #main .articles-list article .entry-meta {
  color: #777;
  margin-bottom: 0.25em;
}

.page-id-244558 #main .articles-list article .entry-title,
.date #main .articles-list article .entry-title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25;
  margin-bottom: 0.375em;
}

.page-id-244558 #main .articles-list article .entry-summary,
.date #main .articles-list article .entry-summary {
  color: #777;
}

.page-id-244558 #main .articles-list article.date-archive-thumbnail,
.date #main .articles-list article.date-archive-thumbnail {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-content: stretch;
}

.page-id-244558 #main .archive-is-day .post-hero,
.date #main .archive-is-day .post-hero {
  margin-bottom: 0.5em;
}

.page-id-244558 #main .posts-navigation,
.date #main .posts-navigation {
  padding: 0.25em 0.5em;
  margin: 0 1em 1em;
  overflow: hidden;
  background-color: #ebebeb;
}

.author #main {
  margin: 1em 0;
}

.author #main .page-header {
  margin: 0;
  border-bottom: none;
}

.author #main .page-header .author-name {
  padding-bottom: 0.5em;
}

.author #main .page-header .author-bio,
.author #main .page-header .author-contact {
  padding: 0.25em 1em;
}

.author #main .page-header .author-bio .avatar {
  width: 140px;
  float: left;
  padding: 0.25em 1em 0.25em 0;
}

.author #main .page-header .author-contact {
  padding-top: 1em;
}

.author #main .page-header .author-contact h2 {
  font-size: 20px;
  font-size: 1.25rem;
}

.author #main .page-header .author-contact ul {
  list-style: none;
  margin-left: 0;
}

.author #main .page-header .author-contact ul li {
  line-height: 1.75;
}

.author #main .page-header .author-contact ul i {
  width: 20px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}

@media (min-width: 48em) {
  .author #main .page-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: stretch;
  }
  .author #main .page-header .author-bio {
    flex: 1 1 66.666666666%;
  }
  .author #main .page-header .author-contact {
    flex: 1 1 33.333333333%;
  }
}

@media (min-width: 60em) {
  .author #main .page-header .author-bio {
    flex: 1 1 75%;
  }
  .author #main .page-header .author-contact {
    flex: 1 1 25%;
  }
}

.author #main .author-articles-header .author-articles-description {
  padding: 1em 0 0.5em;
  margin: 0 1em;
  border-top: 2px solid #777;
  overflow: auto;
}

.author #main .author-articles-header .author-articles-description h2 {
  float: left;
}

.author #main .articles-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.author #main .articles-list li {
  flex: 1 1 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-content: stretch;
}

@media (min-width: 30em) {
  .author #main .articles-list li {
    flex: 0 1 50%;
  }
}

@media (min-width: 48em) {
  .author #main .articles-list li {
    flex: 0 1 33.333333333%;
  }
}

@media (min-width: 60em) {
  .author #main .articles-list li {
    flex: 0 1 25%;
  }
}

.author #main .articles-list article {
  padding-bottom: 0.25em;
  margin: 1em;
  border-top: 1px solid #d9d9d9;
  flex: 1;
}

.author #main .articles-list article .entry-meta {
  margin-bottom: 0.25em;
}

.author #main .articles-list article .entry-title {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 0.375em;
}

.author #main .articles-list article .entry-summary {
  color: #777;
  line-height: 1.25;
}

.author #main .articles-list article.date-archive-thumbnail {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-content: stretch;
}

.author #main .posts-navigation {
  padding: 0.25em 0.5em;
  margin: 0 1em;
  overflow: hidden;
  background-color: #ebebeb;
}

.author #main .posts-navigation .nav-links {
  font-size: 14px;
  font-size: 0.875rem;
}

.error404 #main section.no-results {
  margin: 1em;
}

.error404 #main section.main-page {
  margin: 1em;
  flex: 1 1;
}

.error404 #main #secondary {
  padding: 1em;
  background-color: #d9d9d9;
}

.page-template-name {
  position: absolute;
  right: 0;
  background-color: rgba(255, 255, 0, 0.5);
}

.helper-text {
  font-size: 14px;
  font-size: 0.875rem;
  color: red;
}

.helper-text::before {
  content: "*";
}