.navbar{
margin-top:0px;
margin-bottom:0px;

}


/* Set gray background color and 100% height */
.sidenav {
      background-color: #702525;
      height: 100%;
	  color:#fff;
}
.sidenav a{
	color:#fff;
}
.sidenav a:hover{
	color:#000;
}
    
/* Set black background color, white text and some padding */
footer {
      background-color: #000;
      color: white;
      padding: 15px;
}
footer ul {
	list-style:none;
}
footer ul li a{
	color:#fff
}

.mob-shown{
	display:none;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {

.mob-hidden{
        display: none;
}
.mob-shown{
	display:inline;
}

.row.content {height: auto;} 
}

.date-bar {
  margin: 18px 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #1f1f1f;
  color: #fff;
}

.date-bar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.date-title {
  margin: 0;
  font-size: 20px;
}

.date-badge{
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}

.date-badge-today{
  background:#0d6efd;
  color:#fff;
}

.date-badge-tomorrow{
  background:#198754;
  color:#fff;
}

.listing-row { margin-top: 6px; }
.listing-title { margin: 6px 0; }
.listing-meta { margin: 0 0 6px; opacity: 0.9; }
.listing-tags .label { margin-right: 6px; }
.listing-hr { margin: 14px 0; opacity: 0.25; }

.page-wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 20px;  /* default padding */
}

/* phones */
@media (max-width: 767px){
  .page-wrap{
    padding: 16px 16px;  /* more comfortable mobile gutters */
  }

  /* optional: keep long titles from feeling cramped */
  .listing-title a{
    display: inline-block;
    line-height: 1.25;
  }
}

.clickable-card { cursor: pointer; }
.clickable-card:focus { outline: 2px solid #0d6efd; outline-offset: 2px; }