/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* Mơ Home — layout built with native Flatsome sections, rows and columns. */
:root{--mo-green:#596747;--mo-brown:#4b3327;--mo-paper:#f8f7f3}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{color:var(--mo-brown);line-height:1.7}
h1,h2,h3{letter-spacing:-.035em;line-height:1.16}
.header-main{border-bottom:1px solid #4b332712}
#logo a{font-size:29px;font-weight:500;letter-spacing:-1.5px;color:var(--mo-brown)}
.header-nav a{letter-spacing:0!important;text-transform:none!important}
.button{text-transform:none;letter-spacing:0;font-weight:500;border-radius:4px;margin-bottom:0;min-height:46px;line-height:44px;padding:0 24px}
.mo-home h2{font-size:clamp(30px,3.2vw,44px);font-weight:500}
.mo-home h3{font-weight:500}
.mo-eyebrow{font-size:11px;font-weight:600;letter-spacing:2.4px;margin-bottom:20px;color:var(--mo-green)}
.mo-hero h1{font-size:clamp(46px,6.5vw,84px);font-weight:500;line-height:1.06;margin-bottom:26px;max-width:700px}
.mo-hero h1 em{color:#e7d8ba;font-weight:400}
.mo-hero p{max-width:610px;font-size:17px;color:#ffffffe0}
.mo-hero .mo-eyebrow{font-size:11px;letter-spacing:2.8px;color:white}
.mo-hero .button{background:#fff!important;color:var(--mo-brown)!important;margin-top:12px}
.mo-hero .mo-signature{font-size:10px;letter-spacing:2.1px;margin-top:55px;margin-bottom:0}
.mo-trust{border-bottom:1px solid #4b332717}
.mo-trust .col{padding-bottom:0}
.mo-trust p{margin:0;font-size:13px}
.mo-room>.col-inner{background:#fff;border:1px solid #4b332719;border-radius:7px;overflow:hidden;height:100%;display:flex;flex-direction:column}
.mo-room .img{margin-bottom:0!important}
.mo-room .text{padding:28px 30px 0}
.mo-room h3{font-size:30px;margin-bottom:14px}
.mo-room p{font-size:14px;color:#76695f}
.mo-room .mo-room-meta{font-size:12px;padding-top:16px;border-top:1px solid #4b332717}
.mo-room .mo-price{font-size:23px;color:var(--mo-brown);margin-bottom:8px}
.mo-room .mo-price small{font-size:13px;color:#76695f;font-weight:400}
.mo-room .button{margin:0 30px 28px;align-self:flex-start;margin-top:auto}
.mo-story .img img{border-radius:8px}
.mo-feature .icon-box-text h3{font-size:19px;letter-spacing:-.02em;margin-bottom:12px}
.mo-feature .icon-box-text p{font-size:14px;color:#76695f}
.mo-feature .icon-box-img{margin-bottom:22px}
.mo-location .col-inner p{max-width:430px}
.mo-location .img img{border-radius:6px}
.mo-contact a:not(.button){color:var(--mo-green)}
.mo-cta h2{max-width:700px;margin:0 auto 22px}
.mo-cta p{color:#ffffffe0}
.mo-footer h3{font-size:13px;letter-spacing:1.3px;text-transform:uppercase;margin:8px 0 24px}
.mo-footer p,.mo-footer a{font-size:14px;color:#6e6157}
.mo-footer a:hover{color:var(--mo-green)}
.mo-footer .mo-brand{font-size:32px;color:var(--mo-brown);font-weight:500;letter-spacing:-1.5px}
.mo-footer .mo-copyright{border-top:1px solid #4b33271c;padding-top:24px;font-size:12px;margin-top:15px}
.absolute-footer{display:none}
@media(max-width:849px){.mo-home .section{padding-left:8px;padding-right:8px}.mo-room .text{padding:24px 22px 0}.mo-room .button{margin-left:22px}.mo-hero .mo-signature{margin-top:34px}.mo-trust p{font-size:12px}.mo-feature{padding-bottom:26px}}
@media(max-width:549px){.mo-hero h1{font-size:46px}.mo-hero p{font-size:15px}.mo-home h2{font-size:32px}.mo-room .text{padding:24px 22px 0}.mo-trust .col{padding-bottom:10px}.mo-footer .col{padding-bottom:20px}.mo-hero .section-bg{background-position:60% center!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.header-nav-main>li>a{font-size:14px!important}.mo-room{align-self:stretch}.mo-cta .button{margin:8px}.mo-footer .row{align-items:flex-start!important}

#logo a{text-transform:none}.mo-room .text{flex:1}.mo-room .mo-price{margin-bottom:22px}


/* Shared arrow artwork supplied by the site owner; follows the link color. */
.mo-arrow-up-right{display:inline-block;width:1em;height:1em;vertical-align:-.12em;background-color:currentColor;-webkit-mask:url("assets/arrow-up-right.svg") center/contain no-repeat;mask:url("assets/arrow-up-right.svg") center/contain no-repeat;margin-left:.25em;flex-shrink:0}

