@charset "UTF-8";
/*Mod classes for .card-about:
.card-about-people
.card-about-church
*/
@media only screen and (min-width: 1200px) {
		.card-about {
				font-size: 18px;
		}
}
.card-about .top {
		background: var(--color1);
}
.card-about .bottom {
		background: var(--white);
}
.card-about dl, .card-about dd, .card-about dt {
		font: inherit;
		display: block;
		margin: 0;
		padding: 0;
}
.card-about .title {
		font-weight: 500;
}
.card-about ul, .card-about li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.card-about li:before {
		display: none;
}
.card-about .text {
		padding-right: 40px;
		--gap: 4px;
}
.card-about .text > * {
		display: block;
		margin: 0;
}
.card-about .text > *:not(:first-child), .card-about .text li:not(:first-child) {
		margin-top: var(--gap);
}
.card-about .text > *:not(:last-child), .card-about .text li:not(:last-child) {
		margin-bottom: var(--gap);
}
.card-about .photo {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding: 0;
		background-color: var(--white);
		color: var(--color2);
		border-radius: var(--radius);
}
.card-about-people .photo {
		width: 192px;
}
.card-about-church .photo {
		width: 320px;
}
.card-about-people .photo:has(>svg){
		aspect-ratio: 192/288;
}
.card-about-church .photo:has(>svg){
		aspect-ratio: 319/425;
}
.card-about .photo img, .card-about .photo svg {
		width: 100%;
		height: auto;
}
.card-about .photo img{
		border-radius: var(--radius);
}
.card-about .photo svg{
		fill: currentColor;
}
.card-about strong, .card-about .bold {
		font-weight: 500;
}
.card-about h1 {
		font-weight: 500;
		font-size: 20px;
		line-height: 1.3;
		margin: 0 0 24px 0;
}
@media only screen and (min-width: 940px) {
		.card-about h1 {
				font-size: 22px;
				line-height: 24px;
		}
}
.card-about dl h1 {
		font: inherit;
		font-weight: 500;
		margin: 0;
}
@media only screen and (min-width: 940px) {
		.card-about .top {
				padding: 35px 0;
				border-top-left-radius: var(--radius);
				border-top-right-radius: var(--radius);
		}
		.card-about .bottom {
				border-bottom-left-radius: var(--radius);
				border-bottom-right-radius: var(--radius);
		}
		.card-about .top:after, .card-about .bottom:after {
				content: ' ';
				clear: both;
				display: block;
				width: 0;
				height: 0;
				overflow: hidden;
				font-size: 0;
		}
		.card-about .photo {
				float: left;
		}
		.card-about .title {
				float: left;
				padding-right: var(--gap);
		}
		.card-about .bottom .text:before {
				content: '';
				display: block;
				height: 1px;
				background: var(--grey-light2);
				position: relative;
				margin-right: -40px;
		}
		.card-about .bottom .text:nth-child(1):before, .card-about .bottom .text:nth-child(2):before {
				display: none;
		}
		.card-about-people .top {
				padding-top: 55px;
		}
		.card-about-people .top, .card-about-people .bottom {
				padding-left: 494px;
		}
		.card-about-people .bottom {
				padding-top: 24px;
				padding-bottom: 55px;
		}
		.card-about-people .photo {
				margin-left: -454px;
				margin-top: -20px;
		}
		.card-about-people .title {
				width: 236px;
				margin-left: -236px;
		}
		.card-about-people .text {
				padding-right: 40px;
		}
		.card-about-people .text:not(:last-child) {
				margin-bottom: 56px;
		}
		.card-about-people .bottom .text:before {
				margin-left: -494px;
				top: -28px;
		}
		@media only screen and (min-width: 1200px) {
				.card-about-people .top, .card-about-people .bottom {
						padding-left: 582px;
				}
				.card-about-people .bottom .text:before {
						margin-left: -582px;
				}
		}
		.card-about-church .top {
				padding-top: 60px;
				padding-left: 564px;
		}
		.card-about-church .bottom {
				padding-left: 314px;
				padding-top: 38px;
				padding-bottom: 60px;
		}
		.card-about-church .photo {
				margin-left: -564px;
				margin-top: -60px;
		}
		.card-about-church .photo img, .card-about-church .photo svg {
				border-top-right-radius: 0;
				border-bottom-left-radius: 0;
		}
		.card-about-church h1 {
				margin-bottom: 68px;
				margin-left: -222px;
		}
		.card-about-church .top .title {
				width: 222px;
				margin-left: -222px;
		}
		.card-about-church .bottom .title {
				width: 274px;
				margin-left: -274px;
		}
		.card-about-church .top .text {
				--gap: 12px;
		}
		.card-about-church .top .text:not(:last-child) {
				margin-bottom: 50px;
		}
		.card-about-church .bottom .text:not(:last-child) {
				margin-bottom: 60px;
		}
		.card-about-church .bottom .text:before {
				margin-left: -314px;
				top: -30px;
		}
		@media only screen and (min-width: 1200px) {
				.card-about-church .bottom {
						padding-left: 342px;
				}
				.card-about-church .bottom .text:before {
						margin-left: -342px;
				}
		}
}
@media only screen and (max-width: 939.99px) {
		.card-about .top, .card-about .bottom {
				border-radius: var(--radius-small);
				padding: 32px 20px;
		}
		.card-about .top {
				margin-bottom: var(--gap);
		}
		.card-about .photo {
				margin-bottom: 24px;
		}
		.card-about .title {
				margin: 24px 0 8px 0;
		}
		.card-about .title:first-child {
				margin-top: 0;
		}
		.card-about-church .photo {
				margin-left: auto;
				margin-right: auto;
		}
		.card-about-church .top .text {
				--gap: 8px;
		}
}