/* This general font for the site. */
@font-face {
    font-family: "Cabin-Regular";
    src: url("../fonts/Cabin-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Cabin-Bold";
  src: url("../fonts/Cabin-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Cabin-Italic";
  src: url("../fonts/Cabin-Italic.ttf") format("truetype");
}

/* This font is for All Aerospace headings. */
@font-face {
    font-family: "Copperplate-Gothic";
    src: url("../fonts/COPRGTB.ttf") format("truetype");
}

/* Direct override of the Bootstrap 4 code to set the font family */
 html {
    font-family: "Cabin-Regular";
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
  
body {
    margin: 0;
    font-family: "Cabin-Regular";
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.15;
    color: #000000;
    text-align: left;
    background-color: #ffffff;
}

/* Style for Rupert name in the nav bar. */
.nav-name {
  font-family: 'Cabin-Bold', sans-serif;
  font-size: 3.0rem;
  /*font-size: 3vw;
  font-weight: 400;*/
  line-height: 1.0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  
  color: #000000 !important;
  /*text-shadow: 4px 4px 2px #a9a9a9;*/
}

/* Style for other text in the nav bar. */
.nav-name-text {
  font-family: 'Cabin-Regular', sans-serif;
  font-size: 1.0rem;
  /*font-size: 1vw;
  font-weight: 400;*/
  line-height: 1.0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  
  color: #000000 !important;
  /*text-shadow: 4px 4px 2px #a9a9a9;*/
}

/* Style for other text in the nav bar. */
.nav-explainer-text {
  font-family: 'Cabin-Italic', sans-serif;
  font-size: 0.8rem;
  /*font-size: 1vw;
  font-weight: 400;*/
  line-height: 1.2;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  
  color: #000000 !important;
  /*text-shadow: 4px 4px 2px #a9a9a9;*/
}

/* Style for blog heading 1. */
.blog-heading1 {
  font-family: 'Cabin-Bold', sans-serif;
  font-size: 2.0rem;
  /*font-size: 2vw;
  font-weight: 400;*/
  line-height: 1.0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  
  color: #000000 !important;
  /*text-shadow: 4px 4px 2px #a9a9a9;*/
}

/* Style for blog heading 2. */
.blog-heading2 {
  font-family: 'Cabin-Bold', sans-serif;
  font-size: 1.5rem;
  /*font-size: 2vw;
  font-weight: 400;*/
  line-height: 1.0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  
  color: #000000 !important;
  /*text-shadow: 4px 4px 2px #a9a9a9;*/
}

/* Style for blog dates. */
.blog-dates {
  font-family: 'Cabin-Italic', sans-serif;
  font-size: 1.0rem;
  /*font-size: 1vw;
  font-weight: 400;*/
  line-height: 1.0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);  
  color: #000000 !important;
  /*text-shadow: 4px 4px 2px #a9a9a9;*/
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.5rem;
    line-height: inherit;
    white-space: nowrap;
}

.container {
    padding: 1rem;
}

img.image-fluid {
    margin: 20px 0px 0px 20px;
}

p {
    font-family: 'Cabin-Regular', serif;
    font-size: 1.0rem;
    /*font-weight: 400;*/
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
}

a {
  font-family: 'Cabin-Regular', serif;
  font-size: 1.0rem;
  /*font-weight: 400;*/
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(32, 32, 32, 0);
  color: #020202 !important;  
}

.piece {
    text-align: left;
    font-family: 'LibreBaskerville-Regular', serif;
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
    color: #000000 !important;
    /* text-shadow: 4px 4px 2px #a9a9a9; */
}

li {
    font-family: 'LibreBaskerville-Regular', serif;
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
}

figcaption {
    margin: 10px;
    font-family: 'Cabin-Regular', sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.2;
    color: #212529;
    text-align: center;
}

.small {
    font-family: 'Cabin-Regular', sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.2;
}


.text-muted {
    color: #7f9fab !important;
}


/* Amazing Aerospace heading style */
.aa-page-heading {
    font-family: 'Copperplate-Gothic', serif;
    font-size: 3.5vw;
    font-weight: 400;
    line-height: 1.0;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
    color: #000000 !important;
    text-shadow: 4px 4px 2px #a9a9a9;
}

.aa-page-subheading {
    font-family: 'Copperplate-Gothic', serif;
    font-size: 2vw;
    font-weight: 400;
    line-height: 1.0;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
    color: #000000 !important;
    text-shadow: 4px 4px 2px #a9a9a9;
}