.accordion *,
.accordion  *:before,
.accordion  *:after {
	/*box-sizing: border-box;*/
}

/**
* Accordion container element
*/
.accordion {
	margin: 2.5rem 0;
}

.accordion > li {
	margin: 0;
}

/**
* Add zero-width space. needed to ensure Safari + VO respect list semantics.
* Set the before content to position absolute to negate any visible space
* the before content could add to the document.
*/
.accordion > li:before {
	content: "\200B";
	position: absolute;
}

/**
* Accordion Heading
*/
.accordion__heading {
	border-top: 1px solid white;
	margin: 0;
}
.accordion__heading:first-child {
	border-top: none;
}

.accordion__trigger {
	-webkit-appearance: none;
	background-color: #003e7e;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: white;
	cursor: pointer;
	display: block;
	margin: 0;
	padding: 1.1rem 6.7rem 1.1rem 2.2rem;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 2;
	white-space: normal;

	font-family: jubilat,serif;
	font-weight: 500;
	line-height: 1.2;
	font-size: 2.25rem;
	text-transform: none;
	letter-spacing: normal;

	transition: background-color .3s;
}

.accordion__trigger:after {
	border-left: .4em solid transparent;
	border-right: .4em solid transparent;
	border-top: .5em solid #fff;
	bottom: 0;
	content: '';
	height: 0;
	margin: auto;
	position: absolute;
	right: 2.2rem;
	top: 0;
	transition: transform .2s ease-in-out;
	transform-origin: center center;
	transform: rotate(0deg);
	width: 0;
}

.accordion__trigger:hover:after,
.accordion__trigger:focus:after,
.accordion__trigger[aria-expanded="true"]:after {
	border-top-color: #fff;
}

.accordion__trigger[aria-expanded="true"]:after {
	transform: rotate(180deg);
}

/**
* This is needed to allow a double tap iOS 11
* Safari + VO to function correctly, if there
* are multiple elements (wrapper spans) to layout
* text nodes within the accordion button.

-- This is not needed if a button only contains text
and no other child nodes wrapping the text --

.accordion__trigger > * {
pointer-events: none;
}
*/

.accordion__trigger:focus {
	background-color: #003e7e;
}

.accordion__trigger:hover {
	background-color: #102B5F;
}

/* Take away hover effects for touchscreen devices, where hover effects are undesireably sticky */
@media (hover: none), (hover:on-demand) {
	.accordion__trigger:hover {
		background-color: #003e7e;
	}
}

body.accessible .accordion__trigger:focus {
	outline: 2px solid #ffd200;
	outline-offset: -4px;
	color: white;
}

.accordion__trigger[aria-disabled="true"]:hover {
	background-color: #1b75bc;
	color: white;
	cursor: not-allowed;
}

.accordion__trigger[aria-disabled="true"]:focus {
	background-color: #0a2a42;
}

.accordion__panel {
	overflow: hidden;
	transition: height 0.3s ease-out;
	height: auto;
	padding: 0;
	position: relative;
	z-index: 1;
	visibility: hidden; /* content invisible by default (helps keyboard controls skip over links in hidden content) */
}
.accordion__content {
	padding: 2.5rem 2.2rem 1rem;
}
.accordion__content.-noPadding {
	padding: 0;
}

.accordion__panel[aria-hidden="false"] {
	visibility: visible;
}

.accordion__trigger[aria-expanded="true"] {

}

@media (max-width: 550px) {
	.accordion__trigger {
		padding: 1.1rem 5.3rem 1.1rem 1.5rem;
	}
	.accordion__trigger:after {
		right: 1.5rem;
	}
	.accordion__content {
		padding: 2.5rem 1.5rem 1rem;
	}
}