/*!
Theme Name: Washington-Baltimore NewsGuild
Theme URI: http://underscores.me/
Author: Blue Bulldog Digital
Author URI: http://bluebulldog.digital
Description: A custom them from WBNG.org by Blue Bulldog Digital.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wbng
Tags:

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.

Washington-Baltimore NewsGuild 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.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-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: "Droid Sans";
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  margin-bottom: 20px;
  font-family: "Droid Sans"; }

main h2 {
  text-align: center;
  font-size: 2em;
  font-family: "Karla";
  margin-bottom: 0; }

h3 a, h3 a:visited {
  color: black;
  text-decoration: none; }

p {
  margin-bottom: 1.5em; }

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

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #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; }
  @media (min-width: 1100px) {
    html {
      background-color: lightgrey; } }

*,
*: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;
  box-shadow: 0 0px 50px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0px 50px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 50px 2px rgba(0, 0, 0, 0.5); }
  @media (min-width: 1100px) {
    body {
      max-width: 1300px;
      margin: 0 auto;
      border-left: 1px solid black;
      border-right: 1px solid black; } }

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 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

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

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

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,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

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

span.quick-join {
  float: right;
  width: 90%; }
  @media (min-width: 992px) {
    span.quick-join {
      width: 70%; } }

#an_quickjoin {
  display: inline-block;
  float: right;
  position: relative;
  top: -3px; }
  #an_quickjoin .can_embed {
    display: inline; }
    #an_quickjoin .can_embed #can_embed_form {
      display: inline; }
      #an_quickjoin .can_embed #can_embed_form #can_thank_you + div.clearfix {
        display: none; }
      #an_quickjoin .can_embed #can_embed_form #can_thank_you {
        background-color: transparent;
        border: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 0;
        width: 50vw; }
        #an_quickjoin .can_embed #can_embed_form #can_thank_you h1, #an_quickjoin .can_embed #can_embed_form #can_thank_you p, #an_quickjoin .can_embed #can_embed_form #can_thank_you h4 {
          text-shadow: none;
          color: black; }
      #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner {
        display: inline; }
        #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner h2 {
          display: none; }
        #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner h4 {
          display: inline;
          font-weight: bolder;
          line-height: 20px;
          color: #fbaf42; }
        #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner form {
          display: inline; }
        #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner #form_col1, #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner #form_col2 {
          display: inline;
          float: none;
          width: auto; }
        #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner input {
          display: inline;
          width: 15%;
          font-weight: bolder;
          height: 25px;
          font-size: 16px; }
          @media (min-width: 992px) {
            #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner input {
              width: 17%; } }
        #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner input[type="submit"] {
          padding: 0px 0px;
          background-color: #fbaf42;
          color: black;
          font-family: "Karla";
          text-shadow: none;
          -webkit-box-shadow: 7px 10px 17px -4px rgba(0, 0, 0, 0.68);
          -moz-box-shadow: 7px 10px 17px -4px rgba(0, 0, 0, 0.68);
          box-shadow: 7px 10px 17px -4px rgba(0, 0, 0, 0.68); }
        #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner #form-zip_code, #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner #d_sharing, #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner .international_link-wrap, #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner .country_wrap, #an_quickjoin .can_embed #can_embed_form #can_embed_form_inner #action_info {
          display: none; }

#an_widgetjoin .can_embed #can_embed_form #can_thank_you + div.clearfix {
  display: none; }

#an_widgetjoin .can_embed #can_embed_form #can_thank_you {
  background-color: transparent;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0; }
  #an_widgetjoin .can_embed #can_embed_form #can_thank_you h1, #an_widgetjoin .can_embed #can_embed_form #can_thank_you p, #an_widgetjoin .can_embed #can_embed_form #can_thank_you h4 {
    text-shadow: none;
    color: black; }
  #an_widgetjoin .can_embed #can_embed_form #can_thank_you h2 {
    display: block; }

#an_widgetjoin .can_embed #can_embed_form input[type="submit"] {
  padding: 5px 0px;
  background-color: #fbaf42;
  width: 50%;
  margin: 0 auto;
  color: black;
  font-family: "Karla";
  font-size: 20px;
  text-shadow: none;
  -webkit-box-shadow: 7px 10px 17px -4px rgba(0, 0, 0, 0.68);
  -moz-box-shadow: 7px 10px 17px -4px rgba(0, 0, 0, 0.68);
  box-shadow: 7px 10px 17px -4px rgba(0, 0, 0, 0.68); }
  @media (min-width: 992px) {
    #an_widgetjoin .can_embed #can_embed_form input[type="submit"] {
      width: 60%; } }

#an_widgetjoin .can_embed #can_embed_form h2, #an_widgetjoin .can_embed #can_embed_form h4, #an_widgetjoin .can_embed #can_embed_form #d_sharing, #an_widgetjoin .can_embed #can_embed_form .country_wrap, #an_widgetjoin .can_embed #can_embed_form #action_info {
  display: none; }

#an_widgetjoin .can_embed #can_embed_form #form_col1, #an_widgetjoin .can_embed #can_embed_form #form_col2 {
  display: inline;
  float: none;
  width: auto; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #0073ae; }
  a:visited {
    color: #0073ae; }
  a:hover, a:focus, a:active {
    color: midnightblue; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation, .secondary-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  height: 50px;
  background-color: #0073ae;
  overflow-y: hidden; }
  .main-navigation ul, .secondary-navigation ul {
    list-style: none;
    margin: 0 auto;
    padding-left: 0;
    text-align: center; }
    .main-navigation ul ul, .secondary-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, .secondary-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul,
      .main-navigation ul ul li.focus > ul, .secondary-navigation ul ul li:hover > ul,
      .secondary-navigation ul ul li.focus > ul {
        left: 100%; }
      .main-navigation ul ul a, .secondary-navigation ul ul a {
        width: 200px;
        color: white; }
      .main-navigation ul ul :hover > a,
      .main-navigation ul ul .focus > a, .secondary-navigation ul ul :hover > a,
      .secondary-navigation ul ul .focus > a {
        color: white; }
      .main-navigation ul ul a:hover,
      .main-navigation ul ul a.focus, .secondary-navigation ul ul a:hover,
      .secondary-navigation ul ul a.focus {
        color: white; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul, .secondary-navigation ul li:hover > ul,
    .secondary-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li, .secondary-navigation li {
    position: relative;
    height: 60px; }
    @media (min-width: 600px) {
      .main-navigation li, .secondary-navigation li {
        display: inline-block; } }
    .main-navigation li:hover > a,
    .main-navigation li.focus > a, .secondary-navigation li:hover > a,
    .secondary-navigation li.focus > a {
      color: #fbaf42; }
  .main-navigation li:last-of-type a, .secondary-navigation li:last-of-type a {
    border-right: 0; }
  .main-navigation a, .secondary-navigation a {
    display: block;
    text-decoration: none;
    color: white;
    font-family: "Karla";
    font-weight: bolder;
    border-right: 3px solid white;
    line-height: 50px;
    padding: 0 20px; }
    @media (min-width: 992px) {
      .main-navigation a, .secondary-navigation a {
        padding: 0 40px; } }
    @media (min-width: 1100px) {
      .main-navigation a, .secondary-navigation a {
        padding: 0 40px; } }
  .main-navigation button, .secondary-navigation button {
    display: none; }

.secondary-navigation {
  height: auto; }

.secondary-navigation a {
  border-right: none;
  padding: 0 20px; }

.secondary-navigation ul {
  margin: 0;
  display: block; }

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

@media (min-width: 600px) {
  .menu-toggle {
    display: none; }
  .main-navigation ul, .secondary-navigation ul {
    display: block; } }

@media (max-width: 599px) {
  .main-navigation {
    overflow-y: initial;
    height: auto;
    padding: 20px 0;
    display: block;
    text-align: center; }
    .main-navigation li {
      float: none;
      height: initial;
      padding: 5px 0; }
    .main-navigation a {
      line-height: initial;
      border-width: 0;
      font-size: x-large; } }

.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 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

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

.hentry {
  margin: 0 0 1.5em; }

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

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

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

.byline {
  display: block; }

.posted-on {
  display: inline; }

.guildnews article p:first-of-type, .single-unit article p:first-of-type, .single-post article p:first-of-type {
  display: inline; }

.guildnews article time, .single-unit article time, .single-post article time {
  font-style: italic;
  display: inline; }

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

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
## Structure
--------------------------------------------------------------*/
#masthead {
  padding-top: 15px; }
  @media (min-width: 600px) {
    #masthead {
      padding-top: 0; } }
  #masthead .joinbar {
    display: none; }
    @media (min-width: 600px) {
      #masthead .joinbar {
        display: inline-block;
        background-color: #0073ae;
        clear: both;
        font-family: "Karla";
        height: 60px;
        width: 100%; } }
    #masthead .joinbar img {
      height: 35px;
      display: inline-block;
      padding-left: 20px;
      position: relative;
      top: -10px; }
    #masthead .joinbar span.container {
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-top: 20px;
      width: 100%; }
    #masthead .joinbar span.quick-join {
      text-align: right;
      padding-right: 10px; }
  @media (min-width: 600px) {
    #masthead .site-branding {
      line-height: 140px;
      background-image: url("images/citysil.png");
      background-position: left bottom;
      background-size: contain;
      text-transform: uppercase;
      padding-left: 80px;
      background-repeat: repeat-x; } }
  @media (min-width: 992px) {
    #masthead .site-branding {
      line-height: 160px; } }
  #masthead .site-branding .site-title {
    font-family: "Droid Serif";
    margin: 0; }
    #masthead .site-branding .site-title img {
      width: 50%;
      display: block;
      margin: 0 auto; }
      @media (min-width: 600px) {
        #masthead .site-branding .site-title img {
          height: 100px;
          vertical-align: middle;
          padding-right: 20px;
          width: auto;
          display: inline; } }
      @media (min-width: 992px) {
        #masthead .site-branding .site-title img {
          height: 130px; } }
    #masthead .site-branding .site-title a, #masthead .site-branding .site-title a:visited, #masthead .site-branding .site-title a:hover {
      width: 90%;
      display: block;
      margin: 0 auto;
      text-decoration: none;
      color: #0073ae;
      text-align: center; }
      @media (min-width: 600px) {
        #masthead .site-branding .site-title a, #masthead .site-branding .site-title a:visited, #masthead .site-branding .site-title a:hover {
          width: auto;
          display: inline;
          margin-top: 0;
          text-align: left;
          font-size: 3vw; } }
      @media (min-width: 992px) {
        #masthead .site-branding .site-title a, #masthead .site-branding .site-title a:visited, #masthead .site-branding .site-title a:hover {
          font-size: 3.5vw; } }
      @media (min-width: 1100px) {
        #masthead .site-branding .site-title a, #masthead .site-branding .site-title a:visited, #masthead .site-branding .site-title a:hover {
          font-size: 40px; } }

footer#colophon {
  padding-top: 20px; }
  footer#colophon .union-logos {
    display: none; }
    @media (min-width: 600px) {
      footer#colophon .union-logos {
        display: block;
        text-align: center; } }
    footer#colophon .union-logos img {
      height: 100px;
      padding: 0 10px 10px 10px; }

footer#colophon .site-info {
  background-color: #0073ae;
  font-family: "Karla";
  color: white;
  font-size: x-small;
  text-align: center; }
  footer#colophon .site-info address {
    font-style: normal;
    margin-bottom: 0; }
  footer#colophon .site-info a {
    color: white; }

#content {
  padding: 0 40px 0 40px; }

.single-unit #unitcontent {
  padding-right: 10px; }
  @media (min-width: 992px) {
    .single-unit #unitcontent {
      float: left;
      width: 70%; } }

.single-unit #unitposts h4 {
  margin-bottom: 0; }

.single-unit #unitposts .entry-content {
  margin-top: 0; }

.single-unit #unitbio time {
  display: none; }

.single-unit #unitfacts {
  margin-top: 40px;
  padding-bottom: 20px; }
  @media (min-width: 992px) {
    .single-unit #unitfacts {
      width: 30%;
      float: right;
      background-image: url("images/smallskyline.png");
      background-position-y: 0px;
      background-size: contain;
      padding-top: 67px;
      background-repeat: no-repeat;
      background-position: left top; } }
  .single-unit #unitfacts h4 {
    display: block;
    width: 100%;
    background-color: #fbaf42;
    padding-left: 20px;
    color: #0073ae;
    margin-bottom: 0; }
  .single-unit #unitfacts .facts {
    padding: 20px;
    color: white;
    background: #0073ae; }
    .single-unit #unitfacts .facts a {
      color: #fbaf42;
      font-weight: bold; }
    .single-unit #unitfacts .facts .label {
      font-weight: bold;
      display: block; }
    .single-unit #unitfacts .facts .unitchair {
      display: block; }
    .single-unit #unitfacts .facts .unitchair.phone {
      display: block; }
    .single-unit #unitfacts .facts .unitaddress, .single-unit #unitfacts .facts .staffrep, .single-unit #unitfacts .facts .contracts, .single-unit #unitfacts .facts .unitwebsite {
      padding-top: 20px; }
    .single-unit #unitfacts .facts address {
      font-style: normal;
      margin-bottom: 0; }
    .single-unit #unitfacts .facts .document {
      display: block; }
    .single-unit #unitfacts .facts .effective {
      display: block;
      font-size: smaller;
      padding-left: 20px; }

#contracts .document {
  padding-left: 40px;
  padding-top: 10px;
  display: block; }

#contracts h4 {
  margin-bottom: 0px; }

#contracts a {
  color: #fbaf42;
  font-weight: bold; }

#contracts .effective {
  display: block;
  font-size: smaller;
  padding-left: 60px; }

#promotedpost h3 {
  font-size: 2em; }

.home #content article .content p {
  display: inline; }

.home #content img {
  float: left;
  margin: 0 20px 20px 0;
  width: 35%; }
  @media (max-width: 599px) {
    .home #content img {
      width: 100%; } }

.home #promotedpost img {
  float: left;
  margin: 0 20px 20px 0; }
  @media (max-width: 599px) {
    .home #promotedpost img {
      width: 100%; } }

.home #primary {
  clear: both; }

@media (min-width: 992px) {
  #units article.loop {
    padding: 10px 40px 0 40px;
    width: 50%;
    float: left; } }

#units article.loop img {
  margin: 0 auto;
  display: block;
  max-height: 200px; }
  @media (min-width: 600px) {
    #units article.loop img {
      max-width: 300px; } }

#units article.loop h4 {
  text-align: center;
  font-size: 1.6em; }

#units article:nth-child(odd) {
  clear: left; }

#units .custom-pagination {
  clear: both;
  padding-bottom: 20px; }

#news .custom-pagination {
  text-align: center; }
  #news .custom-pagination a {
    color: #1a63ad;
    padding: 2px 4px;
    text-decoration: none; }
  #news .custom-pagination a.next, #news .custom-pagination a.prev {
    border: 0; }
  #news .custom-pagination span.page-num {
    display: block;
    padding-bottom: 5px; }

aside#secondary {
  background-color: #0073ae;
  padding: 15px 30px;
  margin: 60px 0;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border: 0px solid #000000; }
  aside#secondary h2 {
    color: #fbaf42;
    text-align: center;
    margin: 0;
    font-family: "Droid Sans";
    font-weight: bolder; }
  aside#secondary p.widget.intro {
    color: white;
    padding-bottom: 5px;
    font-weight: bold; }

.home aside#secondary {
  margin-top: 20px; }

.unitlinks {
  font-style: italic; }
  .unitlinks a {
    padding: 0 20px;
    border-right: 1px solid black;
    font-style: normal; }
  .unitlinks a:last-of-type {
    border: 0; }

/*--------------------------------------------------------------
# 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 {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

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

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.content-area {
  margin: 0; }
  @media (min-width: 992px) {
    .content-area {
      float: left;
      margin: 0 -35% 0 0;
      width: 100%; } }

.content-area.content-full {
  float: none;
  margin: 0 0 0 0; }
  .content-area.content-full .site-main {
    margin: 0 0 0 0; }

@media (min-width: 992px) {
  .site-main {
    margin: 0 35% 0 0;
    padding-right: 20px; } }

@media (min-width: 992px) {
  .site-content .widget-area {
    float: right;
    overflow: hidden;
    width: 35%; } }

.site-footer {
  clear: both;
  width: 100%; }