/* What We Treat page */

.wwt-issue:not(.open) + .wwt-issue {
	margin-top: -.3rem;
}
.wwt-issue .summary-left {
	position: relative;
	padding: 2rem 2rem 2rem 4.6rem;
}
.wwt-issue .summary-left:before {
	content: "";
	position: absolute;
	width: 3.6rem;
	height: 3.6rem;
	top: 2rem;
	left: 0;
	border-radius: 100%;
}
.wwt-issue .summary-left h2 {
	margin: 0;
}
.wwt-issue .summary-left ul {
	margin: 1.5rem 0 0 -4.6rem;
}
.wwt-issue .summary-right {
	position: relative;
	z-index: 2;
	padding: 2rem;
	margin: 0 -5vw;
}
.wwt-issue .summary-right h3 {
	margin: 0;
	color: var(--color-white);
	font-weight: 500;
}
.wwt-issue .summary-right .toggle-btn {
	display: inline-block;
	position: relative;
	min-height: 5rem;
	min-width: 18rem;
	margin-top: 1rem;
	padding: 1.5rem 2rem;
	font-weight: 700;
    font-size: 1.8rem;
    line-height: 2rem;
	background-color: var(--color-white);
    border-radius: 2.5rem;
	cursor: pointer;
}
.wwt-issue .summary-right .toggle-btn:before,
.wwt-issue .summary-right .toggle-btn:after {
	content: "";
	position: absolute;
	top: 0;
	right: .5rem;
	width: 4rem;
	height: 100%;
}
.wwt-issue .summary-right .toggle-btn:before {
	border-left: .1rem solid currentColor;
}
.wwt-issue .summary-right .toggle-btn:after {
	background-color: currentColor;
	-webkit-mask: url('../svg/icon-angle-right-2.svg') no-repeat center center;
	-webkit-mask-size: 1rem auto;
	mask-image: url('../svg/icon-angle-right-2.svg') no-repeat center center;
	mask-size: 1rem auto;
}
.wwt-issue.open .summary-right .toggle-btn:after {
	-webkit-mask: url('../svg/icon-angle-up.svg') no-repeat center center;
	-webkit-mask-size: auto 1rem;
	mask-image: url('../svg/icon-angle-up.svg') no-repeat center center;
	mask-size: auto 1rem;
}
.wwt-issue .issue-details {
	display: none;
	padding: 2rem 0;
}
.wwt-issue .issue-details .attention {
	margin: 0 0 2rem 0;
	padding: 1.5rem;
	color: var(--color-error);
	border: .1rem solid var(--color-error);
}
.wwt-issue .issue-details h2 {
	color: var(--color-secondary);
}
.wwt-issue .issue-details h3 {
	color: var(--color-primary-darker);
}
.wwt-issue .issue-details .bgr-gray {
	padding: 2rem;
	margin: 2rem -5vw;
}
.wwt-issue .issue-details .collapse-btn {
	display: inline-block;
	cursor: pointer;
}
.wwt-issue .issue-details .collapse-btn:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 1.5rem;
	height: 1rem;
	margin-right: 1rem;
	background-color: currentColor;
	-webkit-mask: url('../svg/icon-angle-up.svg') no-repeat;
	-webkit-mask-size: contain;
	mask-image: url('../svg/icon-angle-up.svg') no-repeat;
	mask-size: contain;
	opacity: .75;
}
.wwt-issue .issue-details .collapse-btn:hover:before {
	opacity: 1;
}

/* Customizations by section */

.wwt-issue#UrgentCare {
	margin-top: -2rem;
}
.wwt-issue#UrgentCare .summary-left:before {
	background: url("../svg/icon-checkmark-white.svg") no-repeat center center / 55%;
}
.wwt-issue#UrgentCare .issue-details h2,
.wwt-issue#UrgentCare .summary-left h2,
.wwt-issue#UrgentCare .summary-right .toggle-btn {
	color: var(--color-secondary);
}
.wwt-issue#UrgentCare .summary-left:before,
.wwt-issue#UrgentCare .summary-right {
	background-color: var(--color-secondary);
}
.wwt-issue#RxandLab {
	box-shadow: inset 0 .3rem 0 0 var(--color-success);
}
.wwt-issue#RxandLab .summary-left:before {
	background: url("../svg/icon-chat-white.svg") no-repeat center center / 60%;
}
.wwt-issue#RxandLab .issue-details h2,
.wwt-issue#RxandLab .summary-left h2,
.wwt-issue#RxandLab .summary-right .toggle-btn {
	color: var(--color-success);
}
.wwt-issue#RxandLab .summary-left:before,
.wwt-issue#RxandLab .summary-right {
	background-color: var(--color-success);
}
.wwt-issue#RefillsReferralsCC {
	box-shadow: inset 0 .3rem 0 0 var(--color-warning);
}
.wwt-issue#RefillsReferralsCC .summary-left:before {
	background: url("../svg/icon-exclamation-white.svg") no-repeat center center / 13%;
}
.wwt-issue#RefillsReferralsCC .issue-details h2,
.wwt-issue#RefillsReferralsCC .summary-left h2,
.wwt-issue#RefillsReferralsCC .summary-right .toggle-btn {
	color: var(--color-warning);
}
.wwt-issue#RefillsReferralsCC .summary-left:before,
.wwt-issue#RefillsReferralsCC .summary-right {
	background-color: var(--color-warning);
}
.wwt-issue#ControlledSubstances {
	box-shadow: inset 0 .3rem 0 0 var(--color-error);
}
.wwt-issue#ControlledSubstances .summary-left:before {
	background: url("../svg/icon-close-white.svg") no-repeat center center / 45%;
}
.wwt-issue#ControlledSubstances .issue-details h2,
.wwt-issue#ControlledSubstances .summary-left h2,
.wwt-issue#ControlledSubstances .summary-right .toggle-btn {
	color: var(--color-error);
}
.wwt-issue#ControlledSubstances .summary-left:before,
.wwt-issue#ControlledSubstances .summary-right {
	background-color: var(--color-error);
}

/* Responsive styles ------------------------------------------------------------------------------------ */

@media screen and (min-width: 768px) {

	.wwt-issue:not(.open) + .wwt-issue {
		margin-top: unset;
	}
	.wwt-issue .issue-summary {
		display: flex;
		flex-flow: row nowrap;
		align-items: stretch;
	}
	.wwt-issue .summary-left {
		flex: 1 1 auto;
		padding: 3rem 3rem 3rem 10rem;
	}
	.wwt-issue .summary-left:before {
		top: 3rem;
		width: 8rem;
		height: 8rem;
	}
	.wwt-issue .summary-left ul {
		margin-left: 0;
	}
	.wwt-issue .summary-right {
		flex: 0 0 32%;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: flex-start;
		padding: 3rem;
		margin: 0;
	}
	.wwt-issue .summary-right .toggle-btn {
		margin-top: 2rem;
	}
	.wwt-issue .issue-details .attention {
		float: right;
		width: 32%;
		margin: 0 0 2rem 2rem;
	}
	.wwt-issue .issue-details .bgr-gray {
		padding: 4rem 0;
		margin: 4rem 0;
	}
	.wwt-issue .issue-details > *:not(.bgr-gray,.attention,.collapse-btn),
	.wwt-issue .issue-details .bgr-gray > * {
		margin-left: 10rem;
		margin-right: 10rem;
	}

}