/*
 * Base structure
 */


body {
  font-family: monospace;
  font-size: 1.15rem;
  max-width: 1920px;
}
 
ul.nav .nav-item:hover a:not(.active) { background-color: #0a4c5c !important; }
ul.nav .nav-item:hover a.active { color: rgba(255,255,255,0.75) !important; }

h1 {
  margin-bottom: 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
  color: rgba(255, 255, 255, .75);
}

.sidebar {
  user-select: none;
  cursor: default;
}

.card
{
  border: none;
  margin-bottom: 1rem;
  box-shadow: 2px 2px 2px black;
  /* -webkit-transition: background 1000ms linear;
  -ms-transition: background 1000ms linear;
  transition: background 1000ms linear; */
}

.card-header
{
  color: rgba(255, 255, 255, .75);

  /* -webkit-transition: background 1000ms linear;
  -ms-transition: background 1000ms linear;
  transition: background 1000ms linear; */
}

@media(min-width: 1920px)
{
  .card {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#32383e+0,32383e+80,272b30+100&1+0,1+80,0+100 */
    background: linear-gradient(to right, rgba(50,56,62,1) 0%,rgba(50,56,62,1) 80%,rgba(39,43,48,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }

  .card-header{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#515960+0,515960+80,272b30+100&1+0,1+80,0+100 */
    background: linear-gradient(to right, rgba(81,89,96,1) 0%,rgba(81,89,96,1) 80%,rgba(39,43,48,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}

.main-body {
  padding: 0px;
}

.main-body h1
{
  margin-bottom: 0px;
  padding-left: 20px;
}



.body-item .card-text
{
  text-align: center;
}
.card-text ul {
  text-align: left;
  display:table;
  margin:0 auto;
}

.card img, video {
  padding-top: 20px;
  max-height: 500px;
}

/*
 * Sidebar
 */

.sidebar {
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
  border-right: 1px solid rgba(0, 0, 0, .3);
  min-height: 100%;
}

/* Sidebar navigation */
.sidebar {
  padding-left: 0;
  padding-right: 0;
}

.sidebar .nav-item {
  width: 100%;
}

.sidebar .nav-item + .nav-item {
  margin-left: 0;
}

.sidebar .nav-link {
  border-radius: 0;
}

.sub-item {
  display: block;
  padding: 0.5rem 3rem;
  opacity: 1;
  visibility: visible;
  transition: padding .25s, height .25s, opacity .25s, visiblity .25s;
}

.sub-item:not(.visible)
{
  padding: 0rem 3rem;
  height: 0px;
  border: none;
  opacity: 0;
  visibility: hidden;
}

/*
 * Dashboard
 */

 /* Placeholders */
.placeholders {
  padding-bottom: 3rem;
}

.placeholder img {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.navbar-date {
  float: right;
  border-right: none;
  border-left: 1px  solid rgba(0, 0, 0, .5);
}

.navbar-brand {
  color: #dedede;
}

.navbar-brand-tech {
  color: #949494;
}

.navbar-toggler {
  float: right;
  margin: .25rem 0rem;
}

.mobile-menu {
  /* display: none; */
}

.code-iframe {
  width: 100%;
  color: white;
}
.card-text code {
  text-align: left;
  float: left;
  width: 100%;
}