/**
 * Color classes and default styling are in /assets/main.css, focus your efforts there
 * @import external fonts at top of this page before default.css
 * remove comment for dark-mode.css if you want to enable that -- will not be 100%, you will need to fix minor things
 */
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

a { color: rgb(var(--bs-danger-rgb)); }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 700; font-style: italic; }
.wp-block-separator { width: 4rem;  border-top: 2px solid #80011f; opacity: 1; }
.wp-block-separator.dark { border-top-color: #6f4e66; }
.wp-block-button { display: inline-block; }
.btn-outline-danger .wp-block-button__link { padding: 0.625rem 3rem; font-weight: 700; color: rgb(var(--bs-danger-rgb)); background-color: rgb(var(--bs-white-rgb)); border: 2px solid rgb(var(--bs-danger-rgb)); box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.25); }
figure.shadow { box-shadow: unset !important; }
figure.shadow > img { box-shadow: #000 0 0.25rem 0.75rem 0; }
.jwbs-banner { margin-bottom: 3rem; }
.btn-outline-danger .wp-block-button__link:hover { color: rgb(var(--bs-white-rgb)); background-color: rgb(var(--bs-danger-rgb)); }
.breakout.bg-light.shadow { box-shadow: 0 0 0.75rem 0 rgba(0,0,0,1) !important; }
.accordion-item { margin-bottom: 0.5rem; border: 0 none; }
.accordion-button { font-size: 1.25rem; font-weight: 700; }
.nav-tabs .nav-link { flex: 1; font-family: "Crimson Text", serif; font-size: 1.5rem; font-weight: 700; font-style: italic; color: rgb(var(--bs-dark-rgb)); text-align: center; border: 0 none; border-radius: 0; }
.facility-title { padding: 0.75rem 0; color: rgb(var(--bs-dar-rgb)); font-style: normal; background-image: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(194, 151, 31, 1) 100%) !important; }
.font-crimson { font-family: 'Crimson Text',serif; }

body > header { margin: 0 auto 1rem; padding: 0 1.25rem; max-width: 1400px; }
.navbar-brand { margin: 1rem 2rem 1rem 0; }
.sticky-top .bg-transparent .navbar-brand img { width: 15rem; transition: all 1000ms; }
.sticky-top .bg-white .navbar-brand img { width: 10rem; }
.navbar-nav li.nav-item { padding: 0 0.5rem; color: rgb(var(--bs-dark-rgb)); }
.navbar-nav .nav-link { padding: 0.5rem 0 !important; color: rgb(var(--bs-dark-rgb)); }
.navbar-nav .nav-link.dropdown-toggle { padding-right: 1px !important; }
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { color: rgb(var(--bs-danger-rgb)); border-bottom: 2px solid rgb(var(--bs-danger-rgb)); }
.dropdown-menu { padding: 0; background-color: #f2f2f2; border: 0 none; border-radius: 0; box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.25); }
.dropdown-item { color: rgb(var(--bs-danger-rgb)); }
.dropdown-menu li.nav-item { padding: 0; }
.dropdown-item:hover, .dropdown-item.active { color: #fff; background-color: rgb(var(--bs-danger-rgb)); }
.navbar-toggler { border-color: rgb(var(--bs-danger-rgb)); }

.carousel-caption { bottom: 0; }

.home .post-header { display: none; }
#home-video { aspect-ratio: 1.28 / 1; overflow: hidden; }
#home-video video { transform: translateX(-41.5%) translateY(-38.5%) scale(0.275) !important; }
.home-links { position: relative; margin-top: -6%; }
.home-links .wp-block-column { cursor: pointer; }
.home-links h5 { font-family: georgia, serif; font-size: 0.75rem; font-weight: 700; color: #fff; }
.home-links figure { margin: 1rem 0; }
.home-links img { padding: 0.25rem; width: 60px; height: 60px; max-width: 80px; max-height: 80px; background-color: rgb(var(--bs-white-rgb)); border-radius: 99rem; }
.home-links .worship-schedule img { padding: 0.75rem; }
.home-links a { color: #fff; text-decoration: none; }
.home-links .wp-block-column:hover  a { text-decoration: underline; }
.what-we-do figure, .what-we-do figure img { width: 100%; height: auto; }
.what-we-do figure { position: relative; }
.what-we-do figure figcaption, .what-we-do .metaslider .flex-viewport figcaption { position: absolute; margin-bottom: 0; padding: 1rem; right: 0; bottom: 0; left: 0; font-family: var(--jwbs-heading-font-sans-serif); font-size: 1.875rem; font-style: italic; color: #fff; background-color: rgba(0, 0, 0, 0.2); text-align: center; z-index:10; }
.parallax { display: flex; align-items: center; min-height: 600px; background-image: url('/wp-content/uploads/2025/03/bg-sanctuary-overlay.webp'); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } /* https://www.w3schools.com/howto/howto_css_parallax.asp */
.parallax .parallax-window { width: 100%; }
#recent-sermons .bg-light, #more-sermons.bg-light { padding: 1.875rem 1.875rem 0.875rem; border-bottom: 1px solid #cacaca; cursor: pointer; }
#recent-sermons .bg-light a { font-family: "Crimson Text", serif; font-size: 1.375rem; font-style: italic; color: rgb(var(--bs-body-color)); text-decoration: none; }

.ministries .accordion-button { font-size: 1.5rem; font-weight: 400; font-style: italic; }
.stripe table tr:nth-child(odd) { background-color: #f5f5f5; }
.prayer-list table td { padding: 0 0.625rem; border: solid 1px #e2e7ec; border-collapse: collapse; }

#wpcf7-f531-p50-o1 [id*='time'] { display: inline-block; width: 50%; }

.wp-block-image.staff figcaption { margin: 0; padding: 1rem; min-height: 6.5rem; color: #fff; background-color: rgb(111,78,102); }
.wp-block-image.staff.ssd figcaption { min-height: 8rem; }
.wp-block-image.staff h5 { margin: 0; font-weight: 400; color: #fff; }
figure#admin-staff img { padding: 84px 0; }

.facility-accordion .accordion-button::after { content: '\f078'; width: 2rem; height: 2rem; font-family: 'Font Awesome 6 Pro'; font-size: 1.625rem; color: rgb(var(--bs-light-rgb)); background-color: rgb(var(--bs-dark-rgb)); background-image: unset; text-align: center; border-radius: 10rem; }

#inner-footer { padding-top: 1rem; }
.home #inner-footer .fa-2x { font-size: 1em; }
.home #inner-footer .svg-inline--fa.fa-stack-2x { width: 1em; height: 1em; }

/** media queries */
/** Small devices (landscape phones, 576px and up) [-sm] */
@media only screen and (min-width : 576px) {
	.home-links h5 { font-size: 1.25rem; }
	.home-links img { width: 80px; height: 80px; }
}
@media only screen and (max-width : 576px) {
	#WorshipSchedule .parallax-container.parallax-content { left: 0 !important; }
}

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
	#home-video video { transform: translateX(-30%) translateY(-20.5%) scale(0.67) !important; }
}
@media only screen and (max-width : 781px) {
	#block-7 .wp-block-columns .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: unset !important; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
	#home-video { aspect-ratio: 1.678 / 1; }
	#home-video video { transform: translateX(-23.5%) translateY(-18.5%) scale(0.8) !important; }
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
	.navbar-brand { margin-right: 3rem; }
	.navbar-brand img { max-width: 17.25rem; }
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
	#home-video { aspect-ratio: 2.4 / 1; padding-top: 2.25rem; }
	/*  #home-video { aspect-ratio: 3.175/1; } */
	#home-video video { transform: translateX(-12.5%) translateY(-22.5%) !important; }
}

@media only screen and (min-width : 1600px) {
	#home-video video { transform: translateX(0) translateY(-22.5%) !important; }
}