/*Blockquote - small text*/
blockquote.small-blockquote-text p {
font-size: 1.1rem;
}

/*Callout border*/
.callout.border {
    padding: 3rem;
    border: solid 1px grey;
}


/*Text around image*/
.text-around-image .medium-large img {
height: 500px;
}

/*Family Tree CSS*/
.family-tree-svg-wrap {
  width: 100%;
  height: 400px;
  overflow: hidden;
  position: relative;
  background: #fff;
  border: 1px solid #d8d8d8;
  touch-action: none;
  overflow-x: clip;
}

@media screen and (min-width: 768px) {
.family-tree-svg-wrap {
  height: clamp(400px, 80vh, 900px);
}
}

.family-tree-svg-wrap svg {
  width: 100%;
  height: 100%;
  display: block;
}

.family-tree-a11y summary {
  cursor: pointer;
  font-weight: 600;
}

.family-tree-a11y summary:focus {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.tree-banner {
    fill: #6b2c91!important;
}

.tree-image-box {
    fill: #2c0142!important;
}

/*End Family Tree styling*/

/*Callout*/
.callout.secondary {
    background-color: #f9eeff;
}

button.tl-slidenav-previous:hover,
button.tl-slidenav-previous:focus,
button.tl-slidenav-next:hover,
button.tl-slidenav-next:focus {
background-color: #eeeeee;
}

button.tl-slidenav-previous:focus,
button.tl-slidenav-next:focus {
background-color: unset;
}

/*Increase title size*/
@media screen and (min-width: 900px) {
    .openseadragon-block .hero-title-openseadragon h1 {
        font-size: 270%;
        line-height: 3.5rem;
    }
}

.blockquote-html blockquote {
margin: 0 1rem;
}

/* Allow vertical page scrolling when swiping on the OSD viewer */
.openseadragon-block .openseadragon-container,
.openseadragon-block .openseadragon-canvas {
  touch-action: pan-y !important;
}

/* Most reliable: stop OSD wrappers receiving touch/pointer events */
.openseadragon-block .openseadragon-container,
.openseadragon-block .openseadragon-canvas {
  pointer-events: none !important;
}

/*Revise blockquote in text*/
.inline-blockquote blockquote {
color: initial;
font-size: 1.05rem;
}

/*Add medium-large view to Mirador*/
@media print, screen and (min-width: 56.25em) {
    .medium-large .media-render.iiif_presentation iframe {
        height: 75vh !important;
    }
}

/*Revise Browse Masonry*/
/*Add a rule for a two column grid*/
@media screen and (min-width: 48.5em) {
     .grid-2 .resource-grid-mosaic .grid-sizer,
     .grid-2 .resource-grid-mosaic .resource-masonry {
        width: 48%!important;
    }

.grid-2 .resource-grid-mosaic .gutter-sizer {
        width: 1.5rem;
}

/*Add a rule for a four column grid*/
     .grid-4 .resource-grid-mosaic .grid-sizer,
     .grid-4 .resource-grid-mosaic .resource-masonry {
        width: 24%!important;
    }
}

/*Add four columns for multiple media in a row*/
    .grid-4 .grid-multiples {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
@media print, screen and (min-width: 1200px) {
    .grid-4 .grid-multiples {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.site.admin a {
font-size: 1rem;
}

.dark-background .caption {
    border-left: unset;
}

blockquote
 {
    border-left: none;
}

.brown-background {
background: #c9754e;
}

.red-background {
background: #d83c2d;
}

.green-background {
background: #6c855a;
}

.blue-background {
background: #0085a4;
}

.grey-background {
background-color: #f2f0ec;
}

.white-text p ,
.white-text a {
color: #fff;
}