/*!
 * Start Bootstrap - Business Frontpage (https://startbootstrap.com/template/business-frontpage)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-business-frontpage/blob/master/LICENSE)
 */

/*
@font-face {
  font-family: Times_New_Roman_Bold_Italic;
  src: local('Times New Roman'), local('Times'), local('serif'), url(./fonts/Times_New_Roman_Bold_Italic.ttf);
  font-display: swap;
}
@font-face {
  font-family: Times_New_Roman_Bold;
  src: local('Times New Roman'), local('Times'), local('serif'), url(./fonts/Times_New_Roman_Bold.ttf);
  font-display: swap;
}
*/
body {
  background-color: #ebebeb;
  padding-top: 190px;
}
.navbar-brand {
  color: #000;
  font-weight: bold;
  text-align: center;
  font-size:1.2em;
  /*
  text-shadow: 4px 4px 2px #ebebeb; 
  font-family: Times_New_Roman_Bold, 'Times New Roman', Times, serif;
  font-size: 2rem;
  line-height: 0.6em;
  */
}

/* Responsive Media Queries for header-popal */
@media (max-width: 765px) {
  .header-popal {
    margin-top: -10px; /* Fixed: added space after colon */
    font-size: 0.7em;
  }
}

@media (min-width: 765px) and (max-width: 991px) {
  .header-popal {
    margin-top: -20px; /* Fixed: added space after colon */
    font-size: 0.8em;
  }
}

@media (min-width: 991px) {
  .header-popal {
    margin-top: -30px;
    display: block; /* Fixed: added space after colon */
    color: white; /* Fixed: added space after colon */
  }
}

/* Brand Tagline Styles */
.brand-tagline {
  /* Note: Commented font-family can be uncommented if Times New Roman Bold Italic is available */
  /* font-family: Times_New_Roman_Bold_Italic, 'Times New Roman', Times, serif; */
  font-weight: bold;
  font-style: italic;
  text-shadow: 2px 2px 1px #ebebeb;
  font-size: 1.25rem;
}

/* Navbar Brand Styles */
.navbar-brand div {
  /* Empty rule - consider removing if no styles are needed */
}

.navbar-brand img.float-left {
  /* Empty rule - consider removing if no styles are needed */
}

/* Primary Background and Button Styles */
.bg-primary {
  background-color: #a6090c !important;
  /* Note: Use !important sparingly - consider specificity instead */
}

.btn-primary {
  background-color: #a6090c;
  border-color: #a6090c;
}

/* Header Styles */
.banner-audio {
  padding-top: 0px; /* Consider using 0 instead of 0px */
}

.banner-audio h1.display-4 {
  /* Note: Commented font-family can be uncommented if Times New Roman Bold is available */
  /* font-family: Times_New_Roman_Bold, 'Times New Roman', Times, serif; */
  font-variant: small-caps;
  font-size: 2rem;
}

.banner-audio .lead {
  font-size: 1rem;
}

.banner-audio .header-left {
  background-color: #a6090c;
}

.banner-audio .header-right {
  background-color: #1a1a1a;
  padding-top: 11px; /* Fixed: added space after colon */
  padding-bottom: 11px; /* Fixed: added space after colon */
}

/* Container Heading Styles */
.container h2 {
  font-size: 1.5rem;
  /* Note: Commented font-family can be uncommented if Times New Roman Bold is available */
  /* font-family: Times_New_Roman_Bold, 'Times New Roman', Times, serif; */
}

/* Gavel List Styles */
.row.gavel-list ul li {
  padding-left: 60px;
  background-image: url('../images/mallet.png');
  /* Warning: Ensure this image path exists and is accessible */
  background-repeat: no-repeat;
  background-position: left center; /* Added for better positioning */
  margin-bottom: 10px;
}

/* Content Title Styles */
h1.content-title {
  font-size: 2em;
}

/* Fee Items Styles */
.fee-items {
  margin-bottom: 2px;
}
.fee-items h3 {
  font-size: 1.1rem; /* Fixed: added space after colon */
  font-weight: 400; /* Fixed: added space after colon */
}

.fee-items .fee-item {
  margin-bottom: 4px;
  display: block;
  text-align: justify;
}
.yt-video {
   background: #000;
   color: #fff;
   margin-top: 4px;
}
.page-4 .yt-video {
  margin-top: 0px;
}

.page-4 .allday {
  margin-top:20px;
  margin-bottom: 4px;
}
.map-container {
  width: 100%;
}

.address {
  line-height: 1.1em;
}

figure.courthouse {
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

figure.courthouse img {
  width: 100%;
  height: auto;
  display: block;
  min-height: 400px;
  object-fit: cover;
}

figure.courthouse figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  color: white;
  padding: 30px 10px 10px;
  font-size: 1em; 
  line-height: 1.4;
  margin: 0;
}