.u-thirstySoftExtraBold {font-size:2.5rem;color:var(--gfColors-slate100);}
#intro_component {margin-bottom:0;}
#pie-chart-section h2 {text-transform:uppercase;}
.body-font p:not(.tradegothic-body):not(.source){
    font-size: 16px;
    line-height: 1.5em;
}
hr{
    margin:30px 0px;
}
h3{
    color:#18314b;
    letter-spacing: .03rem !important;
}
.text-left{
    text-align:left!important;
}
.centered{
    text-align:center;
}
.tradegothic-body{
    font-family: var(--gfVars-headerFont);
    font-size: 21px;
    line-height: 1.5em;
}
.circleback {
	 padding-bottom: 4rem;
	 margin-bottom: 0;
	 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23f3f5f8'%3E%3C/circle%3E%3C/svg%3E");
	 background-repeat: no-repeat;
    background-size: min(55vw, 45%);
    background-position-y: 17rem;
    background-position-x: 115%;
	 z-index: 0;
}
#clinical-team-model_component {margin-top:0 !important;}
 @media(max-width:767.98px){
	 .circleback{
		 padding-top: 2rem;
		 background-size: min(55vw, 65%);
		 margin-top: -2rem;
		 background-position-y: 105%;
		 margin-top: -4rem;
	}
}
 @media(max-width:575px){
	 .circleback {
		 background-color: var(--gfColors-slate15);
		 background-size: 100%;
		 padding-bottom: 2rem;
	}
}
.htwo {color:var(--gfColors-slate100);}
 .u-lineHeaderBoth{
	margin-top: 2.5em;
	 margin-bottom: 1em;
}
 #description h4 {
	text-align:center;
	 color: var(--gfColors-slate80);
	margin-top: 0rem;
	padding-right: 15px;
    padding-left: 15px;
}
 h2.u-lineHeaderBoth {
	text-transform:uppercase;
	margin-bottom: .5rem;
	letter-spacing:.1rem;
}
 .u-lineHeaderBoth::before,.u-lineHeaderBoth::after {
	 content: "";
	 height: 2px;
	 background-color: var(--gfColors-gold) !important;
}
#intro_component::after {
    content: "…";
    display: block;
    font-family: var(--gfVars-bodyFont);
    font-size: 4rem;
    line-height: 0.5;
    margin-bottom: 1.5rem;
    color: var(--gfColors-gold);
    text-align: center;
}
.title-area h2 {margin-top: 1em;}
#card-group-block_component {margin-bottom:0;}
.table-title {
	font-size: .9rem;
    font-weight: bolder;
    text-transform: uppercase;
    letter-spacing: .1rem;
    margin-bottom: .5rem;
}    
.navy-accent {
    color: var(--gfColors-navy);
}
.bolder {
    font-weight: 500;
}
.auto-bolder {
    font-weight: 600;
}
.mythBox {
	background-color: #eef3f6;
    padding: 2rem 3rem;
    position: relative;
}
.mythBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 60px;
    background-color: var(--gfColors-slate80);
}
.mythBox p {
    padding-bottom: 1rem;
    margin-bottom: 0;
    font-size: 1.1rem;
}
.mythBox p:first-child {
    border-bottom: 3px solid #fff;
}
.mythBox p span {
    font-weight: bold;
    color: var(--gfColors-navy);
}
.graphBox {
    margin: 3rem auto 4rem;
}
.graphBox h2 {
    font-size: 2.2rem;
    line-height: 1.3;
    text-align: center;
    margin-top: 40px;
    color:var(--gfColors-navy);
}
.graphBox .chart-container {
    border-left: 2px solid var(--gfColors-slate45);
    padding-left: 2rem;
    margin-left: 1rem;
    padding-bottom: 1rem;
}

#pie-chart-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr auto;
    gap: 1rem;
    align-items:center;
    justify-items: center;
}
.title-area {
    grid-column:1/-1;
    grid-row:1;
}
.pie-area {
    grid-area: 2/1/3/2;
    justify-self: end;
    padding-top: 1rem;
    margin-right: 3rem;
}
.legend-area {
    grid-area: 2/2/3/3;
    justify-self: start;
}
.chartLegend {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: start;
}

.chartLegend li {
  margin: 2rem 0;
  padding: 0 0 0 1rem;
  list-style: none;
  flex-basis: 45%;
  color: var(--gfColors-navy);
}
.chartLegend li::before {
    content: "";
    position: relative;
    top: 6px;
    left: 0;
    display: inline-block;
    height: .5rem;
    width: 2rem;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
}
.chartLegend li span {
    font-size: 1.1rem;
    font-weight: bold;
}
.chartLegend li em {
  display: block;
}
.yellowDot::before {
  background-color: #fdb814;
}
.redDot::before {
  background-color: var(--gfColors-red);
}
.navyDot::before {
  background-color: var(--gfColors-navy);
}
.blueDot::before {
  background-color: #7a97ac;
}
.light-blueDot::before {
  background-color: #afbdcc;
}

@media (max-width:767.98px) {
    h3{font-size: 1.3rem !important;}
    .mythBox
    {
        padding:1.5rem;
    }
    .mythBox p {
        font-size: 1rem;
    }
    .u-lineHeaderBoth {
    margin-top: 0em !important;}
    #pie-chart-section {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: .5fr auto 1fr;
        gap: 0;
        justify-items: center;
        margin-bottom: -3rem;
    }
    #intro_component::after {margin-top: -1rem;}
    #pie_component {margin-top:-3rem !important;}
    .graphBox {
    margin: 3rem auto 1rem;
}
    .title-area {
        grid-area: 1/1/2/2;
    }
    .pie-area {
        grid-area: 2/1/3/2;
        justify-self: center;
        padding-top: 0;
        margin-right: 0;
    }
    .legend-area {
        grid-area: 3/1/4/2;
        justify-self: start;
    }
    .chartLegend {
        justify-content: center;
        margin-left:2rem;
    }
    .chartLegend li {
        margin: 1rem 0;
    }
}    

.navyYellowLine
{
  display: flex;
  align-items:center;
}

.navyYellowLine::after
{
  content:"";
  width:auto;
  height:2px;
  background-color:#fdb814;
  flex-grow:1;
  margin-left:0.5rem;
}

.navyBox
{
    background-color: var(--gfColors-slate15);
    padding:0 1rem 2rem 1rem;    
}

.navyBox-topHeader
{
    background-color: var(--gfColors-navy);
    color: white;
    margin: -1rem -1rem 1rem -1rem;
    padding: 1rem;
    font-size: 1.8rem;
}
.iconGrid
{
  display: grid;
  grid-template:". ." / 1fr 1fr; 
  grid-gap: 0.5rem;
  font-size:1.5rem;
  line-height:1.2;
  font-family:var(--gfVars-headerFont);
}

.iconGrid > *
{
  background-color:var(--gfColors-navy);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  position:relative;
  background-size:100%;
  background-position:top center;
  background-repeat:no-repeat;
  min-height:250px;
  color:white;
  font-weight:bold;
  transition:all 0.2s !important;
}
.iconGrid-fullWidth
{
    grid-column: 1/-1;
}
@media (max-width:980px){
    .pieID.pie{
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .pieID.legend {
        margin-left: auto;
        margin-right: auto;
        display: block;
        max-width: 300px;
    }
}