/* Typography and colours shared with the main Hoi An Moon pages. */
@font-face{font-family:"Raleway HAM";src:url("Raleway-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Raleway HAM";src:url("Raleway-Italic-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:italic;font-display:swap}

:root{--serif:"Raleway HAM","Raleway",sans-serif;--sans:"Raleway HAM","Raleway",sans-serif;--gold:#a8864b;--ink:#3c2f2f}
html,body,button,input,select,textarea,option{font-family:"Raleway HAM","Raleway",sans-serif;color:#3c2f2f;letter-spacing:1px}

.hero h1{color:#f5e4b2!important;font-family:"Raleway HAM","Raleway",sans-serif!important;font-weight:500!important;font-style:normal!important;letter-spacing:6px!important}
.intro h2,.booking-steps h2,.closing h2,.card-body h3,.booking-steps li h3,.booking-dialog h2{font-family:"Raleway HAM","Raleway",sans-serif;font-style:normal;font-weight:400;text-transform:uppercase;color:#a8864b;letter-spacing:3px;line-height:1.35}
.intro h2,.booking-steps h2,.closing h2{font-size:clamp(32px,4vw,48px)}
.intro h2 em,.booking-steps h2 em,.closing h2 em,.hero h1 em{color:inherit!important;font-family:inherit!important;font-style:normal!important;font-weight:inherit!important}
.card-body h3{font-size:25px;letter-spacing:2px;line-height:1.35}
.booking-steps li h3{font-size:23px;letter-spacing:2px}
.booking-dialog h2{font-size:38px;letter-spacing:2px}
.eyebrow,.eyebrow.dark,.card-kicker{color:#a8864b;font-weight:500}

.intro-copy>p,.card-body>p:not(.card-kicker,.advance),.closing-copy>p,.dialog-intro{font-family:"Raleway HAM","Raleway",sans-serif;color:#3c2f2f;font-weight:300;line-height:1.8}
.card-body dd,.direct-contact,.booking-dialog label{color:#3c2f2f}
.card-body dt{color:#806b5e}
.booking-steps li p{font-family:"Raleway HAM","Raleway",sans-serif;font-weight:300;letter-spacing:1px}
.booking-steps .eyebrow,.booking-steps h2,.booking-steps li>span,.booking-steps li h3{color:#d6b57c}

.button,.filter,.card-book,.dialog-submit,#nav-menu a,.footer-elegant{font-family:"Raleway HAM","Raleway",sans-serif}
.card-tag{max-width:calc(100% - 36px);padding:10px 15px;font-size:12px;font-weight:600;line-height:1.35;letter-spacing:.09em;white-space:normal}
.action-icon{display:inline-flex!important;flex:0 0 16px;width:16px;height:16px;align-items:center;justify-content:center;margin-left:14px;font-size:12px;line-height:16px!important;letter-spacing:0!important;transform:none;transition:transform .25s ease}.card-book:hover .action-icon,.dialog-submit:hover .action-icon{transform:translate(2px,-2px)}
.dialog-submit{transition:background-color .28s ease,color .28s ease,transform .28s ease}.dialog-submit:hover{background:#a8864b;color:#fff;transform:translateY(-1px)}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:20px;margin:12px 0 0;font-size:12px;font-weight:500;letter-spacing:.04em}.form-status.is-success{color:#38714a}.form-status.is-error{color:#8b1f28}.dialog-submit:disabled{cursor:wait;opacity:.65;transform:none}

@media(max-width:700px){.hero h1{letter-spacing:3px!important}.intro h2,.booking-steps h2,.closing h2{font-size:32px}.card-body h3{font-size:23px}.booking-dialog h2{font-size:32px}.card-tag{padding:9px 13px;font-size:11px}}