﻿/* Styles for accordion */

.accordion {
	margin: 15px auto;
	width: 100%;
}

.accordion .card {
	background-color: #fff;
	box-shadow: none;
	border-radius: 0;
	color: #000;
}

.accordion .list-group-item {
	border-left: none;
	border-right: none;
	border-top-left-radius: 0; 
	border-top-right-radius: 0;
}

.accordion .card-body {
	border-top: 1px solid #ddd;
	-ms-word-break: break-word;
	overflow-wrap: break-word;
	word-break: break-word;
	word-wrap: break-word;
}

.accordion .card-body img,.accordion .card-body video {
	max-width: 100%;
}

.accordion .card-body h1,.accordion .card-body h2,.accordion .card-body h3,.accordion .card-body h4,.accordion .card-body h5,.accordion .card-body h6 {
	margin-top: 0;
}

.accordion .card-body h1,.accordion .card-body h2,.accordion .card-body h3,.accordion .card-body h4,.accordion .card-body h5,.accordion .card-body h6 {
	color: #333;
}

.accordion .card-title {
	position: relative;
	margin-bottom: 0;
	margin-top: 0;
}

.accordion .panel-title a {
	color: #000;
}

.accordion>.card .card-header {
	background-color: transparent;
	border-color: transparent;
	padding: 0;
}

.accordion .card-header .card-title button {
	color: #333;
	display: block;
	font-size: 24px;
	font-weight: 900;
	line-height: 1.25em;
	margin-bottom: 0;
	padding: 15px 90px 15px 15px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

.accordion>.card:first-of-type {
	border-bottom: 1px solid #ddd;
}

.accordion>.card:not(:first-of-type) {
	border-bottom: 1px solid #ddd !important;
	margin-top: 5px;
}

.card-title button:hover {
	color: #333;
}

.card-title button:focus {
	background-color: #f5f5f5; 
	box-shadow: none !important; 
}

.accordion .fa-plus::before,.accordion .fa-minus::before {
	position: relative;
	top: calc(50% - 10px);
}

.accordion .fa-minus {
	display: none;
}

.accordion .img-thumbnail {
	border-radius: 0;
}

.accordion .t-accordionIcon default.uiIcon {
	background-color: #cfb87c;
	color: #333 !important;
	fill: #333 !important;
}

.accordion .t-icon-container {
	align-items: center;
	background: #cfb87c none repeat scroll 0 0; 
	display: flex;
	height: 100%;
	justify-content: center;
	padding: 15px;
	position: absolute;
	right: 0;
	top: 0;
}

@media (max-width: 768px) {
	.accordion .fa-plus::before,.accordion .fa-minus::before {
		position:relative;
		top: calc(50% - 13px);
	}
}

.accordion .card-header .card-title button[aria-expanded="true"] .fa-minus {
	display: block;
}

.accordion .card-header .card-title button[aria-expanded="true"] .fa-plus {
	display: none;
}

.accordion .card-header .card-title button[aria-expanded="true"] {
	background-color: #f5f5f5;
}

.accordion .card-header .card-title button[aria-expanded="false"] {
	background-color: #ffffff;
}
