/* Campo 3.8 – responsive mobile header and original white content layout. Desktop untouched. */
@media (max-width:775px) {
 html,html body.campo-grav {overflow-x:hidden!important;background:#fff!important;}
 html body.campo-grav #page-wrp > header.corporate_color {position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:81px!important;min-height:81px!important;background:#333739!important;z-index:1250!important;}
 html body.campo-grav header .campo-header-inner {position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;}
 html body.campo-grav header .logo,html body.campo-grav header .contacts,html body.campo-grav header nav.main,html body.campo-grav header nav.sub {display:none!important;}
 html body.campo-grav header button.mobile-menu {display:flex!important;position:absolute!important;top:0!important;left:0!important;width:50px!important;height:40px!important;min-width:50px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-right:1px solid #666!important;border-radius:0!important;background:transparent!important;color:#fff!important;font-size:27px!important;line-height:1!important;z-index:2!important;}
 html body.campo-grav header h2.mobile {display:block!important;position:absolute!important;top:0!important;left:50px!important;right:50px!important;height:40px!important;margin:0!important;padding:0!important;line-height:40px!important;text-align:center!important;font-weight:300!important;font-size:21px!important;letter-spacing:1px!important;white-space:nowrap!important;overflow:hidden!important;}
 html body.campo-grav header h2.mobile a {color:#fff!important;text-decoration:none!important;}
 html body.campo-grav header a.language {display:flex!important;position:absolute!important;top:0!important;right:0!important;width:50px!important;height:40px!important;margin:0!important;align-items:center!important;justify-content:center!important;border-left:1px solid #666!important;z-index:2!important;}
 html body.campo-grav header a.language img{width:22px!important;height:auto!important;max-height:17px!important;}
 html body.campo-grav header nav.mobile.clear {display:flex!important;position:absolute!important;left:0!important;right:0!important;top:40px!important;height:41px!important;width:100%!important;float:none!important;border-top:1px solid #666!important;align-items:stretch!important;margin:0!important;padding:0!important;box-sizing:border-box!important;background:#505050!important;}
 html body.campo-grav header nav.mobile.clear a {display:flex!important;float:none!important;flex:0 0 15%!important;width:15%!important;height:41px!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:23px!important;line-height:1!important;text-decoration:none!important;box-sizing:border-box!important;}
 html body.campo-grav header nav.mobile.clear a.book {flex:1 1 55%!important;width:auto!important;min-width:0!important;background:#99cc00!important;font-size:clamp(15px,4.5vw,21px)!important;font-weight:400!important;white-space:nowrap!important;}
 html body.campo-grav .bg {display:none!important;}
 html body.campo-grav #page-wrp > .wrapper {margin:0!important;padding:0!important;max-width:none!important;width:100%!important;}
 html body.campo-grav #page-wrp .units-container.main {box-sizing:border-box!important;max-width:none!important;width:100%!important;padding:81px 0 0!important;margin:0!important;}
 html body.campo-grav #page-wrp .units-container.main > h1 {box-sizing:border-box!important;margin:0!important;padding:12px 10px!important;border-bottom:1px solid #ddd!important;text-align:center!important;color:#242a2e!important;font-size:22px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:.3px!important;background:#fff!important;}
 html body.campo-grav .units-container.main > h1 .close-btn {display:none!important;}
 html body.campo-grav .content article {background:#fff!important;color:#111!important;box-shadow:none!important;margin:0!important;padding:12px 20px 24px!important;}
 html body.campo-grav .content article p,html body.campo-grav .content article li {color:#111!important;}
 html body.campo-grav .content article h2,html body.campo-grav .content article h3 {color:#111!important;}
 html body.campo-grav .content article p a {color:#85b600!important;}
 html body.campo-grav .widgets.right,html body.campo-grav .campo-offers {display:none!important;}
 html body.campo-grav #menu.campo-drawer[hidden],html body.campo-grav #menu .campo-drawer-submenu[hidden] {display:none!important;}
 html body.campo-grav #menu.campo-drawer:not([hidden]) {display:block!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:min(85vw,340px)!important;height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:4000!important;padding:66px 0 30px!important;margin:0!important;background:#2e3336!important;color:#fff!important;box-sizing:border-box!important;box-shadow:0 0 0 100vmax rgba(0,0,0,.55)!important;}
 html body.campo-grav #menu .campo-drawer-close {position:absolute!important;right:13px!important;top:8px!important;width:42px!important;height:42px!important;border:0!important;background:transparent!important;color:#fff!important;font-size:33px!important;cursor:pointer!important;}
 html body.campo-grav #menu .campo-drawer-group {border-bottom:1px solid rgba(255,255,255,.15)!important;}
 html body.campo-grav #menu .campo-drawer-line {display:flex!important;align-items:stretch!important;min-height:56px!important;}
 html body.campo-grav #menu .campo-drawer-mainlink {display:flex!important;align-items:center!important;flex:1!important;padding:13px 14px 13px 25px!important;color:#fff!important;text-transform:uppercase!important;text-decoration:none!important;font-size:16px!important;line-height:1.4!important;letter-spacing:.04em!important;}
 html body.campo-grav #menu .campo-drawer-expand {display:flex!important;flex:0 0 53px!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;background:transparent!important;color:#fff!important;border:0!important;border-left:1px solid rgba(255,255,255,.14)!important;font-size:25px!important;}
 html body.campo-grav #menu .campo-drawer-expand[aria-expanded=true] span {transform:rotate(180deg);}
 html body.campo-grav #menu .campo-drawer-submenu {display:block!important;background:#23292d!important;padding:6px 0!important;}
 html body.campo-grav #menu .campo-drawer-submenu a {display:block!important;color:#fff!important;padding:12px 18px 12px 35px!important;text-decoration:none!important;font-size:14px!important;line-height:1.4!important;border-bottom:1px solid rgba(255,255,255,.09)!important;}
 html body.campo-grav #menu .campo-drawer-offers .campo-drawer-mainlink {color:#99cc00!important;}
 html body.campo-grav #page-wrp > a.social-btn--facebook,html body.campo-grav #page-wrp > a.social-btn--instagram {position:fixed!important;left:auto!important;right:0!important;z-index:1150!important;}
 html body.campo-grav #page-wrp > a.social-btn--facebook{top:50%!important;margin-top:-36px!important;}
 html body.campo-grav #page-wrp > a.social-btn--instagram{top:50%!important;margin-top:4px!important;}
}

/* 3.9: original Statamic-style sliding navigation and single hamburger */
@media(max-width:775px){
 html body.campo-grav header button.mobile-menu {font-size:0!important;}
 html body.campo-grav header button.mobile-menu::before {content:''!important;display:block!important;width:25px!important;height:19px!important;background:linear-gradient(to bottom,#fff 0 4px,transparent 4px 8px,#fff 8px 12px,transparent 12px 16px,#fff 16px 19px)!important;position:static!important;transform:none!important;border:0!important;}
 html body.campo-grav header button.mobile-menu::after {content:none!important;display:none!important;}
 html body.campo-grav header a.language img {width:27px!important;height:18px!important;max-height:none!important;image-rendering:auto!important;}
 html body.campo-grav #menu.campo-drawer:not([hidden]){padding-top:64px!important;overflow-x:hidden!important;}
 html body.campo-grav #menu .campo-drawer-expand span{display:inline-block;transform:none!important;font-family:Arial,sans-serif;font-size:28px!important;line-height:1!important;}
 html body.campo-grav #menu .campo-drawer-submenu {display:none!important;}
 html body.campo-grav #menu.campo-drawer .campo-drawer-back {display:none!important;position:absolute!important;top:8px!important;left:14px!important;width:44px!important;height:42px!important;padding:0!important;background:transparent!important;border:0!important;color:#fff!important;font-size:38px!important;cursor:pointer!important;}
 html body.campo-grav #menu .campo-drawer-section-title {display:none!important;position:relative!important;font:600 15px/1.4 'Open Sans',sans-serif!important;letter-spacing:.05em!important;text-transform:uppercase!important;padding:15px 24px!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.2)!important;}
 html body.campo-grav #menu.campo-drawer.is-subview .campo-drawer-back,
 html body.campo-grav #menu.campo-drawer.is-subview .campo-drawer-section-title {display:block!important;}
 html body.campo-grav #menu.campo-drawer.is-subview > .campo-drawer-group {display:none!important;}
 html body.campo-grav #menu.campo-drawer.is-subview > .campo-drawer-group.is-selected {display:block!important;border:0!important;}
 html body.campo-grav #menu.campo-drawer.is-subview > .campo-drawer-group.is-selected > .campo-drawer-line {display:none!important;}
 html body.campo-grav #menu.campo-drawer.is-subview > .campo-drawer-group.is-selected > .campo-drawer-submenu {display:block!important;padding:0!important;background:transparent!important;}
 html body.campo-grav #menu.campo-drawer.is-subview .campo-drawer-submenu a {padding:17px 24px!important;font-size:16px!important;min-height:56px!important;display:flex!important;align-items:center!important;border-bottom:1px solid rgba(255,255,255,.14)!important;}
}