/* Partners */

	#partners-page {
		padding: 5%;
		min-height: 100%;
	}

		#partners-page .page-header {
			margin-bottom: 2em;
		}

		#partners-page .page-header h2 {
			margin-bottom: 0.25em;
		}

		#partners-page .page-header p {
			max-width: 45em;
			color: #666;
		}

		#partners-page .partner,
		#events-item .involved-partners .partner {
			background-color: #f5f6f7;
			display: flex;
			margin-bottom: 2em;
		}

			#partners-page .partner .logo,
			#events-item .involved-partners .partner .logo {
				max-width: 20%;
				flex-shrink: 0;
				padding: 2em;
				display: flex;
				align-items: center;
				justify-content: center;
			}

				#partners-page .partner .logo img,
				#events-item .involved-partners .partner .logo img {
					width: 100%;
					height: auto;
					max-height: 8em;
					object-fit: contain;
				}

			#partners-page .partner .content,
			#events-item .involved-partners .partner .content {
				padding: 1em 15px 1em 15px;
				display: flex;
				flex-direction: column;
				flex-grow: 1;
			}

				#partners-page .partner .content header h3,
				#events-item .involved-partners .partner .content header h3,
				#events-item .involved-partners .partner .content header h4 {
					margin-bottom: 0.5em;
				}

				#partners-page .partner .content p,
				#events-item .involved-partners .partner .content p {
					flex-grow: 1;
				}

				#partners-page .partner .content .links,
				#events-item .involved-partners .partner .content .links {
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					gap: 1em;
					margin-top: 0.5em;
				}

				#partners-page .partner .content .more,
				#events-item .involved-partners .partner .content .more {
					text-align: right;
					margin-top: 0.5em;
				}

/* Partner detail */

	#partners-item .banner {
		position: relative;
		min-height: 45vh;
		background-color: #222222;
		background-size: cover;
		background-position: center;
		display: flex;
		align-items: flex-end;
	}

		#partners-item .banner .overlay {
			width: 100%;
			padding: 5%;
			color: #ffffff;
			background-color: rgba(0, 0, 0, 0.5);
		}

			#partners-item .banner .overlay h2 {
				margin: 0;
			}

	#partners-item .container {
		max-width: 60em;
		margin: 0 auto;
		padding: 3em 5%;
		line-height: 1.6;
	}

		#partners-item .container .links {
			margin-top: 2em;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 1em;
		}

		#partners-item .container .back {
			margin-top: 2em;
			text-align: right;
		}

	@media screen and (max-width: 480px) {
		#partners-page {
			padding: 2.5%;
		}

		#partners-page .partner .logo,
		#events-item .involved-partners .partner .logo {
			max-width: 35%;
			padding: 1em;
		}
	}