:root {
  font-size: 16px;
  font-family: 'Merriweather', serif;
  --text-primary: #b6b6b6;
  --text-secondary: #ececec;
  --bg-primary: #23232e;
  --bg-secondary: #141418;
  --transition-speed: 300ms;
}

body {
  background: #1a1a1a;
  color: #ececec;
  font-family: 'Merriweather', serif;
}

body::-webkit-scrollbar {
  width: 0.5rem;
}

body::-webkit-scrollbar-track {
  background: #1e1e24;
}

body::-webkit-scrollbar-thumb {
  background: #5c5c5c;
}

main {
  margin-left: 70px;
  /* padding: 1rem; */
}

/*  denne flytter på navmenyen
html {
  margin-left: calc(100vw - 100%);
} */

.jumbotron {
  background-color: #1a1a1a;
}

.alert-light {
  color: #c4c4c4;
  background-color: #fefefe2b;
  border-color: #f2f2f22b;
}

h1, h2, h3, h4, h5, h6 {
  color: #ececec;
  letter-spacing: 0px!important;
}

h1 {
  font-weight: 800;
}

.bg-steel {
  background-color: #314757;
}

.royal-purple {
  background-color: #7851a9;
}

.dark-blue {
  background-color: #5156a9;
}  

 .content-block {
  /* min-height: calc(100vh - 3.5rem); */
  padding: 4rem 2rem;
  /* margin-top: 3.5rem; */
} 


/* ------------------------ */
/* --------NAV BAR--------- */
/* ------------------------ */

  .navbar {
  color: #cbd5db;
  height: 3.5rem;
  }

  .site-header .navbar-nav .nav-link {
	color: #cbd5db;
	font-family: 'Merriweather', serif;
	font-weight: 800;
	font-size: 1em;
  }
  
  .site-header .navbar-nav .nav-link:hover {
    color: #ffffff;
  }
  
  .site-header .navbar-nav .nav-link.focus {
    color: #ffffff;
  }

  .form-control {
	color: #d7d7d7;
	background-color: #1a1a1a;
  }
  .form-control:focus {
	  color: #d7d7d7;
  	background-color: #1a1a1a;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
  }

  .infobox {
    color: #ececec;
    background-color: #242424;
    border-color: #595959;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #333333;
    border-radius: .25rem;
    line-height: 1.75;
}

  .content-section {
    background: #222;
    padding: 40px 30px;
    border: 1px solid #262626;
    border-radius: 3px;
    margin-bottom: 20px;
  }
  
	.article-title {
		color: #eee;
    font-weight: 800;
    text-align: center;
  }
  
  .underline {
    position: relative;
  }
  
  .underline span {
    pointer-events: none;
  }
  
  .underline canvas {
    pointer-events: auto;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #eee;
    /*z-index: -1;*/
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    cursor: pointer;
  }
  
  a.article-title:hover {
    color: #428bca;
    text-decoration: none;
  }
  
  .article-content {
	white-space: pre-line;
	padding: 30px 30px 0px 0px;
  }
  
  .article-img {
    object-fit: cover;
    max-height: 65px;
    max-width: 65px;
    margin-right: 16px;
  }
  
  .article-metadata {
    padding-bottom: 1px;
    margin-bottom: 4px;
  }
  
  /*
  .article-metadata a:hover {
    color: #333;
    text-decoration: none;
  }
  */
  
  .article-svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
  }
  
  .profilmeny .profil-bio ul li {
    flex: revert;
    width: 100%;
    padding: 0 10px;
    text-align: left;
    list-style-type: square;
  }

  .account-img {
    height: 125px;
    width: 125px;
    margin-right: 20px;
    margin-bottom: 16px;
  }
  
  .account-heading {
    font-size: 2rem;
  }

  .card-img-top {
    filter: contrast(80%);
    height: 14rem;
    object-fit: cover;  
    object-position: 50% 20%;
    transition: all 0.5s cubic-bezier(.43,.41,.22,.91);
  }

  .card:hover .card-img-top {
    filter: contrast(100%);
   }

  .card {
    background-color: rgb(0, 0, 0, 0.4);
    border-radius: 0.25rem;
    box-shadow: 0 10px 20px -14px rgba(0,0,0,.5);
    width: 15rem;
  }

  .card:hover {
    border-radius: 0.25rem;
    box-shadow: 0 30px 40px -16px rgba(0,0,0,.5);
  }

  .card-body {
    padding: 0rem;
   }

  .card-title {
    margin-bottom: .5rem;
    font-weight: 800;
    font-size: .8em;
    color: #e4e4e4;
   }

  .card-title a {
    display: block;
    padding: 1rem;
  }

  .card a {
    color: #e4e4e4;
  }
  .card-title a:hover {
    text-decoration: underline;
  }

  .card-text {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 400;  
    font-size: .8rem; 
   }

  .card-hidden-content{
    display: none;
  }

  .card-body:hover > .card-hidden-content{
    display: block;
  }

  .zoom-in {
    cursor: zoom-in;
  }

  .gaudygoldframe {
	border: 20px solid transparent;
	padding: 0px;
	object-fit: cover;
	border-image: url(images/uglyframe.jpg) 50 round;
	box-shadow: 0 5px 7px -5px rgba(0,0,0,5);
	margin-top: 13px;
  }

  .btn {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: white;
  }
 
  .modal-content {
    background-color: #314757;
  }


  /* START DATATABLES */

  .table-dark {
    color: #eee;
    background-color: #00000050;
    
  }

  .table-dark a {
    color: #ddd;
    text-decoration: underline;
    text-decoration-style: dotted;
  }

  .table th {
    border-top: 0px;
  }

  .even {
    background-color: #ffffff1c;
  }

  .table td {
    border: 0px;
  }

  .table thead th {
      vertical-align: bottom;
      border-bottom: 2px solid #414141;
  }


  /*  Når tabellen ekspanderes i mobilvisning */

  td.child {
    background-color: #868686;
    background-image: repeating-linear-gradient(0deg, #444, #444 2px, #333 2px, #333 4px);
    border: 2px solid #ffffff30;
    padding: 10px 10px;
    list-style: none;
  }

  td.child > ul > li {
    list-style: none;
    font-size: .8rem;
  }
  
  td.child > ul > li > a > img {
    margin: 0rem !important;
  }
  td.child > ul  {
    margin-bottom: 0rem;
  }
  

/* END DATATABLES */


.page-item.active .page-link {
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid rgba(250, 250, 250, 0.15);
}
.page-item.disabled .page-link {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid black;
  color:  rgba(250, 250, 250, 0.5)!important;
}

.page-link:hover {
  border: 1px solid black;
  background: rgba(0, 0, 0, 0.15);
  color: white !important;
}
.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #333;
  border: 1px solid #444;
}
.page-link {
  border: 1px solid black;
  background: rgba(0, 0, 0, 0.5);
  color: white !important;
}

.list-group-item-darker {
  color: #e8e8e8;
  background-color: #555;
}

.list-group-item-darker:active {
  color: #e8e8e8;
  background-color: #555;
}

.list-group-item-darker:hover {
  z-index: 1;
  color: #e8e8e8;
  text-decoration: none;
  background-color: #5f5f5f;
}

.archive-picture {
  border-radius: 3px;
  max-width: 1100px;
}

.archive-container {
  background-color: #222;
}

.archive-entry {
  width: max-content;
  margin: 0 auto;
}

.archive-description {
  display: inline-block;
  width:100%;
}

.fill-height {
  min-height: calc(100vh - 2rem);
}

.galleryimage {
  max-width: 12vw;
}

.index-svg-icons {
  fill: #FEFEFE;
  height: 1.2em;
  vertical-align: bottom;
  margin-right: 0.1em;
  transition: all 0.2s ease-in-out;
  margin-left: 0.8em;
}

hr {
  border-top: 1px dotted rgb(255 255 255 / 50%);
  margin-right: 14rem;
  margin-left: 1rem;
}