@media (min-width: 0em) {

	div.memorials-js {
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: stretch;
		gap: 1em;
		position: relative;
	}
	div.memorials-js:not(:first-child) {
		margin-top: 1em;
	}
	div.memorials-js .spinner {

	}
	div.memorials-js .display {
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: stretch;
		gap: 1em;
	}
	div.memorials-js .display .item {
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: stretch;
		gap: 0.5em;
		border-radius: 0.5em;
		padding: 1em;
		background: #EEF3FB;
	}
	div.memorials-js .display .item .title {
		margin: 0;
		padding: 0;
		font-size: 1rem;
		font-family: unset !important;
		font-weight: 700 !important;
	}
	div.memorials-js .display .item .content {
		padding: 0 !important;
		border: none !important;
		background: none !important;
		box-shadow: none !important;
	}
	div.memorials-js .pagination {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		gap: 0.5em;
		margin: 0;
		padding: 0;
	}
	div.memorials-js .pagination button {
		display: none;
		border: 1px solid #537052;
		border-radius: 0.5rem;
		padding: 0.5rem 1rem;
		color: #537052;
	}
	div.memorials-js .pagination button.active,
	div.memorials-js .pagination button.mobile {
		display: block;
	}
	div.memorials-js .pagination button.active {
		background: #537052;
		color: #fff;
	}

}
@media (min-width: 40em) {

	div.memorials-js {
		gap: 2em;
	}
	div.memorials-js:not(:first-child) {
		margin-top: 2em;
	}
	div.memorials-js .display {
		gap: 2em;
	}
	div.memorials-js .display .item {
		gap: 1em;
		border-radius: 1em;
		padding: 2em;
	}
	div.memorials-js .pagination {
		gap: 1em;
	}
	div.memorials-js .pagination button {
		display: block;
	}
	div.memorials-js .pagination button.mobile {
		display: none;
	}

}
@media (min-width: 64em) {



}