/**
 * ------ toggleAriaControls - ACCORDION ------
 */
 .accordiontoggle-trigger{
	display: flex;
	align-items: center;
 }
.accordiontoggle-trigger,
.accordiontoggle-trigger:hover,
.accordiontoggle-close,
.accordiontoggle-close:hover{
	text-decoration: none;
}
.accordiontoggle-trigger,
.accordiontoggle-close{
	position:relative;
	cursor: default;
	outline: 0;
}
/** 
 * (2021-01-15 LS) Do not remove this cursor pointer rule! 
 * AJ requested that all clickable toggle content triggers have a cursor hand.
 * I explained why this is considered, according to UX best practice as incorrect usage of 
 * the cursor hand which is intended for links to other pages ( https://uxdesign.cc/buttons-shouldnt-have-a-hand-cursor-part-2-4a6e1c8423a5 )
 * AJ still wants this functionality in place as many people think of the cursor as an indication of clickable content.
 */
.accordiontoggle-trigger,
.accordiontoggle-close{
	cursor: pointer;	
}
.accordiontoggle-trigger-contracted,
.accordiontoggle-trigger-expanded{
	/*font-weight:normal;*/
}
.accordiontoggle-trigger:after {

	display: inline-block;
	font-size: 1.2em;
	padding: 0 0.5em;
	font-weight: bolder;
	font-size: 2.4rem;
	width:3rem;
	height:3.05rem;
	margin: 0.6rem!important;
	/* font-size: 1.25em; */
	/* width:1.032em; */
	/* height:1.032em; */
	/* margin: 0.25em!important;	 */
	line-height:1;
	text-align:center;
	/* border-radius:50%; */
	content:"";
	background-image: url("../images/arrow_accordion_up.svg");
	transition: transform 0.3s ease;
}
.accordiontoggle-trigger-expanded:after {
	transform: rotate(180deg);
	        position: relative;
        top: 0.125em;
	
}
.accordiontoggle-trigger,
.accordiontoggle-trigger:after,
.accordiontoggle-trigger-contracted,
.accordiontoggle-close{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/** Visible only for screen readers */
.accordiontoggle-panel.sr-only{
	position:absolute!important;
	top:-9999em!important;
	left:-9999em!important;
}