:root {
  --bs-link-color: var(--bs-primary);
  --bs-border-radius-pill: 50rem;
}  

/* Rich text */
.richTextRow {
  padding: 1em 2em 2em 2em;
}

.heroRow, .accordionRow, .formRow {
  padding: 1em 2em 2em 2em;
}

.spaceRow {
  height: 2em;
  width: 100%;
}

.image-caption {
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  padding: 1rem;
  color: #fff;
  text-align: left;
  background-color: rgba(0,0,0,0.5);
}

.heroRow-headers {
  position: absolute;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
  padding: 1rem;
  color: #fff;
  text-align: left;
  background-color: rgba(0,0,0,0.5);
}

figure {
  margin: 0;
}

.bg-light
{
  color: rgba(var(--bs-dark-rgb), 1)
}

.bg-dark,
.bg-primary,
.bg-secondary
{
  color: rgba(var(--bs-white-rgb), 1)
}


.carousel-inner img {
    width: 100%; /* Set width to 100% */
    margin: auto;
    min-height:200px;
}

/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
    .carousel-caption {
    display: none; 
    }
}


/*  horisontal radio buttons  */
.rating .form-check.radio {
  display: inline-block;
  margin-right: 2em;
}

.caption {
    font-size: 0.875rem;
    font-style: italic;
    display: inline;
    margin: 0;
    
    text-align: left;
  }
  .credits {
    font-size: 0.875rem;
    font-style: italic;
    display: inline;
    margin: 0.3em 0 0 0;
    
    text-align: right;
    float: right;
  }
  
  .credits::before {
    content: "\00a9   ";
  }


  /* Umbraco Forms*/

  .umbraco-forms-hidden { 
    display: none;
  }

  .umbraco-forms-field {
    margin-bottom: 1em;;
  }

  /* table settings */

  .primary {
    overflow: auto;
    scroll-snap-type: both mandatory;
    min-height: 10em;
  }
  @media (min-width: 40em) {
    
    .primary {
      order: 2;
    }
  }
  .primary table {
    border-collapse: collapse;
    border: 0;
    width: 100%;
  }
  th,
  td {
    border: 1px solid #aaa;
    background-clip: padding-box;
    scroll-snap-align: start;
  }

  thead {
    z-index: 1000;
    position: relative;
  }
  th,
  td {
    padding: 0.6rem;
    min-width: 6rem;
    text-align: left;
    margin: 0;
  }
  thead th {
    position: sticky;
    top: 0;
    border-top: 0;
    background-clip: padding-box;
  }
  thead th.pin {
    left: 0;
    z-index: 1001;
    border-left: 0;
  }
  /*
  tbody th {
    background-clip: padding-box;
    border-left: 0;
  }
    */
  tbody {
    z-index: 10;
    position: relative;
  }
  tbody th {
    position: sticky;
    left: 0;
  }
  thead th,
  tbody th {
    background-color: #f8f8f8;
  }

  ul#comments {
    list-style-type: none;
    padding-left: 0;
  }

  .comments_name {
    font-size: 1.2em;
  }

  .comments_date {
    color: var(--bs-gray-700);
  }

  ul#comments li {
    margin-bottom: 1em;
  }

/* navbar skære lange menupunkter af */

a.dropdown-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}