/* Add custom CSS styles below */ 
/*
.small-tag {
    position: relative;
    display: none !important;
    border-radius: 16px;
    border-width: 2px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: #ef4444;
    border-color: rgba(239,68,68,var(--tw-border-opacity));
    background-color: rgba(239,68,68,.1);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: #ef4444;
    color: rgba(239,68,68,var(--tw-text-opacity))
}

body {
    --tw-bg-opacity: 1;
    background-color: rgba(238,238,238,1);
    background-color: rgb(255 255 255)!important;
}
.top-nav {
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,1);
    background-color: rgb(13 175 175) !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.footer-is-light .store-footer {
    --tw-bg-opacity: 1;
    background-color: #f0f1f2 !important;
    --tw-text-opacity: 1;
    color: rgba(55,65,81,1);
    color: rgba(55,65,81,var(--tw-text-opacity));
}

.main-menu li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 700;

}
*/

body {
    background: #FFF;
}
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 640px) {
    .two-row .banner-entry:first-child {
        grid-column: unset;
        grid-row: unset;
    }
}

.has-overlay:after {
    background-color: unset;
}