@import url("https://fonts.googleapis.com/css2?family=Average&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root{
--primary-font: "Inter", serif;
--primary-font-size: 20px;
--primary-font-weight: 400;
--primary-font-style: normal;
--secondary-font: "Average", serif;
--secondary-font-size: 20px;
--secondary-font-weight: 400;
--header-font-weight: 400;
--blue: #1F2A45;
--light-blue: #329DD7;
--medium-blue: #3D568E;
--white: #FFF;
--black: #050505;
--gray: #C2C1C0;
--yellow: #FEF1BF;
--content-width: 1200px;
--column-gap: 35px;
--default-margin: 50px;
--small-margin: calc(var(--default-margin) / 2);
--paragraph-margins: calc(var(--default-margin) / 3);
--default-transition: ease-in-out all .5s;
} body{ padding: 0; margin: 0; font-family: var(--primary-font); font-weight: var(--primary-font-weight); font-size: var(--primary-font-size); line-height: 1.5; color: var(--black);}
a, a:hover { color: var(--blue); text-decoration: none;}
.secondary-font { font-family: var(--secondary-font); font-weight: var(--header-font-weight); font-style: normal;}
.headingWrapper {
display: flex;
:where(h2,h3,h4) { color: var(--blue); font-family: var(--secondary-font); font-weight: var(--header-font-weight); font-style: normal; line-height: 1.25; margin: 0 0 var(--default-margin) 0;}
:where(h1) { color: var(--blue); font-family: var(--secondary-font); font-weight: var(--header-font-weight); font-style: normal; line-height: 1; margin: 0 0 var(--default-margin) 0;}
:where(h1,h2,h3,h4) p { margin: 0; padding: 0;}
&.blue :where(h1,h2,h3,h4) { color: var(--blue);}
&.light-blue :where(h1,h2,h3,h4) { color: var(--light-blue);}
&.medium-blue :where(h1,h2,h3,h4) { color: var(--medium-blue);}
&.black :where(h1,h2,h3,h4) { color: var(--black);}
&.gray :where(h1,h2,h3,h4) { color: var(--gray);}
&.white :where(h1,h2,h3,h4) { color: var(--white);}
&.center { justify-content: center; align-items: center; text-align: center;}
&.multi-line.center { text-align: center;}
&.right { justify-content: end;}
&.ballanced :where(h1,h2,h3,h4) { text-wrap: balance;}
&.noMargins :where(h1,h2,h3,h4) { margin: 0 !important;}
&.hasSubHeading {
:where(h1,h2,h3,h4) { display: flex; flex-direction: column; align-items: center; gap: var(--paragraph-margins);}
span.title { }
span.sub-title { font-size: .7em; line-height: 1.25;}
}
&.hasIcon {
margin-top: calc(-1 * (var(--default-margin) * 1.5)); align-items: end;
:where(h1,h2,h3,h4) { flex: 1; margin-top: var(--default-margin);}
span.title { font-size: 1.5em; line-height: 1.25;}
.icon-wrapper {
flex: 0 0 25%; position: relative; top: calc(-1 * var(--default-margin)); aspect-ratio: 1;
.tdl-icons { width: 100%; height: 100%;}
}
}
&.hasInlineIcon {
:where(h1,h2,h3,h4) { display: flex; gap: 20px; align-items: center;}
h1 .icon-wrapper .tdl-icons { width: 140px; height: 140px;}
h2 .icon-wrapper .tdl-icons { width: 120px; height: 120px;}
}
&.icon-top :where(h1,h2,h3,h4) { flex-direction: column; align-items: start;}
&.light :where(h1,h2,h3,h4) { font-weight: 400 !important; }
} :where(h1,h2,h3,h4) { line-height: 1; font-weight: var(--header-font-weight); font-family: var(--secondary-font);}
h1 { font-size: 50px;}
h2 { font-size: 40px;}
h3 { font-size: 35px; }
h4 { font-size: 30px;}
.clear{clear:both;}
ul.tdlStyledNumberedList {
counter-reset: number; list-style: none; margin-top: 70px; padding-left: 0;
li { counter-increment: number; display: flex; flex-direction: row; gap: 40px; margin-bottom: 50px; align-items: center; font-weight: bold;}
li:before { content: counter(number); width: 75px; height: 75px; border-radius: 50%; border: 2px solid var(--brown); font-size: 40px; font-family: var(--primary-font); flex: 0 0 75px; align-items: center; justify-content: center; display: flex;}
}
.tdl_text_column {
ul {
display: flex;
flex-direction: column;
gap: 20px;
li::marker { color: var(--green);}
}
}
.wpb_single_image {
.vc_single_image-wrapper img { }
}
.matchAspect {
.wpb_single_image {
.vc_single_image-wrapper img { aspect-ratio: 3/4; object-fit: cover;}
}
}
.wpb_single_image.tdlAspect {
.vc_single_image-wrapper img { aspect-ratio: 3/4; object-fit: cover;}
}
.noBottomMargins { margin-bottom: 0 !important;}
img { display: block;}
ul.checkbox {
list-style: none;
li {
&:before { content: '✓'; color: var(--light-blue); border: 1px solid var(--white); width: 20px; height: 20px; margin-right: 10px; display: inline-flex; justify-content: center; align-items: center;}
a { text-decoration: underline;}
}
}  #header { background: var(--blue);}
.logged-in:not(.page-template-no-banner-page) #header { top: 12px;}
header { display: flex; width: var(--content-width); justify-content: space-between; padding: 0; align-items: center; margin: 0 auto; gap: calc(var(--column-gap) * 2);}
.nav-wrapper {
flex: 1; display: flex; justify-content: space-between; align-items: center; gap: var(--column-gap);
}
.menu-header-buttons-container {
ul { list-style: none; padding: 0;}
.tdl_menu {
margin: 0;
display: flex;
flex-direction: row;
gap: 0px;
a {
color: var(--white); border: 1px solid var(--white); padding: 10px 60px; border-radius: 5px; background: none; transition: var(--default-transition);
&:hover { background: var(--light-blue); transition: var(--default-transition);}
}
}
} .menu-main-container {
z-index: 9999;
ul { list-style: none; padding: 0;}
.tdl_menu {
margin: 0;
display: flex;
flex-direction: row;
gap: 0px;
a { text-decoration: none; color: var(--white); font-size: 1.25rem; font-family: var(--secondary-font); font-weight: normal; font-style: var(--secondary-font-style); text-transform: capitalize; display: inline-flex; padding: 0 var(--small-margin); align-items: center;}
li {
position: relative; line-height: 6.25rem !important; display: flex; gap: 0px;
&:hover {
background: var(--medium-blue);
.sub-menu { display: flex; flex-direction: column;}
}
&.active:hover .sub-menu { display: block !important;}
&.current-menu-parent {
background: var(--medium-blue);
a { color: var(--white); }
}
&.current_page_item {
background: var(--medium-blue);
a {
color: var(--white);
}
.sub-menu {
li {}
li:hover {}
}
&.menu-item-has-children {
position: relative; }
}
&.menu-item-has-children {
> a {
gap: 10px;
&:after { content: ''; display: inline-block; width: 5px; height: 5px; border-right: 2px solid var(--white); border-bottom: 2px solid var(--white); transform: rotate(45deg); position: relative; top: -4px; margin-left: 2px;}
}
&.current_page_item {
> a:after { transform: rotate(-135deg); top: 2px;}
}
&.current_page_parent {
> a:after { transform: rotate(-135deg); top: 2px;}
}
}
&.tdlButton { a { padding: 0 20px; border: 4px solid var(--black); border-radius: 15px;}
}
}
.sub-menu {
position: absolute;
display: none;
width: fit-content;
min-width: 200px;
background: var(--gray);
top: 100%;
li {
a { color: var(--blue); line-height: 3; padding: 0 10px; font-size: .7em; white-space: nowrap; width: calc(100% - 20px); display: inline-block;}
&:hover {
background: var(--blue);
a { color: var(--white);}
}
&.current_page_item {
background: var(--medium-blue);
a {
color: var(--white);
&:after { content: ''; display: none;}
}
}
&:not(:last-of-type):after { display: none;}
}
}
}
} #tdl_mm_container {
background-color: var(--light-blue);
line-height: 2em !important;
text-align: left;
ul li a { text-align: left; line-height: 2em !important; text-decoration: none;}
a { color: var(--white);}
.menu-item-has-children {
> a {
pointer-events: none; cursor: pointer;
&:after{ border-color: transparent transparent transparent var(--white) !important;}
}
}
&.dropdown { text-align: center; top: 150px !important;}
&.slide, &.push { padding: 0px;}
.sub-menu {
padding-top: 0 !important;
padding-bottom: 0 !important;
.menu-item-has-children a:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent var(--blue); display: inline-block; margin-left: 10px; position: relative; top: -1px;}
li {
background-color: var(--blue);
line-height: 2em;
&.mobileOnly { background-color: var(--white);}
}
a { color: var(--white); font-size: .9em;}
}
} #tdl_mm_button {
position: relative !important;
z-index: 999999;
&:after, &:before, & > div { background-color: var(--white) !important;}
&.active { position: fixed !important; top: 10px !important; right: var(--default-margins) !important;}
} body.activeMobileMenu:after { content: ''; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 9;} rs-slide {
:where(h1,h2,h3,h4,p) { font-family: var(--primary-font) !important; font-weight: var(--primary-font-weight) !important;}
:where(p) { font-family: var(--primary-font) !important; font-weight: var(--primary-font-weight) !important;}
} .logo {
height: 65px;
position: relative;
z-index: 9;
margin: 0;
img { height: 100%; display: block;}
} .tdl-banner-container {
min-height: 400px; display: flex; justify-content: center;
.tdl-banner-wrapper {
width: var(--content-width); align-content: center; position: relative;
.tdl-content-wrapper {
display: flex;
justify-content: space-between;
.tdl-title-wrapper {
h1 { color: var(--white); text-wrap: balance; max-inline-size: 430px; line-height: 1.25;}
}
}
.icon-wrapper {
position: absolute; bottom: -30px; right: 0;
.tdl-icons { width: 200px; height: 200px;}
}
}
&.blue { background: var(--blue);}
&.light-blue { background: var(--light-blue);}
&.medium-blue { background: var(--medium-blue);}
&.black { background: var(--black);}
} .tdlButtonWrapper {
display: flex;
.tdlButton {
text-decoration: none;
transition: ease-in-out  all .2s;
position: relative;
font-family: var(--primary-font);
font-size: var(--primary-font-size);
font-weight: normal !important;
text-transform: capitalize !important;
line-height: 0px;
height: 60px;
padding: 0px 40px;
display: flex;
span { line-height: 1; align-self: center; text-align: center;}
}
&.outline {
.tdlButton { outline-offset: -2px; outline-color: var(--blue); outline-width: 2px; outline-style: solid; border-radius: 5px;}
.tdlButton:hover { color: var(--green); transition: ease-in-out  all .2s;}
}
&.background {
.tdlButton { text-decoration: none; text-transform: capitalize; background: var(--light-blue); color: var(--white); border-radius: 5px;}
.tdlButton:hover { background: var(--medium-blue); color: var(--white); transition: ease-in-out  all .2s;}
}
&.blue {
&.outline {
.tdlButton { outline-color: var(--blue); color: var(--blue);}
.tdlButton:hover { border-color: var(--light-blue); color: var(--light-blue);}
}
&.background {
.tdlButton { background: var(--blue); color: var(--white);}
.tdlButton:hover { background: var(--black); color: var(--white);}
}
}
&.black {
&.outline {
.tdlButton { outline-color: var(--black); color: var(--black);}
.tdlButton:hover { border-color: var(--white); color: var(--white);}
}
&.background {
.tdlButton { background: var(--black); color: var(--white);}
.tdlButton:hover { background: var(--blue); color: var(--white);}
}
}
&.light-blue {
&.outline {
.tdlButton { outline-color: var(--light-blue); color: var(--light-blue);}
.tdlButton:hover { border-color: var(--blue); color: var(--blue);}
}
&.background {
.tdlButton { background: var(--light-blue); color: var(--white);}
.tdlButton:hover { background: var(--blue); color: var(--white);}
}
}
&.medium-blue {
&.outline {
.tdlButton { outline-color: var(--medium-blue); color: var(--medium-blue);}
.tdlButton:hover { border-color: var(--blue); color: var(--blue);}
}
&.background {
.tdlButton { background: var(--medium-blue); color: var(--white);}
.tdlButton:hover { background: var(--blue); color: var(--white);}
}
}
&.white {
&.outline {
.tdlButton { outline-color: var(--white); color: var(--white);}
.tdlButton:hover { background: var(--white); color: var(--light-blue);}
}
&.background {
.tdlButton { background: var(--white); color: var(--blue);}
.tdlButton:hover { background: var(--light-blue); color: var(--white);}
}
}
&.gray {
&.outline {
.tdlButton { outline-color: var(--gray); color: var(--gray);}
.tdlButton:hover { border-color: var(--light-blue); color: var(--light-blue);}
}
&.background {
.tdlButton { background: var(--gray); color: var(--blue);}
.tdlButton:hover { background: var(--blue); color: var(--gray);}
}
}
&.right {
justify-content: flex-end;
}
&.center {
justify-content: center;
}
&.youtube {
.tdlButton {
align-items: center; gap: 10px;
&:before { content: ''; display: block; width: 40px; height: 40px; background-image: url(//lordofthevalley.org/wp-content/themes/lord-of-the-valley-custom-theme/assets/icons/lotv_youtube.svg); background-position: center center; background-size: cover; flex: 0 0 40px;}
}
}
&.zoom {
.tdlButton {
align-items: center; gap: 10px;
&:before { content: ''; display: block; width: 40px; height: 40px; background-image: url(//lordofthevalley.org/wp-content/themes/lord-of-the-valley-custom-theme/assets/icons/lotv_zoom-2.svg); background-position: center center; background-size: cover; flex: 0 0 40px;}
}
}
} .wp-block-button {
&.tdlButton {
width: 100%;
.wp-element-button {
text-decoration: none;
padding: 20px 60px;
transition: ease-in-out  all .2s;
position: relative;
font-family: var(--primary-font);
font-size: var(--primary-font-size);
font-weight: normal !important;
text-transform: uppercase !important;
line-height: 1;
}
&.outline {
.wp-element-button { border-width: 6px !important; border-style: solid !important; border-color: var(--black) !important; color: var(--blue) !important; border-radius: 20px !important; font-weight: bold !important; font-size: 42px; text-transform: uppercase;}
.wp-element-button:hover { color: var(--white); transition: ease-in-out  all .2s;}
}
}
} .tdl-image-button-wrapper {
.button {
display: flex; flex-direction: column; background: var(--blue); transition: var(--default-transition); border-radius: 5px; overflow: hidden;
.image-wrapper {
transition: var(--default-transition); outline-width: 3px; outline-style: solid; outline-color: transparent; outline-offset: 0; position: relative; z-index: 1;
img { width: 100%; aspect-ratio: 1; object-fit: cover; transition: var(--default-transition); position: relative; z-index: -1;}
}
.content-wrapper {
padding: var(--default-margin); display: flex; flex-direction: column; justify-content: space-between; flex: 1;
h3 { color: var(--white); font-size: 2rem; text-align: center; margin: 0;}
.description {}
.tdlButtonWrapper { margin-top: var(--small-margin);}
}
&:hover {
background: var(--light-blue); transition: var(--default-transition);
.image-wrapper {
transition: var(--default-transition); outline-width: 3px; outline-style: solid; outline-color: var(--light-blue); outline-offset: -13px;
img { filter: grayscale(80%); transition: var(--default-transition);}
}
.content-wrapper {
.tdlButtonWrapper .tdlButton { background: var(--white); color: var(--blue);}
}
}
}
} .tdl-icons { width: 40px; height: 40px;  display: block; background-position: center center; background-repeat: no-repeat;} .tdl_row .tdl_column:has(.tdl-icon-button.auto) {
&:nth-of-type(1) {
.tdl-icon-button.auto .wrapper {
background: rgba(107, 183, 81, 1);
}
}
&:nth-of-type(2) {
.tdl-icon-button.auto .wrapper {
background: rgba(107, 183, 81, .8);
}
}
&:nth-of-type(3) {
.tdl-icon-button.auto .wrapper {
background: rgba(107, 183, 81, .6);
}
}
&:nth-of-type(4) {
.tdl-icon-button.auto .wrapper {
background: rgba(107, 183, 81, .4);
}
}
&:nth-of-type(5) {
.tdl-icon-button.auto .wrapper {
background: rgba(107, 183, 81, .2);
}
}
}
.tdl-icon-button {
&:hover .icon-wrapper .icon { transition: ease-in-out all .3s;}
&:hover .icon-wrapper .icon:before { transform: scale(1.3); transition: ease-in-out all .3s; color: var(--black);}
a { text-decoration: none;}
h3 { font-size: 26px; text-align: left; color: var(--black); text-transform: uppercase; transition: ease-in-out all .3s; margin: 0; position: relative; z-index: 2;}
&:hover h3 { color: var(--white); transition: ease-in-out all .3s;}
&.gray .wrapper {
background: var(--gray);
}
&.light-blue .wrapper {
background: var(--light-blue);
}
&.medium-blue .wrapper {
background: var(--medium-blue);
}
&.blue .wrapper {
background: var(--blue);
}
&.black .wrapper {
ackground: var(--black);
}
.wrapper {
display: flex;
flex-direction: column;
gap: calc(var(--column-gap) / 2);
border: 6px solid var(--black);
border-radius: 15px;
padding: 20px;
position: relative;
&:after { content: ''; display: block; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0); position: absolute; z-index: 1; transition: var(--default-transition);} &:hover {
transition: var(--default-transition);
&:after { background: rgba(0,0,0,.5); transition: var(--default-transition);}
}
}
.icon-wrapper {
flex: 1;
position: relative; z-index: 2;
.tdl-icons {
height: 100%; min-height: 75px; width: auto; background-position-x: left;
transition: ease-in-out all .3s; &:before { transform: translateY(0%) scale(1.2); transition: ease-in-out all .3s;}
}
}
.content-wrapper {
.content {}
}
} .tdl-icon-block {
&.cover {
.wrapper {
width: 100%;
.icon-wrapper {
width: 100%; padding-top: 0;
.tdl-icons { width: 100%; height: 100%; aspect-ratio: 1;}
}
}
}
&.large {
margin-bottom: var(--default-margin);
.wrapper {
.icon-wrapper {
.tdl-icons { width: 100px; height: 100px; aspect-ratio: 1; margin: 0 auto;}
}
}
}
&.offset {
margin-top: calc(-3 * var(--default-margin));
}
} .tdl_row:has(+ .tdl_row .tdl-icon-block.offset) { padding-bottom: calc(2 * var(--default-margin));}
.tdl_row:has(+ .tdl_row.apple) { padding-bottom: calc(2 * var(--default-margin));}
.tdl_row:has(+ .tdl_row.apple-two) { padding-bottom: calc(1 * var(--default-margin));} #footer {
width: 100%;
background: var(--blue);
color: var(--white);
position: relative;
padding: var(--default-margin) 0 !important;
&:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(//lordofthevalley.org/wp-content/themes/lord-of-the-valley-custom-theme/assets/images/lotv_footer-bg.webp); background-size: cover; }
footer { width: var(--content-width); margin: 0 auto; z-index: 2; position: relative;}
.footer_column_wrapper {
display: grid;
gap: var(--column-gap);
width: 100%;
grid-template-columns: repeat(3, 1fr);
}
ul {
list-style: none; padding-left: 0; margin-top: 0;
}
a {
text-decoration: none; color: var(--white);
&:hover { color: var(--green);}
}
:where(h1,h2,h3,h4) { color: var(--white); margin-top: 0; margin-bottom: var(--default-margin);}
h2 { font-size: 2.25rem; text-transform: capitalize;}
.wp-block-social-links {
margin-top: var(--default-margin);
.wp-block-social-link {
position: relative; width: 100px; height: 100px; border-radius: 0; display: flex; align-items: center; justify-content: center;
.wp-block-social-link-anchor svg { fill: var(--black) !important; color: var(--black) !important; z-index: 2;} }
}
ul.menu {
display: flex; flex-direction: column; gap: 20px ;font-size: var(--primary-font-size); font-family: var(--primary-font); font-weight: var(--primary-font-weight); font-style: var(--primary-font-style); text-transform: capitalize; line-height: 1;
a { padding: 0;}
} #tdl_contact_widget_container {
position: relative;
> div { margin-bottom: var(--paragraph-margins); display: flex; gap: 10px; align-items: center;}
p { padding: 0; margin: 0;}
strong { }
}
#sub_footer {
div {
text-align: center; margin-top: var(--default-margin);
#credit, #copy { font-size: .7em; margin: 0; line-height: 1.5; font-weight: 400; display: inline-block;} }
a {text-decoration: none; color: var(--white);}
}
figure.tdl-circle {
margin-bottom: 0;
a { width: 100%; text-align: center; display: flex; justify-content: center;}
img { aspect-ratio: 1; border-radius: 50%; overflow: clip;}
}
.tdl-equal-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: var(--column-gap) !important;
align-items: start !important;
}
} .tdlContactWrapper {
padding-left: 50px;
.tdlContact { display: flex; flex-direction: row; align-items: center; text-decoration: none;}
.tdlContact:hover { color: var(--blue);}
.tdlContact:before { font-family: 'icomoon'; display: inline-block; margin-right: 10px; font-size: 40px; width: 50px;}
&.phone .tdlContact:before { content: '\e908';}
&.email .tdlContact:before { content: '\e905'; font-size: 30px;}
&.facebook .tdlContact:before { content: '\e906';}
&.location .tdlContact:before { content: '\e907';}
} #tdl_social_widget_container {
display: inline-block;
a { color: var(--white); text-decoration: none;}
.icon {
margin-right: 20px;
&:before { color: var(--white); font-size: 16px;}
&:hover:before { color: var(--brown);}
}
} .nf-form-cont {
.nf-form-content { padding: 0;}
.nf-form-content input:not([type="button"], [type="submit"]), .nf-form-content textarea.ninja-forms-field { font-family: var(--primary-font); font-weight: 400; color: var(--black) !important;}
.nf-form-content input:not([type="button"], [type="submit"]) { height: 50px !important;}
.submit-container {
display: flex; flex-direction: row; justify-content: start;
input {
text-transform: capitalize !important; color: var(--white) !important; height: auto !important; font-weight: normal !important; padding: 20px 50px !important; transition: ease-in-out  all .2s; font-family: var(--primary-font); font-size: var(--primary-font-size); line-height: 1; border-radius: 5px !important; background: var(--light-blue) !important;
&.tdlButton { padding: 20px 60px 20px 110px !important;}
}
:hover input {  background: var(--medium-blue) !important; transition: ease-in-out  all .2s;}
}
.nf-error-msg { font-size: 14px !important;}
.nf-error.field-wrap .nf-field-element:after { height: calc(100% - 2px) !important; aspect-ratio: 1 !important; width: auto; line-height: 1 !important; align-content: center !important;}
.nf-form-fields-required { text-align: right; font-style: italic;}
.nf-field-label label { font-weight: normal;}
.nf-error-msg, .ninja-forms-req-symbol { }
.nf-error.field-wrap .nf-field-element::after { }
}
footer {
.nf-form-cont {
.nf-form-fields-required { display: none !important;}
.nf-form-content textarea.ninja-forms-field { height: 100px !important;}
}
} .more-link { color: var(--brown);}  .vc_tta-container[data-vc-action="collapse"] {
.vc_tta-panel-heading, .vc_tta-panel-body { border: 0px !important;}
.vc_tta-panel-body { background-color: var(--gray);}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a { padding-right: 200px !important;}
.vc_tta-panel {
.vc_tta-panel-title > a { color: var(--black) !important; font-size: 24px !important;}
.vc_tta-title-text { font-weight: 400 !important;}
.vc_tta-panel-heading { background: var(--white) !important;}
.vc_tta-panel-heading:focus { color: var(--white) !important; background-color: var(--white) !important;}
.vc_tta-panel-heading:hover { color: var(--white) !important; background-color: var(--white) !important;}
}
.vc_active {
.vc_tta-panel-title { background: var(--white) !important;}
.vc_tta-title-text { font-weight: 400 !important;}
.vc_tta-panel-body { background-color: var(--green) !important; padding: var(--default-margin) !important; border-radius: 50px !important; outline: 6px solid var(--black) !important; outline-offset: -6px !important; margin-bottom: var(--default-margin) !important;}
&.vc_tta-panel { border: none !important;}
.vc_tta-controls-icon {
padding: 5px; background: var(--green); border: 3px solid var(--black); border-radius: 10px;
&:before { transform: rotate(180deg) translateY(40%) translateX(-40%) !important;}
}
}
.vc_tta-controls-icon {
padding: 5px; background: var(--green); border: 3px solid var(--black); border-radius: 10px;
&:before { border-color: var(--black) !important; width: calc(100% - 10px); transform: translateY(40%) translateX(30%) !important;}
}
} .tdlCTAWrapper.vc_hidden { opacity: 1 !important; padding-bottom: 0 !important;}
.tdlCallToActionContainer > .tdl_row { padding-left: 0 !important; width: 100% !important; padding-right: 0 !important; left: auto !important;}
.tdl_row.tdlCallToActionContainer { margin-bottom: 0 !important;}
.tdlCTAWrapper :where(h1, h2, h3, h4) { color: var(--white); font-size: 56px; line-height: 1.2em;}
.tdlCallToActionContainer .tdl_row .tdl_column .tdl_row { width: 100% !important;}
.tdlCTAWrapper:has(.tdlCallToActionContainer[data-cta-size="full"]) {
display: flex; flex-direction: column; align-items: center;
.tdlButtonWrapper { margin-bottom: 0 !important;}
}
.tdlCallToActionContainer {
.tdl_row { padding-bottom: 0 !important;}
&[data-cta-size="content"] {
display: flex; align-items: center;
}
} .tdl-custom-block {
&.blue {
background: var(--blue);
color: var(--white);
a {
color: var(--white);
&:hover { color: var(--gray);}
}
.headingWrapper:not(.blue, .black) :where(h1,h2,h3,h4) { color: var(--white);}
.tdl_text_column p { color: var(--white);}
.tdlIconListContainer {
margin: 0;
.tdlListItem {
.heading-wrapper {
h3 { color: var(--white);}
}
}
}
}
&.black {
background: var(--black);
.headingWrapper:not(.blue, .black) :where(h1,h2,h3,h4) { color: var(--white);}
.tdl_text_column p { color: var(--white);}
a { color: var(--white);}
.tdlIconListContainer {
.tdlListItem {
.heading-wrapper {
h3 { color: var(--white);}
}
}
}
}
&.light-blue {
background: var(--light-blue);
.tdl_text_column p { color: var(--white);}
}
&.medium-blue {
background: var(--medium-blue);
.tdl_text_column p { color: var(--white);}
}
&.gray {
background: var(--gray);
}
}  .tdl-team-member-wrapper {
display: flex; gap: var(--column-gap); flex-wrap: wrap; margin-bottom: var(--default-margin);
.content-wrapper {
display: flex; gap: var(--column-gap); flex-direction: column; flex: 1;
.header {
display: flex; gap: 5px; flex-direction: column;
h3 { margin: 0; font-size: 2rem;}
h4 { margin: 0; font-size: 1.5rem; color: var(--light-blue);}
}
.contact {
h5 { font-size: 1em; margin: 0; font-family: var(--secondary-font);}
a { color: var(--light-blue); font-size: 1em;}
}
.bio {
a { text-decoration: underline;}
}
}
.image-wrapper {
img { width: 100%; height: 100%; aspect-ratio: 1; object-fit: cover; object-position: top;}
}
&.horizontal {
flex-direction: row;
.image-wrapper { flex: 0 0 25%;}
&:not(.left, .right) {
&:nth-of-type(odd) { flex-direction: row;}
&:nth-of-type(even) {
flex-direction: row-reverse;
.content-wrapper {
text-align: right;
.bio {}
}
}
}
&.left { flex-direction: row;}
&.right { flex-direction: row-reverse;}
}
&.vertical {
flex-direction: column;
}
} .tdlNewsArticle {
padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid var(--blue);
h3 { margin-bottom: 0; font-size: 2em; margin: 15px 0 40px 0;}
.sourceDate { color: var(--brown); font-weight: bold;}
} .tdl-testimonial-container {
.testimonial_image {
text-align: center;
img { border-radius: 50%; width: 50%; aspect-ratio: 1; object-fit: cover;}
}
&.list {
}
&.carousel {
}
&.coverflow {
.swiper-container.tdl-coverflow { overflow: clip;}
.swiper-wrapper {
align-items: center;
.swiper-slide {
.content-wrapper { padding: 20px; border: 3px solid var(--blue-overlay); border-radius: 50px;}
.star-rating { display: none;}
&.swiper-slide-active {
.content-wrapper { padding: 50px; border: 3px solid var(--blue);}
.star-rating {
margin-bottom: var(--default-margin); display: flex; gap: 5px; justify-content: center;
.star { display: inline-flex; color: #FF7B00; font-size: 1.75em;}
}
&:has(.star-rating) h4.name { margin-bottom: 0;}
}
h4.name { text-align: center; margin-top: 0;}
.testimonial_image { margin-bottom: var(--default-margin);}
}
}
}
} .tdl-post-container {
.tdl-blog-post {
display: flex;
gap: var(--default-margin);
margin: 0 auto;
a { text-decoration: none;}
h3 { margin-top: 0 !important; margin-bottom: var(--default-margin) !important;}
img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;}
.tdlButton { text-transform: uppercase; margin-top: var(--default-margin);}
.content-wrapper { padding: 0 var(--default-margin);}
}
&.columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--column-gap);
.tdl-blog-post {
flex-direction: column;
}
}
&.list, &.alt-list {
display: flex;
flex-direction: column;
.tdl-blog-post {
padding: 50px 0;
width: var(--content-width);
.image-wrapper { flex: 0 0 33%;}
.content-wrapper { flex: 1;}
&:nth-of-type(even) {
background: var(--yellow);
.tdlButton:hover { background: var(--red); color: var(--white);}
}
}
}
&.list {
.tdl-blog-post {
flex-direction: row;
.tdlButtonWrapper { justify-content: flex-end;}
}
}
&.alt-list {
.tdl-blog-post:nth-of-type(odd) {
flex-direction: row;
.tdlButtonWrapper { justify-content: flex-end;}
}
.tdl-blog-post:nth-of-type(even) {
flex-direction: row-reverse;
.tdlButtonWrapper { justify-content: flex-start;}
}
}
.tdl-blog-post.circle {
img { border-radius: 50%;}
}
.tdl-blog-post.featured {
width: 100%;
margin-bottom: var(--default-margin);
img { width: 40%; float: left; padding-right: 70px;}
}
.tdl-blog-post.toggle {
.readMore:after { content: 'Read More'; cursor: pointer;}
.readMore.active:after { content: 'Read Less';}
&.active .content { display: inline-block;}
&.active .excerpt { display: none;}
}
} .tdlBlueBlock, .tdlRedBlock, .tdlBlackBlock, .tdlGrayBlock {
.tdl-post-container {
.tdl-blog-post {
color: var(--white);
h3 { color: var(--white);}
.tdlButton {
background: var(--yellow); color: var(--blue);
&:hover { background: var(--red); color: var(--white);}
}
}
}
} .vc_row[data-vc-stretch-content="true"] .tdl-post-container {
.tdl-blog-post {
margin: 0 auto;
padding: 50px calc((100% - var(--content-width)) / 2);
&:first-of-type { padding-top: 0 !important;}
}
} .archive.category {
h1.catTitle { color: var(--blue) !important; margin-top: 70px; margin-bottom: 70px}
article { width: calc(var(--content-width) - 20px); margin: 0 auto; padding-bottom: 100px;}
} .single-post {
article { width: calc(var(--content-width) - 20px); margin: 0 auto; padding-bottom: 100px;}
h1 { color: var(--blue);}
h3 { color: var(--brown);}
h4 { color: var(--brown);}
.post-header { text-align: center; padding-top: 100px;}
.post-wrapper { width: calc(var(--content-width) - 20px); margin: 0 auto; padding: 100px 0;}
.recent-post-container {
background: #ECECEC;
h4 { margin-bottom: 0; text-align: center;}
h2 { margin-top: 5px; text-align: center; margin-bottom: 70px;}
.post { display: inline-block; vertical-align: top; width: 29%; margin-right: 6%}
.post:nth-of-type(3n+3) { margin-right: 0;}
.post img { width: 100%; height: auto;}
.post h3 { color: var(--blue);}
.post .postCatContainer { margin-top: 15px;}
.post .postCatContainer a { color: var(--brown);}
.post .readMore { color: var(--brown);}
}
} .tdlIconListContainer {
margin: 35px 0;
.tdlListItem {
margin-bottom: var(--default-margin);
.heading-wrapper {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: calc(var(--default-margin) / 2);
h3 {
margin: 0; font-family: var(--primary-font); font-size: 30px; color: var(--green);
}
.icon-wrapper {
.tdl-icons { width: 60px; height: 60px;}
}
}
.description {}
}
&.numbered_list {
.contentWrapper {
counter-reset: number;
.tdlListItem {
counter-increment: number;
margin-bottom: var(--default-margin);
.heading-wrapper {
h3 {
&:before { content: counter(number) ". ";}
}
}
.description {}
}
}
}
&.list {
}
&.alternating .contentWrapper .tdlNumberedtItem:nth-of-type(even) { flex-direction: row-reverse;}
} #tdl_masonry_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: minmax(180px, auto);
gap: 20px;
margin-bottom: var(--default-margin);
.tdl-masonry-item {
img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block;}
&:nth-of-type(9n + 1) { grid-column-end: span 3; grid-row-end: span 2;}
&:nth-of-type(9n + 2) {}
&:nth-of-type(9n + 3) {}
&:nth-of-type(9n + 4) {}
&:nth-of-type(9n + 5) { grid-column-end: span 2; grid-row-end: span 2;}
&:nth-of-type(9n + 6) {
grid-column-end: span 1; grid-row-end: span 2;
img { height: 100%;}
}
&:nth-of-type(9n + 7) {}
&:nth-of-type(9n + 8) {}
&:nth-of-type(9n + 9) {}
}
} .tdlCounterWrapper {
display: flex; position: relative; justify-content: center; align-items: center; flex-direction: column; gap: calc(var(--column-gap) / 2);
* { text-align: center;}
.content-wrapper {
display: flex; flex-direction: column; gap: 5px;
.count { font-size: 40px; font-weight: bold; color: var(--white); line-height: 1;}
h4 { font-size: 16px; text-transform: uppercase; margin: 0; color: var(--white); font-weight: normal;}
}
.background-wrapper {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
&:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--black-overlay);}
img { width: 100%; object-fit: cover; height: 100%; aspect-ratio: 1;}
}
.icon-wrapper {
.tdl-icons { width: 100px; height: 100px;}
}
} .tdl-featured-case-study {
margin-bottom: var(--default-margin);
p { color: var(--white);}
.featured-image-wrapper {
margin-bottom: 50px;
img { width: 100%; aspect-ratio: 16/9; object-fit: cover;}
}
.content-wrapper {
display: flex;
gap: 50px;
h3 {}
.left-content-wrapper {
flex: 1;
h3:first-of-type { margin-top: 0 !important;}
}
.right-content-wrapper {
flex: 0 0 25%;
border: 2px solid var(--white);
padding: var(--default-margin);
h3:first-of-type { margin-top: 0 !important;}
ul { display: flex; flex-direction: column; gap: var(--default-margin);}
li { color: var(--white);}
li::marker { color: var(--green);}
}
}
.tdlButtonWrapper { margin-top: var(--default-margin);}
} .tdlCaseStudyBlock {
margin-top: var(--default-margin);
.tdlCaseStudyWrapper {
.case-study-item {
&:not(:last-of-type) {margin-bottom: var(--default-margin);}
h3 { margin-top: 0;}
a { text-decoration: none;}
.wrapper {
display: flex;
gap: 50px;
.image-wrapper {
flex: 0 0 30%;
img { width: 100%; display: block; aspect-ratio: 4/3; object-fit: cover;}
}
.content-wrapper {
flex: 1;
}
}
}
&.columns{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
.case-study-item {
.wrapper {
flex-direction: column;
}
}
}
&.list{
.case-study-item {
.wrapper {
flex-direction: row;
}
}
}
&.alt-list{
.case-study-item:nth-of-type(even) {
.wrapper {
flex-direction: row-reverse;
}
}
.case-study-item:nth-of-type(odd) {
.wrapper {
flex-direction: row;
}
}
}
}
} .tdl-logos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 70px;
margin-bottom: 70px;
justify-content: space-evenly;
.tdl-logo-item {
height: 70px;
img { height: 100%; width: auto;}
}
} .tdl_split_block_container {
display: flex; gap: calc(var(--column-gap) * 3);
.content_wrapper {
align-content: center; padding: var(--default-margin) 0;
.tdlButtonWrapper { margin-top: var(--default-margin);}
}
&.background_left {
flex-direction: row;
.content_wrapper { margin-right: calc((100% - var(--content-width)) / 2);}
}
&.background_right {
flex-direction: row-reverse;
.content_wrapper { margin-left: calc((100% - var(--content-width)) / 2);}
}
.background_wrapper {
flex: 0 0 calc(33% - (var(--column-gap) /2) - 3px);
img { width: 100%; height: 100%; aspect-ratio: 3/4; object-fit: cover; display: block;}
}
}   .tdlUserContactWrapper {
display: flex;
flex-direction: column;
h3 { margin-bottom: 0;}
a {
line-height: 1.2;
&.email {}
&.phone {}
}
} .tdl-fancy-background-image-block {
position: relative;
margin-bottom: calc(var(--default-margin) * 2) !important;
.background-wrapper {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; border-radius: 50px; overflow: hidden;
.background-image {
position: relative; height: 100%;
&:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--red-overlay);}
&.red:before { background: var(--red-overlay);}
&.blue:before { background: var(--blue-overlay);}
&.black:before { background: var(--black-overlay);}
img { width: 100%; height: 100%; object-fit: cover; display: block;}
}
}
.content-wrapper {
padding-top: var(--default-margin);
color: var(--white);
:where(h1,h2,h3,h4) { color: var(--white);}
.top-heading-wrapper {
.headingWrapper h2 { text-transform: uppercase; font-size: 50px;}
}
.main-content-wrapper {
display: flex;
flex-direction: row;
gap: calc(var(--column-gap) * 2);
padding: 0 calc(var(--default-margin) * 2);
.featured-image-wrapper {
flex: 0 0 40%;
img { width: 100%; height: calc(100% + (var(--default-margin) * 1)); object-fit: cover; border-radius: 10px; display: block;}
}
.main-content {
.headingWrapper h3 { font-size: 65px !important;}
.content {}
}
}
}
&:has(.background-image.red) {
.tdlButtonWrapper {
&.white {
&.outline .tdlButton:hover { background: var(--white); color: var(--red);}
&.background .tdlButton:hover { background: var(--red); color: var(--white);}
}
}
}
&:has(.background-image.black) {
.tdlButtonWrapper {
&.white {
&.outline .tdlButton:hover { background: var(--white); color: var(--black);}
&.background .tdlButton:hover { background: var(--black); color: var(--white);}
}
}
}
}
.tdl_video_wrapper {
border-radius: 50px; overflow: clip; outline: 6px solid var(--black); width: 100%; outline-offset: -6px;
iframe { width: 100%; height: 100%; aspect-ratio: 16/9; margin-bottom: -8px;}
} .tdl-video-container {
width: 100%;
iframe { width: 100%; height: 100%; aspect-ratio: 16/9; display: block;}
video { width: 100%; height: 100%; aspect-ratio: 16/9; display: block;}
} .tdl-featured-block {
width: 70%; margin: 0 auto;
padding-top:  calc(var(--default-margin) * 2);
&:has(.tdl-icons) { margin-top: calc(var(--default-margin) * 2);}
.heading-wrapper {
display: flex; border-radius: 50px; position: relative;
.headingWrapper {
h3 { font-size: 62px; text-wrap: balance; padding: var(--default-margin) var(--default-margin) 0 0; line-height: 1.25;}
}
.featured-image-wrapper {
flex: 0 0 50%; position: relative; top: calc(-1 * (var(--default-margin) + 6px)); left: calc(-1 * (var(--default-margin) + 6px));
img { aspect-ratio: 1; border: 6px solid var(--black); border-radius: 25px; object-fit: cover; object-position: center; width: 100%; height: 100%;}
}
.icon-wrapper {
.tdl-icons { width: 250px; height: 250px; position: absolute; top: 0; right: 0; transform: translate(30%,-70%);}
}
&.blue {
background: var(--blue);
h3 { color: var(--white);}
}
&.light-blue {
background: var(--light-blue);
h3 { color: var(--white);}
}
&.medium-blue {
background: var(--medium-blue);
h3 { color: var(--white);}
}
&.black {
background: var(--black);
h3 { color: var(--white);}
}
}
.content-wrapper { padding: var(--default-margin); line-height: 1.5;}
&.box {
margin-bottom: var(--default-margin);
&:has(.featured-image-wrapper){
.content-wrapper { padding: var(--default-margin) var(--default-margin) var(--default-margin) 0; line-height: 1.5;}
}
.heading-wrapper {
&.green {
.content { color: var(--white);}
}
&.dark-green {
.content { color: var(--white);}
}
&.blue {
.content { color: var(--white);}
}
&.black {
.content { color: var(--white);}
}
}
}
} .tdlEventBlock {
.tdlEventWrapper {
.event {
&:not(:last-of-type) { border-bottom: 1px solid var(--black); padding-bottom: var(--default-margin);}
&:last-of-type) { margin-bottom: var(--default-margin);}
#dateTime {
h4 { margin-bottom: calc(var(--default-margin) / 2); font-size: 24px;}
}
#content {}
}
}
} .tdlChecklist {
ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
padding-left: 0;
li {
line-height: 30px; font-size: 24px; display: flex; gap: 10px; align-items: center;
&:before { content: ''; width: 15px; height: 15px; border: 2px solid var(--black); display: inline-block;}
}
}
} .tdlBoardMemberWrapper {
.member { color: var(--green); font-weight: bold;}
.position {}
&.center { text-align: center;}
&.right { text-align: right;}
&:not(:last-of-type) { margin-bottom: var(--paragraph-margins);}
} .tdl-number-icon {
.wrapper {
.icon-wrapper {
margin-bottom: var(--paragraph-margins);
.tdl-icons { width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; font-size: 32px; color: var(--black);}
}
}
} .tdl-church-services-block {
margin-bottom: var(--default-margin);
.headingWrapper {}
.content-wrapper {
display: flex; gap: var(--column-gap); flex-wrap: wrap;
ul {
padding: 0; margin: 0; list-style: none; display: flex; gap: var(--column-gap); flex-direction: column;
li {
position: relative; display: flex; gap: 10px; align-items: center;
&:before { content: ''; display: block; flex: 0 0 40px; width: 40px; height: 40px; background-image: url(//lordofthevalley.org/wp-content/themes/lord-of-the-valley-custom-theme/assets/icons/lotv_time.svg); background-position: center center; background-size: cover;}
}
}
.fellowship-wrapper {
flex: 1;
}
.worship-wrapper {
flex: 1;
h4 { margin-top: 0;}
p { margin-top: 0; margin-bottom: var(--default-margin); color: var(--gray);}
ul { margin-bottom: var(--default-margin);}
.button-wrapper {
display: flex; gap: var(--column-gap);
.tdlButtonWrapper.zoom.white .tdlButton {
color: var(--light-blue); position: relative; display: flex; gap: 10px; align-items: center;
&:hover { background: var(--medium-blue);}
&:before { content: ''; display: block; width: 40px; height: 40px; background-image: url(//lordofthevalley.org/wp-content/themes/lord-of-the-valley-custom-theme/assets/icons/lotv_zoom.svg); background-position: center center; background-size: cover; flex: 0 0 40px;}
}
}
}
}
} .tdl-featured-banner-container {
overflow: clip; position: relative; margin-bottom: var(--default-margin);
.wrapper { width: 100%; height: 450px; background-size: cover; background-repeat: no-repeat;}
&.center .wrapper { background-position: center;}
&.bottom .wrapper { background-position: bottom;}
&.double {
.wrapper { height: 900px;}
}
&.overlay {
&:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(28,30,82,.3);}
}
}
.error404 {
article {
margin: var(--default-margin) 0;
header { display: block;}
h1 { margin-bottom: 0;}
p { margin-top: 0;}
}
}@media all and (min-width: 1900px)  {
#footer {
figure.tdl-circle {
img { max-width: 250px;}
}
}
}
@media all and (max-width: 1275px)  {
:root{
--content-width: 90%;
}
header { height: 6.25rem;} .nav-wrapper { justify-content: end;}
.tdl_split_block_container {
&.background_right {
.content_wrapper { margin-left: 0;}
}
&.background_left {
.content_wrapper { margin-right: 0;}
}
}
}
@media all and (max-width: 1024px)  {
.sr7-layer:not(a) {
padding-left: 5% !important;
}
a.sr7-layer { left: 5% !important;}
}
@media all and (max-width: 1005px)  { .tdl-church-services-block {
.content-wrapper {
flex-direction: column; align-items: initial;
.services-wrapper { margin-bottom: var(--default-margin);}
}
}
}
@media all and (max-width: 1000px)  { .tdl_row {
flex-direction: column;
.tdl_row_wrapper {
flex-direction: column !important;
.tdl_column { width: 100% !important;}
}
.tdl_inner_row { flex-direction: column !important;}
} .tdl-post-container {
&.columns {
grid-template-columns: repeat(2, 1fr);
.tdl-blog-post {
&:last-of-type { display: none;}
}
}
} .tdl_split_block_container {
gap: var(--column-gap);
&.background_left {
flex-direction: column;
.content_wrapper { width: 100%; padding-right: 0; padding-left: 0; padding-top: 50px; padding-bottom: 50px;}
}
&.background_right {
flex-direction: column;
.content_wrapper { width: 100%; padding-right: 0; padding-left: 0; padding-top: 50px; padding-bottom: 50px;}
}
} .tdlCallToActionContainer br { display: none;} .tdl-image-button-wrapper {
.button {
.image-wrapper {
img {  aspect-ratio: 16/9; }
}
}
} #footer {
text-align: center;
.footer_column_wrapper {
display: grid;
gap: var(--column-gap);
width: 100%;
grid-template-columns: repeat(1, 1fr);
}
#tdl_contact_widget_container > div { display: block; }
} .tdl-team-member-wrapper {
margin-bottom: calc(2 * var(--default-margin));
&.horizontal {
&.left {
flex-direction: column;
}
&.right {
flex-direction: column;
}
&:not(.left, .right) {
&:nth-of-type(odd) { flex-direction: column;}
&:nth-of-type(even) {
flex-direction: column;
.content-wrapper {
text-align: left;
.bio {}
}
}
}
}
}
}
@media all and (max-width: 768px)  { header { height: auto; padding-top: var(--paragraph-margins);}
.nav-wrapper { flex-direction: column-reverse; align-items: end; margin-bottom: 40px;}
.logo { position: absolute; top: 100px;}
.logged-in .logo { top: 145px;}
.menu-header-buttons-container {
width: 100%;
.tdl_menu {
li { width: 100%;
a { width: calc(100% - 120px); display: inline-block; text-align: center;}
}
}
}
}
@media all and (max-width: 700px)  { .vc_row.tdlButtonBlock { flex-direction: column;}
}
@media all and (max-width: 600px)  { .tdl-post-container {
&.columns {
grid-template-columns: repeat(1, 1fr);
.tdl-blog-post {
&:last-of-type { display: flex;}
}
}
}  .tdl-meetings-agendas {
a {
flex-direction: column;
}
} .tdl-split-logo {
margin-bottom: var(--default-vc-padding) ;
.wrapper {
flex-direction: column;
gap: 100px;
min-height: auto;
.image-wrapper{
flex: 0 0 33%;
align-content: center;
img { width: 100%;}
}
.content-wrapper {
flex: 1;
align-content: center;
.content {}
}
}
} .tdl-icon-block {
&:nth-of-type(even) { background: var(--yellow);}
.wrapper {
flex-direction: column;
gap: 0;
.content-wrapper {
h3 { text-align: center;}
}
}
} .tdl-church-services-block {
.content-wrapper {
.zoom-wrapper {
.button-wrapper { flex-direction: column;}
}
}
}
.tdlButtonWrapper {
.tdlButton { width: 100%; justify-content: center;}
}
}
@media all and (max-width: 500px)  {
.logo { height: 50px;}
}.tdl_row {
&:first-of-type:not(.tdl-custom-block) {
.tdl_row_wrapper {
.tdl_column {
padding-top: var(--default-margin);
}
}
}
.tdl_row_wrapper {
display: flex;
flex-direction: row;
gap: var(--column-gap);
.tdl_column {
.tdl_column-inner {
.tdl_wrapper {}
}
}
}
&[data-tdl-full-width="false"] {
width: var(--content-width);
margin: 0 auto;
&.tdl-custom-block {
padding-top: 0 !important;
.tdl_row_wrapper { padding: var(--default-margin) !important;}
.tdl_text_column:last-of-type { margin-bottom: 0 !important;}
}
}
&[data-tdl-full-width="true"] {
padding: 0;
.tdl_row_wrapper {
padding: 0 calc((100% - var(--content-width)) / 2);
}
}
&[data-tdl-full-width="true"][data-tdl-stretch-content="true"] {
padding: 0;
.tdl_row_wrapper { padding: 0; width: 100% !important; }
&.tdl_row-no-padding {
.tdl_row_wrapper {
padding: 0; width: 100%;
.tdl_column { padding-top: 0;}
}
.tdl_content_element { margin-bottom: 0 !important;}
&.tdlForceMarginBottom { margin-bottom: var(--default-margin) !important;}
}
}
&[data-tdl-content-placement="top"] {
.tdl_column {
display: flex;
flex-direction: column;
justify-content: start;
}
}
&[data-tdl-content-placement="middle"] {
.tdl_column {
display: flex;
flex-direction: column;
justify-content: center;
}
}
&[data-tdl-content-placement="bottom"] {
.tdl_column {
display: flex;
flex-direction: column;
justify-content: end;
}
}
.tdl_inner_row {
display: flex; gap: var(--column-gap);
.tdl_column { padding-top: 0 !important;}
}
&.tdl-custom-block { padding-top: var(--default-margin);}
&.tdl-custom-block[data-tdl-content-offset="true"] {  .tdl_row_wrapper {
.tdl_column {
margin-top: calc(-2 * var(--default-margin));
}
}
}
&.tdl-custom-block[data-tdl-content-bottom-offset="true"] {  .tdl_row_wrapper {
.tdl_column {
margin-bottom: calc(-2 * var(--default-margin)) !important;
}
}
}
&.vc_row-o-equal-height {
.tdl_column {
.tdl_column-inner {
height: 100%;
.tdl_wrapper {
height: 100%;
.tdl-icon-button {
height: 100%;
.wrapper { height: calc(100% - 52px);}
}
.tdl-image-button-wrapper {
height: 100%;
.button { height: calc(100% - 52px);}
}
}
}
}
}
&.tdlCTAWrapper {
.tdlCallToActionContainer {
margin-top: var(--default-margin);
margin-bottom: var(--default-margin) !important;
.tdl_text_column { text-wrap: balance;}
.tdl_text_column p:last-of-type { margin-bottom: var(--default-margin) !important;}
> .tdl_row {
.tdl_row_wrapper { width: var(--content-width) !important; margin: 0 auto !important; }
}
}
.tdlCallToActionContainer:has(.tdl-carrot-above) {
margin-top: calc(165px + var(--default-margin));
}
> .tdl_row_wrapper { width: 100% !important;}
}
} .tdl_text_column p { margin-top: 0; margin-bottom: var(--paragraph-margins);}
.tdl_text_column p:last-of-type { margin-top: 0; margin-bottom: 0;}
.tdl_text_column { margin-bottom: var(--paragraph-margins);}
.tdl_text_column ~ .tdl_text_column, .tdl_text_column:last-of-type { margin-bottom: var(--default-margin);}
.tdl_content_element { margin-top: 0; margin-bottom: var(--default-margin);} .tdl_col-1 { width: calc(100% / 12);}
.tdl_col-2 { width: calc((100% / 12) * 2);}
.tdl_col-3 { width: 25%;}
.tdl_col-4 { width: calc((100% / 12) * 4);}
.tdl_col-5 { width: calc((100% / 12) * 5);}
.tdl_col-6 { width: 50%;}
.tdl_col-7 { width: calc((100% / 12) * 7);}
.tdl_col-8 { width: calc((100% / 12) * 8);}
.tdl_col-9 { width: 75%;}
.tdl_col-10 { width: calc((100% / 12) * 10);}
.tdl_col-11 { width: calc((100% / 12) * 11);}
.tdl_col-12 { width: 100%;}
.tdl_col-1\/5 { width: calc(100% / 5);} .tdl-custom-block + .tdl_row:not(.tdl-custom-block) { margin-top: var(--default-margin);}
.tdl-custom-block + .tdl_row.tdl_row-no-padding { margin-top: 0;}
.tdl_row:not(.tdl-custom-block) + .tdl-custom-block { margin-top: var(--default-margin);} .tdl_row.force-margins > .tdl_row_wrapper { margin-bottom: var(--default-margin) !important;}
.tdl-custom-block:has( + .tdl-custom-block.tdl-bottom-arrow) { padding-bottom: calc(var(--default-margin) * 2);}
.tdl_row:not(.tdl-custom-block) + .tdl_row.tdl-custom-block[data-tdl-content-offset="true"]:has(:not(.tdl_inner_row)) { margin-top: calc(var(--default-margin) * 2);}
.tdl_row:not(.tdl-custom-block) + .tdl_row.tdl-custom-block[data-tdl-content-offset="true"]:has(.tdl_inner_row) { margin-top: calc(var(--default-margin) * 4);}
.tdl_row:last-of-type:not(.tdl-custom-block, .tdl_row-no-padding) { margin-bottom: var(--default-margin);}
.tdl_row.tdl-custom-block[data-tdl-content-bottom-offset="true"] { margin-bottom: calc(var(--default-margin) * 2);}
.tdl_row.tdl-custom-block[data-tdl-content-bottom-offset="true"]:has(.tdl_inner_row) + .tdl_row:not(.tdl-custom-block) { margin-top: calc(var(--default-margin) * 4);}
.tdl_row.tdlForceMarginBottom { margin-bottom: var(--default-margin) !important;}
.tdlCTAWrapper:has( + .tdl_row.tdl_row-no-padding[data-tdl-full-width="true"][data-tdl-stretch-content="true"]) .tdlCallToActionContainer {margin-bottom: 0 !important;}
.tdl_row:last-of-type:is(.tdlCTAWrapper) {margin-bottom: 0 !important;}
.tdl_row:last-of-type:is(.tdlCTAWrapper) .tdlCallToActionContainer {margin-bottom: 0 !important;}
.tdl_row.tdl-custom-block[data-tdl-full-width="true"] + .tdl_row.tdlCTAWrapper[data-tdl-full-width="true"][data-tdl-stretch-content="true"] { margin-top: 0 !important;}
.tdl_row.tdl-custom-block[data-tdl-full-width="true"] + .tdl_row.tdlCTAWrapper[data-tdl-full-width="true"][data-tdl-stretch-content="true"] .tdlCallToActionContainer { margin-top: 0 !important;}