.ac-widget {
  bottom: 150px !important;
  top: auto !important;
  box-shadow: 0 1px 0 3px white, 0 0 0 4px hsl(0deg 0% 90%), -2px -4px 12px rgb(0 0 0 / 20%) !important;
  background-color: #fff !important;
}
@media (max-width: 768px) {
  .ac-widget {
    display: none !important;
  }
}

.clickable {
  cursor: pointer;
}

.header-note a {
  color: var(--mdb-white);
  text-decoration: underline;
}

.navbar-brand img {
    height: 70px;
    width: auto;
    margin-bottom: -30px
}@media (max-width: 992px) {
  .navbar-brand img {
    height: 60px;
    width: auto;
    margin-bottom: -10px;
  }
}

.navbar-toggler.collapsed .close {
  display: none;
}

.navbar-toggler:not(.collapsed) .open {
  display: none;
}

#eventSlider .carousel-inner {
  height: calc(100vh - 45px);
}

@media (max-width: 992px) {
  #eventSlider .carousel-inner {
    height: calc(60vh - 100px);
  }
}

.bracket-bottom-container .bracket-bottom {
  height: 155px;
}

.bracket-bottom-container .bg-metropol {
  height: 55px;
}

@media (max-width: 992px) {
  .bracket-bottom-container .bracket-bottom {
    height: 180px;
  }

  .bracket-bottom-container .bg-metropol {
    height: 80px;
  }
}

.bracket-top {
    background: url(../Images/Metropol_BracketTop_Shadow.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    height: 85px;
    pointer-events: none;
    position: relative;
    z-index: -1 !important;
}

.bracket-bottom {
    background: url(../Images/Metropol_BracketBottom.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    position: relative;
    z-index: -1 !important;
}

.bg-slider {
    background: linear-gradient(to bottom, rgba(0,0,0, 0) 66%, rgba(0,0,0, 0.9) 100%) !important;
}

.text-shadow {
    text-shadow: 0 0 10px var(--mdb-dark) !important;
}

.text-shadow-sm {
    text-shadow: 0 0 5px var(--mdb-dark) !important;
}

.text-shadow-lg {
    text-shadow: 0 0 20px var(--mdb-dark) !important;
}

#eventSliderCaptions a.active img {
    border-color: var(--mdb-metropol) !important;
}


/* ICONS */

.icon {
    position: relative;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    height: var(--s-d);
    width: var(--s-d);
    margin-bottom: calc(var(--sn-d)*0.13);
}

.icon img, .icon svg {
    display: block;
    height: 100%;
    width: 100%;
    transform: translate3d(0,0,0);
}

h1 .icon,
.h1 .icon {
  height: var(--s-h1) !important;
  width: var(--s-h1) !important;
  margin-bottom: calc(var(--sn-h1)*0.13);
}

h2 .icon,
.h2 .icon {
  height: var(--s-h2) !important;
  width: var(--s-h2) !important;
  margin-bottom: calc(var(--sn-h2)*0.13);
}

h3 .icon,
.h3 .icon {
  height: var(--s-h3) !important;
  width: var(--s-h3) !important;
  margin-bottom: calc(var(--sn-h3)*0.13);
}

h4 .icon,
.h4 .icon {
  height: var(--s-h4) !important;
  width: var(--s-h4) !important;
  margin-bottom: calc(var(--sn-h4)*0.13);
}

h5 .icon,
.h5 .icon {
  height: var(--s-h5) !important;
  width: var(--s-h5) !important;
  margin-bottom: calc(var(--sn-h5)*0.13);
}

h6 .icon,
.h6 .icon {
  height: var(--s-h6) !important;
  width: var(--s-h6) !important;
  margin-bottom: calc(var(--sn-h6)*0.13);
}

.icon-markup {
    position: absolute;
    display: block;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* ALERTS */
ul.typo3-messages {
    list-style-type: none;
    padding-left: 0;
}