/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 24 2026 | 22:44:07 */
body.single-events {
    background-image: url('https://hardplace.hr/wp-content/uploads/2024/10/bg4_60posto-scaled.jpg');
    background-repeat: repeat;
    background-position: 50% 47%;
    background-size: contain;
    background-attachment: scroll;
}

body.single-events .content-bg, body.content-style-unboxed.single-events .site {
    background: rgba(0,0,0,0);
}

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

.event-card img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.event-card h3 {
      color: #ffffff;
    font-size: 28px;
    font-family: Kameron;
    margin: 10px 0px 0px 0px;
    text-align: left;	
    font-weight: 600;
	line-height: 1.2;
}

.event-content {
  color: #fff;
    font-size: 15px;
    margin: 5px 0px;
    text-align: left;
    line-height: 115%;
	font-weight: 600;
}

.event-btn {
    background-color: #fff;
    border: 1px solid #d5d9d9;
    border-radius: 4px;
    box-sizing: border-box;
    color: #0f1111;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    padding: 3px 8px 3px 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: middle;
    width: auto;
    font-weight: 600;
    font-family: "Kameron", sans-serif;
	margin-top: 10px;
}

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