/* Projected Personalities simple style sheet. */

/* ------------------------------------------------------------------------ */
/* Basic setup for everything in the body. */

body {
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
}

.container {
    padding: 1rem;
}

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

/* ------------------------------------------------------------------------ */
/* Page level heading styles. */

.pp-page-heading1 {
    font-family: 'Roboto', serif;
    font-size: 3rem;
    font-weight: 800;
    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;
}

.pp-page-heading2 {
    font-family: 'Roboto', serif;
    font-size: 2.5rem;
    font-weight: 600;
    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; */
}

/* ------------------------------------------------------------------------ */
/* Section level heading styles. */

.pp-sec-heading1 {
    font-family: 'Roboto', serif;
    font-size: 2.5rem;
    font-weight: 600;
    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; */
}
.pp-sec-heading2 {
    font-family: 'Roboto', serif;
    font-size: 1.8rem;
    font-weight: 600;
    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; */
}

.pp-sec-heading3 {
    font-family: 'Roboto', serif;
    font-size: 1.5rem;
    font-weight: 600;
    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; */
}

/* ------------------------------------------------------------------------ */
/* Font styles. */

.pp-page-emp {
    font-family: 'Roboto', serif;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.0;
    color: #000000 !important;
}

.pp-caption {
    font-family: 'Roboto', serif;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.2;
    color: #000000 !important;
}

.pp-caption-em {
    font-family: 'Roboto', serif;
    font-size: 1.0rem;
    font-weight: 600;
    line-height: 1.2;
    color: #000000 !important;
}

.pp-version {
    font-family: 'Roboto', serif;
    font-size: 0.9rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.2;
    color: #868888 !important;
    /*text-shadow: 4px 4px 2px #a9a9a9; */
}

.pp-alert-heading {
    font-family: 'Roboto', serif;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
    color: #000000 !important;
    /*text-shadow: 4px 4px 2px #a9a9a9; */
}

.pp-alert-text {
    font-family: 'Roboto', serif;
    font-size: 1rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    color: #000000 !important;
    /*text-shadow: 4px 4px 2px #a9a9a9; */
}

/* ------------------------------------------------------------------------ */
/* Specialised fonts for the espace ideate site. */

.bowlby-one-ego {
  font-family: "Bowlby One SC", sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  font-style: normal;
  color: #000000 !important;
}

.ultra-regular-ambition {
  font-family: "Ultra", serif;
  font-size: 1.5em;
  font-weight: 400;
  font-style: normal;
  color: #000000 !important;
}

.creepster-regular-jealousy {
  font-family: "Creepster", system-ui;
  font-size: 1.5em;
  font-weight: 400;
  font-style: normal;
  color: #000000 !important;
}

.unifrakturmaguntia-regular-greed {
  font-family: "UnifrakturMaguntia", cursive;
  font-size: 2em;
  font-weight: 800;
  font-style: normal;
  color: #000000 !important;
}

.griffy-regular-loathing {
  font-family: "Griffy", system-ui;
  font-size: 1.5em;
  font-weight: 600;
  font-style: normal;
  color: #000000 !important;
}