/*---- Bootstrap oblikatorisk ----*/
a, #logo > div {
   transition : background 4s, color 4s;
}

.selector-for-some-widget { box-sizing: content-box; }
a{ color: var(--farve0) !important; }
/* a:hover { color: #e10000 !important; text-decoration: none !important; } */
.active > a{ text-decoration:underline; }
.top-nav { background-color: white; box-shadow: 2px 2px 2px rgba(0,0,0,0.3); }
.list-group-item:first-child, .list-group-item:last-child{ border-radius: 0px !important; }
.top-nav ul{  text-align: center !important; }
.large-map { height: calc(100vh - 80px) !important; margin-top: 80px; }
.bg-black{ background-color: #000; }


.geo-kort > .reinos_map { width: 100% !important; }
.map > .reinos_map { width: 100% !important; }
#mapid { height: 180px; }

/*---- Kalender side ----*/
.kalender-sektion {  }
.kalender-img img { max-width: 130px; }
.nav.kalender-nav, .nav.info-nav  { margin-top: 80px; width: 100%; background-color: #fafafa; }
.kalender-nav > ul, .info-nav > ul  { list-style: none; text-align: center; padding: 0px !important; margin: 0px !important; width: 100%; }
.kalender-nav ul li, .info-nav ul li { display: inline-block; padding: 16px 0px; }
.kalender-nav-link, .info-nav-link { padding: 18px 22px; text-decoration: none !important; text-transform: uppercase; }
.kalender-nav-link.active, .info-nav-link.active { border-bottom: 1px solid black; }

/*---- Space side ----*/
.single-space-section { padding-top: 4.5rem; }
.stedets_logo { padding: 0px !important; border: 0px !important; }

/*---- Kort rettelser ----*/
.leaflet-container a.leaflet-popup-close-button{ padding: 8px 22px 0 0 !important; }
.leaflet-popup-content-wrapper{ border-radius: 6px !important; }

.offspaceCluster { background: rgba(255, 0, 230, 0.7); border-radius: 50%; }

/*---- Nav bar ----*/
nav .nav-item { font-size : 2em; }

/*---- Blog billede størrelse ----*/
.blog-text img{ max-width: 100%; height: auto; }

/*---- Logo CSS ----*/
:root {
    --farve0 : #FFF;
    --farve1 : #FFF;
    --farve2 : #FFF;
    --farve3 : #FFF;
    --farve4 : #FFF;
}

.block0 { background : var(--farve0); }
.block1 { background : var(--farve1); }
.block2 { background : var(--farve2); }
.block3 { background : var(--farve3); }
.block4 { background : var(--farve4); }

.link1 { color : var(--farve0) !important; }
.link2 { color : var(--farve2) !important; }
.link3 { color : var(--farve4) !important; }

div#logo {
    height : 60px;
}

div#logo > div {
    display : inline-block;
    width : 20px;
    height : 100%;
}


/*---- Info CSS ----*/
}
h1 {
  var(--farve4) !important;
}