.uma-spcard-show .textToggleDisplayButtons {
width: calc(100% - 30em);
float: left;
}
.uma-spcard-show .textToggleDisplayButtons input {
display: none;
}
.uma-spcard-show .textToggleDisplayButtons > span {
display: block;
width: 165px;
}
.uma-spcard-show .textToggleDisplayButtons .textToggleDisplayButtonLabel {
border: none;
background: none;
box-shadow: none;
margin: 0;
padding: 0;
}
.uma-spcard-show .mobile-only {
display: none;
}
.uma-spcard-show .mobile-only input {
display: initial;
}
.uma-spcard-show .mobile-only .textToggleDisplayButtons .textToggleDisplayButtonLabel {
border: 1px solid rgba(0, 0, 0, .3);
border-left-width: 4px;
box-shadow: 1px 1px 2px black;
color: rgba(0, 0, 0, .7);
background-color: white;
margin: 4px;
padding: 0 8px;
}
.uma-spcard-show .textToggleDisplayButtons .textToggleDisplayButtonLabel .selected-border {
border-bottom: thick solid transparent;
}
.uma-spcard-show .textToggleDisplayButtons .textToggleDisplayButtonLabel.on .selected-border {
border-bottom: thick solid orange;
}
.uma-spcard-show .uma-spcard-story {
padding: 1em;
border: 1.5px solid rgb(117, 192, 69);
background-color: rgb(245, 255, 250);
float: right;
width: 25em;
}
.uma-spcard-show .uma-spcard-story h3 {
text-align: center;
}
.uma-spcard-show .textToggleDisplay.textToggleDisplay-on .dablink {
column-span: all;
}
@media screen and (max-width: 600px) {
.uma-spcard-show .textToggleDisplayButtons {
width: initial;
float: initial;
}
.uma-spcard-show .mobile-only {
display: initial;
}
.uma-spcard-show .mobile-only .textToggleDisplayButtons > span {
width: initial;
}
.uma-spcard-show .textToggleDisplayButtons .textToggleDisplayButtonLabel .selected-border {
display: none;
}
.uma-spcard-show .uma-spcard-story {
padding: initial;
border: none;
background: none;
float: initial;
width: initial;
}
.uma-spcard-show .uma-spcard-story h3 {
text-align: initial;
}
}