.cd-club-logo-and-name {
 margin: 0 auto;
 width: 500px;
}

.content-wrapper {
  background-color: #336690;
  background-color: var(--bg-color);
}

.cd-footer {
  background-image: linear-gradient(180deg, #336690 0%, #abcae4 100%);
  background-image: linear-gradient(180deg, var(--bg-color) 0%, var(--light-bg-color) 100%);
}

.cd-megamenu-button {
  color: #336690;
  color: var(--bg-color);
}

.cd-megamenu-container {
  background-color: #abcae4;
  background-color: var(--light-bg-color);
}

.cd-megamenu a.cd-menu-item.cd-menu-active, .cd-megamenu a.cd-menu-item:hover {
    color: #336690;
    color: var(--bg-color);
}

.team-list {
  background-color: #abcae4;
  background-color: var(--light-bg-color);
}

.cd-light .cd-tile-v-main-area {
  background-color: #abcae4;
  background-color: var(--light-bg-color);
}

.cd-light .cd-tile-v-main-area .cd-tile-v-main-heading {
  color: #336690;
  color: var(--bg-color);
}


#block_1000530_content .cd-newslist-tile-v.cd-tile-v .cd-tile-container .cd-tile-v-box.cd-tile-width-2 .cd-tile-v-main-area {
   background-color: #E5BFCC;
}


#block_1000530_content .cd-newslist-tile-v.cd-tile-v .cd-tile-container .cd-tile-v-box.cd-tile-width-2 .cd-tile-v-main-area .cd-tile-v-main-heading {
   color: #5f021f;
}

.suhv-div {
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
    width: 100%;
    * { box-sizing: border-box; }
    overflow-y: hidden;
    overflow-x: auto;
}

.suhv-div-title {
    background-color: #aaaaaaff;
    color: white;
    font-size: 1.5em;
    text-align: center;
    text-transform: uppercase;
    padding: 1rem;
    width: 100%;
}

.suhv-table {
    background-color: white;
    border-collapse: collapse;
    border: none;
    width: 100%;
}

.suhv-table th, .suhv-table td {
    padding: 10px;
    color: black;
    text-align: center;
    vertical-align: middle;
}

.suhv-table th {
    background-color: #eeeeee;
    font-weight: bold;
}

tr.our-team {
    background-color: #abcae4;
    background-color: var(--light-bg-color);
}

td.team-icon {
    padding: 2px;
}

#shop-item-image {
  background-color: #ffffff;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.shop {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}

.shop-item {
  max-width: 240px;
  flex: 1;
  flex-basis: 240px;
  min-width: 120px;
  margin: 10px;
  background-color: var(--light-bg-color);
}

.shop-item-price {
  margin: 5px 10px;
}

#shop-item-name {
  margin: 5px 10px;
}

@media (max-width: 576px) {

.shop-item {
    max-width: 100%;
}

.shop {
    flex-direction: column;
}

}

.squareDiv {
  position: relative;
  width: 300px; /* Change the width to your desired size */
  height: 300px; /* Change the height to your desired size */
  background-color: #f0f0f0; /* Fallback background color in case image doesn't load */
  margin: 10px; /* Add margin between divs */
}

.squareDiv img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Maintain aspect ratio and cover entire div */
  filter: grayscale(100%); /* Apply grayscale filter to the image */
}

.title {
  position: absolute;
  top: 10px; /* Adjust the top position to place the title where you want */
  left: 10px; /* Adjust the left position to place the title where you want */
  color: #ffffff; /* Title text color */
  font-size: 16px; /* Title font size */
  font-weight: bold; /* Title font weight */
  text-shadow: 1px 1px 2px #000000; /* Add text shadow for better readability */
}

.teamBoxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}