﻿#orgchart {
  position: relative;
  cursor: none;
}

#custom-cursor {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 999;
}
#custom-cursor img{
	height:100%;
				  width:100%;
				  }
.node_member{
	border: 1px solid #CCCCCC;
}
.purpleBorder{
	border-top:.8rem solid var(--purple);
}
.redBorder{
	border-top: .8rem solid rgb(190 0 0);
}
.navyBorder{
	border-top: .8rem solid var(--navy);
}
.greyBorder{
	border-top: .8rem solid rgb(159 172 181);
}
.paleBlueBorder{
	border-top: .8rem solid rgb(112 161 192);
}
.member-name-container{
	height:100%;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.member-name-container .member-name{
	
	font-size:1.3rem;
}
	.orgchart-container {
        height: 31rem;
        position:relative;
    }

@media(min-width:992px){
	    .orgchart-container {
        height: 48rem;
    }
}
@media(min-width:1400px){
	.orgchart-container {
        height: 31rem;
    }
}
@media(min-width:1600px){
	.cardItem{
	border: 1px solid #CCCCCC;
}
.purpleBorder{
	border-top:.8vw solid var(--purple);
}
.redBorder{
	border-top: .8vw solid rgb(190 0 0);
}
.navyBorder{
	border-top: .8vw solid var(--navy);
}
.greyBorder{
	border-top: .8vw solid rgb(159 172 181);
}
.paleBlueBorder{
	border-top: .8vw solid rgb(112 161 192);
}
.member-name-container .member-name{
	
	font-size:1.3vw;
}

}