/*
Theme Name: Sage Massage Custom Theme
Theme URI: https://tandemdesignlab.com
Author: Tandem Design Lab
Author URI: https://tandemdesignlab.com
Description: Custom Theme for Sage Massage
Version: 1.2
License: none
Tags:
*/


@font-face {
    font-family: 'Axiforma Book';
    src: url('assets/fonts/Axiforma-BookItalic.woff2') format('woff2'),
        url('assets/fonts/Axiforma-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Axiforma Book';
    src: url('assets/fonts/Axiforma-Book.woff2') format('woff2'),
        url('assets/fonts/Axiforma-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* playfair-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/playfair-display-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('assets/fonts/playfair-display-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root{
  --content-width: 1200px;
  --black: #000;
  --light-green: #F2F4ED;
  --green: #BBC9A9;
  --dark-green: #395925;
  --dusty-rose: #C43041;
  --white: #FFF;
  --defaultpadding: 40px;
}


/****************************************************************** Structure ******************************************************************/
body{padding: 0; margin: 0; font-family: 'Lato', sans-serif !important; font-weight: 300; font-size: 18px; color: var(--black);}
a {color: var(--black); text-decoration: none;}
.vc_row a{text-decoration: underline;}
a:hover { color: var(--dark-green);}
h1, h2, h3, h4 { color: var(--black);font-family: 'Playfair Display'; font-weight: 800;}
h1 { font-size: 36px !important; margin: var(--defaultpadding) 0;}
.home h1{margin: var(--defaultpadding) 0 ;}
h2 { font-size: 26px !important;}
h3 { font-size: 24px !important;}
h4 { font-size: 20px !important; margin-bottom: 5px;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.clear{clear:both;}
.alignleft{float:left; padding: 10px 10px 10px 0;}
.alignright{float:right; padding: 10px 0px 10px 10px;}
.right { text-align: right;}
.center { text-align: center;}

p, li { margin-top: 0 !important; padding-top: 0 !important; line-height: 1.5em !important;}

/*************************************************************** General Styles ****************************************************************/

/* Menu Main */
/* .menu-main-container { display: inline-block; position: absolute; top: 69px; right: 50px; z-index: 99999;} */
.menu-main-container {}
.logged-in .menu-main-container { top: 100px;}
#menu-main { list-style: none; margin: 0; padding: 0; display: flex; width: calc( var(--content-width) - 25px); justify-content: space-between;}
#menu-main > li { display: inline-block; padding: 0; position: relative; line-height: 60px !important;}
#menu-main li.current_page_item a{ color: var(--dark-green);}
#menu-main li.current_page_item .sub-menu li a{ color: var(--dark-green);}
#menu-main li.current_page_item .sub-menu li a:hover { color: var(--black);}
#menu-main a { color: var(--dark-green); font-size: 22px; text-transform: lowercase;}
#menu-main a:hover { color: var(--black);}
#menu-main li .sub-menu { display: none; background: var(--white); width: 200px; position: absolute; margin-left: -100px; padding: 10px 0; border: 1px solid var(--dark-green); left: 50%; z-index: 9999;}
#menu-main .sub-menu li:first-of-type:before { content: ''; width: 14px; height: 14px; background: var(--white); position: absolute; top: -18px; margin: 0 auto; left: 0; right: 0; transform: rotate(45deg); border-top: 1px solid var(--dark-green); border-left: 1px solid var(--dark-green)}
#menu-main .sub-menu li { display: block; text-align: center; line-height: 30px !important; position: relative}
#menu-main .sub-menu li:hover { background: var(--green);}
#menu-main .sub-menu li a { text-shadow: none; font-size: 16px; line-height: 30px !important; display: inline-block; width: 100%;}
#menu-main .sub-menu li a:hover { color: var(--black);}
#menu-main li:hover .sub-menu { display: block;}

/* Top Bar */
.topBarWidget { position: absolute; top: 0px; right: 0px;}
/* .logged-in .topBarWidget { top: 40px;} */
.topBarWidget ul { padding: 0 !important; list-style: none;}
.topBarWidget a { background: var(--dusty-rose); padding: 5px 25px; color: var(--white); text-transform: lowercase; font-family: 'Lato' !important; transition: ease-in background .5s; font-size: .9em;}
.topBarWidget a:hover { background: var(--black); transition: ease-in background .5s}

/* Header */
header { width: calc(var(--content-width) - 25px); margin: 0 auto; display: flex; justify-content: space-between; padding: 20px 0; align-items: center; flex-direction: column; position: relative;}
#header { padding-top: 35px !important;}
.logged-in #header { padding-top: 35px;}
.header-top { margin-bottom: 25px;}

/* Banner */
/* rs-slides { border-bottom: 10px solid #002856;} */
rs-fullwidth-wrap { margin-bottom: 35px !important;}
rs-sbg { position: relative;}
rs-sbg:after { content: ''; position: absolute; display: inline-block; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.4);}

/* Logo */
.logo { height: 140px;}
/* .logged-in .logo { top: 43px;} */
.logo img { height: 100%; width: auto;}

body.activeMobileMenu:after { content: ''; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 999;}
#tdl_mm_button.active {
  position: absolute !important; top: 0; right: 0; z-index: 99999;
  &:after, &:before, div { background-color: var(--white)}
}

/* Footer */
#footer { background: var(--white); color: var(--black); font-family: 'Lato' !important; font-size: 16px;}
footer { width: calc(var(--content-width) - 25px); margin: var(--defaultpadding) auto 0 auto; position: relative; left: 3px;border-top: 1px solid var(--black); }
footer a { color: var(--black);}
footer ul { list-style: none; padding-left: 0; margin-top: 0;}
.footer_column { width: 33%; vertical-align: top; display: inline-block; padding-bottom: 40px; text-align: center;}
footer h3 { margin-top: 40px; margin-bottom: 40px; font-weight: 800; font-size: 28px; color: var(--black); text-align: center;}
#credit, #copy{ display: inline-block; font-size: .7em;padding: 4px 0;margin: 0;}
#sub_footer { padding: 15px 0; text-align: center; background: var(--white); color:var(--black); font-family: 'Lato' !important;}
#sub_footer a { color: var(--black);}
.footerColumn1 h3, .footerColumn2 h3, .footerColumn3 h3 { margin-bottom: 25px; font-family: 'Playfair Display' !important; }
.menu-footer-explore-container, .menu-footer-experience-container { text-transform: lowercase !important;}
.menu-footer-explore-container li { line-height: 30px !important;}
.menu-footer-experience-container a { line-height: 40px; border: 1px solid var(--black); display: inline-block; width: 80%; margin-bottom: 10px;}
.menu-footer-experience-container a:hover { border: 1px solid var(--dark-green);}
#block-3{padding: 0 40px;}
body #CDSWIDSSP .withBorder{border-color: var(--black) !important;}
.wp-google-place { text-align: center !important; margin-top: 35px !important;}
.wp-google-list .wp-google-place { text-align: center !important; margin-top: 35px !important;}
.wp-gr .wp-google-wr a { background: var(--dusty-rose) !important; border-radius: 0 !important;}
.footerColumn2 .wp-gr .wp-google-wr a { background: var(--dusty-rose) !important; border-radius: 0 !important;}
.wp-gr .wp-google-wr a:hover { background: var(--black) !important;}
.footerColumn2 .wp-gr .wp-google-wr a:hover { background: var(--black) !important;}

/* Horizontal Line */
.page-id-907 .vc_separator.vc_sep_color_grey .vc_sep_line { border-color: var(--green) !important;}


/* Address Widget */
#tdl_contact_widget_container { padding-bottom: 30px;}
#tdl_contact_widget_container div{margin-bottom: var(--defaultpadding);}
/* #tdl_contact_widget_container #emailContainer { margin-bottom: 10px;} */
#tdl_contact_widget_container p { padding: 0; margin: 0;}
#tdl_contact_widget_container strong { font-weight: 400; }

/* Social Media Widget */
#tdl_social_widget_container { margin-bottom: 20px;}
#tdl_social_widget_container .icon { margin-right: 10px; margin-left: 10px;}
#tdl_social_widget_container .icon:before { color: var(--black); font-size: 30px;}
#tdl_social_widget_container .icon:hover:before { color: var(--dark-green);}

/* TDL Custom Blocks */
.tdlGreyBox { background: #d6d7d8 !important; margin: 40px 0 !important; padding: 20px 0 !important;}
.tdlGreyBox .vc_column-inner .vc_column-inner { padding-left: 0 !important; padding-right: 0 !important;}
.tdlGreyBox .wpb_single_image img { height: 70px !important; width: auto !important;}
.tdlInstagramBlock a { position: relative; top: -20px;}
.tdlShadowBox { /* box-shadow: inset 0 0 45px #e7e7e7; */ border: 1px solid #ddd; margin-bottom: 35px; padding-top: 35px; background: var(--light-green) !important;}
.tdlShadowBox h1, .tdlShadowBox h2, .tdlShadowBox h3, .tdlShadowBox h4 { margin-top: 0; margin-left: 25px;}
.tdlGreenBlock { background: var(--light-green) !important; padding-top: 35px !important;}
.tdlSidebar { background: var(--light-green); color: var(--dark-green); padding-bottom: 35px; margin-bottom: 35px;}
.tdlSidebar h2, .tdlSidebar h3, .tdlSidebar h4 { color: var(--dark-green); margin-bottom: 5px;}
.tdlSidebar .vc_sep_holder .vc_sep_line { border-color: var(--dark-green) !important;}
.tdlSidebar ul { list-style: none; padding-left: 0; margin-top: 0;}
.tdlSidebar ul ul { padding-bottom: 10px;}
.tdlSidebar li { font-weight: normal;}
.tdlSidebar li li { font-weight: 100; font-style: italic; /* color: var(--green); */}
.tdlStyledText { font-family: 'Lato' !important;}

/* TDL Image Buttons */
.tdl-button { margin-bottom: 60px; position: relative;}
.tdl-button p {}
.tdl-button a:hover p {}
.tdl-button a:hover h3 {}
.tdl-button h3 { font-size: 28px !important; font-weight: 800 !important; margin-top: 0; text-align: center; margin-bottom: 10px;}
.tdl-button .tdl-button-image { }
.tdl-button .tdl-button-image img{ width: 100%; height: auto; /* border: 2px solid var(--dark-green);  */transition: ease-in-out opacity .5s; opacity: 1;}
.tdl-button .tdl-button-description {}
.tdl-button:hover .tdl-button-image img { opacity: .75; transition: ease-in-out opacity .5s;}
.tdl-button a { text-decoration: none !important}

/* Generic Buttons */
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { background: #f38b40 !important; color: var(--white) !important; padding: 14px 50px !important;}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover { background: #005080 !important;}
.tdlCallToActionBlock .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern { background: #005080 !important; border: none !important; color: var(--white) !important; margin: 0 10px;}
.tdlCallToActionBlock .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover { background: var(--white) !important; color: #005080 !important;}

/* Book Now button */
/*
a.bookNow { line-height: 40px; border: 1px solid var(--black); display: inline-block; width: 80%; text-transform: lowercase; font-family: 'Axiforma Book' !important; width: 100%; display: inline-block; text-align: center; margin-top: 30px; text-decoration: none;}
a.bookNow:hover { border: 1px solid var(--dark-green);}
*/
/*
a.bookNow { background: var(--dark-green); padding: 5px 40px; color: var(--white); text-transform: lowercase; font-family: 'Axiforma Book' !important; transition: ease-in background .5s; text-decoration: none; width: 100%; display: inline-block; text-align: center; margin-top: 30px;}
a.bookNow:hover { background: var(--black); transition: ease-in background .5s}
*/

a.bookNow{text-decoration: none;padding: 15px 40px;font-size: .9em;}
a.bookNow, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{background: var(--light-green)!important; border: 0px !important; color: var(--black)!important; border-radius: 0px; text-transform: uppercase; font-family: 'Playfair Display';}
a.bookNow:hover, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover{background: var(--dark-green)!important; color: var(--white)!important;}



/* Bookeo */
#axiom_frame, #easyXDM_axiomct_project_default2776_provider, .page-id-14 iframe { width: 100% !important;}


/* Trip Advisor Widget Styles */
#CDSWIDSSP { margin-top: 30px !important; width: 100% !important;}
#CDSWIDSSP .logo { position: relative !important; left: 0 !important; top: 0 !important;}
.wpb_raw_code { margin-bottom: 0 !important;}

/* TDL Call to Action */
.tdlCallToAction .tdl-button a { background-color: #005080; color: var(--white); border-radius: 100px; display: inline-block; padding-top: 30px; padding-bottom: 20px; width: 75%;}
.tdlCallToAction .tdl-button a:hover { color: var(--white); background-color: #f38b40;}
.tdlCallToAction .tdl-button a:hover p { color: var(--white);}
.tdlCallToAction .tdl-button p { color: var(--white); font-size: 20px; margin-bottom: 10px;}
.tdlCallToAction .tdl-button .tdl-button-image { width: 10%; display: inline-block; vertical-align: middle;}
.tdlCallToAction .tdl-button .tdl-button-image img { width: 75%; height: auto;}
.tdlCallToAction .tdl-button .tdl-button-description { width: 80%; display: inline-block; vertical-align: middle;}

/* TDL Call to Action Block */
.tdlCallToActionBlock { background-color: #f38b40 !important; color: var(--white); text-align: center !important;}
.tdlCallToActionBlock h2 { color: var(--white) !important;}

/* Forms */
.nf-form-content { max-width: none !important; padding: 0 !important;}
.nf-form-content input {background-color: var(--white) !important;border-color: var(--black) !important; color: var(--black) !important; font-family: 'Playfair Display' !important;}
.nf-form-content textarea { font-family: 'Playfair Display' !important; background: var(--white) !important; color: var(--black) !important;border-color: var(--black) !important;}
.nf-form-fields-required { text-align: right; font-style: italic !important;}
.submit-container input { padding: 0 75px !important; background: var(--dark-green) !important; text-transform: uppercase !important; font-weight: bold; color: var(--white) !important;}
.submit-container input:hover { background: var(--black) !important; color: var(--white) !important;}
.nf-field-label label{font-weight: 300 !important; font-size: 1em !important;}
.nf-form-content .list-select-wrap .nf-field-element > div { color: var(--black) !important; border: 1px solid var(--black) !important; background: var(--white) !important;}
.list-select-wrap div:after { color: var(--black) !important;}
.nf-form-content select.ninja-forms-field { color: var(--black) !important; font-family: 'Playfair Display' !important;}
.nf-form-content select.ninja-forms-field option { color: var(--black) !important; font-family: 'Playfair Display' !important;}

/* More Link */
.more-link { color: #e2231a;}

/* FAQs */
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-heading { border-color: var(--light-green) !important; background: var(--light-green) !important;}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-title>a { color: var(--black) !important;}
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-body { border-color: var(--light-green) !important;}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-controls-icon::after, .wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-controls-icon::before { border-color: var(--black) !important;}

/* Inline images round */
.wpb_text_column img {}
.wpb_text_column img.alignleft { margin-right: 15px;}
.wpb_text_column img

/* Single Image Circle */
.wpb_single_image .vc_box_outline.vc_box_border_grey, .wpb_single_image .vc_box_outline_circle.vc_box_border_grey { border: 1px solid var(--black) !important;}
.wpb_single_image .vc_single_image-wrapper.vc_box_outline_circle { padding: 5px !important;}

/* Mobile Menu */
#tdl_mm_container { background-color: var(--green); line-height: 40px;}
#tdl_mm_container ul { text-align: left !important;}
#tdl_mm_container.dropdown { text-align: center;}
#tdl_mm_container.slide, #tdl_mm_container.push { padding: 0px;}
#tdl_mm_container .sub-menu { background-color: var(--dark-green);}
#tdl_mm_container .sub-menu a { color: var(--white); font-size: 18px;}
#tdl_mm_button { position: relative !important; }


/*************************************************************** Page Specific ****************************************************************/

/* Testimonials */
.tdlTestimonialBlock { height: 400px !important; display: flex; align-content: center; align-items: center; width: calc(var(--content-width) - 30px) !important;}
.tdlTestimonialBlock .vc_col-sm-12 { padding-bottom: 30px;}
.tdlTestimonialBlock .tdlTestimonialContainer { height: auto !important;}
/* .tdlTestimonialBlock .vc_column-inner { padding-top: 80px !important; padding-bottom: 80px !important; } */
.testimonialTDL { padding-bottom: 0px; display: none; margin-bottom: 0;}
.page-id-413 .testimonialTDL { margin-bottom: 20px; display: block;}
#testimonial { display: block;}
.testimonialTDL h3 { font-weight: 100; margin-top: 10px; margin-bottom: 0;}
.testimonialLongDescription { line-height: 35px; font-weight: 300;}
/* .testimonialLongDescription:before { content: '"';}
.testimonialLongDescription:after { content: '"';} */
/* .tdlTestimonialContainer { width: 100%; background-color: rgba(255, 255, 255, 0.75); text-align: center; padding: 20px; font-size: 26px; border: 2px solid var(--white); } */
.tdlTestimonialContainer { width: 90%; text-align: center; padding: 20px; font-size: 26px; margin: 0 auto;}
.testimonialImage { display: inline-block; width: 20%; text-align: center; vertical-align: top; padding-top: 15px;}
.testimonialImage img { width: 98px; height: 98px; border-radius: 50%;}
.testimonialContent { display: inline-block; width: 80%;}
.testimonialTDL.right { text-align: right;}
.testimonialTDL.left { text-align: left;}
/*
#prev { position: absolute; left: -50px; height: 50px; width: 50px; border-top: 2px solid var(--white); border-left: 2px solid var(--white); transform: rotate(-45deg); top: 50%; margin-top: -25px;}
#next { position: absolute; right: -50px; height: 50px; width: 50px; border-top: 2px solid var(--white); border-right: 2px solid var(--white); transform: rotate(45deg); top: 50%; margin-top: -25px;}
#prev:hover { border-top: 2px solid var(--dark-green); border-left: 2px solid var(--dark-green);}
#next:hover { border-top: 2px solid var(--dark-green); border-right: 2px solid var(--dark-green);}
*/

#prev { position: absolute; left: 50px; width: 0; height: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-right: 26px solid var(--black); top: 50%; margin-top: -26px;}
#prev:hover { border-right: 26px solid rgba(0, 0, 0, .75);}

#next { position: absolute; right: 50px; width: 0; height: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-left: 26px solid var(--black); top: 50%; margin-top: -26px;}
#next:hover { border-left: 26px solid rgba(0, 0, 0, .75);}



/* Blog */
.page-id-1094 .vc_gitem_row.vc_row, .page-id-1094 .vc_gitem_row .vc_col-sm-12 { width: 100% !important;}
.page-id-1094 .vc_grid-container { padding-top: 20px;}
.page-id-1094 .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {color: var(--black) !important;text-transform: uppercase; background-color: var(--light-green) !important; font-family: 'Playfair Display' !important; transition: ease-in background .5s; border-radius: 0 !important; padding: 5px 40px !important;}
.page-id-1094 .vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover { background-color: var(--dark-green) !important; transition: ease-in background .5s; color: var(--white) !important; }
.page-id-1094  .vc_btn3.vc_btn3-color-blue, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat { background-color: var(--dark-green) !important;}

/* 404 Page */
.error404  article { width: 1080px; margin: 60px auto;}
.error404 h1 { margin-bottom: 0;}

.rowBestofGraphics .wpb_wrapper {display: flex; flex-wrap: wrap; justify-content: center;}
.rowBestofGraphics .wpb_single_image{ flex: 0 0 20%;}
.rowBestofGraphics .wpb_single_image img { width: 100%;}

/* Services */
.rowServices{margin: 0 0 var(--defaultpadding) 0;}
.rowServices .vc_column_container > .vc_column-inner{padding: 0 0 0 var(--defaultpadding) ;}
.rowServices .vc_column_container > .vc_column-inner:first-of-type{padding-right: var(--defaultpadding);}



.rowServices .wpb_wrapper h2 {color: var(--dark-green);margin-top: 0;}



/* blog */
body .vc_custom_1419240516480{background: transparent !important}


.error404 header.entry-header{display: block;}