

.list-artists .artist {
    background-color:white;
    color: #1C7992;
    height: 500px;
}

.list-artists .artist:hover.artist:focus{
    animation: changeBackgroundColor 1s;
}

.list-artists .artist .artist-title {
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}
.list-artists .artist .artist-image {
    overflow-x: clip;
}
.list-artists .artist .artist-image img{
    height:450px;
    width: auto !important;
    margin-left: auto;
    margin-right:auto;
    display:block;

}

@keyframes changeBackgroundColor {
  0% {
    background-color: white;
    color: #1C7992;
  }
  100% {
    background-color: #1C7992;
    color:white ;
  }
}

@keyframes spinner__animation {
    0% {
        animation-timing-function: cubic-bezier(.5856,.0703,.4143,.9297);
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loading__animation {
    to {
        transform: translateX(100%)
    }
}

.wc-block-product-template {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 100%;
    padding: 0
}

.wc-block-product-template.wc-block-product-template {
    background: none
}

.wc-block-product-template.is-flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.25em
}

.wc-block-product-template.is-flex-container>li {
    list-style: none;
    margin: 0;
    width: 100%
}

@media(min-width: 600px) {
    .wc-block-product-template.is-flex-container.is-flex-container.columns-2>li {
        width:calc(50% - .625em)
    }

    .wc-block-product-template.is-flex-container.is-flex-container.columns-3>li {
        width: calc(33.33333% - .83333em)
    }

    .wc-block-product-template.is-flex-container.is-flex-container.columns-4>li {
        width: calc(25% - .9375em)
    }

    .wc-block-product-template.is-flex-container.is-flex-container.columns-5>li {
        width: calc(20% - 1em)
    }

    .wc-block-product-template.is-flex-container.is-flex-container.columns-6>li {
        width: calc(16.66667% - 1.04167em)
    }
}

.wc-block-product-template__responsive {
    grid-gap: 1.25em;
    display: grid
}

.wc-block-product-template__responsive.columns-2 {
    grid-template-columns: repeat(auto-fill,minmax(max(150px,calc(50% - .625em)),1fr))
}

.wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(auto-fill,minmax(max(150px,calc(33.33333% - .83333em)),1fr))
}

.wc-block-product-template__responsive.columns-4 {
    grid-template-columns: repeat(auto-fill,minmax(max(150px,calc(25% - .9375em)),1fr))
}

.wc-block-product-template__responsive.columns-5 {
    grid-template-columns: repeat(auto-fill,minmax(max(150px,calc(20% - 1em)),1fr))
}

.wc-block-product-template__responsive.columns-6 {
    grid-template-columns: repeat(auto-fill,minmax(max(150px,calc(16.66667% - 1.04167em)),1fr))
}

.wc-block-product-template__responsive>li {
    margin-block-start:0}

:where(.wc-block-product-template .wc-block-product)>* {
    margin-bottom: .75rem;
    margin-top: 0
}
