@charset "UTF-8";

/* this is for inserting special notices on the site w/o touching code */

#notices,
#notices div {
  display: none;
}
#notice-responsive {
  display: none;
  position: absolute;
  z-index: 5;
  top: 10px;
  right: -110px;
  width: 80px;
  padding: 10px;
  background: #d4dce8;
  border: 1px solid #666;
  border-radius: 10px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.65);
}

#notice-donate {
  margin: 0 0 10px 0;
  padding: 10px;
  background: #fdd9ae;
  border: 1px solid #999;
  box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.4);
  overflow: auto;
}
#notice-donate-inner {
  width: 65%;
  margin: 0 auto;
}
#donate-message {
  width: 40%;
  margin: 0 5%;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  float: left;
}
#donate-message a {
  color: #c00;
}
#donate-progress {
  width: 35%;
  margin: 0 5%;
  line-height: 1.3;
  text-align: center;
  float: left;
}
.blurbtext #donate-progress {
  width: 30%;
  margin: 2px 0 4px 5%;
  float: right;
}
#donate-progress-bar {
  width: 80%;
  margin: 6px auto 4px;
  background: #fff;
  border: 1px solid #111;
}
#donate-progress-bar-color {
  width: 2%;
  background: #c00;
}
#donate-progress-bar,
#donate-progress-bar-color {
  height: 10px;
}
#donate-progress,
#donate-progress span.donate-fundraiser-raised,
#donate-progress span.donate-fundraiser-sought {
  line-height: 1.3;
}

/* smaller than desktop */
@media (max-width: 970px) {

  #notice-donate {
    margin: 0 0 15px 0;
  }
  #notice-donate-inner {
    width: 90%;
  }
  #donate-progress-bar,
  #donate-progress-bar-color {
    height: 15px;
  }
  .blurbtext #donate-progress {
    width: 50%;
    margin: 10px 0 40px 5%;
  }

}


/* smaller than desktop */
@media (max-width: 769px) {

  .blurbtext #donate-progress {
    width: 40%;
  }

}


/* smaller than 540 */
@media (max-width: 540px) {

  #notice-donate-inner {
    width: 100%;
  }
  #donate-progress,
  #donate-progress span.donate-fundraiser-raised,
  #donate-progress span.donate-fundraiser-sought {
    font-size: 15px;
  }
  #donate-progress-bar {
    margin: 8px auto 6px;
  }

}
/* smaller than 480 */
@media (max-width: 480px) {

  .blurbtext #donate-progress {
    width: 80%;
    margin: 0 auto 30px;
    float: none;
  }

}


/* widescreen */
@media (min-width: 1300px) {

  #siteinner #notice-responsive {
    display: block;
  }
  body.admin #notice-responsive {
    display: none;
  }

}