/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

table.gbc-attendees-list th {
	text-align: left;
}

/* Event list styling */
.cm-events-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

@media (max-width: 1024px) {
  .cm-events-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .cm-events-grid { grid-template-columns: 1fr; }
}

.cm-event {
  background: transparent;         /* Transparante achtergrond */
  border: 1px solid #fff;           /* Witte rand */
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  color: #fff;                      /* Witte tekst */
}

.cm-event, .cm-event * { color: #fff; }

.cm-event-date,
.cm-event-title {
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 0 0 8px 0;
  font-weight: 600;
}

.cm-event-title a {
  color: inherit;
  text-decoration: none;
}

.cm-event-title a:hover { text-decoration: underline; }

.cm-button {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 16px;
  background: #64181c;              /* Donkerrode achtergrond */
  border: 1px solid #fff;           /* Witte rand */
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 600;
  text-transform: lowercase;
  color: #fff;                      /* Witte tekst */
}

.cm-button:hover {
  background: #fff;
  color: #64181c;                    /* Tekstkleur omgekeerd bij hover */
}