/* ----------------------------------------------------------------
	Custom styles
-----------------------------------------------------------------*/

body {
  font-family: var(--theme-font-family);
  color: var(--sgman-themecolor-black);
}

a {
  color: var(--sgman-themecolor-light-blue);
}

a:hover {
  color: var(--themecolor);
}

.b-example-divider {
    width: 100%;
    height: 1px;
    border: solid var(--sgman-themecolor-black);
    border-width: 1px;
  }
  h1 {
    color: var(--sgman-themecolor-light-blue);
    font-size: var(--sgman-font-size-h1);
    font-weight: var(--sgman-headings-font-weight); 
  }
  h2.manuals-header {
    color: var(--sgman-themecolor-black);
    margin-top: 0.8rem;
    margin-bottom: 1.2rem;
    font-size: var(--sgman-font-size-h2);
    font-weight: var(--sgman-headings-font-weight); 
  }
  .bi {
    vertical-align: -.125em;
    fill: currentColor;
  }
  .flag-dl {
    margin-bottom: 10px !important;
    max-width: 100px;
  }
  .link-dl {
    font-size: 1.4rem;
  }
  .manuals-subheader {
    font-size: 1.0rem;
  }

  @media only screen and (max-width: 912px) {
    h1 {
      font-size:2.2rem;
    }
    .flag-dl {
      width: 95%; /* Set the width to 100% of its container when below 912px (Surface Pro 7) */
      /*height: 100%; /* Ensure it maintains its aspect ratio */
      padding-bottom: 0px !important;
      margin-bottom: 5px !important;
    }
    .link-dl {
      font-size: 1.2rem;
    }
    .manuals-subheader {
      font-size: 0.9rem;
    }
    h2.manuals-header {
      margin-bottom: 1rem;
    }
  }
  
  @media only screen and (max-width: 640px) {
    .manuals-subheader {
      font-size: 0.8rem;
      margin-top: 2px;
    }
    .flag-dl {
      margin-bottom: 0px !important;
    }
    .link-dl {
      font-size: 1.0rem;
    }
  }