/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

.et_pb_row, .container, .single-byggerier.et-db #et-boc .et-l .et_pb_row, .single-erhvervsudlejning.et-db #et-boc .et-l .et_pb_row, .single-events.et-db #et-boc .et-l .et_pb_row {
  width: calc(100% - 50px);
  max-width: calc(100% - 50px);
}

#sidebar, #main-content .container::before {
  display: none !important;
}
#left-area {
  padding-right: 0 !important;
  width: 100% !important;
}
h1,h2,h3,h4,h5,h6, a, div, p, em, i, u, b, strong {
  font-family: "Inter Tight" !important;
  font-weight: 400 !important;
  letter-spacing: .2px;
}

/* Header */
.mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a {
  color: black !important;
}
#top-menu li a::before {
  display: block;
  content: "";
  width: 0%;
  height: 1px;
  background: black;
  position: absolute;
  bottom: 18px;
  transition: .3s ease-in-out;
}
#top-menu li a {
  position: relative;
  font-weight: 400 !important;
}
#top-menu li {
  display: inline-block;
  font-size: 12px !important;
  padding-right: 18px !important;
}
#top-menu li a:hover::before, #top-menu li#menu-item-11 a::before {
  width: 100%;
}
#main-header {
  box-shadow: none !important;
}
#page-container a.et_pb_button {
  padding: 10px 35px !important;
}
#logo {
  height: 15px !important;
  width: 68px !important;
}

/* Sidebar */
 /* Layout */
 .lb-wrap { display: grid; grid-template-columns: 280px 1fr; gap: 32px; padding: 128px 0; }
 .lb-sidebar { position: sticky; top: 100px; align-self: start; padding-right: 16px; }
 .lb-main { min-height: 50vh; }

 /* Sidebar */
 .lb-cpt { padding: 7px 0; }
 .lb-cpt:first-child {
  padding-top: 0 !important;
 }
 .lb-cpt-header { display:flex; align-items:center; justify-content:space-between; cursor:pointer; padding:4px 0; border-radius:6px; font-size: 16px; }
 .lb-cpt-title { font-weight:400; text-decoration:none; color:#111827; text-transform: uppercase; font-size: 12px;}
 .lb-cpt-archive-link { text-decoration:none; color:inherit; flex:1; }
 .lb-chevron { transition: transform .2s ease; display: none; }
 .lb-cpt.open .lb-chevron { transform: rotate(90deg); }

 /* Accordion panel */
 .lb-panel { overflow: hidden; max-height: 0; transition: max-height .25s ease; }
 .lb-cpt.open .lb-panel { max-height: 1000px; } /* large enough for most lists */

 /* Term list */
 .lb-term-list { list-style:none; margin:6px 0 8px 0; padding-left:0px; }
 .lb-term-item { margin:0 0 10px; }
 .lb-term-item a { font-size: 12px; opacity: 1; transition: .2s ease-in-out;padding-left: 15px; position: relative; }
 .lb-term-item a:hover {
  opacity: 1;
 }
 .lb-term-item a::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
  height: 4px;
  border: 1px solid black;
  border-radius: 50%;
  opacity: .2;
  transition: .3s ease-in-out;
 }
 .lb-term-item a:hover::before {
  opacity: 1;
 }
 .lb-term-item a.is-current::before {
  background: black;
  opacity: 1;
 }
 .lb-term-link { text-decoration:none; color:#000; }
 .lb-term-count { color:#9ca3af; font-size:12px; }

 /* Active hint */
 .lb-cpt.active .lb-cpt-header span { font-weight: 500 !important; }
 .lb-term-item.is-current a { opacity: 1 !important; color: #000 !important; }
 /* Panels start closed; height controlled via JS */
.lb-panel {
  height: 0;
  overflow: hidden;
}
.lb-header .column {
  width: 49.8%;
  vertical-align: middle;
  display: inline-block;
}
.lb-header .column:nth-child(2) {
  text-align: right;
}
.lb-header.container {
  margin-top: 141px !important;
}
h1 {
  font-size: 45px !important;
}
.lb-breadcrumb {
  opacity: .25;
  font-size: 12px;
  margin-bottom: 30px;
  margin-top: 8px;
}
.lb-grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 45px;
  grid-column-gap: 33px;
}
h3.lb-card-title {
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 10px;
  text-align: left;
  line-height: 17px;
}
h3.lb-card-title::before {
  display: inline-block;
  content: "$";
  font-family: ETmodules !important;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.lb-card-link img, .lb-card-link h3 {
  transition: .3s ease-in-out;
}
.lb-back a {
  padding: 8px 16px;
  background: #fff;
  border: 1px solid black;
}
.lb-back {
  margin-top: 50px;
  font-size: 12px;
}
.lb-grid.lb-grid-5 .h3.lb-card-title {
  text-align: center !important;
}
/* Optional visual states */
.lb-cpt.open .lb-cpt-header { /* keep your highlight styles here */ }

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .lb-panel {
    transition: none !important;
  }
}


/* Single */
.lb-selection-ui { display:flex; align-items:center; gap: 10px; justify-content:flex-end; }
#lb-download-selection, #lb-clear-selection, #lb-share-selection { border: none; background:#fff; cursor:pointer; }
#lb-download-selection:disabled, #lb-clear-selection:disabled, #lb-share-selection:disabled { opacity:.5; cursor:not-allowed; }
#lb-download-selection.is-loading { opacity:.7; pointer-events:none; }
span.lb-selection-count-label {
  background: black;
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  color: white;
  font-size: 8px;
  font-weight: 900 !important;
  line-height: 15px;
  position: relative;
  top: -10px;
  text-align: center;
  font-weight: 900 !important;
}
#lb-clear-selection, #lb-share-selection {
  top: 210px !important;
  padding-right: 8px !important;
  right: 195px !important;
}
#lb-clear-selection {
  right: 365px !important;
}
.lb-selection-ui a, .lb-selection-ui button {
  font-size: 12px;
  text-transform: uppercase;
}
.lb-selection-ui a, #lb-download-selection, #lb-clear-selection, #lb-share-selection {
  position: fixed;
  right: 25px;
  z-index: 99999;
  background: rgba(255,255,255,1);
  padding: 5px;
  border-radius: 0px;
  transition: .3s ease-in-out;
  top: 210px;
  border: 1px solid rgba(0,0,0,0);
}
#lb-download-selection::before, #lb-clear-selection::before, #lb-share-selection::before {
  display: inline-block;
  content: '"';
  font-family: ETmodules !important;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
#lb-clear-selection::before {
  content: "M";
}
#lb-share-selection::before {
  content: '';
}
.lb-selection-ui.scrolled a, .lb-selection-ui.scrolled #lb-download-selection, .lb-selection-ui.scrolled #lb-clear-selection, .lb-selection-ui.scrolled #lb-share-selection {
  top: 100px !important;
  border: 1px solid black;
}
.lb-select-btn {
  cursor: pointer;
  padding: 8px 20px 8px !important;
  text-transform: uppercase;
  border: 1px solid black !important;
  display: inline-block;
  font-size: 12px;
  transition: .3s ease-in-out;
  margin: auto auto 10px !important;
  text-align: center !important;
  background: none !important;
}
.lb-select-btn:hover {
  background: black !important;
  color: white !important;
}
.lb-card-link {
  text-align: center;
}
.lb-select-btn.is-disabled { opacity:.5; cursor:not-allowed; }
.lb-grid.lb-grid-5 { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:33px; }
.term-videos .lb-grid.lb-grid-5 {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.basicLightbox { z-index: 99999999 !important; }
.single h1.entry-title {
  margin: 10px 0 30px;
  font-size: 30px !important;
}
.lb-gallery-item, .lb-card-link {
  position: relative;
}
.lb-card img {
  width: 100% !important;
}
.lb-gallery-item:hover a.lb-download-link, .lb-card-link:hover a.lb-download-link {
  top: 10px;
  opacity: 1;
}
a.lb-download-link {
  position: absolute;
  top: 0px;
  left: 10px;
  background: rgba(255,255,255,1);
  padding: 2px 6px;
  border-radius: 0;
  border: 1px solid black;
  font-size: 12px;
  transition: .3s ease-in-out;
  opacity: 0;
}
a.lb-download-link::before {
  display: inline-block;
  content: '"';
  font-family: ETmodules !important;
  margin-right: 5px;
  position: relative;
  top: 1px;
}
a.lb-download-link.lb-download-high {
  left: inherit;
  right: 10px;
}
a.lb-download-link:hover {
  background: white;
}
a.lb-chip {
  padding: 5px 20px 6px !important;
  text-transform: uppercase;
  border: 1px solid black !important;
  margin-right: 5px !important;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 10px !important;
  transition: .3s ease-in-out;
}
a.lb-chip:hover, a.lb-chip.is-active {
  background: black;
  color: white;
}
.lb-card {
  margin-bottom: 0px !important;
}
.lb-downloads {
  text-align: center;
  margin-top: 10px;
}
.lb-grid-5 .lb-card h3.lb-card-title {
  text-align: center !important;
  padding-left: 0 !important;
}
.lb-grid-5 h3.lb-card-title::before {
  display: none !important;
}

/* Popups */
/* Modal shell with fade */
.popup {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(150,150,150,0);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease, background 0.25s ease;
  z-index: 999999999999;
}
.popup.show {
  background: rgba(150,150,150,.5);
  opacity: 1;
  pointer-events: auto;
}

/* Inner content fade + scale */
.popup-inner {
  background: #fff;
  width: min(520px, 92vw);
  border-radius: 0px;
  box-shadow: 0 10px 30px rgba(0,0,0,.1);
  padding: 20px;
  transform: scale(0.96);
  opacity: 0;
  transition: transform 0.25s ease, opacity 0.25s ease;
  outline: none;
}
.popup.show .popup-inner {
  transform: scale(1);
  opacity: 1;
}

/* Typography + buttons */
.remove-all h4, .download-all h4, .share-selection h4 { margin: 0 0 30px;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid black; }
.remove-all p, .download-all p { margin: 0 0 30px; color: #000; }
.popup-actions, .popup-actions { display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;}
#lb-clear-cancel, #lb-clear-ok, #lb-download-low-btn, #lb-download-high-btn, .popup-actions button {
  padding: 8px 14px;
  border-radius: 0px;
  border: 1px solid #000;
  cursor: pointer;
  background: #fff;
  font-size: 12px;
  text-transform: uppercase;
  transition: .2s ease-in-out;
}
#lb-clear-ok:hover, #lb-clear-cancel:hover, #lb-download-low-btn:hover, #lb-download-high-btn:hover, .popup-actions button:hover { background: #000;color: white; }
p#lb-download-count {
  margin-bottom: 10px !important;
}
p#lb-download-desc {
  margin-bottom: 100px !important;
}
p#select-resolution {
    margin-bottom: 10px !important;
    text-transform: uppercase;
}

/* Share modal content */
.popup-label { margin: 10px 0 6px; display: block; }

.popup-input, .popup-textarea {
  width: 100%;
  border: 1px solid #000 !important;
  padding: 8px !important;
  font-size: 12px;
  outline: none;
  background: #fff;
}
.popup-input:focus, .popup-textarea:focus { border-color: #000; }

.popup-input.readonly { background: #f9fafb; }

.popup-linkbox {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  margin-top: 6px;
}

.popup-actions {
  margin-top: 30px;
}

.popup-copy-btn {
  padding: 8px 12px;
  border: none !important;
  background: none !important;
  font-size: 12px !important;
  cursor: pointer;
}


/* Footer */
#main-footer {
  border-top: 1px solid black !important;
  position: relative;
}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
  width: 12% !important;
  margin-right: 0 !important;
}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:first-child {
  width: 63% !important;
}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:first-child .textwidget {
  padding-right: 55%;
}
#footer-widgets .footer-widget a.et_pb_button {
  text-transform: uppercase;
  font-size: 12px !important;
}
#footer-widgets .footer-widget li, #footer-widgets .footer-widget li a {
  padding-left: 0 !important;
  text-transform: uppercase;
}
#footer-widgets .footer-widget li::before {
  display: none !important;
}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget {
  margin-bottom: 80px !important;
  display: block !important;
  float: none !important;
}
#main-footer .footer-logo {
  position: absolute;
  right: 2%;
  bottom: 30px;
  width: 200px;
}

.lb-term-count {
  display: none !important;
}