/* Add Your Custom CSS Here */

:root {--give-page-bkg-color: var(--page-bkg-color) !important}

h2 {
font-size: 2rem;
}
.public-page-banner h2, [style*="background-image:"] h2 {
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  font-size: 3rem !important;
  }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6  {
color: var(--accent-color);
}
h1, h2, h3, .h1, .h2, .h3 {text-align:center}

body {
background-color: var(--page-bkg-color) }

.event-homepage .description p {
   margin: 2rem 0rem;
   text-align:center
}
.event-homepage .description {
    width: 1000px;
    margin-inline: auto;
}

#all_registration_add_on_items .badge-primary { /* for the prices on add-on items */
    background-color: var(--green);
    font-size: large;}

/* Justice Team Blocks */
#justiceteams > div, #justiceteams > img {
  margin:10px; 
  width:150px;
  height:150px; 
  background-image: url(https://allsoulschurch.org/wp-content/uploads/2024/09/All-Souls-Symbol-10-percent-opacity.jpg); 
  background-size:contain;
  display:block;
  font-size:2em;
  color: darkgreen;
  text-align: center;
  }
@media (max-width: 400px) {
#justiceteams > div, #justiceteams > img {
  width:100px;
  height:100px; 
  font-size:1.2em;  }
}

/* Sponsor Area, HTML created in Sponsor spreadsheet and added to the site footer in under General settings, Advanced */
#sponsor li {
  display: block;
  width: 100px;
  padding: 5px;
  border: 1px solid var(--accent-color);
  margin: 5px;
  color: var(--accent-color);
  background-color: var(--accent-inverse);
  }
li.level1, li.level2, li.level3, li.level4 { /* wider boxes for top levels which have longer names */
    width: 200px !important;
}

.sponsor-group {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sponsor-group > div {
  margin-inline: 2em;
}

#sponsor ul {
  display: flex;
  padding-inline-start: 0px;
  flex-wrap: wrap;
  justify-content: center;
  }