/* BCSF - Stewardship Agencies of BC (SABC) - Steward Profiles CSS */
/* Last Updated: 2024.02.15 ET */

@import url('sabc_default.css');

ul.stewards {
	list-style: none;
	max-width: 824px;
	padding: 0;
	margin: 1rem auto;
}

ul.stewards > li {
	border: 2px solid rgb(4,60,187);
	padding: 14px;
	margin: 1rem 0;
	border-radius: 1rem;
}

img.stewardlogo {
	display: inline-block;
	vertical-align: middle;
	width: 230px;
	height: 170px;
	object-fit: contain;
	object-position: center;
	margin: 10px;
}

div.stewardinfo {
	display: inline-block;
	vertical-align: middle;
	min-height: 190px;
	max-width: 300px;
	padding: 1rem;
	border-left: 2px solid rgb(4,60,187);
	border-right: 2px solid rgb(4,60,187);
}

ul.stewardlinks {
	display: inline-block;
	vertical-align: middle;
	list-style: none;
	padding: 0;
	margin: 1rem;
}

ul.stewardlinks > li {
	margin: 0.5rem;
}

ul.stewardlinks > li > a,
ul.stewardlinks > li > a:visited {
	display: block;
}

ul.stewardlinks > li > a::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	background: url('/images/bcsf_icon_linkarrow.svg') no-repeat center center;
	margin-top: -4px;
	margin-right: 10px;
}

div.headline {
	color: rgb(4,60,187);
	font-weight: bold;
	text-transform: uppercase;
}

a.website {
	display: block;
	font-size: 0.8rem;
}

div.teaser {
	font-size: 0.8rem;
	margin-top: 1.5rem;
}

main > header.stewardship-agencies.details > img {
	display: block;
	height: 12rem;
	width: auto;
	max-width: 18rem;
	object-fit: contain;
	object-position: center;
	margin: 0 auto;
}

ul.profilelinks {
	list-style: none;
	padding: 1rem 0;
	margin: 2rem auto;
	border-top: 2px solid rgb(4,60,187);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-content: space-between;
	align-items: flex-start;
}

ul.profilelinks > li {
	font-size: 1.4rem;
	text-align: center;
	padding: 0;
	margin: 0;
	flex: 1 1 auto;
}

ul.profilelinks > li:not(:first-child) {
	border-left: 2px solid rgb(4,60,187);
}

ul.profilelinks > li > a {
	display: block;
}

ul.profilelinks img,
ul.profilelinks svg {
	display: block;
	width: 4.5rem;
	height: 4.5rem;
	object-fit: contain;
	object-position: center;
	margin: 1rem auto;
}