/* ----------------------------------------
	Community Shares of Wisconsin
	http://www.communityshares.com

	Version: 2.0.0 (2014-11)
	Author: Andy Giesler
	http://www.blazingmoon.org

   ---------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* ----------
 * base html styles
 * ---------- */
html, body {
  height: 100%; }

html {
  overflow-y: scroll; }

body {
  color: #333;
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  margin: 0px auto; }

p {
  padding: 0 0 1em 0; }

ol {
  line-height: 1.3em;
  marker-offset: auto;
  padding: 0 0 11px 40px; }

ul {
  line-height: 1.3em;
  list-style-type: disc;
  marker-offset: auto;
  padding: 0 0 11px 40px; }

h1, h2, h3, h4 {
  clear: left; }

h1 {
  color: #462;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  padding: 10px 0 10px;
  text-transform: uppercase; }

h2 {
  font-weight: 600;
  color: #462;
  font-size: 17px;
  padding: 0.5em 5px 0 0; }

.toc h1, .toc h2, .toc h3, .toc h4 {
  padding-top: 0.5em;
  padding-bottom: 1em; }

blockquote {
  font-style: italic;
  padding-left: 4em; }

strong {
  font-weight: 600; }

em {
  font-style: italic; }

/* ------------------ */
/* Hyperlink Elements */
/* ------------------ */
a {
  color: #462;
  transition: outline 1s; }
  a:focus {
    outline: #573 dotted 2px; }

/* ------------- */
/* Form Elements */
/* ------------- */
input, select, textarea {
  color: #555;
  font-size: 10px; }

/* ----------
 * WordPress classes
 * ---------- */
.alignleft {
  float: left;
  padding: 0 10px 10px 0; }

.alignright {
  float: right;
  padding: 0 0 10px 10px; }

.attachment-post-thumbnail {
  float: right;
  height: auto;
  max-width: 50%;
  padding: 0 0 1em 1em; }

.size-full,
.wp-caption {
  height: auto;
  max-width: 100%; }

.wp-caption-text {
  font-size: 95%;
  font-style: italic;
  font-weight: bold;
  padding-bottom: 0; }

/* ----------
 * header
 * ---------- */
#header {
  background: url(../images/background-top.png) top left no-repeat #b3de69;
  height: 207px;
  position: relative;
  max-width: 100%;
  width: 100%; }
  #header .tagline {
    display: block;
    background: url(../images/tagline.png) top left no-repeat #b3de69;
    position: absolute;
    height: 110px;
    left: 282px;
    top: 57px;
    width: 194px; }

#topRule {
  background-color: #333;
  border-bottom: 5px solid white;
  height: 32px;
  width: 100%; }

#logo {
  background: url(../images/logo.png) top left no-repeat;
  display: block;
  float: left;
  height: 124px;
  left: 0px;
  position: absolute;
  text-indent: -999em;
  top: 0px;
  width: 293px; }

#header-feature {
  display: none;
  background: url(../images/anniversary-45-logo.png) top left no-repeat;
  color: black;
  height: 140px;
  position: absolute;
  left: 760px;
  text-indent: -99em;
  top: 77px;
  width: 351px;
  z-index: 99; }

#big-share-banner {
  background: url(../images/big-share-banner-header-2017.png) top left no-repeat;
  display: none;
  height: 170px;
  left: 225px;
  position: relative;
  text-decoration: none;
  width: 897px; }

#slideshow {
  display: block;
  position: absolute;
  left: 485px;
  top: 25px; }

#subscribeForm {
  float: left;
  left: 14px;
  position: absolute;
  top: 140px; }
  #subscribeForm #emailAddressLabel {
    background: url(../images/mailing-list.gif) no-repeat;
    display: block;
    height: 24px;
    width: 230px;
    text-indent: -999em; }

#subscribeForm #mce-EMAIL {
  width: 144px; }

#subscribeForm #submit {
  margin-bottom: -5px; }

#choosePage {
  float: left;
  left: 6px;
  position: relative;
  top: 4px; }

/* ----------
 * navigation
 * ---------- */
/* ----- Superfish main menu  ----- */
.slicknav_menu {
  display: none; }

.sf-menu, .sf-menu * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu {
  line-height: 1.0; }

.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 15em;
  /* left offset of submenus need to match (see below) */ }

.sf-menu ul li {
  width: 100%; }

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */ }

.sf-menu li {
  float: left;
  position: relative; }

.sf-menu a {
  display: block;
  position: relative; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 2.6em;
  /* match top ul list item height */
  z-index: 99; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 13em;
  /* match ul width */
  top: 0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 14.5em;
  /* match ul width */
  top: 0; }

.sf-menu {
  float: left;
  margin-bottom: 1em;
  position: relative;
  top: 3px; }

.sf-menu li {
  font-family: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase; }

.sf-menu li li,
.sf-menu li li li {
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none; }

.sf-menu a {
  padding: .75em 1em;
  text-decoration: none; }

.sf-menu li li a, .sf-menu li li li a {
  border: 1px solid #b3de69;
  border-top: 0; }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a, .sf-menu a:visited {
  color: #fff; }

.sf-menu li li a, .sf-menu li li a:visited,
.sf-menu li li li a, .sf-menu li li li a:visited {
  color: #462;
  font-weight: 300; }

.sf-menu li {
  background: #333; }

.sf-menu li li {
  background: #f7f7f7; }

.sf-menu li li li {
  background: #f7f7f7; }

.sf-menu > li:hover, .sf-menu > li.sfHover {
  border-bottom: 0px solid #b3de69;
  outline: 0; }

/*** arrows **/
.sf-menu a.sf-with-ul {
  padding-right: 2.25em;
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */ }

.sf-sub-indicator {
  position: absolute;
  display: block;
  right: .75em;
  top: 1.05em;
  /* IE6 only */
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url("../images/arrows-ffffff.png") no-repeat -10px -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */ }

a > .sf-sub-indicator {
  /* give all except IE6 the correct values */
  top: .8em;
  background-position: 0 -100px;
  /* use translucent arrow for modern browsers*/ }

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/ }

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0; }

.sf-menu ul a > .sf-sub-indicator {
  background-position: 0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/ }

/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url("../images/shadow.png") no-repeat bottom right;
  padding: 0 8px 9px 0;
  -moz-border-radius-bottomleft: 17px;
  -moz-border-radius-topright: 17px;
  -webkit-border-top-right-radius: 17px;
  -webkit-border-bottom-left-radius: 17px; }

.sf-shadow ul.sf-shadow-off {
  background: transparent; }

.sf-menu #donateNowItem,
.sf-menu #givingTuesdayItem {
  /* Don't show a Superfish underline for this element when hovering. */
  border-bottom: none; }

/* ----- main nav  ----- */
#skipLink {
  position: absolute;
  left: -999em; }

.grayRule {
  background-color: #333;
  height: 32px;
  margin-bottom: 8px;
  width: 100%; }

/* ----- footer nav  ----- */
#footer .secondaryNav {
  list-style-type: none; }
  #footer .secondaryNav li {
    display: inline-block; }
  #footer .secondaryNav li::after {
    content: "\00a0\2022"; }
  #footer .secondaryNav li:last-child::after {
    content: ""; }

/* ----- page nav ----- */
#pageNav {
  clear: both;
  padding-top: 3em; }

.backToTop {
  clear: both;
  padding: 1em 0 2em; }

#pageNav a, .backToTop a {
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -webkit-border-bottom-left-radius: 9px;
  background-color: #ebf7d7;
  border: 1px solid #573;
  margin: 3em 2em 0 0;
  padding: 3px 7px; }

#pageNav a:link,
#pageNav a:active,
#pageNav a:hover,
#pageNav a:visited,
.backToTop a:link,
.backToTop a:active,
.backToTop a:hover,
.backToTop a:visited {
  text-decoration: none; }

#pageNav a:hover,
.backToTop a:hover {
  background-color: #fff7c0;
  border: 1px solid #bfb780; }

#breadcrumb {
  display: none;
  height: 18px;
  margin-left: -2em;
  margin-bottom: 2em; }

#breadcrumb.about,
#breadcrumb.community-chip,
#breadcrumb.contact-us,
#breadcrumb.get-involved,
#breadcrumb.member-nonprofits,
#breadcrumb.sitemap,
#breadcrumb.workplace-giving,
#breadcrumb.whats-new {
  display: block;
  text-indent: -100em; }

#breadcrumb.community-chip {
  background: url(../images/breadcrumb-community-chip.gif) top left no-repeat; }

#breadcrumb.about {
  background: url(../images/breadcrumb-about.gif) top left no-repeat; }

#breadcrumb.contact-us {
  background: url(../images/breadcrumb-contact-us.gif) top left no-repeat; }

#breadcrumb.get-involved {
  background: url(../images/breadcrumb-get-involved.gif) top left no-repeat; }

#breadcrumb.member-nonprofits {
  background: url(../images/breadcrumb-member-nonprofits.gif) top left no-repeat; }

#breadcrumb.sitemap {
  background: url(../images/breadcrumb-sitemap.gif) top left no-repeat; }

#breadcrumb.workplace-giving {
  background: url(../images/breadcrumb-workplace-giving.gif) top left no-repeat; }

#breadcrumb.whats-new {
  background: url(../images/breadcrumb-whats-new.gif) top left no-repeat; }

/* Hide H1 for certain pages where it'll be redundant with the breadcrumb. */
H1.contact-us,
H1.sitemap,
H1.community-chip,
H1.top-level {
  display: none; }

/* ----------
 * layout
 * ---------- */
#container {
  width: 100%; }

/* ----------
 * content
 * ---------- */
#posts {
  background-color: #fff;
  box-sizing: border-box;
  overflow: auto;
  /* prevent floated images from breaking through bottom */
  padding-top: 20px;
  padding-bottom: 25px;
  width: 100%; }

.post, #pageNav {
  background-color: #fff;
  clear: both;
  padding: 0 0 1em 5%;
  width: 730px; }

#pageNav {
  line-height: 1em; }

DIV.post.titleOnly {
  margin-bottom: 0; }

.post ol {
  padding: 0 0 1em 2em;
  list-style-type: decimal; }

.post ul {
  padding: 0 0 1em 2em;
  list-style-type: disc; }

.post li {
  padding-bottom: 0.5em; }

#home .post ul,
#home .post ol {
  margin-left: 2em; }

/* Make embedded video content responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* ----------
 * footer
 * ---------- */
#footer {
  background-color: #ebf7d7;
  font-size: 13px;
  margin: 0px auto;
  padding-top: 10px;
  text-align: center;
  width: 100%; }
  #footer .tagline {
    display: none; }
  #footer p {
    padding-bottom: 0.25em; }

.greenRule {
  background-color: #b3de69;
  height: 4px;
  width: 100%; }

.whiteRule {
  background-color: #fff;
  height: 5px;
  width: 100%; }

/* ------------------ */
/* ---- `utility ---- */
/* ------------------ */
#chipMenu {
  color: #b3de69; }

#donateNowLink, #givingTuesdayLink {
  background-color: #573;
  border: 1px solid white;
  display: block;
  margin-top: 5px;
  margin-right: 8px;
  padding: 2px 4px; }

#donateNowLink:hover,
#donateNowLink:focus {
  background-color: #cfe8a2;
  color: #462; }

#givingTuesdayLink {
  background-color: #dd8500; }

#givingTuesdayLink:hover,
#givingTuesdayLink:focus {
  background-color: #FF9900; }

.emSpace {
  height: 1em; }

.highlight, .toc {
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  -webkit-border-top-right-radius: 1em;
  -webkit-border-bottom-right-radius: 1em;
  -webkit-border-bottom-left-radius: 1em;
  background-color: #ebf7d7;
  border: 1px solid #573;
  padding: 1em 1em 0;
  margin-bottom: 1em; }

.toc {
  padding-top: 1em; }

.toc li {
  padding-bottom: 0.5em; }

/* Handle TOC Only format, e.g., news page showing just titles and linke */
h2.titleOnly {
  padding-top: 0; }

.postDate {
  padding-bottom: 1em;
  font-style: italic; }

.postExcerpt {
  padding: 0;
  margin-left: 3em; }

.shoutout {
  border-radius: 5em;
  -moz-border-radius: 5em;
  -webkit-border-top-left-radius: 5em;
  -webkit-border-top-right-radius: 5em;
  -webkit-border-bottom-right-radius: 5em;
  -webkit-border-bottom-left-radius: 5em;
  background-color: #EFFFCF;
  border: 1px solid #AACB70;
  color: #586838;
  float: right;
  padding: 1em 4em 1.25em;
  margin: 0 0 1em 2em;
  text-align: center;
  width: auto; }

.shoutout h4 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: larger;
  font-weight: 300;
  padding-bottom: 1em; }

.shoutout a:link,
.shoutout a:visited,
.shoutout a:hover,
.shoutout a:focus,
.shoutout a:active {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: larger; }

.hero {
  clear: left;
  float: left;
  width: 100%; }

.hero img {
  clear: left;
  padding-bottom: 3em; }

.spacer {
  display: block;
  height: 1em; }

.twtr-profile-img-anchor {
  display: none; }

/* ----------
 * home page
 * ---------- */
.newsItem {
  background-color: #ebf7d7;
  color: #333;
  margin-bottom: 1em;
  padding: 0.5em;
  padding-right: 2em;
  width: 250px !important;
  /* see also width for #home .sidebar */ }

#home {
  background-color: #fff;
  overflow: auto;
  /* prevent floated images from breaking through bottom */
  margin-top: -1px;
  padding-bottom: 25px;
  width: 100%; }
  #home h2 {
    color: #573;
    font-size: 1.3em;
    padding: 1em 0;
    /* style h2 on home more like an h1 - multiple major headings */ }
  #home .attachment-full {
    float: left; }
  #home .post {
    border-right: 1px solid #b5df6b;
    float: left;
    margin: 0 10px 0 0;
    padding: 1em 10px 0 0;
    width: 670px; }
    #home .post p,
    #home .post h1,
    #home .post div,
    #home .post h2 {
      padding-left: 20px; }
    #home .post p {
      padding-bottom: 1em; }
    #home .post img {
      padding-bottom: 1em; }
  #home .wp-post-image {
    margin-top: -1em; }
  #home .sidebar {
    float: left;
    width: 260px;
    /* see also width for .newsItem */ }
    #home .sidebar .social-media {
      border-top: 1px solid #92b06b;
      clear: both;
      font-style: italic;
      padding-top: 1em; }
      #home .sidebar .social-media a {
        display: inline-block;
        padding-right: 1em;
        text-decoration: none; }
  #home .postDate,
  #home .postExcerpt {
    margin: 0;
    padding: 0; }
  #home .attachment-tiny {
    float: right;
    margin-top: 0;
    padding: 0 0 1em 1em; }
  #home .more {
    text-align: right; }

/*# sourceMappingURL=global.css.map */