/*!
 * Start Bootstrap - The Big Picture HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
  margin-top: 50px;
  margin-bottom: 50px;
/*  background: none; */
  background-color: #000;
}

.full {
  /*background: url('/images/dashLisbon.jpg') no-repeat center center fixed; */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #000;
}

img.twitter { height:25px; }

h1 {
  color:#000; 
  background-color:#FF0; 
  width: 100%;
  padding: 5px;
  margin-bottom: 0;
}

h2 {
  color:#000; 
  background-color:#FF0; 
  width: 100%;
  padding: 5px;
  margin-bottom: 0;
}

h3 {color:#fff; padding: 5px; }

p {color:#FFF; padding: 5px; }

a {
  color:#000; 
  background-color:#FF0; 
  padding: 5px;
}

a:hover {
  text-decoration: underline;
  color: #000;
}

a.nav-link {
  display: inline-block;
  margin-right: 5px;
}

a img {
  margin: 0;
  display: inline-block;
}

a:has(img) {
  background-color: transparent;
  padding: 0;
}

a:has(img):hover {
  background-color: transparent;
}

.event-item {
    margin-bottom: 20px; /* Adds space below each event */
    padding: 10px; /* Adds some padding around the event content */
    border-bottom: 1px solid #ccc; /* Adds a bottom border to each event */
}

/* Remove the border from the last item for aesthetic purposes */
.event-item:last-child {
    border-bottom: none;
}