.thumbnailimage
{
    width:100%;
    height:100%;
    object-fit:contain;
    margin:7px;
}

/* Start navbar */


/* Hide the checkbox controller completely */
.nav-toggle-input {
  display: none !important;
}

/* Mobile-only configuration (Bootstrap v3 breakpoint) */
@media (max-width: 767px) {
  
  /* Make the wrapper stack properly on mobile */
  .clean-nav {
    float: none !important;
    position: relative;
    width: 100%;
    display: block;
  }

  /* Force display the hamburger icon wrapper on mobile */
  .nav-toggle-btn.navbar-toggle {
    display: block;
    float: right;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: transparent;
    border: 1px solid #ccc; /* Gives it a default visible box boundary */
  }
  
  /* Ensure individual icon-bars display inside the label */
  .nav-toggle-btn .icon-bar {
    background-color: #888; 
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
  .nav-toggle-btn .icon-bar + .icon-bar {
    margin-top: 4px;
  }

  /* Force clear floats so the dropdown doesn't clip */
  .clean-nav::after {
    content: "";
    display: table;
    clear: both;
  }

  /* Overrides Bootstrap's hidden states when checked */
  .nav-toggle-input:checked ~ .collapse.navbar-collapse {
    display: block !important;
    height: auto !important;
    clear: both;
    width: 100%;
  }
  
  /* Stack the navigation items vertically on small layouts */
  .clean-nav .nav-pills > li {
    float: none;
    text-align: right;
  }
}

/* End navbar */

#socials li {
    list-style-type: none;
}

#qaTitleBar {
    margin-left: 1em;
    margin-right: 1em;
}

.pager-controls {
    font-size: 32px;
    margin-top: 0.1em;
    margin-bottom: 1em;
}

.pager-disabled {
    color: #cccccc;
}

.pager-enabled:visited, .pager-enabled {
    color:black;
}


.pager-enabled:hover, .pager-enabled:focus{
    color:darkred;
    text-decoration: none;
}

#transcript > summary {
    display: list-item;
    cursor: pointer;
}

#qadate {
    text-align: center;
    vertical-align: center;
}

#transcript-blockquote {
    padding: 1em;
}

#pagecontents {
    margin-top: 1em;
    font-size: large;
}