/*
Theme Name: Vijfpoort (nieuw)
Theme URI: https://superbthemes.com/bakery-and-pastry/the-coffee-shop/
Author: Ruben
Author URI: https://superbthemes.com/ 
Description: Het nieuwe thema van de vijfpoort website, gebaseerd op https://superbthemes.com/bakery-and-pastry/the-coffee-shop/. Files staan onder themes/the-coffee-shop
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 5.6
Version: 1.1
Template: bakery-and-pastry
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: the-coffee-shop
Tags: blog, food-and-drink, e-commerce, one-column, two-columns, block-patterns, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, full-site-editing, full-width-template, sticky-post, style-variations, template-editing, threaded-comments, translation-ready, wide-blocks
*/

/* ALGEMENE FONT */
body {
  font-family: 'Montserrat', sans-serif;
}
.event-card,
.event-content,
.event-meta-row {
  min-width: 0;
}

/* GRID */
.events-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.events-grid p {
    margin: 0;
    padding: 0;
    height: 0;
    visibility: hidden;
}

/* CARD */
.event-card {
  background: #fff3df;
  border-radius: 0;
  overflow: hidden;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  padding: 15px;
}

/* IMAGE */
.event-image {
  width: 100%;
  height: 10em; /* kies vaste hoogte */
  overflow: hidden;
  border-radius: 0;
}

.event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* TAGS STYLING */
.event-tag {
  color: #118370;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0px;
}

.date-weak {
  font-weight: 400;
}
.date-strong {
  font-weight: 700;
}

.event-item {
  display: block;
}


/* CONTENT */
.event-content {
  padding: 5px 0px 0px 0px;
}



/* DATE */
.event-date {
  color: #f78da7; /* nieuwe roze */
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0px;
}

/* LINE */
.event-line {
  height: 2px;        /* dunner */
  width: 100%;        /* volledige breedte binnen padding */
  background: #ffd700;
  margin: 0px;
}


.event-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
  font-size: 14px;
}


.event-time-price{
  color: #f78da7;
  font-weight: 700;
  font-size: 12px;
  margin: 0px;
}

/* TITLE */
.event-title {
  font-size: 27px;
  font-weight: 800; /* extra vet */
  color: #134534;
  margin: 0px 0 0px;
}

/* META */
.event-meta {
  font-size: 14px;
  opacity: 0.8;
}

/* NO HOVER */
.event-card:hover {
  transform: none;
  box-shadow: none;
  text-decoration: none;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .events-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .events-grid {
    grid-template-columns: 1fr;
  }
}

.block-link {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;
}