@import "custom-variables.css";
/* Custom styling for ePayment Event Catalog */

/* 
Descendant combination used for overriding styles.
!important used only when there is no other option.
*/

img[alt="logo"] {
  height: 36px;
  width: auto;
}

/* Logo text in header that is not needed */
a[href="https://events.epayment.nets.eu"] span
{
  display: none;
}

/* Header navigation links */
#__next .bg-gray-800 a {
  color: var(--nexi-white);
  cursor: pointer;
  border: 1px solid transparent;
}

#__next .bg-gray-800 a:not(a[href="https://events.epayment.nets.eu"]):hover,
#__next .bg-gray-800 a[aria-current="page"] {
  background-color: var(--nexi-blue-20);
  border: 1px solid var(--nexi-blue-30);
  border-radius: var(--button-radius);
}

#__next footer,
#__next > .bg-gray-800 {
  background-color: var(--nexi-background-dark);
}

#__next footer a {
  color: var(--nexi-white);
  cursor: pointer;
}

h1 {
  display: none;
}

/* Buttons container */
#__next main > div > div {
  display: block;
}

/* element around buttons that has shadow */
main .shadow {
  box-shadow: none;
}

main.bg-gradient-to-t {
  background-image: url("nexi-background-dark.svg") !important;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Two main buttons on home page */
#__next main a[href="/events/"] {
  background-color: var(--nexi-blue);
  border-radius: var(--button-radius);
  cursor: pointer;
  max-width: var(--button-width);
  margin: auto;
}

#__next main a[href="https://eventcatalog.dev"]
{
  background-color: transparent;
  cursor: pointer;
  max-width: var(--button-max-width);
  font-weight: 300;
  color: var(--nexi-white);
  text-decoration: underline;
  margin: auto;
}