@font-face {
    font-family: 'Montserrat'; /* A name you choose to use later in your CSS */
    src: url("../../main/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
}

body {
    margin: 0;
    background-color: black;
}

::selection {
  background-color: #ff400c;
  color: #ffffff;
}

.ticketscloud-events-list {
    margin-top: 10px;
}

.logos {
    padding: 10px 0 0 10px;
    display: flex;
    gap: 20px;
    justify-content: start;
    align-items: center;
}

.logos img {
    max-height: 60px;
}

.home-textlink {
    font-family: "Montserrat";
    font-weight: 600;
    margin-left: auto;
    text-decoration: none;
    color: #ffffff;
    padding-right: 10px;
}

/* OUTDATED TicketsCloud Widget Design FIX */

p, span, h1, h2, h3, h4, b, .ticketscloud-event-item__ticket-price {
    font-family: "Montserrat";
}

/* GRID INPROVEMENTS */
.ticketscloud-events-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
}

/* CARD */
.ticketscloud-event-item {
  width: auto !important;
  padding: 0 !important;
}

.ticketscloud-event-item .hover-box:hover {
  box-shadow: inset 0 0 0 2px #EC901D, 0 0 10px 5px #EC901D !important;
}

.hover-box {
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  transition: 0.25s;
}

.ticketscloud-event-item__img-box_cropped {
  height: 180px;
}

.ticketscloud-event-item__caption {
  padding: 14px;
}

.ticketscloud-event-item__title {
  font-size: 16px;
  line-height: 1.3;
}

.ticketscloud-event-item__time,
.ticketscloud-event-item__venue {
  font-size: 13px;
  color: #777;
  text-transform: none;
}

.ticketscloud-event-item__ticket-price {
  font-size: 16px;
  background: #EC901D !important;
  color: #000000;
  padding: 6px 10px;
  border-radius: 6px;
}
.ticketscloud-event-item__title p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}