/*
Theme Name: Beth El Congregation
Author: Avihay Zanetti
Author URI: https://jonnysites.com
Tested up to: 6.0
Version: 1.0.5
*/

html, body, p, ul, li{margin:0; padding:0;}
.wp-block-social-links {
	list-style: none
}
:root :where(.wp-block-social-links .wp-social-link a) {
	padding-left: inherit;
    padding-right: inherit;
}
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 500;
	transition: all 0.5s ease-in-out;
	color:#373a36;
	display:flex;
	flex-direction: column;
	min-height:100vh;
	overflow-x:hidden;
}
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background, p.has-background{
	padding:inherit;
	margin:inherit;
} 
p{
	font-size:16px;
}
a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
	cursor:pointer;
}
h1{ 
	font-family: 'Noto Serif', sans-serif;
	font-weight:600;
	font-size:40px;
}
h2{
	font-family: 'Noto Serif', serif;
	font-weight:600;
	font-size:40px;
}

h3{
	font-family: 'Noto Sans', sans-serif;
	font-weight:600;
	font-size:30px;
}

h4{
	font-family: 'Noto Sans', sans-serif;
	font-weight:600;
	font-size:24px;
}
h4 a{
	text-decoration:none;
}

img{
	max-width:100%;
}
.event {
	margin: 10px 0px !important;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

.is-layout-flex {
    gap: 1.5rem;
}

.container{
	max-width:1200px;
	padding:0 20px;
	margin:0 auto;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
    color: none;
    fill: white !important;
}

.relative{position:relative;}
.clearer {
	clear: both;
}
.hide{display:none;}
.flex, .flex-til-m, .flex-til-s{display:flex;}
.grid-4-col{
	display:grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap:40px;
}
.grid-3-col{
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap:30px;
}
.grid-2-col{
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap:40px;
	row-gap:30px;
}
.table{display:table;}
.table-cell{display:table-cell;}
.middle{vertical-align: middle;}
.bottom{vertical-align:bottom;}
.inline{display:inline-block;}
.spacer {
	display: block;
	height: 10px;
	clear: both;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.vcenter-container{
	height:100%;
}
.vcentered{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content: center;
	height:100%;
}
.text-white, .text-white a{color:#ffffff;}
.pad-20{padding:20px;}
.pad-20-l{padding-left:20px;}
.pad-20-r{padding-right:20px;}
.pad-20-t{padding-top:20px;}
.pad-20-b{padding-bottom:20px;}
.pad-20-lr{padding-left:20px; padding-right:20px;}
.pad-20-tb{padding-top:20px; padding-bottom:20px;}

.pad-40{padding:40px;}
.pad-40-l{padding-left:40px;}
.pad-40-r{padding-right:40px;}
.pad-40-t{padding-top:40px;}
.pad-40-b{padding-bottom:40px;}
.pad-40-lr{padding-left:40px; padding-right:40px;}
.pad-40-tb{padding-top:40px; padding-bottom:40px;}

.pad-80{padding:80px;}
.pad-80-l{padding-left:80px;}
.pad-80-r{padding-right:80px;}
.pad-80-t{padding-top:80px;}
.pad-80-b{padding-bottom:80px;}
.pad-80-lr{padding-left:80px; padding-right:80px;}
.pad-80-tb{padding-top:80px; padding-bottom:80px;}

.margin-20{margin:20px;}
.margin-20-l{margin-left:20px;}
.margin-20-r{margin-right:20px;}
.margin-20-t{margin-top:20px;}
.margin-20-b{margin-bottom:20px;}
.margin-20-lr{margin-left:20px; margin-right:20px;}
.margin-20-tb{margin-top:20px; margin-bottom:20px;}

.margin-40{margin:40px;}
.margin-40-l{margin-left:40px;}
.margin-40-r{margin-right:40px;}
.margin-40-t{margin-top:40px;}
.margin-40-b{margin-bottom:40px;}
.margin-40-lr{margin-left:40px; margin-right:40px;}
.margin-40-tb{margin-top:40px; margin-bottom:40px;}

.margin-80{margin:80px;}
.margin-80-l{margin-left:80px;}
.margin-80-r{margin-right:80px;}
.margin-80-t{margin-top:80px;}
.margin-80-b{margin-bottom:80px;}
.margin-80-lr{margin-left:80px; margin-right:80px;}
.margin-80-tb{margin-top:80px; margin-bottom:80px;}

.no-margin{margin:0;}
.margin-auto{margin:0 auto;}
.margin-auto-l{margin-left:auto;}
.margin-auto-r{margin-right:auto;}

.width-10{width:10%;}
.width-20{width:20%;}
.width-25{width:25%;}
.width-30{width:30%;}
.width-33{width:33%;}
.width-40{width:40%;}
.width-45{width:45%;}
.width-50{width:50%;}
.width-55{width:55%;}
.width-60{width:60%;}
.width-66{width:66%;}
.width-70{width:70%;}
.width-75{width:75%;}
.width-80{width:80%;}
.width-90{width:90%;}
.width-100{width:100%;}

.top-header{
	height:35px;
	display:flex;
}
:root {
	--primary-color: #00205c;
	--secondary-color: #ff5100;
	--tertiary-color: #79242f;
	--fourth-color: #612166;
}
.primary-bg{background-color:var(--primary-color);}
.primary{color:var(--primary-color);}
.secondary-bg{background-color:var(--secondary-color);}
.secondary{color:var(--secondary-color)}
.tertiary-bg{background-color:var(--tertiary-color);}
.tertiary{color:var(--tertiary-color)}
.fourth-bg{background-color: var(--fourth-color);}
.fourth{color: var(--fourth-color);}

.white{color:white;}
.black{color:black;}

.fade-in{
	opacity:0;
	transition: 400ms all ease-in-out;
}

.fade-in.appear{
	opacity:1;
}

.from-left{
	transform:translateX(-25%);
	opacity:0;
}
.from-right{
	transform:translateX(25%);
	opacity:0;
}
.from-left, .from-right{
	transition: transform 700ms, opacity 0.25s ease-in-out;
}
.from-left.appear, .from-right.appear{
	transform:translateX(0%);
	opacity:1;
}

.shulcloud-bar{
	padding:5px 10px;
	width:95%;
}
.login-bar{
	background-color:#79242f;
	padding:5px 10px;
	width:5%;
	min-width:150px;
	display:table;
}
.login-bar p{
	color:#ffffff;
	text-align:center;
	font-weight:600;
	display:table-cell;
	vertical-align: middle;
}
.login-bar p a{
	text-decoration:none;
	color:#fff;	
}
.bottom-header{
	height:60px;
	display:flex;
	background-color:var(--primary-color);
}
.bottom-header-btn{
	display:flex;
}
a.button{
	background-color:var(--primary-color);
	padding:15px;
	text-decoration: none;
	color:white;
}
.menu-bar{
	background-color:var(--primary-color);
	color:#fff;
	width:15%;
	max-width:125px;
	padding:5px 10px;
	color:#ffffff;
	text-align:center;
	position:relative;
	display:table;
}
.menu-btn{
	position: absolute;
	top:9px;
	left:10px;
	z-index: 70;
	display:flex;
	justify-content: center;
	align-items: center;
	width:35px;
	height:40px;
	cursor: pointer;
	transition: all .5s ease-in-out;
}
.menu-bar p{
	padding-left:30px;
	display:table-cell;
	vertical-align: middle;
	text-align:left;
	padding-left:50px;
	font-weight: 600;
}
.menu-btn__burger {
	width:35px;
	height: 4px;
	background: #fff;
	border-radius: 5px;
	transition:all .5s ease-in-out;
}

.menu-btn__burger::before,
.menu-btn__burger::after{
	content: '';
	position:absolute;
	left:0px;
	width:35px;
	height: 4px;
	background: #fff;
	border-radius: 5px;
	transition:all .5s ease-in-out;
}

.menu-btn__burger::before{
	transform: translateY(-10px);
}
.menu-btn__burger::after{
	transform: translateY(10px);
}
.menu-btn.open .menu-btn__burger{
	transform: translateX(-50px);
	background:transparent;
}

.menu-btn.open .menu-btn__burger::before{
	transform: rotate(45deg) translate(35px, -35px);
	background-color:#ffffff;

}
.menu-btn.open .menu-btn__burger::after{
	transform: rotate(-45deg) translate(35px, 35px);
	background-color:#ffffff;
}
.search-btn{
	background-color:var(--primary-color);
	color:#fff;
	border-left:solid 2px #fff;
	border-right:solid 2px #fff;
	width:9%;
	min-width:100px;
	padding:5px 10px;
	color:#ffffff;
	text-align:center;
	display:table;
}
.search-btn p, .search-btn img, .mobile-search-btn p, .mobile-search-btn img{
	display:table-cell;
	vertical-align: middle;
	text-align:left;
	font-weight:600;
}
.search-btn img, .mobile-search-btn img{
	padding-top:12px;
}
.search-close{
	background-color:var(--secondary-color);
	background-position: center;
	background-size:cover;
	width:40px;
	height:40px;
	padding:5px;
	position:absolute;
	top:0px;
	right:0px;
}


.logo{
	background-color:var(--primary-color);
	width:100%;
	padding:5px 10px;
	color:#ffffff;
	text-align:center;
	overflow: hidden;
}
.logo img{
	width:100%;
	max-width:250px;
	height:auto;
	margin:0 auto 0 15px;
}
.search-close img{
	width:40px;
	height:40px;
}
.logo-space{
	height:100%;
	display: flex;
    align-items: center;
	transition: all 0.5s ease-in-out;
}
.search-space{
	position:relative;
	visibility: hidden; 
}
.search-space, .search-space form{
	height:0%;
	transition: all 0.5s ease-in-out;
}
.search-space form label{
	display:none;
}

.search-space form input{
	background-color: var(--primary-color);
	color:white;
	border:none;
	outline:none;
}
.search-space form input::placeholder{
	color:#e5e5e5;
}
.search-space form input::-ms-input-placeholder{
	color:#e5e5e5;
}
.search-space form input::-ms-input-placeholder{
	color:#e5e5e5;
}
.search-space form input:active{
	border:none;
	
}
.search-space form button{
	display:none;
}
.join-btn{
	background-color:var(--secondary-color);
	width:5%;
	min-width:100px;
	padding:5px 10px;
	color:#ffffff;
	text-align:center;
	display:table;
}

.join-btn p a{
	text-decoration:none;
	color:white;
}
.podcast-btn{
	background-color:#612166 !important;
	width:15%;
	min-width:100px;
	padding:5px 10px;
	color:#ffffff !important;
	text-align:center;
	display:table;
}
.podcast-btn p a{
	text-decoration:none;
	color:white;
}
.podcast-btn p, .join-btn p, .donate-btn p, .paymentform-btn p{
	vertical-align:middle;
	display:table-cell;
	font-weight: 600;
}
.paymentform-btn{
	background-color:#006400;
	width:15%;
	min-width:100px;
	padding:5px 10px;
	color:#ffffff;
	text-align:center;
	white-space:nowrap;
	display:table;
}
.paymentform-btn a{
	color:white;
	text-decoration: none;
}
.donate-btn{
	background-color:#612166;
	width:5%;
	min-width:100px;
	padding:5px 10px;
	color:#ffffff;
	text-align:center;
	display:table;
}
.donate-btn a{
	color:white;
	text-decoration: none;
}
.mobile-search-btn{
	background-color:var(--primary-color);
	width:45px;
	padding:5px 0px;
	color:#ffffff;
	text-align:center;
	display:none;
}

/* Navigation */
.sticky-header{
	position:sticky;
	top:0px;
	left:0px;
	z-index:100;
}

.bethel-menu{
	position:fixed;
	top:0px;
	left:0px;
	height:100vh;
	/*width:400px*/
	width:100%;
	max-width:400px;
	transform: translateX(-400px);
	background-color:#e5e5e5;
	transition:all .5s ease-in;
	overflow-y:auto;
	z-index:120;
}
.bethel-menu-open{
	transform: translateX(0px);
}

.bethel-menu-overlay{
	background:transparent;
	width:100%;
	height:100vh;
	position:fixed;
	top:0px;
	left:0px;
	z-index:110;
	transition:all .5s ease-in-out;
	display:none;
}

.overlay-up{
	display:block;
	background-color:rgba(0, 32, 92, .45);
}
.menu-close-icon{
	width:25px;
}
.nav-ul li ul{
	visibility: hidden;
	display:none;
	height:0;
	transition:all 0.5s  ease-in-out; 
}

.nav-ul li.active ul{
	visibility: visible;
	display:block;
	height:auto;
}

.nav-ul li.active ul li{
	border-bottom:none;
}

.nav-ul li.active ul li ul{
	visibility: hidden;
	display:none;
	height:0;
	transition:all 0.5s  ease-in-out;
}

.nav-ul li.active ul li.active ul{
	visibility: visible;
	display:block;
	height:auto;
}
.nav-ul li{
	position:relative;
	list-style: none;
	padding:10px 20px;
	border-bottom:2px solid #ffffff;
}
.nav-ul li a{
	text-decoration:none;
}

.nav-arrow{
	top:15px;
	right:20px;
	width:25px;
	position:absolute;
	transition: all 0.3s ease-in-out;
	transform:rotateZ(0deg);
}

.sub-nav-arrow{
	top:15px;
	right:3px;
	width:20px;
	position:absolute;
	transition: all 0.3s ease-in-out;
	transform:rotateZ(0deg);
}

.nav-open{
	transform:rotateZ(-180deg);
}

.nav-close-btn{
	padding:10px 20px;
	border-bottom:2px solid #ffffff;
}
.menu-close-icon{
	right:20px;
	position:absolute;
}
.sub-nav-container{
	background-color:#e5e5e5;
	display:flex;
	overflow-x: auto;
	overflow-y: hidden;
	position:relative;
}
.sub-nav{
	background-color:#e5e5e5;
	height:60px;
	width:100%;
}
.sub-nav ul{
	display:flex;
}
.sub-nav ul li{
	padding:10px 40px;
	list-style: none;
	position:relative;
	white-space: nowrap;;
}
.sub-nav ul li a{
	text-decoration:none;
	transition:all 0.15s ease-in-out;
	border-bottom: 0px solid var(--tertiary-color);
}
.sub-nav ul li a:hover{
	border-bottom: 4px solid var(--tertiary-color)
}
.sub-nav ul li.current_page_item a{
	border-bottom: 4px solid var(--secondary-color);
}

.sub-nav ul li ul.children{
	display:none;
	background-color:#e5e5e5;
	z-index:50;
	padding:10px 20px;
	position:absolute;
	top:100%;
	left:0px;
}
.sub-nav ul li:hover ul.children{
	display:block;
	z-index:50;
}
.sub-nav ul li.current_page_item ul li a{
	border-bottom: 0px solid var(--tertiary-color);
}
.sub-nav ul li.current_page_item:hover ul li:hover a{
	border-bottom: 4px solid var(--tertiary-color);
}
.breadcrumbs{
	background-color:var(--primary-color);
	transform:rotateZ(-90deg);
	padding:5px 20px 15px;
	transform-origin: 94%;
	position:absolute;
	top:-5px;
	right:-5px;
	color:white;
	z-index:10;
}
.breadcrumbs p{
	transform:rotateZ(180deg);
}
.breadcrumbs a{
	color:white;
	font-size:15px;
	text-decoration:none;
}

.wp-block-cover .wp-block-cover__background{
	opacity:0;
}

/* Footer */
#footer{
	margin-top:auto;
}
.footer-left, .footer-right{
	width:50%;
}

.footer-left h3, .footer-right h3{
	margin:0px;
	font-family:'Noto Sans', sans-serif;
	font-weight:700;
	font-size:25px;
	color:#ffffff;
	padding-bottom:25px;
}

.footer-left p, .footer-right p{
	margin:0px;
	font-family:'Noto Sans', sans-serif;
	font-weight:500;
	font-size:18px;
	color:#ffffff;
	line-height:24px;
	padding-bottom:20px;
}

.footer-left a, .footer-right a{
	color:#fff;
}

.footer-left li{
	float: left;
	background-color: rgba(0, 0, 0, 0) !important;
}

.footer-link-container{
	display:table;
}

.footer-link-container img, .footer-link-container h3{
	vertical-align: middle;
	display: table-cell;
}

.footer-link-container img{
	width:30px;
	padding-right:10px;
}

/* Home Page */

.home-img-circle-left{
	max-width:135%;
	margin-left:-35%;
}

.home-img-circle-right{
	max-width:135%;
	margin-right:-35%;
}

.tab-holders{
	width:40%;
	display:flex;
}
.tab-holders .tab{
	width:130px;
	padding:10px 20px;
	margin-bottom:10px;
	margin-right:20px;
	transition:all 0.3s ease-in-out;
	background-color:var(--primary-color);
	color:white;
	cursor:pointer;
	text-align:center;
}
.tab-holders .tab span{
	border-bottom:0px solid var(--tertiary-color);
	transition:all 0.3s ease-out;
	text-transform:uppercase

}
.tab-holders .tab:hover span{
	border-bottom:4px solid var(--tertiary-color);
}
.tab-holders .tab.active span{
	border-bottom:4px solid var(--secondary-color);
}
.tab-content .audience-content, .tab-content .category-content{
	visibility: hidden;
	display:none;
}
.tab-content .audience-content.active, .tab-content .category-content.active{
	visibility: visible;
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap:30px;
}

.audience-content h4, .category-content h4{
	margin:0 0 20px 0;
	color:#373a36;
}

.audience-content a, .category-content a{
	text-decoration:none;
}

.home-tag-line{
	position:absolute;
	bottom:18px;
	left:0px;
	width:100%;
	height:4px;
	background-image:linear-gradient(to right, white 49%, var(--secondary-color) 50%);
	z-index:-1;
}

.home-tag-line-l{
	position:absolute;
	bottom:18px;
	left:0px;
	width:100%;
	height:4px;
	background-image:linear-gradient(to right, var(--secondary-color) 49%, white 50%);
	z-index:-1;
}

.home-tag-container{
	margin:0 auto;
	max-width:1200px;
}

.home-tag-container img{
	background-color: white;
}

/* Home Page end */

.hero-image{
	width:100%;
	background-size:cover;
	background-position:center;
	position:relative;
	overflow:hidden;	
}
.header-container{
	min-height:450px;
}
.page-header{
	background-color: var(--secondary-color);
	padding:0 30px;
	position:absolute;
	bottom:0px;
	left:20px;
}

.accordion-container{
	padding:20px 0;
}
.accordion-container-maroon{
	padding:0 0 20px 0;
}

.accordion-trigger{
	padding:20px;
	background-color:var(--primary-color);
	color:white;
	position:relative;
	cursor:pointer;
}
.accordion-container-maroon .accordion-trigger{
	background-color:var(--fourth-color);
}

.accordion-trigger p{
	width:90%;
	font-family:'Noto sans', sans-serif;
	font-size:16px;
}
.accordion-trigger::after{
	content:url(/wp-content/uploads/2022/06/plus-circle.svg);
	position:absolute;
	bottom:10px;
	right:10px;
	width:50px;
}
.accordion-trigger.open::after{
	content:url(/wp-content/uploads/2022/06/minus-circle.svg);
}
.accordion-content{
	display:none;
}
.accordion-content p, .accordion-content ul{
	border-left:4px solid var(--secondary-color);
	margin:20px 0;
	padding-left:30px;
}

.accordion-content .wp-block-column p{
	border-left:none;
	padding-right:30px;
	padding-left:5px;
}

.accordion-content ul{
	padding-left:50px;
}

.content h2{
	margin:10px 0 20px;
	padding:10px 0;
}
.accordion-trigger h2{
	padding:0;
	margin:0;
}
.content p{
	margin:15px 0 20px 0;
	font-family: 'Noto Sans', sans-serif;
	font-size:18px;
}
.content p.has-background{
	padding:10px 20px;
}
.content p.no-margin{
	margin:0px;
}
.content ul{
	padding-left:20px;
}

.place-container, .committee-container{
	position:relative; 
	background-color:var(--tertiary-color);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:420px;
	max-width:100%;
	overflow:hidden;
}
.place-desc, .committee-desc{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	transform:translateX(100%);
	color:white;
	font-size:18px;
	transition: all 0.5s ease-in-out;
	background-color:rgba(0, 32, 92, 0.7);
}
.place-desc p, .committee-desc p{
	padding:15px;
}
.place-desc p a, .committee-desc p a{
	color:white;
}

.place-container.hover .place-desc, .committee-container:hover .committee-desc, .committee-container.open .committee-desc, .place-container.open .place-desc{
	transform:translateX(0%);
}
.committee-container{
	display:table;
	width:300px;
	padding:0 40px;
}
.committee-container h4{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	color:white;
	
}
.committees{
	display:grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap:30px;
}
.calendar-container{
	visibility:hidden;
	height:0px;
}
.calendar-container.active{
	visibility:visible;
	height:auto;
}
.calendar-container .simcal-calendar{
	min-width:100%;
}

@media (max-width: 1100px) {
	.committees{
		display:grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap:30px;
	}
}
@media (min-width: 932px) {
	#dropdownContainer {
		display: none !important;
	}
}
@media (max-width: 785px) {
	.committees{
		display:block;
	}
	.committee-container{
		background-size:contain;
	}
	
	.header-container{
		min-height:250px;
	}
	
	.content h2{
		font-size: 150%;
		text-align: center;
	}
}
.search-block{
	background-color: var(--primary-color);
	margin-bottom:40px;
	padding:20px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}
.search-block h3, .search-block p, .search-block a{
	color:white;
	text-align:center;
}
.search-block .read-more{
	margin:0 auto;
}
.story-block{
	position:relative;
	padding-right:30px;
	padding-bottom:80px;
}
.story-block::before{
	content:"";
	height:1px;
	width:92%;
	background-color: #333;
	position:absolute;
	bottom:0px;
	left:0px;
	
}
.story-block::after{
	content:"";
	height:85%;
	width:1px;
	background-color:#333;
	position:absolute;
	right:0px;
	top:20px;
}
.story-block h3, .search-block h3{
	margin:0;
	padding-top:10px;
	padding-bottom:20px;
	font-family:"Noto Serif", serif;
}
.story-block .the-date, .search-block .the-date{
	border-bottom:3px solid var(--secondary-color);
}
.story-block a, .search-block a{
	text-decoration:none;
}
.read-more{
	display:table;
}
.read-more p, .read-more img{
	display:table-cell;
	vertical-align: middle;
	padding-right:10px;
	font-weight:600;
}

.post-title{
	border-bottom:4px solid var(--secondary-color);
	margin-bottom:40px;
}

.about-us-h2{
	padding-left:20px !important;
}
.clergy{
	max-width:282px;
}

.clergy .wp-block-cover{
	min-height:300px;
}
.clergy h4{
	padding-top:20px;
	border-top:5px solid var(--primary-color);
}
.school-identity .wp-block-cover{
	min-height:270px;
}
.flex-column{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	gap:10px;
}
.flex-button-bottom{
	justify-content: flex-start;
}
div#n2-ss-2 .nextend-arrow img{
	width:60px !important;
}
.wayfinder img{
	filter:grayscale(100);
	-webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
	transition:all 1s ease-in-out;
}

.wayfinder:hover img{
	filter:grayscale(0);
	-webkit-filter: grayscale(0%);
    -moz-filter:    grayscale(0%);
    -ms-filter:     grayscale(0%);
    -o-filter:      grayscale(0%);
}

.wayfinder h4::before{
	content:url(/wp-content/uploads/2022/08/right-arrow.svg);
	position:absolute;
	top:0px;
	left:0px;
	width:30px;
}
.wayfinder h4{
	padding-left:40px;
	position:relative;
}

.daily-rituals{
	display:flex;
	width:95%;
	margin:0 auto;
	padding:2.5%;
	gap:15px;
	background-color: rgba(240, 240, 240, 1);
}
.daily-rituals .days{
	width:12.28%;
	padding:1%;
	background-color: rgba(220, 220, 220, 1);
}
.daily-rituals .days .morning, .daily-rituals .days .evening{
	min-height:250px;
}
.daily-rituals .service{
	color:white;
	padding:10px;
	background-color:var(--primary-color);
	margin-bottom:10px;
}
.officers p{
	margin-bottom:0px;
}

.simcal-event-details p, .simcal-event-details p a{
	color:white;
	position:relative;
}

.simcal-event-details p a{
	text-transform:uppercase;
	padding-left:40px;
}
.simcal-event-details p a::before{
	content:url(/wp-content/uploads/2022/06/plus-circle.svg);
	position:absolute;
	top:0px;
	left:0px;
	width:25px;
}
.simcal-events-list-container p{
	color:white;
}

.affiliate-hero-image{
	position:relative;
	background-color:var(--primary-color);
	padding:46px 72px 46px 46px;
}
.accent-tl, .accent-tr, .accent-bl, .accent-br{
	position:absolute;
	background-color:var(--primary-color);
}
.accent-tl{
	top:3px;
	left:3px;
	width:40px;
	height:40px;
	border:3px solid var(--secondary-color);
}
.accent-tr{
	top:3px;
	right:3px;
	width:40px;
	height:40px;
	border:3px solid var(--secondary-color);
}
.accent-bl{
	bottom:3px;
	left:3px;
	width:40px;
	height:40px;
	border:3px solid var(--secondary-color);
}
.accent-br{
	bottom:3px;
	right:3px;
	width:40px;
	height:40px;
	border:3px solid var(--secondary-color);
}
.affiliate-container{
	width:100%;
	padding:10px;
	border:3px solid var(--secondary-color);
	display:table;
}
.affiliate-header{
	border:15px solid white;
	display:table-cell;
	vertical-align: middle;
}
.affiliate-header h1{
	text-align:center;
}
.affiliate-hero-image .breadcrumbs{
	background:none;
	padding:5px 80px 5px 40px;
}
.go-back{
	display:table;
}
.go-back img, .go-back p{
	display:table-cell;
	vertical-align: middle;
}


/* RESPONSIVE DESIGN */
@media (max-width: 932px) {
	.flex{flex-direction:column;}
	.flex-til-m{display:flex;}
	.flex-m-10{width:10%;}
	.flex-m-20{width:20%;}
	.flex-m-25{width:25%;}
	.flex-m-30{width:30%;}
	.flex-m-33{width:33%;}
	.flex-m-40{width:40%;}
	.flex-m-45{width:45%;}
	.flex-m-50{width:50%;}
	.flex-m-55{width:55%;}
	.flex-m-60{width:60%;}
	.flex-m-66{width:66%;}
	.flex-m-70{width:70%;}
	.flex-m-75{width:75%;}
	.flex-m-80{width:80%;}
	.flex-m-90{width:90%;}
	.flex-m-100{width:100%;}
	.flex-m-show{display:block;}
	.flex-m-no-pad{padding:0;}
	.flex-m-no-pad-t{padding-top:0;}
	.flex-m-pad-20{padding:20px;}
	.flex-m-pad-20-lr{padding-left:20px; padding-right:20px;}
	.flex-m-pad-20-l{padding-left:20px;}
	.flex-m-pad-20-r{padding-right:20px;}
	.flex-m-pad-20-tb{padding-top:20px;	padding-bottom:20px;}
	.flex-m-pad-20-t{padding-top:20px;}
	.flex-m-pad-20-b{padding-bottom:20px;}
	.flex-m-no-pad{padding:0;}
	.flex-m-no-pad-lr{padding-left:0; padding-right:0;}
	.flex-m-no-pad-l{padding-left:0;}
	.flex-m-no-pad-r{padding-right:0;}
	.flex-m-no-pad-tb{padding-top:0; padding-bottom:0;}
	.flex-m-no-pad-t{padding-top:0;}
	.flex-m-no-pad-b{padding-bottom:0;}
	.flex-m-no-margin{margin:0 !important;}
	.flex-m-margin-auto{margin:0 auto;}
	.flex-reverse{
		flex-direction:column-reverse;
	}
	.grid-4-col{
		display:grid;
		grid-template-columns:auto auto auto;
		column-gap:40px;
	}
	.grid-3-col{
		display:grid;
		grid-template-columns:auto auto;
		column-gap:40px;
	}
	.menu-bar{
		width:6%;
	}
	.menu-bar p{
		display:none;
	}
	.search-btn{
		display:none;
	}
	.bottom-header-btn{
		display:none;
	}
	.podcast-btn, .join-btn, .paymentform-btn, .donate-btn, .login-bar{
		width: 100%;
	}
	.mobile-search-btn{
		display:table;
	}
	.footer-left, .footer-right{
		width:100%;
	}
	.legacy-list{
		gap:0px !important;
	}
	.legacy-list .wp-block-column p{
		margin-bottom:0;
	}
	.daily-rituals{
		flex-direction: column;
	}
	.daily-rituals .days{
		width:auto;
		padding:0 20px;
	}
	.daily-rituals .days .morning, .daily-rituals .days .evening{
		min-height:auto;
	}
	.page-header{
		left:0px;
		width:100%;
	}
	.tab-holders{
		width:100%;
	}
	.tab-content .audience-content.active, .tab-content .category-content.active{
		display:block;
	}
	.home-img-circle-left {
		max-width: 100%;
		margin-left: 0%;
	}
	.home-img-circle-right {
		max-width: 100%;
		margin-left: 0%;
	}
	
}
@media (max-width: 781px) {
	.wp-block-columns{
		gap:0 !important;
	}

}
@media (max-width: 512px) {
	.flex{flex-direction:column;}
	.flex-til-s{display:flex;}
	.flex-s-10{width:10%;}
	.flex-s-20{width:20%;}
	.flex-s-25{width:25%;}
	.flex-s-30{width:30%;}
	.flex-s-33{width:33%;}
	.flex-s-40{width:40%;}
	.flex-s-45{width:45%;}
	.flex-s-50{width:50%;}
	.flex-s-55{width:55%;}
	.flex-s-60{width:60%;}
	.flex-s-66{width:66%;}
	.flex-s-70{width:70%;}
	.flex-s-75{width:75%;}
	.flex-s-80{width:80%;}
	.flex-s-90{width:90%;}
	.flex-s-100{width:100%;}
	.flex-s-show{display:block;}
	.flex-s-no-pad{padding:0;}
	.flex-s-no-pad-t{padding-top:0;}
	.flex-s-pad-20{padding:20px;}
	.flex-s-pad-20-lr{padding-left:20px; padding-right:20px;}
	.flex-s-pad-20-l{padding-left:20px;}
	.flex-s-pad-20-r{padding-right:20px;}
	.flex-s-pad-20-tb{padding-top:20px;	padding-bottom:20px;}
	.flex-s-pad-20-t{padding-top:20px;}
	.flex-s-pad-20-b{padding-bottom:20px;}
	.flex-s-no-margin{margin:0;}
	.flex-s-margin-auto{margin:0 auto;}
	.flex-reverse{
		flex-direction:column-reverse;
	}
	.breadcrumbs{
		display:none;
	}
	.nav-ul li ul{
		visibility: hidden;
	}
	.nav-ul li.active ul{
		visibility: visible;
	}
	.nav-ul li.active ul li ul{
		visibility: hidden;
	}
	.nav-ul li.active ul li.active ul{
		visibility: visible;
	}
	.page-header h1, div#n2-ss-2 .n2-font-40296d548e7897376f18bd38c5a39f6a-hover{
		font-size:20px !important;
	}
	.grid-4-col{
		display:grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap:40px;
	}
	.grid-2-col, .grid-3-col{
		display:block;
	}
	.affiliate-header h1{
		font-size:30px;
	}
	
	.header-container{
		min-height:200px;
	}
	.logo img {
		width:95% !important;
	}
	.footer-left a, .footer-right a  {
		font-size: 75%
	}
	
	.content h2{
		font-size: 120%;
	}
	
	.wp-block-social-links.has-normal-icon-size {
		font-size: 32px;
	}
	.n2-ss-slider .n2-ss-slide-background, .n2-ss-slider .n2-ss-slide-background * {
		height: calc(100% - 70px) !important;
		 --ss-o-pos-x: 100 !important;
	}
	div#n2-ss-2 .n2-ss-slide {
		height: 100% !important
	}

	.n2-ss-slider .n2-ss-layer-row-inner {
		min-height: 220px !important
	}
	.n2-ow {
		white-space: normal !important
	}
	
}

.footer-left :where(.wp-block-columns) {
    margin-bottom: 10px !important;
}
.wp-block-social-links.has-normal-icon-size {
	line-height: normal;
}