.fundsaccordion--section {
	background: linear-gradient(180deg, #001C33 35.5%, #0A6D96 100%);
	color: #fff;
}

.fundsaccordion--container {
	padding: 60px 30px;
}

.fundsaccordion--title {
	text-align: center;
	color: var(--theme-lt-blue);
	margin-bottom: 20px;
}

.fundsaccordion--copy {
	text-align: center;
	max-width: 520px;
	margin: 0 auto 60px;
}

.fundsaccordion--cta-wrap {
	text-align: center;
	margin-top: 60px;
}

.fundsaccordion--wrap {
	border-bottom: 1px solid #3CA4D459;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.fundsaccordion--top {
	background: var(--theme-lt-blue-10);
	padding: 20px 20px 1px 20px;
	display: flex;
	flex-wrap: wrap;
}

.fundsaccordion--name {
	width: calc(100% - 69px);
	align-self: center;
	margin-bottom: 0;
	color: var(--theme-lt-blue);
}

.fundsaccordion--button {
	margin-left: 30px;
}

.fundsaccordion--short-name,
.fundsaccordion--date,
.fundsaccordion--cost {
	width: 33.33333%;
	padding: 0 15px;
	align-self: center;
	margin-top: 20px;
}

.three-col-mod .fundsaccordion--short-name,
.three-col-mod .fundsaccordion--date {
	width: 50%;
}

.fundsaccordion--short-name {
	padding-left: 0;
}

.fundsaccordion--date {
	border-left: 1px solid var(--theme-lt-blue);
	border-right: 1px solid var(--theme-lt-blue);
	text-align: center;
}

.three-col-mod .fundsaccordion--date {
	border-right: none;
}

.fundsaccordion--cost {
	padding-right: 0;
	text-align: right;
}

@media (max-width: 991px) {
	.fundsaccordion--name {
		font-size: 1.5rem;
	}
}

.fundsaccordion--button {
	border: none;
	background: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='19' r='19' fill='%23001C33'/%3E%3Cpath d='M20.4515 11.208V17.112H26.3795V19.056H20.4515V24.984H18.4355V19.056H12.6515V17.112H18.4355V11.208H20.4515Z' fill='white'/%3E%3C/svg%3E%0A");
	width: 39px;
	height: 39px;
	text-indent: 38px;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	transition: all .3s;
	border-radius: 50%;
	border: 1px solid transparent;
}

.fundsaccordion--button:focus {
	outline: none;
	border: 1px solid var(--theme-lt-blue);
}

.fundsaccordion--button[aria-expanded="true"] {
	background-color: var(--theme-lt-blue);
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='19' cy='19' r='19' fill='%233CA4D4'/%3E%3Cpath d='M15.0768 20.304V18.384H23.9328V20.304H15.0768Z' fill='white'/%3E%3C/svg%3E%0A");
}

.fundsaccordion--button[aria-expanded="true"]:focus {
	border-color: #fff;
}

.fundsaccordion--bottom {
	background: var(--theme-lt-blue-10);
	padding: 0 20px 20px;
}

.fundsaccordion--image {
	max-width: 485px;
	margin-bottom: 30px;
}

.fundsaccordion--fcopy {
	max-width: 590px;
}

.fundsaccordion--fcta-wrap {
	margin-top: 35px;
}

@media (min-width: 992px) {
	.fundsaccordion--top {
		padding: 20px 30px 1px 30px;
		flex-wrap: nowrap;
	}
	
	.fundsaccordion--button {
		order: 10;
		flex-shrink: 0;
	}
	
	.fundsaccordion--name {
		width: 365px;
		flex-shrink: 0;
		margin-bottom: 20px;
	}
	
	.fundsaccordion--bottom {
		padding: 1px 30px 30px 30px;
		display: flex;
	}
	
	.fundsaccordion--image {
		width: 45%;
		margin-bottom: 0;
		margin-right: 60px;
	}
	
	.fundsaccordion--fcopy {
		width: calc(55% - 60px);
	}
	
	.fundsaccordion--short-name,
	.fundsaccordion--date,
	.fundsaccordion--cost {
		padding: 0 15px;
		margin: 0 0 20px;
		text-align: center;
	}
	
	.fundsaccordion--short-name {
		padding-left: 0;
	}
	
	.fundsaccordion--cost {
		padding-right: 0;
	}
	
	.fundsaccordion--legend {
		margin-left: 405px;
		margin-right: 69px;
		margin-bottom: 20px;
		width: calc(100% - 365px - 69px - 60px); /* padding, title, button */
		text-align: center;
	}
	
	.fundsaccordion--legend td {
		color: rgba(255,255,255,.6);
	}
}