/*!  | MIT License |  */

.sponsor-container[containers] {
    --max-width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--max-width), 1fr));
    column-gap:4px
}

.sponsor-container.platinum[containers] {
    --max-width: 240px
}



.sponsor-item[containers] {
    margin: 5px;
    background-color: #f5f5f7;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 15px;
    height:calc(var(--max-width) / 2 - 6px);
    transition: all 0.2s;
    border: 1px solid transparent;
}

.sponsor-item[containers]:hover {
    background-color: #ffffff;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 5%);
    transform: scale(1.03);
    text-decoration: none;
}
.sponsor-item[containers]:active {
    transform: scale(0.96);

}

.sponsor-item.action[containers] {
    font-size: 11px;
    color:var(--vt-c-text-3)
}

.sponsor-item img[containers] {
    max-width: calc(var(--max-width) - 30px);
    max-height:calc(var(--max-width) / 2 - 20px)
}

.special .sponsor-item[containers] {
    height:160px
}

.special .sponsor-item img[containers] {
    max-width: 3000px;
    max-height:150px
}

.dark .aside .sponsor-item[containers], .dark .landing .sponsor-item[containers] {
    background-color: #181818;
    text-decoration: none;
}

.aside .sponsor-item img[containers], .landing .sponsor-item img[containers] {
    transition:filter .2s ease;
    border-radius: 0;
    -webkit-user-drag: none;
pointer-events: none;
margin: 0 auto;
display: flex;
max-width: 160px;
max-height: 80px;
}

.dark .aside .sponsor-item img[containers], .dark .landing .sponsor-item img[containers] {

}

.dark .aside .sponsor-item[containers]:hover, .dark .landing .sponsor-item[containers]:hover {
  background-color: #161616;
  border: 1px solid #4f4f4f;
}

.dark .sponsor-item:hover img[containers] {
    filter:none
}

.sponsor-container.platinum.aside[containers] {
    --max-width: 110px;
    column-gap:1px
}

#sponsors[structure] {
    max-width: 1500px;
    margin: 0 auto;
}

#sponsors h2[structure] {
    font-size: 25px;
    font-weight: 530;
    border-bottom: 0;
    text-align: center;
}
#sponsors h4[structure] {
    text-align: center;
    margin-bottom:1em;
    margin-top: -95px;
    color: #999;
}
#sponsors h3[containers] {
text-align: center;
margin-bottom: -.3em;
margin-top: -0px;
color: #000;
padding-top: 0;
}
.dark #sponsors h3[containers] {
color: #fff;
}

#sponsors .sponsor-container[structure] {
    margin-bottom:3em
}

.theme-default-content img {
  border-radius: 10px;
}