/*Banner Image*/
.hero-title-img h1 {
    margin: 0;
}

.hero-title-main,
.hero-title-sub {
    display: block;
}

.hero-title-main {
    color: #222;
    font-weight: 400;
}

.hero-title-sub {
    color: #6b2c91;
}

.img-hero .hero-title-img {
max-width: 29rem;
}

/*.hero-title-img h1 {
font-weight: 400;
color: #6b2c91;
}*/

@media print, screen and (min-width: 600px) {
.hero-title-sub {
    font-size: 2rem;
}
}
/*End Banner Image*/

/*Mapping Block*/
.block-mappingMap > .mapping-block {
    max-width: 1500px;
    margin: 0 auto;
    height: 80vh!important;
}

.mapping-block .mapping-map {
    height: 80vh !important;
}

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

/*Family Tree Code*/
/*Figure Key*/
a.family-tree-node-link:hover {
text-decoration: underline;
font-weight: 600;
}

.block-html  figcaption {
font-size: initial;
font-style: unset;
font-weight: initial
}

/*Further Highlight Code*/
#familyTreeSvg #nodes g.is-highlight > rect {
  stroke-width: 10 !important;
  filter: drop-shadow(0 0 6px rgba(0,0,0,.35));
}


/*Additional Family Tree Code*/
.family-tree-node-link {
  text-decoration-thickness: 2px;
}

#familyTreeSvg #nodes g.is-highlight > rect {
  stroke-width: 10 !important;
  /* Keep your existing stroke colour; this just makes it visually pop */
}

#familyTreeSvg #nodes g.is-highlight > rect {
  filter: drop-shadow(0 0 6px rgba(0,0,0,.35));
}

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

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

.fa-search-plus::before {
  content: "\f00e";
}

#tree-wrap {
width:100%; 
height:40vh; 
border:1px solid #ddd; 
overflow:hidden;
}

@media print, screen and (min-width: 25em) {
    #tree-wrap {
       height:50vh; 
}
}

@media print, screen and (min-width: 37.5em) {
    #tree-wrap {
       height:80vh; 
}
}

.pin.overlay.active circle, rect {
    stroke: unset !important;
}

/*Keep button text dark on hover*/
.button.hollow.warning:hover {
color: #0a0a0a;
}

/*White background to right sidebar in Item Show page*/
.right-sidebar.cell {
background: #fff;
}

.block-Openseadragon .openseadragon-block {
background: #000;
}

.callout {
    border: solid 1px #efefef;
}

/*Change text colour for map by attachment*/
.leaflet-control-container label {
color: #000;
}

/*Background for Founders and Funders
.off-canvas-content {
background: url(/files/svg/foundersFunders/wireframe.svg) repeat-x;
background-size: cover;
}*/

/*Background for Founders and Funders
body {
background: url(/files/svg/foundersFunders/wireframe.svg) repeat-x;
    background-size: 100vh 100vw;
    background-repeat: repeat;
}*/

/*Final background for Founders and Funders
.off-canvas-content {
background: url(/files/svg/foundersFunders/wireframe.svg) repeat-x;
    background-size: 100vh 100vw;
    background-repeat: repeat;
}*/

header,
#content {
background: #fff;
}

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

.faf-blue-background {
background-color: #e5e8f0;
}

/*.resourceTextGrid .block-html {
background: #fff;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}*/

.dark-background .resourceTextGrid .block-html,
.faf-background .resourceTextGrid .block-html,
.faf-blue-background .resourceTextGrid .block-html,
.grey-background .resourceTextGrid .block-html {
background: initial;
/*box-shadow: unset;*/
}

/*Top Menu Rules*/
nav.top-bar-left {
flex-flow: unset;
}

.dropdown.menu>li>a, .toc-block>ul.dropdown>li>a, .toc-block ul ul.dropdown>li>a {
    padding: .75rem;
}

/*Founders and Funders specific*/
@media screen and (min-width: 900px) and (max-width: 960px) {
.dropdown-menu li {
font-size: 15px;
}

.dropdown.menu>li>a {
    padding: .6rem;
}
}

.button.secondary a {
    color: #fff;
    text-decoration: none;
}

h2.h4 {
    color: #6b2c91;
    font-weight: 400;
}

.dark-background h2.h4 {
color: #fc3;
}

/*Cover image .cover*/
.cover .file img {
object-fit: cover;
        width: 100%;
    }

.text-400 h2 {
font-weight: 400;
}

.text-500 h2 {
font-weight: 500;
}

.text-600 h2 {
font-weight: 600;
}

/*Large title .large-title*/
.large-title h2 {
font-size: 2rem;
}

.large-title h2:after {
border-bottom: none;
margin: 0;
}

.block-mappingMap {
margin: 0 1rem;
}


    #cy { 
height: 80vh; 
}