body, html { 
  font-size: 16px;
  background-color:rgb(19,20,23);
  color: white;
}

p { 
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:rgb(230,232,233);
  line-height: 1.6;
  }

.uk-text-lead { font-size: 1.3rem; font-weight: 300; color:white }

h1,h2,h3,h4,h5,h6 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 5px;
  color:white;
  text-transform: uppercase;
}

#lightbox-gallery a img { opacity:.5; transition: opacity .5s ease-in-out }
#lightbox-gallery a:hover img { opacity:1 }


.uk-link, a,
a:link, a:visited { text-decoration: none; color: gray; }
a:hover, a:active { text-decoration: none; color: white; }

a.highlight {
    text-decoration: none; /* Remove underline */
    color: gray; /* Link color */
    transition: transform 0.3s; /* Smooth transition for transform */
  }
  
  /* Style for links when hovered */
  a.highlight:hover {
    color: white;
    background-color: rgba(200,200,200,.2); /* Background color when hovered */
    padding: 6px 6px; /* Padding around the link */
    margin: -6px -6px; /* Negative margin to counteract the padding */
    transform: translate(5px, 5px); /* Move the link back to its original position */
    transition:color .2s ease-in-out, background-color .2s ease-in-out;
  }
  
.uk-button-default { border:1px solid gray; text-transform:unset; font-size:1.1rem; border-radius:3px; }
.uk-button-default:hover { border:1px solid white; color:white; }

#offcanvas-slide a:link, #offcanvas-slide a:visited { color:white; font-size:1.2rem; margin-bottom:10px; }
#offcanvas-slide a:hover, #offcanvas-slide a:active { color: gray; }

.uk-navbar-nav>li>a { padding: 0 0; color: #999; text-transform: uppercase; transition: .1s ease-in-out; transition-property: color, background-color; }
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { color:rgb(50,50,50); min-height: 80px; font-size: 1rem; font-family: "Montserrat", sans-serif; font-weight: 400; text-decoration: none; }

.uk-card .uk-card-header { padding-top: 30px; padding-bottom: 0; }
.uk-container { padding-left:40px; padding-right:40px }
.uk-background-primary { background-color:rgb(9,10,13) }
.uk-section-primary { background:rgb(236,237,238); }
.uk-border-rounded { border-radius: 12px }




@media (min-width: 960px) { 
  #header.uk-padding { padding-bottom: 0; }
}

@media (max-width: 960px) {
  h1 { font-size:2rem; }
  h2 { font-size:1.75rem; }
  h3 { font-size:1.6rem; }
}