/* 100% height for empty pages  */
/* body, html, .container, .container-fluid {
  height: 98.4% !important;
} */

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  /* border-top: 1px solid rgb(19, 19, 19); */
  border-top: 1px solid  rgb(19, 19, 19);;
}

h1 {
  font-size: 2.8em;
  font-weight: 800;
  border-bottom: 1px solid  rgb(19, 19, 19);;
  line-height: 0.85;
  margin-bottom: 1.4rem;
  margin-top: 1.4rem;
}

h2 {
  font-size: 2.0em;
}
h3 {
  font-size: 1.5em;
}

a {
  font-weight: 500;
  color: #e0e0e0;
  /* text-decoration: underline;
  text-decoration-style: dashed; */
  /* border-bottom: 1px solid #666; */
  /* line-height: 0.85; */
}

/* For Centered Columns https://stackoverflow.com/questions/18153234/center-a-column-using-twitter-bootstrap-3 */
.col-centered{
    float: none;
    margin: 0 auto;
}

.social-icon {
  fill: #aaa;
}
.social-icon:hover {
  fill: #fff;
}

/* Customize carousel caption placement to be below */
.carousel-caption {
  position: relative;
  left: 0;
  top: 0;
}
.carousel-indicators {
  bottom: -16px;
  margin: 0;
  padding: 0;
  margin-bottom:0px;
}
.carousel-inner {
  margin-bottom:0px;
}

.carousel-control-prev,
.carousel-control-next{
    /* top: 50%; */
    /* align-items: flex-end; */
}




.fullscreen-bg-404 {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(/media/photos/404Error.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}



/* Customize Plyr */
:root {
    --plyr-color-main: #3a3a3a;
    --plyr-video-control-color: #c7c7c7;
    --plyr-audio-controls-background: #303030;
    --plyr-badge-border-radius: 2px;
    --plyr-control-icon-size: 0.8em;
    --plyr-control-spacing: 4px;
    --plyr-control-padding: 4px;
    --plyr-control-radius: 4px;
    --plyr-menu-arrow-size: 2px;
    --plyr-range-thumb-height: 0.6em;
    --plyr-range-thumb-background: #303030;
    --plyr-range-track-height: 0.3em;
    --plyr-range-fill-background: #2e2e2e;
    --plyr-video-range-track-background: #1d1d1d;
    --plyr-video-controls-background: rgba(0, 0, 0, 0);
    --plyr-video-control-background-hover: rgba(0, 0, 0, 0.0);
  }

/**  Pad player container div by 2*--plyr-control-icon-size to put controls below video  
*    Also make vimeo embeds 100% width: https://github.com/sampotts/plyr/issues/607
*/
.plyr {
    width: 100%;
    padding-bottom: 1.6em;
}
.plyr--full-ui {
}


/* TOC Bootstrap Plugin */
nav[data-toggle="toc"] {
  top: 60px;
  margin-left: 0px;
  padding-left: 0px;
}

/* Compensate for sticky navbar */
:target {
    scroll-margin-top: 30px;
}


/* AnchorJS */
.anchorjs-link {
  color: rgb(100, 100, 100);
}
.anchorjs-link:hover {
  color: #aaa;
  text-decoration: none;}
}