/*
Theme Name:     dptheme-child
Description:    dptheme child theme.
Template:       dptheme
Version:        0.1.1
*/
:root {
  --dp-clr-01-lighter: hsl(208, 70%, 66%);
  --dp-clr-01-light: hsl(208, 85%, 52.4%);
  --dp-clr-01: hsl(208, 100%, 32%);
  --dp-clr-01-dark: hsl(208, 100%, 22.4%);
  --dp-clr-01-darker: hsl(208, 100%, 16%);
  --dp-clr-02-lighter: hsl(20, 52.5%, 76.5%);
  --dp-clr-02-light: hsl(20, 63.75%, 67.1%);
  --dp-clr-02: hsl(20, 75%, 53%);
  --dp-clr-02-dark: hsl(20, 78.75%, 37.1%);
  --dp-clr-02-darker: hsl(20, 82.5%, 26.5%);
  --dp-clr-03-lighter: hsl(0, 0%, 67.5%);
  --dp-clr-03-light: hsl(0, 0%, 54.5%);
  --dp-clr-03: hsl(0, 0%, 35%);
  --dp-clr-03-dark: hsl(0, 15%, 24.5%);
  --dp-clr-03-darker: hsl(0, 30%, 17.5%);
  --dp-clr-04-lighter: hsl(60, 70%, 87.5%);
  --dp-clr-04-light: hsl(60, 85%, 82.5%);
  --dp-clr-04: hsl(60, 100%, 75%);
  --dp-clr-04-dark: hsl(60, 100%, 52.5%);
  --dp-clr-04-darker: hsl(60, 100%, 37.5%);
  --dp-clr-05-lighter: rgb(92.65, 226.35, 92.65);
  --dp-clr-05-light: rgb(18.195, 224.405, 18.195);
  --dp-clr-05: green;
  --dp-clr-05-dark: rgb(0, 89.6, 0);
  --dp-clr-05-darker: #004000;
  --content-max-width: 980px;
  --breakout-max-width: 1400px;
  --dp-clr-01-h: 208;
  --dp-clr-01-s: 100%;
  --dp-clr-01-l: 32%;
}

.grid-content {
  --content-max-width: 980px;
  --breakout-max-width: 1400px;
}

.wp-block-group.has-breakout > div {
  grid-column: breakout;
}

:root {
  --dp-header-bg-color: white;
  --dp-footer-bg-color: var(--dp-clr-01);
}

#donate_top a {
  font-size: 1rem;
  margin-inline: 0.5em;
}

span.logo-icon-container {
  display: flex;
  padding: 0.5em;
}

@media (max-width: 480px) {
  #donate_top a {
    font-size: 0.8rem;
  }
}
.woocommerce .checkout-form-container .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: normal;
}

.post-thumbnail-container {
  height: 40svh;
}

figure.post-thumbnail {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

figure.post-thumbnail > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

span.security-message {
  font-size: 0.9rem;
}

footer#footer .logo-icon-container {
  justify-content: center;
}

div#copyright {
  display: flex;
  justify-content: center;
  gap: 0.4em;
  font-size: 0.9rem;
}

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