@import url(https://use.typekit.net/axk4ulr.css);
/* 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;
}

/**
 * Font Variables
 */
html {
  font-size: 100%;
}

body {
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.03125rem;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
}

p {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.03125rem;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
}
p + p {
  margin: 10px 0;
}
p.small {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.03125rem;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
}
p.tiny {
  font-size: 0.625rem;
  line-height: 1rem;
  letter-spacing: 0.03125rem;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
}

h1, .h1, h2, .h2, h3, .h3, .uppercase, .title {
  text-transform: uppercase;
}

h1, .h1, .section-title {
  font-size: 2rem;
  line-height: 2.0625rem;
  letter-spacing: 0.15rem;
  font-weight: 700;
  font-family: "cooper-black-std", serif;
  margin-top: 20px;
  margin-right: 0;
  margin-bottom: 20px;
  margin-left: 0;
  color: #1A5C8C;
}
h1 .icon, .h1 .icon, .section-title .icon {
  height: 70px;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  h1, .h1, .section-title {
    font-size: 1.625rem;
    line-height: 1.75rem;
  }
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4375rem;
  letter-spacing: 0.09375rem;
  font-weight: 700;
  font-family: "cooper-black-std", serif;
  color: #1A5C8C;
}

h3, .h3 {
  font-size: 1.125rem;
  line-height: 2.0625rem;
  letter-spacing: 0.09375rem;
  font-weight: 700;
  font-family: "cooper-black-std", serif;
  color: #1A5C8C;
}
h3.subhead, .h3.subhead {
  margin-top: -5px;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 2.0625rem;
  letter-spacing: 0.084375rem;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  color: #1A5C8C;
}

h5, .h5 {
  margin: 30px 0 10px;
  padding: 0;
  font-size: 16px;
  line-height: 18px;
  font-family: "letter-gothic-std", monospace;
}

h6, .h6 {
  margin: 30px 0 6px;
  padding: 0;
  font-size: 16px;
  line-height: 18px;
}

a {
  color: #1A5C8C;
  text-decoration: none;
  transition: all 0.3s ease;
}
a:hover {
  color: #1A5C8C;
  text-decoration: none;
}
a.btn:not(.btn-outline) {
  color: white;
}
a.btn:not(.btn-outline):hover {
  color: white;
}

strong, .strong {
  font-weight: 400;
}

.bold {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

ul {
  list-style: none;
}

.text-tiny {
  font-size: 0.7em;
}

.text-small {
  font-size: 0.85em;
}

.text-big {
  font-size: 1.4em;
}

.text-huge {
  font-size: 1.8em;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.fixed-header main {
  padding-top: 4.375rem;
}

.screen-reader-text {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

main {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.skip-to-content-link {
  left: -999px;
  position: absolute;
  top: auto;
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
  z-index: -999;
}
.skip-to-content-link:focus, .skip-to-content-link:active {
  color: #ffffff;
  background-color: #000000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 0.625rem 35%;
  padding: 0.3125rem;
  border-radius: 0.9375rem;
  border: 0.25rem solid yellow;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
}

.flex {
  display: flex;
}

.flex-2 {
  display: flex;
  gap: 1.875rem;
}
.flex-2 > div {
  flex: auto;
  width: 50%;
}
.flex-2.flex-auto > div {
  flex: none;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .flex-2 {
    display: block;
  }
  .flex-2 > div {
    width: 100% !important;
  }
}

.flex-3-2 {
  display: flex;
  gap: 1.875rem;
}
.flex-3-2 > div:first-child {
  width: 70%;
}
.flex-3-2 > div:last-child {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .flex-3-2 {
    display: block;
  }
  .flex-3-2 > div {
    width: 100% !important;
  }
}

.full-bleed {
  width: 100%;
  margin: 0 auto;
  padding: 0 6.25rem;
  box-sizing: border-box;
}
@media only screen and (max-width: 1080px) {
  .full-bleed {
    padding: 0 3.75rem;
  }
}
@media only screen and (max-width: 560px) {
  .full-bleed {
    padding: 0 1.875rem;
  }
}

.wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
}
.wrapper.unwrap {
  max-width: none;
}
.wrapper.padded {
  padding: 0 6.25rem;
  box-sizing: border-box;
}
@media only screen and (max-width: 1080px) {
  .wrapper.padded {
    padding: 0 1.875rem;
  }
}

.page-wrapper {
  width: 100%;
  max-width: 960px;
  margin: 3.125rem auto;
  padding: 0 1.875rem;
  box-sizing: border-box;
}
.page-wrapper .section-header {
  margin-bottom: 2.5rem;
}
.page-wrapper.page-large {
  max-width: 1460px;
}
.page-wrapper.centered {
  align-items: center;
  text-align: center;
}

.page-crumbs {
  position: absolute;
  margin-top: 0.9375rem;
}
@media only screen and (max-width: 1023px) {
  .page-crumbs {
    margin-top: 1.0625rem;
  }
}

.block-heading {
  text-align: center;
  margin-bottom: 1.875rem;
}
.block-heading h3 {
  color: #1A5C8C;
  font-family: "Roboto Slab", serif;
  text-transform: none;
  font-size: 1.25rem;
  letter-spacing: 0.09375rem;
  margin: 0 0 0.9375rem 0;
}
.block-heading a {
  text-decoration: underline;
  font-weight: 400;
}

.section {
  display: flex;
  flex-direction: column;
  padding: 5rem 0;
}
.section.centered {
  align-items: center;
  text-align: center;
}
.section.section-with-background {
  background: #F2E1D8;
}
.section .section-copy {
  max-width: 860px;
  margin: 3.125rem auto;
}

.homepage .section {
  padding-top: 0;
}

.page-triggers {
  display: flex;
  justify-content: center;
}
.page-triggers a {
  font-weight: 700;
  padding: 0.4375rem 0.625rem;
  background: white;
  border: 0.125rem solid #1A5C8C;
  color: #1A5C8C;
}
.page-triggers a:hover {
  color: white;
}
.page-triggers a.selected {
  color: white;
  background: #1A5C8C;
  border: 0.125rem solid #1A5C8C;
  cursor: default;
  pointer-events: none;
}
.page-triggers a.selected:hover {
  background: #1A5C8C;
  color: #1A5C8C;
}

.hidden {
  display: none !important;
}

.spinner {
  background: url(https://giveguide.org/images/spinner_2x.gif) no-repeat 50% 50%;
  background-size: 1.25rem;
  display: inline-block;
  vertical-align: bottom;
  width: 1.5rem;
  height: 2.125rem;
}

.arrow-trigger {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("https://giveguide.org/images/arrow-right.svg");
}

.section-header {
  text-align: center;
}
.section-header .section-title {
  margin: 3.125rem 0 1.875rem 0;
}
.section-header.has-link .section-title {
  margin-bottom: 1.25rem;
}
.section-header .section-link {
  color: #4d4d4d;
  text-decoration: underline;
}
.section-header .section-link:hover {
  color: #1A5C8C;
}
.section-header .section-text {
  max-width: 960px;
  margin: 30px auto 0 auto;
}

hr {
  margin: 30px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 100%;
  background: #dbdbdb;
}
hr.thick {
  height: 5px;
}

.border, .page-checkout .cart-item, .page-categories .entries-list .entry-item {
  border: 0.0625rem solid #dbdbdb;
  padding: 2.5rem;
  box-sizing: border-box;
}
.border > h1, .page-checkout .cart-item > h1, .page-categories .entries-list .entry-item > h1, .border > h2, .page-checkout .cart-item > h2, .page-categories .entries-list .entry-item > h2, .border > h3, .page-checkout .cart-item > h3, .page-categories .entries-list .entry-item > h3 {
  margin: 0 0 1.5625rem 0;
}
.border.with-table, .page-checkout .with-table.cart-item, .page-categories .entries-list .with-table.entry-item {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}
@media only screen and (max-width: 767px) {
  .border, .page-checkout .cart-item, .page-categories .entries-list .entry-item {
    border: none;
    border-bottom: 0.125rem solid #dbdbdb;
  }
  .border.with-table, .page-checkout .with-table.cart-item, .page-categories .entries-list .with-table.entry-item {
    padding-left: 0;
    padding-right: 0;
  }
}

.centered {
  text-align: center;
}

table {
  width: 100%;
  border-collapse: separate;
}

table:not(.custom) {
  width: 100%;
  border-collapse: separate;
  text-align: left;
}
table:not(.custom) thead th {
  padding: 10px;
  box-sizing: border-box;
  font-weight: 400;
  text-align: center;
}
table:not(.custom) tbody tr:first-child td {
  border-top: 1px solid #dbdbdb;
}
table:not(.custom) tbody tr td {
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
table:not(.custom) tbody tr td:first-child {
  border-left: 1px solid #dbdbdb;
}
table:not(.custom) th {
  text-transform: uppercase;
}
table:not(.custom) td {
  box-sizing: border-box;
  vertical-align: middle;
  background-color: #fff;
  padding: 10px;
}
table:not(.custom) td p {
  margin: 0;
  padding: 0;
}
table:not(.custom) td.thin {
  width: 40px;
}
table:not(.custom) td.size-small {
  width: 100px;
}
table:not(.custom) td.size-medium {
  width: 320px;
}
table:not(.custom) tr:nth-child(odd) td {
  background: #FAFAFA;
}

@media only screen and (max-width: 767px) {
  table:not(.custom) {
    border: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    margin: 0;
    padding: 0;
  }
  table:not(.custom) thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table:not(.custom) tr {
    border: 0.0625rem solid #dbdbdb;
    border-bottom: 0.1875rem solid #dbdbdb;
    display: block;
    margin-bottom: 0.9375rem;
  }
  table:not(.custom) td {
    border-bottom: 0.0625rem solid #dbdbdb;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }
  table:not(.custom) td.thin, table:not(.custom) td.size-small, table:not(.custom) td.size-medium {
    width: auto;
  }
  table:not(.custom) td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table:not(.custom) td:last-child {
    border-bottom: 0;
  }
}
.socials {
  display: flex;
}
.socials a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background: transparent;
}
.socials svg {
  width: 100%;
  height: 100%;
}

.donation-form {
  display: flex;
  align-items: center;
  max-width: 270px;
  margin: 30px auto;
}
.donation-form .dollar-symbol {
  padding-right: 10px;
}
.donation-form .field-input {
  max-width: 100px;
}
.donation-form .btn {
  margin-left: 10px;
  padding: 10px 15px;
  width: 100%;
}

.badges {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
}
.badges .badge {
  display: block;
  color: white;
  background: rgba(26, 92, 140, 0.6);
  padding: 0.25rem 0.4375rem;
  text-transform: uppercase;
  font-size: 0.625rem;
  line-height: 0.625rem;
  letter-spacing: 0.05rem;
  font-weight: bold;
  font-family: "Arial";
  font-family: "Arial", sans-serif;
  border-right: 0.0625rem solid white;
  border-bottom: 0.0625rem solid white;
}
.badges .badge.badge-new {
  background: #1A5C8C;
}

.loader {
  position: absolute;
  top: 220px;
  left: 50%;
  margin-left: -40px;
  display: inline-block;
  width: 5rem;
  height: 5rem;
  opacity: 1;
}
.loader div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: loader 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.loader div:nth-child(2) {
  animation-delay: -0.5s;
}
.loader.blue div {
  border-color: #0777D9;
}
.loader.off {
  opacity: 0;
}

@keyframes loader {
  0% {
    top: 2.25rem;
    left: 2.25rem;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 4.5rem;
    height: 4.5rem;
    opacity: 0;
  }
}
.btn-reset {
  display: inline-block;
  border: none;
  margin: 0;
  text-decoration: none;
  background: transparent;
  cursor: pointer;
  transition: color 250ms ease, background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.btn-icon {
  width: 2.1875rem;
  height: 1.875rem;
}
.btn-icon svg {
  transition: all 0.3s ease;
}
.btn-icon:hover svg {
  fill: #1A5C8C;
}

.btn-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.btn {
  display: inline-block;
  border: none;
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: 0.05625rem;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  background: #1A5C8C;
  text-decoration: none;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.btn:hover {
  color: white;
  background: #044176;
}
.btn.btn-small {
  padding: 0.75rem 1rem;
  font-size: 1rem;
}
.btn.btn-tiny {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}
.btn.btn-large {
  padding: 1.375rem 1.4375rem;
  font-size: 1.25rem;
  line-height: 1.625rem;
  letter-spacing: 0.09375rem;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
}
.btn.btn-red {
  background: #F25F29;
}
.btn.btn-red:hover {
  background: #ab350a;
}
.btn.btn-yellow {
  background: #F29979;
}
.btn.btn-yellow:hover {
  background: #e9521c;
}
.btn.btn-gray {
  background: #dbdbdb;
}
.btn.btn-gray:hover {
  background: #a8a8a8;
}
.btn + .spinner {
  margin-left: 0.4375rem;
}

.form-wrapper {
  max-width: 26.25rem;
  margin: 0 auto;
  padding: 1.875rem;
  box-sizing: border-box;
}
.form-wrapper.border, .page-checkout .form-wrapper.cart-item, .page-categories .entries-list .form-wrapper.entry-item {
  border: 1px solid #dbdbdb;
}
.form-wrapper.form-large {
  max-width: 52.5rem;
}
@media only screen and (max-width: 690px) {
  .form-wrapper {
    padding: 0;
  }
  .form-wrapper.border, .page-checkout .form-wrapper.cart-item, .page-categories .entries-list .form-wrapper.entry-item {
    border: none;
  }
}

.form-wrapper-supporting {
  max-width: 26.25rem;
  margin: 1.875rem auto 0 auto;
}
.form-wrapper-supporting p {
  margin: 0;
  padding: 0;
}

.invalid-feedback {
  display: block;
  color: red;
  font-size: 0.93rem;
}

.form-message {
  margin-top: 1.875rem;
}
.form-message .error-message {
  color: #f14d11;
}

.errors {
  margin-top: 0.625rem;
  color: #f14d11;
  font-size: 0.75rem;
}

.button-group {
  display: flex;
  align-items: center;
}
.button-group p {
  margin: 0 0 0 1.875rem;
  padding: 0;
}

.flex-fields {
  display: flex;
  gap: 1.875rem;
}
.flex-fields > .field {
  flex: 1;
}
.flex-fields > .fields {
  flex: 1;
}
@media only screen and (max-width: 690px) {
  .flex-fields {
    display: block;
  }
}

.fieldset > h1, .fieldset h2, .fieldset h3 {
  margin-top: 1.25rem;
  margin-bottom: 0.9375rem;
}

.field {
  position: relative;
  margin-bottom: 1.5625rem;
}
.field.has-instructions label {
  margin: 0;
}
.field.has-instructions p {
  margin: 0 0 0.25rem 0;
}
.field .instructions {
  color: #4d4d4d;
}
.field.field-tiny {
  max-width: 100px;
}
.field.field-small {
  max-width: 200px;
}
.field.field-dash {
  align-self: center;
  font-size: 1rem;
  padding: 0 0.625rem;
  margin: 0;
}
.field.field-table {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.field.field-table .donation-form {
  margin: 0;
}
.field.field-table .field-input {
  max-width: 12.5rem;
}
.field.field-table .dollar-symbol {
  padding-right: 0.625rem;
}
.field.field-table .btn {
  font-size: 0.75rem;
  padding: 0.625rem 0.9375rem;
  margin-left: 0.625rem;
  box-sizing: border-box;
  font-weight: 400;
  letter-spacing: 0.0625rem;
}
.field .field-info {
  font-size: 0.75rem;
  letter-spacing: 0.01875rem;
}
.field.note-field {
  padding: 1.875rem;
  background: #f8f8f1;
  border: 0.0625rem solid #dbdbdb;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=text],
input[type=email],
input[type=password],
input[type=number],
textarea,
select,
.field-input {
  font-size: 1rem;
  line-height: 1.625rem;
  letter-spacing: 0.03125rem;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  padding: 0.625rem 0.9375rem;
  border: 0.0625rem solid #dbdbdb;
  border-radius: 0;
  width: 100%;
  box-sizing: border-box;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
textarea:focus,
select:focus,
.field-input:focus {
  border-color: #1A5C8C;
}
input[type=text].field-large,
input[type=email].field-large,
input[type=password].field-large,
input[type=number].field-large,
textarea.field-large,
select.field-large,
.field-input.field-large {
  font-size: 1.375rem;
  padding: 1.375rem 0.9375rem;
}
input[type=text].has-error,
input[type=email].has-error,
input[type=password].has-error,
input[type=number].has-error,
textarea.has-error,
select.has-error,
.field-input.has-error {
  border-color: #f14d11;
}
input[type=text].placeholder,
input[type=email].placeholder,
input[type=password].placeholder,
input[type=number].placeholder,
textarea.placeholder,
select.placeholder,
.field-input.placeholder {
  color: #dbdbdb;
  background: white;
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=number]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
.field-input:-moz-placeholder {
  color: #dbdbdb;
  background: white;
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=number]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
.field-input::-moz-placeholder {
  color: #dbdbdb;
  background: white;
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
.field-input:-ms-input-placeholder {
  color: #dbdbdb;
  background: white;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
.field-input::-webkit-input-placeholder {
  color: #dbdbdb;
  background: white;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}

label, .label {
  display: block;
  font-weight: 400;
  margin-bottom: 0.3125rem;
}

.ck-editor__editable {
  min-height: 6.25rem;
}

.ck.ck-editor {
  width: 12.5rem;
}

#header {
  display: flex;
  height: 70px;
  border-bottom: 1px #dbdbdb solid;
}
#header.fixed {
  position: fixed;
  z-index: 20;
  width: 100%;
  background: white;
}
#header .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1A5C8C;
  min-width: 80px;
  margin-right: 20px;
}
#header .logo img {
  width: 40px;
  height: 40px;
  transform-origin: center center;
  transition: all 0.3s ease;
}
#header .logo:hover {
  background: #1A5C8C;
}
#header .logo:hover img {
  transform: scale(1.1);
}
#header #mobile-menu {
  display: none;
  justify-content: center;
  align-items: center;
  width: 70px;
}
#header #mobile-menu.active .trigger span:nth-child(1) {
  top: 50%;
  transform: rotate(45deg);
}
#header #mobile-menu.active .trigger span:nth-child(2) {
  opacity: 0;
  transform: translateX(-10px);
}
#header #mobile-menu.active .trigger span:nth-child(3) {
  top: 50%;
  transform: rotate(-45deg);
}
#header #mobile-menu.active .mobile-nav {
  display: block;
}
#header #mobile-menu ul {
  display: block;
}
#header #mobile-menu ul li {
  margin: 0.625rem;
}
#header #mobile-menu .trigger {
  position: relative;
  height: 25px;
  width: 35px;
}
#header #mobile-menu .trigger span {
  position: absolute;
  display: block;
  height: 5px;
  width: 100%;
  background: #4d4d4d;
  border-radius: 2px;
  transition: all 0.3s ease;
}
#header #mobile-menu .trigger span:nth-child(1) {
  top: 0;
}
#header #mobile-menu .trigger span:nth-child(2) {
  top: 50%;
}
#header #mobile-menu .trigger span:nth-child(3) {
  top: 100%;
}
#header #mobile-menu .mobile-nav {
  display: none;
  position: absolute;
  z-index: 2;
  background: white;
  left: 0;
  right: 0;
  top: 70px;
  padding: 30px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
@media only screen and (max-width: 945px) {
  #header #navigation {
    display: none;
  }
  #header #mobile-menu {
    display: flex;
  }
  #header .logo {
    margin-right: 0;
  }
}

#navigation {
  display: flex;
  align-items: center;
}
#navigation ul {
  display: flex;
  align-items: center;
}

#utilities {
  display: flex;
  align-items: center;
  margin-left: auto;
}
#utilities .badge-holder {
  margin: auto 1.875rem auto 0.625rem;
}
#utilities .badge-holder a {
  color: #F2E1D8;
  font-size: 1.125rem;
  font-weight: bold;
}
#utilities .badge {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -8px;
  left: -2px;
  z-index: 1;
  background-color: #F25F29;
  color: #fff;
  padding: 1px 2px;
  height: 14px;
  min-width: 14px;
  font-size: 10px;
  line-height: 14px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#utilities .icon-link {
  position: relative;
  display: block;
  border-radius: 100%;
  width: 37px;
  height: 37px;
  background: rgba(134, 109, 177, 0.2);
  padding: 10px;
  box-sizing: border-box;
}
#utilities .icon-link svg {
  width: 100%;
  height: 100%;
  fill: #0777D9;
}
#utilities .icon-link:hover {
  background: rgba(134, 109, 177, 0.3);
}
#utilities .icon-link:active, #utilities .icon-link.active {
  background: #0777D9;
}
#utilities .icon-link:active svg, #utilities .icon-link.active svg {
  fill: white;
}

#navigation ul, #utilities ul, #mobile-menu ul {
  display: flex;
  align-items: center;
}
#navigation li, #utilities li, #mobile-menu li {
  margin: 0 10px;
}
#navigation a, #utilities a, #mobile-menu a {
  position: relative;
  text-transform: uppercase;
  color: black;
  padding: 5px 0;
  font-weight: 400;
}
#navigation a:before, #utilities a:before, #mobile-menu a:before {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 0.0625rem;
  opacity: 0;
  background: transparent;
  transform: translateY(5px);
  transition: all 0.3s ease;
}
#navigation a:hover, #navigation a.active, #utilities a:hover, #utilities a.active, #mobile-menu a:hover, #mobile-menu a.active {
  color: #1A5C8C;
}
#navigation a:hover:before, #navigation a.active:before, #utilities a:hover:before, #utilities a.active:before, #mobile-menu a:hover:before, #mobile-menu a.active:before {
  opacity: 1;
  transform: translateY(0);
  background: #1A5C8C;
}
#navigation a:hover, #utilities a:hover, #mobile-menu a:hover {
  transform: translateY(0);
}
#navigation a:hover:before, #utilities a:hover:before, #mobile-menu a:hover:before {
  opacity: 1;
  transform: translateY(0);
}
#navigation a.active:before, #utilities a.active:before, #mobile-menu a.active:before {
  height: 0.125rem;
}

.page-checkout .cart-holder {
  display: none;
}

.cart-holder {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 0 1.25rem;
  border: 0.0625rem solid #dbdbdb;
  border-right: none;
  background: white;
  transition: background 0.3s ease;
  height: 3.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cart-holder .badge-holder {
  font-size: 1.75rem;
  background: transparent;
  color: #F2E1D8;
  font-weight: bold;
}
.cart-holder svg {
  width: 1.25rem;
  vertical-align: middle;
  margin-left: 0.625rem;
  margin-top: -0.25rem;
  fill: #1A5C8C;
  transition: all 0.3s ease;
}
.cart-holder:hover {
  background: #1A5C8C;
}
.cart-holder:hover a {
  color: white;
}
.cart-holder:hover svg {
  fill: white;
  transform: translateX(0.625rem);
}

#footer {
  padding: 2.5rem 0 1.25rem 0;
  margin-top: 100px;
  background: #F2E1D8;
}
#footer p, #footer a {
  text-align: center;
  padding: 0.1875rem 0;
  color: black;
}
#footer a {
  text-decoration: underline;
}
#footer a:hover {
  opacity: 0.7;
}
#footer .footer-logo {
  width: 70px;
  max-width: 80%;
  margin: auto auto 25px auto;
}
#footer .socials {
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}
#footer .socials a {
  background: #ef8058;
  box-sizing: border-box;
  padding: 10px;
  width: 40px;
  height: 40px;
  margin: 0 5px;
}
#footer .socials a:hover {
  background: white;
}
#footer .socials a:hover svg {
  fill: #ef8058;
}
#footer .socials svg {
  fill: white;
  transition: all 0.3s ease;
}

#attribution {
  display: flex;
  margin: 0;
  padding: 15px;
  font-size: 12px;
  text-align: center;
  background: #e0b8a2;
  align-items: center;
  justify-content: center;
}
#attribution .rh-logo {
  width: 20px;
  margin-right: 15px;
}
#attribution .rh-logo svg {
  width: 100%;
}
#attribution a {
  color: black;
}
#attribution a:hover {
  opacity: 0.7;
}

#intro {
  padding: 0;
  background: #1A5C8C;
}
#intro .intro-copy {
  max-width: 37.5rem;
  margin: 3.125rem auto;
  padding: 0 3.125rem;
}
#intro .intro-copy a:not(.btn) {
  color: #0777D9;
}
#intro .intro-copy a:not(.btn):hover {
  color: #1A5C8C;
}
#intro .intro-copy .donate-now-button {
  margin-top: 2.5rem;
}
#intro .logo-wrapper .section-logo {
  max-width: 17.5rem;
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 480px) {
  #intro .logo-wrapper .section-logo {
    max-width: 16.25rem;
  }
}
#intro .wrapper {
  width: 100%;
}
#intro .wrapper.first {
  padding-top: 4.375rem;
}
#intro .wrapper.last {
  max-width: 100%;
  background: #F2E1D8;
}
#intro .wrapper-meter-stats {
  position: relative;
  width: 100%;
  border-bottom: 4px solid #e9c276;
}
#intro #meter {
  border: 0.25rem solid #F2E1D8;
  margin: 1.875rem auto;
  background: rgba(242, 225, 216, 0.2);
  box-sizing: border-box;
}
#intro #meter .tick {
  background: #F2E1D8;
}
#intro #meter-info {
  position: relative;
  z-index: 1;
  padding: 3.125rem 0;
  text-transform: uppercase;
}
#intro #meter-info p {
  font-size: 20px;
  letter-spacing: 1.5px;
  color: #F29979;
}
#intro #meter-info .current-stats-info, #intro #meter-info .goal-info {
  font-weight: 400;
}
#intro #meter-info .current-stats-info span, #intro #meter-info .goal-info span {
  color: white;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  #intro #meter-info {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.giving-stats-trigger {
  position: relative;
  display: inline-block;
  font-size: 1.25rem;
  letter-spacing: 0.09375rem;
  margin-top: 2.5rem;
  font-weight: 700;
  text-transform: none;
  color: #F29979;
  transition: all 0.3s ease;
}
.giving-stats-trigger .icon-trigger {
  display: block;
  position: absolute;
  right: -1.25rem;
  bottom: -0.125rem;
  width: 0.9375rem;
  height: 1.5625rem;
}
.giving-stats-trigger .icon-trigger svg {
  height: 100%;
  fill: #F29979;
  transition: all 0.3s ease;
}
.giving-stats-trigger:hover {
  color: #ed764b;
}
.giving-stats-trigger:hover svg {
  fill: #ed764b;
  transform: translateX(2px);
}
.giving-stats-trigger.active {
  color: #ed764b;
}
.giving-stats-trigger.active svg {
  fill: #ed764b;
  transform: rotate(90deg) translateX(0);
  bottom: -0.125rem;
}

.meter-wrapper {
  position: relative;
  max-width: 740px;
  margin: 0 auto;
  width: 100%;
  height: 65px;
  background: #f8f8f1;
  border: 1px solid #dbdbdb;
}
.meter-wrapper .track {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  background: #1A5C8C;
}
.meter-wrapper .bars {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url("https://giveguide.org/images/bar-marks.png");
  background-repeat: repeat-x;
  background-position: center bottom;
}

#nonprofits {
  padding-top: 0;
}
#nonprofits .categories-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 60px;
}
@media only screen and (max-width: 690px) {
  #nonprofits .categories-container {
    display: block;
  }
  #nonprofits .categories-container a {
    padding: 0;
    margin: 1.875rem 0;
    max-width: 100%;
  }
  #nonprofits .categories-container a:hover:before, #nonprofits .categories-container a:hover:after {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  #nonprofits .categories-container {
    grid-template-columns: 1fr 1fr;
  }
}
#nonprofits .category {
  position: relative;
  align-items: center;
  padding: 1.25rem 1.5625rem;
  box-sizing: border-box;
  box-shadow: none;
  will-change: transform;
  transition: all 0.3s ease-in;
}
#nonprofits .category .category-link {
  display: flex;
  align-items: center;
  color: #4d4d4d;
}
#nonprofits .category:before, #nonprofits .category:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  will-change: opacity;
  transition: opacity 0.2s ease-in;
}
#nonprofits .category:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 6px;
  will-change: opacity;
  transition: opacity 0.2s ease-in;
  box-shadow: 0 4px 16px #e2e8f0;
  opacity: 0;
}
#nonprofits .category:hover {
  transform: translateY(-1px);
}
#nonprofits .category:hover:before, #nonprofits .category:hover:after {
  opacity: 0;
}
#nonprofits .category:hover:after {
  opacity: 1;
}
#nonprofits .category:hover .nonprofit-icon img {
  transform: scale(0.98);
}
#nonprofits .category:focus:after {
  opacity: 1;
}
#nonprofits .category .left-block {
  margin-right: 0.625rem;
}
#nonprofits .category .nonprofit-icon img {
  width: 8.75rem;
  height: 8.75rem;
  will-change: transform;
  transition: transform 0.2s ease-in;
}
#nonprofits .category .nonprofit-icon.no-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.75rem;
  height: 8.75rem;
}
@media only screen and (max-width: 1080px) {
  #nonprofits .category .nonprofit-icon img {
    width: 100px;
    height: 100px;
  }
}
#nonprofits .category h3 {
  line-height: 1.375rem;
  margin-bottom: 10px;
}
#nonprofits .category .stats {
  text-transform: uppercase;
}
#nonprofits .category .stats > div {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
#nonprofits .category .stats span {
  font-weight: 400;
}
#nonprofits .category .sponsor-block span {
  display: block;
  text-align: center;
  font-size: 0.75rem;
}

#whygive .tabs {
  margin-top: 80px;
}
#whygive .tabs-menu {
  display: flex;
  justify-content: space-between;
}
#whygive .tabs-menu .tabmenu {
  flex: 1;
  color: #1A5C8C;
  padding: 10px 40px;
  margin: 10px 20px;
  border: 1px solid transparent;
}
#whygive .tabs-menu .tabmenu.active {
  color: #1A5C8C;
  border-color: #1A5C8C;
}
#whygive .tabbody {
  max-width: 960px;
  margin: 50px auto;
}
#whygive #content-3 img {
  width: 100px;
}
#whygive .items-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  text-align: left;
  margin-top: 50px;
}
#whygive .items-list .col {
  margin: 0 30px;
}
#whygive .items-list p {
  margin: 0 0 7px 0;
}
#whygive .items-list .tag {
  font-weight: bold;
  padding-right: 12px;
}
#whygive .items-list .tag.tag-teal {
  color: #1A5C8C;
}
#whygive .items-list .tag.tag-purple {
  color: #1A5C8C;
}
@media only screen and (max-width: 880px) {
  #whygive .tabs {
    margin-top: 40px;
  }
  #whygive .tabs-menu {
    display: block;
  }
  #whygive .tabs-menu .tabmenu {
    font-size: 16px;
    margin: 4px 20px;
  }
  #whygive .content-container {
    padding: 0 30px;
  }
  #whygive .items-list {
    display: block;
  }
}

#quotes {
  background-color: rgba(0, 170, 166, 0.75);
  background-image: url("https://giveguide.org/images/blue-pattern.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left -170px;
  padding: 100px 30px;
}
#quotes blockquote p {
  color: #fff;
  font-family: "cooper-black-std", serif;
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  text-align: center;
}
#quotes cite {
  float: right;
  display: block;
  margin-top: 14px;
  color: #fff;
  color: rgba(255, 255, 255, 0.85);
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

#sponsors .sponsors-container {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 100%;
}
#sponsors .sponsors-container h3 {
  margin: 50px 0 30px 0;
}
#sponsors .sponsor-row {
  margin: 0.625rem 0;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0.9375rem;
}
#sponsors .sponsor-row.width-50 {
  width: 50%;
}
#sponsors .sponsor-row.width-33 {
  width: 33.33%;
}
@media only screen and (max-width: 479px) {
  #sponsors .sponsor-row .sponsor-logo img {
    width: 100%;
    max-width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  #sponsors .sponsor-row.width-50, #sponsors .sponsor-row.width-33 {
    width: 100%;
  }
}
@media only screen and (max-width: 560px) {
  #sponsors .sponsor-row.width-50, #sponsors .sponsor-row.width-33 {
    width: 100%;
  }
}
#sponsors .sponsor-list {
  display: flex;
  justify-content: center;
}
#sponsors .sponsor-list.flex-2 .sponsor-item {
  flex: 1 1 50%;
  max-width: 18.75rem;
  margin: 0 3.125rem;
}
#sponsors .sponsor-list.flex-2 .sponsor-item img {
  box-sizing: border-box;
  padding: 0 2.5rem;
  width: 100%;
}
#sponsors .sponsor-list.flex-3 {
  flex-wrap: wrap;
}
#sponsors .sponsor-list.flex-3 .sponsor-item {
  flex: 1 1 33.33%;
}
#sponsors .sponsor-list.flex-4 {
  flex-wrap: wrap;
}
#sponsors .sponsor-list.flex-4 .sponsor-item {
  flex: 1 1 20%;
  margin-bottom: 2.5rem;
}
#sponsors .sponsor-list.flex-4 .sponsor-logo img {
  padding: 0 3.75rem;
  box-sizing: border-box;
}
#sponsors .sponsor-list.flex-5 {
  flex-wrap: wrap;
}
#sponsors .sponsor-list.flex-5 .sponsor-items {
  width: 20%;
  flex: auto;
  margin-bottom: 2.5rem;
}
#sponsors .sponsor-list h4 {
  margin-bottom: 25px;
}
#sponsors .sponsor-list.without-logos a {
  display: block;
  color: #4d4d4d;
  text-transform: uppercase;
}
#sponsors .sponsor-list.without-logos a:hover {
  color: #1A5C8C;
}
#sponsors .sponsor-list.flex-list {
  display: flex;
  justify-content: center;
}
#sponsors .sponsor-list .sponsor-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#sponsors .sponsor-list .sponsor-item .sponsor-logo {
  margin: auto;
}
#sponsors .sponsor-list .sponsor-item .sponsor-logo.css-background {
  width: 100%;
  padding-top: 46.64%;
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center center;
  box-sizing: border-box;
  margin: 1.5625rem;
}
#sponsors .sponsor-list .sponsor-items {
  margin: 0 1.875rem;
  flex: 1;
}
@media only screen and (max-width: 560px) {
  #sponsors .sponsor-list {
    display: block;
  }
  #sponsors .sponsor-list.flex-list {
    display: block;
  }
  #sponsors .sponsor-list.flex-2 .sponsor-item {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #sponsors .sponsor-list.flex-4 .sponsor-item {
    flex: 1 1 50%;
  }
  #sponsors .sponsor-list.flex-4 .sponsor-logo img {
    padding: 0 1.875rem;
  }
}
@media only screen and (max-width: 690px) {
  #sponsors .sponsor-list.flex-4 .sponsor-logo img {
    padding: 0 1.875rem;
  }
}

.faq-list.flex-2 {
  width: 100%;
}
.faq-list.flex-2 .col {
  flex: 1;
  border-right: 1px solid #dbdbdb;
  padding-right: 40px;
  margin-right: 40px;
}
.faq-list.flex-2 .col:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
.faq-list.flex-2 .col h2 {
  text-align: center;
  margin-bottom: 30px;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 20px;
}
.faq-list.flex-2 .col .faq-item {
  margin: 15px 0;
}
.faq-list.flex-2 .col .toggle {
  cursor: pointer;
  color: black;
  line-height: 1.4;
}
.faq-list.flex-2 .col .toggle:hover, .faq-list.flex-2 .col .toggle.active {
  color: #0777D9;
}
.faq-list.flex-2 .col .toggle.active {
  font-weight: bold;
}
.faq-list.flex-2 .col .toggle-content {
  padding: 1.25rem;
  border-left: 0.0625rem solid #dbdbdb;
}
.faq-list.flex-2 .col .toggle-content a {
  color: #0777D9;
}
.faq-list.flex-2 .col .toggle-content a:hover {
  color: #1A5C8C;
}
.faq-list.flex-2 .col .toggle-content.active {
  display: block;
}
.faq-list.flex-2 .col .toggle-content ul, .faq-list.flex-2 .col .toggle-content ol {
  padding: 0 1.25rem;
  margin: 0.3125rem 0;
}
.faq-list.flex-2 .col .toggle-content ul {
  list-style-type: inherit;
}
.faq-list.flex-2 .col .toggle-content ol {
  list-style-type: decimal;
}
@media only screen and (max-width: 1023px) {
  .faq-list.flex-2 {
    display: block;
  }
  .faq-list.flex-2 .col {
    width: 100%;
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  .faq-list.flex-2 > .col {
    margin-bottom: 3.75rem;
    border: none !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
}

.page-myaccount .user-photo-wrapper {
  margin: 1.25rem 0;
}
.page-myaccount .user-photo-wrapper img {
  display: block;
  margin: auto;
  border-radius: 50%;
}
.page-myaccount .user-name {
  text-align: center;
  text-transform: none;
  padding: 0 10px;
}
.page-myaccount .alternative-donation p {
  display: none;
}
.page-myaccount .account-info {
  display: flex;
  gap: 30px;
  margin-top: 50px;
  align-items: flex-start;
}
.page-myaccount .account-info .account-details {
  box-sizing: border-box;
  max-width: 340px;
  min-width: 340px;
}
.page-myaccount .account-info .account-details .button-group {
  margin-top: 30px;
}
.page-myaccount .account-info .account-details .button-group a {
  font-weight: 400;
  text-decoration: underline;
}
.page-myaccount .account-info .account-data {
  width: 100%;
}
.page-myaccount .account-info .nonprofit-owner {
  margin-top: 1.875rem;
  padding: 1.875rem 0;
  background: #f8f8f1;
  border: 1px solid #dbdbdb;
}
.page-myaccount .account-info .nonprofit-owner a {
  font-weight: 400;
}
.page-myaccount .account-info .nonprofit-owner .button-group {
  justify-content: center;
  margin-top: 0.625rem;
}
.page-myaccount .account-info .nonprofit-owner .button-group a {
  display: block;
  padding: 0.625rem;
  margin: 0 0.3125rem;
  box-sizing: border-box;
}
.page-myaccount .account-info .nonprofit-owner .button-group a svg {
  transition: all 0.3s ease;
}
.page-myaccount .account-info .nonprofit-owner .button-group a:hover svg {
  fill: #1A5C8C;
}
.page-myaccount .account-info .nonprofits-favorites {
  width: 100%;
  margin-bottom: 5rem;
}
.page-myaccount .account-info .nonprofits-favorites .favorite-trigger {
  position: static;
}
.page-myaccount .account-info .nonprofits-favorites .favorite-trigger svg {
  transition: all 0.3s ease;
}
.page-myaccount .account-info .nonprofits-favorites .favorite-trigger:hover svg {
  stroke: #F2E1D8;
}
.page-myaccount .account-info .nonprofits-favorites .nonprofit-item {
  transition: all 0.3s ease;
}
.page-myaccount .account-info .nonprofits-favorites .nonprofit-item.removed {
  transform: scale(0);
}
.page-myaccount .account-info .nonprofits-favorites .nonprofit-item .field-input {
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}
.page-myaccount .account-info .nonprofits-favorites .nonprofit-item .donation-form button {
  max-width: 60px;
}
@media only screen and (max-width: 767px) {
  .page-myaccount .account-info .nonprofits-favorites .nonprofit-item td {
    text-align: center;
  }
}
.page-myaccount .account-info .nonprofits-favorites .favorites-list .button-wrapper {
  display: flex;
}
.page-myaccount .account-info .nonprofit-events .button-group {
  justify-content: center;
}
.page-myaccount .account-info .info p {
  margin: 0;
}
.page-myaccount .account-info .info p span {
  font-weight: 600;
}
.page-myaccount .organization-section {
  margin-bottom: 5rem;
}
.page-myaccount .organization-section .organization-details span {
  font-family: "letter-gothic-std", monospace;
  letter-spacing: normal;
  color: gray;
}
.page-myaccount .donations-list .date-label {
  font-size: 0.75rem;
}
.page-myaccount .donations-list .download-receipt svg {
  height: 100%;
}
.page-myaccount .donations-list .refunded-cell {
  color: #F25F29;
}
.page-myaccount .menu-links a {
  display: block;
  font-weight: 400;
  text-decoration: underline;
  margin: 0.3125rem 0;
}
.page-myaccount .favorite-save-note button {
  margin-bottom: 5px;
}
@media only screen and (max-width: 1247px) {
  .page-myaccount .account-info .account-details {
    max-width: 220px;
    min-width: 220px;
  }
}
@media only screen and (max-width: 1023px) {
  .page-myaccount .account-info {
    flex-direction: column;
  }
  .page-myaccount .account-info .account-details {
    width: 100%;
    max-width: none;
  }
}

.page-donations .donations-list .date-label {
  font-size: 0.75rem;
}
.page-donations .donations-list .download-receipt svg {
  height: 100%;
}
.page-donations .donations-list .refunded-cell {
  color: #F25F29;
}

.page-profile .basic-info {
  display: flex;
  margin-bottom: 30px;
  gap: 30px;
}
.page-profile .basic-info .user-photo {
  max-width: 200px;
  margin-bottom: 30px;
  overflow: hidden;
}
.page-profile .basic-info .photo-field {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dbdbdb;
  min-height: 200px;
  margin-bottom: 30px;
}
.page-profile .basic-info .photo-field.has-photo {
  display: block;
  background: transparent;
  min-height: auto;
}
.page-profile .basic-info .photo-field.has-photo img {
  width: 100%;
  height: auto;
}
.page-profile .basic-info .user-info {
  width: 100%;
}
@media only screen and (max-width: 690px) {
  .page-profile .basic-info {
    display: block;
  }
}

.page-manage-organization .organization-section {
  margin-bottom: 20px;
}

.page-edit-nonprofit .media-holder, .page-offline-donation .media-holder {
  margin-bottom: 1.25rem;
}
.page-edit-nonprofit .media-holder.empty-media, .page-offline-donation .media-holder.empty-media {
  width: 9.375rem;
  height: 9.375rem;
  background: #f8f8f1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-edit-nonprofit .media-holder.landscape-media, .page-offline-donation .media-holder.landscape-media {
  width: 300px;
}
.page-edit-nonprofit .custom-file-container .custom-file-container__custom-file, .page-offline-donation .custom-file-container .custom-file-container__custom-file {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
  margin-top: 5px;
}
.page-edit-nonprofit .custom-file-container .custom-file-container__custom-file.has-error .custom-file-container__custom-file__custom-file-control, .page-offline-donation .custom-file-container .custom-file-container__custom-file.has-error .custom-file-container__custom-file__custom-file-control {
  border-color: #F25F29;
}
.page-edit-nonprofit .custom-file-container .custom-file-container__custom-file .custom-file-container__custom-file__custom-file-input, .page-offline-donation .custom-file-container .custom-file-container__custom-file .custom-file-container__custom-file__custom-file-input {
  box-sizing: border-box;
  min-width: 14rem;
  max-width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}
.page-edit-nonprofit .custom-file-container .custom-file-container__custom-file__custom-file-control, .page-offline-donation .custom-file-container .custom-file-container__custom-file__custom-file-control {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: calc(2.25rem + 2px);
  padding: 0.5rem 0.75rem;
  overflow: hidden;
  line-height: 1.5;
  color: #333;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c0c0af;
  border-radius: 0.25rem;
}
.page-edit-nonprofit .custom-file-container .custom-file-container__custom-file__custom-file-control .custom-file-container__custom-file__custom-file-control__button, .page-offline-donation .custom-file-container .custom-file-container__custom-file__custom-file-control .custom-file-container__custom-file__custom-file-control__button {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 6;
  display: block;
  height: calc(2.25rem + 2px);
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
  color: #333;
  background-color: #EDEDE8;
  border-left: 1px solid #c0c0af;
  box-sizing: border-box;
}
.page-edit-nonprofit .tagify, .page-offline-donation .tagify {
  width: 100%;
}

.page-offline-donation .custom-file-container .custom-file-container__image-preview {
  height: 0;
}
.page-offline-donation .custom-file-container .custom-file-container__image-preview.custom-file-container__image-preview--active {
  height: 250px;
}

.page-events-admin .event-info h4 {
  color: #4d4d4d;
}
.page-events-admin .events-list .badge {
  background: #1A5C8C;
  padding: 0.625rem 0.3125rem;
  color: white;
  text-align: center;
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.05rem;
  font-weight: 700;
  font-family: "letter-gothic-std", monospace;
}
.page-events-admin .events-list .badge.warning {
  background: #c33d0c;
}
.page-events-admin .actions a {
  display: block;
  font-size: 14px;
}

.page-event-edit .all-day-trigger, .page-event-edit .multi-day-trigger {
  background: transparent;
  border: 0.125rem solid #1A5C8C;
  color: #1A5C8C;
}
.page-event-edit .all-day-trigger:hover, .page-event-edit .all-day-trigger.on, .page-event-edit .multi-day-trigger:hover, .page-event-edit .multi-day-trigger.on {
  background: #1A5C8C;
  color: white;
}

.page-nonprofits-single .favorite-trigger {
  position: static;
  width: auto;
  margin: 0.625rem 0;
  background-color: transparent !important;
}
.page-nonprofits-single .favorite-trigger.liked .icon {
  background: #F25F29;
}
.page-nonprofits-single .favorite-trigger .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
}
.page-nonprofits-single .favorite-trigger .label {
  font-family: "Roboto Slab", serif;
  margin: 0 0 0 10px;
}

.page-manage-organization .block-heading {
  margin-bottom: 0;
}
.page-manage-organization .button-group {
  display: flex;
  justify-content: center;
}
.page-manage-organization .button-group a {
  font-weight: 400;
  text-decoration: underline;
  padding: 0 5px;
}
.page-manage-organization .report-form {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.page-manage-organization .report-form .date-range-container {
  align-items: center;
}
.page-manage-organization .report-form .date-picker {
  padding: 0.3125rem 0.625rem;
}
.page-manage-organization .report-form .date-spacer {
  display: inline-block;
  padding: 0 0.625rem;
  font-weight: bold;
}
.page-manage-organization .report-form .spinner {
  position: absolute;
}
.page-manage-organization .report-form select {
  margin-left: 0.625rem;
  width: auto;
  padding: 0.4375rem 0.625rem;
  font-size: 1rem;
}
.page-manage-organization .badge {
  background: #1A5C8C;
  padding: 0.625rem 0.3125rem;
  color: white;
  text-align: center;
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.05rem;
  font-weight: 700;
  font-family: "letter-gothic-std", monospace;
}
.page-manage-organization .badge.paid {
  background: #27AB83;
}
.page-manage-organization .badge.pending {
  background: #1992D4;
}
.page-manage-organization .badge.declined {
  background: #CF1124;
}

.page-nonprofits .tagify {
  width: 100%;
}
.page-nonprofits .tagify .tagify__tag:focus div::before, .page-nonprofits .tagify .tagify__tag:hover:not([readonly]) div::before {
  --tag-bg-inset: 0 !important;
}
.page-nonprofits #tags-info {
  margin-left: auto;
  cursor: help;
}
.page-nonprofits #tags-info svg {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  fill: #1A5C8C;
}
.page-nonprofits .no-elements {
  padding: 1.875rem;
}
.page-nonprofits .section-header {
  margin: 3.125rem 0;
}
.page-nonprofits .mobile-trigger-wrapper {
  display: none;
  align-items: center;
}
.page-nonprofits .mobile-filter-trigger {
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 0.0625rem;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  padding: 0.875rem 0;
  text-transform: uppercase;
  color: #1A5C8C;
}
.page-nonprofits .mobile-filter-trigger:hover {
  color: #124061;
}
.page-nonprofits #nonprofit-filter > div {
  margin-bottom: 20px;
}
.page-nonprofits .container {
  display: flex;
  gap: 1.875rem;
}
.page-nonprofits .container .sidebar {
  min-width: 250px;
  max-width: 250px;
}
.page-nonprofits .container .sidebar h3 {
  display: flex;
  align-items: center;
  margin-bottom: 0.9375rem;
}
.page-nonprofits .container .sidebar label {
  font-weight: 300;
}
.page-nonprofits .container .sidebar .filters {
  margin-top: 3.125rem;
}
.page-nonprofits .container .sidebar .clear-btn {
  font-size: 0.625rem;
  line-height: 0.625rem;
  letter-spacing: 0.025rem;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
  color: #4d4d4d;
  margin-left: auto;
}
.page-nonprofits .container .sidebar .clear-btn:hover {
  color: #1A5C8C;
}
.page-nonprofits .container .content {
  width: 100%;
}
.page-nonprofits .container .content .list {
  margin: 1.25rem 0;
}
.page-nonprofits .container .content h2 {
  position: relative;
  color: black;
}
.page-nonprofits .container .content h2:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 2.1875rem;
  width: calc(100% - 35px);
  height: 4px;
  background: black;
}
.page-nonprofits .container .content a {
  font-weight: 400;
}
.page-nonprofits .container .content .list-item {
  display: flex;
  align-items: center;
  transition: background 0.3s ease;
  border-bottom: 1px solid #dbdbdb;
  padding: 0.3125rem 0.625rem;
}
.page-nonprofits .container .content .list-item:last-child {
  border-bottom: none;
}
.page-nonprofits .container .content .list-item:hover {
  background: #1A5C8C;
}
.page-nonprofits .container .content .list-item:hover a {
  color: white;
}
.page-nonprofits .container .content .list-item:hover svg {
  fill: white;
}
.page-nonprofits .container .content .tag-tips {
  display: none;
  margin-left: auto;
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.00625rem;
  font-weight: 700;
  font-family: "cooper-black-std", serif;
  color: #cdcdcd;
}
.page-nonprofits .container .content .tag-tips svg {
  cursor: pointer;
  fill: rgba(26, 92, 140, 0.4);
  transition: 0.4s;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
}
.page-nonprofits .container .content .tag-tips:hover {
  color: #4d4d4d;
}
.page-nonprofits .container .content .tag-tips:hover svg {
  opacity: 0.5;
}
.page-nonprofits .container .content .tags {
  display: flex;
  margin-left: auto;
}
.page-nonprofits .container .content .tags .tag {
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.03125rem;
  font-weight: 700;
  font-family: "letter-gothic-std", monospace;
  padding: 0.3125rem 0.3125rem;
  margin: 0.3125rem;
  color: white;
  text-transform: uppercase;
  background: #1A5C8C;
}
@media only screen and (min-width: 768px) {
  .page-nonprofits #nonprofit-filter {
    display: block !important;
  }
}
@media only screen and (max-width: 1023px) {
  .page-nonprofits .container .content .tag-tips {
    display: block;
  }
  .page-nonprofits .container .content .tags {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-nonprofits .mobile-trigger-wrapper {
    display: flex;
  }
  .page-nonprofits #nonprofit-filter {
    display: none;
  }
  .page-nonprofits .container {
    display: block;
  }
  .page-nonprofits .container .sidebar {
    border-bottom: 0.25rem solid #dbdbdb;
  }
  .page-nonprofits .container .sidebar .filters {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
  }
  .page-nonprofits .content {
    margin-top: 3.125rem;
  }
  .page-nonprofits .content h2 {
    margin: 0.625rem 0;
    font-size: 1.375rem;
  }
}

.page-categories .section-header {
  margin: 3.125rem 0;
}
.page-categories .category-info {
  display: flex;
  margin-top: 30px;
}
.page-categories .category-info > div {
  flex: 1;
}
.page-categories .category-info .stats, .page-categories .category-info .sponsor {
  margin-top: auto;
}
.page-categories .category-info .stats p, .page-categories .category-info .sponsor p {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.page-categories .category-info .stats p span, .page-categories .category-info .sponsor p span {
  font-weight: 400;
}
.page-categories .category-info .sponsor {
  text-align: right;
}
.page-categories .category-info .sponsor img {
  max-width: 140px;
  margin-top: 20px;
}
.page-categories .category-info .icon {
  display: flex;
  max-width: 200px;
}
.page-categories .category-info .icon img {
  width: 100%;
}
.page-categories .category-info .icon svg {
  width: 100%;
}
@media only screen and (max-width: 690px) {
  .page-categories .category-info .sponsor img {
    max-width: 140px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .page-categories .category-info .icon {
    display: none;
  }
  .page-categories .category-info .sponsor img {
    max-width: 100px;
  }
}
.page-categories .entries-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: flex-start;
  gap: 30px;
  margin: 100px 0;
}
.page-categories .entries-list .entry-item {
  position: relative;
  border: 0.0625rem solid #dbdbdb !important;
}
.page-categories .entries-list .entry-item.has-user .badges {
  padding-right: 3.125rem;
}
.page-categories .entries-list .entry-item .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 7.5rem;
  height: 7.5rem;
  margin: auto;
}
.page-categories .entries-list .entry-item .logo img {
  display: block;
  width: 100%;
  max-width: 200px;
  max-height: 140px;
}
.page-categories .entries-list .entry-item .tag-tips {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  margin-left: auto;
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.00625rem;
  font-weight: 700;
  font-family: "cooper-black-std", serif;
  color: #cdcdcd;
}
.page-categories .entries-list .entry-item .tag-tips svg {
  cursor: pointer;
  fill: rgba(26, 92, 140, 0.4);
  transition: 0.4s;
  vertical-align: middle;
  width: 1.25rem;
  height: 1.25rem;
}
.page-categories .entries-list .entry-item .tag-tips:hover {
  color: #4d4d4d;
}
.page-categories .entries-list .entry-item .tag-tips:hover svg {
  fill: #1A5C8C;
}
.page-categories .entries-list .entry-item .title {
  margin: 20px 0;
}
.page-categories .entries-list .entry-item .title a {
  text-transform: none;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 1px;
}
.page-categories .entries-list .entry-item .stats {
  font-size: 0.875rem;
  font-weight: 700;
}
.page-categories .entries-list .entry-item .description {
  font-size: 1rem;
  letter-spacing: 0.03125rem;
  line-height: 1.5;
  margin: 1.25rem 0;
}
.page-categories .entries-list .entry-item .learn-more {
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  font-weight: 400;
  font-size: 0.75rem;
}
.page-categories .entries-list .donation-form .field-input {
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}
@media only screen and (max-width: 1247px) {
  .page-categories .entries-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 1023px) {
  .page-categories .entries-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 639px) {
  .page-categories .entries-list {
    grid-template-columns: 1fr;
  }
}

.page-nonprofits-single .entry-container {
  display: flex;
  gap: 3.125rem;
  margin-top: 60px;
}
.page-nonprofits-single .entry-container > div:first-child {
  flex: 1 1 65%;
}
.page-nonprofits-single .entry-container > div:last-child {
  flex: 2 2 35%;
}
@media only screen and (max-width: 1023px) {
  .page-nonprofits-single .entry-container {
    flex-direction: column-reverse;
  }
}
.page-nonprofits-single .tags {
  display: flex;
  margin: 1.875rem 0;
}
.page-nonprofits-single .tags .tag {
  padding: 0.375rem 0.9375rem;
  background: #1A5C8C;
  color: white;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 0.875rem;
  letter-spacing: 0.05rem;
  font-weight: bold;
  font-family: "Roboto Slab", serif;
  border-right: 0.125rem solid white;
}
.page-nonprofits-single .entry-details .featured-image {
  margin-bottom: 60px;
}
.page-nonprofits-single .entry-details .featured-image img {
  width: 100%;
}
.page-nonprofits-single .entry-body h4 {
  margin-bottom: 15px;
}
.page-nonprofits-single .entry-body > div {
  margin-bottom: 30px;
}
.page-nonprofits-single .entry-stats #meter {
  height: 40px;
  margin-bottom: 30px;
  max-width: none;
}
.page-nonprofits-single .entry-stats .stats {
  display: flex;
}
.page-nonprofits-single .entry-stats .stats > div {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.page-nonprofits-single .entry-stats .stats > div:nth-child(2) {
  text-align: center;
}
.page-nonprofits-single .entry-stats .stats > div:last-child {
  text-align: right;
}
.page-nonprofits-single .entry-stats .stats .stat-value {
  font-size: 1.375rem;
  line-height: 1.625rem;
  letter-spacing: 0.125rem;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  color: #1A5C8C;
}
.page-nonprofits-single .entry-stats .stats .stat-label {
  font-size: 1rem;
  line-height: 1.125rem;
  letter-spacing: 0.025rem;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
}
.page-nonprofits-single .organization-info {
  margin-top: 50px;
}
.page-nonprofits-single .organization-info .org-logo {
  max-width: 115px;
  margin-right: 30px;
}
.page-nonprofits-single .organization-info .org-logo img {
  width: 100%;
}
.page-nonprofits-single .organization-info p, .page-nonprofits-single .organization-info a {
  font-weight: 400;
  margin: 4px 0;
}
.page-nonprofits-single .organization-info a {
  text-decoration: underline;
}
.page-nonprofits-single .organization-info .socials {
  margin-top: 10px;
}
.page-nonprofits-single .organization-info .socials a {
  background: black;
  box-sizing: border-box;
  padding: 6px;
  width: 30px;
  height: 30px;
  margin: 0 5px;
}
.page-nonprofits-single .organization-info .socials a:hover {
  background: gray;
}
.page-nonprofits-single .organization-info .socials svg {
  fill: white;
}
.page-nonprofits-single .donation-form {
  display: flex;
  margin: 40px 0;
  max-width: none;
}
.page-nonprofits-single .donation-form .field-input {
  max-width: 160px;
}
@media only screen and (max-width: 1023px) {
  .page-nonprofits-single .donation-form {
    max-width: none;
  }
}
.page-nonprofits-single .org-media {
  margin-top: 80px;
}
.page-nonprofits-single .nonprofit-events .event {
  margin-top: 0.9375rem;
  padding-top: 0.9375rem;
  border-top: 1px solid #ebebeb;
}
.page-nonprofits-single .nonprofit-events .event:first-child {
  padding-top: 0;
  border: none;
}
.page-nonprofits-single .nonprofit-events .event-title {
  font-weight: bold;
}
.page-nonprofits-single .nonprofit-events .event-date {
  font-family: "letter-gothic-std", monospace;
  font-weight: bold;
  text-transform: uppercase;
  color: #1A5C8C;
  font-size: 0.75rem;
}

#big-give-day .bgd-container {
  display: grid;
  gap: 1.875rem;
  margin-top: 3.125rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-content: center;
}
#big-give-day .bgd-container.items-2 {
  max-width: 940px;
  grid-template-columns: 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
}
#big-give-day .bgd-container.items-3 {
  max-width: 1260px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
}
#big-give-day .bgd-container.has-overflow .bgd-item:last-child {
  margin-right: 0;
  overflow: hidden;
}
#big-give-day .bgd-container.has-overflow .bgd-item:last-child .item-content {
  filter: blur(8px);
}
@media only screen and (max-width: 1080px) {
  #big-give-day .bgd-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 560px) {
  #big-give-day .bgd-container {
    grid-template-columns: 1fr;
  }
}
#big-give-day .bgd-item {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #dbdbdb;
  box-shadow: none;
  will-change: transform;
  transition: transform 0.2s ease-in;
}
#big-give-day .bgd-item:before, #big-give-day .bgd-item:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  will-change: opacity;
  transition: opacity 0.2s ease-in;
}
#big-give-day .bgd-item:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 6px;
  will-change: opacity;
  transition: opacity 0.2s ease-in;
  box-shadow: 0 4px 16px #e2e8f0;
  opacity: 0;
}
#big-give-day .bgd-item:hover {
  transform: translateY(-1px);
}
#big-give-day .bgd-item:hover:before, #big-give-day .bgd-item:hover:after {
  opacity: 0;
}
#big-give-day .bgd-item:hover:after {
  opacity: 1;
}
#big-give-day .bgd-item:hover .bgd-title {
  color: #124061;
}
#big-give-day .bgd-item:hover .overlay span {
  color: #1A5C8C;
  border-color: #1A5C8C;
}
#big-give-day .bgd-item:focus:after {
  opacity: 1;
}
#big-give-day .bgd-item:first-child {
  margin-left: 0;
}
#big-give-day .bgd-item .overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(144, 144, 144, 0.88);
}
#big-give-day .bgd-item .overlay span {
  position: relative;
  z-index: 2;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: white;
  text-transform: uppercase;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
  transition: all 0.3s ease;
}
#big-give-day .bgd-image {
  width: 100%;
  height: 0;
  padding-top: 66.64%;
  background-size: 100%;
  background-repeat: no-repeat;
}
#big-give-day .bgd-month {
  background: #1A5C8C;
  color: #F8F8F2;
  padding: 8px 15px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  font-family: "letter-gothic-std", monospace;
  text-transform: uppercase;
}
#big-give-day .bgd-day {
  padding: 10px 15px;
  margin: 0;
  font-size: 80px;
  line-height: 1em;
  color: #333;
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  letter-spacing: 1px;
}
#big-give-day .bgd-title {
  padding: 0 15px 20px;
  font-family: "Roboto Slab", serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}

.page-big-give-days .bgd-item .item-content {
  text-align: center;
  filter: none !important;
}

.single-big-give-days .entry-container {
  gap: 1.875rem;
  margin-top: 3.125rem;
}
.single-big-give-days .entry-container .entry-image {
  width: 390px;
  max-width: 390px;
}
.single-big-give-days .entry-container .entry-image img {
  width: 100%;
}
.single-big-give-days .entry-container .entry-info .bgd-body {
  margin-top: 20px;
}
@media only screen and (max-width: 1023px) {
  .single-big-give-days .entry-container {
    display: block;
  }
  .single-big-give-days .entry-container .entry-image {
    margin: 1.875rem auto 3.125rem auto;
  }
  .single-big-give-days .entry-container .entry-image img {
    display: block;
  }
}
@media only screen and (max-width: 559px) {
  .single-big-give-days .entry-container .entry-image {
    width: auto;
  }
}
@media only screen and (max-width: 1023px) {
  .single-big-give-days .page-wrapper {
    padding: 0;
    text-align: center;
  }
}

.page-skidmore-winners .button-wrapper {
  margin-top: 3.125rem;
}
.page-skidmore-winners h5 {
  margin-top: 3.125rem;
  font-size: 1.375rem;
}
.page-skidmore-winners .entries-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}
.page-skidmore-winners .entries-list.is-empty {
  display: block;
}
.page-skidmore-winners .entry-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: none;
  will-change: transform;
  transition: transform 0.2s ease-in;
}
.page-skidmore-winners .entry-item .photo {
  max-width: 230px;
  margin-bottom: 30px;
}
.page-skidmore-winners .entry-item .photo img {
  height: 12.5rem;
  width: 12.5rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.page-skidmore-winners .entry-item .name {
  font-weight: 400;
}
.page-skidmore-winners .entry-item .subtitle {
  font-size: 0.75rem;
  margin-top: 0.625rem;
  color: #676767;
}
.page-skidmore-winners .entry-item .read-more {
  font-size: 0.875rem;
}
.page-skidmore-winners .entry-item .description {
  font-size: 0.75rem;
  color: #5a5a5a;
  margin-bottom: 0.9375rem;
}
.page-skidmore-winners .entry-item .description p {
  font-size: 0.75rem;
  color: #5a5a5a;
  margin-bottom: 0.9375rem;
}
.page-skidmore-winners .entry-item:before, .page-skidmore-winners .entry-item:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  will-change: opacity;
  transition: opacity 0.2s ease-in;
}
.page-skidmore-winners .entry-item:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 6px;
  will-change: opacity;
  transition: opacity 0.2s ease-in;
  box-shadow: 0 4px 16px #e2e8f0;
  opacity: 0;
}
.page-skidmore-winners .entry-item:hover {
  transform: translateY(-1px);
}
.page-skidmore-winners .entry-item:hover:before, .page-skidmore-winners .entry-item:hover:after {
  opacity: 0;
}
.page-skidmore-winners .entry-item:hover:after {
  opacity: 1;
}
.page-skidmore-winners .entry-item:hover .photo img {
  transform: scale(0.98);
}
.page-skidmore-winners .years {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  padding: 0 1.875rem;
}
.page-skidmore-winners .years .selected a {
  color: white;
  background: rgba(0, 170, 166, 0.7);
  pointer-events: none;
}
.page-skidmore-winners .years .year-item {
  margin: 0.3125rem;
}
@media only screen and (max-width: 1023px) {
  .page-skidmore-winners .entries-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 559px) {
  .page-skidmore-winners .entries-list {
    grid-template-columns: 1fr;
  }
}

.single-skidmore-winners .page-wrapper {
  padding: 0;
}
.single-skidmore-winners .entry-container {
  display: block;
  gap: 1.875rem;
  margin-top: 3.125rem;
}
.single-skidmore-winners .entry-container .entry-image {
  width: 390px;
  max-width: 390px;
  margin: 1.875rem auto;
}
.single-skidmore-winners .entry-container .entry-image img {
  height: 25rem;
  width: 25rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-skidmore-winners .entry-container .entry-info .bgd-body {
  margin-top: 20px;
}
@media only screen and (max-width: 559px) {
  .single-skidmore-winners .entry-container .entry-image {
    width: auto;
  }
}

.page-events .page-triggers.date-triggers {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1.875rem;
}
.page-events .page-triggers.date-triggers a:first-child {
  align-self: flex-start;
}
.page-events .page-triggers.date-triggers a:last-child {
  margin-left: auto;
}
.page-events .list-group li {
  margin-bottom: 1.875rem;
}
.page-events .list-group li:last-child {
  margin-bottom: 0;
}
.page-events .list-group-item {
  display: flex;
  gap: 1.875rem;
  padding: 1.875rem;
  background: #f8f8f1;
}
.page-events .list-group-item .event-date {
  font-family: "letter-gothic-std", monospace;
  font-weight: bold;
  margin: 0.625rem 0;
  text-transform: uppercase;
  color: #1A5C8C;
}
.page-events .list-group-item .event-description {
  margin-bottom: 30px;
}
.page-events .list-group-item a {
  font-weight: bold;
}
.page-events .list-group-item .event-image {
  max-width: 200px;
  margin-left: auto;
}
.page-events .list-group-item .event-image img {
  display: block;
  width: 100%;
}
.page-events .list-group-item.past-event {
  position: relative;
  background: #dadada;
  pointer-events: none;
}
.page-events .list-group-item.past-event .li-overlay {
  position: absolute;
  z-index: 1;
  padding: 10px;
  top: 0;
  right: 0;
  color: gray;
  background: rgba(255, 255, 255, 0.3);
}
.page-events .list-group-item.past-event .event-info {
  opacity: 0.2;
}
@media only screen and (max-width: 767px) {
  .page-events .list-group-item {
    flex-direction: column-reverse;
    padding: 0 0 1.875rem 0;
    background: transparent;
    border-bottom: 4px solid #dbdbdb;
  }
  .page-events .list-group-item .event-image {
    max-width: 520px;
  }
}
@media only screen and (max-width: 767px) {
  .page-events .page-wrapper {
    padding: 0;
  }
}

.page-calendar .mobile-only {
  display: none;
}
.page-calendar .day_cell {
  overflow: hidden;
}
.page-calendar .day_cell.out_of_range {
  background: #f8f8f1;
}
.page-calendar #month_calendar {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.page-calendar #month_calendar table, .page-calendar #month_calendar tr, .page-calendar #month_calendar td {
  padding: 0;
}
.page-calendar #month_calendar #month_calendar_inner {
  width: 100%;
  table-layout: fixed;
}
.page-calendar #month_calendar #month_calendar_inner td {
  width: 14%;
  height: 5.625rem;
  padding: 0.625rem;
  border: 1px solid #dbdbdb;
}
.page-calendar #month_calendar .day {
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.0625rem;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
}
.page-calendar #month_calendar .events-count {
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 0.0625rem;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
  color: #F25F29;
  text-transform: uppercase;
}
.page-calendar #month_calendar .events-count span {
  white-space: nowrap;
}
.page-calendar #month_calendar .cell-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.page-calendar #month_calendar .cell-wrapper a {
  margin-top: auto;
  font-size: 0.75rem;
}
.page-calendar #month_calendar .event {
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  color: #7f7f7f;
  padding: 2px 0 0 0;
}
.page-calendar #month_calendar .event a {
  color: #565656;
  text-decoration: underline;
}
.page-calendar #month_calendar .day_cell.has-events {
  background-color: #F2E1D8;
}
.page-calendar #month_calendar .day_cell .all_day, .page-calendar #month_calendar .day_cell .multi_day {
  padding: 0 6px;
  line-height: 20px;
  color: #7f7f7f;
}
.page-calendar #month_calendar .day_cell .all_day a, .page-calendar #month_calendar .day_cell .multi_day a {
  color: #565656;
  text-decoration: none;
}
.page-calendar #month_calendar .day_cell .all_day a:hover, .page-calendar #month_calendar .day_cell .multi_day a:hover {
  color: #565656;
  text-decoration: underline;
}
.page-calendar #month_calendar .day_cell .all_day {
  margin-bottom: 2px;
  background-color: #f2f2f2;
  border: 1px solid;
  border-color: #c6c6c6;
}
.page-calendar #month_calendar .day_cell .multi_day {
  margin-bottom: 2px;
  background-color: #f2f2f2;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-left: none;
  border-right: none;
  border-color: #c6c6c6;
  margin-left: -5px;
  margin-right: -5px;
}
.page-calendar #month_calendar .day_cell .date {
  font-size: 1.75rem;
  line-height: 1.75rem;
  letter-spacing: 0.0625rem;
  font-weight: 400;
  font-family: "cooper-black-std", serif;
  width: 100%;
  margin: 0;
}
.page-calendar #month_calendar .first_day {
  margin-left: 0 !important;
  border-left: 1px solid !important;
}
.page-calendar #month_calendar .last_day {
  margin-right: 0 !important;
  border-right: 1px solid !important;
}
.page-calendar #month_calendar td.day_cell {
  padding-top: 1.875rem;
}
.page-calendar #month_calendar td.today {
  background-color: #F25F29;
}
.page-calendar #month_calendar td.today .events-count {
  color: white;
}
.page-calendar #month_calendar .out_of_range {
  background: #fbfbfb;
}
.page-calendar #month_calendar .out_of_range .date {
  color: #aeaeae;
}
.page-calendar #month_calendar #days_of_week th {
  padding: 5px 0;
  text-align: center;
}
.page-calendar #month_calendar #month_year th {
  padding: 5px;
  color: #000;
}
.page-calendar #month_calendar #month_year th.left {
  text-align: left;
}
.page-calendar #month_calendar #month_year th.center {
  text-align: center;
}
.page-calendar #month_calendar #month_year th.right {
  text-align: right;
}
.page-calendar #month_calendar .popover-header span.event_time {
  display: block;
  color: #4f4f4f;
  font-size: 85%;
  margin-top: 5px;
}
.page-calendar #month_calendar .calendar-color {
  background-color: #9f9f9f;
  position: relative;
  top: 0;
  display: inline-block;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  text-indent: -9000px;
}
@media only screen and (max-width: 1023px) {
  .page-calendar #month_calendar .day {
    font-size: 0.4375rem;
  }
  .page-calendar #month_calendar .events-count {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .page-calendar #month_calendar .events-count span {
    display: none;
  }
  .page-calendar #month_calendar #month_calendar_inner .day_cell {
    height: 20px;
  }
  .page-calendar #month_calendar #month_calendar_inner .day_cell .date {
    font-size: 12px;
    line-height: 1rem;
  }
}
.page-calendar .single-event .entry-container {
  display: block;
  gap: 1.875rem;
  margin-top: 3.125rem;
}
.page-calendar .single-event .entry-container .entry-image img {
  display: block;
  width: 100%;
  max-width: 460px;
  margin: auto;
}
.page-calendar .single-event .entry-container .entry-info .bgd-body {
  margin-top: 20px;
}
@media only screen and (max-width: 559px) {
  .page-calendar .single-event .entry-container .entry-image {
    width: auto;
  }
}

.single-event .entry-container {
  display: flex;
  gap: 3.125rem;
  margin-top: 3.75rem;
}
.single-event .entry-container .mobile-only {
  display: none;
}
.single-event .entry-container > div {
  flex: 1;
}
.single-event .entry-container > div:first-child {
  flex: 1 1 35%;
}
.single-event .entry-container > div:last-child {
  flex: 1 1 65%;
}
.single-event .entry-container .event-details {
  margin-top: 3.125rem;
}
.single-event .entry-container .event-map {
  margin-bottom: 1.875rem;
}
.single-event .entry-container .event-phone, .single-event .entry-container .event-website {
  margin: 0.3125rem 0;
}
.single-event .entry-container .event-participating-nonprofits {
  margin-bottom: 1.875rem;
}
.single-event .entry-container .event-date {
  font-family: "letter-gothic-std", monospace;
  font-weight: bold;
  margin: 0.625rem 0;
  text-transform: uppercase;
  color: #1A5C8C;
}
.single-event .entry-container .entry-image img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 1023px) {
  .single-event .entry-container {
    flex-direction: column-reverse;
  }
  .single-event .entry-container .entry-image {
    display: none;
  }
  .single-event .entry-container .event-details {
    margin-top: 0;
  }
  .single-event .entry-container .mobile-only {
    display: block;
    margin-bottom: 1.875rem;
  }
}
.single-event .add-to-cal {
  margin-top: 1.875rem;
}

.page-checkout h2 {
  border-bottom: 0.25rem solid rgba(26, 92, 140, 0.5);
  padding-bottom: 0.625rem;
  margin-bottom: 1.875rem;
}
.page-checkout #checkout-form {
  margin-top: 5rem;
}
.page-checkout .cart-items-wrapper {
  margin-bottom: 3.125rem;
}
.page-checkout .cart-items-wrapper .cart-items-holder.processing {
  position: relative;
}
.page-checkout .cart-items-wrapper .cart-items-holder.processing:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background: #ffffff;
  z-index: 1;
}
.page-checkout .extra-fields-container.active .add-message {
  color: #1A5C8C;
  text-decoration: underline;
}
.page-checkout .extra-fields-container.active .add-message svg {
  transform: rotate(90deg);
}
.page-checkout .extra-fields-container .field-wrapper {
  display: none;
}
.page-checkout .extra-fields-container .add-message {
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.0625rem;
  font-weight: 300;
  font-family: "Roboto Slab", serif;
  color: #757575;
  transition: all 0.3s ease;
  text-align: left;
}
.page-checkout .extra-fields-container .add-message span {
  margin-right: 5px;
}
.page-checkout .extra-fields-container .add-message svg {
  vertical-align: middle;
  fill: #1A5C8C;
  height: 1.125rem;
  transition: all 0.3s ease;
}
.page-checkout .extra-fields-container .add-message:hover {
  color: #1A5C8C;
  text-decoration: underline;
}
.page-checkout .donation-form {
  display: flex;
}
.page-checkout .donation-form .field-input {
  padding: 0.1875rem 0.625rem;
  min-width: 5.625rem;
}
.page-checkout .delete-item {
  background: transparent;
  border: 0.125rem solid #F25F29;
  box-sizing: border-box;
  min-width: 2.125rem;
  min-height: 2.125rem;
  max-width: 2.125rem;
  max-height: 2.125rem;
  padding: 0;
}
.page-checkout .delete-item svg {
  vertical-align: middle;
  fill: #F25F29;
  width: 0.75rem;
  height: 0.75rem;
  transition: fill 0.3s ease;
}
.page-checkout .delete-item:hover {
  background: #F25F29;
}
.page-checkout .delete-item:hover svg {
  fill: white;
}
.page-checkout .cart-items-container {
  position: relative;
}
.page-checkout .cart-items-container .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
}
.page-checkout .cart-items-container #cart-items {
  min-height: 200px;
}
.page-checkout .empty-cart.processing {
  opacity: 0.4;
  cursor: not-allowed;
}
.page-checkout .cart-item-wrapper {
  flex-wrap: wrap;
}
.page-checkout .cart-item {
  position: relative;
  margin-bottom: 0.9375rem;
  padding: 1.25rem;
  border: 0.0625rem solid #dbdbdb !important;
}
.page-checkout .cart-item h4 {
  color: #4d4d4d;
}
.page-checkout .cart-item.has-message .input-wrapper {
  display: block;
}
.page-checkout .cart-item.oct-item {
  background: rgba(26, 92, 140, 0.07);
}
.page-checkout .item-instructions {
  margin-top: -0.9375rem;
  padding: 0.625rem;
  margin-bottom: 0.9375rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
.page-checkout .cart-totals {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  background: #f8f8f1;
  padding: 0.9375rem;
  margin: 1.5625rem 0;
}
.page-checkout .cart-totals h4, .page-checkout .cart-totals > div {
  font-size: 2rem;
  color: #4d4d4d;
}
.page-checkout .cart-totals > div {
  font-weight: 400;
  color: #1A5C8C;
}
@media only screen and (max-width: 1247px) {
  .page-checkout .cart-totals h4, .page-checkout .cart-totals > div {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 1023px) {
  .page-checkout .cart-totals h4, .page-checkout .cart-totals > div {
    font-size: 1.125rem;
  }
}
.page-checkout .oct-message {
  background: rgba(26, 92, 140, 0.1);
  padding: 1.875rem;
}
.page-checkout #oct-container ol, .page-checkout #oct-container ul {
  list-style: initial;
  margin: 0.9375rem 0;
  padding: 0 0 0 1.875rem;
}
.page-checkout #oct-container ol li, .page-checkout #oct-container ul li {
  margin: initial;
  padding: initial;
}
.page-checkout .public-computer-message {
  background: #f8f8f1;
  padding: 1.25rem;
}
.page-checkout .account-actions {
  gap: 1.875rem;
  margin-bottom: 0.625rem;
}
.page-checkout .account-actions p {
  font-weight: 600;
}
.page-checkout .donator-fields {
  margin-top: 1.875rem;
}
.page-checkout .donator-fields .checkbox-field {
  margin-bottom: 0;
}
.page-checkout button#pay-now.processing {
  opacity: 0.3;
  cursor: not-allowed;
}
.page-checkout .stripe-card-elements {
  margin-bottom: 1.875rem;
}
.page-checkout .stripe-card-elements #expiration-element, .page-checkout .stripe-card-elements #cvc-element {
  width: 6.25rem;
}
@media only screen and (max-width: 1023px) {
  .page-checkout .stripe-card-elements > .flex-2 {
    display: block;
  }
  .page-checkout .stripe-card-elements > .flex-2 > div {
    width: 100%;
  }
}
.page-checkout .card-errors-list {
  font-size: 0.8125rem;
  color: #F25F29;
  font-weight: bold;
}
.page-checkout .form-messages {
  margin-top: 0.9375rem;
}
.page-checkout .form-messages.error-message, .page-checkout .form-messages .error-message {
  font-size: 0.8125rem;
  color: #F25F29;
  font-weight: bold;
}
.page-checkout #address-verification-modal {
  border: 1px solid #1A5C8C;
  margin: auto;
  box-sizing: border-box;
  padding: 25px;
}
.page-checkout #address-verification-modal .heading {
  margin-bottom: 1.25rem;
}
.page-checkout #address-verification-modal .notify-message {
  padding-top: 1.875rem;
}
.page-checkout #address-verification-modal .button-wrapper {
  display: flex;
}
.page-checkout #address-verification-modal .button-wrapper button {
  margin: 0 10px;
  line-height: 1.6;
}
.page-checkout #address-verification-modal .button-wrapper button:first-child {
  margin-left: 0;
}
.page-checkout #address-verification-modal .button-wrapper button:last-child {
  margin-right: 0;
}

.page-confirmation .buttons-group {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 5px;
  margin-bottom: 60px;
}
.page-confirmation #fb-share-button {
  background: #3b5998;
  border-radius: 3px;
  font-weight: 400;
  padding: 0 8px;
  display: inline-block;
  position: static;
}
.page-confirmation #fb-share-button:hover {
  cursor: pointer;
  background: #213A6F;
}
.page-confirmation #fb-share-button svg {
  width: 18px;
  fill: white;
  vertical-align: middle;
  border-radius: 2px;
}
.page-confirmation #fb-share-button span {
  vertical-align: middle;
  color: white;
  font-size: 12px;
  padding: 0 3px;
}
.page-confirmation .in-honor-copy {
  padding: 0.625rem 0;
}
.page-confirmation .buttons-wrapper {
  display: flex;
  margin: 0.9375rem 0;
}
.page-confirmation .buttons-wrapper a {
  display: block;
  margin: 0 0.9375rem;
}
.page-confirmation .notify-in-honor-modal {
  width: 600px;
  line-height: 1.4;
  box-sizing: border-box;
}
.page-confirmation #notify-form {
  border: 1px solid #1A5C8C;
  margin: auto;
  box-sizing: border-box;
  padding: 25px;
}
.page-confirmation #notify-form .heading {
  margin-bottom: 1.25rem;
}
.page-confirmation #notify-form .notify-message {
  padding-top: 1.875rem;
}
.page-confirmation .page-wrapper {
  padding: 0;
}

#cart-is-empty {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -200px;
  width: 400px;
  text-align: center;
  padding: 50px;
  background: #F29979;
}
#cart-is-empty h3 {
  margin-bottom: 50px;
}

#meter {
  position: relative;
  max-width: 740px;
  width: 100%;
  height: 65px;
  background: #f8f8f1;
  border: 1px solid #dbdbdb;
  overflow: hidden;
}
#meter .activity {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #F25F29;
}
#meter .ticks .tick {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 2px;
  height: 10px;
  background: #DBDBDB;
}
#meter .ticks .tick:nth-child(1) {
  left: 6.25%;
}
#meter .ticks .tick:nth-child(2) {
  left: 12.5%;
}
#meter .ticks .tick:nth-child(3) {
  left: 18.75%;
}
#meter .ticks .tick:nth-child(4) {
  left: 25%;
  height: 20px;
}
#meter .ticks .tick:nth-child(5) {
  left: 31.25%;
}
#meter .ticks .tick:nth-child(6) {
  left: 37.5%;
}
#meter .ticks .tick:nth-child(7) {
  left: 37.5%;
}
#meter .ticks .tick:nth-child(8) {
  left: 43.75%;
}
#meter .ticks .tick:nth-child(9) {
  left: 50%;
  height: 20px;
}
#meter .ticks .tick:nth-child(10) {
  left: 56.25%;
}
#meter .ticks .tick:nth-child(11) {
  left: 62.5%;
}
#meter .ticks .tick:nth-child(12) {
  left: 68.75%;
}
#meter .ticks .tick:nth-child(13) {
  left: 75%;
  height: 20px;
}
#meter .ticks .tick:nth-child(14) {
  left: 81.25%;
}
#meter .ticks .tick:nth-child(15) {
  left: 87.5%;
}
#meter .ticks .tick:nth-child(16) {
  left: 93.75%;
}

.wrapper-giving-stats {
  width: 100%;
  background: #1A5C8C;
}

#giving-stats {
  position: relative;
  width: 100%;
  color: white;
}
#giving-stats h1, #giving-stats h2, #giving-stats h3, #giving-stats h4, #giving-stats h5 {
  color: white;
}
#giving-stats.active {
  display: block;
}
#giving-stats .wrapper {
  padding: 0 1.875rem;
}
#giving-stats .page-triggers a {
  border-color: #316ca5;
}
#giving-stats .page-triggers a:hover {
  background: #316ca5;
}
#giving-stats .page-triggers .selected {
  background: #316ca5;
}
#giving-stats #stats-container {
  min-height: 310px;
}
#giving-stats .close-stats {
  position: absolute;
  top: -0.4375rem;
  right: 1.875rem;
  width: 2.1875rem;
  height: 2.1875rem;
}
#giving-stats .close-stats svg {
  fill: white;
  transition: all 0.3s ease;
}
#giving-stats .close-stats:hover svg {
  opacity: 0.5;
}
#giving-stats .stats-wrapper {
  text-align: left;
}
#giving-stats .stats-wrapper h3 {
  font-family: "Roboto Slab", serif;
  color: white;
}
#giving-stats .stats-wrapper p {
  font-size: 0.875rem;
}
#giving-stats .stats-wrapper p span {
  font-weight: bold;
}
#giving-stats .stats-wrapper .key, #giving-stats .stats-wrapper .value {
  display: block;
}
#giving-stats .stats-wrapper .key {
  font-size: 3.125rem;
  line-height: 3.125rem;
  letter-spacing: 0.0625rem;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
}
#giving-stats .stats-wrapper .main-stat {
  margin-bottom: 3.125rem;
}
#giving-stats .stats-wrapper .grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.875rem;
}
#giving-stats .stats-overview {
  padding: 5rem 0;
  text-align: center;
}
#giving-stats .stats-by-category, #giving-stats .stats-35-under, #giving-stats .stats-by-neighborhood {
  padding: 2.5rem 0 5rem 0;
}
#giving-stats .top-ten li {
  font-size: 0.875rem;
}
#giving-stats .top-ten span {
  font-weight: bold;
}
#giving-stats .category-item {
  margin-bottom: 0.9375rem;
  background: #ffffff;
  color: black;
}
#giving-stats .category-item .h5 {
  margin: 0 0.625rem 0 0;
  text-transform: uppercase;
}
#giving-stats .category-item .category-heading {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  overflow: hidden;
  font-weight: 600;
}
#giving-stats .category-item .category-heading.active {
  border-bottom: 0.0625rem solid #efefef;
}
#giving-stats .category-item .category-heading .progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  overflow: hidden;
}
#giving-stats .category-item .category-heading .progress .title {
  white-space: nowrap;
}
#giving-stats .category-item .category-heading .title {
  position: absolute;
  padding-left: 0.9375rem;
}
#giving-stats .category-item .category-heading .title.back {
  z-index: 5;
}
#giving-stats .category-item .category-nonprofit-list {
  padding: 0.625rem 0.9375rem;
}
#giving-stats .category-item .category-nonprofit-list li {
  position: relative;
  margin-bottom: 0.625rem;
}
#giving-stats .category-item .category-nonprofit-list .progress {
  height: 0.3125rem;
}
#giving-stats .neighborhood-list .progress-wrapper {
  height: 0.3125rem;
  background: rgba(255, 255, 255, 0.231372549);
}
#giving-stats .neighborhood-list li {
  margin-bottom: 0.9375rem;
}
#giving-stats .neighborhood-list span {
  color: #1A5C8C;
}
#giving-stats .neighborhood-list .h5 {
  text-transform: uppercase;
  font-weight: bold;
}
#giving-stats .neighborhood-list .progress {
  height: 0.3125rem;
  background: white;
}
@media only screen and (max-width: 559px) {
  #giving-stats .page-triggers {
    flex-direction: column;
    max-width: 13.125rem;
    margin: auto;
  }
  #giving-stats .stats-wrapper .grid {
    grid-template-columns: 1fr 1fr;
  }
}

.alert-container {
  position: fixed;
  z-index: 4;
  width: 100%;
  top: 4.4375rem;
  text-align: center;
  padding: 0.9375rem;
  background: #0777D9;
  color: white;
  border-bottom: 1px solid white;
  box-sizing: border-box;
}
.alert-container:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0.625rem solid transparent;
  border-right: 0.625rem solid transparent;
  border-bottom: 0.625rem solid #0777D9;
  margin-bottom: 0rem;
  top: 0;
  right: 1.125rem;
  transition: all 0.5s cubic-bezier(0.9, 0.08, 0, 1.14);
}
.alert-container.active-donations {
  padding-right: 10.9375rem;
}
.alert-container a {
  color: white;
}
.alert-container a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.alert-container.opened:after {
  top: -10px;
}
.alert-container .close-alert {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -8px;
  color: white;
  transition: all 0.3s ease;
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.0625rem;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
}
.alert-container .close-alert:hover {
  opacity: 0.5;
}

.favorite-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  padding: 0;
}
.favorite-trigger svg {
  cursor: pointer;
  fill: rgba(26, 92, 140, 0.4);
  transition: 0.4s;
  vertical-align: middle;
  padding: 0.3125rem;
}
.favorite-trigger:hover svg {
  fill: #1A5C8C;
}
.favorite-trigger.liked {
  background-color: #F25F29;
}
.favorite-trigger.liked svg {
  transform: scale(0.8) rotate(360deg);
  fill: white;
}

.edit-favorite {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  padding: 0;
}
.edit-favorite svg {
  cursor: pointer;
  fill: rgba(26, 92, 140, 0.4);
  transition: 0.4s;
  vertical-align: middle;
  padding: 0.3125rem;
}
.edit-favorite:hover svg {
  fill: #1A5C8C;
}
.edit-favorite.liked {
  background-color: #F25F29;
}
.edit-favorite.liked svg {
  transform: scale(0.8) rotate(360deg);
  fill: white;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  letter-spacing: 0.03125rem;
  font-weight: 400;
  font-family: "Roboto Slab", serif;
}
.toast-message a, .toast-message label {
  color: white;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover, .toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
}
#toast-container * {
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 0.375rem;
  padding: 0.9375rem;
  text-align: center;
  border-radius: 0.1875rem;
  color: #FFFFFF;
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  cursor: pointer;
}
#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: black;
}

.toast-success {
  background-color: #0777D9;
}

.toast-error {
  background-color: #F25F29;
}

.toast-info {
  background-color: #0777D9;
}

.toast-warning {
  background-color: #F25F29;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}
/* datepicker */
.ui-datepicker {
  border-radius: 4px;
  padding: 0.625rem;
  overflow: hidden;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  box-shadow: 0 0 0 1px rgba(31, 41, 51, 0.1), 0 5px 20px rgba(31, 41, 51, 0.25);
  position: fixed;
  top: -300px;
  margin-left: 0.0625rem;
  width: 210px;
  height: 242px;
  z-index: 101 !important;
}

.ui-datepicker-header {
  padding: 8px 8px 4px;
}

.ui-datepicker-prev {
  float: left;
}

.ui-datepicker-next {
  float: right;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
  display: none;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
  border-color: #0B69A3;
}

.ui-datepicker-prev:after {
  display: block;
  content: "";
  font-size: 0;
  width: 5px;
  height: 5px;
  border: solid hsl(210, 13%, 40%);
  border-width: 0 2px 2px 0;
  transform: rotate(135deg);
}

.ui-datepicker-next:after {
  display: block;
  content: "";
  font-size: 0;
  width: 5px;
  height: 5px;
  border: solid hsl(210, 13%, 40%);
  border-width: 0 2px 2px 0;
  transform: rotate(-45deg);
}

.ui-datepicker-title {
  text-align: center;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  padding: 2px !important;
  text-transform: none !important;
  border: none !important;
  background: transparent !important;
}

.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a {
  display: block;
  width: 26px;
  line-height: 26px;
  text-align: center;
  color: #3f4d5a;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.ui-datepicker-calendar th span {
  color: hsl(210, 13%, 40%);
  font-weight: normal;
}

.ui-datepicker-calendar td a {
  border-radius: 2px !important;
}

.ui-datepicker-calendar td a:hover {
  background-color: hsl(212, 30%, 85%);
  text-decoration: none;
}

.ui-datepicker-calendar td a.ui-state-active {
  background-color: hsl(209, 14%, 37%);
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  cursor: default;
}

.ui-datepicker-calendar td.ui-datepicker-today a {
  border-radius: 13px;
  box-shadow: inset 0 0 0 2px hsl(212, 30%, 85%);
}

#devmode {
  position: fixed;
  z-index: 9999;
  flex: 0 0 5px;
  width: 100%;
  min-height: 5px;
  background: red;
  cursor: help;
  animation: fadeDev 0.25s infinite alternate;
}

@keyframes fadeDev {
  from {
    background: white;
  }
  to {
    background: red;
  }
}

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