body {background-image: url("images/12x12-BG-A25B5B_textured.jpg")} /* choose to match Reconcile sleeve color */

hr.dashed {
  border: 1px solid #D5D8B5;
}


@font-face {
    font-family:monainn;
    src: url("fonts/monainn.otf")
        
}

.albumPage {
  background-color: #CC9C75;
    background-image: url("images/CC9C75_wNoise_150dpi.jpg");
}

.shdw {box-shadow: 5px 10px 5px rgb(100,100,100);}

@font-face {
    font-family:GillSans;
    src: url("fonts/gill-sans-mt.ttf")
}

@font-face {
    font-family:RamusLight;
    src: url("fonts/RamusLight.ttf")
}

@font-face {
    font-family:Artifika;
    src: url("fonts/Artifika.ttf")
}

.mobileHeader {line-height:140%; text-align: center; color: #924b4b}
.mobileSmaller {font-size:13px; line-height:95%; text-align: center; color: #924b4b}

/* p {color: #D5D8B5; font-size: 16px; font-family: RamusLight; text-align:left;
    padding:0px; margin-top:8px; margin-bottom:0px; line-height:105%;letter-spacing:0.02em} */
p {color: #D5D8B5; font-size: 14px; font-family: Artifika; text-align:left;
    padding:0px; margin-top:8px; margin-bottom:0px; line-height:110%}
.rec1 {font-size: 22px; font-family: monainn; letter-spacing:0.1em; font-weight:bold} 
.rec1_ {font-size: 16px; font-family: monainn; letter-spacing:0.1em; font-weight:bold}
/* .rec2 {font-size: 16px; font-family: RamusLight; letter-spacing:0.01em} */
.rec2 {font-size: 14px; font-family: Artifika}
.spaced {letter-spacing:0.1em} /* not used */
.footer {font-size:14px; line-height:80%}
.suitel {width:20px}
.suite2 {width:780px}
.recPage {margin-left: 2%; margin-right: 2%; color: #924b4b}

table {margin-left: 2%; margin-right: 2%}
td {vertical-align: text-top; word-wrap:break-word; padding=0; border:0px; border-collapse:collapse}
table {padding=0; border:0px; table-layout:fixed; border-collapse:collapse}

.limitwidth {width:800px}
.centerAlign {text-align: center} /* not used */


h1 {color: #A25b5b; font-size: 36px; font-family: monainn; text-align: left;margin-left: 2%; margin-right: 2%;
    padding:0px; margin-bottom:2px; margin-top:10px; font-weight:bold;letter-spacing:0.1em;}
h2 {color: #cccccc; font-size: 20px; font-family: monainn; text-align: left;
    padding:0px; margin-bottom:2px; margin-top:16px; font-weight:bold; letter-spacing:0.1em;}


summary {
  display: block;
    color:#cccccc
}

/* Create a new custom triangle on the right side */
summary::after {
  margin-left: 5ch;
  display: inline-block;
  content: '→';
  transition: 0.1s;
}

details[open] > summary::after {
  transform: rotate(90deg);
}

a {color: #D5D8B5; text-decoration:none; font-weight:normal}

a.link {color: #FFFFFF; text-decoration:none; font-weight:normal}

a:active {color: #FFFFFF; font-weight:bold}

a:hover {color: #FFFFFF; font-weight:bold}