/*
    Theme Name: Wayne 2015
    Description: Blog theme for A Humane Nation
    Author: Karin Kreutzer, Christopher Keane
    Template: wp-brilliance102
    Version: 2.0.0
    Updated Summer 2018.
*/

@import url(../wp-brilliance102/style.css);

/* -------------------[ General and Utility]------------------- */

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
}

.clear {
  clear: both;
}

p a,
p a:link,
p a:visited {
  color: #666;
  text-decoration: none;
  background-size: 1px 1em;
  box-shadow: inset 0 -0.125em #009ed0;
  -webkit-transition: color, 0.2s;
  -moz-transition: color, 0.2s;
  transition: color, 0.2s;
}

p a:hover {
  color: #009ed0;
}

a.more-link,
a.more-link:link,
a.more-link:visited,
p.logged-in-as a,
p.logged-in-as a:link,
p.logged-in-as a:visited {
  box-shadow: none;
}

/* Use lining figures, not old-style, for numerals */
p,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
input {
  -moz-font-feature-settings: "lnum" 1;
  -ms-font-feature-settings: "lnum" 1;
  -o-font-feature-settings: "lnum" 1;
  -webkit-font-feature-settings: "lnum" 1;
  font-feature-settings: "lnum" 1;
  font-variant-numeric: lining-nums !important;
}

/* -------------------[ Site Header and Nav ]------------------- */

#header {
  background-color: #00358e;
  margin: 0;
  color: white;
  padding: 25px 0;
  -webkit-box-shadow: 0 5px 10px 0 rgba(34, 83, 132, 0.4);
  -moz-box-shadow: 0 5px 10px 0 rgba(34, 83, 132, 0.4);
  box-shadow: 0 5px 10px 0 rgba(34, 83, 132, 0.4);
  position: relative;
  z-index: 10;
}

#head-content {
  width: 100%;
}

#site-title-logo {
  display: inline-block;
  margin-right: 0.5rem;
}

#site-title-logo img {
  width: 100%;
}

#site-title-logo p.blog-title {
  font-family: freight-sans-pro, Verdana, sans-serif;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 2px;
  color: white;
}

@media screen and (min-width: 550px) {
  #site-title-logo p.blog-title {
    font-size: 40px;
    margin-top: 0.7rem;
    margin-bottom: 0.5rem;
  }
}

@media screen and (min-width: 800px) {
  #site-title-logo p.blog-title {
    font-size: 50px;
    margin-bottom: 1rem;
  }
}

#site-title-logo p.blog-subtitle {
  font-family: freight-sans-pro, Verdana, sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
  color: white;
}

@media screen and (min-width: 550px) {
  #site-title-logo p.blog-subtitle {
    font-size: 24px;
  }
}

@media screen and (min-width: 800px) {
  #site-title-logo p.blog-subtitle {
    font-size: 27px;
  }
}

#site-hsus-logo {
  display: inline-block;
  width: 8.5em;
  height: auto;
  float: none;
  margin-top: 10px;
}

/* Phablet / in between mobile and tablet */
@media screen and (min-width: 401px) {
  #site-hsus-logo {
    float: right;
  }
}

@media screen and (min-width: 550px) {
  #site-hsus-logo {
    width: 10em;
    margin-top: 0.8rem;
  }
}

@media screen and (min-width: 650px) {
  #site-hsus-logo {
    margin-right: 5rem;
  }
}

/* Medium screen / tablet */
@media screen and (min-width: 800px) {
  #site-hsus-logo {
    width: 202px;
    height: 48px;
  }
}

#site-hsus-logo img {
  width: 100%;
}

#subheader {
  padding: 0;
  height: 60px;
  position: relative;
}

#topnav {
  width: 600px;
  max-width: 60%;
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  bottom: 0;
}

#topnav ul li {
  padding: 0 1px;
}

#topnav ul a {
  border-right: none;
  padding-top: 0;
  padding-bottom: 12px;
  border-bottom: 3px solid transparent;
}

#topnav ul a:hover,
#topnav ul a.hovered {
  color: #00afd7;
  border-color: #00afd7;
}

#topnav li.menu-item-has-children a:hover {
  /* border-color: transparent; */
}

#topnav ul ul {
  border-top: 0 solid #888;
}

#topnav ul ul a,
#topnav ul ul a:hover {
  color: #000;
  background: #fff;
  border-right: auto;
  padding-top: 9px;
  padding-bottom: 7px;
  border: 1px solid #E5E5E5;
  line-height: 17px;
  width: 152px;
  font-size: 15px;
}

#topnav ul ul a:hover {
  color: #00afd7;
}

#topnav ul ul a,
#topnav ul ul a:hover {
  border-bottom: none;
}

#topnav li>a:after {
  color: #000;
  content: ' ▾';
  transition: all 0.3s ease-in-out;
}

#topnav li>a:hover:after {
  color: #00afd7;
  content: ' ▾';
  transition: all 0.3s ease-in-out;
}

#topnav li>a:only-child:after {
  content: '';
}

#topnav li.current-menu-item>a,
#topnav li.current_page_item>a {
  color: #00afd7;
  border-bottom: 3px solid #00afd7;
}

#topnav ul ul li.current-menu-item>a {
  border-bottom: none;
}

#topnav ul ul li:last-child>a {
  border-bottom: 1px solid #E5E5E5;
}

.topnav-search-donate-wrap {
  float: right;
  margin-top: 13px;
}

.topnav-search {
  display: inline-block;
  padding-right: 1.2em;
  border-right: solid 2px #dbdbdd;
  float: left;
}

/* Search Box  */

#searchform {
  font-family: freight-sans-pro, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
}

.search-wrap {
  border: 1px solid #dadadc;
  overflow: hidden;
  height: 34px;
}

#searchform input[type="search"] {
  display: inline;
  padding: 10px 5px 9px 10px;
  width: 150px;
  height: 34px;
  font-family: inherit;
  border: none;
  background: #fff;
  color: #000;
  vertical-align: top;
  box-sizing: border-box;
}

input.placeholder,
textarea.placeholder {
  color: #4e4e4e;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #5A5A5A;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #5A5A5A;
  opacity: 1 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #5A5A5A;
  opacity: 1 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #5A5A5A;
}

/* Lighten input placeholders on focus */

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: rgb(169, 169, 169);
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: rgb(169, 169, 169);
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: rgb(169, 169, 169);
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: rgb(169, 169, 169);
}

#searchform input[type="submit"],
#searchform input[type="button"] {
  background-color: #dadadc;
  background-image: url(images/magnifier.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 50% 45%;
  border: none;
  display: inline;
  cursor: pointer;
  line-height: 0;
  font-size: 0;
  height: 35px;
  width: 35px;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  vertical-align: top;
}

#searchform input[type="submit"]:hover,
#searchform input[type="button"]:hover {
  background-color: #dadadc;
  background-image: url(images/magnifier.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 50% 45%;
  border-color: #dadadc;
}

/* Donate Box  */

.topnav-donate {
  display: inline-block;
  padding-left: 1.2em;
  float: left;
  margin-top: 6px;
}

#subhead-donate-button {
  font-family: freight-sans-pro, Verdana, sans-serif;
  color: #ffffff;
  font-size: 17px;
  background: #d83c2d;
  padding: 6px 16px 6px 16px;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  line-height: 1em;
  text-decoration: none;
  transition: none;
  font-weight: 600;
  letter-spacing: -0.02em;
}

#subhead-donate-button:hover {
  background: #c83021;
  text-decoration: none;
  transition: none;
}

/* -------------------[ Pages and Posts ]------------------- */

#page {
  margin-top: 40px;
  margin-bottom: 40px;
}

#contentleft,
#contentright {
  padding-top: 0;
  padding-bottom: 0;
}

.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry h7 {
  margin-bottom: 10px;
}

.entry h2 {
  font-size: 1.375em;
  /* 22px @ 16px/em */
  padding-top: 5px;
}

.entry h3 {
  font-size: 1.125em;
  /* 18px @ 16px/em */
  margin-bottom: 5px;
}

.entry h4,
.entry h5,
.entry h6 {
  font-size: 1em;
  /* 16px @ 16px/em */
}

.entry h1.post-title,
.entry h2.post-title {
  font-size: 40px;
  line-height: 46px;
  color: #00358e;
  font-weight: 500;
  margin-bottom: 25px;
  margin-top: 0;
}

.entry h2.post-title {
  font-size: 32px;
  line-height: 36px;
}

.first-post-on-home .entry h2.post-title {
  font-size: 40px;
  line-height: 46px;
}

.post-title a,
.post-title a:link,
.post-title a:visited {
	color: #00358e;
	text-decoration: none;
}

.post-title a:hover,
.post-title a:active {
	color: #00358e;
}


/*CMK12082016: Hack to tighten up post title to fit on 2 lines */

.postid-8631 .entry h2.post-title,
.post-8631 .entry h2.post-title,
.postid-8631 .entry h1.post-title {
  letter-spacing: -0.06em;
}

.wp-pagenavi {
  height: 36px;
}

.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current,
.wp-pagenavi span.extend {
  padding: 6px 12px;
}

/* -------------------[ Home Page ]------------------- */

.first-post-on-home {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  padding: 20px;
}

.first-post-on-home .featured-image {
  background-color: #FFFFFF;
  width: auto;
  margin: -20px -20px 0 -20px;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  padding: 7px 7px 2px 7px;
}

.first-post-on-home .entry img.thumbnail {
  width: 100%;
  max-width: none;
  max-height: none;
  float: none;
  margin: 0;
}

.first-post-on-home .entry img.size-medium {
  max-width: 100%;
}

.first-post-on-home .entry img.size-large {
  max-width: 100%;
}

.first-post-on-home .featured-caption {
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 15px;
}

.first-post-on-home .share-buttons-top {
  margin-top: -15px;
}

.first-post-on-home .my-excerpt {
  clear: both;
}

a.more-link {
  font-weight: 600;
  font-size: 14px;
  color: #00358e;
}

a.more-link:hover {
  color: #00AFD7;
}

a.more-link::after {
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.4rem;
  vertical-align: middle;
  background-image: url(images/arrow-aqua.svg);
}

.first-post-on-home a.more-link {
  font-size: 16px;
  line-height: 2em;
}

.first-post-on-home hr {
  color: #000;
  height: 2px;
  border-bottom: none;
  border: 1px solid #AAA;
}

a.post-cta,
p a.post-cta {
  font-family: "freight-sans-pro", Verdana, sans-serif;
  font-style: normal;
  font-weight: 500;
  -webkit-transition: background, 0.2s;
  -moz-transition: background, 0.2s;
  transition: background, 0.2s;
  background: #243e86;
  border-radius: 2px;
  color: #ffffff;
  display: block;
  font-size: 1.25rem;
  padding: 1rem 3.5rem 1rem 1.5rem;
  position: relative;
  text-decoration: none;
  width: 100%;
  box-shadow: none;
  margin: 2rem 0;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;
  text-transform: none;
}

a.post-cta::after {
  background-image: url(images/arrow-white.svg);
  background-color: #009ed0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 3.75rem;
  z-index: 1;
}

/* blockquote.post-cta a {
  font-size: 18px;
  color: #00358e;
  box-shadow: none;
} */

a.post-cta:hover {
  background: #1f3572;
}

/* -------------------[ Sidebar Widgets ]------------------- */

/* Social */

/* Some styles here apply to mobile menu social icons as well */

.widget.socialicons {
  margin-bottom: 35px;
}

.widget.socialicons h3.widgettitle {
  display: inline-block;
  border-bottom: none;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 0;
  padding-bottom: 0;
  letter-spacing: -0.02em;
  margin-top: 8px;
  margin-right: 9px;
}

.widget.socialicons .widget-wrap {
  text-align: right;
}

.widget.socialicons .textwidget {
  display: inline-block;
  float: right;
}

.widget.socialicons .sub-icons li,
.socialicons .sub-icons li:last-child,
#mobile-menu-social-icons .sub-icons li,
#mobile-menu-social-icons .sub-icons li:last-child {
  border: none;
}

.socialicons .sub-icons li:last-child {
  padding-right: 0;
  margin-right: 0;
}

.widget.socialicons .sub-icons a,
#mobile-menu-social-icons .sub-icons a {
  opacity: 1.0;
}

.widget.socialicons .subicon.facebook {
  background: url(images/facebook_icon_blue.svg) 0 0 no-repeat;
  background-size: 24px;
}

.widget.socialicons .subicon.gplus {
  background: url(images/google+_icon_dark.png) 0 0 no-repeat;
  background-size: 24px;
}

#mobile-menu-social-icons .subicon.facebook {
  background: url(images/facebook_icon_blue_white_bg.svg) 0 0 no-repeat;
}

.widget.socialicons .subicon.twitter,
#mobile-menu-social-icons .subicon.twitter {
  background: url(images/twitter_icon_blue.svg) 0 0 no-repeat;
}

.widget.socialicons .subicon.twitter {
  background-size: 24px;
}

#mobile-menu-social-icons .subicon.twitter {
  background-size: 32px;
}

#mobile-menu-social-icons .subicon.gplus {
  background: url(images/google+_icon_dark.png) 0 0 no-repeat;
  background-size: 100%;
}

.widget.socialicons .subicon.pinterest {
  background: url(images/pinterest_icon_red.svg) 0 0 no-repeat;
}

.widget.socialicons .subicon.linkedin {
  background: url(images/linkedin_icon_blue.png) 0 0 no-repeat;
  background-size: 100%;
}

#mobile-menu-social-icons .subicon.pinterest {
  background: url(images/pinterest_icon_red_white_bg.svg) 0 0 no-repeat;
}

#mobile-menu-social-icons .subicon.linkedin {
  background: url(images/linkedin_icon_blue.png) 0 0 no-repeat;
  background-size: 100%;
}

.widget.socialicons .subicon.youtube,
#mobile-menu-social-icons .subicon.youtube {
  background: url(images/youtube_squircle_red.png) 0 0 no-repeat;
  background-size: 100%;
}

/* Featured Page */

.widget.featuredpage h3.widgettitle {
  margin-bottom: 14px;
  font-size: 30px;
  line-height: 36px;
  color: #00358e;
  font-weight: 500;
}

h3.widgettitle a,
h3.widgettitle a:link,
h3.widgettitle a:visited {
	color: #00358e;
}

h3.widgettitle a:hover,
h3.widgettitle a:active {
	color: #00358e;
}

.widget.featuredpage img.thumbnail.alignleft {
  max-width: 46%;
  margin-right: 14px;
}

.widget.featuredpage {
  color: #333333;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}

/* Subscribe box */

.widget.subscribebox {
  padding: 10px 15px 8px;
}

.widget.subscribebox h3.widgettitle {
  background: url(../wp-brilliance102/images/email-sub.png) top right no-repeat;
  background-size: 32px;
  padding-top: 2px;
  padding-right: 48px;
  min-height: 38px;
  font-size: 24px;
  line-height: 26px;
  color: #00358e;
  font-weight: 500;
}

.widget.subscribebox input.subscribe-email,
.mysubscribebox input.subscribe-email {
  width: 200px;
  padding: 7px 5px;
  color: black;
}

.widget.subscribebox .subscribe-button,
.mysubscribebox .subscribe-button {
  font-family: freight-sans-pro, Verdana, sans-serif;
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  background: #00358e;
  padding: 8px 10px 8px 10px;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  line-height: 1em;
  text-decoration: none;
  transition: none;
}

.widget.subscribebox .subscribe-button:hover,
.mysubscribebox .subscribe-button:hover {
  background: #00AFD7;
  text-decoration: none;
  transition: none;
}

.widget.subscribebox li {
  margin-top: 7px;
  list-style-type: none;
  border: none;
  display: inline;
  float: left;
}

.widget.subscribebox a:link,
.widget.subscribebox a:visited {
  color: #333333;
}

.widget.subscribebox a.subicon {
  opacity: 1.0;
  display: inline-block;
  margin: 0;
  font-size: 14px;
  line-height: 24px;
}

.widget.subscribebox a.subicon.rss {
  padding-left: 32px;
  background: url(images/rss-icon.png) 0 0 no-repeat;
  background-size: auto 100%;
}

.widget.subscribebox a.subicon.email-a-friend {
  padding-left: 35px;
  background: url(images/email-icon.svg) 0 0 no-repeat;
  background-size: 28px 18px;
  background-position: left center;
  margin-left: 50px;
}

/* Subscribe box on dedicated Subscribe page */

#subscribe-page-widget .widget.subscribebox p.intro {
  background: none;
}

/* Subscribe widget at end of post */

#subscribe-widget-post p.intro {
  background: none;
}

#subscribe-widget-post .widgettitle {
  font-size: 26px;
}

#subscribe-widget-post {
  margin-bottom: 10px;
}

/* Featured Page Widget */

.featpage-excerpt a.more-link {
  display: block;
  margin-top: 2px;
}

/* WP-Popular Posts */

.widget.sidetabs .slides .pop-excerpt {
  display: table;
  line-height: 1.3em;
}

.wpp-post-title {
  font-family: freight-sans-pro, Verdana, sans-serif;
  font-size: 15px;
  font-weight: 500;
  display: table-cell;
  vertical-align: middle;
}

/* YouTube Widget */

.featured.yt img.yt-thumb {
  margin-right: 10px;
}

.featured.yt .yt-title {
  font-family: freight-sans-pro, Verdana, sans-serif;
  line-height: 1.3em;
}

/* Recent Posts Widget */

#recent-posts-2 {
  font-family: freight-sans-pro, Verdana, sans-serif;
  line-height: 1.4em;
}

.widget.sidetabs .flextabs-custom-controls li {
  width: 35%;
}

.flextabs-custom-controls a,
.flextabs-custom-controls a:link,
.flextabs-custom-controls a:visited {
  font-size: 14px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 500;
  height: 30px;
  color: #00afd7;
}

/* -------------------[ Posts and Related ]------------------- */

.meta {
  padding-left: 3px;
  font-size: 15px;
  font-weight: 500;
}

.meta-author {
  display: none;
}

.meta-date {
  background: url(images/calendar.svg) 0 40% no-repeat;
  background-size: 11px 11px;
  padding-left: 15px;
  margin-right: 8px;
}

.meta-cats {
  background: url(images/article.svg) 0 40% no-repeat;
  background-size: 10px 13px;
  padding-left: 15px;
  margin-right: 8px;
}

.meta-comments {
  background: url(images/comment.svg) 0 55% no-repeat;
  background-size: 13px 13px;
  padding-left: 18px;
  margin-right: 8px;
}

.single-post .meta {
  margin-bottom: 10px;
}

.meta a,
.meta a:link {
  color: #666666;
}

.meta a:hover {
  color: #009ED2;
}

.my-excerpt p:last-child {
  margin-bottom: 0;
}

p.readmore {
  margin-bottom: 0;
}

/* CMK11072016: Hide LiveBlog avatars */

.liveblog-entry .liveblog-meta .liveblog-author-avatar {
  display: none;
  visibility: hidden;
}

.liveblog-entry .liveblog-meta .liveblog-author-name {
  display: none;
  visibility: hidden;
}

.liveblog-entry-text img {
  width: 100%;
}

/*Hack to hide duplicate entry on 11/8/2016 post */

#liveblog-entry-27190 {
  display: none;
}

/* -------------------[ Share Buttons on Posts and Excerpts ]------------------- */

div.ssba {
  font-family: freight-sans-pro, Verdana, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 30px;
  display: inline-block;
}

.ssba img {
  margin-top: -3px;
}

a.ssba_facebook_share img {
  margin-left: 7px;
}

.share-buttons-bottom .ssba img {
  width: 38px !important;
  height: 38px !important;
  /* Fix for IE squishing */
}

.share-buttons-bottom a.ssba_facebook_share img {
  margin-left: 4px;
}

.share-buttons-top div.ssba {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 10px;
}

.share-buttons-top .ssba img {
  width: 22px !important;
  height: 22px !important;
  padding: 0;
  margin-right: 10px;
}

.first-post-on-home .share-buttons-top .ssba img {
  margin-right: 4px;
  width: 20px !important;
  height: 20px !important;
}

.first-post-on-home .share-buttons-top a.ssba_print img {
  margin-right: 6px;
}

.share-buttons-top a.ssba_print img {
  margin-right: 6px;
}

.share-buttons-bottom {
  margin-top: 20px;
}

/* Facebook Like Button */

.fcbk_share {
  display: inline-block;
  height: auto;
  position: relative;
  top: -3px;
  left: 4px;
}

.post-categories {
  margin-bottom: 25px;
}

.post-categories h6 {
  font-size: 20px;
  margin-bottom: 5px;
}

/* -------------------[ Comments and Comment Form ]------------------- */

.comments-intro-text {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 18px;
}

.comments-before-text {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 18px;
}

#commentform input[type="text"],
#commentform textarea {
  text-align: left;
  width: 100%;
}

#commentform input[type="submit"],
#commentform input[type="button"] {
  background: #00afd7;
  border: 1px solid #00afd7;
  color: #fff !important;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  font-family: freight-sans-pro, Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 12px 17px;
}

#commentform input[type="submit"]:hover,
#commentform input[type="button"]:hover {
  background: #4E762C;
  border-color: #4E762C;
  color: #fff !important;
}

.comments-after-text {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 16px;
}

/*Facebook Comments widget -- for older posts */

.fb_iframe_widget {
  margin-top: 10px;
}

/* Override CSS added by SSBA plugin */

.fb-comments.fb_iframe_widget span {
  width: 100% !important;
}

.comment-body .comment-meta {
  margin-bottom: 10px;
}

.comment-body p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
}

/* -------------------[ Contact Form ]------------------- */

.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] {
  background: #00afd7;
  border: 1px solid #00afd7;
  color: #fff !important;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  font-family: freight-sans-pro, Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 12px 17px;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="button"]:hover {
  background: #4E762C;
  border-color: #4E762C;
  color: #fff !important;
}

/* -------------------[ Photos and Captions and Thumbnails ]------------------- */

/* Legacy styles from Typepad */

.entry .photo-wrap {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.entry .photo-caption {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
  /*margin-top: -20px;*/
}

.entry img {
  max-width: none;
}

.entry img.thumbnail,
.post-feature-video {
  float: left;
  margin: 0 15px 20px 0;
}

.entry img.thumbnail {
  max-height: 180px;
}

.wayne-media-credit {
  font-style: italic;
}

.wp-caption {
  border: none;
  text-align: left;
  margin: 0 20px 5px;
}

.wp-caption.alignleft {
  margin-left: 0;
}

.wp-caption.alignright {
  margin-right: 0;
}

.wp-caption p.wp-caption-text {
  line-height: 16px;
  padding-left: 10px;
  padding-right: 15px;
}

.first-post-on-home .wp-caption {
  padding-top: 0;
}

/* Featured images on post pages */

.single-post .featured-image {
  background-color: #FFFFFF;
  width: auto;
  margin: 0;
  text-align: center;
  border: 1px solid #e5e5e5;
  padding: 7px 7px 2px 7px;
}

.single-post .entry img.thumbnail {
  width: 100%;
  max-width: none;
  max-height: none;
  float: none;
  margin: 0;
}

.single-post .featured-caption {
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 15px;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

/* -------------------[ Archives Page ]------------------- */

ul.bycategories {
  margin: 0;
  padding: 0;
}

ul.bycategories li {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.bycategories li a {
  list-style: none;
  list-style-type: none;
  margin: 0 20px 15px 0;
  float: left;
  background: #eee;
  color: #464646;
  padding: 5px 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

ul.bycategories li a:hover {
  text-decoration: none;
  background: #00afd7;
  color: #fff;
}

/* -----------------[ 404 Page ]------------------------- */

.sitemap-wide {
  width: 60%;
}

.sitemap-post img.thumbnail {
  width: 36%;
  margin-top: 4px;
  margin-bottom: 10px;
}

/* ----[  Miscellaneous ]---------------------------------------------------- */
.hidden {
  display: none;
}

.group::before,
.group::after {
  content: "";
  display: table;
}

.group::after {
  clear: both;
}

.group {
  zoom: 1;
}

/* -----------------[ Print Styles ]------------------------- */

@media print {
  @page {
    size: auto;
    /* auto is the initial value */
    /* this affects the margin in the printer settings */
    margin: 25mm 25mm 25mm 25mm;
  }

  body {
    font-size: 14pt !important;
    line-height: 1.3em !important;
    color: black !important;
  }

  a {
    font-size: 14pt !important;
    text-decoration: underline !important;
    box-shadow: none !important;
  }

  h1 a,
  h2 a {
    text-decoration: none !important;
    font-size: 40px !important;
    line-height: 46px !important;
  }

  #header {
    background-color: #00358E;
  }

  #site-title-logo {
    width: 40%;
    height: auto;
    margin-left: 14%;
  }

  #site-title-logo a {
    text-decoration: none !important;
  }

  #site-hsus-logo {
    width: 20%;
 }

  #subheader {
    display: none;
  }

  #page {
    background: none;
  }

  #contentleft {
    width: 90%;
    margin-left: 0%;
  }

  #contentright {
    display: none;
  }

  .share-buttons-top,
  .share-buttons-bottom {
    display: none;
  }

  .comment-respond {
    display: none;
  }

  .navigation {
    display: none;
  }

  .footer-nav {
    display: none !important;
  }

  #backtotop {
    display: none !important;
  }
}