/* custom css */

.customEventsDetailHeader {
  height: auto;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  width: 100%;
  background-color: #FFF;
}

.customEventsDetailHeader--image {
  min-width: 400px;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 990px) {
  .customEventsDetailHeader--image {
    min-width: auto;
    height: 200px;
    width: 100%;
  }
}


.customEventsDetailHeader--highlight {
  background-color: transparent;
  border: 2px solid #A91B73;
  border-radius: 16px;
  color: #A91B73;
  padding: 6px 10px;
  font-size: 14px;
  min-width: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;

}

.customEventsDetailHeader--highlight svg {
  margin-right: 10px;
}

.customEventsDetailHeader__actions .btn > span {
  display: inline !important;
}

@media only screen and (max-width: 1200px) {
  .customEventsDetailHeader__actions .btn > span {
    display: none !important;
    gap: 4px;
  }
}

@media only screen and (max-width: 1215px) {
  .customEventsDetailHeader__actions .btn > span {
    display: none !important;
    gap: 12px;
  }
}