/* Menu */
.menu_btn .bars .bar { background-color: var(--color1); }
.menu_open { overflow: hidden; }
.menu_open li { margin: 20px 0; }

/* Header */
header.colour .white_logo { filter: unset; }
#page .heading.colour .top_seo, #showcase .heading.colour .top_seo { color: var(--white); }

/* Typography */
body #page :where(h1, h2, h3, h4, h5, h6) { font-family: var(--serif); font-weight: var(--font-weight-normal); line-height: 1.3; text-transform: uppercase; }
body #page .text_dyn :where(h1, h2, h3, h4, h5, h6) { color: var(--color2); }
#slideshow .caption h3 { font-weight: var(--font-weight-normal); text-transform: uppercase; line-height: 1.3; font-size: 120%; }
#slideshow .caption p { font-family: var(--sans); font-size: 70%; }
.ztemplate_base .ztemplate .title { line-height: 1.3; font-size: 300%; }
.ztemplate_experiences .title a { font-size: 90%; }
.body_home .top_seo, #page .heading .top_seo, #showcase .heading .top_seo { font-size: var(--size-base); font-family: var(--sans); }
.body_home .top_seo { text-align: center; font-size: calc(var(--size-base)*1.2); line-height: 1.5; font-family: var(--serif); color: var(--color2); text-transform: uppercase;}
.menu_open li a { font-size: 150%; text-transform: uppercase; line-height: 1.3; }
.ztemplate_rooms .title a { font-size: 120%; line-height: 1.5; }
#page .heading #page_name, #showcase .heading #page_name { font-size: 120%; }
body #page .ztemplate_rooms .step_content_wrapper .caption-cnt:not(.subcontents .caption-cnt) .caption-alt h2 { font-size: 200%; line-height: 1.5; }
#page .heading .title .varsimple, #showcase .heading .title .varsimple { font-family: var(--serif); font-size: 120%; font-weight: var(--font-weight-bold); text-transform: uppercase; }

/* Camere */
.ztemplate_rooms .zinput .fieldkey:before { color: var(--color1); }
.ztemplate_rooms .zsimplebutton a { background-color: var(--color2); }
.ztemplate_rooms .zlink a { background-color: var(--color1); }
#page.room .btn a { background-color: var(--color1); }

/* 404 */
.not_found_title { color: var(--color1); }

/* Bookig mask */
#booking .date_from_html .day { color: var(--color1); }
#booking input[type="submit"],
#booking .guests_wrapper_ok { background-color: var(--color1); font-weight: var(--font-weight-bold); letter-spacing: 2px;}
#booking .guests_wrapper .form_select .current_value { color: var(--color1); }
#booking .section_text #varsimple_adults_only.varsimple { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid var(--color2); }
#booking .section_text #varsimple_adults_only.varsimple:before { content: '\e216'; }

/* Esperienze */
.ztemplate_experiences .zsimplebutton a { background-color: var(--color2); }

/* Forms */
#cnt_forms form input[type="submit"] { background-color: var(--color1); font-weight: var(--font-weight-bold); letter-spacing: 2px;}

/* BEI */
.ztemplate_rooms .rooms .caption-alt > .zsimplebutton { background-color: var(--color1); font-weight: var(--font-weight-bold); letter-spacing: 2px;}
.step_footer_wrap #cart_detail > .box_heading {  }
.step_footer_wrap #cart_detail .ztemplate .title { font-size: 90%; }
.step_footer_wrap #cart_detail .subcontents .title { font-size: 80%; }
#page.order #content .side .title:not(.title_wrapper .title) { font-size: 100%; line-height: 1.5; }

/* RWD */
@media(max-width: 767px){
    header .logo { height: auto; }
    header .logo img, header.colour .logo img { height: 80px; transform: unset; }
    .body_home .top_seo { font-size: calc(var(--size-base)*.6); margin-bottom: 15px; }
    .ztemplate_base .ztemplate .title { font-size: 150%; }
    #page.content_floated_image #content img.left, #page.content_floated_image #content img.right { float: none!important; width: 100%; margin: 0 0 5px!important; max-width: unset; }
    #page.content_floated_image #content :where(h1, h2, h3, h4, p) { text-align: left!important; }
    #experience .ztemplate_base .ztemplate .ztextarea.g3,
    #experience .ztemplate_base .ztemplate .zsimplebutton { display: none; }
    .ztemplate_experiences .box { padding-top: 0; }
}

.smartphone .ztemplate_rooms .standard_showcase .title a { font-size: 70%; }
.smartphone .ztemplate_rooms .zinput .fieldkey:before { color: var(--white); }
.ztemplate_rooms .zlink a { background-color: var(--color3); }
.smartphone header .logo img, .smartphone header.colour .logo img { width: 100px; }
.smartphone #booking .section_text #varsimple_adults_only.varsimple { margin-top: 30px; }