@font-face {
font-family: 'Alta';
src: url(//janeslodges.com/wp-content/themes/janes-lodges-custom-theme/assets/fonts/Alta_light.woff2) format('woff2'),
url(//janeslodges.com/wp-content/themes/janes-lodges-custom-theme/assets/fonts/Alta_light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Alta';
src: url(//janeslodges.com/wp-content/themes/janes-lodges-custom-theme/assets/fonts/Alta_regular.woff2) format('woff2'),
url(//janeslodges.com/wp-content/themes/janes-lodges-custom-theme/assets/fonts/Alta_regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Alta Caption';
src: url(//janeslodges.com/wp-content/themes/janes-lodges-custom-theme/assets/fonts/Alta_caption.woff2) format('woff2'),
url(//janeslodges.com/wp-content/themes/janes-lodges-custom-theme/assets/fonts/Alta_caption.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Avenir LT Std';
src: url(//janeslodges.com/wp-content/themes/janes-lodges-custom-theme/assets/fonts/AvenirLTStd-Book.woff2) format('woff2'),
url(//janeslodges.com/wp-content/themes/janes-lodges-custom-theme/assets/fonts/AvenirLTStd-Book.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root{
--primary-font-size: 20px;
--primary-font: 'Avenir LT Std';
--primary-font-weight: normal;
--primary-font-style: normal;
--secondary-font: hummingbird, sans-serif;
--secondary-font-weight: 700;
--secondary-font-style: normal;
--alt-font: "Alta";
--alt-font-weight: normal;
--alt-2-font: "Alta Caption";
--alt-2-font-weight: normal;
--content-width: 1200px;
--gutter: 100px;
--maroon: #641A1D;
--dark-maroon: #2E1012;
--brown: #C29A57;
--cream: #F4DEBE;
--white: #FFF;
--black: #000000;
--light-gray: #F0F3F6;
--gray: #c2c2c2;
--dark-gray: #919090;
--default-vc-padding: 35px;
--small-vc-padding: 20px;
--column-gap: 35px;
--default-transition: ease-in-out all .5s;
--default-margin: 35px;
--paragraph-margins: calc(var(--default-margin) / 3);
} 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(--black); text-decoration: none;}
h1,h2,h3,h4,h5 { color: var(--maroon);}
.headingWrapper {
display: flex;
:where(h1,h2,h3,h4) { color: var(--maroon); font-family: var(--secondary-font); font-weight: var(--secondary-font-weight); font-style: var(--secondary-font-style); line-height: 1; margin: 0 0 var(--default-margin) 0; padding: 0; position: relative; top: 5px;}
&.maroon :where(h1,h2,h3,h4) { color: var(--maroon);}
&.brown :where(h1,h2,h3,h4) { color: var(--brown);}
&.black :where(h1,h2,h3,h4) { color: var(--black);}
&.cream :where(h1,h2,h3,h4) { color: var(--cream);}
&.white :where(h1,h2,h3,h4) { color: var(--white);}
&.multi-line :where(h1,h2,h3,h4) { font-family: var(--primary-font); text-transform: uppercase; font-weight: 300;}
&.multi-line :where(h1,h2,h3,h4) strong { font-family: var(--secondary-font); text-transform: capitalize; font-weight: normal;}
&.center { justify-content: center; align-items: center; text-align: center;}
&.multi-line.center { text-align: center;}
&.right { justify-content: end;}
&.bottom-emb :where(h1,h2,h3,h4) { display: flex; flex-direction: column; align-items: center;}
&.bottom-emb :where(h1,h2,h3,h4):after { content: '\e900'; font-family: 'icomoon'; font-size: 20px;}
h1 { font-size: 80px;}
h2 { font-size: 65px;}
h3 { font-size: 50px;}
}
.clear{clear:both;}
.insetContent { padding: 0 200px;}
ul.tdlStyledNumberedList { counter-reset: number; list-style: none; margin-top: 70px; padding-left: 0;}
ul.tdlStyledNumberedList li { counter-increment: number; display: flex; flex-direction: row; gap: 40px; margin-bottom: 50px; align-items: center; font-weight: bold;}
ul.tdlStyledNumberedList li:before { content: counter(number); width: 75px; height: 75px; border-radius: 50%; border: 2px solid var(--brown); font-size: 40px; font-family: var(--secondary-font); flex: 0 0 75px; align-items: center; justify-content: center; display: flex;}
.wpb_wrapper p:first-of-type { margin-top: 0 !important;}
img { display: block;} .wpb_single_image {
.vc_single_image-wrapper {
img { width: calc(100% - 20px); padding: 10px; border: 3px solid var(--brown);}
}
}  #header { position: absolute; width: 100%; top: 0; left: 0;}
.logged-in #header { top: 32px;}
header { display: flex; align-items: flex-start; width: var(--content-width); margin: 0 auto; justify-content: center;} .menu-main-container {
margin-top: 40px;
margin-left: -70px;
z-index: 2;
ul { list-style: none; padding: 0;}
.menu {
margin: 0;
display: flex;
flex-direction: row;
gap: 20px;
a { text-decoration: none; color: var(--white); text-transform: capitalize; display: inline-flex; padding: 0; font-weight: var(--alt-font-weight); font-size: 16px; font-family: var(--alt-font);}
li {
position: relative; line-height: 2 !important;
&:hover {
a { color: var(--cream);}
.sub-menu { display: flex; flex-direction: column;}
}
&.active:hover .sub-menu { display: block !important;}
&.current_page_item {
a {
color: var(--cream); position: relative;
&:after { content: ''; display: inline-block; height: 1px; width: 30px; background: var(--red); left: 0; bottom: 0; position: absolute;}
}
.sub-menu {
li {}
li:hover {}
}
&.menu-item-has-children {
&:after { border-right: 1px solid var(--red); border-bottom: 1px solid var(--red);}
}
}
&.menu-item-has-children { }
} > li:nth-of-type(3) { margin-right: 300px;}
.sub-menu {
position: absolute;
display: none;
width: fit-content;
min-width: 200px;
background: var(--cream);
li {
a { color: var(--maroon); line-height: 2; padding: 0 10px; font-size: .7em; white-space: nowrap; width: calc(100% - 20px); display: inline-block;}
&:hover {
background: var(--maroon);
a { color: var(--cream);}
}
&.current_page_item {
a {
&:after { content: ''; display: none;}
}
}
}
}
}
} #tdl_mm_container {
background-color: var(--cream);
line-height: 2em !important;
text-align: left;
ul li a { text-align: left; line-height: 2em !important; text-decoration: none;}
a { color: var(--maroon);}
.menu-item-has-children a:after{ border-color: transparent transparent transparent var(--maroon) !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(--cream); display: inline-block; margin-left: 10px; position: relative; top: -1px;}
li {
background-color: var(--maroon);
line-height: 2em;
&.mobileOnly { background-color: var(--cream);}
}
a { color: var(--cream); font-size: .9em;}
}
} #tdl_mm_button {
position: absolute !important;
top: var(--default-margin);
right: var(--default-margin);
z-index: 999999;
&:after, &:before, & > div { background-color: var(--white) !important;}
} body.activeMobileMenu:after { content: ''; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 9;} .topBarWidget { background-color: var(--brown); width: 100%;height: 39px;}
.topBarWidget ul { padding: 10px 0; list-style: none;width: var(--headcontent-width); margin: 0 auto;}
.topBarWidget li { display: inline;}
.topBarWidget li a { text-transform: uppercase; padding: 0 50px 0 0;text-decoration: none;}
.topBarWidget a { color: var(--white); font-size: 1em;}
.topBarWidget a:hover, .topBarWidget .phoneIcon a:hover:before { color: var(--white);}  rs-fullwidth-wrap h2 { font-family: var(--secondary-font) !important; font-weight: var(--secondary-font-weight) !important; font-style: var(--secondary-font-style) !important;} .logo { width: 250px; position: absolute; z-index: 9999; top: 20px;}
.logo img { width: 100%;}
.logo a { display: block;} .tdlButtonWrapper { display: flex; text-align: center;}  .tdlButtonWrapper.default {
&.center { justify-content: center;}
&.right { justify-content: flex-end;}
.tdlButton {
padding: 4px 20px; text-transform: uppercase; font-size: 30px; font-family: var(--alt-2-font); font-weight: var(--alt-2-font-weight); border-width: 2px; border-style: solid; border-image-slice: 1; position: relative;
&.default { color: var(--brown); border-color: var(--brown); border-image-source: radial-gradient(#f3ddbd 0%, #c29a57 25%, #f3ddbd 75%, #c29a57 100%);}
&:before { content: ''; background: radial-gradient(white, transparent 80%); height: 100px; width: 100px; position: absolute; top: 0; left: calc(10% - 100px); transition: var(--default-transition); filter: blur(10px) brightness(2); mix-blend-mode: color-dodge;}
&.maroon { color: var(--maroon); border-color: var(--maroon); border-image-source: linear-gradient(to left, var(--dark-maroon), var(--maroon)); mix-blend-mode: multiply;}
&.maroon.background {
color: var(--white); border: none; background: linear-gradient(to left, var(--dark-maroon), var(--maroon)); mix-blend-mode: multiply;
&:before { mix-blend-mode: normal;}
}
&.white { color: var(--white); border-color: var(--white); border-image-source: linear-gradient(to left, var(--cream), var(--white));}
&.black { color: var(--black); border-color: var(--black); border-image-source: linear-gradient(to left, var(--dark-maroon), var(--black));}
&.cream { color: var(--cream); border-color: var(--cream); border-image-source: linear-gradient(to left, var(--white), var(--cream));}
&:hover:before { left: calc(80% + 100px); transition: var(--default-transition);}
}
} .tdlButtonWrapper.text {
text-transform: uppercase; flex-direction: column; align-items: center; gap: 15px; position: relative;
&:after { content: ''; height: 3px; width: 70%; background: var(--maroon); display: inline-block; border-radius: 50%;}
.tdlButton {
color: var(--maroon);
&:before { content: ''; background: radial-gradient(white, transparent 80%); height: 100px; width: 100px; position: absolute; top: 0; left: calc(10% - 100px); transition: var(--default-transition); filter: blur(10px) brightness(2); mix-blend-mode: color-dodge;}
&:hover { color: var(--dark-maroon);}
&:hover:before { left: calc(80% + 100px); transition: var(--default-transition);}
}
&.center { justify-content: center;}
&.right { justify-content: flex-end;}
&.maroon .tdlButton { color: var(--maroon);}
&.maroon:after { background: var(--maroon); background: linear-gradient(90deg, var(--maroon) 0%, #B27230 50%, var(--maroon) 100%);}
&.maroon .tdlButton:hover { color: var(--dark-maroon);}
&.brown .tdlButton { color: var(--brown);}
&.brown:after { background: var(--brown); background: linear-gradient(90deg, var(--brown) 0%, #F3DDBD 50%, var(--brown) 100%);}
&.brown .tdlButton:hover { color: var(--cream);}
&.cream .tdlButton { color: var(--cream);}
&.cream:after { background: var(--cream);}
&.cream .tdlButton:hover { color: var(--white);}
&.black .tdlButton { color: var(--black);}
&.black:after { background: var(--black);}
&.black .tdlButton:hover { color: var(--dark-maroon);}
&.white .tdlButton { color: var(--white);}
&.white:after { background: var(--white);}
&.white .tdlButton:hover { color: var(--cream);}
}
.tdlCreamBlock .tdlButtonWrapper.text .tdlButton:before { display: none;}
.tdlMarbleBlock .tdlButtonWrapper.text .tdlButton:before { mix-blend-mode: hard-light;} .tdl-location-button {
a {
display: flex; flex-direction: column; gap: var(--default-vc-padding);
&:hover .tdl-location-button-image img { transform: scale(1.25); transition: var(--default-transition);}
&:hover .tdlButton:before { left: calc(80% + 100px); transition: var(--default-transition);}
}
.tdl-location-button-image-wrapper { padding: 10px; border: 3px solid var(--brown); background: var(--white); overflow: hidden;}
.tdl-location-button-image {
overflow: hidden;
img { width: 100%; aspect-ratio: 1; object-fit: cover; transform: scale(1); transition: var(--default-transition);}
}
} #footer { background: var(--maroon); color: var(--white); padding: var(--default-vc-padding) 0;}
footer { width: var(--content-width); margin: 0 auto; position: relative;}
footer .footer_column_wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--column-gap);}
footer .footer_column_wrapper div.locations:not(:first-of-type) { padding-left: var(--small-vc-padding);}
footer .footer_column_wrapper div.contact:not(:first-of-type) { padding-left: var(--small-vc-padding);}
footer .footer_column_wrapper div.social:not(:first-of-type) { padding-left: var(--small-vc-padding);}
footer ul { list-style: none; padding-left: 0; margin-top: 0;}
footer ul.locations li { display: flex; gap: 10px; align-items: center;}
footer ul.locations li:before { content: '\e905'; font-family: 'icomoon'; display: inline-block; font-size: 50px;}
footer ul li { font-weight: normal; font-family: var(--alt-2-font); font-weight: var(--alt-2-font-weight);}
footer ul li a { font-weight: normal; font-family: var(--alt-2-font); font-weight: var(--alt-2-font-weight);}
footer a { text-decoration: none; font-family: var(--alt-2-font); font-weight: var(--alt-2-font-weight); color: var(--white);}
footer :where(h1,h2,h3,h4) { color: var(--white); }
footer h3.wp-block-heading:before { content: '\e904'; font-family: 'icomoon'; display: inline-block; font-size: 50px;}
footer h3.wp-block-heading { font-size: 70px; font-family: var(--secondary-font); font-weight: var(--secondary-font-weight); font-style: var(--secondary-font-style); margin-top: var(--small-vc-padding); margin-bottom: 10px; line-height: 1; display: flex; gap: 10px;} #credit, #copy{ text-align: center; font-size: .75em;margin: 0;}
#sub_footer { color: var(--white); margin-top: var(--default-vc-padding);}
#sub_footer a {text-decoration: none; color: var(--white);}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { fill: var(--white) !important; color: var(--white) !important;}  #tdl_contact_widget_container {}
#tdl_contact_widget_container #addressContainer { margin-bottom: 35px;}
#tdl_contact_widget_container p { padding: 0; margin: 0;}
#tdl_contact_widget_container strong { } .tdlContactWrapper { padding-left: 50px;}
.tdlContactWrapper .tdlContact { display: flex; flex-direction: row; align-items: center; text-decoration: none;}
.tdlContactWrapper .tdlContact:hover { color: var(--maroon);}
.tdlContactWrapper .tdlContact:before { font-family: 'icomoon'; display: inline-block; margin-right: 10px; font-size: 40px; width: 50px;}
.tdlContactWrapper.phone .tdlContact:before { content: '\e908';}
.tdlContactWrapper.email .tdlContact:before { content: '\e905'; font-size: 30px;}
.tdlContactWrapper.facebook .tdlContact:before { content: '\e906';}
.tdlContactWrapper.location .tdlContact:before { content: '\e907';} #tdl_social_widget_container { display: inline-block;}
#tdl_contact_widget_container, #tdl_contact_widget_container a { color: var(--white);}
#tdl_social_widget_container a { text-decoration: none;}
#tdl_social_widget_container .icon { margin-right: 20px;}
#tdl_social_widget_container .icon:before { color: var(--white); font-size: 16px;}
#tdl_social_widget_container .icon: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 { background: transparent; font-family: var(--primary-font); font-weight: 400; border: 1px solid var(--maroon) !important; color: var(--brown) !important;}
.nf-form-content input:not([type="button"], [type="submit"]) { height: 40px !important;}
.submit-container {
display: flex; flex-direction: row; justify-content: start;
input { background: transparent !important; text-transform: uppercase !important; border-style: solid !important; border-image-slice: 1 !important; border-color: var(--maroon) !important; border-width: 2px !important; border-image-source: linear-gradient(to left, var(--dark-maroon), var(--maroon)) !important; color: var(--maroon) !important; height: auto !important; font-weight: var(--alt-2-font-weight) !important; padding: 10px 20px !important; transition: ease-in-out  all .2s; font-family: var(--alt-2-font) !important; font-size: 30px; line-height: 1; position: relative;}
:hover input { background: var(--maroon) !important; color: var(--white) !important; transition: ease-in-out  all .2s;}
}
.nf-error-msg { color: var(--red) !important; 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 { color: var(--maroon);}
.nf-error.field-wrap .nf-field-element::after { background: var(--maroon);}
} .more-link { color: var(--brown);} .vc_tta-panel .vc_tta-panel-title > a { color: var(--maroon) !important; font-size: 1.6em !important;}
.vc_tta-panel-heading, .vc_tta-panel-body { border: 0px !important;}
.vc_tta-panel-body { background-color: var(--gray);}
.vc_tta-controls-icon:before { border-color: var(--brown) !important;}
.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right.vc_tta-panel-title > a { padding-right: 200px !important;}
.vc_tta-panel { border-bottom: 1px solid var(--maroon);}
.vc_tta .vc_tta-controls-icon { height: 20px !important; width: 20px !important;}
.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-triangle:before { border-width: 10px !important;}
.vc_active .vc_tta-panel-body { background-color: var(--gray) !important;}
.vc_active.vc_tta-panel { border: 1px solid var(--gray) !important;}
.vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-panel .vc_tta-panel-heading:hover { color: var(--white) !important; background-color: var(--white) !important;} .tdlCTAWrapper.vc_hidden { opacity: 1 !important;}
.tdlCallToActionContainer > .vc_row { padding-left: 0 !important; width: 100% !important; padding-right: 0 !important; left: auto !important;}
.vc_row.tdlCallToActionContainer { margin-bottom: 0 !important;}
.tdlCTAWrapper h1, .tdlCTAWrapper h2, .tdlCTAWrapper h3, .tdlCTAWrapper h4 { color: var(--white); font-size: 2em;line-height: 1.2em;}
.tdlCallToActionContainer .vc_row .wpb_column .vc_row { width: 100% !important;}
.tdlCTAWrapper[data-overflow="true"] { overflow: visible !important; margin: 135px 0;}
.tdlCTAWrapper[data-overflow="true"] img { position: absolute; transform: rotate(-5deg) translateY(calc(-50% + 30px)); border: 20px solid var(--cream); box-shadow: 5px 5px 5px rgba(0,0,0,.2);}
.tdlCTAWrapper[data-overflow="true"] .headingWrapper.multi-line h3 { font-size: 26px; }
.tdlCTAWrapper[data-overflow="true"] .headingWrapper.multi-line h3 strong { font-size: 40px; }
.tdlCallToActionContainer[data-overflow="true"] .vc_row { min-height: 280px;}
.tdlCallToActionContainer[data-overflow="true"] .vc_col-sm-6 { display: flex; align-items: center; padding-bottom: 0 !important; padding-top: 35px !important;}
.tdlCallToActionContainer[data-overflow="true"] .vc_col-sm-6 .vc_col-sm-6 .wpb_wrapper { display: flex; flex-direction: column; gap: 20px;}
.tdlCallToActionContainer[data-overflow="true"] .vc_col-sm-6 .vc_col-sm-6 .wpb_wrapper .tdlButton { width: 70%; text-align: center;}
.tdlCallToActionContainer[data-overflow="true"] .vc_col-sm-6 .vc_col-sm-6 .wpb_wrapper .tdlButton:before, .tdlCallToActionContainer[data-overflow="true"] .vc_col-sm-6 .vc_col-sm-6 .wpb_wrapper .tdlButton:after { display: none;}
.page-id-28 .tdlCTAWrapper[data-overflow="true"] { margin: 0 0 135px 0 !important;}
.page-id-96 .tdlCTAWrapper[data-overflow="true"] { margin: 0 0 135px 0 !important;} .tdlBlackBlock {
background: var(--black);
p { color: var(--cream);}
}
.tdlCreamBlock { background: var(--cream);}
.tdlMarbleBlock { background-image: url(//janeslodges.com/wp-content/themes/janes-lodges-custom-theme/assets/images/janes-lodges_marble-bg.webp); background-size: cover;}  .teamMemberTDLBlock { }
.teamMemberTDLBlock .teamMemberTDL { display: inline-block; width: 20%; margin-right: 6%; vertical-align: top; margin-bottom: 70px;}
.teamMemberTDLBlock .teamMemberTDL:nth-of-type(4n+4) { margin-right: 0;}
.teamMemberTDLBlock .teamMemberTDL .teamMemberTDL_image {}
.teamMemberTDLBlock .teamMemberTDL .teamMemberTDL_image img { width: 100%; height: auto;}
.teamMemberTDLBlock .teamMemberTDL h3 { font-size: 20px; margin: 10px 0 5px 0;}
.teamMemberTDLBlock .teamMemberTDL h4 { font-size: 16px; font-weight: 400; color: var(--brown); margin: 0;}
.teamMemberTDLBlock .teamMemberTDL h5 { color: rgba(10,15,28, .5); font-weight: 400; font-size: 16px; margin: 0}
.teamMemberTDLBlock .teamMemberTDL h4, .teamMemberTDLBlock .teamMemberTDL h5 { font-size: 12px;}
.teamMemberTDL a:link { text-decoration: none;} .single-team_member article { width: 1080px; margin: 100px auto;}
.single-team_member img {}
.single-team_member h1 { margin-bottom: 0px; color: #0A0F1C; font-size: 60px; margin: 10px 0;}
.single-team_member h4 { margin-bottom: 0; font-weight: var(--primary-font-weight);}
.single-team_member h4.meet { color: var(--brown); font-size: 23px; margin-top: 0; font-weight: 700;}
.single-team_member h4.contact { font-size: 40px; margin: 30px 0; font-weight: 700;}
.single-team_member h2.posloc { font-size: 20px; color: rgba(10,15,28, .8); font-weight: var(--primary-font-weight);}
.single-team_member .member-header { padding-bottom: 20px; border-bottom: 1px solid #0A0F1C;  margin-bottom: 20px;}
.single-team_member .contact-info p { margin-bottom: 0;}
.single-team_member .left-column { width: 30%; display: inline-block; vertical-align: top;}
.single-team_member .right-column { width: 62%; display: inline-block; padding-left: 7%; vertical-align: top;}
.single-team_member .contact-info a { color: var(--brown);}
.single-team_member .contact-info p { line-height: 1.8em;}
.single-team_member ul#expertise { list-style: none; padding-left: 0;}
.single-team_member ul#expertise li { display: inline-block; border: 2px solid #0A0F1C; padding: 10px 30px; margin-right: 20px; font-weight: 700;} .tdlNewsArticle h3 { margin-bottom: 0;}
.tdlNewsArticle h3 { font-size: 2em; margin: 15px 0 40px 0;}
.tdlNewsArticle { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid var(--maroon);}
.tdlNewsArticle .sourceDate { color: var(--brown); font-weight: bold;} .testimonialRow { height: 420px; margin-top: 100px;}
.tdl-testimonial-container { margin: 70px 0;}
.tdl-testimonial-container .testimonial_content { color: var(--white) !important; padding: 0px 140px; position: relative; font-size: var(--primary-font-size); line-height: 1.6em; text-align: center; }
.tdl-testimonial-container .testimonial_content:before, .tdl-testimonial-container .testimonial_content:after { content: '"';}
.tdl-testimonial-container .testimonialAuthor { margin-top: 20px !important; color: var(--white) !important; text-align: center;}
.tdl-testimonial-container .testimonialAuthor:before { content: ''; width: 20px; height: 1px; background: var(--white); display: inline-block; margin-right: 10px; position: relative; top: -7px;}
.tdl-testimonial-container.carousel .testimonialTDL { display: none;}
.tdl-testimonial-container.carousel .testimonialTDL:first-of-type { display: block;    }
.tdl-testimonial-container.list .testimonialTDL { margin-bottom: 70px; }
.tdl-testimonial-container.list .testimonial_content { font-size: 1em;}
.testimonialRow #dotsNavigation { text-align: center; }
.testimonialRow #dotsNavigation ul { list-style: none; padding-left: 0;}
.testimonialRow #dotsNavigation ul li { display: inline-block; height: 5px; width: 5px; background: var(--white); margin: 0 5px; border-radius: 50%;}
.testimonialRow #dotsNavigation ul li:hover { background: var(--brown);}
.testimonialRow #dotsNavigation ul li.active { background: var(--brown);}
.testimonialRow{height: 420px;} .tdl-post-container {
&.columns { display: grid; gap: var(--column-gap); grid-template-columns: repeat(3,1fr);}
.tdl-blog-post {
.img-wrapper {
padding: 10px; border: 3px solid var(--brown); transform: translateY(0) scale(1); transition: var(--default-transition); overflow: hidden;
.image {
overflow: hidden;
img { display: block; width: 100%; aspect-ratio: 4/3; object-fit: cover; transform: scale(1); transition: var(--default-transition); overflow: hidden;}
}
}
&:hover {
.img-wrapper {
.image {
img { transform: scale(1.25); transition: var(--default-transition);}
}
}
}
&.featured {}
&.square {}
&.circle {
img { border-radius: 50%;}
}
.excerpt { line-height: 1.2;}
.tdlButtonWrapper { display: flex; margin-top: var(--default-vc-padding);}
a { text-decoration: none;}
}
} .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: var(--content-width); margin: 0 auto;
.vc_row { margin-bottom: 0 !important;}
p { margin-top: 0; margin-bottom: var(--paragraph-margins);}
p:last-of-type { margin-top: 0; margin-bottom: 0;}
p ~ p, p:last-of-type { margin-bottom: var(--default-margin);}
h2 { font-family: var(--secondary-font); font-size: 65px;}
}
.post-header { text-align: center; padding-top: var(--default-margin);}
.post-wrapper { width: var(--content-width); margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); gap: var(--gutter);}
.recent-post-container {
background: #ECECEC;
padding-top: var(--default-vc-padding);
padding-bottom: var(--default-vc-padding);
h4 { margin-top: 0; margin-bottom: var(--default-vc-padding); text-align: center;}
.post {
h3 { font-size: 1em;}
img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover;}
.tdlButtonWrapper { display: flex;}
a { text-decoration: none;}
}
}
#footer { margin-top: 0;}
.wpb-disabled {
article {
img {
&.alignright { float: right; margin-bottom: var(--default-margin); margin-left: var(--default-margin);}
&.alignleft { float: left; margin-bottom: var(--default-margin); margin-right: var(--default-margin);}
&.aligncenter { margin-left: auto; margin-right: auto; margin-bottom: var(--default-margin);}
}
}
}
.postNav {
display: flex;
gap: var(--column-gap);
margin-bottom: var(--default-margin);
width: 100%;
nav {
width: 100%;
.nav-links {
display: flex;
justify-content: space-between;
.nav-previous {
a {
display: flex;
gap: 20px;
.content {
display: flex;
flex-direction: column;
justify-content: start;
.title { text-align: left;}
.dir { text-align: left;}
}
&:hover { color: var(--maroon);}
}
}
.nav-next {
a {
display: flex;
gap: 20px;
.content {
display: flex;
flex-direction: column;
justify-content: end;
.title { text-align: right;}
.dir { text-align: right;}
}
&:hover { color: var(--maroon);}
}
}
}
}
}
} .tdlNumberedSectionContainer { margin: 35px 0;}
.tdlNumberedSectionContainer .contentWrapper { counter-reset: number;}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem { display: flex; flex-direction: row; gap: 50px; justify-content: space-between; margin-bottom: 70px; counter-increment: number; }
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem h3 { margin-top: 0; font-family: var(--secondary-font); font-size: 35px;}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem .description {}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem .iconWrapper .icon { width: 150px; height: 150px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid var(--brown); font-size: 75px; font-family: var(--secondary-font); margin-top: 50px;}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem .iconWrapper .icon:before{ content: counter(number);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 1) .iconWrapper .icon { border: 2px solid var(--maroon); color: var(--maroon);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 1) h3 { color: var(--maroon);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 2) .iconWrapper .icon { border: 2px solid var(--mustard); color: var(--mustard);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 2) h3 { color: var(--mustard);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 3) .iconWrapper .icon { border: 2px solid var(--brown); color: var(--brown);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 3) h3 { color: var(--brown);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 4) .iconWrapper .icon { border: 2px solid var(--black); color: var(--black);}
.tdlNumberedSectionContainer .contentWrapper .tdlNumberedtItem:nth-of-type(4n + 4) h3 { color: var(--black);}
.tdlNumberedSectionContainer.alternating .contentWrapper .tdlNumberedtItem:nth-of-type(even) { flex-direction: row-reverse;} .tdlPropertyBlock {
.tdlPropertyWrapper {
&:not(.center ) {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--default-vc-padding); margin-bottom: var(--default-margin);}
.tdlProperty {
a {
background: var(--white); display: flex; flex-direction: column; padding: 10px; gap: 10px; border: 3px solid var(--brown); box-shadow: 5px 5px 10px rgba(0,0,0,.4); transform: translateY(0) scale(1); transition: var(--default-transition); height: calc(100% - 26px);
&:hover { transform: translateY(-5px) scale(1.025); transition: var(--default-transition); background: var(--maroon);}
&:hover .contentWrapper :where(h4,h5,p) { color: var(--white); transition: var(--default-transition);}
&:hover .contentWrapper .details p { color: var(--white); transition: var(--default-transition);}
&:hover .imageWrapper img { transform: scale(1.25); transition: var(--default-transition);}
}
.imageWrapper {
overflow: hidden;
img { width: 100%; aspect-ratio: 4/3; object-fit: cover; transform: scale(1); transition: var(--default-transition);}
}
.contentWrapper {
padding: 0 10px;
p { padding-top: 10px;}
.details { display: flex; gap: 5px; padding-top: 5px;}
.details p { color: var(--maroon); font-size: 14px}
.details p:not(:last-of-type):after { content: ','; display: inline-flex;}
:where(h4,h5,p) { margin: 0; padding: 0; line-height: 1;}
:where(h4,h5) { text-transform: uppercase; font-family: var(--alt-2-font); font-weight: var(--alt-2-font-weight);}
h4 { font-size: 30px;}
h5 { font-size: 20px;}
}
}
&.center {
display: flex; margin-bottom: var(--default-margin); justify-content: center;
.tdlProperty {
flex: 0 0 calc(100% / 3);
}
}
}
} .single-properties {
.post-header {
width: var(--content-width); margin: 0 auto 0 auto;
.headingWrapper.propertyName h1 { margin-bottom: 0 !important;}
h3.propertyTagline { color: var(--black); text-align: center; margin-bottom: var(--default-vc-padding); font-style: italic;}
}
.tdl-property-information-container {
.column-wrapper {
display: flex;
flex-direction: column;
gap: 0px;
.property-description {
line-height: 2;
}
.property-details {
.location { line-height: 2; text-align: center; font-weight: bold;}
.details {
border-left: 2px solid var(--maroon); border-right: 2px solid var(--maroon); border-bottom: 2px solid var(--maroon); margin: var(--default-vc-padding) 0;
.details-wrapper { padding: 0 20px 20px 20px;}
h3 {
display: inline-flex;
margin: 0;
width: 100%;
gap: 20px;
margin-top: -5px;
&:before, &:after { content: ''; display: inline-block; height: 2px; background: var(--maroon); flex: 1;}
span { transform: translateY(-25%);}
}
ul { column-count: 4; padding-left: 20px;}
}
}
}
}
.property-booking-buttons {
display: flex;
flex-direction: row;
gap: var(--column-gap);
justify-content: center;
.tdlButton { }
}
.tdl-property-details-container {
.column-wrapper {
display: flex;
gap: var(--column-gap);
.booking-details {
flex: 1;
margin-bottom: var(--default-margin);
.current-rates {
tr > td:first-of-type { min-width: 200px;}
}
.terms {
margin-top: var(--default-margin);
tr > td:first-of-type { min-width: 200px;}
}
.arrangments {
ul { padding-left: 20px;}
}
}
.calendar-wrapper {
flex: fit-content;
overflow: hidden;
margin-bottom: var(--default-margin);
iframe { width: 100%; height: 760px; border: none;}
&.ical {
flex: 0 0 50%; margin-top: 23.4px;
}
}
}
}
.wpb_content_element:last-of-type { margin-bottom: 0 !important;}
} .ics-calendar-month-grid {
background: var(--cream) !important;
margin-bottom: var(--default-margin);
td { border: 1px solid var(--cream) !important;}
th { background: var(--cream) !important; color: var(--maroon) !important; font-size: 12px !important; border: none !important;}
.day {
background: var(--maroon) !important; color: var(--white);
}
.today .day { background: var(--dark-maroon) !important;}
.off { background: var(--cream) !important;}
.empty { background: var(--white) !important;}
.events {
display: none !important;
.all-day-indicator { display: none !important;}
.title { display: none !important;}
}
.has_events {
.day { color: var(--white) !important; background: var(--dark-gray) !important;}
}
.has_events:has(:not(.multiday_first, .multiday_last)) {
background: var(--gray);
.day { color: var(--white) !important;}
}
.has_events:has(.multiday_first) {
background: var(--white);
position: relative;
.events { display: none;}
&:after { content: ''; display: block; width: 100%; height: calc(100% - var(--default-margin)); left: 0; bottom: 0; background: var(--gray); clip-path: polygon(100% 0, 0 100%, 100% 100%); position: absolute;}
}
.has_events:has(.multiday_last) {
background: var(--white);
position: relative;
.events { display: none;}
&:after { content: ''; display: block; width: 100%; height: calc(100% - var(--default-margin)); left: 0; bottom: 0; background: var(--gray); clip-path: polygon(0 0, 0 100%, 100% 100%); position: absolute;}
}
} .tdl_masonry_grid {
.tdl-masonry-item {
padding: 10px; border: 3px solid var(--brown); background: var(--white);
&.hidden { display: none;}
img { width: 100%;}
a { overflow: hidden; display: block;}
a:hover img { transform: scale(1.25); transition: var(--default-transition);}
}
.tdlButtonWrapper {
cursor: pointer;
grid-column: auto / span 3;
.tdlButton {}
}
&.columns-3 {
display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--column-gap); margin-bottom: var(--default-vc-padding);
.tdl-masonry-item {
img { aspect-ratio: 1; object-fit: cover; transform: scale(1); transition: var(--default-transition);}
}
}
&.custom {
display: grid; grid-template-rows: repeat(3, 400px); grid-template-columns: repeat(3,1fr); gap: var(--column-gap);
.tdl-masonry-item {
border: var(--light-gray) solid 8px; overflow: hidden;
&:nth-of-type(6n + 1) { grid-row: auto / span 1; grid-column: auto / span 1;}
&:nth-of-type(6n + 2) { grid-row: auto / span 1; grid-column: auto / span 2;}
&:nth-of-type(6n + 3) { grid-row: auto / span 2; grid-column: auto / span 2;}
&:nth-of-type(6n + 4) { grid-row: auto / span 1; grid-column: auto / span 1;}
&:nth-of-type(6n + 5) { grid-row: auto / span 1; grid-column: auto / span 1;}
img { width: 100%; height: 100%; object-fit: cover; transition: var(--default-transition);}
&:hover {
img { transform: scale(1.2); transition: var(--default-transition);}
}
}
}
} .wpb_gmaps_widget .wpb_wrapper { padding: 0 !important;} .error404 {
article {
header {
display: block; margin: var(--default-margin) auto;
h1 { margin-bottom: 0;}
p { margin-top: 0;}
}
}
}@media all and (max-width: 1270px)  {
:root{
--content-width: 90%;
}
}
@media all and (max-width: 1270px)  { .single-properties {
.tdl-property-details-container .column-wrapper { flex-direction: column;}
}
}
@media all and (max-width: 1100px)  {  .tdlPropertyBlock {
.tdlPropertyWrapper { grid-template-columns: repeat(2, 1fr);}
} footer {
h3.wp-block-heading { font-size: 50px;}
h3.wp-block-heading::before { font-size: 30px;}
ul.locations li::before { font-size: 30px;}
}
}
@media all and (max-width: 1000px)  { .single-properties {
.tdl-property-information-container {
.column-wrapper {
.property-details {
.details {
ul { column-count: 2;}
}
}
}
}
}
}
@media all and (max-width: 900px)  { .tdlPropertyBlock {
.tdlPropertyWrapper:not(.center) { grid-template-columns: repeat(1, 1fr);}
.tdlPropertyWrapper.center {
.tdlProperty { flex: 0 0 100%;}
}
}
.tdl-post-container.columns { grid-template-columns: repeat(2, 1fr);} .wpb_single_image { width: fit-content;}
.tdl_wrapper:has(.wpb_single_image) { display: flex; justify-content: center;} footer {
.footer_column_wrapper {
grid-template-columns: repeat(1, 1fr);
.footer_column { display: flex; flex-direction: column; align-items: center;}
}
h3.wp-block-heading { font-size: 70px;}
h3.wp-block-heading::before { font-size: 50px;}
ul.locations li::before { font-size: 50px;}
#tdl_contact_widget_container { text-align: center;}
}
}
@media all and (max-width: 800px)  { .single-properties {
.tdl_masonry_grid {
&.columns-3 { grid-template-columns: repeat(2, 1fr);}
.tdlButtonWrapper { grid-column: auto / span 2;}
}
} .single-properties {
.property-booking-buttons {
flex-direction: column;
.tdlButtonWrapper { justify-content: center;}
}
}
}
@media all and (max-width: 785px)  { .single-properties {
.calendar-wrapper { display: none;}
}
}
@media all and (max-width: 600px)  { .single-properties {
.tdl-property-information-container {
.column-wrapper {
.property-details {
.details {
ul { column-count: 1;}
}
}
}
}
.property-booking-buttons {
flex-direction: column;
}
}
.tdl-post-container.columns { grid-template-columns: repeat(1, 1fr);} .tdlButtonWrapper {
.tdlButton { width: 100%; text-align: center;}
}
}
@media all and (max-width: 500px)  { .single-properties {
.tdl_masonry_grid {
&.columns-3 { grid-template-columns: repeat(1, 1fr);}
.tdlButtonWrapper { grid-column: auto / span 1;}
}
}
}
@media all and (max-width: 480px)  { .logo { top: 100px;}
rs-layer-wrap { display: none !important;}
}
@media all and (max-width: 420px)  { .single-properties {
.tdl-property-details-container {
.column-wrapper {
.booking-details {
.current-rates {
tr { display: flex; flex-direction: column; margin-bottom: var(--paragraph-margins);}
tr > td:first-of-type { min-width: 100%;}
}
}
}
}
}
}.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"] {
padding: 0 calc((100% - var(--content-width)) / 2);
}
&[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 var(--default-margin); width: calc(100% - (var(--default-margin) * 2));}
}
.tdl_inner_row {
display: flex; gap: var(--column-gap);
}
&.tdl-custom-block { padding-top: var(--default-margin);}
&.tdl_row-no-padding {
margin-top: 0 !important;
.tdl_row_wrapper { padding: 0 !important; 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_row:not(.tdl-custom-block) + .tdl-custom-block { margin-top: var(--default-margin);}
@media all and (max-width: 900px)  { .tdl_row {
.tdl_row_wrapper {
flex-direction: column;
.tdl_column { width: 100%;}
}
.tdl_inner_row { flex-direction: column;}
}
}