/* Styling for the pulsing info button (when no results are returned) */

.blob {
	background-color: black;
	color: white;
	font-weight: 900;
	opacity: 75%;
	border-radius: 15%;
	margin: 1px;
	height: 22px;
	width: 22px;

	box-shadow: inset 5em 5em #8d5329;
	transform: scale(1);
	animation: pulse 2s infinite;
	animation-duration: 1800ms;
	animation-iteration-count: 1;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 0, 0.7);
	}

	50% {
		transform: scale(1.2);
		box-shadow: 0 0 0 10px rgba(255, 255, 0, 1.2);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 0, .7);
	}
}





/* Persistent reversed color for ? mark button after animation completes */
.post_blob {

	background-color: black;
	color: white;
	font-weight: 900;
	opacity: 75%;
	border-radius: 15%;
	margin: 1px;
	height: 22px;
	width: 22px;

}

/* Styling for the parts of speech tooltip using popper.js */

      #tooltip {
        background: #333;
        color: white;
        font-weight: bold;
        padding: 4px 8px;
        font-size: 13px;
        border-radius: 4px;
        display: none;
      }

      #tooltip[data-show] {
        display: block;
      }

      #arrow,
      #arrow::before {
        position: absolute;
        width: 8px;
        height: 8px;
        background: inherit;
      }

      #arrow {
        visibility: hidden;
      }

      #arrow::before {
        visibility: visible;
        content: '';
        transform: rotate(45deg);
      }

      #tooltip[data-popper-placement^='top'] > #arrow {
        bottom: -4px;
      }

      #tooltip[data-popper-placement^='bottom'] > #arrow {
        top: -4px;
      }

      #tooltip[data-popper-placement^='left'] > #arrow {
        right: -4px;
      }

      #tooltip[data-popper-placement^='right'] > #arrow {
        left: -4px;
      }

/* Styling for the zoomPage tooltip using popper.js */

      #dragZoomTooltip {
        background: #333;
        color: white;
        font-weight: bold;
        padding: 4px 8px;
        font-size: 13px;
        border-radius: 4px;
        display: none;
      }

      #dragZoomTooltip[data-show] {
        display: block;
      }

      #dragZoomArrow,
      #dragZoomArrow::before {
        position: absolute;
        width: 8px;
        height: 8px;
        background: inherit;
      }

      #dragZoomArrow {
        visibility: hidden;
      }

      #dragZoomArrow::before {
        visibility: visible;
        content: '';
        transform: rotate(45deg);
      }

      #dragZoomTooltip[data-popper-placement^='top'] > #arrow {
        bottom: -4px;
      }

      #dragZoomTooltip[data-popper-placement^='bottom'] > #arrow {
        top: -4px;
      }

      #dragZoomTooltip[data-popper-placement^='left'] > #arrow {
        right: -4px;
      }

      #dragZoomTooltip[data-popper-placement^='right'] > #arrow {
        left: -4px;
      }
/* Styling for Browse By Letter Page Features */

.btn-letter {
	font-size: 2em !important;
font: 'Caslon' !important;

}

#letter_table>table {

	table-layout: fixed;

}