:root {
  --bulma-primary-h: 334deg;
  --bulma-primary-s: 34%;
  --bulma-primary-l: 83%;
  --bulma-scheme-h: 334deg;
  --bulma-scheme-s: 34%;
  --bulma-link-h: 334deg;
  --bulma-link-s: 34%;
  --bulma-link-l: 31.57%;
  --bulma-warning-h: 89.39deg;
  --bulma-warning-s: 28.32%;
  --bulma-warning-l: 33.92%;
  --bulma-hover-background-l-delta: 30%;
  --bulma-family-primary: "Fira Sans";
}

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

.navbar {
  --bulma-navbar-item-hover-background-l-delta: -10% !important;
}

#elemControl {
  width: 40rem;
}

.has-background-primary-lite {
  background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), 70%) !important;
}

.tt {
  font-family: monospace;
  background-color: #eee;
  border-radius: 4px;
  padding: 2px 5px 2px 5px;
}


@media screen and (max-width: 1023px) {
  #inputControl {
    flex-grow: 1;
  }
}

.navbar {
  --bulma-navbar-item-hover-background-l-delta: 0% !important;
}

.slink {
  font-weight: 600;
  color: hsl(var(--bulma-link-h), var(--bulma-link-s), 80%) !important;
}

#aiGeneratedMetadata {
  border-top: 1px black dotted;
  margin-top: 20px;
}

#similarPhotos {
  padding-bottom: 50px;
}

a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover {
  background-color: inherit;
}

a.navbar-item:hover,.navbar-link:hover {
  background-color: #e4c8d4;
}

#elemControl {
  width: 40rem;
}

@media screen and (max-width: 1023px) {
  #inputControl {
    flex-grow: 1;
  }
}

@media screen and (max-width: 768px) {
  #linkNavHome {
    display: none;
  }
}

#btnImagePrevious:disabled,
#btnImageNext:disabled {
  color: #cccccc !important;
}

.mt-15 {
  margin-top: 0.33rem !important;
}

#btnEnterSiteModalWelcome {
  margin: 0 auto;
  display: block;
}

.has-background-image {
  background-image: url("../icon/bg.jpg") !important;
  background-size: cover;
}

#btnPaginateNext[disabled],
#btnPaginatePrevious[disabled] {
  pointer-events: none !important;
}

figure {
  text-align: center;
  margin: auto;
}

#innerContainerSearch img:hover,
#innerContainerImage img:hover {
  transition-duration: 250ms;
  opacity: 70%;
}

#innerContainerCluster figure:hover,
#innerContainerPhotographer figure:hover {
  transition-duration: 250ms;
  opacity: 70%;
}

.image-text-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-text-center strong {
  color: black !important;
}

.is-opacity-40 {
  background-clip: padding-box;
  opacity: 0.4;
}

.has-border {
  border: 2px solid #e4c8d4;
}

.tooltip {
  position: relative;
  cursor: pointer;
}

.tooltipInline {
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 520px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 110%;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}


@media screen and (max-width: 768px) {
  #linkNavHome {
    display: none;
  }
}

#btnImagePrevious:disabled, #btnImageNext:disabled {
  color: #cccccc !important;
}

.mt-15 {
  margin-top: 0.33rem !important;
}

#btnEnterSiteModalWelcome {
  margin: 0 auto;
  display: block;
}

.has-background-image {
  background-image: url("../icon/bg.jpg") !important;
}


#btnPaginateNext[disabled], #btnPaginatePrevious[disabled] {
  pointer-events: none !important;
}

figure {
  text-align: center;  
  margin: auto;
}

#innerContainerSearch img:hover,
#innerContainerImage img:hover {
  transition-duration: 250ms;
  opacity: 70%;
}

#innerContainerCluster figure:hover,
#innerContainerPhotographer figure:hover {
  transition-duration: 250ms;
  opacity: 70%;
}

.image-text-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.image-text-center strong {
  color: black !important;
}

.is-opacity-40 {
  background-clip: padding-box;
  opacity: 0.4;
}

.has-border {
  border: 2px solid #cb95ac;
}

#map
{
  width: 960px;
  height: 600px;
}

.leaflet-tooltip-custom
{
  font-family: "Fira Sans" !important;
  font-size: 1.1em;
  line-height: 1.1em;
  background: #f8f7fd;
  color: #444a4d;
  white-space: nowrap;
}

.leaflet-tooltip-custom b
{
  color: #576f3e;
}

.leaflet-circle-custom:hover {
  fill: #576f3e !important;
}

.searchOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(240, 240, 240, 0.95);
  border-radius: 5px;
}

.searchOverlayInner {
  background: white;
  border-radius: 12px;
  top: 100px;
  width: 400px;
  padding: 22px;
  text-align: justify;
  font-size: 0.95em;
  margin: 100px auto;
  border: 4px solid hsl(var(--bulma-primary-h), var(--bulma-primary-s), 70%) !important;
}

.navOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(200, 200, 200, 0.9);
  border-radius: 5px;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}