/* -----------------------------------------------------------------------------
   Group Documents Shell
   ----------------------------------------------------------------------------- */

#buddypress .bb-media-container.group-media.bond-group-documents {
	padding-top: 0;
}

.bond-group-documents {
	--bond-documents-border: #d2d0c8;
	--bond-documents-line: #e7e9ec;
	--bond-documents-subtle: #f4f4f2;
	--bond-documents-text: #37322d;
	--bond-documents-muted: #989482;
	--bond-documents-accent: #8a0026;

	& .bond-documents-screen {
		margin: 0 auto;
		max-width: 100%;
		padding-top: 2rem;
		font-size: 16px;
	}

	& .bond-documents-screen__breadcrumbs {
		margin: 0 0 12px;
		color: var(--bond-documents-muted);
		font-size: 14px;
		line-height: 23.8px;

		& a {
			color: #545246;
			text-decoration: underline;
			text-underline-offset: 2px;
		}
	}

	& .bond-documents-screen__header {
		width: 100%;
		margin: 0;
	}

	& .bond-documents-screen__title-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
		margin: 0;
		padding: 12px 0 21px;
		border-bottom: 1px solid #eee;
	}

	& .bond-documents-screen__title {
		margin: 0;
		color: var(--bond-documents-text);
		font: 400 32px/38.4px "DINNextRoundedLTProRegular", arial, sans-serif;
	}

	& .bond-documents-screen__actions {
		display: inline-flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 8px;
	}

	& .bond-documents-screen__action.button.small.outline {
		appearance: none;
		-webkit-appearance: none;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8.407px;
		height: 36.12px;
		min-height: 36.12px;
		margin: 0;
		padding: 7.567px 19.337px 5.885px 18.496px;
		border: 0.841px solid var(--bond-documents-accent);
		border-radius: 3.363px;
		background: transparent;
		box-shadow: none;
		color: var(--bond-documents-accent);
		font-size: 15.97px;
		line-height: 23.961px;
		text-decoration: none;
		text-transform: none;
		white-space: nowrap;

		&:hover,
		&:focus {
			background: rgba(138, 0, 38, 0.05);
			color: var(--bond-documents-accent);
		}
	}

	& .bond-documents-screen__action-icon,
	& .bond-documents-screen__search-icon,
	& .bond-documents-screen__filter-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: currentColor;

		& svg {
			display: block;
			width: 100%;
			height: 100%;
		}
	}

	& .bond-documents-screen__action-icon {
		width: 18.496px;
		height: 18.496px;
	}

	& .bond-documents-screen__search-icon {
		width: 18px;
		height: 18px;
	}

	& .bond-documents-screen__filter-icon {
		position: absolute;
		top: 50%;
		right: 12px;
		width: 12px;
		height: 8px;
		color: #545246;
		pointer-events: none;
		transform: translateY(-50%);
	}

	& .bond-documents-screen__action-icon svg path,
	& .bond-documents-screen__action-icon svg circle,
	& .bond-documents-screen__search-icon svg path,
	& .bond-documents-screen__search-icon svg circle,
	& .bond-documents-screen__filter-icon svg path {
		fill: none;
		stroke: currentColor;
		stroke-linecap: round;
		stroke-linejoin: round;
		stroke-width: 1.5;
	}
}