img {
  margin: 0;
  padding: 0;
  border: 0;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  cursor: pointer;
}

a:link {
}
a:visited { }
a:hover, a:active {
  text-decoration: none;
}

ul {
  list-style: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.small {
  font-size: 0.8em;
}

.stagedir {
  font-style: italic;
  margin-left: -3em;
}

.imgpadding {
   padding: 5em 0em;
}

.changeaudio {
  display: inline;
  background-color: #36DBCA;
  padding: 0.5em;
  margin: 2em;
  text-align: center;
  border-radius: 1em;
  -moz-border-radius: 1em;
}

.changeaudio a {
  font-size: 14px;
  text-decoration: underline;
}

#player {
	display: block;
	width: 33%;
}

#title h3 {
  display: inline;
}

#title h4 {
  margin-top: 2em;
  margin-bottom: 2em;
}

#title {
  height: 8em;
  /*border-bottom: 1px solid black;*/
}

#textselector {
  display: inline;
  padding: 0 3em;
}

#toggle {
  display: inline;
  float: right;
  clear: right;
  margin-top: -0.5em;
  list-style-type:  none;
}

#toggle a { color:#fff;}

#toggle li {
  float: left;
  background-color: #6DA9EB;
  color: #fff;
  width: 12em;
  padding: 0.5em;
  margin: 1em;
  text-align: center;
  border-radius: 1em;
  -moz-border-radius: 1em;
}

#about {
  /*clear: both;
  margin: 3em;*/
}

p {
  width: 100%;
  text-indent: 2em;
}

p.hangingIndent {
text-indent: -2em;
padding-left: 2em;
width: 100%;
margin-bottom:0;
padding-bottom: 0;
}

p.noIndent {
	text-indent: 0;
	width: 100%;
}

#textandtrans {
  clear: left;
  margin: 1em 0em;
  /*font-size:95%;*/
}

#textandtrans h4 {
  display: inline;
}

#text p, #trans p {
  width: 33em;
}

#text {
  float: left;
  clear: left;
  width: 33em;
  margin-top: -1.5em;
  margin-left: 1em;
  padding-top: 1em;
}

#trans {
  float: left;
  width: 33em;
  margin-top: -1.5em;
  margin-left: 2em;
  padding-top: 1em;
}


#tooltip { 
  display: none;
  position: absolute;
  top: 50px;
  left: 60px;
  border: 1px solid #576e7f;
  padding: 1em;
  width: 250px;
  background-color: #f7f7f7;
  font-size: 11px;
  line-height: 100%;
}

ol {
  list-style: none;
}

ol li {
  padding-left: 1em;
}

ol li:nth-of-type(4n) {
  list-style: decimal;
}


audio {
  display: inline;
  margin: 1em 0 1em 3em;
  width: 20em;
}

object {
  display: inline;
  margin: 1em 0 1em 3em;
  width: 20em;
}

pre {
  font: 16px "Gentium Basic", "Times New Roman", serif;
  line-height: 140%;
}

pre.transcription {
  text-align: center;
}

#questions {
  float: left;
  margin: -3em -3em 2em -3em;
}

#questions li {
  float: left;
  font-size: 1.1em;
  background-color: #36DBCA;
  width: 1.2em;
  padding: 0.4em;
  margin: 1em 0.8em;
  text-align: center;
  border-radius: 2em;
  -moz-border-radius: 2em;
}

#questions li:hover {
  background-color: #A0EEE6;
}

#question {
  background-color: #ccc;
  margin: 0 2em 1em;
  padding: 1em 2em;
  border-radius: 1em;
  -moz-border-radius: 1em;
}

#question p {
  text-indent: 0;
  margin-left: -1em;
  width: 22em;
}

#question p:nth-child(2):before {
  content: "Eng.: "
}

#reveal {
  float: right;
  background-color: #36DBCA;
  text-align: center;
  width: 4em;
  border-radius: 1em;
  -moz-border-radius: 1em;
}

#reveal:hover {
  background-color: #A0EEE6;
}

#reveal h5 {
  font-style: italic;
  margin: 0.2em;
}

#nextbutton {
	/*
  float: right;
  margin-top: 1.5em;
  background-color: #36DBCA;
  text-align: center;
  width: 4em;
  border-radius: 1em;
  -moz-border-radius: 1em;*/
  background-color: inherit;
  float: right;
  outline: none;
  cursor: pointer;
  padding: .7em 1em;
  transition: 0.3s;
  border: thin solid #ccc;
  margin-right: .25em;
}

#glossary {
  float: right;
  width: 40%;
  height: 30em;
  overflow: auto;
  overflow-x: hidden;
  border: 3px double;
  margin: -1em 0 2em;
  border-radius: 1em;
  -moz-border-radius: 1em;
}

#glossary h3 {
  text-align: center;
}

#glossary p {
  text-align: center;
  margin-left: -1em;
  width: 22em;
}

table {
  font-size: inherit;
  margin: 1em 2em;
}

td:nth-child(1) {
  width: 60%;
}

form {
  display: inline;
}

textarea {
  width: 20em;
  float: left;
  min-height: 3em;
  border: 2px solid #ccc;
  margin: 2em 0em 2em -1em;
  padding: 1em;
  border-radius: 1em;
  -moz-border-radius: 1em;
  font: 16px "Gentium Basic", "Times New Roman", serif;
}
  
#jumpto {
  float: right;
  padding: 0.2em 3em;
  }
/* ------ new stuff added 2023/24 ------ */

.badge {
  width: 6.5em;
  /*width: max-content;*/
  height: 6.5em;
  border-radius: 25px;
  -moz-border-radius: 25px;
  display: inline-flex; /* or inline */
  align-items: center;
  justify-content: flex-end;
  padding:5px; margin: 5px;
  font-weight: normal;
  font-size: 1.4em;
}
	
.badge p, .badge-selected p { width: padding:0; margin:0; text-indent: 0; }

/* spoken word menu */	
.badge.celtic {background-color: #003E72; }
.badge.latin {background-color: #6D0F29; }
.badge.irish {background-color: #C84E00; }
.badge.welsh {background-color: #435125; }
.badge.modirish {background-color: #412D5D; }
.badge.english {background-color: #0073CF; }
.badge.norse {background-color: #901c3b; }
.badge.home {background-color: #660066; }
/*.badge.latin {background-color: #E37222; }*/
	
.badge.celtic:hover {background-color:#0072cf;}
.badge.latin:hover {background-color:#a70b35;}
.badge.irish:hover {background-color:#ea7125;}
.badge.welsh:hover {background-color:#aab300;}
.badge.modirish:hover {background-color:#666699;}
.badge.english:hover {background-color:#68ace5;}
.badge.norse:hover {background-color:#d12956;}
.badge.home:hover {background-color:#a3519f;}
/*.badge.latin:hover {background-color:#ff9966;}*/
	
.badge.celtic.selected, .badge.latin.selected,.badge.welsh.selected, .badge.irish.selected, .badge.modirish.selected, .badge.english.selected, .badge.norse.selected, .badge.home.selected { 
	/*background-color:#000;*/
  width: 100%;
  height: max-content;
  min-height: 6.5em;
  max-width: 20em;
  border-radius: 25px;
  -moz-border-radius: 25px;
  display: inline-flex; /* or inline */
  align-items: center;
  justify-content: flex-end;
  font-weight: normal;
  font-size: 1.4em;
  /*padding:5px; margin: 5px;*/
	}
	
.badge a {color: #fff; display: inline-block; float:right; margin-right:1em; }

#swnav {text-align: right; float: right; margin-left: 1em;}
.pagemenu {float:none;}
.pagemenu-selected {float:none; }
.pagemenu-selected li {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
.textlinks {text-align: left; float: right; margin-right: 1em; border-right: thin solid #ccc; }
.textlinks ul { list-style: none; margin: 0 1em 0 0; padding: 0; }
	
.row > * {
	padding-left: 0;
}
	
.badge .btn { background-color: transparent; border: none; cursor: pointer; padding:0; margin:0;color: #fff; display: inline-block; float:right; margin-right:.9em; font-size: 1rem !important; font-weight: normal; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}
.badge .btn:hover { text-decoration: underline;}