/* ********** main ********** */

main.collapsible-container {
	margin-bottom: 60px;
}

/* Section .collapsible */

/* Article .banner */

section.collapsible article.banner {
	min-height: 40vh;
	padding: 3% 20% 3% 3%;

	background: #bebebe url('../images/article-banner.jpg') no-repeat center;
	background-size: cover;
	border-radius: 20px;
}

/* Article .lorem-ipsum */

article.lorem-ipsum {
	margin-top: 20px;
}

article.lorem-ipsum .collapsible-content p {
	font-size: 1em;
}

aside .collapsible-tabs .coll-tab a {
	padding: 10px;
	display: block;
	color: #333;
	border: lightgray 1px solid;
}

aside .collapsible-tabs .coll-tab a:not(.collapsed) {
	font-weight: bold;
	background-color: #d36509;
	color: white;
	border: none;
}

aside .search-form {
	padding: 30px 15px 30px 15px;
	position: relative;
	background-color: rgb(238, 238, 238);
}

aside .search-form p {
	font-size: 1em;
}

aside .search-form input.bttn {
	position: absolute;
	bottom: -20px;
	right: 15px;
	background-color: white;
}

@media screen and (min-width: 768px) {
	.collapsible-container {
		display: flex;
		gap: 15px;
	}

	.collapsible-container section.collapsible {
		flex: 2;
	}

	.collapsible-container aside {
		flex: 1;
	}
}