/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 0;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

@font-face {
    font-family: "CustomFont";
    src: url(http://map.blueshield.ge/css/gl-universiteti-regular.ttf) format("truetype");
}

a {
    font-family: "CustomFont", Verdana, Tahoma;
}

label {
    font-family: "CustomFont", Verdana, Tahoma;
}

button {
    font-family: "CustomFont", Verdana, Tahoma;
}

span:not(#filterCaption) {
    font-family: "CustomFont", Verdana, Tahoma;
}

div {
    font-family: "CustomFont", Verdana, Tahoma;
}





/* ==== Pin footer to bottom, no gap underneath ==== */
:root{
  --nav-h: 80px;    /* your fixed header height */
  --footer-h: 64px; /* adjust to your real footer height (56–72px typical) */
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

/* Fixed header already handled; now fix the footer */
footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 1030;
  border-top: 1px solid #ddd;
  padding: 10px 15px;
  background: #fff;
}

/* Make room for the fixed footer so content isn't covered */
body {
  padding-bottom: calc(var(--footer-h) + env(safe-area-inset-bottom));
}

/* Keep main content below the fixed header */
body { padding-top: var(--nav-h); }

/* Map/Home shells: use the EXACT remaining height so nothing sticks above the footer */
#container {
  height: calc(100vh - var(--nav-h) - var(--footer-h)) !important;
  min-height: calc(100vh - var(--nav-h) - var(--footer-h)) !important;
}
#content, #mapwrap, #map {
  height: 100% !important;
  min-height: 0 !important;
}

/* Kill page-level bottom padding that can re-introduce a band */
main.pb-3 { padding-bottom: 0 !important; }

/* Cosmetic: avoid stray last margins pushing things */
main > *:last-child { margin-bottom: 0 !important; }
footer *:last-child { margin-bottom: 0; }







/* === Layout: keep footer at bottom of window === */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    padding-top: 80px;       /* space for fixed navbar */
    padding-bottom: 60px;    /* space so content doesn't hide behind footer */
}

/* your footer: <footer class="border-top footer text-muted"> */
footer.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    margin: 0 !important;
    padding: 5px 0;
    z-index: 1000;
}


<style>
    /* Make all header logos the same height and closer together */

    .navbar .navbar-brand img {
        max-height: 50px;      /* adjust this number if needed (40–60px) */
        height: auto;
        width: auto;
    }

    /* Reduce side padding of each logo so they don’t look too far apart */
    .navbar .navbar-brand {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    /* If the Georgian BlueShield logo is visually wider,
       we can gently limit it so the row looks like English */

    .navbar .navbar-brand img[src*="BlueShieldGeo.png"] {
        max-width: 200px;  /* try 180–220px until it looks right */
    }
</style>