/** stylesheet for CDA Copper Alloys Interstitial API UI interface */

html, body {
  font-family: 'Open Sans', var(--bs-font-sans-serif);
  color: #666666;
}

#header-utilities {
  min-height: 2rem;
}

#footer {
  font-size: 0.9rem;
}


h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3 {
  font-size: 1.15rem;
}

h1.page-title {
  font-size: 2rem;
}

/** hero images */
.page-title-hero {
  width: 100%;
  /**height: clamp(3vh,5vh,10vh); */
  background-size: cover;
  background-repeat: no-repeat;
  padding:1px 0;
}

.page-title-hero.home {
  background-image: url('/images/rod-ends-hero.png');
}

.page-title-hero.register {
  background-image: url('/images/copper-wound-wire-hero.png');
}

.page-title-hero.profile {
  background-image: url('/images/paper-hero.png');
}

.page-title-hero.login {
  background-image: url('/images/copper-wire-strander-hero.png');
  background-position: 50%;
}

  .page-title-hero h1 {
    margin-top: clamp(11vh, 12vh, 14vh);
    margin-bottom: clamp(3vh, 5vh, 7vh);
    padding:3vh;
    background-color: rgba(255,255,255,0.7);
    color: rgb(37,115,154);
  }



/* bootstrap overrides */
a.btn {
  color: #ffffff;
  text-decoration: none !important;
}

a.btn-outline-primary {
  color: var(--color-primary);
}

.btn-outline-primary {
  border-color: var(--color-primary-alpha);
}

.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus  {
  border-color: var(--color-primary);
  background-color: var(--color-primary-alpha);
}
/* end bootstrap overrides */

/* miscellaneous */
.boxsizingBorder {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* end miscellaneous */