/* 
- - -
External style sheets in use:
- - -
- base.css
https://codepen.io/gymnasium/pen/eYpRxKE
- flex-type.css
https://codepen.io/gymnasium/pen/LYpzVqr
- focus.css
https://codepen.io/gymnasium/pen/GRpMJzL
- viewport.css
https://codepen.io/gymnasium/pen/LYpzVar
- - -
*/

.has-dropcap:first-letter{
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    float: left;
    font-size: 6rem;
    line-height: 0.65;
    margin: 0.1em 0.1em 0.2em 0;
  }
  
  .dropcap {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    background: #303030;
    color: #FDF9F2;
    float: left;
    font-size: 6rem;
    line-height: 1;
    margin: 0.1em 0.1em 0.2em 0;
    padding: 0.1em;
  }
  .dropcap:before,
  .dropcap:after {
    content: "";
    display: block;
  }
  .dropcap:before {
    margin-top: -0.2em;
  }
  .dropcap:after {
    margin-bottom: -0.15em;
  }
  
  /* https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html */
  .sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
  }

  .red{
    background-color: #ff0000 !important;
  }
  .address{text-transform: capitalize;}

  #footer{
    width:100%;
    position: inherit;
  }