@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --background: 0 0% 100%;
    --foreground: 0 0% 0%;
    --card: 0deg 0% 95.69%;
    --card-foreground: 0 0% 0%;
    --primary: 1.18deg 86.44% 53.73%;
    --primary-foreground: 0 0% 100%;
    --cta: 1.18deg 86.44% 53.73%;
    --cta-foreground: 0 0% 100%;
    --border: 0 0% 80%;
    --input: 0 0% 80%;
}

@media (prefers-color-scheme: dark) {
    :root:not(.light) {
        --background: 0 0% 10%;
        --foreground: 0 0% 100%;
        --card: 0 0% 5%;
        --card-foreground: 0 0% 100%;
        --border: 0 0% 24%;
    }
}

body {
    font-family: "Istok Web", sans-serif;
    
}
/* .site-background {
    background-image: url(https://kart.nl/wp-content/uploads/2024/03/home-Karten-kids-Go-Kart-Dordrecht-1280.jpg);
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -10;
    overflow: hidden;
    opacity: .5;
} */
.heading {
    font-family: "Barlow Condensed", sans-serif;
}
.pagetitle-container .heading {
    color: hsl(var(--primary));
}

.e-btn,
.btn {
    font-weight: 500;
}
.btn.bg-cta {
    font-weight: 500;
}

.typography.heading {
    font-weight: 700;
}

header.bg-card {
    background: #000;
    color: #fff;
}

.product-list .price small {
    font-size: var(--text-xs-size);
    line-height: var(--text-xs-line-height);
    font-weight: 300;
    display: block;
}

/**
 ** Product List
 **/
 .product-list .product-item .more-information,
 .product-list .product-item h4 {
     display: none;
 }
 .product-list .price br {
     display: none;
 }
 .product-list .prose br:last-child {
     display: none;
 }


 /**
  ** Product detail
  **/
 .product-detail--html-description  .activiteiten-content > *:first-child {
     margin-top: 0;
 }
 .product-detail--html-description img {
     max-height: 350px;
     width: 100%;
     object-fit: cover;
     object-position: center;
 }

/*
 * Footer
 */
.footer--container {
    background-color: #000;
    color: #fff;
}
.footer--content {
    display: grid;
    gap: 18px;
    align-items: center;
}
.footer--content a {
    color: hsl(var(--primary));
    transition: color 300ms ease 0ms;
}
.footer--content a:hover {
    color: inherit;
}
.footer--content .social-links {
    display: flex;
    gap: 8px;
}
.footer--content .social-links a {
    background: hsl(var(--primary));
    color: hsl(var(--primary-foreground));
    border-radius: 3px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
}
.footer--content .social-links a:hover {
    color: #000;
}
.footer--content img {
    max-height: 32px;
    width: auto;
}
.footer--content .social-links a span {
    display: none;
}
.footer--content table {
    width: 100%;
    text-align: left;
}
.footer--content .heading {
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 480px) {
    .footer--content {
        grid-template-columns: 152px 1fr;
    }

    .footer--content > *:last-child {
        grid-column: 1 / span 2;
    }
}

@media screen and (min-width: 768px) {
    .footer--content {
        grid-template-columns: 152px 173px 1fr;
    }

    .footer--content > *:last-child {
        grid-column: auto;
    }

    .footer--content > div:last-child {
        text-align: right;
    }
}