/*
 *  main stylesheet
 */

body {
    background: #4c4c4c; 
}

a:link {
    text-decoration: none;
    color: #005815;
}
a:visited {
    text-decoration: underline;
    color: #005815;
}
a:hover {
    text-decoration: underline;
    box-shadow: 0 0 5px #626262;
}
a:focus {
    outline: none;
    box-shadow: 0 0 5px #626262;
}

.navbar-custom {
    background-color: #4c4c4c;
    border: none;
}

.navbar-light .navbar-nav .nav-link {
    color: #000000;
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #4c4c4c;
    text-decoration: none;
    box-shadow: 0 0 5px #626262;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: #fff;
}


.container{
    background-color: #fff;
    box-shadow: 10px 0px 10px #000000, -10px 0px 10px #000000;
}

.container-main{
    min-height: 30em;
}

h3,
h4,
video::cue,
.pnlm-title-box {
    background: #4c4c4c;
    color: #ffffff;
    border-left: 1px solid #626262;
    border-top: 1px solid #626262;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0.1em 0.1em 0.2em 0.1em;
    box-shadow: 5px 5px 5px #626262;
}

.video-anker {
    /* used for js */
}

.popover h3 {
    border: none;
    box-shadow: none;
    background: #4c4c4c;
    margin-top: 0;
}

h3, .h3 {
    font-size: 1.5rem;
}

h4, .h4 {
    font-size: 1.25rem;
}

h3 a:link,
h4 a:link {
    text-decoration: none;
    color: #ffffff;
}
h3 a:visited,
h4 a:visited {
    text-decoration: none;
    color: #ffffff;
}
h3 a:hover,
h4 a:hover {
    text-decoration: underline;
    color: #ffffff;
}

.text-justify {
  text-align: justify !important;
}

.nav > li > a {
    padding: 15px 5px;
}

.images {
    text-align: center;
}
.images img{
    box-shadow: 5px 5px 5px #626262;
    margin-left: auto;
    margin-right: auto;
}

code {
    color: inherit;
    background-color: #d6d8d9;
}
pre code {
    background-color: inherit;
}

blockquote,
pre {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
blockquote {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
pre {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.form-check .form-check-input:checked{
    background-color: #4c4c4c;
    border-color: #000000;
}

.form-check .form-check-input:focus{
    border-color: #000000;
    box-shadow: 0 0 5px #626262;
}

.custom-radio .form-check-input:checked{
    background-color: #4c4c4c;
    border-color: #000000;
    box-shadow: 0 0 5px #626262;
}

.form-control:focus {
    border-color: #000000;
    box-shadow: 0 0 5px #626262;
}

.osmmap {
    box-shadow: 5px 5px 5px #626262;
}

.pannellum {
    width: 100%;
    max-height: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 5px 5px 5px #626262;
}

.pnlm-panorama-info {
    background-color: transparent !important;
}

.pnlm-title-box {
    margin-left: 5px;
    padding-left: 2em;
    padding-right: 2em;
}

.osminfo {
    position: absolute; 
    z-index: 10;
    pointer-events: none;
    background: #4c4c4c;
    color: #ffffff;
    border-left: 1px solid #626262;
    border-top: 1px solid #626262;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    margin-left: 20px;
    padding: 0.2em;
    box-shadow: 5px 5px 5px #626262;
}

.gallery {
    text-align: center;
}
.gallery img {
    box-shadow: 5px 5px 5px #626262;
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal {
    --bs-modal-bg: #4c4c4c;
    --bs-modal-header-border-width: 0;
    --bs-modal-footer-border-width: 0;
}

.lightbox-modal .modal-body {
    display: flex;
    align-items: center;
    padding: 0;
    text-align: center;
}
.lightbox-modal .modal-footer {
    min-height: 2em;
    justify-content: center;
}

.lightbox-modal img {
    width: auto;
    max-height: calc(100vh - 48px - 3em);
    max-width: 100%;
}

.border-red {
    border: 2px outset red;
}
.bold {
    font-weight: bold;
}

/* Colors */
.bg-yellow { background-color: #fce94f !important; }
.bg-blue { background-color: #729fcf !important; }
.bg-dagray { background-color: #999797 !important; }
.bg-ligray { background-color: #d3d7cf !important; }
.bg-green { background-color: #8ae234 !important; }
.bg-red { background-color: #fed4d3 !important; }
.bg-brown { background-color: #e8b578 !important; }
.bg-purple { background-color: #8968cd !important; }