@charset "UTF-8";

/* CSS Document
DOCUMENT INFORMATION
  - Document: Site Styles
  - Version:  1
  - Author:   Simon Oakley
/* =Legend
==================================================
COLORS
Light Maroon  #ac1455
Maroon        #7a003c
Dark Maroon   #56002a
==================================================
Light Grey  #efefef
Cool Grey   #dbdbdd
Medium Grey #aeb4b8
Random Grey? #757575
Grey        #5e6a71
Dark Grey   #222222
==================================================
Maroon      #7a003c
Gold        #fdbf57
==================================================
BW Yellow   #ffd100
BW Lime     #d2d755
BW Sky Blue #8bd3e6
==================================================
BW Red      #a6192e
BW Green    #007b4b
BW Blue     #007096
==================================================
FONTS
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i|Roboto:300,300i,700,700i');
==================================================
font-family: 'Roboto', sans-serif;
(weight 300 & 700)
==================================================
font-family: 'Roboto Condensed', sans-serif;
(weight 400 & 700)
==================================================
BASELINE GRID - 12px
<link rel="stylesheet" href="//basehold.it/12">
==================================================
*/
.btn.disabled {
  background-color:#eee;
  color:#444;
  border-color:#ccc;
}

.nav-tabs-sm .nav-link {
  font-size:17px; text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
  letter-spacing:1px;
  padding:12px 24px;
}
.letter-title {
  text-transform: none;
  font-weight:400;
  font-size:42px;
}
.header-title {
  text-transform: none;
  font-weight:400;
  font-size:30px;
}
.fa-icon-list li {
  padding-left:26px;
  position:relative;
  margin-bottom:6px;
  font-size:16px;
  line-height:1.125;
}
.fa-icon-list svg {
   position:absolute;
  left:0;
  bottom:1px;
}
a.btn-note {
  padding:2px 3px 3px;
  line-height:1;
  margin-left:1px;
  color:#000;
  display:inline-block;
}
.details-row svg {
  position:absolute;
  left:12px;
  bottom:4px;
}
.details-row .label-col {
  padding-left:26px;
  font-size:14px;
}
a.btn-note:hover {
  background-color:#f0f0f0;
  text-decoration:none;
}
.recipient {
  line-height:18px;
  border-bottom:1px solid #e7e7e7;
  padding-bottom:12px;
}
.meta-list strong {
font-size:24px;
  line-height:1;
}
.list-label {
  display:inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing:1px;
  text-transform: uppercase;
  font-weight:700;
  font-size:12px;
  min-width:80px;
}
.letter-recipient {
  text-transform: none;
  letter-spacing: 0;
}
.transcription {
  color:#000;
  font-family: 'Vollkorn', 'Radley', serif;
}
.transcription p {
  font-size:20px;
  line-height:24px;
  margin-bottom:24px;
}
.transcription sup {
  text-indent:0;
}

.bt-maroon {
  border-top: 7px solid #7a003c;
}

.example {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border: 3px solid #efefef;
  padding: 24px;
  padding-bottom: 0;
}

.example-code {
  border: 3px solid #efefef;
  background-color: #efefef;
  padding: 24px 24px 30px;
  position: relative;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.btn-copy {
  position: absolute;
  right: 24px;
  top: 25px;
  min-width: 0;
}

.modal-body,
.card-subtitle {
  color: #000;
}

ul.footnotes li {
  margin-left: 0;
  margin-bottom: 24px;
  margin-left: 2.5em;
}

.letter.icon-text {
  font-size: 72px;
}

.schedule-table {
  width: 100%;
}

.schedule-table td {
  padding: 3px;
}