:root {
	--tblr-font-sans-serif: 'Inter';
  }

#toc .nav-link.active {
    font-weight: 600;
    color: var(--tblr-primary);
  }
  
#faqAccordion .accordion-item {
  background-color:#FFF;
}

.template-info [id] {
  scroll-margin-top: 65px;
}

#myIntro {
    border: 0px;
    background: url(/site/templates/images/bg_hero_hand6.png) no-repeat top center rgba(0, 0, 0, 0.6);
    background-size: cover;
}

/* sidebar */
  
  .fade-delete {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  
  .form-column {
    width: 420px;
    flex-shrink: 0;
    overflow-y: auto;
    /* height: 100%; */
    min-height: 100%;
  }
  .sidebar-wrapper {
    background: linear-gradient(to bottom, #fff 90%, rgba(255,255,255,0.8));
  }
.page-content {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden; /* Prevent inner scrollbars */
    min-height: calc(100vh - var(--topbar-height, 0px));
  }
  
.template-list:hover .text-xxs {font-weight:500}  
.template-list:hover {border: 1px solid #2FB344 !important;}
  
.slide-layout {
    display: flex;
    flex-grow: 1;
    overflow: auto;
    min-height: 100vh;
  }
  
  .text-xxs {
    font-size: 0.75rem;
  }
  
/* editor */
body.page-2377 #tab-news-tab, body.page-2377 #tab-message-tab{display:none}
body.page-2371 #tab-editor-tab, body.page-2371 #tab-news-tab, body.page-2371 #tab-message-tab{display:none}
  
/* editing */

.color-swatch {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  border: 2px solid transparent;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
  transition: all 0.2s ease;
}
.color-swatch:hover {
  border-color: #999;
}
.color-swatch.selected {
  border-color: #000;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #000;
}

.square-card {
  width: 320px;
  height: 245px;
  flex: 0 0 auto;
}

.page-2371.template-slideshow .square-card, .page-2377.template-slideshow .square-card {height:280px;}

.slide-card-wrapper {
  width: 320px; /* or whatever fixed width you want for your square cards */
  flex-shrink: 0;
}

.slide-preview-container {
  overflow: hidden;
  position: relative;
  background: #fff;
}

.slide-thumbnail {width: 100%; height: auto;}

.slide-preview-wrapper {
  transform-origin: top left;
  background:white;
  width: 1920px; /* your design's native width */
  height: 1080px; /* your design's native height */
  transform: scale(0.166); /* adjust this to fit inside 16:9 card */
  pointer-events: none;
}

#slideEditModal .modal-body {
  overflow-y: auto;
}

#slideEditModal .btn-close {
  font-size:10px;
}

.slide-hidden {
  opacity: 0.5;
  filter: grayscale(80%);
  position: relative;
}
.slide-hidden .card-img-top {
  opacity: 0.5;
}

.eye-overlay-icon {
  width: 48px;
  height: 48px;
  background: black;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.eye-overlay-icon i {
  color: white;
  font-size: 24px;
}

/* other stuff */

.card.border-teal {
    cursor: move;
    border-color:#0DA679;
  }
  
.bg-yellow-lt {
    background-color: #fffbe6 !important;
  }  
.sortable-ghost {
    opacity: 0.1 !important;
    background: #ffc !important;
    border: 1px dashed #999 !important;
  }
  
 .border-b-none {
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
  
.bg-praksis {background-color:#EEEEEE;}
  .btn {border-radius: 50px!important}
    .card .btn-menu:hover,
  .card .btn-menu,
  .card .btn.show {
    position: absolute;
    top: 5px;
    right: 10px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #444444;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    z-index: 10;
    background: #f1f1f1;
  }
  
  /* body.page-2371.template-slideshow .card .btn-menu {top:-47px} */
  
  
  @keyframes fadeHighlight {
    0% { background-color: #fff06e; }
    100% { background-color: #fff; }
  }
  
  .highlight {
    animation: fadeHighlight 1.5s forwards;
  }
  .badge-solid {
    --tblr-bg-opacity: 1;
  }
  .flatpickr-time {height:36px!important;}
  
 .primaryBorder {border:1px solid #0ca678!important} 
 .secondaryBorder {border:1px solid #f59f00!important} 
.bootbox .modal-header .bootbox-close-button {
      margin-left: auto; /* Pushes close button to the right */
  }
  
  
/* Red translucent warning overlay for bootbox */
  .bootbox-overlay-warning {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(220, 53, 69, 0.3); /* red with transparency */
    z-index: 1040; /* just below Bootbox (usually 1050) */
  }  
  
    
/* .form-control {width:100%!important} */

.modal-header {
    background:#FFF;
    padding: 0 1.5rem 0 1.5rem;
}

.bootbox-close-button {
      border: 0px;
      color:#6C7B91;
      background: none;
      font-size: 20px;
  }

.bootbox-body {padding: 10px 10px 20px 10px;}

.bootbox-close-button:hover {
  color:#000000;
}
.InputfieldStateRequired:has(label) label::after {
	content: "*";
  margin-left: .25rem;
  color: #d63939;
}

#ProcessForgotPassword .pwfp-continue {display:none}

#loginDropdown .InputfieldContent input {padding:5px; margin-top:5px}

#loginDropdown h2, #loginDropdown .LoginRegisterMessage, #loginDropdown .LoginRegisterLinks  {display:none;}
#loginDropdown .LoginRegisterPro .Inputfield:not(#loginDropdown .InputfieldSubmit){
 background:#fff; 
 border:0px;
 padding:0px;
}

.template-login-register .RegisterForm, #ProcessForgotPassword {max-width:600px}
#ProcessForgotPassword  #username {margin-top:20px;}
.template-login-register .list-unstyled {display:none;}

#register_telefon, #register_mobil, #register_postnr, #Inputfield_profile_telefon, #Inputfield_profile_mobil, #Inputfield_profile_postnr {
  width:100%
}

@media (min-width: 768px) { /* Applies on medium screens and larger */
	#wrap_Inputfield_profile_telefon, #wrap_Inputfield_profile_mobil, #wrap_Inputfield_profile_by, #wrap_Inputfield_profile_land, #wrap_Inputfield_profile_gade, #wrap_Inputfield_profile_postnr, #wrap_login_name, #wrap_login_pass, #wrap_register_gade, #wrap_register_postnr, #wrap_register_by, #wrap_register_land, #wrap_register_telefon, #wrap_register_mobil, #wrap_register_stilling, #wrap_register_kendskab {
		display: inline-block; /* Allow them to sit next to each other */
		vertical-align: top; /* Align tops */
		width: 49%; /* Set width to behave like col-md-6 */
		margin-right: 2%; /* Space between */
	}
	#wrap_Inputfield_profile_mobil, #wrap_Inputfield_profile_land, #wrap_Inputfield_profile_postnr, #wrap_login_pass, #wrap_register_postnr, #wrap_register_land, #wrap_register_mobil, #wrap_register_kendskab {
		margin-right: 0; /* Remove margin for the last column */
	}
}



/* inter-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/inter-v18-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/inter-v18-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/inter-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v18-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v18-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}