/* Directory Detail */

@media (min-width: 1441px) {
	#page .container {
		max-width: min(1600px, calc(100dvw - 404px));
	}
}


@media (max-width: 961px){
	#container {
		overflow: hidden;
	}
}

#primary {
	flex: 2 1 0;
	margin-top: 0;
	max-width: 100%;
	min-width: min(calc(100% - 30px), 360px);
	width: auto;
}

#sidebar {
	flex: 1 1 0;
	max-width: 100%;
}

#MMM_IA_BB_BOT {
	flex: 0 0 100%;
}

.directory__crumbtrail {
	background-color: #F4F8FF;
	color: #666;
	margin: 0.45em 0;
	padding: 0.45em 0.675em;
}

.crumbtrail__list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
}

.crumbtrail__item {
	list-style: none;
	margin: 0;
	padding: 0;
}

.crumbtrail__item:not(:last-child):after {
	content: "\203a";
	padding: 0 0.45em;
}

.crumbtrail__link {
	color: #333;
	text-decoration: none;
}

.directory__row {
	position: relative;
	z-index: 2;
}

.banner {
	padding: 0.75em 0;
}

.banner .attachment-full {
	display: block;
	height: auto;
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
}

.directory__logo {
	max-width: 100%;
	width: 250px;
}

.accordion {
	position: relative;
	z-index: 2;
}

@media (min-width: 991px) {
	.accordion {
		margin-top: -2.7em;
	}
}

.accordion__tab, 
.directory__btn a {
	background-color: #0095db;
	border: 1px solid #0095db;
	color: #fff !important;
	cursor: pointer;
	display: block;
	line-height: 1.8;
	padding: 0.45em 0.675em;
	text-align: center;
	text-decoration: none;
}

.accordion__tab:hover,
.directory__btn a:hover {
	background-color: #06B0FF;
	border: 1px solid #06B0FF;
	color: #fff !important;
}

.accordion__tab:active,
.directory__btn a:active {
	background-color: #0080BC;
	border: 1px solid #0080BC;
	color: #fff !important;
}

.accordion__tab:focus,
.directory__btn a:focus {
	outline: 1px dotted #000;
}

.accordion__tab--active,
.accordion__tab--active:hover,
.accordion__tab--active:active {
	background-color: #fff;
	color: #0095db !important;
	cursor: default;
}

@media(min-width: 350px) {

	.accordion__tabs {
		align-items: stretch;
		border-bottom: 1px solid #0095db;
		display: flex;
		justify-content: flex-start;
	}
	
	.accordion__tab {
		margin: 0.225em 0.225em -1px 0.225em;
	}
}

.accordion__panel {
	padding: 1.35em;
}

.directory__intro {
	border-bottom: 1px solid #efefef;
	margin: 0 0 0.75em 0;
	padding: 0 0 0.75em 0;
}

.directory__title {
	border: none;
	font-size: 2em;
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

.directory__subtitle,
.panel__title {
	border: none;
	color: #0095db;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	text-transform: none;
}

.panel__title {
	color: #24292e;
}

.directory__contact {
	line-height: 1.8;
	padding: 0.45em 0;
}

.directory__contact a {
	color: #0095db;
}

.directory__contact a:hover {
	color: #06B0FF !important;
}

.directory__contact a:active {
	color: #0080BC !important;
}

.directory__btn a {
	display: inline-block;
}

@media(min-width: 1024px) {

	.accordion__tab {
		font-size: 1.25em;
	}

	.directory__title {
		font-size: 3em;
	}

	.directory__subtitle,
	.panel__title {
		font-size: 2em;
	}

}

.directory__logo,
.directory__video {
	padding: 0.375em;
}

.directory__logo .wp-post-image {
	display: block;
	margin: auto;
	max-width: 100%;
}

.directory__video p {
	margin: 0;
}

.directory__video p ~ p {
	margin-top: 0.75em;
}

.directory__video iframe {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	margin: auto;
	width: 100%;
}