body:has(ul.orgchart) #pageheader>.wrapper:last-child {padding-bottom: calc(64px + 12px); }


ul.orgchart  { margin: 0 0 ; overflow: hidden;
    list-style:none;

display: flex; justify-content: center;
    --line-colour:#7fa0b2;
    background: white;
    padding: var(--gutter_big) var(--wrapper-margin);
}
ul.orgchart+.section{ margin-top:var(--gutter_big); display: none; }
ul.orgchart ul { list-style: none; }

/*
ul.orgchart:not(.expanded) {  display: flex; flex-wrap: wrap; width: calc(100% + var(--gutter_big)); }
*/

ul.orgchart:not(:first-child) { margin: calc(var(--gutter_big) / 2) 0 var(--gutter_big); }








ul.orgchart li,
.bodytext ul.orgchart:not(.expanded)>li:last-child {
    list-style: none !important;
    margin: 0 0 var(--gutter_big) 0;
    position: relative;     z-index: 1;
}
ul.orgchart > li > div {
    z-index: 10;}
ul.orgchart > li li > div {
    z-index: 6;}
ul.orgchart > li li li > div {
    z-index: 3;}


ul.orgchart li > div {
    position: relative;
    border: 1px solid var(--line-colour);
    background: #FFF; border-radius: 16px; padding: 24px;
    max-width: 360px; margin: 0 auto;
}

 
ul.orgchart>li li,
ul.orgchart>li p{ margin:0 !important; font-size: 16px !important; color: var(--black) !important; }
ul.orgchart>li p strong {font-weight: 700;}


.orgchart:not(.large) .headshot {
    display: inline-block;
    position: relative; width: 64px; min-width: 64px; height: 64px; margin-bottom: 5px; border-radius: 50%; overflow: hidden; background: var(--mid-blue); color: var(--cta-blue);  }
.orgchart .headshot::before { content: attr(data-initial); font-size: 32px; line-height: 64px; width: 64px; text-align: center; display: block;  font-weight: 600; }
.orgchart .headshot picture { position: absolute; width: calc(100% + 2px); width: calc(100% + 2px); top: 50%; left: 50%; transform: translate(-50%,-50%);   }
.orgchart .headshot picture img { position: absolute; width: 100%;  width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover;  }

 

.orgchart.expanded .headshot { width: 96px; min-width: 96px; height: 96px;  margin-bottom: 10px;  }
.orgchart.large .headshot::before ,
.orgchart.expanded .headshot::before {   font-size: 48px; line-height: 96px; width: 96px;   }
.orgchart.large .headshot::before {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }


ul.orgchart>li p+div p { margin-top: 1em !important;}
ul.orgchart>li ul li,
ul.orgchart>li ol
{ margin-top: calc(var(--gutter) - 4px) !important; margin-top:var(--gutter) !important; }
ul.orgchart>li ul ul {margin-left: var(--gutter_big) !important;/* */}
ul.orgchart>li ul { gap: 10vw;}


ul.orgchart>li ul:not(:last-child),
ul.orgchart>li ol:not(:last-child)
{ margin-bottom: 12px !important }

ul.orgchart>li li {  }
@media all and (max-width: 1199px) {
    ul.orgchart>li ul { gap: 5vw;}
}
@media all and (max-width: 599px) {
  /*  ul.orgchart, .bodytext ul.orgchart:not(.expanded) li:last-child,
    ul.orgchart>li { width:calc(100% - var(--gutter_big)); margin-right: 0;}*/


    ul.orgchart li > div {
        max-width: 9999px;
    }
}


ul.orgchart>li:first-child>div { text-align: center;}

ul.orgchart>li a,
#pageheader  ul.orgchart>li a
{ color: inherit;
    transition: all 0.2s ease; cursor: pointer;
    text-decoration: none;
    padding: 1px 0;
    background-image: linear-gradient(currentColor, currentColor), linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-position: 0 100%, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 0 1px, 100% 1px;
    transition: background-size .5s;

}

ul.orgchart>li a:hover,
#pageheader  ul.orgchart>li a:hover {
    background-size: 100% 1px, 100% 1px

}

ul.orgchart>li ul li { list-style: disc; }
ul.orgchart>li ol li { list-style: decimal; }


ul.orgchart.large>li,
ul.orgchart.large>li:last-child{
    border: none !important;
    padding:0 !important;
    border-radius: 0 !important;

}
ul.orgchart.large>li .headshot { margin-bottom: 12px;}
ul.orgchart.large>li p{ padding: 0 24px; }
ul.orgchart.large>li p:last-child{ padding-bottom:12px; }