:root {
--btn-bg-primary: #472d17;
--btn-bg-primary-hover: #593b23;
}
.cb-onlinebooking .cb-activity > a.cb-btn {
padding: 9px 20px !important;
}
.cb-onlinebooking .cb-filter {
padding: 10px 20px !important;
}
.block_group {
padding: 150px 0;
}
.block_group-alt_pad {
padding: 50px 0 !important;
}
.block_group-alt_bg {
padding: 150px 0;
background-color: #FBFAF9;
}
.block_group-aux_bg {
padding: 150px 0;
background-color: #F6F2EE;
}
.block_group-contact_form {
max-width: 1100px;
margin: 0 auto;
padding: 50px 75px !important;
}
@media (max-width: 1200px) {
.block_group-contact_form {
padding: 50px 25px !important;
}
}
@media (max-width: 767px) {
.block_group-contact_form {
padding: 50px 15px !important;
}
}
.wp-block-table {
max-width: 100%;
overflow: auto;
}
.wp-block-embed.is-type-video {
width: 100%;
max-width: 1000px;
height: 0;
padding-top: 47%;
position: relative;
border-radius: 10px;
margin: 25px 0;
overflow: hidden;
}
@media (max-width: 575px) {
.wp-block-embed.is-type-video {
padding-top: 60%;
}
}
.wp-block-embed.is-type-video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.booking-wrapper {
margin-bottom: 50px;
}
.cv_accordion .ea-card.sp-ea-single {
background: unset !important;
border: none !important;
}
.cv_accordion .ea-header {
margin-bottom: 0 !important;
}
.cv_accordion .ea-header a {
font-size: 23px !important;
}
.cv_accordion .ea-body {
background: unset !important;
}
.frm-fluent-form.ffs_default.ff-form-loaded {
font-size: 22px;
font-family: 'DM Sans';
font-weight: 300;
}
@media (max-width: 575px) {
.frm-fluent-form.ffs_default.ff-form-loaded {
font-size: 18px;
}
}
.frm-fluent-form.ffs_default.ff-form-loaded .ff-el-form-control {
background-color: #F9F6F3;
border: none;
border-radius: unset;
color: #2C2E2F;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
padding: 25px 25px;
}
.frm-fluent-form.ffs_default.ff-form-loaded .ff-el-form-control::placeholder {
color: #2C2E2F;
}
.frm-fluent-form.ffs_default.ff-form-loaded .ff-el-form-control.ff-el-phone {
padding-left: 70px;
}
.frm-fluent-form.ffs_default.ff-form-loaded .ff-btn {
display: inline-block;
text-transform: uppercase;
font-family: 'Avenir';
font-size: 14px;
font-weight: 500;
transition: 0.3s;
text-decoration: none !important;
text-align: center;
border: 1px solid #fff;
padding: 20px 45px;
color: #ebebeb;
letter-spacing: 0;
border-radius: 32px;
min-width: 256px;
padding: 25px 45px;
background-color: transparent;
border: 2px solid #472D17;
border-radius: 40px;
color: #472D17;
}
.frm-fluent-form.ffs_default.ff-form-loaded .ff-btn:hover {
cursor: pointer;
}
.frm-fluent-form.ffs_default.ff-form-loaded .ff-btn:hover,
.frm-fluent-form.ffs_default.ff-form-loaded .ff-btn.active {
background-color: #DCA092 !important;
border: 1px solid #DCA092 !important;
color: white !important;
}
.frm-fluent-form.ffs_default.ff-form-loaded .ff-btn:hover {
border-width: 2px;
}
.frm-fluent-form.ffs_default.ff-form-loaded .ff-btn-submit {
color: white;
background-color: #472D17;
}
.frm-fluent-form.ffs_default.ff-form-loaded .ff-custom_html p {
line-height: 41px;
}
#site_footer {
background-color: #E7DED5;
}
#site_footer .acf_map {
width: 100%;
height: 400px;
border: #ccc solid 1px;
}
#site_footer .acf_map img {
max-width: inherit !important;
}
#site_footer .columns {
display: flex;
flex-direction: row;
justify-content: space-between;
max-width: 1250px;
width: 100%;
margin: auto;
padding: 100px 20px;
}
@media (max-width: 1200px) {
#site_footer .columns {
flex-wrap: wrap;
}
}
#site_footer .column-info {
max-width: 490px;
width: 100%;
}
@media (max-width: 1200px) {
#site_footer .column-info {
max-width: unset;
padding-bottom: 50px;
}
}
@media (max-width: 575px) {
#site_footer .column-info {
order: 1;
}
}
#site_footer .logo {
display: block;
max-width: 270px;
width: 100%;
max-height: 75px;
height: 100vh;
margin-top: -35px;
margin-bottom: 35px;
}
#site_footer .logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
#site_footer .company_description {
margin-bottom: 50px;
}
#site_footer .company_description * {
color: #472D17;
text-decoration: none;
font-weight: 400;
font-family: 'DM Sans';
line-height: 30px;
}
#site_footer .social_media_links {
display: flex;
flex-direction: row;
gap: 30px;
}
#site_footer .social_media_links a {
display: inline-block;
width: 30px;
height: 30px;
margin: 0;
}
#site_footer .social_media_links a img {
width: 100%;
height: 100%;
object-fit: cover;
}
#site_footer .title {
font-family: 'Avenir';
font-size: 24px;
line-height: 32px;
font-weight: 400;
margin: 0 0 30px 0;
color: #472D17;
}
#site_footer .column-menu {
max-width: 160px;
width: 100%;
}
@media (max-width: 1200px) {
#site_footer .column-menu {
max-width: 50%;
}
}
@media (max-width: 575px) {
#site_footer .column-menu {
max-width: unset;
order: 3;
}
}
#site_footer .column-menu ul {
margin: 0;
padding: 0;
}
#site_footer .column-menu li {
list-style: none;
}
#site_footer .column-menu a {
color: #472D17;
text-decoration: none;
font-weight: 400;
line-height: 30px;
}
#site_footer .column-menu a:hover {
text-decoration: underline;
}
#site_footer .column-contact_info {
max-width: 290px;
width: 100%;
}
@media (max-width: 1200px) {
#site_footer .column-contact_info {
max-width: 50%;
}
}
@media (max-width: 575px) {
#site_footer .column-contact_info {
max-width: unset;
order: 2;
padding-bottom: 50px;
}
}
#site_footer .column-contact_info .text * {
font-family: 'Avenir Book';
font-size: 18px;
line-height: 30px;
font-weight: 400;
margin-bottom: 30px;
color: #472D17;
}
#site_footer .column-contact_info .links {
display: flex;
gap: 10px;
}
#site_footer .column-contact_info .links .button-alt {
margin-top: 20px;
}
#site_footer .wrapper-copyright {
width: 100%;
max-width: 1250px;
margin: 0 auto;
padding: 0 15px;
}
#site_footer .copyright {
display: block;
padding: 40px 0;
font-family: 'Stratos';
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #472D17;
opacity: 0.33;
}
@media (max-width: 991px) {
#site_footer .copyright {
padding: 15px 0;
}
}
#site_header {
background-color: transparent;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
transition: background-color 0.3s ease;
}
#site_header.scrolled,
#site_header.sidebar_active,
#site_header:hover {
background-color: #E7DED5 !important;
}
#site_header.scrolled .logo,
#site_header.sidebar_active .logo,
#site_header:hover .logo {
display: none !important;
}
#site_header.scrolled .logo-alt,
#site_header.sidebar_active .logo-alt,
#site_header:hover .logo-alt {
display: block !important;
}
#site_header.scrolled .toggle-sidebar img,
#site_header.sidebar_active .toggle-sidebar img,
#site_header:hover .toggle-sidebar img {
filter: invert(0) !important;
}
#site_header.scrolled .content-desktop .menu li a,
#site_header.sidebar_active .content-desktop .menu li a,
#site_header:hover .content-desktop .menu li a {
color: #472D17 !important;
}
#site_header.scrolled .content-desktop .cta,
#site_header.sidebar_active .content-desktop .cta,
#site_header:hover .content-desktop .cta {
color: #472D17 !important;
border-color: #472D17 !important;
background-color: transparent !important;
}
#site_header.scrolled .content-desktop .cta:hover,
#site_header.sidebar_active .content-desktop .cta:hover,
#site_header:hover .content-desktop .cta:hover {
border-color: #DCA092 !important;
color: white !important;
background-color: #DCA092 !important;
}
#site_header.sidebar_active .toggle-sidebar .toggle-on {
display: none !important;
}
#site_header.sidebar_active .toggle-sidebar .toggle-off {
display: block !important;
}
#site_header ol,
#site_header ul {
list-style: none !important;
}
#site_header .wrapper-logo {
max-width: 190px;
width: 100%;
max-height: 50px;
margin-top: 35px;
}
@media (max-width: 991px) {
#site_header .wrapper-logo {
margin-top: 25px;
margin-bottom: 25px;
}
}
#site_header .wrapper-logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
#site_header .wrapper-logo .logo-alt {
display: none;
}
#site_header .content-desktop {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
max-width: 1830px;
margin: auto;
padding: 0 20px;
}
@media (max-width: 991px) {
#site_header .content-desktop {
display: none;
}
}
#site_header .content-desktop .nav {
position: relative;
}
#site_header .content-desktop .menu {
margin: 0;
padding: 0;
display: flex;
}
#site_header .content-desktop .menu li {
list-style: none !important;
}
#site_header .content-desktop .menu > li {
position: relative;
}
#site_header .content-desktop .menu > li:hover .wrapper-columns {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
#site_header .content-desktop .menu > li:hover > .extended_target-before,
#site_header .content-desktop .menu > li:hover > .extended_target-after {
display: block;
}
#site_header .content-desktop .menu > li .extended_target-before,
#site_header .content-desktop .menu > li .extended_target-after {
display: none;
position: absolute;
top: 50%;
height: 50%;
width: 400px;
z-index: 99;
}
#site_header .content-desktop .menu > li .extended_target-before.hidden,
#site_header .content-desktop .menu > li .extended_target-after.hidden {
display: none;
}
#site_header .content-desktop .menu > li .extended_target-before {
left: -400px;
}
#site_header .content-desktop .menu > li .extended_target-after {
right: -400px;
}
#site_header .content-desktop .menu > li > a {
display: inline-block;
color: #fff;
font-family: 'Avenir';
font-size: 16px;
line-height: 40px;
font-weight: 400;
text-decoration: none;
padding: 35px 15px 50px;
}
#site_header .content-desktop .menu > li > a:hover {
text-decoration: underline;
}
#site_header .content-desktop .wrapper-columns {
background: #fff;
width: 100vw;
position: fixed;
left: 0;
right: 0;
padding: 50px 0px;
visibility: hidden;
opacity: 0;
transform: translateY(-40px);
transition: visibility 0.33s, opacity 0.33s, transform 0.33s;
}
#site_header .content-desktop .columns {
display: flex;
justify-content: center;
gap: 40px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
font-family: 'Avenir';
font-weight: 300;
}
#site_header .content-desktop .column {
flex: 0 0 auto;
width: 200px;
}
#site_header .content-desktop .column_header {
display: block;
color: #333;
font-size: 18px;
border-bottom: 2px solid #eee;
padding-bottom: 8px;
margin-bottom: 15px;
text-decoration: none;
}
#site_header .content-desktop .column_header:hover {
color: #000;
}
#site_header .content-desktop .column_header.no_children {
border: none;
}
#site_header .content-desktop .column .items {
list-style: none !important;
padding: 0;
margin: 0;
}
#site_header .content-desktop .column .items > li {
margin-bottom: 8px;
}
#site_header .content-desktop .column .items > li > a {
color: #666;
font-size: 15px !important;
text-decoration: none;
}
#site_header .content-desktop .column .items > li > a:hover {
color: #000;
text-decoration: underline;
}
#site_header .content-desktop .wrapper-cta {
margin-top: 35px;
}
#site_header .content-desktop .wrapper-cta .cta {
display: inline-block;
font-family: 'Avenir';
font-size: 14px;
border-radius: 32px;
border: 1px solid #fff;
padding: 15px 30px;
text-decoration: none;
text-transform: uppercase;
color: #fff;
transition: 0.3s;
}
#site_header .content-mobile {
display: none;
padding: 0 20px;
color: #333;
}
@media (max-width: 991px) {
#site_header .content-mobile {
display: block;
}
}
#site_header .content-mobile .toggle-sidebar {
position: absolute;
width: 50px;
top: 0;
bottom: 0;
right: 25px;
background-color: transparent;
border: none;
cursor: pointer;
z-index: 21;
}
#site_header .content-mobile .toggle-sidebar img {
filter: invert(1);
transition: filter 0.33s;
}
#site_header .content-mobile .toggle-sidebar img.toggle-off {
display: none;
}
#site_header .content-mobile .sidebar {
position: fixed;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100vh;
right: 0;
top: 0;
padding: 30px;
min-width: 350px;
width: 100%;
max-width: calc(100vw - 100px);
background-color: #e0d4c4;
overflow: auto;
transform: translateX(100%);
transition: transform 0.33s;
z-index: 20;
}
#site_header .content-mobile .sidebar.active {
transform: translateX(0);
}
#site_header .content-mobile .nav {
margin-top: 100px;
}
#site_header .content-mobile .menu .item {
margin: 35px 0;
}
#site_header .content-mobile .menu .item.has_children {
position: relative;
padding-right: 40px;
}
#site_header .content-mobile .menu .item .toggle-dropdown {
position: absolute;
right: 0;
top: -6px;
bottom: 0;
height: 30px;
width: 30px;
border: none;
background: none;
}
#site_header .content-mobile .menu .item .toggle-dropdown > img {
height: 100%;
width: 100%;
}
#site_header .content-mobile .menu .item li {
margin: 15px 0;
}
#site_header .content-mobile .menu .item li:last-child {
margin-bottom: 0;
}
#site_header .content-mobile .menu .item a {
display: block;
text-align: right;
text-decoration: none;
font-size: 1.3rem;
font-weight: 300;
color: inherit;
}
#site_header .content-mobile .menu .item > a {
font-weight: 500;
text-transform: uppercase;
}
#site_header .content-mobile .menu .item .items {
margin-bottom: 0;
}
#site_header .content-mobile .wrapper-columns {
display: none;
margin: 0 -26px 0 35px;
padding: 25px 10px 0 0;
border-right: 1px dashed #858585;
}
#site_header .content-mobile .column {
margin: 20px 0 0;
}
#site_header .content-mobile .column .items a {
font-size: 18px;
}
body.admin-bar #site_header,
body.admin-bar #site_header .sidebar {
top: 32px;
}
@media only screen and (max-width: 781px) {
body.admin-bar #site_header,
body.admin-bar #site_header .sidebar {
top: 46px;
}
}
body.admin-bar #site_header .sidebar {
height: calc(100vh - 32px);
}
@media only screen and (max-width: 781px) {
body.admin-bar #site_header .sidebar {
top: 46px;
}
}
body {
font-family: 'DM Sans';
font-weight: 300;
}
.h {
display: block;
margin-bottom: 15px;
}
.h,
.h * {
font-family: 'The One';
font-weight: 300;
}
.h,
.h * {
font-size: 56px;
}
@media (max-width: 575px) {
.h,
.h * {
font-size: 36px;
}
}
.h,
.h * {
letter-spacing: 0;
color: inherit;
font-weight: 300;
}
.h-alt {
display: block;
margin-bottom: 20px;
}
.h-alt,
.h-alt * {
color: inherit;
line-height: 28px;
font-size: 14px;
font-family: 'Avenir Heavy';
text-transform: uppercase;
letter-spacing: 0.2em;
}
.h-alt-l {
display: block;
margin-bottom: 20px;
font-size: 18px !important;
margin-top: 50px;
}
.h-alt-l,
.h-alt-l * {
color: inherit;
line-height: 28px;
font-size: 14px;
font-family: 'Avenir Heavy';
text-transform: uppercase;
letter-spacing: 0.2em;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h1 *,
.h2 *,
.h3 *,
.h4 *,
.h5 *,
.h6 * {
font-family: 'The One';
font-weight: 300;
}
.h1,
.h1 * {
font-size: 85px;
}
@media (max-width: 575px) {
.h1,
.h1 * {
font-size: 36px;
}
}
.h2,
.h2 * {
font-size: 75px;
}
@media (max-width: 575px) {
.h2,
.h2 * {
font-size: 36px;
}
}
.h3,
.h3 * {
font-size: 56px;
}
@media (max-width: 575px) {
.h3,
.h3 * {
font-size: 36px;
}
}
.h4,
.h4 * {
font-size: 32px;
line-height: 47px;
}
@media (max-width: 575px) {
.h4,
.h4 * {
font-size: 28px;
}
}
.button,
.button-alt {
display: inline-block;
text-transform: uppercase;
font-family: 'Avenir';
border: 1px solid #fff;
padding: 20px 45px;
font-size: 14px;
font-weight: 500;
transition: 0.3s;
text-decoration: none !important;
text-align: center;
}
.button:hover,
.button-alt:hover {
cursor: pointer;
}
.button {
border: 1px solid #fff;
padding: 20px 45px;
color: #ebebeb;
letter-spacing: 0;
border-radius: 32px;
}
.button:hover,
.button.active {
background-color: #DCA092 !important;
border: 1px solid #DCA092 !important;
color: white !important;
}
.button-alt {
letter-spacing: 0.7px;
color: #EDE9E0 !important;
background-color: #472D17;
border-radius: 50px;
padding: 20px 45px;
border: 1px solid #472D17;
}
.button-alt:hover,
.button-alt.active {
background-color: transparent;
color: #472D17 !important;
}
p.button,
p.button-alt {
display: unset;
text-transform: unset;
font-family: unset;
font-size: unset;
font-weight: unset;
transition: unset;
text-decoration: unset;
text-align: unset;
letter-spacing: unset;
color: unset;
background-color: unset;
border-radius: unset;
padding: unset;
border: unset;
}
p.button > a {
display: inline-block;
text-transform: uppercase;
font-family: 'Avenir';
font-size: 14px;
font-weight: 500;
transition: 0.3s;
text-decoration: none !important;
text-align: center;
border: 1px solid #fff;
padding: 20px 45px;
color: #ebebeb;
letter-spacing: 0;
border-radius: 32px;
}
p.button > a:hover {
cursor: pointer;
}
p.button > a:hover,
p.button > a.active {
background-color: #DCA092 !important;
border: 1px solid #DCA092 !important;
color: white !important;
}
p.button-alt > a {
display: inline-block;
text-transform: uppercase;
font-family: 'Avenir';
border: 1px solid #fff;
font-size: 14px;
font-weight: 500;
transition: 0.3s;
text-decoration: none !important;
text-align: center;
letter-spacing: 0.7px;
color: #EDE9E0 !important;
background-color: #472D17;
border-radius: 50px;
padding: 20px 45px;
border: 1px solid #472D17;
}
p.button-alt > a:hover {
cursor: pointer;
}
p.button-alt > a:hover,
p.button-alt > a.active {
background-color: transparent;
color: #472D17 !important;
}
.text p {
margin-bottom: 30px;
}
a {
color: #ff7300;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ol,
ul {
margin: 20px 0 30px;
padding-left: 20px;
}
ol li,
ul li {
margin-bottom: 10px;
}
ol {
list-style: disc !important;
}
ul {
list-style: bullet !important;
}
table {
border-collapse: collapse;
}
th,
caption {
text-align: start;
}
caption {
margin-block: 0.75rem;
}
th,
td {
border: 1px solid;
}
thead {
border-block-end: 2px solid;
background: whitesmoke;
}
tfoot {
border-block: 2px solid;
background: whitesmoke;
}
th,
td {
border: 1px solid lightgrey;
padding: 0.5rem 1rem;
}
strong {
font-weight: 500;
}
* {
box-sizing: border-box;
}
html {
font-size: 16px;
}