body {   background-color: #111; font-family: 'BW Serif', serif; font-size: 1.0rem; align: left; color: #fff; margin: 0; }

.TextNorm { font-family: 'BW Serif', serif; font-size: 1rem; color:#fff; }
.bold { font-weight: bold;  }
.italic { font-style: oblique;  }
.small { font-size: 0.5rem;  }
.smaller { font-size: 0.75rem;  }
.normal { font-size: 1.0rem;  }
.bigger { font-size: 1.2rem;  }
.big { font-size: 1.5rem;  }
.vbig { font-size: 2.0rem;  }

.estelle { font-family: Estelle, sans-serif; }

.theNav { margin-bottom: 64px; padding-bottom: 0px; }

/*a { -webkit-transition: 1s all ease;  -o-transition: 1s all ease; transition: 1s all ease; }*/
a, a:hover { color:#9900aa;  font-weight:bold; text-decoration: none !important; }
a:link { color:#ffcc00; font-weight: bold; }
a:visited { color:#bbaa00; }

.roll  { text-decoration: none; color: #ffdd00; }
.roll:hover { text-decoration: underline; color: #00ddff; }

a.catalogue { color:#222222; }
a.catalogue:link  { text-decoration: none; color: #222222; }
a.catalogue:visited { text-decoration: none; color: #222222; }
a.catalogue:hover { text-decoration: underline; color: #222222; }
a.catalogue:active { text-decoration: none; color: #222222; }

.gol { color: #ffcc00; }
.white { color:  white; }
.red { color:  red; }
.blk { color:  black; }

.Title { font-family: Estelle, sans-serif; font-size: 2.5rem;  color: #ffcc00;  }
.SubTit  { font-family: Estelle, sans-serif; font-size: 1.5rem;  color: #fff;  }
.res  { font-family: Estelle, sans-serif; font-size: 1.5rem;  color: #ffcc00;  }

img  { border-width: 0; }
.abody { background-image:url(/common/pp1.jpg); }

.small_text { font-size: 0.7rem; }

div.reduced { min-width: 60%; margin: auto; }

/*************  buttons css  ***************/
.btn.btn-sm {  font-size: 0.9rem; padding-top: 5px;  padding-bottom: 5px; padding-left: 15px; padding-right: 15px; }
.btn.btn-lg {  font-size: 1.2rem; padding-top: 15px; padding-bottom: 15px;  padding-left: 30px;  padding-right: 30px; }
.btn:hover, .btn:active, .btn:focus {
  -webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, 0.15) !important;
  box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, 0.15) !important;
}

/*****************************************************/
/* Warning */
.btn-warning:hover, .btn-warning:focus { background-color: #ffce3a; }
/* Purple */
.btn-purple { background-color: #6f42c1; color: #ffcc00; }
.btn-purple:hover, .btn-purple:focus { background-color: #8c68ce; color: #fff; }
/* burgundy */
.btn-burgundy { background-color: #590111;  color: #ffcc00; font-family:  "Estelle";  font-size: 30px;  }
.btn-burgundy:hover, .btn-burgundy:focus { background-color: #7f011f; color: #fff; }
/* Dark */
.btn-dark { background-color: #393e46; color: #fff; }
.btn-dark:hover, .btn-dark:focus { background-color: #505762; color: #fff; }
/* Black */
.btn-black {  background-color: #000;  color: #fff; }
.btn-black:hover, .btn-black:focus { background-color: #1a1a1a; color: #fff; }


.bottomshift { padding-bottom:20px; }

/********************************************/
/*************  modal css  ***************/
.press-modal-width {
    max-width: 90vw !important;  /* 90% of the viewport width */
    margin: auto; /* Center it */
}
/*
#audioModal { width: 300px; height: auto; align-content: center; color: white; max-width: 300px; background-color: #1f1f1f; }
#pictModal { width: 100%; height: auto; align-content: center; color: white; max-width: 1744px; background-color: #1f1f1f; }

@media only screen and (max-width: 800px){
    .modal-dialog{ width:  100% !important; }
}
*/
/********************************************/

.presImage { position: relative; width: 100%;  }

.blsub { color: #999999; padding-top:  34px; padding-right:  5px; position: relative; }

#pdfBtn { display: block; width: 32px;  height: 32px; background: url("../common/iconsandlogos/pdficon.gif") no-repeat 0 0; }
#pdfBtn:hover { background-position: -32px 0; }
#pdfBtn span {  position: absolute;  top: -999em; }
/*********************************************************************************************************/
.btn:hover svg { fill: #ffc107; /* changes to dark gold on hover */}
.btn svg {transition: transform 0.2s ease;}

.btn:hover svg {transform: scale(0.85);}
.track-list {display: flex; flex-direction: column; gap: 0.5rem;}
.track-list button {padding: 0.4em 0.8em; font-size: 1rem; cursor: pointer;}
.text-muted {color: #888; padding: 0.4em 0.8em; font-style: italic;}
.track-list button.playing {background-color: black; color: white; font-weight: bold; border: 2px solid #ffcc00;}
/*.track-list button.playing::before {content: "🎵 ";}*/
/*********************************************************************************************************/