/* ==========================================================================
   Headlines
   ========================================================================== */

h1 {
  font-weight:400;
  color: $darkBlue;
  font-size: 2.5em;
  margin-top:1em;
}

h2, h3, h4, h5, h6 {
  font-weight:400;
  color: $darkBlue;
  margin-top:1.8em;
}

h5{
  margin-top:1.5em;
}

/* ==========================================================================
   Typo fixes
   ========================================================================== */

body {
    font-size: 118%;
}

strong {
    font-weight: 400;
}

code {
    font-size: 90%;
}

/* ==========================================================================
   Links
   ========================================================================== */

a{
  color: $navyBlueHover;
  text-decoration: underline;
}

/* ==========================================================================
   Unordered List
   ========================================================================== */
ul {
  margin: 0;
  padding: 0;
  list-style: disc;
  margin: 0 0 1em 1.2em;
  line-height: 1.8;
  font-weight:300;
}
ul ul {
  margin-bottom: 0;
}

/* ==========================================================================
   Ordered List
   ========================================================================== */
ol {
  margin: 0;
  padding: 0;
  list-style: decimal;
  margin: 0 0 1em 1.5em;
  line-height: 1.8;
}
ol ol {
  margin-bottom: 0;
}
/* ==========================================================================
   Definition List
   ========================================================================== */
dl {
  overflow: hidden;
  margin: 0 0 1em;
  font-weight: 300;
  line-height: 1.8;
}
dd {
  margin-left: 0;
  line-height: 1.8;
}
dt {
  font-weight: 500;
  line-height: 1.8;
}

.sr_text{
  font-size:1em;
  font-weight:300;
  line-height:1.8;
}

.md_image{
  border:1px solid;
  padding:20px;
}

.logo-image img{
  max-width:100%;
  height:40px;
  width:auto;
}

.version{
  margin-bottom:10px;
  font-weight:500;
  font-size:1.2em;
  vertical-align:middle;
  line-height: 1.5;
  color: $navyBlue;
}

.vcenter {
  display: flex;
  align-items: center;
}

.contact-us-button {
  margin-top:50px;
  margin-bottom:50px;
}

.available-since {
  font-weight:500;
  font-size:1.0em;
}

relnotes {
  font-weight:500;
  font-size:1.0em;
}

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-left: 0;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #f8f9fa;
  border-radius: 0.25rem;

  .breadcrumb-item {
    display: inline-block;
    
    + .breadcrumb-item {
      padding-left: 0.5rem;
      
      &::before {
        display: inline-block;
        padding-right: 0.5rem;
        color: $navyBlue;
        content: "/";
      }
    }
    
    &.active {
      color: $navyBlue;
    }
    
    a {
      color: $navyBlueActive;
      text-decoration: none;
      
      &:hover {
        text-decoration: underline;
      }
    }
  }
}
