.cow-faq { width: 100%; max-width: 1080px; margin: 0 auto; font-family: 'Open Sans', sans-serif; }

.cow-faq__topic {
	font-size: 22px;
	font-weight: 800;
	font-style: italic;
	color: #2b3a5a;
	text-transform: uppercase;
	margin: 30px 0 15px;
	letter-spacing: 1px;
}

.cow-faq__list { display: flex; flex-direction: column; }

.cow-faq__item {
	border-bottom: 1px solid #e7e3d8;
	padding: 12px 0;
}

.cow-faq__question {
	width: 100%;
	background: none;
	border: 0;
	padding: 8px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	color: #2b3a5a;
	letter-spacing: .5px;
	font-family: inherit;
}

.cow-faq__question:hover { color: #e8a33d; }

.cow-faq__icon {
	width: 14px; height: 14px;
	position: relative;
	flex-shrink: 0;
	margin-left: 15px;
}
.cow-faq__icon::before,
.cow-faq__icon::after {
	content: '';
	position: absolute;
	background: #2b3a5a;
	top: 50%; left: 50%;
	transition: transform .25s ease;
}
.cow-faq__icon::before { width: 14px; height: 2px; transform: translate(-50%, -50%); }
.cow-faq__icon::after  { width: 2px; height: 14px; transform: translate(-50%, -50%); }

.cow-faq__question[aria-expanded="true"] .cow-faq__icon::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }

.cow-faq__answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s ease;
}

.cow-faq__answer-inner {
	padding: 8px 0 12px;
	font-size: 14px;
	line-height: 1.6;
	color: #4a5468;
}

.cow-faq__answer-inner p:last-child { margin-bottom: 0; }

.cow-faq__item.is-open .cow-faq__answer { max-height: 2000px; }