/* input(211,13): run-time error CSS1030: Expected identifier, found '#menu-toggle'
input(211,33): run-time error CSS1025: Expected comma or open brace, found ')' */
@import 'TheAvalonChurch.Website.Client.wyt6ltw7uk.bundle.scp.css';

/* _content/TheAvalonChurch.Website/Components/Layout/AppFooter.razor.rz.scp.css */
footer[b-57q4ccp98c] {
	display: flex;
	flex-direction: row;
	background-color: #1E2722;
	color: #D3D3D3;
	font-family: 'TTHovesPro-Lt', sans-serif;
	flex-wrap: wrap;
}

	footer .container[b-57q4ccp98c] {
		align-items: flex-start;
		width: 78%;
	}

	footer .footer-logo[b-57q4ccp98c] {
		width: 190px;
		height: 70px;
	}

	footer .page-nav a[b-57q4ccp98c] {
		color: #EED1BD;
	}

	footer picture[b-57q4ccp98c] {
		margin: 0;
		margin-left: 37px;
	}

	footer p[b-57q4ccp98c] {
		font-size: 20px;
		font-weight: bold;
		margin: 0;
	}

	footer nav[b-57q4ccp98c] {
		display: flex;
		line-height: 30px;
	}

	footer .policy-nav a[b-57q4ccp98c] {
		color: #999999;
	}

	footer .policy-nav picture[b-57q4ccp98c] {
		margin-left: 0;
		margin-bottom: 20px;
	}

	footer ul[b-57q4ccp98c] {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
	}

	footer a[b-57q4ccp98c] {
		text-decoration: none;
		margin: 5px 0;
		font-size: 18px;
	}

		footer a:hover[b-57q4ccp98c] {
			text-decoration: underline;
		}

.social-media-icon[b-57q4ccp98c] {
	filter: invert(40%) sepia(0%) saturate(1108%) hue-rotate(235deg) brightness(96%) contrast(90%);
	width: 20px;
	height: 20px;
	padding-right: 8px;
	cursor: pointer;
}

@media screen and (max-width: 768px) {
	footer picture[b-57q4ccp98c] {
		margin: 0;
		margin-left: 0;
	}
}

@media screen and (max-width: 653px) {
	footer .container[b-57q4ccp98c] {
		flex-direction: column;
	}

	footer picture[b-57q4ccp98c],
	footer nav[b-57q4ccp98c] {
		width: 100%;
		text-align: center;
		padding: 14px 0px;
		margin: 0;
		margin-left: 0;
	}

	ul[b-57q4ccp98c] {
		width: 100%;
	}
}
/* _content/TheAvalonChurch.Website/Components/Layout/AppHeader.razor.rz.scp.css */
header[b-rrksh4s8vv] {
	background-color: #0D6472;
	font-family: 'TTHovesPro-Lt', sans-serif;
	padding: 20px 0;
	transition: height 0.3s ease-in-out;
}

.container[b-rrksh4s8vv] {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.nav-wrapper[b-rrksh4s8vv] {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

img[b-rrksh4s8vv] {
	height: auto;
	width: 170px;
	display: block;
	aspect-ratio: 2.70;
}

#nav-menu ul[b-rrksh4s8vv] {
	list-style: none;
	margin: 0;
	padding: 18px 0;
	display: flex;
	justify-content: flex-end;
}

#nav-menu li[b-rrksh4s8vv] {
	margin-left: 30px;
	min-height: 42px;
	display: block;
	align-items: center;
}

#nav-menu a[b-rrksh4s8vv] {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-family: 'TTHovesPro-Lt', sans-serif;
	cursor: pointer;
}

	#nav-menu a:hover[b-rrksh4s8vv] {
		text-decoration: underline;
	}

.menu-icon[b-rrksh4s8vv] {
	display: none;
	font-size: 30px;
	cursor: pointer;
}

@media (max-width: 762px) {
	.menu-icon[b-rrksh4s8vv] {
		display: block;
		color: white;
	}

	#nav-menu[b-rrksh4s8vv] {
		width: 90%;
		margin-top: 15px;
	}

	nav[b-rrksh4s8vv] {
		position: absolute;
		top: 67px;
		display: none;
		flex-direction: column;
		align-items: flex-end;
		width: fit-content;
		background-color: #0D6472;
		border-top: 2px solid #fff;
		text-align: right;
		transition: height 0.3s ease-in-out;
	}

		nav ul[b-rrksh4s8vv] {
			flex-direction: column;
			justify-content: flex-end;
			text-align: right;
		}

		nav li[b-rrksh4s8vv] {
			margin: 0;
		}

		nav a[b-rrksh4s8vv] {
			color: white;
			font-size: 20px;
		}


	#menu-toggle:checked ~ #nav-menu[b-rrksh4s8vv] {
		display: flex; 
	}

	header:has(#menu-toggle:checked)[b-rrksh4s8vv] {
		height: 200px;
	}
}
/* _content/TheAvalonChurch.Website/Components/Pages/Contact.razor.rz.scp.css */
.intro-section[b-rbkip1kc3o] {
	background-color: #A1C0B7;
	color: white;
	margin: 0;
	font-family: 'TTHovesPro-Lt', sans-serif;
	height: 285px;
	padding-left: 15px;
}

	.intro-section article[b-rbkip1kc3o] {
		width: 38%;
		text-align: left;
		padding-left: 11%;
	}

.location-details[b-rbkip1kc3o] {
	background-color: #A1C0B7;
	color: white;
	padding: 2% 0;
}

	.location-details h2[b-rbkip1kc3o] {
		font-size: 65px;
		width: 44%;
		margin: 0;
		font-family: "DMSerifDisplay", serif;
	}

	.location-details address[b-rbkip1kc3o] {
		width: 19%;
		font-family: 'TTHovesPro-Lt', sans-serif;
		font-style: normal;
	}

	.location-details img[b-rbkip1kc3o] {
		width: 100px;
	}

@media screen and (max-width: 768px) {
	.intro-section[b-rbkip1kc3o] {
		height: auto;
	}

		.intro-section article[b-rbkip1kc3o] {
			width: 100%;
			padding: 0;
		}

	.location-details[b-rbkip1kc3o] {
		flex-direction: column;
		text-align: center;
	}

		.location-details h2[b-rbkip1kc3o] {
			width: 100%;
			font-size: 40px;
		}

		.location-details address[b-rbkip1kc3o],
		.location-details picture[b-rbkip1kc3o] {
			width: 100%;
		}
}
/* _content/TheAvalonChurch.Website/Components/Pages/Giving.razor.rz.scp.css */
.intro-section[b-lz2e7r3xyj], .content-section[b-lz2e7r3xyj] {
  background-color: #886C67;
  color: white;
  margin: 0;
  font-family: 'TTHovesPro-Lt', sans-serif;
}

h2[b-lz2e7r3xyj] {
  font-size: 65px;
  margin: 0;
  text-align: left;
  font-family: "DMSerifDisplay", serif;
  font-weight: normal;
}

h3[b-lz2e7r3xyj] {
  font-family: "DMSerifDisplay", serif;
  font-size: 28px;
}

.btn[b-lz2e7r3xyj] {
  display: inline-block;
  background-color: white;
  color: #886C67;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: fit-content;
  margin: 10px 0;
}

  .btn:hover[b-lz2e7r3xyj] {
    background: #DDD;
  }

.intro-section[b-lz2e7r3xyj] {
  padding-bottom: 50px;
}

.intro-section[b-lz2e7r3xyj],
.content-section[b-lz2e7r3xyj] {
  height: auto;
  margin-top: -5px;
}

  .intro-section .two-column-layout[b-lz2e7r3xyj] {
    display: flex;
    justify-content: normal;
    gap: 25%;
  }

  .content-section .container[b-lz2e7r3xyj] {
    width: 80%;
    display: block;
  }

    .content-section .container div[b-lz2e7r3xyj] {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      text-align: center;
      align-items: center;
    }

    .content-section .container img[b-lz2e7r3xyj] {
      height: 80px;
      margin: 30px 5px 0 5px;
    }

cite[b-lz2e7r3xyj] {
  font-style: normal;
  display: flex;
  flex-direction: column;
}

.intro-section article:nth-of-type(1)[b-lz2e7r3xyj] {
  width: 41%;
  text-align: left;
}

.intro-section article:nth-of-type(2)[b-lz2e7r3xyj] {
  width: 31%;
  text-align: left;
}

.content-section[b-lz2e7r3xyj] {
  text-align: center;
}

  .content-section h3[b-lz2e7r3xyj] {
    margin-bottom: 70px;
  }

.water-banner-section[b-lz2e7r3xyj] {
  width: 100%;
  height: 306px;
}

.water-banner[b-lz2e7r3xyj] {
  background-image: url("/images/water.jpg?v=hnb2YvtDKZKfINlj4v4aEwHu_u8");
  object-fit: cover;
  margin: 0;
  width: 100%;
}

.parallax-container[b-lz2e7r3xyj] {
  overflow: visible;
}

.water-img[b-lz2e7r3xyj] {
  left: 80%;
  position: absolute;
  transform: translate(4%, -51%);
  z-index: 1;
  margin: 0;
  width: 115px;
}

  .water-img img[b-lz2e7r3xyj] {
    width: 100%;
  }

.content-section[b-lz2e7r3xyj] {
  height: auto;
}

  .content-section .controller[b-lz2e7r3xyj] {
    display: block;
  }

.intro-section article[b-lz2e7r3xyj] {
  padding-top: 28px;
  padding-bottom: 48px;
  font-size: 18px;
}

  .intro-section article strong[b-lz2e7r3xyj] {
    font-size: 20px;
  }

  .intro-section article p[b-lz2e7r3xyj] {
    display: flex;
    flex-direction: column;
    color: white;
    margin-bottom: 0;
  }

  .intro-section article li[b-lz2e7r3xyj] {
    display: block;
  }

.intro-section .bankingDetails p[b-lz2e7r3xyj] {
  display: flex;
  flex-direction: column;
}

@media (max-width: 978px) {
  .water-img[b-lz2e7r3xyj] {
    transform: translate(-52%, -51%);
  }

  .content-section .container div[b-lz2e7r3xyj] {
    flex-direction: column;
    gap: 30px;
  }
}

@media (max-width: 768px) {
  .intro-section article[b-lz2e7r3xyj] {
    width: 85%;
  }

  .intro-section .two-column-layout[b-lz2e7r3xyj] {
    flex-direction: column;
    gap: 30px;
  }

  .intro-section .container[b-lz2e7r3xyj],
  .content-section .container[b-lz2e7r3xyj] {
    width: fit-content;
  }

  .intro-section[b-lz2e7r3xyj] {
    height: auto;
    padding-bottom: 70px;
  }

    .intro-section article:nth-of-type(1)[b-lz2e7r3xyj],
    .intro-section article:nth-of-type(2)[b-lz2e7r3xyj] {
      width: 100%;
      text-align: left;
    }

  .content-section[b-lz2e7r3xyj] {
    height: auto;
    padding-bottom: 25px;
  }

  .water-img[b-lz2e7r3xyj] {
    transform: translate(-38%, -51%);
  }

    .water-img img[b-lz2e7r3xyj] {
      width: 105px;
    }

  .intro-section article[b-lz2e7r3xyj], .content-section article[b-lz2e7r3xyj] {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 394px) {
  .intro-section[b-lz2e7r3xyj] {
    height: auto;
    padding-bottom: 126px;
  }

  h2[b-lz2e7r3xyj] {
    font-size: 53px;
  }

  .content-section article[b-lz2e7r3xyj] {
    font-size: 14px;
  }

  .water-img[b-lz2e7r3xyj] {
    transform: translate(-54%, -51%);
  }

    .water-img img[b-lz2e7r3xyj] {
      width: 96px;
    }
}

.content-section .container a.largeLogo img[b-lz2e7r3xyj] {
  width: 100%;
  height: auto;
  max-width: 300px;
}
/* _content/TheAvalonChurch.Website/Components/Pages/Home.razor.rz.scp.css */
.two-column-layout[b-l60y71ar14] {
	display: flex;
	flex-direction: row;
	gap: 32%;
}

@media screen and (max-width: 768px) {
	.two-column-layout[b-l60y71ar14] {
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}
}

.three-column-layout[b-l60y71ar14] {
	display: flex;
	flex-direction: row;
	gap: 2%;
}

@media screen and (max-width: 768px) {
	.three-column-layout[b-l60y71ar14] {
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}
}

.intro-section[b-l60y71ar14] {
	text-align: left;
	background-color: #ECEDE8;
	height: 627px;
	color: #4D4D4D;
}

	.intro-section .container[b-l60y71ar14] {
		align-items: initial;
		width: fit-content;
		flex-wrap: nowrap;
		display: flex;
		flex-direction: row;
		gap: 7%;
	}

	.intro-section article[b-l60y71ar14] {
		flex: 1 1 45%;
		padding-right: 20px;
	}

	.intro-section h2[b-l60y71ar14] {
		color: #9DC1B7;
		font-family: "DMSerifDisplay", serif;
		font-size: 60px;
		font-weight: normal;
		margin-top: 0;
	}

	.intro-section p[b-l60y71ar14] {
		font-size: 20px;
		font-family: 'TTHovesPro-Lt', sans-serif;
	}

	.intro-section aside[b-l60y71ar14] {
		position: relative;
		display: inline-block;
		max-width: 100%;
	}

	.intro-section picture[b-l60y71ar14] {
		margin: 0;
	}

	.intro-section .sunriseImg img[b-l60y71ar14] {
		width: 333px;
		height: auto;
	}

.logoImg[b-l60y71ar14] {
	position: absolute;
	top: -8%;
	right: 27px;
	width: 115px;
}

.intro-section .logoImg img[b-l60y71ar14] {
	width: 115px;
	height: auto;
}

.intro-image img[b-l60y71ar14] {
	max-width: 100%;
	display: block;
}

.intro-section .intro-image[b-l60y71ar14] {
	position: relative;
	flex: 1 1 45%;
	top: -150px;
	z-index: 1;
	transition: transform 0.3s ease, margin 0.3s ease, max-width 0.3s ease;
	text-align: end;
}

@media screen and (max-width: 863px) {
	.intro-section .logoImg[b-l60y71ar14] {
		width: 84px;
	}
}

@media screen and (max-width: 768px) {
	.intro-section[b-l60y71ar14] {
		height: auto;
		padding: 20px;
		text-align: center;
	}

		.intro-section .container[b-l60y71ar14] {
			gap: 2%;
			flex-direction: column;
		}

		.intro-section article[b-l60y71ar14] {
			width: 100%;
			flex: auto;
		}

		.intro-section .intro-image[b-l60y71ar14] {
			position: static;
			max-width: 100%;
			margin: 55px auto 0;
			display: block;
			flex: auto;
		}

		.intro-section .sunriseImg img[b-l60y71ar14] {
			transition: width 0.3s ease;
		}

	.logoImg[b-l60y71ar14] {
		top: -6%;
	}
}

@media screen and (max-width: 496px) {
	.logoImg[b-l60y71ar14] {
		top: -8%;
	}
}

@media screen and (max-width: 396px) {
	.logoImg[b-l60y71ar14] {
		top: -10%;
	}
}

@media screen and (max-width: 336px) {
	.logoImg[b-l60y71ar14] {
		top: -12%;
	}
}

.info-section[b-l60y71ar14] {
	background-color: #1D2828;
	color: white;
	position: relative;
	font-family: 'TTHovesPro-Lt', sans-serif;
	text-align: left;
	transition: height 0.5s ease;
}

	.info-section .container[b-l60y71ar14] {
		padding: 20px;
	}

	.info-section h3[b-l60y71ar14] {
		font-family: 'TTHovesPro-Rg', sans-serif;
		font-weight: normal;
	}

	.info-section article[b-l60y71ar14] {
		width: 30%;
		position: relative;
		padding-top: 145px;
		height: 827px;
	}

	.info-section picture[b-l60y71ar14] {
		margin: 0;
		width: 100%;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -21px;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 1;
	}

		.info-section picture img[b-l60y71ar14] {
			width: 400px;
			height: 300px;
			object-fit: cover;
		}

	.info-section .content[b-l60y71ar14] {
		height: 65%;
		transition: height 0.5s ease;
	}

@media screen and (max-width: 989px) {
	.info-section article[b-l60y71ar14] {
		height: 995px;
	}
}

@media screen and (max-width: 855px) {
	.info-section article[b-l60y71ar14] {
		height: 1077px;
	}
}

@media screen and (max-width: 795px) {
	.info-section article[b-l60y71ar14] {
		height: 1149px;
	}
}

@media screen and (max-width: 768px) {
	.info-section[b-l60y71ar14] {
		text-align: center;
		height: auto;
	}

		.info-section article[b-l60y71ar14] {
			width: 100%;
			padding-top: 50px;
			height: auto;
		}

		.info-section picture[b-l60y71ar14] {
			position: static;
			transform: none;
			margin: auto;
			z-index: 1;
		}

		.info-section img[b-l60y71ar14] {
			width: 100%;
			height: auto;
			max-height: 250px;
			padding-bottom: 15px;
		}

		.info-section .content[b-l60y71ar14] {
			height: auto;
		}

	.info-section[b-l60y71ar14] {
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 495px) {
	.info-section[b-l60y71ar14] {
		height: auto;
	}

		.info-section picture img[b-l60y71ar14] {
			width: 300px;
			height: auto;
		}
}

@media screen and (max-width: 382px) {
	.info-section[b-l60y71ar14] {
		height: auto;
	}
}

.location-details[b-l60y71ar14] {
	margin-top: -1px;
	background-color: #1D2828;
	color: white;
	padding: 2% 0;
}

	.location-details .container[b-l60y71ar14] {
		padding: 20px;
	}

	.location-details picture[b-l60y71ar14] {
		margin: 0;
	}

	.location-details img[b-l60y71ar14] {
		max-width: 100%;
		width: 100px;
		height: 100px;
	}

	.location-details h2[b-l60y71ar14] {
		font-size: 65px;
		width: 44%;
		margin: 0;
		font-family: "DMSerifDisplay", serif;
		font-weight: normal;
	}

	.location-details address[b-l60y71ar14] {
		width: 19%;
		font-family: 'TTHovesPro-Lt', sans-serif;
		font-style: normal;
	}

@media screen and (max-width: 768px) {
	.location-details[b-l60y71ar14] {
		flex-direction: column;
		text-align: center;
	}

		.location-details h2[b-l60y71ar14] {
			width: 100%;
			font-size: 40px;
		}

		.location-details address[b-l60y71ar14],
		.location-details picture[b-l60y71ar14] {
			width: 100%;
		}
}

.parallax-container[b-l60y71ar14] {
	height: 471px;
	width: 100%;
}

.welcome-message[b-l60y71ar14] {
	background-image: url('/images/sunrise.jpg?v=hnb2YvtDKZKfINlj4v4aEwHu_u8');
	color: white;
	text-align: center;
	height: 471px;
	align-items: center;
	display: flex;
	object-fit: cover;
	flex-direction: row;
	width: 100%;
	background-position: top;
}

@supports (--css: variables) {
	.welcome-message[b-l60y71ar14] {
		background-image: image-set(url('/images/sunrise.webp?v=hnb2YvtDKZKfINlj4v4aEwHu_u8'), url('/images/sunrise.jpg?v=hnb2YvtDKZKfINlj4v4aEwHu_u8'));
	}
}

.welcome-message .container[b-l60y71ar14] {
	align-items: center;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.welcome-message h2[b-l60y71ar14] {
	font-size: 91px;
	font-family: "DMSerifDisplay", serif;
	margin: 0;
	font-weight: normal;
}

.welcome-message p[b-l60y71ar14] {
	font-size: 25px;
	font-family: 'TTHovesPro-Lt', sans-serif;
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	.welcome-message[b-l60y71ar14],
	.parallax-container[b-l60y71ar14] {
		height: 371px;
	}


		.welcome-message h2[b-l60y71ar14] {
			font-size: 40px;
		}

		.welcome-message p[b-l60y71ar14] {
			width: 90%;
			font-size: 20px;
		}
}

@media screen and (max-width: 291px) {
	.welcome-message[b-l60y71ar14], .parallax-container[b-l60y71ar14] {
		height: 380px;
	}
}
/* _content/TheAvalonChurch.Website/Components/Pages/Pastors.razor.rz.scp.css */
.container[b-u03hk9rjd7] {
	padding-top: 25px;
	padding-bottom: 25px;
}

p[b-u03hk9rjd7],
h3[b-u03hk9rjd7] {
	margin: 10px 0;
	width: 100%;
}

.content-section h2[b-u03hk9rjd7] {
	text-align: center;
}

.content-section article[b-u03hk9rjd7] {
	width: 44%;
}

.content-section picture[b-u03hk9rjd7] {
	margin: 0;
}

	.content-section picture img[b-u03hk9rjd7] {
		width: 400px;
	}

@media (max-width: 856px) {
	.content-section article[b-u03hk9rjd7] {
		width: 100%;
	}

	.content-section picture[b-u03hk9rjd7] {
		width: 100%;
		text-align: center;
	}

		.content-section picture img[b-u03hk9rjd7] {
			width: 100%;
		}

	.container[b-u03hk9rjd7] {
		padding-top: 0;
	}
}
/* _content/TheAvalonChurch.Website/Components/Pages/PrivacyPolicy.razor.rz.scp.css */
.content-section p[b-dxl14xxi8h] {
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	width: 100%;
}
/* _content/TheAvalonChurch.Website/Components/Pages/UpcomingEvents.razor.rz.scp.css */
.intro-section[b-i2l6qdp9wq] {
	background-color: #A1C0B7;
	color: white;
	margin: 0;
	font-family: 'TTHovesPro-Lt', sans-serif;
	height: 285px;
	padding-left: 15px;
}

	.intro-section article[b-i2l6qdp9wq] {
		width: 38%;
		text-align: left;
		padding-left: 11%;
	}

.location-details[b-i2l6qdp9wq] {
	background-color: #A1C0B7;
	color: white;
	padding: 2% 0;
}

	.location-details h2[b-i2l6qdp9wq] {
		font-size: 65px;
		width: 44%;
		margin: 0;
		font-family: "DMSerifDisplay", serif;
	}

	.location-details address[b-i2l6qdp9wq] {
		width: 19%;
		font-family: 'TTHovesPro-Lt', sans-serif;
		font-style: normal;
	}

	.location-details img[b-i2l6qdp9wq] {
		width: 100px;
	}

@media screen and (max-width: 768px) {
	.intro-section[b-i2l6qdp9wq] {
		height: auto;
	}

		.intro-section article[b-i2l6qdp9wq] {
			width: 100%;
			padding: 0;
		}

	.location-details[b-i2l6qdp9wq] {
		flex-direction: column;
		text-align: center;
	}

		.location-details h2[b-i2l6qdp9wq] {
			width: 100%;
			font-size: 40px;
		}

		.location-details address[b-i2l6qdp9wq],
		.location-details picture[b-i2l6qdp9wq] {
			width: 100%;
		}
}
/* _content/TheAvalonChurch.Website/Components/Shared/ServiceDetails.razor.rz.scp.css */
.service-details-section[b-ra290xvx4e] {
	width: 100%;
}

.service-details[b-ra290xvx4e] {
	height: 423px;
	width: 100%;
}

.parallax-banner[b-ra290xvx4e] {
	background-attachment: fixed !important;
}

.service-details .two-column-layout[b-ra290xvx4e] {
	gap: 0;
}


.service-details picture[b-ra290xvx4e] {
	margin: 0;
	text-align: center;
}

.service-details img[b-ra290xvx4e] {
	width: 300px;
	height: 112px;
}

.service-details .service-info[b-ra290xvx4e] {
	border: solid 1px;
	border-left: 0;
	border-right: 0;
	height: fit-content;
	color: #4D4D4D;
	display: flex;
	flex-direction: row;
	width: 40%;
	align-items: center;
}

.service-details section h2[b-ra290xvx4e] {
	font-size: 44px;
	color: #4D4D4D;
	margin: 10px 0;
	font-family: "DMSerifDisplay", serif;
	font-weight: normal;
	line-height: 0.83em;
	padding: 12px 0;
	width: 65%;
}

.service-details section p[b-ra290xvx4e] {
	font-family: 'TTHovesPro-Rg', sans-serif;
	width: 30%;
}

.service-info.white[b-ra290xvx4e],
.service-info.white h2[b-ra290xvx4e] {
	color: white;
}

.bg-service[b-ra290xvx4e] {
	background: url('/images/sunrise.jpg?v=hnb2YvtDKZKfINlj4v4aEwHu_u8');
}

@supports (--css: variables) {
	.bg-service[b-ra290xvx4e] {
		background-image: image-set(url('/images/sunrise.webp?v=hnb2YvtDKZKfINlj4v4aEwHu_u8'), url('/images/sunrise.jpg?v=hnb2YvtDKZKfINlj4v4aEwHu_u8'));
	}
}

.bg-ocean[b-ra290xvx4e] {
	background: url('/images/ocean_pool_banner.jpg?v=oOLjD9PLU-4ajyB2XVtyAPB5vdQ');
}

@supports (--css: variables) {
	.bg-ocean[b-ra290xvx4e] {
		background-image: image-set(url('/images/ocean_pool_banner.webp?v=dSgD7YTsGR62wma--hkQLV1cWHY'), url('/images/ocean_pool_banner.jpg?v=oOLjD9PLU-4ajyB2XVtyAPB5vdQ'));
	}
}

.bg-default[b-ra290xvx4e] {
	background: #ECEDE8;
}

.service-details-tall[b-ra290xvx4e],
.service-details-tall .service-details[b-ra290xvx4e] {
	height: 516px;
}

	.service-details-tall .service-details[b-ra290xvx4e] {
		align-items: center;
		justify-content: center;
		display: flex;
		background-position: bottom;
	}

.service-details-extra-tall[b-ra290xvx4e],
.service-details-extra-tall .service-details[b-ra290xvx4e] {
	height: 423px;
}

@media screen and (min-width: 1920px) {
	.service-details[b-ra290xvx4e],
	.parallax-banner[b-ra290xvx4e] {
		background-size: cover;
	}
}

@media screen and (max-width: 768px) {
	.service-details .two-column-layout[b-ra290xvx4e] {
		gap: 37px;
		padding-top: 75px;
	}

	.service-details picture[b-ra290xvx4e] {
		width: 100%;
	}

	.service-details .service-info[b-ra290xvx4e] {
		width: 100%;
	}
}

@media screen and (max-width: 399px) {
	.service-details .two-column-layout[b-ra290xvx4e] {
		padding: 0;
	}

	.service-details img[b-ra290xvx4e] {
		width: 222px;
		height: auto;
	}

	.service-details-extra-tall[b-ra290xvx4e],
	.service-details-extra-tall .service-details[b-ra290xvx4e],
	.service-details-tall[b-ra290xvx4e],
	.service-details-tall .service-details[b-ra290xvx4e] {
		height: 353px;
	}

	.service-details[b-ra290xvx4e] {
		align-items: center;
		justify-content: center;
		display: flex;
	}

		.service-details section h2[b-ra290xvx4e] {
			font-size: 34px;
		}

	.service-info[b-ra290xvx4e] {
		margin: 0 !important;
	}
}