.kaPronounDecl {
clear: both;
width: 100%;
background: #f8f9fa;
font-size: 95%;
border: 1px solid #a2a9b1;
line-height: 1.5;
text-align: center;
}
.kaPronounDecl th {
background-color: #eaecf0;
}
.kaPronounDecl th,
.kaPronounDecl td {
padding: 4px;
}
.kaPronounDecl-header.kaPronounDecl-header,
.kaPronounDecl-header.kaPronounDecl-header .kaPronounDecl-sideHeader {
vertical-align: bottom;
}
.kaPronounDecl-sideHeader.kaPronounDecl-sideHeader {
vertical-align: top;
text-align: left;
padding-left: 0.75em;
}
/* header links aren’t coloured until hover/active */
.kaPronounDecl th a:link,
.kaPronounDecl th a:visited {
color: inherit;
text-decoration: inherit;
}
.kaPronounDecl th a:hover {
color: #3366cc;
text-decoration: underline;
}
.kaPronounDecl th a:active {
color: #faa700;
text-decoration: underline;
}
.kaPronounDecl .translit {
color: #72777d;
}
.kaPronounDecl-title.kaPronounDecl-title {
text-align: left;
cursor: pointer;
padding: 1px 0.25em 1px 0.75em;
}
.kaPronounDecl-title.kaPronounDecl-title:hover {
background-color: #f8f9fa;
}
.kaPronounDecl .NavToggle {
font-size: inherit;
}
.kaPronounDecl .NavToggle a,
.kaPronounDecl .NavToggle.NavToggle a:hover,
.kaPronounDecl .NavToggle a:focus {
color: inherit;
text-decoration: none;
}
.kaPronounDecl .NavToggle::before,
.kaPronounDecl .NavToggle::after {
content: '';
}