html, body {height: 100%; margin: 0;}

h1 {font-family: Times New Roman, Times, serif !important; font-size:260% !important; font-weight: 500 !important; letter-spacing: 1px !important;}

p a, li a, h2 a, h3 a {color:#ED1C24;}
.small {font-size:80%;}

a.loginLink {background:#666666 !important; color:#efefef !important;}
a.loginLink:hover {background:#ED1C24 !important; color:#efefef !important;}

.content {padding:16px;}
#navbar {overflow: hidden;background-color: #333;}

.content {padding: 16px;}
.sticky {position: fixed;top: 0;}
.sticky + .content {padding-top: 60px;}

.boxesList, a#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_eventListViewSwitcher_calendarModeLink {display:none;}

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}


ul.no-bullets {
  list-style: none; /* Remove default bullets */
}

ul.no-bullets li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: white; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
/* Events page*/
.WaGadgetEventsStateList .pageTitleOuterContainer+p {display:none;}

@media (min-width: 1px) {
.login-icon {display:inline-block !important; width:100%;}
}