.DateInput{background:#fff;position:relative;display:inline-block;vertical-align:middle} .DateInput_input{font-weight:200;background-color:#fff;width:100%;border:0;border-bottom:2px solid transparent;border-radius:0} .DateInput_input__readOnly{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .DateRangePickerInput{background-color:#fff} .DateRangePickerInput_arrow{display:inline-block;vertical-align:middle;color:#484848} .DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;display:inline-block;vertical-align:middle;margin:0 5px 0 10px} .DateRangePicker{position:relative}:root{--toastify-color-light:#fff; --toastify-color-dark:#121212; --toastify-color-info:#3498db; --toastify-color-success:#07bc0c; --toastify-color-warning:#f1c40f; --toastify-color-error:#e74c3c; --toastify-color-transparent:hsla(0,0%,100%,.7); --toastify-icon-color-info:var(--toastify-color-info); --toastify-icon-color-success:var(--toastify-color-success); --toastify-icon-color-warning:var(--toastify-color-warning); --toastify-icon-color-error:var(--toastify-color-error); --toastify-toast-width:320px; --toastify-toast-background:#fff; --toastify-toast-min-height:64px; --toastify-toast-max-height:800px; --toastify-font-family:sans-serif; --toastify-z-index:9999; --toastify-text-color-light:#757575; --toastify-text-color-dark:#fff; --toastify-text-color-info:#fff; --toastify-text-color-success:#fff; --toastify-text-color-warning:#fff; --toastify-text-color-error:#fff; --toastify-spinner-color:#616161; --toastify-spinner-color-empty-area:#e0e0e0; --toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55); --toastify-color-progress-dark:#bb86fc; --toastify-color-progress-info:var(--toastify-color-info); --toastify-color-progress-success:var(--toastify-color-success); --toastify-color-progress-warning:var(--toastify-color-warning); --toastify-color-progress-error:var(--toastify-color-error)} @media only screen and (max-width:480px){ } @media only screen and (max-width:480px){ } @-webkit-keyframes Toastify__trackProgress{ 0%{transform:scaleX(1)} to{transform:scaleX(0)}} @keyframes Toastify__trackProgress{ 0%{transform:scaleX(1)} to{transform:scaleX(0)}} @-webkit-keyframes Toastify__bounceInRight{ 0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)} to{transform:none}} @keyframes Toastify__bounceInRight{ 0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)} to{transform:none}} @-webkit-keyframes Toastify__bounceOutRight{ 20%{opacity:1;transform:translate3d(-20px,0,0)} to{opacity:0;transform:translate3d(2000px,0,0)}} @keyframes Toastify__bounceOutRight{ 20%{opacity:1;transform:translate3d(-20px,0,0)} to{opacity:0;transform:translate3d(2000px,0,0)}} @-webkit-keyframes Toastify__bounceInLeft{ 0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)} to{transform:none}} @keyframes Toastify__bounceInLeft{ 0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)} to{transform:none}} @-webkit-keyframes Toastify__bounceOutLeft{ 20%{opacity:1;transform:translate3d(20px,0,0)} to{opacity:0;transform:translate3d(-2000px,0,0)}} @keyframes Toastify__bounceOutLeft{ 20%{opacity:1;transform:translate3d(20px,0,0)} to{opacity:0;transform:translate3d(-2000px,0,0)}} @-webkit-keyframes Toastify__bounceInUp{ 0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)} to{transform:translateZ(0)}} @keyframes Toastify__bounceInUp{ 0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)} to{transform:translateZ(0)}} @-webkit-keyframes Toastify__bounceOutUp{ 20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)} to{opacity:0;transform:translate3d(0,-2000px,0)}} @keyframes Toastify__bounceOutUp{ 20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)} to{opacity:0;transform:translate3d(0,-2000px,0)}} @-webkit-keyframes Toastify__bounceInDown{ 0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)} to{transform:none}} @keyframes Toastify__bounceInDown{ 0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)} to{transform:none}} @-webkit-keyframes Toastify__bounceOutDown{ 20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)} to{opacity:0;transform:translate3d(0,2000px,0)}} @keyframes Toastify__bounceOutDown{ 20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)} to{opacity:0;transform:translate3d(0,2000px,0)}} @-webkit-keyframes Toastify__zoomIn{ 0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}} @keyframes Toastify__zoomIn{ 0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}} @-webkit-keyframes Toastify__zoomOut{ 0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)} to{opacity:0}} @keyframes Toastify__zoomOut{ 0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)} to{opacity:0}} @-webkit-keyframes Toastify__flipIn{ 0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)} to{transform:perspective(400px)}} @keyframes Toastify__flipIn{ 0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)} to{transform:perspective(400px)}} @-webkit-keyframes Toastify__flipOut{ 0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1} to{transform:perspective(400px) rotateX(90deg);opacity:0}} @keyframes Toastify__flipOut{ 0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1} to{transform:perspective(400px) rotateX(90deg);opacity:0}} @-webkit-keyframes Toastify__slideInRight{ 0%{transform:translate3d(110%,0,0);visibility:visible} to{transform:translateZ(0)}} @keyframes Toastify__slideInRight{ 0%{transform:translate3d(110%,0,0);visibility:visible} to{transform:translateZ(0)}} @-webkit-keyframes Toastify__slideInLeft{ 0%{transform:translate3d(-110%,0,0);visibility:visible} to{transform:translateZ(0)}} @keyframes Toastify__slideInLeft{ 0%{transform:translate3d(-110%,0,0);visibility:visible} to{transform:translateZ(0)}} @-webkit-keyframes Toastify__slideInUp{ 0%{transform:translate3d(0,110%,0);visibility:visible} to{transform:translateZ(0)}} @keyframes Toastify__slideInUp{ 0%{transform:translate3d(0,110%,0);visibility:visible} to{transform:translateZ(0)}} @-webkit-keyframes Toastify__slideInDown{ 0%{transform:translate3d(0,-110%,0);visibility:visible} to{transform:translateZ(0)}} @keyframes Toastify__slideInDown{ 0%{transform:translate3d(0,-110%,0);visibility:visible} to{transform:translateZ(0)}} @-webkit-keyframes Toastify__slideOutRight{ 0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(110%,0,0)}} @keyframes Toastify__slideOutRight{ 0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(110%,0,0)}} @-webkit-keyframes Toastify__slideOutLeft{ 0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(-110%,0,0)}} @keyframes Toastify__slideOutLeft{ 0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(-110%,0,0)}} @-webkit-keyframes Toastify__slideOutDown{ 0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,500px,0)}} @keyframes Toastify__slideOutDown{ 0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,500px,0)}} @-webkit-keyframes Toastify__slideOutUp{ 0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,-500px,0)}} @keyframes Toastify__slideOutUp{ 0%{transform:translateZ(0)} to{visibility:hidden;transform:translate3d(0,-500px,0)}} @-webkit-keyframes Toastify__spin{ 0%{transform:rotate(0deg)} to{transform:rotate(1turn)}} @keyframes Toastify__spin{ 0%{transform:rotate(0deg)} to{transform:rotate(1turn)}}:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px} @-webkit-keyframes style_heartbeat__X_kWT{ 0%{transform:scale(0)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.2)} to{transform:scale(1)}} @keyframes style_heartbeat__X_kWT{ 0%{transform:scale(0)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.2)} to{transform:scale(1)}} @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1919px){ } @media only screen and (max-width:1199px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1919px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1199px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1199px){ } @media only screen and (max-width:1199px){ } @media only screen and (max-width:1199px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1919px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1919px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1919px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1919px){ } @media only screen and (max-width:1199px){ } .style_brandButton__2Ux_a{border-radius:4px;color:#fff;font-family:Titillium Web,sans-serif;font-weight:700;font-size:1rem;line-height:1.5;border:none;letter-spacing:.7px;text-align:center;cursor:pointer;background:#365959;box-shadow:0 3px 6px rgba(0,0,0,.549)} .style_brandButton__2Ux_a:disabled{opacity:.5;cursor:default!important} .style_brandButton__2Ux_a:hover{background:#2b4747;box-shadow:0 3px 10px rgba(0,0,0,.651)} .style_brandButton__secondary__7PjX1{background:#629e9e} .style_brandButton__secondary__7PjX1:hover{background:#4f8080} .style_brandButton__leftIcon__IT_mI{padding:0;margin:0;display:flex;justify-content:center;gap:8px;align-items:center;letter-spacing:.48px} .style_brandButton__onlyIcon__1tiH8{display:flex;border-radius:100%;justify-content:center;align-items:center;border:none} .style_brandButton__onlyIcon__1tiH8:hover{background:none;box-shadow:none} @-webkit-keyframes style_spinner__WJEc9{ 0%{transform:rotate(0turn)} to{transform:rotate(1turn)}} @keyframes style_spinner__WJEc9{ 0%{transform:rotate(0turn)} to{transform:rotate(1turn)}} @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:479px){ } .mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;-webkit-tap-highlight-color:rgb(0 0 0/0)} .mapboxgl-canvas{position:absolute;left:0;top:0} .mapboxgl-map:-webkit-full-screen{width:100%;height:100%} .mapboxgl-canary{background-color:salmon} .mapboxgl-canvas-container.mapboxgl-interactive{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:-webkit-grabbing;cursor:grabbing} .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none} .mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{position:absolute;pointer-events:none;z-index:2} .mapboxgl-ctrl-top-left{top:0;left:0} .mapboxgl-ctrl-top-right{top:0;right:0} .mapboxgl-ctrl-bottom-left{bottom:0;left:0} .mapboxgl-ctrl-bottom-right{right:0;bottom:0} .mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)} .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{margin:0 0 10px 10px;float:left} .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{margin:0 10px 10px 0;float:right} .mapboxgl-ctrl-group{border-radius:4px;background:#fff} .mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgb(0 0 0/10%)} @media (-ms-high-contrast:active){ .mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}} .mapboxgl-ctrl-group button{width:29px;height:29px;display:block;padding:0;outline:none;border:0;box-sizing:border-box;background-color:transparent;cursor:pointer;overflow:hidden} .mapboxgl-ctrl-group button+button{border-top:1px solid #ddd} .mapboxgl-ctrl button .mapboxgl-ctrl-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50%} @media (-ms-high-contrast:active){ .mapboxgl-ctrl-icon{background-color:transparent} .mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}} .mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff} .mapboxgl-ctrl button:disabled{cursor:not-allowed} .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25} .mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0} .mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px} .mapboxgl-ctrl-group button:only-child{border-radius:inherit} .mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)} .mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff} .mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'29\'\ height=\'29\'\ viewBox=\'0\ 0\ 29\ 29\'\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'%23333\'%3E\ %3Cpath\ d=\'M10\ 13c-.75\ 0-1.5.75-1.5\ 1.5S9.25\ 16\ 10\ 16h9c.75\ 0\ 1.5-.75\ 1.5-1.5S19.75\ 13\ 19\ 13h-9z\'/%3E\ %3C/svg%3E)} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'29\'\ height=\'29\'\ viewBox=\'0\ 0\ 29\ 29\'\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'%23333\'%3E\ %3Cpath\ d=\'M14.5\ 8.5c-.75\ 0-1.5.75-1.5\ 1.5v3h-3c-.75\ 0-1.5.75-1.5\ 1.5S9.25\ 16\ 10\ 16h3v3c0\ .75.75\ 1.5\ 1.5\ 1.5S16\ 19.75\ 16\ 19v-3h3c.75\ 0\ 1.5-.75\ 1.5-1.5S19.75\ 13\ 19\ 13h-3v-3c0-.75-.75-1.5-1.5-1.5z\'/%3E\ %3C/svg%3E)} @media (-ms-high-contrast:active){ .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'29\'\ height=\'29\'\ viewBox=\'0\ 0\ 29\ 29\'\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'%23fff\'%3E\ %3Cpath\ d=\'M10\ 13c-.75\ 0-1.5.75-1.5\ 1.5S9.25\ 16\ 10\ 16h9c.75\ 0\ 1.5-.75\ 1.5-1.5S19.75\ 13\ 19\ 13h-9z\'/%3E\ %3C/svg%3E)} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'29\'\ height=\'29\'\ viewBox=\'0\ 0\ 29\ 29\'\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'%23fff\'%3E\ %3Cpath\ d=\'M14.5\ 8.5c-.75\ 0-1.5.75-1.5\ 1.5v3h-3c-.75\ 0-1.5.75-1.5\ 1.5S9.25\ 16\ 10\ 16h3v3c0\ .75.75\ 1.5\ 1.5\ 1.5S16\ 19.75\ 16\ 19v-3h3c.75\ 0\ 1.5-.75\ 1.5-1.5S19.75\ 13\ 19\ 13h-3v-3c0-.75-.75-1.5-1.5-1.5z\'/%3E\ %3C/svg%3E)}} @media (-ms-high-contrast:black-on-white){ .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'29\'\ height=\'29\'\ viewBox=\'0\ 0\ 29\ 29\'\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'%23000\'%3E\ %3Cpath\ d=\'M10\ 13c-.75\ 0-1.5.75-1.5\ 1.5S9.25\ 16\ 10\ 16h9c.75\ 0\ 1.5-.75\ 1.5-1.5S19.75\ 13\ 19\ 13h-9z\'/%3E\ %3C/svg%3E)} .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'29\'\ height=\'29\'\ viewBox=\'0\ 0\ 29\ 29\'\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'%23000\'%3E\ %3Cpath\ d=\'M14.5\ 8.5c-.75\ 0-1.5.75-1.5\ 1.5v3h-3c-.75\ 0-1.5.75-1.5\ 1.5S9.25\ 16\ 10\ 16h3v3c0\ .75.75\ 1.5\ 1.5\ 1.5S16\ 19.75\ 16\ 19v-3h3c.75\ 0\ 1.5-.75\ 1.5-1.5S19.75\ 13\ 19\ 13h-3v-3c0-.75-.75-1.5-1.5-1.5z\'/%3E\ %3C/svg%3E)}} @media (-ms-high-contrast:active){ } @media (-ms-high-contrast:black-on-white){ } @media (-ms-high-contrast:active){ } @media (-ms-high-contrast:black-on-white){ } @media (-ms-high-contrast:active){ } @media (-ms-high-contrast:black-on-white){ } @-webkit-keyframes mapboxgl-spin{ 0%{transform:rotate(0deg)} to{transform:rotate(1turn)}} @keyframes mapboxgl-spin{ 0%{transform:rotate(0deg)} to{transform:rotate(1turn)}} a.mapboxgl-ctrl-logo{width:88px;height:23px;margin:0 0-4px -4px;display:block;background-repeat:no-repeat;cursor:pointer;overflow:hidden;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'88\'\ height=\'23\'\ viewBox=\'0\ 0\ 88\ 23\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ fill-rule=\'evenodd\'%3E\ %3Cdefs%3E\ %3Cpath\ id=\'logo\'\ d=\'M11.5\ 2.25c5.105\ 0\ 9.25\ 4.145\ 9.25\ 9.25s-4.145\ 9.25-9.25\ 9.25-9.25-4.145-9.25-9.25\ 4.145-9.25\ 9.25-9.25zM6.997\ 15.983c-.051-.338-.828-5.802\ 2.233-8.873a4.395\ 4.395\ 0\ 013.13-1.28c1.27\ 0\ 2.49.51\ 3.39\ 1.42.91.9\ 1.42\ 2.12\ 1.42\ 3.39\ 0\ 1.18-.449\ 2.301-1.28\ 3.13C12.72\ 16.93\ 7\ 16\ 7\ 16l-.003-.017zM15.3\ 10.5l-2\ .8-.8\ 2-.8-2-2-.8\ 2-.8.8-2\ .8\ 2\ 2\ .8z\'/%3E\ %3Cpath\ id=\'text\'\ d=\'M50.63\ 8c.13\ 0\ .23.1.23.23V9c.7-.76\ 1.7-1.18\ 2.73-1.18\ 2.17\ 0\ 3.95\ 1.85\ 3.95\ 4.17s-1.77\ 4.19-3.94\ 4.19c-1.04\ 0-2.03-.43-2.74-1.18v3.77c0\ .13-.1.23-.23.23h-1.4c-.13\ 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01\ 0\ .01\ 0\ .01-.01.13\ 0\ .22.1.22.22v7.55c0\ .12-.1.23-.23.23h-1.4c-.13\ 0-.23-.1-.23-.23V15c-.7.76-1.69\ 1.19-2.73\ 1.19-2.17\ 0-3.94-1.87-3.94-4.19\ 0-2.32\ 1.77-4.19\ 3.94-4.19\ 1.03\ 0\ 2.02.43\ 2.73\ 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24\ 4.24\ 0\ 00-4.16\ 3.29c-.13.59-.13\ 1.19\ 0\ 1.77a4.233\ 4.233\ 0\ 004.17\ 3.3c2.35\ 0\ 4.26-1.87\ 4.26-4.19\ 0-2.32-1.9-4.17-4.27-4.17zM60.63\ 5c.13\ 0\ .23.1.23.23v3.76c.7-.76\ 1.7-1.18\ 2.73-1.18\ 1.88\ 0\ 3.45\ 1.4\ 3.84\ 3.28.13.59.13\ 1.2\ 0\ 1.8-.39\ 1.88-1.96\ 3.29-3.84\ 3.29-1.03\ 0-2.02-.43-2.73-1.18v.77c0\ .12-.1.23-.23.23h-1.4c-.13\ 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34\ 11h-1.4c-.13\ 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13\ 0\ .22.11.23.22v.68c.5-.68\ 1.3-1.09\ 2.16-1.1h.03c1.09\ 0\ 2.09.6\ 2.6\ 1.55.45-.95\ 1.4-1.55\ 2.44-1.56\ 1.62\ 0\ 2.93\ 1.25\ 2.9\ 2.78l.03\ 5.2c0\ .13-.1.23-.23.23h-1.41c-.13\ 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8\ 0-1.46.7-1.59\ 1.62l.01\ 4.68c0\ .13-.11.23-.23.23h-1.41c-.13\ 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85\ 0-1.54.79-1.6\ 1.8v4.5c0\ .13-.1.23-.23.23zm53.615\ 0h-1.61c-.04\ 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213\ 0\ 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13\ 0\ .24.06.3.17l1.41\ 2.37\ 1.4-2.37a.34.34\ 0\ 01.3-.17h1.6c.04\ 0\ .08.01.12.03.09.06.13.19.06.28l-2.37\ 3.65\ 2.43\ 3.7c0\ .05.01.09.01.13\ 0\ .12-.09.21-.21.21h-1.61c-.13\ 0-.24-.06-.3-.17l-1.44-2.42-1.44\ 2.42a.34.34\ 0\ 01-.3.17zm-7.12-1.49c-1.33\ 0-2.42-1.12-2.42-2.51\ 0-1.39\ 1.08-2.52\ 2.42-2.52\ 1.33\ 0\ 2.42\ 1.12\ 2.42\ 2.51\ 0\ 1.39-1.08\ 2.51-2.42\ 2.52zm-19.865\ 0c-1.32\ 0-2.39-1.11-2.42-2.48v-.07c.02-1.38\ 1.09-2.49\ 2.4-2.49\ 1.32\ 0\ 2.41\ 1.12\ 2.41\ 2.51\ 0\ 1.39-1.07\ 2.52-2.39\ 2.53zm-8.11-2.48c-.01\ 1.37-1.09\ 2.47-2.41\ 2.47s-2.42-1.12-2.42-2.51c0-1.39\ 1.08-2.52\ 2.4-2.52\ 1.33\ 0\ 2.39\ 1.11\ 2.41\ 2.48l.02.08zm18.12\ 2.47c-1.32\ 0-2.39-1.11-2.41-2.48v-.06c.02-1.38\ 1.09-2.48\ 2.41-2.48s2.42\ 1.12\ 2.42\ 2.51c0\ 1.39-1.09\ 2.51-2.42\ 2.51z\'/%3E\ %3C/defs%3E\ %3Cmask\ id=\'clip\'%3E\ %3Crect\ x=\'0\'\ y=\'0\'\ width=\'100%25\'\ height=\'100%25\'\ fill=\'white\'/%3E\ %3Cuse\ xlink:href=\'%23logo\'/%3E\ %3Cuse\ xlink:href=\'%23text\'/%3E\ %3C/mask%3E\ %3Cg\ id=\'outline\'\ opacity=\'0.3\'\ stroke=\'%23000\'\ stroke-width=\'3\'%3E\ %3Ccircle\ mask=\'url\(%23clip\)\'\ cx=\'11.5\'\ cy=\'11.5\'\ r=\'9.25\'/%3E\ %3Cuse\ xlink:href=\'%23text\'\ mask=\'url\(%23clip\)\'/%3E\ %3C/g%3E\ %3Cg\ id=\'fill\'\ opacity=\'0.9\'\ fill=\'%23fff\'%3E\ %3Cuse\ xlink:href=\'%23logo\'/%3E\ %3Cuse\ xlink:href=\'%23text\'/%3E\ %3C/g%3E\ %3C/svg%3E)} @media (-ms-high-contrast:active){ a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'88\'\ height=\'23\'\ viewBox=\'0\ 0\ 88\ 23\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ fill-rule=\'evenodd\'%3E\ %3Cdefs%3E\ %3Cpath\ id=\'logo\'\ d=\'M11.5\ 2.25c5.105\ 0\ 9.25\ 4.145\ 9.25\ 9.25s-4.145\ 9.25-9.25\ 9.25-9.25-4.145-9.25-9.25\ 4.145-9.25\ 9.25-9.25zM6.997\ 15.983c-.051-.338-.828-5.802\ 2.233-8.873a4.395\ 4.395\ 0\ 013.13-1.28c1.27\ 0\ 2.49.51\ 3.39\ 1.42.91.9\ 1.42\ 2.12\ 1.42\ 3.39\ 0\ 1.18-.449\ 2.301-1.28\ 3.13C12.72\ 16.93\ 7\ 16\ 7\ 16l-.003-.017zM15.3\ 10.5l-2\ .8-.8\ 2-.8-2-2-.8\ 2-.8.8-2\ .8\ 2\ 2\ .8z\'/%3E\ %3Cpath\ id=\'text\'\ d=\'M50.63\ 8c.13\ 0\ .23.1.23.23V9c.7-.76\ 1.7-1.18\ 2.73-1.18\ 2.17\ 0\ 3.95\ 1.85\ 3.95\ 4.17s-1.77\ 4.19-3.94\ 4.19c-1.04\ 0-2.03-.43-2.74-1.18v3.77c0\ .13-.1.23-.23.23h-1.4c-.13\ 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01\ 0\ .01\ 0\ .01-.01.13\ 0\ .22.1.22.22v7.55c0\ .12-.1.23-.23.23h-1.4c-.13\ 0-.23-.1-.23-.23V15c-.7.76-1.69\ 1.19-2.73\ 1.19-2.17\ 0-3.94-1.87-3.94-4.19\ 0-2.32\ 1.77-4.19\ 3.94-4.19\ 1.03\ 0\ 2.02.43\ 2.73\ 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24\ 4.24\ 0\ 00-4.16\ 3.29c-.13.59-.13\ 1.19\ 0\ 1.77a4.233\ 4.233\ 0\ 004.17\ 3.3c2.35\ 0\ 4.26-1.87\ 4.26-4.19\ 0-2.32-1.9-4.17-4.27-4.17zM60.63\ 5c.13\ 0\ .23.1.23.23v3.76c.7-.76\ 1.7-1.18\ 2.73-1.18\ 1.88\ 0\ 3.45\ 1.4\ 3.84\ 3.28.13.59.13\ 1.2\ 0\ 1.8-.39\ 1.88-1.96\ 3.29-3.84\ 3.29-1.03\ 0-2.02-.43-2.73-1.18v.77c0\ .12-.1.23-.23.23h-1.4c-.13\ 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34\ 11h-1.4c-.13\ 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13\ 0\ .22.11.23.22v.68c.5-.68\ 1.3-1.09\ 2.16-1.1h.03c1.09\ 0\ 2.09.6\ 2.6\ 1.55.45-.95\ 1.4-1.55\ 2.44-1.56\ 1.62\ 0\ 2.93\ 1.25\ 2.9\ 2.78l.03\ 5.2c0\ .13-.1.23-.23.23h-1.41c-.13\ 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8\ 0-1.46.7-1.59\ 1.62l.01\ 4.68c0\ .13-.11.23-.23.23h-1.41c-.13\ 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85\ 0-1.54.79-1.6\ 1.8v4.5c0\ .13-.1.23-.23.23zm53.615\ 0h-1.61c-.04\ 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213\ 0\ 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13\ 0\ .24.06.3.17l1.41\ 2.37\ 1.4-2.37a.34.34\ 0\ 01.3-.17h1.6c.04\ 0\ .08.01.12.03.09.06.13.19.06.28l-2.37\ 3.65\ 2.43\ 3.7c0\ .05.01.09.01.13\ 0\ .12-.09.21-.21.21h-1.61c-.13\ 0-.24-.06-.3-.17l-1.44-2.42-1.44\ 2.42a.34.34\ 0\ 01-.3.17zm-7.12-1.49c-1.33\ 0-2.42-1.12-2.42-2.51\ 0-1.39\ 1.08-2.52\ 2.42-2.52\ 1.33\ 0\ 2.42\ 1.12\ 2.42\ 2.51\ 0\ 1.39-1.08\ 2.51-2.42\ 2.52zm-19.865\ 0c-1.32\ 0-2.39-1.11-2.42-2.48v-.07c.02-1.38\ 1.09-2.49\ 2.4-2.49\ 1.32\ 0\ 2.41\ 1.12\ 2.41\ 2.51\ 0\ 1.39-1.07\ 2.52-2.39\ 2.53zm-8.11-2.48c-.01\ 1.37-1.09\ 2.47-2.41\ 2.47s-2.42-1.12-2.42-2.51c0-1.39\ 1.08-2.52\ 2.4-2.52\ 1.33\ 0\ 2.39\ 1.11\ 2.41\ 2.48l.02.08zm18.12\ 2.47c-1.32\ 0-2.39-1.11-2.41-2.48v-.06c.02-1.38\ 1.09-2.48\ 2.41-2.48s2.42\ 1.12\ 2.42\ 2.51c0\ 1.39-1.09\ 2.51-2.42\ 2.51z\'/%3E\ %3C/defs%3E\ %3Cmask\ id=\'clip\'%3E\ %3Crect\ x=\'0\'\ y=\'0\'\ width=\'100%25\'\ height=\'100%25\'\ fill=\'white\'/%3E\ %3Cuse\ xlink:href=\'%23logo\'/%3E\ %3Cuse\ xlink:href=\'%23text\'/%3E\ %3C/mask%3E\ %3Cg\ id=\'outline\'\ opacity=\'1\'\ stroke=\'%23000\'\ stroke-width=\'3\'%3E\ %3Ccircle\ mask=\'url\(%23clip\)\'\ cx=\'11.5\'\ cy=\'11.5\'\ r=\'9.25\'/%3E\ %3Cuse\ xlink:href=\'%23text\'\ mask=\'url\(%23clip\)\'/%3E\ %3C/g%3E\ %3Cg\ id=\'fill\'\ opacity=\'1\'\ fill=\'%23fff\'%3E\ %3Cuse\ xlink:href=\'%23logo\'/%3E\ %3Cuse\ xlink:href=\'%23text\'/%3E\ %3C/g%3E\ %3C/svg%3E)}} @media (-ms-high-contrast:black-on-white){ a.mapboxgl-ctrl-logo{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'88\'\ height=\'23\'\ viewBox=\'0\ 0\ 88\ 23\'\ xmlns=\'http://www.w3.org/2000/svg\'\ xmlns:xlink=\'http://www.w3.org/1999/xlink\'\ fill-rule=\'evenodd\'%3E\ %3Cdefs%3E\ %3Cpath\ id=\'logo\'\ d=\'M11.5\ 2.25c5.105\ 0\ 9.25\ 4.145\ 9.25\ 9.25s-4.145\ 9.25-9.25\ 9.25-9.25-4.145-9.25-9.25\ 4.145-9.25\ 9.25-9.25zM6.997\ 15.983c-.051-.338-.828-5.802\ 2.233-8.873a4.395\ 4.395\ 0\ 013.13-1.28c1.27\ 0\ 2.49.51\ 3.39\ 1.42.91.9\ 1.42\ 2.12\ 1.42\ 3.39\ 0\ 1.18-.449\ 2.301-1.28\ 3.13C12.72\ 16.93\ 7\ 16\ 7\ 16l-.003-.017zM15.3\ 10.5l-2\ .8-.8\ 2-.8-2-2-.8\ 2-.8.8-2\ .8\ 2\ 2\ .8z\'/%3E\ %3Cpath\ id=\'text\'\ d=\'M50.63\ 8c.13\ 0\ .23.1.23.23V9c.7-.76\ 1.7-1.18\ 2.73-1.18\ 2.17\ 0\ 3.95\ 1.85\ 3.95\ 4.17s-1.77\ 4.19-3.94\ 4.19c-1.04\ 0-2.03-.43-2.74-1.18v3.77c0\ .13-.1.23-.23.23h-1.4c-.13\ 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01\ 0\ .01\ 0\ .01-.01.13\ 0\ .22.1.22.22v7.55c0\ .12-.1.23-.23.23h-1.4c-.13\ 0-.23-.1-.23-.23V15c-.7.76-1.69\ 1.19-2.73\ 1.19-2.17\ 0-3.94-1.87-3.94-4.19\ 0-2.32\ 1.77-4.19\ 3.94-4.19\ 1.03\ 0\ 2.02.43\ 2.73\ 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24\ 4.24\ 0\ 00-4.16\ 3.29c-.13.59-.13\ 1.19\ 0\ 1.77a4.233\ 4.233\ 0\ 004.17\ 3.3c2.35\ 0\ 4.26-1.87\ 4.26-4.19\ 0-2.32-1.9-4.17-4.27-4.17zM60.63\ 5c.13\ 0\ .23.1.23.23v3.76c.7-.76\ 1.7-1.18\ 2.73-1.18\ 1.88\ 0\ 3.45\ 1.4\ 3.84\ 3.28.13.59.13\ 1.2\ 0\ 1.8-.39\ 1.88-1.96\ 3.29-3.84\ 3.29-1.03\ 0-2.02-.43-2.73-1.18v.77c0\ .12-.1.23-.23.23h-1.4c-.13\ 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34\ 11h-1.4c-.13\ 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13\ 0\ .22.11.23.22v.68c.5-.68\ 1.3-1.09\ 2.16-1.1h.03c1.09\ 0\ 2.09.6\ 2.6\ 1.55.45-.95\ 1.4-1.55\ 2.44-1.56\ 1.62\ 0\ 2.93\ 1.25\ 2.9\ 2.78l.03\ 5.2c0\ .13-.1.23-.23.23h-1.41c-.13\ 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8\ 0-1.46.7-1.59\ 1.62l.01\ 4.68c0\ .13-.11.23-.23.23h-1.41c-.13\ 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85\ 0-1.54.79-1.6\ 1.8v4.5c0\ .13-.1.23-.23.23zm53.615\ 0h-1.61c-.04\ 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213\ 0\ 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13\ 0\ .24.06.3.17l1.41\ 2.37\ 1.4-2.37a.34.34\ 0\ 01.3-.17h1.6c.04\ 0\ .08.01.12.03.09.06.13.19.06.28l-2.37\ 3.65\ 2.43\ 3.7c0\ .05.01.09.01.13\ 0\ .12-.09.21-.21.21h-1.61c-.13\ 0-.24-.06-.3-.17l-1.44-2.42-1.44\ 2.42a.34.34\ 0\ 01-.3.17zm-7.12-1.49c-1.33\ 0-2.42-1.12-2.42-2.51\ 0-1.39\ 1.08-2.52\ 2.42-2.52\ 1.33\ 0\ 2.42\ 1.12\ 2.42\ 2.51\ 0\ 1.39-1.08\ 2.51-2.42\ 2.52zm-19.865\ 0c-1.32\ 0-2.39-1.11-2.42-2.48v-.07c.02-1.38\ 1.09-2.49\ 2.4-2.49\ 1.32\ 0\ 2.41\ 1.12\ 2.41\ 2.51\ 0\ 1.39-1.07\ 2.52-2.39\ 2.53zm-8.11-2.48c-.01\ 1.37-1.09\ 2.47-2.41\ 2.47s-2.42-1.12-2.42-2.51c0-1.39\ 1.08-2.52\ 2.4-2.52\ 1.33\ 0\ 2.39\ 1.11\ 2.41\ 2.48l.02.08zm18.12\ 2.47c-1.32\ 0-2.39-1.11-2.41-2.48v-.06c.02-1.38\ 1.09-2.48\ 2.41-2.48s2.42\ 1.12\ 2.42\ 2.51c0\ 1.39-1.09\ 2.51-2.42\ 2.51z\'/%3E\ %3C/defs%3E\ %3Cmask\ id=\'clip\'%3E\ %3Crect\ x=\'0\'\ y=\'0\'\ width=\'100%25\'\ height=\'100%25\'\ fill=\'white\'/%3E\ %3Cuse\ xlink:href=\'%23logo\'/%3E\ %3Cuse\ xlink:href=\'%23text\'/%3E\ %3C/mask%3E\ %3Cg\ id=\'outline\'\ opacity=\'1\'\ stroke=\'%23000\'\ stroke-width=\'3\'%3E\ %3Ccircle\ mask=\'url\(%23clip\)\'\ cx=\'11.5\'\ cy=\'11.5\'\ r=\'9.25\'/%3E\ %3Cuse\ xlink:href=\'%23text\'\ mask=\'url\(%23clip\)\'/%3E\ %3C/g%3E\ %3Cg\ id=\'fill\'\ opacity=\'1\'\ fill=\'%23fff\'%3E\ %3Cuse\ xlink:href=\'%23logo\'/%3E\ %3Cuse\ xlink:href=\'%23text\'/%3E\ %3C/g%3E\ %3C/svg%3E)}} .mapboxgl-ctrl.mapboxgl-ctrl-attrib{padding:0 5px;background-color:hsla(0,0%,100%,.5);margin:0} @media screen{ .mapboxgl-ctrl-attrib.mapboxgl-compact{min-height:20px;padding:2px 24px 2px 0;margin:10px;position:relative;background-color:#fff;border-radius:12px} .mapboxgl-ctrl-attrib-button{cursor:pointer;position:absolute;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'24\'\ height=\'24\'\ viewBox=\'0\ 0\ 20\ 20\'\ xmlns=\'http://www.w3.org/2000/svg\'\ fill-rule=\'evenodd\'%3E\ %3Cpath\ d=\'M4\ 10a6\ 6\ 0\ 1\ 0\ 12\ 0\ 6\ 6\ 0\ 1\ 0-12\ 0m5-3a1\ 1\ 0\ 1\ 0\ 2\ 0\ 1\ 1\ 0\ 1\ 0-2\ 0m0\ 3a1\ 1\ 0\ 1\ 1\ 2\ 0v3a1\ 1\ 0\ 1\ 1-2\ 0\'/%3E\ %3C/svg%3E);background-color:hsla(0,0%,100%,.5);width:24px;height:24px;box-sizing:border-box;border-radius:12px;outline:none;top:0;right:0;border:0} .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button{display:block} .mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}} @media screen and (-ms-high-contrast:active){ .mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'24\'\ height=\'24\'\ viewBox=\'0\ 0\ 20\ 20\'\ xmlns=\'http://www.w3.org/2000/svg\'\ fill-rule=\'evenodd\'\ fill=\'%23fff\'%3E\ %3Cpath\ d=\'M4\ 10a6\ 6\ 0\ 1\ 0\ 12\ 0\ 6\ 6\ 0\ 1\ 0-12\ 0m5-3a1\ 1\ 0\ 1\ 0\ 2\ 0\ 1\ 1\ 0\ 1\ 0-2\ 0m0\ 3a1\ 1\ 0\ 1\ 1\ 2\ 0v3a1\ 1\ 0\ 1\ 1-2\ 0\'/%3E\ %3C/svg%3E)}} @media screen and (-ms-high-contrast:black-on-white){ .mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg\ width=\'24\'\ height=\'24\'\ viewBox=\'0\ 0\ 20\ 20\'\ xmlns=\'http://www.w3.org/2000/svg\'\ fill-rule=\'evenodd\'%3E\ %3Cpath\ d=\'M4\ 10a6\ 6\ 0\ 1\ 0\ 12\ 0\ 6\ 6\ 0\ 1\ 0-12\ 0m5-3a1\ 1\ 0\ 1\ 0\ 2\ 0\ 1\ 1\ 0\ 1\ 0-2\ 0m0\ 3a1\ 1\ 0\ 1\ 1\ 2\ 0v3a1\ 1\ 0\ 1\ 1-2\ 0\'/%3E\ %3C/svg%3E)}} .mapboxgl-marker{position:absolute;top:0;left:0;will-change:transform;opacity:1;transition:opacity .2s} @-webkit-keyframes mapboxgl-user-location-dot-pulse{ 0%{transform:scale(1);opacity:1}70%{transform:scale(3);opacity:0} to{transform:scale(1);opacity:0}} @keyframes mapboxgl-user-location-dot-pulse{ 0%{transform:scale(1);opacity:1}70%{transform:scale(3);opacity:0} to{transform:scale(1);opacity:0}} @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @-webkit-keyframes style_toast-in-top__80TR1{ 0%{transform:translateY(-100%)} to{transform:translateY(0)}} @keyframes style_toast-in-top__80TR1{ 0%{transform:translateY(-100%)} to{transform:translateY(0)}} @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } .style_typography__body__o9KTi{color:#2b121d} @media only screen and (max-width:767px){ .style_typography__body__o9KTi{font-size:.875rem;letter-spacing:.21px}} @media only screen and (max-width:767px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } .style_root__TcrZi{text-align:center;margin:15px auto} .style_root__TcrZi .style_header__AieaN{font-family:Titillium Web,sans-serif;text-align:center;font-style:italic;color:#9e9297} .style_root__TcrZi .style_cubeTravelLogo__ujB4J{margin-top:8px} .style_root__mnzmh{text-align:center;margin:15px auto} .style_root__mnzmh .style_signatureLogo__9UAWR{padding-top:2px} .style_root__mnzmh .style_iataLogo__aUbIn{margin-top:5px} @media only screen and (max-width:767px){ .style_root__mnzmh .style_iataLogo__aUbIn{margin-top:0}} @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (min-width:768px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:767px){ } .style_root__3epMC{padding-bottom:20px} .style_root__resultsPage__qMQar{height:40px;width:100%;display:flex;align-items:center;gap:10px;padding:0 10px;position:unset;margin:unset} @media only screen and (max-width:767px){ } .style_root__3epMC .style_textOverlay__LY_Se{width:100%;height:100%;-webkit-backdrop-filter:blur(4px)} @media only screen and (max-width:767px){ .style_root__3epMC .style_textOverlay__LY_Se{display:flex;gap:10px;justify-content:center;align-items:center}} .style_root__3epMC .style_textOverlay__results___1JMS{backdrop-filter:unset;-webkit-backdrop-filter:unset;position:unset;top:unset;left:unset;transform:unset;display:flex;gap:10px;align-items:center} @media only screen and (max-width:767px){ .style_root__3epMC .style_textOverlay__results___1JMS{justify-content:unset}} .style_root__3epMC .style_textOverlay__LY_Se .style_hiddenText__kT69n{padding:0;font-family:Titillium Web,sans-serif;font-weight:400;max-width:600px} @media only screen and (max-width:767px){ .style_root__3epMC .style_textOverlay__LY_Se .style_hiddenText__kT69n{font-size:1rem;line-height:1.188rem;letter-spacing:.24px;text-align:left;width:calc(100% - 80px);margin:unset}} .style_root__3epMC .style_textOverlay__LY_Se .style_hiddenText__results__tFPv6{font-size:.813rem;line-height:1.188rem;letter-spacing:.2px;text-align:left;margin:unset} @media only screen and (max-width:767px){ .style_root__3epMC .style_textOverlay__LY_Se .style_hiddenText__results__tFPv6{width:unset}} @media only screen and (max-width:767px){ } .style_root__3epMC .style_textOverlay__LY_Se .style_hiddenText__kT69n .style_linkButton__rADkh{text-decoration:underline;cursor:pointer} @media only screen and (max-width:767px){ } @-webkit-keyframes style_slideDown__S9_4v{ 0%{height:0} to{height:var(--radix-collapsible-content-height)}} @keyframes style_slideDown__S9_4v{ 0%{height:0} to{height:var(--radix-collapsible-content-height)}} @-webkit-keyframes style_slideUp__QCOP0{ 0%{height:var(--radix-collapsible-content-height)} to{height:0}} @keyframes style_slideUp__QCOP0{ 0%{height:var(--radix-collapsible-content-height)} to{height:0}} @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:345px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } .style_autocomplete__Gy2uh{display:flex;position:absolute;top:232px;z-index:999;left:50%;transform:translate(-50%);color:#28131d;width:calc(100% - 24px);max-width:665px} @media only screen and (max-width:767px){ .style_autocomplete__Gy2uh{top:135px;font-size:1rem;max-width:335px;flex-direction:column}} @media only screen and (max-width:479px){ .style_autocomplete__Gy2uh{top:165px}} @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } .style_autocomplete__Gy2uh .style_autocompleteInputContainer__DxqO9{position:relative;margin-right:10px;max-width:500px;width:100%} @media only screen and (max-width:767px){ .style_autocomplete__Gy2uh .style_autocompleteInputContainer__DxqO9{margin-right:0;width:100%}} .style_autocomplete__Gy2uh .style_autocompleteInputContainer__DxqO9 .style_autoCompleteInputContainerSvg__G5Ej_{position:absolute;top:50%;transform:translateY(-40%);left:3%} @media only screen and (max-width:1023px){ .style_autocomplete__Gy2uh .style_autocompleteInputContainer__DxqO9 .style_autoCompleteInputContainerSvg__G5Ej_{transform:translateY(-50%)}} .style_autocomplete__Gy2uh .style_autocompleteInputContainer__DxqO9 .style_autocompleteInput__Wyck9{max-width:500px;width:100%;padding-left:10%;font-size:1rem;line-height:2rem;font-weight:400;font-family:Titillium Web,sans-serif;letter-spacing:0;border:1px solid rgba(43,18,29,.07);border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.451)} .style_autocomplete__Gy2uh .style_autocompleteInputContainer__DxqO9 .style_autocompleteInput__Wyck9:disabled{background:#fff;cursor:pointer} @media only screen and (max-width:319px){ .style_autocomplete__Gy2uh .style_autocompleteInputContainer__DxqO9 .style_autocompleteInput__Wyck9{width:100%;font-size:1rem}} @media only screen and (max-width:767px){ .style_autocomplete__Gy2uh .style_autocompleteInputContainer__DxqO9 .style_autocompleteInput__Wyck9{height:48px}} @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } .style_mainPeoplePickerContainer__fcrFh{display:grid;grid-template-columns:21px 1fr;grid-column-gap:10px;box-shadow:0 3px 6px rgba(0,0,0,.2);border-radius:4px;border:1px solid rgba(43,18,29,.07);min-height:48px;width:100%;cursor:pointer;padding-left:10px!important} @media only screen and (max-width:1023px){ .style_mainPeoplePickerContainer__fcrFh{height:100%;min-height:unset;box-shadow:none;opacity:1;position:unset;grid-template-columns:12px 1fr;grid-column-gap:5px}} .style_mainPeoplePickerContainer__fcrFh .style_peoplePickerIcon__vHgF9{height:21px;align-self:center;position:relative} @media only screen and (max-width:1023px){ .style_mainPeoplePickerContainer__fcrFh .style_peoplePickerIcon__vHgF9{height:10px;width:12px}} .style_mainPeoplePickerContainer__fcrFh .style_peoplePickerContainer__IJqdK{height:30px;display:flex;align-self:center} @media only screen and (max-width:1023px){ .style_mainPeoplePickerContainer__fcrFh .style_peoplePickerContainer__IJqdK{height:auto}} .style_mainPeoplePickerContainer__fcrFh .style_peoplePickerContainer__IJqdK .style_peoplePickerH1__ryvJP{width:100%;padding:0;margin:0;color:#2b121d;font-size:1.063rem;line-height:1.875rem;font-weight:400;letter-spacing:0;text-align:left} @media only screen and (max-width:1023px){ .style_mainPeoplePickerContainer__fcrFh .style_peoplePickerContainer__IJqdK .style_peoplePickerH1__ryvJP{color:#000;height:100%;font-size:.688rem;line-height:1.625rem}} @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @-webkit-keyframes style_fadeIn__8f7OQ{ 0%{opacity:0} to{opacity:1}} @keyframes style_fadeIn__8f7OQ{ 0%{opacity:0} to{opacity:1}} @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px) and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } .style_datePickerMainContainer___DiOq{width:calc(100% - 28px);margin:0 auto;height:60px;text-align:center} @media only screen and (max-width:1199px){ .style_datePickerMainContainer___DiOq{width:calc(100% - 11px)}} @media only screen and (max-width:1023px){ .style_datePickerMainContainer___DiOq{margin:0;position:fixed;top:17px;left:50%;transform:translateX(-50%);width:463px;min-height:88px;height:auto;padding:0;border-radius:4px;border-bottom:none;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.122);z-index:1000}} @media only screen and (max-width:479px){ .style_datePickerMainContainer___DiOq{max-width:351px;width:100%}} @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px) and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:319px){ } .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU{margin:0 auto;border-radius:4px;height:60px} @media only screen and (max-width:1023px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU{min-height:88px;height:auto;padding-top:10px}} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL{max-width:1367px;min-height:48px;height:auto;margin:0 auto;position:relative} @media only screen and (max-width:1919px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL{max-width:1140px}} @media only screen and (max-width:1199px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL{max-width:900px;margin:0 auto}} @media only screen and (max-width:1023px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL{position:relative;width:349px;min-height:64px}} @media only screen and (max-width:767px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL{width:253px}} @media only screen and (max-width:479px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL{min-height:64px;width:100%;max-width:259px}} @media only screen and (max-width:1023px){ } .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz{width:100%;display:grid;grid-template-columns:28.529627% 28.529627% 28.529627% 11.338698%;grid-column-gap:1%} @media only screen and (max-width:1199px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz{grid-template-columns:1fr 1fr 1fr}} @media only screen and (max-width:1023px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz{width:100%;grid-template-columns:133px 208px;grid-template-rows:28px 28px;grid-column-gap:8px;grid-row-gap:10px}} @media only screen and (max-width:767px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz{width:253px;grid-template-columns:85px 160px}} @media only screen and (max-width:479px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz{height:64px;grid-template-columns:85px 160px;grid-template-rows:24px 28px;grid-column-gap:14px;grid-row-gap:12px;width:259px;margin:0 auto}} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz:nth-child(3)>div{position:unset;transform:unset;width:100%;height:100%} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz:nth-child(3)>div>div{width:100%;height:100%;margin-right:0} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz:nth-child(3)>div>div>input{height:100%;box-shadow:0 3px 6px rgba(0,0,0,.2);font-size:1.3125rem;line-height:1.938rem;color:#2b121d} @media only screen and (max-width:1023px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:first-of-type{grid-column:1;grid-row:1;width:212px;margin-left:62px;border:none;box-shadow:none} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:first-of-type>div{border:none;box-shadow:none} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:first-of-type>div>div:first-of-type,.style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:first-of-type>div>div:nth-of-type(2){display:none} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:first-of-type>div>input{border:none;box-shadow:none!important;font-size:1.125rem;line-height:1.813rem;padding:0} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:first-of-type>div:after{content:"";width:1px;height:70%;position:absolute;right:0;top:50%;transform:translateY(-50%);background:rgba(40,19,29,.349)}} @media only screen and (max-width:767px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:first-of-type{width:188px;margin-left:33px}} @media only screen and (max-width:479px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:first-of-type{width:188px;margin-left:33px} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:first-of-type>div>input{font-size:1rem} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:first-of-type:after{height:10px!important}} @media only screen and (max-width:1023px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:nth-of-type(2){grid-column:2;grid-row:2;width:208px}} @media only screen and (max-width:767px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:nth-of-type(2){width:160px}} @media only screen and (max-width:479px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:nth-of-type(2){width:100%}} @media only screen and (max-width:1023px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:nth-of-type(3){grid-column:1;grid-row:2;width:133px}} @media only screen and (max-width:767px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:nth-of-type(3){width:85px}} @media only screen and (max-width:479px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_datePicker__k2Wtz>div:nth-of-type(3){width:100%}} @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_searchButtonContainer__UyVO4{height:48px;width:100%} @media only screen and (max-width:1199px){ .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_searchButtonContainer__UyVO4{display:none}} .style_datePickerMainContainer___DiOq .style_datePickerContainer__FqumU .style_datePickerDropContainer__pwtgL .style_searchButtonContainer__UyVO4 .style_searchButton__4RbU_{height:100%;width:100%;cursor:pointer} @media only screen and (max-width:1199px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1919px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px) and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1199px){ } @media only screen and (max-width:1919px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:480px){ } @media only screen and (max-width:375px){ } @media only screen and (max-width:768px){ } @media only screen and (max-width:480px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:374px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (min-width:768px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (min-width:768px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:599px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px) and (max-width:341px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:341px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:341px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:341px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:341px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:341px){ } @media only screen and (max-width:1199px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:341px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px) and (max-width:319px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:374px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:319px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:374px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1439px){ } @media only screen and (max-width:1199px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:374px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:479px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:374px){ } @media only screen and (max-width:767px){ } @media screen and (max-width:767px){ } @media only screen and (min-width:768px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:767px){ } .style-suitespot_root__QkLKw{padding:64px 41px;display:flex;gap:173px;font-size:1rem} @media only screen and (max-width:1199px){ .style-suitespot_root__QkLKw{gap:87px}} @media only screen and (max-width:1023px){ .style-suitespot_root__QkLKw{padding:72px 53px 47px;flex-direction:column;gap:40px}} @media only screen and (max-width:767px){ .style-suitespot_root__QkLKw{padding:48px 53px 74px}} .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW{display:flex;flex-direction:column;gap:40px} @media only screen and (min-width:768px) and (max-width:1023px){ .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW{flex-direction:row;gap:130px} .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW>.style-suitespot_divider__5K1RK{display:none}} @media only screen and (max-width:767px){ .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW{gap:49px}} .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW .style-suitespot_companyInfoSection__PWSPY{display:flex;flex-direction:column;gap:40px} @media only screen and (min-width:1024px){ .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW .style-suitespot_companyInfoSection__PWSPY{min-width:304px}} @media only screen and (max-width:767px){ .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW .style-suitespot_companyInfoSection__PWSPY{gap:49px}} .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW .style-suitespot_companyInfoSection__PWSPY .style-suitespot_brandLogo__L_7LM:hover{filter:brightness(0) saturate(100%) invert(25%) sepia(0) saturate(41%) hue-rotate(182deg) brightness(96%) contrast(90%)} @media only screen and (max-width:767px){ .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW .style-suitespot_companyInfoSection__PWSPY .style-suitespot_brandLogo__L_7LM{margin:0 auto}} .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW .style-suitespot_companyInfoSection__PWSPY .style-suitespot_socialMediaIcons__RExPm{display:flex;gap:10px} .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW .style-suitespot_companyInfoSection__PWSPY .style-suitespot_socialMediaIcons__RExPm .style-suitespot_socialMediaIcon__USH42{margin:8px} .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW .style-suitespot_companyInfoSection__PWSPY .style-suitespot_socialMediaIcons__RExPm .style-suitespot_socialMediaIcon__USH42:hover{filter:brightness(0) saturate(100%) invert(35%) sepia(0) saturate(0) hue-rotate(337deg) brightness(99%) contrast(80%)} @media only screen and (max-width:767px){ .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW .style-suitespot_companyInfoSection__PWSPY .style-suitespot_socialMediaIcons__RExPm{margin:0 auto}} .style-suitespot_root__QkLKw .style-suitespot_brandSection__3w0ZW .style-suitespot_affliateBanner__Liv5I>div>div{font-weight:400} .style-suitespot_root__QkLKw .style-suitespot_infoSection__CKI_g{display:flex;flex-direction:column;gap:59px} @media only screen and (max-width:1023px){ .style-suitespot_root__QkLKw .style-suitespot_infoSection__CKI_g{margin-top:15px;gap:40px}} .style-suitespot_root__QkLKw .style-suitespot_infoSection__CKI_g .style-suitespot_menuSection__riGiE{display:flex;gap:213px;width:100%} @media only screen and (max-width:767px){ .style-suitespot_root__QkLKw .style-suitespot_infoSection__CKI_g .style-suitespot_menuSection__riGiE{flex-direction:column;gap:40px}} .style-suitespot_root__QkLKw .style-suitespot_infoSection__CKI_g .style-suitespot_menuSection__riGiE .style-suitespot_menu__z7Yoa .style-suitespot_title__LE6zL{font-weight:600;margin-bottom:9px} .style-suitespot_root__QkLKw .style-suitespot_infoSection__CKI_g .style-suitespot_menuSection__riGiE .style-suitespot_menu__z7Yoa .style-suitespot_menuItems__2Fo1V .style-suitespot_menuItem__QIZVj{margin-bottom:2px} .style-suitespot_root__QkLKw .style-suitespot_infoSection__CKI_g .style-suitespot_menuSection__riGiE .style-suitespot_menu__z7Yoa .style-suitespot_menuItems__2Fo1V .style-suitespot_menuItem__QIZVj span.style-suitespot_cookieSettings__HufOt{cursor:pointer} .style-suitespot_root__QkLKw .style-suitespot_infoSection__CKI_g .style-suitespot_menuSection__riGiE .style-suitespot_menu__z7Yoa .style-suitespot_menuItems__2Fo1V .style-suitespot_menuItem__QIZVj a:hover,.style-suitespot_root__QkLKw .style-suitespot_infoSection__CKI_g .style-suitespot_menuSection__riGiE .style-suitespot_menu__z7Yoa .style-suitespot_menuItems__2Fo1V .style-suitespot_menuItem__QIZVj span.style-suitespot_cookieSettings__HufOt:hover{text-decoration:underline} @media only screen and (max-width:767px){ } .style-suitespot_root__QkLKw .style-suitespot_divider__5K1RK{width:100%;height:1px;background:#eee} .style_languageSelectWrapper__c4NCf{display:flex} .style_languageSelectWrapper__c4NCf .style_currentLanguageIcon__xhln_:hover{filter:brightness(.8)} @media only screen and (max-width:767px){ } @keyframes style_slide-in__W4YBM{ to{transform:translateX(0)}} @-webkit-keyframes style_slide-in__W4YBM{ to{-webkit-transform:translateX(0)}} @keyframes style_slide-out__3CTy_{ 0%{transform:translateX(0)} to{transform:translateX(-100%)}} @-webkit-keyframes style_slide-out__3CTy_{ 0%{-webkit-transform:translateX(0)} to{-webkit-transform:translateX(-100%)}} .style_pageHeaderContainer__BdXUn{box-shadow:0 3px 9px 0 rgba(40,19,29,.04)} .style_pageHeaderContainer__BdXUn .style_mainHeader__gFKTG{height:61.94px;padding:2.2px 20px 4px 25px;display:flex;justify-content:space-between;align-items:center} @media only screen and (max-width:767px){ .style_pageHeaderContainer__BdXUn .style_mainHeader__gFKTG{height:unset;padding:10px 20px}} .style_pageHeaderContainer__BdXUn .style_mainHeader__gFKTG .style_logo__YJxPX{height:34px;order:1} .style_pageHeaderContainer__BdXUn .style_mainHeader__gFKTG .style_logo__YJxPX:hover{filter:brightness(0) saturate(100%) invert(25%) sepia(0) saturate(41%) hue-rotate(182deg) brightness(96%) contrast(90%)} @media only screen and (max-width:767px){ .style_pageHeaderContainer__BdXUn .style_mainHeader__gFKTG .style_logo__YJxPX{order:2}} .style_pageHeaderContainer__BdXUn .style_mainHeader__gFKTG .style_userIcon__AkIMG{order:2;cursor:pointer;width:28px;height:28px;margin-left:auto;margin-right:20px} @media only screen and (max-width:767px){ .style_pageHeaderContainer__BdXUn .style_mainHeader__gFKTG .style_userIcon__AkIMG{order:1;margin-right:unset;margin-left:unset}} .style_pageHeaderContainer__BdXUn .style_mainHeader__gFKTG .style_headerRight__fOB6v{display:flex;align-items:center;order:3} .style_pageHeaderContainer__BdXUn .style_mainHeader__gFKTG .style_headerRight__fOB6v .style_hamburger__TEkK0{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikdyb3VwXzE2NzkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMkIxMjFEO30KPC9zdHlsZT4KPHBhdGggaWQ9IlJlY3RhbmdsZV80NDUiIGNsYXNzPSJzdDAiIGQ9Ik0xLDBoMTRjMC42LDAsMSwwLjQsMSwxbDAsMGMwLDAuNi0wLjQsMS0xLDFIMUMwLjQsMiwwLDEuNiwwLDFsMCwwQzAsMC40LDAuNCwwLDEsMHoiLz4KPHBhdGggaWQ9IlJlY3RhbmdsZV80NDYiIGNsYXNzPSJzdDAiIGQ9Ik03LDVoOGMwLjYsMCwxLDAuNCwxLDFsMCwwYzAsMC42LTAuNCwxLTEsMUg3QzYuNCw3LDYsNi42LDYsNmwwLDBDNiw1LjQsNi40LDUsNyw1eiIvPgo8cGF0aCBpZD0iUmVjdGFuZ2xlXzQ0NyIgY2xhc3M9InN0MCIgZD0iTTEsMTBoMTRjMC42LDAsMSwwLjQsMSwxbDAsMGMwLDAuNi0wLjQsMS0xLDFIMWMtMC42LDAtMS0wLjQtMS0xbDAsMEMwLDEwLjQsMC40LDEwLDEsMTB6IgoJLz4KPC9zdmc+Cg==)no-repeat;width:20px;height:20px;background-size:contain;position:relative;top:3px;cursor:pointer;order:2} .style_pageHeaderContainer__BdXUn .style_mainHeader__gFKTG .style_headerRight__fOB6v .style_languageToggle__IbmVK{cursor:pointer;order:2;margin-right:14px} @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } @media only screen and (max-width:767px){ } .style_topHeaderNotes__g9W_7{background:#26131b;width:100%;text-align:center;padding:10px 20px;color:#fff;letter-spacing:1px;font-weight:600;text-transform:uppercase} @media only screen and (max-width:767px){ .style_topHeaderNotes__g9W_7{display:none}} .style_topHeaderNotes__g9W_7.style_clickable___Ejne{text-decoration:underline;cursor:pointer} body,html{padding:0;margin:0;font-family:Titillium Web,sans-serif;font-weight:400}a{color:inherit;text-decoration:none} button:focus,input:focus,select:focus,textarea:focus{outline:none}*{box-sizing:border-box} .DateRangePicker{height:46px;border-radius:4px;box-shadow:0 3px 6px rgba(0,0,0,.2);border:1px solid rgba(43,18,29,.07)!important;display:block} @media only screen and (max-width:1023px){ .DateRangePicker{height:28px;box-shadow:none;position:unset}} .DateRangePicker>div{height:100%} .DateRangePicker .DateRangePickerInput{width:100%;height:100%;display:flex;border-radius:4px!important} @media only screen and (max-width:1199px){ .DateRangePicker .DateRangePickerInput{position:relative}} @media only screen and (max-width:1023px){ .DateRangePicker .DateRangePickerInput{align-items:center} .DateRangePicker .DateRangePickerInput>div:nth-of-type(3)>input{text-align:left!important}} .DateRangePicker .DateRangePickerInput .DateInput__disabled,.DateRangePicker .DateRangePickerInput>button:disabled{background:#fff!important} .DateRangePicker .DateRangePickerInput>button{padding:0 0 0 20px;position:relative;z-index:1;height:100%} @media only screen and (max-width:1023px){ .DateRangePicker .DateRangePickerInput>button{margin:0;padding:0;width:26px}} @media only screen and (max-width:767px){ .DateRangePicker .DateRangePickerInput>button{width:26px}} .DateRangePicker .DateRangePickerInput>button>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} @media only screen and (max-width:1023px){ .DateRangePicker .DateRangePickerInput>button>img{height:10px!important;width:11px!important;z-index:1}} .DateRangePicker .DateRangePickerInput .DateInput{height:100%;width:100%;border-radius:4px;border:none;padding:0;margin:0} @media only screen and (max-width:1023px){ .DateRangePicker .DateRangePickerInput .DateInput{width:74px;position:relative;margin:0 8px}} @media only screen and (max-width:767px){ .DateRangePicker .DateRangePickerInput .DateInput{margin:0 3px}} @media only screen and (max-width:1023px){ } .DateRangePicker .DateRangePickerInput .DateInput>input{cursor:pointer;height:100%;padding:11px 0 9px 11px;font-size:1.063rem;font-family:Titillium Web,sans-serif;line-height:1.875rem;color:#2b121d;border-bottom-right-radius:0;border-bottom-left-radius:0} @media only screen and (max-width:1023px){ .DateRangePicker .DateRangePickerInput .DateInput>input{width:100%;font-style:normal;font-size:.75rem!important;line-height:1rem!important;letter-spacing:.11px;padding:0;position:absolute;top:0;border-radius:4px} .DateRangePicker .DateRangePickerInput .DateInput>input:first-of-type{left:0}} .DateRangePicker .DateRangePickerInput .DateRangePickerInput_arrow{position:relative;min-width:30px;margin-right:5px} @media only screen and (max-width:1199px){ .DateRangePicker .DateRangePickerInput .DateRangePickerInput_arrow{z-index:1000;width:5px!important;position:relative!important;top:unset!important;left:unset!important}} @media only screen and (max-width:1023px){ .DateRangePicker .DateRangePickerInput .DateRangePickerInput_arrow{z-index:1000;width:5px!important;position:relative!important;top:unset!important;left:unset!important;min-width:unset;margin:0} .DateRangePicker .DateRangePickerInput .DateRangePickerInput_arrow:after{display:none!important}} @media only screen and (max-width:767px){ .DateRangePicker .DateRangePickerInput .DateRangePickerInput_arrow{left:-6px!important;margin:0 5px}} @media only screen and (max-width:1023px){ } .DateRangePicker .DateRangePickerInput .DateRangePickerInput_arrow>img{position:absolute;z-index:1;top:50%;transform:translateY(-50%);right:0;left:15px} .DateRangePicker .DateRangePickerInput .DateRangePickerInput_arrow:after{content:"";height:70%;border:1px solid #e9e6e4;z-index:5;position:absolute;top:15%;left:0} .DateRangePicker .DateRangePickerInput__withBorder{border:none} @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } @media only screen and (max-width:1023px){ } /* Restored styles from examples/example-munich.html */ .hotel-card{width:calc(100vw - 40px);max-width:360px;min-width:280px;border-radius:4px;background:#fff;box-shadow:0 5px 10px rgba(51,64,86,.149);font-family:Titillium Web,sans-serif;font-weight:400;color:#2b121d;line-height:1.1;cursor:pointer;position:relative;text-align:left} @media only screen and (max-width:390px){.hotel-card{max-width:320px}} @media only screen and (min-width:1150px) and (max-width:1299px){.hotel-card{max-width:320px}} @media only screen and (min-width:1650px) and (max-width:1849px){.hotel-card{max-width:320px}} @media only screen and (min-width:2150px) and (max-width:2399px){.hotel-card{max-width:320px}} .hotel-card .hotel-image-wrapper{position:relative;height:200px} .hotel-card .hotel-image-wrapper .image{border-top-left-radius:4px;border-top-right-radius:4px} .hotel-card .hotel-description-wrapper{min-height:220px;position:relative;padding:22px 16px 80px} .hotel-card .hotel-description-wrapper .hotel-price-badge{position:absolute;top:-20px;right:20px;padding:6px 12px;border:1px solid #f5f0f0;box-shadow:0 3px 6px rgba(0,0,0,.031);border-radius:4px;background:#fff;font-size:1.125rem;font-weight:600} .hotel-card .hotel-description-wrapper .hotel-name{margin-bottom:8px;font-size:1.25rem;font-weight:600} @media only screen and (max-width:767px){.hotel-card .hotel-description-wrapper .hotel-name{font-size:1.125rem}} .hotel-card .hotel-description-wrapper .hotel-sales-text{margin-bottom:15px;font-size:.938rem;font-style:italic} .hotel-card .hotel-description-wrapper .hotel-deal-details{margin-bottom:15px;font-size:1rem;display:flex;align-items:center} .hotel-card .hotel-description-wrapper .hotel-deal-details .icon{position:relative;width:20px;height:20px;min-width:20px;min-height:20px;margin:1px} .hotel-card .hotel-description-wrapper .hotel-deal-details .hotel-deal-description{margin-left:10px} .hotel-card .hotel-description-wrapper .hotel-deal-details .hotel-deal-description .hotel-deal-headline{font-weight:600} .hotel-card .hotel-description-wrapper .hotel-price-details{font-size:1rem;display:flex;align-items:center} .hotel-card .hotel-description-wrapper .hotel-price-details .icon{position:relative;width:22px;height:22px;min-width:22px;min-height:22px} .hotel-card .hotel-description-wrapper .hotel-price-details .hotel-deal-description{margin-left:10px} .hotel-card .hotel-description-wrapper .hotel-price-details .hotel-deal-description .hotel-deal-headline{font-weight:600} .hotel-card .hotel-bottom-section{position:absolute;bottom:0;padding:15px 15px 15px 10px;width:100%;display:flex;justify-content:space-between;align-items:center} .hotel-card .hotel-bottom-section .hotel-button{padding:8px 24px} .filter-button-container{display:flex;align-items:center;justify-content:center;position:absolute;top:14px;width:67%} .filter-button-container .filter-button-heading{display:flex;align-items:center;gap:10px;cursor:pointer} .filter-button-container .filter-button-heading .filter-button-title{color:#2b121d;letter-spacing:.7px;font-size:.875rem;line-height:1.3125rem;font-family:Titillium Web,sans-serif;text-transform:uppercase;font-weight:700;text-align:left} .pagination-container{width:100%;height:100%;text-align:center;position:relative;padding:0;margin:0} .pagination-container .pagination-page-button{list-style-type:none;display:inline-block;margin:0 12.5px;cursor:pointer} .pagination-container .pagination-page-button .pagination-page-link{display:inline-block;background:none;border:none;height:30px;font-family:Titillium Web,sans-serif;font-size:1.25rem;line-height:1.75rem;font-style:normal;font-weight:600} .pagination-container .pagination-page-active{background:#2b121d;border-radius:100%;height:30px;width:30px;list-style-type:none;cursor:default} .pagination-container .pagination-page-active .pagination-page-active-link{color:#fff;display:block;text-align:center;border:none;width:100%;height:100%;font-family:Titillium Web,sans-serif;font-size:1.25rem;line-height:1.75rem;font-style:normal;font-weight:600;padding:0} .pagination-container .pagination-previous-button{height:30px!important;width:30px!important;border:1px solid rgba(43,18,29,.349);border-radius:100%;list-style-type:none;display:inline-block;position:absolute;left:0;cursor:default} .pagination-container .pagination-previous-button .pagination-previous-link{display:block;text-align:center;height:100%} .pagination-container .pagination-previous-button .pagination-previous-link:before{content:"";border:solid rgba(43,18,29,.349);border-width:0 1.5px 1.5px 0;display:inline-block;padding:3px;margin-left:2px;transform:rotate(135deg)} .pagination-container .pagination-next-button{height:30px;width:30px;border:1px solid #2b121d!important;border-radius:100%;list-style-type:none;display:inline-block;position:absolute;right:0;cursor:pointer} .pagination-container .pagination-next-button .pagination-next-link{display:block;text-align:center;height:100%} .pagination-container .pagination-next-button .pagination-next-link:before{content:"";display:inline-block;border:solid #000;border-width:0 1.5px 1.5px 0;padding:3px;transform:rotate(-45deg)} .hotels-list-main-container{height:auto;width:100%;padding-top:10px} .hotels-list-main-container .hotels-container{position:relative;width:100%;display:flex;flex-wrap:wrap;grid-auto-rows:370px;grid-column-gap:16px;grid-row-gap:34px;height:auto;justify-content:center} .hotels-list-main-container .pagination-main-container{height:30px;max-width:636px;margin:62px auto 0} @media only screen and (max-width:767px){.hotels-list-main-container{text-align:center}.hotels-list-main-container .pagination-main-container{display:none}} .map-container{background:#faeedd} @media only screen and (max-width:1023px){.map-container>div>div:nth-child(3)>div:nth-child(4){bottom:60px;z-index:0}} .map-container .map-marker{background:#fff;border-radius:4px;color:#2b121d;padding:5px 10px;box-shadow:0 2px 8px rgba(49,49,49,.29);font-size:1.25rem;font-weight:600;font-family:Titillium Web,sans-serif} .split-view .top-header{width:100%;display:flex;transition:.1s;z-index:10000;position:fixed;flex-direction:column;background-color:#fff} .split-view .top-header .filters-container{position:relative} .split-view .top-header .page-header{margin-bottom:20px} .split-view .bottom-wrap{display:flex;transition:.9s} .split-view .bottom-wrap .left-panel{background:#fcfbfb;position:relative} .split-view .bottom-wrap .left-panel .hotels-boxes{display:flex;flex-wrap:wrap;align-content:baseline;min-height:calc(100vh - 440px);position:relative;padding:30px 20px 15px} .split-view .bottom-wrap .left-panel .hotels-boxes .results-count-wrapper{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px 20px 30px} .split-view .bottom-wrap .left-panel .hotels-boxes .results-count-wrapper .results-count{letter-spacing:.4px;color:#2b121d;font-size:1.25rem;line-height:1.625rem;font-family:Titillium Web,sans-serif;font-weight:600} .split-view .bottom-wrap .left-panel .hotels-boxes .affiliate-banner{margin:45px auto 0} .split-view .bottom-wrap .right-panel{position:fixed;height:100vh;right:0;transition:.1s} .split-view .bottom-wrap .right-panel .map-panel{height:100vh;position:relative} .split-view .bottom-wrap .right-panel .map-panel .show-map-button{position:absolute;z-index:1;background:none;box-shadow:none} .split-view .bottom-wrap .right-panel .map-panel .map-buttons{display:flex;gap:4%;position:absolute;top:10px;z-index:1;right:10px} .split-view .bottom-wrap .right-panel .map-panel .map-buttons .search-area-button{background:#fff;border-radius:40px;box-shadow:0 3px 6px rgba(0,0,0,.2);height:fit-content;min-height:40px;width:fit-content;color:#2b121d;text-transform:uppercase;letter-spacing:.7px;font-size:.875rem;line-height:1.1;font-weight:700;padding-right:20px} .split-view .bottom-wrap .right-panel .map-panel .map-buttons .search-area-button>span{padding:0 5px 0 20px!important;margin-right:-25px!important} .split-view .bottom-wrap .right-panel .map-panel .map-buttons .disable-map-button{background:#2b121d;height:40px;width:fit-content;box-shadow:0 3px 6px rgba(0,0,0,.2);border-radius:40px;justify-content:unset;text-transform:uppercase;letter-spacing:.7px;color:#fff;font-weight:700;font-size:.875rem;line-height:1.1;padding-right:20px} .split-view .bottom-wrap .right-panel .map-panel .map-buttons .disable-map-button div:nth-child(2){margin:0 auto} .split-view .bottom-wrap .right-panel .map-panel .map-buttons .white-circle{background:#fff;height:32px;width:32px;margin:0 5px;border-radius:40px} .split-view .bottom-wrap .right-panel .map-panel .expand-button{height:44px;width:44px;border-radius:100%;display:inline-block;text-align:center;position:absolute;left:10px;top:10px;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,.2);cursor:pointer} .split-view .bottom-wrap .right-panel .map-panel .expand-button:before{content:"";display:inline-block;border:solid #2b121d;border-width:0 1.9px 1.9px 0;padding:5px;margin-top:16px;margin-left:4px;transform:rotate(135deg)} .split-view .footer{width:100%;position:relative;z-index:10000;background:#fff} /* Custom Pagination Styles */ /* Map Height Fix - Simple fixed height solution */ #hotel-map { height: 600px !important; max-height: 600px !important; position: relative !important; width: 100%; overflow: hidden; } .style_right__zUx0U { height: auto !important; max-height: none !important; position: relative !important; } .style_root__gD4rk { height: auto !important; max-height: none !important; position: relative !important; overflow: hidden; } .mapboxgl-map { height: 100vh !important; max-height: 100vh !important; min-height: 400px; position: relative !important; } /* Ensure footer doesn't overlap */ .style_footer__9xRHJ { position: relative; z-index: 10; clear: both; } .custom-pagination-container { display: flex; justify-content: center; align-items: center; margin: 40px 0; font-family: 'Titillium Web', sans-serif; } .pagination-nav { display: flex; align-items: center; gap: 8px; list-style: none; margin: 0; padding: 0; } .pagination-item { margin: 0; } .pagination-link { display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 12px; background: #ffffff; border: 2px solid #e8e8e8; border-radius: 8px; color: #333333; text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.2s ease; cursor: pointer; user-select: none; } .pagination-link:hover { border-color: #4a90e2; color: #4a90e2; background: #f8fbff; transform: translateY(-1px); } .pagination-link.active { background: #4a90e2; border-color: #4a90e2; color: #ffffff; box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3); } .pagination-link.disabled { background: #f5f5f5; border-color: #e0e0e0; color: #cccccc; cursor: not-allowed; transform: none; } .pagination-link.disabled:hover { background: #f5f5f5; border-color: #e0e0e0; color: #cccccc; transform: none; } .pagination-arrow { font-size: 18px; font-weight: bold; } .pagination-prev .pagination-arrow::before { content: '‹'; } .pagination-next .pagination-arrow::before { content: '›'; } /* Animation for page transitions */ .hotel-card { transition: opacity 0.3s ease, transform 0.3s ease; } .hotel-card.hiding { opacity: 0; transform: translateY(20px); } @media (max-width: 768px) { .custom-pagination-container { margin: 30px 0; } .pagination-link { min-width: 40px; height: 40px; font-size: 14px; } .pagination-nav { gap: 6px; } } /* Hotel Card Link Wrapper Fixes - Complete Solution */ a[href*="details-hotel"] { text-decoration: none !important; color: inherit !important; display: block; border: none !important; outline: none !important; background: none !important; cursor: pointer !important; } a[href*="details-hotel"]:hover, a[href*="details-hotel"]:focus, a[href*="details-hotel"]:active, a[href*="details-hotel"]:visited { text-decoration: none !important; color: inherit !important; background: none !important; outline: none !important; } /* Ensure hotel cards maintain their structure when wrapped in links */ a[href*="details-hotel"] .style_root__ItIe0, a[href*="details-hotel"] .hotel-card { display: block !important; position: relative !important; width: calc(100vw - 40px) !important; max-width: 360px !important; min-width: 280px !important; border-radius: 4px !important; background: #fff !important; box-shadow: 0 5px 10px rgba(51, 64, 86, 0.149) !important; font-family: Titillium Web, sans-serif !important; font-weight: 400 !important; color: #2b121d !important; line-height: 1.1 !important; cursor: pointer !important; text-align: left !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } /* Preserve hover effects for linked hotel cards */ a[href*="details-hotel"]:hover .style_root__ItIe0, a[href*="details-hotel"]:hover .hotel-card { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important; } /* Ensure nested elements maintain proper styling when wrapped in links */ a[href*="details-hotel"] .style_root__ItIe0 .style_imageWrapper__DHr1v { position: relative !important; height: 200px !important; } a[href*="details-hotel"] .style_root__ItIe0 .style_imageWrapper__DHr1v .style_image__8PMOY { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; width: 100% !important; height: 100% !important; object-fit: cover !important; } a[href*="details-hotel"] .style_root__ItIe0 .style_descriptionWrapper__fiFnG { min-height: 220px !important; position: relative !important; padding: 22px 16px 80px !important; } a[href*="details-hotel"] .style_root__ItIe0 .style_priceBadge__JPYnN { position: absolute !important; top: -20px !important; right: 20px !important; padding: 6px 12px !important; border: 1px solid #f5f0f0 !important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.031) !important; border-radius: 4px !important; background: #fff !important; font-size: 1.125rem !important; font-weight: 600 !important; } a[href*="details-hotel"] .style_root__ItIe0 .style_name__UmPqu { margin-bottom: 8px !important; font-size: 1.25rem !important; font-weight: 600 !important; color: #2b121d !important; } a[href*="details-hotel"] .style_root__ItIe0 .style_salesText__l7e05 { margin-bottom: 15px !important; font-size: 0.938rem !important; font-style: italic !important; color: #2b121d !important; } a[href*="details-hotel"] .style_root__ItIe0 .style_bottomSection__HU0Lt { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; padding: 15px !important; background: transparent !important; } /* Ensure hotel rating badges maintain styling */ a[href*="details-hotel"] .hotel-rating-badge { margin-bottom: 10px !important; display: inline-flex !important; align-items: center !important; background: linear-gradient(135deg, #2b121d 0%, #4a4a4a 100%) !important; color: #fff !important; padding: 4px 12px !important; border-radius: 20px !important; font-family: 'Titillium Web', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; box-shadow: 0 2px 8px rgba(43, 18, 29, 0.15) !important; text-transform: uppercase !important; } /* Ensure buttons maintain styling within linked cards */ a[href*="details-hotel"] .style_brandButton__2Ux_a { background: #4a90e2 !important; color: white !important; border: none !important; padding: 8px 16px !important; border-radius: 4px !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important; transition: background-color 0.2s ease !important; } a[href*="details-hotel"] .style_brandButton__2Ux_a:hover { background: #357abd !important; } /* Hotel Card Styles */ .style_root__ItIe0 { width: calc(100vw - 40px); max-width: 360px; min-width: 280px; border-radius: 4px; background: #fff; box-shadow: 0 5px 10px rgba(51, 64, 86, 0.149); font-family: Titillium Web, sans-serif; font-weight: 400; color: #2b121d; line-height: 1.1; cursor: pointer; position: relative; text-align: left; transition: transform 0.2s ease, box-shadow 0.2s ease; } @media only screen and (max-width: 390px) { .style_root__ItIe0 { max-width: 320px; } a[href*="details-hotel"] .style_root__ItIe0, a[href*="details-hotel"] .hotel-card { max-width: 320px !important; } } @media only screen and (min-width: 1150px) and (max-width: 1299px) { .style_root__ItIe0 { max-width: 320px; } a[href*="details-hotel"] .style_root__ItIe0, a[href*="details-hotel"] .hotel-card { max-width: 320px !important; } } @media only screen and (min-width: 1650px) and (max-width: 1849px) { .style_root__ItIe0 { max-width: 320px; } a[href*="details-hotel"] .style_root__ItIe0, a[href*="details-hotel"] .hotel-card { max-width: 320px !important; } } @media only screen and (min-width: 2150px) and (max-width: 2399px) { .style_root__ItIe0 { max-width: 320px; } a[href*="details-hotel"] .style_root__ItIe0, a[href*="details-hotel"] .hotel-card { max-width: 320px !important; } } /* Image Wrapper */ .style_root__ItIe0 .style_imageWrapper__DHr1v { position: relative; height: 200px; } .style_root__ItIe0 .style_imageWrapper__DHr1v .style_image__8PMOY { border-top-left-radius: 4px; border-top-right-radius: 4px; } /* Description Wrapper */ .style_root__ItIe0 .style_descriptionWrapper__fiFnG { min-height: 220px; position: relative; padding: 22px 16px 80px; } /* Price Badge */ .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_priceBadge__JPYnN { position: absolute; top: -20px; right: 20px; padding: 6px 12px; border: 1px solid #f5f0f0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.031); border-radius: 4px; background: #fff; font-size: 1.125rem; font-weight: 600; } /* Hotel Name */ .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_name__UmPqu { margin-bottom: 8px; font-size: 1.25rem; font-weight: 600; } @media only screen and (max-width: 767px) { .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_name__UmPqu { font-size: 1.125rem; } } /* Sales Text */ .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_salesText__l7e05 { margin-bottom: 15px; font-size: 0.938rem; font-style: italic; } /* Deal Details */ .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_dealDetails__L1P8C { margin-bottom: 15px; font-size: 1rem; display: flex; align-items: center; } .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_dealDetails__L1P8C .style_icon__OfRIu { position: relative; width: 20px; height: 20px; min-width: 20px; min-height: 20px; margin: 1px; } .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_dealDetails__L1P8C .style_description__0vfaY { margin-left: 10px; } .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_dealDetails__L1P8C .style_description__0vfaY .style_headline__UP6kc { font-weight: 600; } /* Price Details */ .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_priceDetails__7Q2Is { font-size: 1rem; display: flex; align-items: center; } .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_priceDetails__7Q2Is .style_icon__OfRIu { position: relative; width: 22px; height: 22px; min-width: 22px; min-height: 22px; } .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_priceDetails__7Q2Is .style_description__0vfaY { margin-left: 10px; } .style_root__ItIe0 .style_descriptionWrapper__fiFnG .style_priceDetails__7Q2Is .style_description__0vfaY .style_headline__UP6kc { font-weight: 600; } /* Bottom Section */ .style_root__ItIe0 .style_bottomSection__HU0Lt { position: absolute; bottom: 0; padding: 15px 15px 15px 10px; width: 100%; display: flex; justify-content: space-between; align-items: center; } .style_root__ItIe0 .style_bottomSection__HU0Lt .style_button__4vpsm { padding: 8px 24px; } /* Filter Button Container */ .style_filterButtonContainer__LUk4_ { display: flex; align-items: center; justify-content: center; position: absolute; top: 14px; width: 67%; } .style_filterButtonContainer__LUk4_ .style_filterButtonHeading__XrgCa { display: flex; align-items: center; gap: 10px; cursor: pointer; } .style_filterButtonContainer__LUk4_ .style_filterButtonHeading__XrgCa .style_filterButtonTitle__2GNgt { color: #2b121d; letter-spacing: 0.7px; font-size: 0.875rem; line-height: 1.3125rem; font-family: Titillium Web, sans-serif; text-transform: uppercase; font-weight: 700; text-align: left; } /* Pagination Styles */ .style_paginationMainContainer__N0lHf { width: 100%; height: 100%; text-align: center; position: relative; padding: 0; margin: 0; } .style_paginationMainContainer__N0lHf .style_pageButton__CbZxb { list-style-type: none; display: inline-block; margin: 0 12.5px; cursor: pointer; } .style_paginationMainContainer__N0lHf .style_pageButton__CbZxb .style_pageButtonLink__9A_eU { display: inline-block; background: none; border: none; height: 30px; font-family: Titillium Web, sans-serif; font-size: 1.25rem; line-height: 1.75rem; font-style: normal; font-weight: 600; } /* Active Pagination Button */ .style_paginationMainContainer__N0lHf .style_paginationButtonActive___tHSC { background: #2b121d; border-radius: 100%; height: 30px; width: 30px; list-style-type: none; cursor: default; } .style_paginationMainContainer__N0lHf .style_paginationButtonActive___tHSC .style_paginationButtonActiveLink__tglfA { color: #fff; display: block; text-align: center; border: none; width: 100%; height: 100%; font-family: Titillium Web, sans-serif; font-size: 1.25rem; line-height: 1.75rem; font-style: normal; font-weight: 600; padding: 0; } /* Previous Button */ .style_paginationMainContainer__N0lHf .style_previousButtonGray__dn1AI { height: 30px !important; width: 30px !important; border: 1px solid rgba(43, 18, 29, 0.349); border-radius: 100%; list-style-type: none; display: inline-block; position: absolute; left: 0; cursor: default; } .style_paginationMainContainer__N0lHf .style_previousButtonGray__dn1AI .style_previousButtonLink__Goj5u { display: block; text-align: center; height: 100%; } .style_paginationMainContainer__N0lHf .style_previousButtonGray__dn1AI .style_previousButtonLink__Goj5u:before { content: ""; border: solid rgba(43, 18, 29, 0.349); border-width: 0 1.5px 1.5px 0; display: inline-block; padding: 3px; margin-left: 2px; transform: rotate(135deg); } /* Next Button */ .style_paginationMainContainer__N0lHf .style_nextButton__ePSyN { height: 30px; width: 30px; border: 1px solid #2b121d !important; border-radius: 100%; list-style-type: none; display: inline-block; position: absolute; right: 0; cursor: pointer; } .style_paginationMainContainer__N0lHf .style_nextButton__ePSyN .style_nextButtonLink__d37UD { display: block; text-align: center; height: 100%; } .style_paginationMainContainer__N0lHf .style_nextButton__ePSyN .style_nextButtonLink__d37UD:before { content: ""; display: inline-block; border: solid #000; border-width: 0 1.5px 1.5px 0; padding: 3px; transform: rotate(-45deg); } /* Hotels List Container */ .style_hotelsListMainContainer__85sQo { height: auto; width: 100%; padding-top: 10px; } .style_hotelsListMainContainer__85sQo .style_hotelsContainer__G_Bje { position: relative; width: 100%; display: flex; flex-wrap: wrap; grid-auto-rows: 370px; grid-column-gap: 16px; grid-row-gap: 34px; height: auto; justify-content: center; } .style_hotelsListMainContainer__85sQo .style_paginationMainContainer__Kzase { height: 30px; max-width: 636px; margin: 62px auto 0; } @media only screen and (max-width: 767px) { .style_hotelsListMainContainer__85sQo { text-align: center; } .style_hotelsListMainContainer__85sQo .style_paginationMainContainer__Kzase { display: none; } } /* Map Root */ .style_root__gD4rk { background: #faeedd; } @media only screen and (max-width: 1023px) { .style_root__gD4rk > div > div:nth-child(3) > div:nth-child(4) { bottom: 60px; z-index: 0; } } /* Map Marker */ .style_root__gD4rk .style_marker__E_qDp { background: #fff; border-radius: 4px; color: #2b121d; padding: 5px 10px; box-shadow: 0 2px 8px rgba(49, 49, 49, 0.29); font-size: 1.25rem; font-weight: 600; font-family: Titillium Web, sans-serif; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } /* Split View Layout */ .style_splitView__9YExY .style_topHeader__fbtVi { width: 100%; display: flex; transition: 0.1s; z-index: 10000; position: fixed; flex-direction: column; background-color: #fff; } .style_splitView__9YExY .style_topHeader__fbtVi .style_filtersContainer__A0qdj { position: relative; } .style_splitView__9YExY .style_topHeader__fbtVi .style_pageHeader__5QbI6 { margin-bottom: 20px; } .style_splitView__9YExY .style_bottomWrap__nH2DG { display: flex; transition: 0.9s; } /* Left Panel */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_left__e_Mtt { background: #fcfbfb; position: relative; } .style_splitView__9YExY .style_bottomWrap__nH2DG .style_left__e_Mtt .style_boxes__4TLrS { display: flex; flex-wrap: wrap; align-content: baseline; min-height: calc(100vh - 440px); position: relative; padding: 30px 20px 15px; } @media only screen and (min-width: 1200px) { .style_splitView__9YExY .style_bottomWrap__nH2DG .style_left__e_Mtt .style_boxes__4TLrS { padding: 50px 60px 15px; } } /* Results Count */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_left__e_Mtt .style_boxes__4TLrS .style_resultsCountWrapper__TvZEu { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 10px 20px 30px; } .style_splitView__9YExY .style_bottomWrap__nH2DG .style_left__e_Mtt .style_boxes__4TLrS .style_resultsCountWrapper__TvZEu .style_resultsCount__KaFUa { letter-spacing: 0.4px; color: #2b121d; font-size: 1.25rem; line-height: 1.625rem; font-family: Titillium Web, sans-serif; font-weight: 600; } /* Affiliate Banner */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_left__e_Mtt .style_boxes__4TLrS .style_affiliateBanner__17gSH { margin: 45px auto 0; } /* Right Panel (Map) */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U { position: fixed; height: 100vh; right: 0; transition: 0.1s; } .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L { height: 100vh; position: relative; } .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_btnShowMap__Ef0C7 { position: absolute; z-index: 1; background: none; box-shadow: none; } /* Map Buttons */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_mapButtons__TA_ya { display: flex; gap: 4%; position: absolute; top: 10px; z-index: 1; right: 10px; } @media only screen and (max-width: 1919px) { .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_mapButtons__TA_ya { flex-direction: column; align-items: center; } } /* Search Area Button */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_mapButtons__TA_ya .style_searchAreaButton__PPSyU { background: #fff; border-radius: 40px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #2b121d; text-transform: uppercase; letter-spacing: 0.7px; font-size: 0.875rem; line-height: 1.1; font-weight: 700; padding-right: 20px; } @media only screen and (max-width: 1919px) { .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_mapButtons__TA_ya .style_searchAreaButton__PPSyU { order: 2; max-width: 210px; } } .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_mapButtons__TA_ya .style_searchAreaButton__PPSyU > span { padding: 0 5px 0 20px !important; margin-right: -25px !important; } @media only screen and (max-width: 1919px) { .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_mapButtons__TA_ya .style_searchAreaButton__PPSyU > span { margin-right: -14px !important; padding: 0 5px 0 20px !important; } } /* Disable Map Button */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_mapButtons__TA_ya .style_disableMap__aYVp5 { background: #2b121d; height: 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); border-radius: 40px; justify-content: unset; text-transform: uppercase; letter-spacing: 0.7px; color: #fff; font-weight: 700; font-size: 0.875rem; line-height: 1.1; padding-right: 20px; } @media only screen and (max-width: 1919px) { .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_mapButtons__TA_ya .style_disableMap__aYVp5 { order: 1; margin-bottom: 10px; max-width: 210px; } } .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_mapButtons__TA_ya .style_disableMap__aYVp5 div:nth-child(2) { margin: 0 auto; } /* White Circle */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_mapButtons__TA_ya .style_whiteCircle__oSEax { background: #fff; height: 32px; width: 32px; margin: 0 5px; border-radius: 40px; } /* Expand Button */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_expand__NTLFl { height: 44px; width: 44px; border-radius: 100%; display: inline-block; text-align: center; position: absolute; left: 10px; top: 10px; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); cursor: pointer; } .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L .style_expand__NTLFl:before { content: ""; display: inline-block; border: solid #2b121d; border-width: 0 1.9px 1.9px 0; padding: 5px; margin-top: 16px; margin-left: 4px; transform: rotate(135deg); } /* Footer */ .style_splitView__9YExY .style_footer__9xRHJ { width: 100%; position: relative; z-index: 10000; background: #fff; } /* Font Face Declarations */ @font-face { font-family: "Titillium Web"; font-style: normal; font-weight: 400; src: url(assets/extracted-1756112074580-0.woff) format("woff"); } @font-face { font-family: "Titillium Web"; font-style: normal; font-weight: 600; src: url(assets/extracted-1756112074580-1.woff) format("woff"); } @font-face { font-family: "Titillium Web"; font-style: normal; font-weight: 400; src: url(assets/extracted-1756112074581-2.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Titillium Web"; font-style: normal; font-weight: 600; src: url(assets/extracted-1756112074581-3.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Utility Classes */ .sf-hidden { display: none !important; } /* Image Hiding */ img[src="data:,"], source[src="data:,"] { display: none !important; } /* ================================= DATE PICKER MODAL STYLES ================================= */ .date-picker-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20000; } .date-picker-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; animation: fadeIn 0.3s ease; } .date-picker-popup { background: white; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2); width: 90%; max-width: 400px; max-height: 90vh; overflow: hidden; animation: slideUp 0.3s ease; } .date-picker-header { padding: 20px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; } .date-picker-header h3 { margin: 0; font-family: 'Titillium Web', sans-serif; font-size: 1.25rem; font-weight: 600; color: #2b121d; } .date-picker-close { background: none; border: none; font-size: 24px; cursor: pointer; color: #666; padding: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background-color 0.2s ease; } .date-picker-close:hover { background-color: #f5f5f5; } .date-picker-content { padding: 20px; } .date-picker-input { width: 100%; padding: 12px; border: 2px solid #e0e0e0; border-radius: 8px; font-family: 'Titillium Web', sans-serif; font-size: 16px; outline: none; transition: border-color 0.2s ease; } .date-picker-input:focus { border-color: #4a90e2; box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1); } .date-picker-footer { padding: 20px; border-top: 1px solid #e0e0e0; display: flex; gap: 12px; justify-content: flex-end; } .date-picker-cancel, .date-picker-confirm { padding: 10px 20px; border-radius: 6px; font-family: 'Titillium Web', sans-serif; font-weight: 600; cursor: pointer; transition: all 0.2s ease; border: none; font-size: 14px; } .date-picker-cancel { background: #f5f5f5; color: #666; } .date-picker-cancel:hover { background: #e0e0e0; } .date-picker-confirm { background: #4a90e2; color: white; } .date-picker-confirm:hover { background: #357abd; } /* ================================= GUEST SELECTOR MODAL STYLES ================================= */ .guest-selector-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20000; } .guest-selector-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; animation: fadeIn 0.3s ease; } .guest-selector-popup { background: white; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2); width: 90%; max-width: 450px; max-height: 90vh; overflow: hidden; animation: slideUp 0.3s ease; } .guest-selector-header { padding: 20px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; } .guest-selector-header h3 { margin: 0; font-family: 'Titillium Web', sans-serif; font-size: 1.25rem; font-weight: 600; color: #2b121d; } .guest-selector-close { background: none; border: none; font-size: 24px; cursor: pointer; color: #666; padding: 0; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background-color 0.2s ease; } .guest-selector-close:hover { background-color: #f5f5f5; } .guest-selector-content { padding: 20px; } .guest-selector-row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid #f0f0f0; } .guest-selector-row:last-child { border-bottom: none; } .guest-selector-label { display: flex; flex-direction: column; gap: 4px; } .guest-selector-label strong { font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: 600; color: #2b121d; } .guest-selector-desc { font-family: 'Titillium Web', sans-serif; font-size: 14px; color: #666; } .guest-selector-controls { display: flex; align-items: center; gap: 16px; } .guest-selector-btn { width: 36px; height: 36px; border: 2px solid #e0e0e0; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 18px; font-weight: 600; color: #2b121d; transition: all 0.2s ease; } .guest-selector-btn:hover:not(:disabled) { border-color: #4a90e2; color: #4a90e2; } .guest-selector-btn:disabled { background: #f5f5f5; color: #ccc; cursor: not-allowed; border-color: #e0e0e0; } .guest-selector-count { font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: 600; color: #2b121d; min-width: 20px; text-align: center; } .guest-selector-footer { padding: 20px; border-top: 1px solid #e0e0e0; display: flex; gap: 12px; justify-content: flex-end; } .guest-selector-cancel, .guest-selector-confirm { padding: 10px 20px; border-radius: 6px; font-family: 'Titillium Web', sans-serif; font-weight: 600; cursor: pointer; transition: all 0.2s ease; border: none; font-size: 14px; } .guest-selector-cancel { background: #f5f5f5; color: #666; } .guest-selector-cancel:hover { background: #e0e0e0; } .guest-selector-confirm { background: #4a90e2; color: white; } .guest-selector-confirm:hover { background: #357abd; } /* ================================= CHILD AGE SELECTOR STYLES ================================= */ .child-ages-container { margin: 16px 0; } .child-age-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #f5f5f5; } .child-age-row:last-child { border-bottom: none; } .child-age-label { display: flex; flex-direction: column; gap: 4px; } .child-age-label strong { font-family: 'Titillium Web', sans-serif; font-size: 15px; font-weight: 600; color: #2b121d; } .child-age-selector { display: flex; align-items: center; } .child-age-select { padding: 8px 12px; border: 2px solid #e0e0e0; border-radius: 6px; font-family: 'Titillium Web', sans-serif; font-size: 14px; color: #2b121d; background: white; cursor: pointer; outline: none; transition: border-color 0.2s ease; min-width: 60px; } .child-age-select:hover { border-color: #4a90e2; } .child-age-select:focus { border-color: #4a90e2; box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1); } .children-notice { margin-top: 16px; padding: 12px; background: #fff3cd; border: 1px solid #ffeaa7; border-radius: 6px; border-left: 4px solid var(--neutral-charcoal); } .children-notice p { margin: 0; font-family: 'Titillium Web', sans-serif; font-size: 13px; line-height: 1.4; color: #856404; } .children-notice strong { color: #6c5206; } /* ================================= ANIMATIONS ================================= */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { opacity: 0; transform: translateY(30px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } /* ================================= MOBILE RESPONSIVE ================================= */ @media (max-width: 768px) { .date-picker-popup, .guest-selector-popup { width: 95%; max-width: none; } .date-picker-header, .date-picker-content, .date-picker-footer, .guest-selector-header, .guest-selector-content, .guest-selector-footer { padding: 16px; } .guest-selector-row { padding: 14px 0; } .guest-selector-controls { gap: 12px; } .guest-selector-btn { width: 32px; height: 32px; font-size: 16px; } .child-age-row { padding: 10px 0; } .child-age-select { padding: 6px 10px; font-size: 13px; min-width: 50px; } .children-notice { margin-top: 12px; padding: 10px; } .children-notice p { font-size: 12px; } } @media (max-width: 480px) { .date-picker-header h3, .guest-selector-header h3 { font-size: 1.1rem; } .guest-selector-label strong { font-size: 15px; } .guest-selector-desc { font-size: 13px; } .child-age-label strong { font-size: 14px; } .child-age-select { padding: 5px 8px; font-size: 12px; min-width: 45px; } .children-notice { margin-top: 10px; padding: 8px; } .children-notice p { font-size: 11px; } } /* ================================= ENHANCED MAP POPUP STYLES ================================= */ /* Override Mapbox popup defaults */ .mapboxgl-popup-content { padding: 0 !important; border-radius: 12px !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important; border: none !important; overflow: hidden !important; max-width: 300px !important; width: 300px !important; } .mapboxgl-popup-close-button { color: white !important; font-size: 18px !important; padding: 6px !important; right: 6px !important; top: 6px !important; background: rgba(0, 0, 0, 0.4) !important; border-radius: 50% !important; width: 28px !important; height: 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; z-index: 10 !important; } .mapboxgl-popup-close-button:hover { background: rgba(0, 0, 0, 0.6) !important; transform: scale(1.05) !important; } /* Mini Hotel Card Popup */ .mini-hotel-card { font-family: 'Titillium Web', sans-serif; background: white; position: relative; overflow: hidden; } .mini-card-image { position: relative; height: 120px; overflow: hidden; } .mini-card-image img { width: 100%; height: 100%; object-fit: cover; } .mini-card-content { padding: 12px; } .mini-card-header { margin-bottom: 8px; } .mini-card-name { font-size: 1rem; font-weight: 700; color: #2b121d; margin: 0 0 6px 0; line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; overflow: hidden; } .mini-card-rating { display: inline-flex; align-items: center; background: linear-gradient(135deg, #2b121d 0%, #4a4a4a 100%); color: #fff; padding: 2px 8px; border-radius: 12px; font-size: 10px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; box-shadow: 0 2px 6px rgba(43, 18, 29, 0.2); } .mini-card-address { font-size: 0.75rem; color: #666; margin: 8px 0; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; overflow: hidden; } .mini-card-cta { background: linear-gradient(135deg, #4a90e2 0%, #357abd 100%); color: white; border: none; border-radius: 8px; padding: 8px 12px; font-weight: 600; font-size: 0.875rem; cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; gap: 6px; transition: all 0.3s ease; font-family: 'Titillium Web', sans-serif; margin-top: 10px; } .mini-card-cta:hover { background: linear-gradient(135deg, #357abd 0%, #2968a3 100%); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3); } .mini-card-cta-arrow { font-size: 1rem; transition: transform 0.2s ease; } .mini-card-cta:hover .mini-card-cta-arrow { transform: translateX(2px); } .mini-card-price-section { display: flex; align-items: baseline; gap: 4px; margin: 6px 0; } .mini-card-price-main { font-size: 1.1rem; font-weight: 700; color: #2b121d; } .mini-card-price-note { font-size: 0.75rem; color: #666; font-weight: 500; } /* Mobile responsive for map popups */ @media (max-width: 768px) { .mapboxgl-popup-content { max-width: 280px !important; width: 280px !important; } .mini-card-image { height: 100px; } .mini-card-content { padding: 10px; } .mini-card-name { font-size: 0.9rem; } } @media (max-width: 480px) { .mapboxgl-popup-content { max-width: 260px !important; width: 260px !important; } .mini-card-image { height: 90px; } .mini-card-content { padding: 8px; } } /* Ensure page always starts at top */ html { scroll-behavior: auto !important; } body { scroll-behavior: auto !important; } /* Prevent automatic scrolling on page load */ *:target { scroll-margin-top: 0 !important; } /* Prevent layout shifts that could cause scrolling */ .style_topHeader__fbtVi { transform: none !important; } /* Ensure no smooth scrolling during initial load */ * { scroll-behavior: auto !important; } /* Override any existing scroll behaviors during page load */ .no-scroll-on-load * { scroll-behavior: auto !important; } /* Re-enable smooth scrolling for user interactions after page load */ body:not(.no-scroll-on-load) .pagination-link, body:not(.no-scroll-on-load) .mobile-search-button { scroll-behavior: smooth; } /* Fixed map that extends to bottom of viewport */ @media (min-width: 1024px) { .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U { position: fixed !important; top: var(--header-offset, 220px) !important; bottom: 0 !important; right: 0 !important; width: 33% !important; height: auto !important; z-index: 100 !important; } .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_map____h9L { height: 100% !important; position: relative !important; } .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U .style_root__gD4rk { height: 100% !important; width: 100% !important; } #hotel-map { height: 100% !important; width: 100% !important; position: relative !important; max-height: none !important; } /* Ensure left content doesn't overlap with fixed map */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_left__e_Mtt { width: 67% !important; margin-right: 33% !important; } } /* ================================= CLEAN MOBILE LAYOUT (under 1024px) ================================= */ @media (max-width: 1023px) { /* STEP 1: Make header completely static (not fixed) */ .style_topHeader__fbtVi { position: static !important; height: auto !important; padding: 0 !important; margin: 0 !important; background: #fff !important; width: 100% !important; z-index: auto !important; } /* STEP 2: Clean main header layout */ .style_pageHeaderContainer__BdXUn { box-shadow: none !important; padding: 0 !important; margin: 0 !important; } .style_mainHeader__gFKTG { height: auto !important; padding: 15px !important; min-height: 60px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; border-bottom: 1px solid #e0e0e0 !important; } /* STEP 3: Header notes section */ .style_topHeaderNotes__g9W_7 { padding: 12px 15px !important; text-align: center !important; font-size: var(--font-size-sm) !important; background: #f8f9fa !important; border-bottom: 1px solid #e0e0e0 !important; } /* STEP 4: Hide original complex search form on mobile */ .style_datePickerMainContainer___DiOq { display: none !important; } /* STEP 5: Show and style new mobile search form */ .mobile-search-container { display: block !important; background: white !important; border-bottom: 1px solid #e0e0e0 !important; } .mobile-search-form { padding: 20px 15px !important; max-width: 100% !important; } .mobile-search-section { margin-bottom: 15px !important; } .mobile-search-section:last-child { margin-bottom: 0 !important; } .mobile-input-group { position: relative !important; display: flex !important; align-items: center !important; background: white !important; border: 2px solid #e0e0e0 !important; border-radius: 8px !important; height: 52px !important; padding: 0 15px !important; transition: border-color 0.2s ease !important; } .mobile-input-group:focus-within { border-color: #4a90e2 !important; box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1) !important; } .mobile-input-icon { display: flex !important; align-items: center !important; color: #666 !important; margin-right: 12px !important; flex-shrink: 0 !important; } .mobile-input-group input { flex: 1 !important; border: none !important; background: transparent !important; font-size: var(--font-size-base) !important; font-family: 'Titillium Web', sans-serif !important; color: #333 !important; outline: none !important; padding: 0 !important; height: auto !important; } .mobile-input-group input::placeholder { color: #999 !important; } /* Date row specific styling */ .mobile-date-row { display: flex !important; align-items: center !important; gap: 12px !important; } .mobile-date-input { flex: 1 !important; height: 52px !important; } .mobile-date-separator { color: #666 !important; font-size: var(--font-size-lg) !important; font-weight: 600 !important; flex-shrink: 0 !important; } /* Buttons */ .mobile-search-button { width: 100% !important; height: 52px !important; background: #4a90e2 !important; color: white !important; border: none !important; border-radius: 8px !important; font-size: var(--font-size-base) !important; font-weight: 600 !important; font-family: 'Titillium Web', sans-serif !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; touch-action: manipulation !important; } .mobile-search-button:hover { background: #3a7bc8 !important; transform: translateY(-1px) !important; } .mobile-search-button:active { transform: translateY(0) !important; } /* STEP 6: Content layout - NO padding-top needed for static header */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_left__e_Mtt { width: 100% !important; margin: 0 !important; padding-top: 0 !important; min-height: auto !important; } /* STEP 7: Hide map completely */ .style_splitView__9YExY .style_bottomWrap__nH2DG .style_right__zUx0U { display: none !important; } /* STEP 8: Hotel cards mobile optimization */ .style_hotelsContainer__G_Bje { justify-content: center !important; padding: 0 10px; grid-column-gap: 12px !important; grid-row-gap: 20px !important; } /* Mobile hotel card sizing */ .style_root__ItIe0 { width: calc(100vw - 40px) !important; max-width: 340px !important; min-width: 300px !important; margin: 0 auto; } } /* Tablet/large mobile adjustments (768px - 1023px) */ @media (min-width: 768px) and (max-width: 1023px) { .mobile-search-form { padding: 25px 30px !important; max-width: 600px !important; margin: 0 auto !important; } .mobile-input-group { height: 56px !important; } .mobile-date-input { height: 56px !important; } .mobile-search-button { height: 56px !important; font-size: var(--font-size-lg) !important; } .style_h1Container__ { padding: 40px 30px !important; } .style_resultsCountWrapper__TvZEu { padding: 25px 30px !important; } .custom-pagination-container { padding: 0 30px !important; } /* Tablet hotel cards layout */ .style_hotelsContainer__G_Bje { padding: 0 30px !important; justify-content: center !important; } .style_root__ItIe0 { width: calc(50% - 20px) !important; max-width: 400px !important; min-width: 320px !important; } } /* Small mobile devices (under 480px) */ @media (max-width: 480px) { /* Smaller header on tiny screens */ .style_mainHeader__gFKTG { padding: 12px 15px !important; min-height: 55px !important; } /* Smaller mobile search form */ .mobile-search-form { padding: 15px 10px !important; } .mobile-input-group { height: 48px !important; } .mobile-date-input { height: 48px !important; } .mobile-search-button { height: 48px !important; font-size: var(--font-size-sm) !important; } /* Smaller hotel cards */ .style_root__ItIe0 { width: calc(100vw - 30px) !important; max-width: 320px !important; } /* Compact content sections */ .style_h1Container__ { padding: 20px 10px !important; } .style_mainHeading__ { font-size: var(--font-size-3xl) !important; } .style_subHeading__ { font-size: var(--font-size-sm) !important; } /* Smaller pagination */ .pagination-link { min-width: 40px !important; height: 40px !important; font-size: var(--font-size-sm) !important; } .custom-pagination-container { margin: 20px 0 !important; padding: 0 10px !important; } } /* Hide mobile search form on desktop */ @media (min-width: 1024px) { .mobile-search-container { display: none !important; } } /* Ensure footer appears above the fixed map */ .style_footer__9xRHJ { position: relative; z-index: 10000 !important; background: #fff; } /* STEP 9: Mobile content and layout optimizations */ @media (max-width: 1023px) { /* Prevent horizontal scroll */ html, body { overflow-x: hidden !important; width: 100% !important; max-width: 100vw !important; } #__next, .style_splitView__9YExY { width: 100% !important; max-width: 100vw !important; overflow-x: hidden !important; } /* Content sections */ .style_h1Container__ { width: 100% !important; text-align: center !important; padding: 0px 15px !important; margin: 0 !important; } .style_resultsCountWrapper__TvZEu { flex-direction: column !important; text-align: center !important; padding: 20px 15px !important; } .style_resultsCount__KaFUa { margin-bottom: 15px !important; font-size: var(--font-size-lg) !important; } /* Mobile pagination */ .custom-pagination-container { margin: 30px 0 !important; padding: 0 15px !important; } .pagination-link { min-width: 44px !important; height: 44px !important; font-size: var(--font-size-base) !important; touch-action: manipulation !important; } /* Mobile footer */ .style_footer__9xRHJ { margin-top: 40px !important; } .style-suitespot_root__QkLKw { padding: 20px 15px !important; } .style-suitespot_brandSection__3w0ZW { flex-direction: column !important; text-align: center !important; } .style_affiliateBanner__17gSH { text-align: center !important; margin: 30px auto !important; } /* Touch and input optimizations */ input, select, textarea { -webkit-appearance: none !important; appearance: none !important; font-size: var(--font-size-base) !important; /* Prevent iOS zoom */ } } .custom-pagination-container { display: flex; justify-content: center; align-items: center; margin: 40px 0; font-family: 'Titillium Web', sans-serif; } .pagination-nav { display: flex; align-items: center; gap: 8px; list-style: none; margin: 0; padding: 0; } .pagination-item { margin: 0; } .pagination-link { display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 12px; background: #ffffff; border: 2px solid #e8e8e8; border-radius: 8px; color: #333333; text-decoration: none; font-weight: 600; font-size: var(--font-size-base); transition: all 0.2s ease; user-select: none; } .pagination-link:hover { border-color: #4a90e2; color: #4a90e2; background: #f8fbff; transform: translateY(-1px); } .pagination-link.active { background: #4a90e2; border-color: #4a90e2; color: #ffffff; box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3); } .pagination-link.disabled { background: #f5f5f5; border-color: #e0e0e0; color: #cccccc; cursor: not-allowed; transform: none; } .pagination-link.disabled:hover { background: #f5f5f5; border-color: #e0e0e0; color: #cccccc; transform: none; } .pagination-arrow { font-size: var(--font-size-lg); font-weight: bold; } .pagination-prev .pagination-arrow::before { content: '‹'; } .pagination-next .pagination-arrow::before { content: '›'; } /* Animation for page transitions */ .hotel-card { transition: opacity 0.3s ease, transform 0.3s ease; } .hotel-card.hiding { opacity: 0; transform: translateY(20px); } /* Enhanced hover effects for clickable hotel cards */ a[href]:hover .hotel-card { transform: translateY(-2px) !important; box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important; } a[href] .hotel-card { transition: all 0.2s ease !important; } /* Ensure clickable cards have proper cursor */ a[href] { cursor: pointer !important; } @media (max-width: 768px) { .custom-pagination-container { margin: 30px 0; padding: 0 15px; } .pagination-link { min-width: 44px; height: 44px; font-size: var(--font-size-base); padding: 0 8px; border-radius: 6px; border-width: 1px; } .pagination-nav { gap: 8px; overflow-x: auto; padding: 5px 0; } /* Mobile-specific pagination styles */ .pagination-link.active { box-shadow: 0 2px 8px rgba(74, 144, 226, 0.4); } .pagination-arrow { font-size: var(--font-size-xl); font-weight: bold; } /* Ensure pagination doesn't cause horizontal scroll */ .custom-pagination-container { overflow-x: hidden; } .pagination-nav { justify-content: center; flex-wrap: nowrap; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ } .pagination-nav::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ } } /* Extra small mobile devices */ @media (max-width: 480px) { .custom-pagination-container { margin: 20px 0; padding: 0 10px; } .pagination-link { min-width: 40px; height: 40px; font-size: var(--font-size-sm); padding: 0 6px; } .pagination-nav { gap: 6px; } } /* H1 Headline Styles */ .style_h1Container__ { width: 100%; text-align: center; padding: 0 20px 30px 20px; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; } .style_mainHeading__ { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-5xl); font-weight: 600; color: #2b121d; margin: 0 auto 15px auto; line-height: 1.2; letter-spacing: 0.5px; text-align: center; width: 100%; } .style_subHeading__ { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-lg); font-weight: 400; margin: 0 auto; line-height: 1.4; max-width: 900px; text-align: center; } @media (max-width: 768px) { .style_h1Container__ { padding: 0 15px 20px 15px; margin-bottom: 15px; } .style_mainHeading__ { font-size: var(--font-size-4xl); letter-spacing: 0.3px; } .style_subHeading__ { font-size: var(--font-size-base); max-width: 100%; } } @media (max-width: 480px) { .style_mainHeading__ { font-size: var(--font-size-3xl); } .style_subHeading__ { font-size: var(--font-size-sm); } } /* ================================= ENHANCED DESIGN SYSTEM & VISUAL STYLING ================================= */ /* CSS Custom Properties for Premium Design System */ :root { /* Premium Color Palette */ --primary-dark-navy: #1a365d; --primary-luxury-gold: #b8860b; --primary-professional-blue: #2d3748; /* Sophisticated Neutral Palette */ --neutral-charcoal: #2d3748; --neutral-gray: #718096; --neutral-light-bg: #f8f9fa; --neutral-lighter-bg: #e9ecef; /* Semantic Colors - Refined */ --accent-sage: #9ca3af; --accent-warm: #6b7280; --accent-cool: #4b5563; /* Enhanced Spacing Scale */ --spacing-xs: 4px; --spacing-sm: 8px; --spacing-md: 16px; --spacing-lg: 24px; --spacing-xl: 32px; --spacing-2xl: 48px; --spacing-3xl: 64px; --spacing-4xl: 96px; /* Typography Scale - Coherent System */ --font-size-xs: 0.75rem; /* 12px */ --font-size-sm: 0.875rem; /* 14px */ --font-size-base: 1rem; /* 16px */ --font-size-lg: 1.125rem; /* 18px */ --font-size-xl: 1.25rem; /* 20px */ --font-size-2xl: 1.5rem; /* 24px */ --font-size-3xl: 1.875rem; /* 30px */ --font-size-4xl: 2.25rem; /* 36px */ --font-size-5xl: 2.5rem; /* 40px */ /* Shadows */ --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* Border Radius */ --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 9999px; /* Transitions */ --transition-fast: 0.15s ease; --transition-normal: 0.3s ease; --transition-slow: 0.5s ease; } /* Enhanced Content Wrapper */ .hotel-content-wrapper { width: 100%; margin: 0 0 var(--spacing-3xl) 0; padding: 0; position: relative; } /* Add subtle background pattern */ .hotel-content-wrapper::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 200px; background: linear-gradient(135deg, var(--neutral-light-bg) 0%, transparent 100%); z-index: -1; border-radius: var(--radius-xl); } /* Modern Content Sections */ .hotel-content-section { margin-bottom: var(--spacing-3xl); padding: 0; position: relative; } .hotel-content-section:last-child { margin-bottom: 0; } /* Premium Section Styling */ .city-overview-section { background: #ffffff; border-radius: var(--radius-xl); padding: var(--spacing-2xl); box-shadow: var(--shadow-sm); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); position: relative; } .travel-guide-section { background: #ffffff; border-radius: var(--radius-xl); padding: var(--spacing-2xl); box-shadow: var(--shadow-sm); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); position: relative; } .attractions-section { background: #ffffff; border-radius: var(--radius-xl); padding: var(--spacing-2xl); box-shadow: var(--shadow-sm); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); } .business-travel-section { background: #ffffff; border-radius: var(--radius-xl); padding: var(--spacing-2xl); box-shadow: var(--shadow-sm); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); } .dining-section { background: #ffffff; border-radius: var(--radius-xl); padding: var(--spacing-2xl); box-shadow: var(--shadow-sm); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); } /* Wellness section matches dining visuals */ .wellness-section { background: #ffffff; border-radius: var(--radius-xl); padding: var(--spacing-2xl); box-shadow: var(--shadow-sm); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); } .luxury-experiences-section { background: linear-gradient(135deg, var(--neutral-light-bg) 0%, #ffffff 100%); border-radius: var(--radius-xl); padding: var(--spacing-2xl); box-shadow: var(--shadow-md); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); position: relative; } .trustpilot-inline-wrapper { display: flex; justify-content: center; align-items: center; margin: var(--spacing-md) 0; padding: var(--spacing-sm) 0; } .trustpilot-widget { max-width: 400px; width: 100%; margin: 0 auto; } /* Allow carousel widget to use full width */ .trustpilot-carousel-section .trustpilot-widget { max-width: 100%; } .faq-section { background: #ffffff; border-radius: var(--radius-xl); padding: var(--spacing-2xl); box-shadow: var(--shadow-sm); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); } .related-destinations-section { background: #ffffff; border-radius: var(--radius-xl); padding: var(--spacing-2xl); box-shadow: var(--shadow-sm); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); margin-bottom: var(--spacing-xl); } .destinations-description-text { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-lg) !important; line-height: 1.8 !important; color: #2b121d !important; margin: 0; padding: 0; background: none; border: none; position: relative; text-align: justify !important; } .destinations-description-text .destination-link { color: #2b121d; text-decoration: none; font-weight: 600; border-bottom: 1px solid #2b121d; transition: all 0.2s ease; padding: 2px 0; } .destinations-description-text .destination-link:hover { color: #4a90e2; border-bottom-color: #4a90e2; background-color: rgba(74, 144, 226, 0.05); padding: 2px 4px; margin: -2px -4px; border-radius: 3px; } .hotel-content-container { max-width: 1000px; margin: 0 auto; padding: 0 var(--spacing-lg); position: relative; z-index: 1; } /* Enhanced Typography */ .hotel-section-title { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-3xl); font-weight: 700; color: #2b121d; margin: 0 0 var(--spacing-xl) 0; line-height: 1.2; text-align: center; position: relative; padding-bottom: var(--spacing-md); } .hotel-section-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: #2b121d; border-radius: var(--radius-full); } .hotel-subsection-title { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-2xl); font-weight: 600; color: #2b121d; margin: 0 0 var(--spacing-lg) 0; line-height: 1.3; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; gap: var(--spacing-md); } .hotel-subsection-title::before, .hotel-subsection-title::after { content: ''; flex: 1; height: 2px; background: linear-gradient(90deg, transparent 0%, var(--neutral-lighter-bg) 50%, transparent 100%); max-width: 100px; } .hotel-content-heading { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-lg); font-weight: 600; color: #2b121d; margin: 0 0 var(--spacing-md) 0; line-height: 1.4; display: flex; align-items: center; gap: var(--spacing-sm); } .hotel-content-heading::before { content: ''; width: 4px; height: 20px; background: #2b121d; border-radius: var(--radius-sm); flex-shrink: 0; } /* Enhanced Content Text */ .hotel-content-text p, .hotel-attractions-content p, .hotel-contact-info p { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-lg) !important; line-height: 1.8 !important; color: #2b121d !important; margin: 0 0 var(--spacing-lg) 0; text-align: justify !important; padding: 0; background: none; border: none; position: relative; } /* Enhanced List Styling to Match Paragraph Text */ .hotel-content-text ul, .hotel-content-text ol, .hotel-attractions-content ul, .hotel-attractions-content ol, .hotel-contact-info ul, .hotel-contact-info ol, .region-description-text ul, .region-description-text ol, .destinations-description-text ul, .destinations-description-text ol, .intro-hook-text ul, .intro-hook-text ol, p.region-description-text ul, p.region-description-text ol, p.destinations-description-text ul, p.destinations-description-text ol, p.intro-hook-text ul, p.intro-hook-text ol, .content-list, .hotel-content-section ul, .hotel-content-wrapper ul { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-lg) !important; line-height: 1.8 !important; color: #2b121d !important; margin: var(--spacing-md) 0 var(--spacing-md) 0 !important; padding-left: var(--spacing-xl) !important; list-style-type: disc !important; } .hotel-content-text li, .hotel-attractions-content li, .hotel-contact-info li, .region-description-text li, .destinations-description-text li, .intro-hook-text li, p.region-description-text li, p.destinations-description-text li, p.intro-hook-text li, .content-list li, .hotel-content-section li, .hotel-content-wrapper li { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-lg) !important; line-height: 1.8 !important; color: #2b121d !important; margin: var(--spacing-xs) 0 !important; text-align: justify !important; list-style-type: disc !important; } .hotel-content-text strong, .hotel-attractions-content strong, .hotel-contact-info strong, .region-description-text strong, .destinations-description-text strong, .intro-hook-text strong, p.region-description-text strong, p.destinations-description-text strong, p.intro-hook-text strong { font-weight: 600 !important; color: #2b121d !important; } .hotel-content-text p:last-child, .hotel-attractions-content p:last-child { margin-bottom: 0; } .hotel-content-text p:first-of-type { color: #2b121d; margin-bottom: var(--spacing-xl); } /* ================================================ Content Section Transition Styles ================================================ */ /* City Introduction Section */ .city-intro-wrapper { margin-bottom: var(--spacing-xl); } .intro-hook-content { position: relative; } .intro-hook-text { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-lg); line-height: 1.8; color: #2b121d; margin: 0; padding: var(--spacing-lg); background: var(--neutral-light-bg); border-radius: var(--radius-md); border-left: 4px solid var(--neutral-charcoal); position: relative; } .intro-hook-text::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: var(--neutral-charcoal); } /* Content Transition Divider */ .content-section-transition { display: flex; align-items: center; justify-content: center; margin: var(--spacing-2xl) 0; position: relative; } .transition-divider { flex: 1; height: 1px; background: linear-gradient(90deg, transparent 0%, var(--neutral-lighter-bg) 20%, #2b121d 50%, var(--neutral-lighter-bg) 80%, transparent 100%); position: relative; } .transition-accent { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background: #2b121d; border-radius: 50%; } .transition-label { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--neutral-light-bg); padding: var(--spacing-sm) var(--spacing-md); border-radius: var(--radius-md); border: 1px solid var(--neutral-lighter-bg); box-shadow: var(--shadow-sm); } .label-text { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-sm); font-weight: 600; color: #2b121d; text-transform: uppercase; letter-spacing: 0.5px; } /* Region Description Section */ .region-description-wrapper { margin-top: var(--spacing-xl); } .region-detail-content { position: relative; } .region-description-text { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-lg) !important; line-height: 1.8 !important; color: #2b121d !important; margin: 0; padding: 0; background: none; border: none; position: relative; text-align: justify !important; } /* Ensure all text nodes within content paragraphs maintain consistent styling - excluding headings, special elements, and CTA buttons */ .region-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .destinations-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .intro-hook-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), p.region-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), p.destinations-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), p.intro-hook-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-content-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-attractions-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-contact-info *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-business-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-dining-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-luxury-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-seasonal-guide *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-transportation-guide *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-cultural-highlights *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-best-districts *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-travel-tips *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-content-container *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; text-align: inherit !important; } /* Comprehensive styling for all text within hotel-content-container */ .hotel-content-container { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-lg) !important; line-height: 1.8 !important; color: #2b121d !important; text-align: justify !important; } .hotel-content-container p { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-lg) !important; line-height: 1.8 !important; color: #2b121d !important; text-align: justify !important; margin: 0 0 var(--spacing-lg) 0; } /* List elements maintain their specific styling through explicit rules above */ /* Reinforce specific styling for titles and headings to override inheritance */ .hotel-content-container .hotel-section-title { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-3xl) !important; font-weight: 700 !important; color: #2b121d !important; margin: 0 0 var(--spacing-xl) 0 !important; line-height: 1.2 !important; text-align: center !important; position: relative !important; padding-bottom: var(--spacing-md) !important; } .hotel-content-container .hotel-subsection-title { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-2xl) !important; font-weight: 600 !important; color: #2b121d !important; margin: 0 0 var(--spacing-lg) 0 !important; line-height: 1.3 !important; text-align: center !important; position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: var(--spacing-md) !important; } .hotel-content-container .hotel-content-heading { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-lg) !important; font-weight: 600 !important; color: #2b121d !important; margin: 0 0 var(--spacing-md) 0 !important; line-height: 1.4 !important; display: flex !important; align-items: center !important; gap: var(--spacing-sm) !important; } .hotel-content-container .label-text { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-sm) !important; font-weight: 600 !important; color: #2b121d !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } /* Responsive Design for Transitions */ @media (max-width: 768px) { .intro-hook-text { padding: var(--spacing-md); font-size: var(--font-size-lg); } .region-description-text, .destinations-description-text { padding: 0; font-size: var(--font-size-lg) !important; } /* Mobile - Ensure text inheritance - excluding headings, special elements, and CTA buttons */ .region-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .destinations-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .intro-hook-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), p.region-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), p.destinations-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), p.intro-hook-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-content-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-attractions-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-contact-info *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-business-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-dining-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-luxury-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-seasonal-guide *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-transportation-guide *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-cultural-highlights *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-best-districts *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-travel-tips *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-content-container *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; text-align: inherit !important; } /* Mobile - hotel-content-container base styling */ .hotel-content-container { font-size: var(--font-size-lg) !important; } .hotel-content-container p { font-size: var(--font-size-lg) !important; } /* Mobile - Reinforce title styling */ .hotel-content-container .hotel-section-title { font-size: var(--font-size-3xl) !important; } .hotel-content-container .hotel-subsection-title { font-size: var(--font-size-2xl) !important; } .hotel-content-container .hotel-content-heading { font-size: var(--font-size-lg) !important; } .content-section-transition { margin: var(--spacing-lg) 0; } .label-text { font-size: var(--font-size-xs); } .transition-label { padding: var(--spacing-xs) var(--spacing-sm); } } /* Enhanced Travel Tips */ .hotel-travel-tips { background: var(--neutral-light-bg); padding: var(--spacing-xl); border-radius: var(--radius-lg); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); margin-top: var(--spacing-2xl); position: relative; box-shadow: var(--shadow-sm); } /* Enhanced FAQ Styling */ .hotel-faq-content { margin-bottom: var(--spacing-xl); } .faq-item { background: #ffffff; border-radius: var(--radius-lg); padding: var(--spacing-lg); margin-bottom: var(--spacing-md); border: 1px solid var(--neutral-lighter-bg); box-shadow: var(--shadow-sm); transition: all var(--transition-normal); position: relative; } .faq-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #2b121d; transform: scaleY(0); transform-origin: bottom; transition: transform var(--transition-normal); } .faq-item h4 { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-lg); font-weight: 600; color: #2b121d; margin: 0 0 var(--spacing-md) 0; line-height: 1.4; display: flex; align-items: center; gap: var(--spacing-sm); } .faq-item h4::before { content: '?'; width: 24px; height: 24px; background: #2b121d; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: var(--font-size-xs); font-weight: 700; flex-shrink: 0; } .faq-item p { margin: 0; color: #2b121d; line-height: 1.8; } /* Enhanced Contact Info */ .hotel-contact-info { background: var(--neutral-light-bg); padding: var(--spacing-xl); border-radius: var(--radius-lg); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); text-align: center; position: relative; box-shadow: var(--shadow-sm); margin-top: var(--spacing-xl); } .hotel-contact-info p { margin: 0; font-weight: 500; font-size: var(--font-size-lg); line-height: 1.8; color: #2b121d; } .hotel-contact-info strong { color: #2b121d; font-weight: 700; } /* Tablet Responsive */ @media (max-width: 1023px) { .hotel-content-wrapper { margin: 40px 0 30px 0; } .hotel-content-container { padding: 0 30px; } .hotel-section-title { font-size: var(--font-size-3xl); margin-bottom: 20px; text-align: left; } .hotel-subsection-title { font-size: var(--font-size-xl); margin-bottom: 18px; text-align: left; } .trustpilot-inline-wrapper { margin: var(--spacing-md) 0; padding: var(--spacing-xs) 0; } .trustpilot-widget { max-width: 350px; } .hotel-travel-tips { padding: 18px; margin-top: 25px; } .hotel-contact-info { padding: 18px; text-align: left; } } /* Mobile Responsive */ @media (max-width: 767px) { .hotel-content-wrapper { margin: 30px 0 20px 0; } .hotel-content-container { padding: 0 15px; } .hotel-content-section { margin-bottom: 35px; } .hotel-section-title { font-size: var(--font-size-2xl); margin-bottom: 18px; line-height: 1.2; } .hotel-subsection-title { font-size: var(--font-size-xl); margin-bottom: 15px; line-height: 1.3; } .hotel-content-heading { font-size: var(--font-size-lg); margin-bottom: 10px; } .trustpilot-inline-wrapper { margin: var(--spacing-sm) 0; padding: 0; flex-direction: column; gap: var(--spacing-xs); } .trustpilot-widget { max-width: 100%; } .hotel-content-text p, .hotel-attractions-content p, .hotel-contact-info p { font-size: var(--font-size-base); line-height: 1.8; margin-bottom: 14px; } /* Mobile List Styling */ .hotel-content-text ul, .hotel-content-text ol, .hotel-attractions-content ul, .hotel-attractions-content ol, .hotel-contact-info ul, .hotel-contact-info ol, .region-description-text ul, .region-description-text ol, .intro-hook-text ul, .intro-hook-text ol, p.region-description-text ul, p.region-description-text ol, p.intro-hook-text ul, p.intro-hook-text ol, .content-list, .hotel-content-section ul, .hotel-content-wrapper ul { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-base) !important; line-height: 1.8 !important; color: #2b121d !important; margin: 12px 0 14px 0 !important; padding-left: var(--spacing-lg) !important; list-style-type: disc !important; } .hotel-content-text li, .hotel-attractions-content li, .hotel-contact-info li, .region-description-text li, .intro-hook-text li, p.region-description-text li, p.intro-hook-text li, .content-list li, .hotel-content-section li, .hotel-content-wrapper li { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-base) !important; line-height: 1.8 !important; color: #2b121d !important; margin: 6px 0 !important; text-align: justify !important; list-style-type: disc !important; } .hotel-travel-tips { padding: 16px; margin-top: 20px; font-size: var(--font-size-base); } .hotel-contact-info { padding: 16px; text-align: center; } .hotel-contact-info p { font-size: var(--font-size-base); line-height: 1.8; } } /* Small Mobile */ @media (max-width: 480px) { .hotel-content-wrapper { margin: 25px 0 15px 0; } .hotel-content-container { padding: 0 10px; } .hotel-content-section { margin-bottom: 30px; } .hotel-section-title { font-size: var(--font-size-xl); margin-bottom: 15px; } .hotel-subsection-title { font-size: var(--font-size-lg); margin-bottom: 12px; } .hotel-content-heading { font-size: var(--font-size-base); } .trustpilot-inline-wrapper { margin: var(--spacing-xs) 0; padding: 0; } .hotel-content-text p, .hotel-attractions-content p, .hotel-contact-info p { font-size: var(--font-size-sm); line-height: 1.8; margin-bottom: 12px; } /* Small Mobile List Styling */ .hotel-content-text ul, .hotel-content-text ol, .hotel-attractions-content ul, .hotel-attractions-content ol, .hotel-contact-info ul, .hotel-contact-info ol, .region-description-text ul, .region-description-text ol, .intro-hook-text ul, .intro-hook-text ol, p.region-description-text ul, p.region-description-text ol, p.intro-hook-text ul, p.intro-hook-text ol, .content-list, .hotel-content-section ul, .hotel-content-wrapper ul { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-sm) !important; line-height: 1.8 !important; color: #2b121d !important; margin: 10px 0 12px 0 !important; padding-left: var(--spacing-md) !important; list-style-type: disc !important; } .hotel-content-text li, .hotel-attractions-content li, .hotel-contact-info li, .region-description-text li, .intro-hook-text li, p.region-description-text li, p.intro-hook-text li, .content-list li, .hotel-content-section li, .hotel-content-wrapper li { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-sm) !important; line-height: 1.8 !important; color: #2b121d !important; margin: 4px 0 !important; text-align: justify !important; list-style-type: disc !important; } .hotel-travel-tips { padding: 14px; margin-top: 18px; font-size: var(--font-size-sm); } .hotel-contact-info { padding: 14px; } .hotel-contact-info p { font-size: var(--font-size-sm); line-height: 1.8; } } /* ================================= ENHANCED SUBSECTION STYLING ================================= */ /* Enhanced Travel Guide Subsections */ .hotel-seasonal-guide, .hotel-transportation-guide { background: #ffffff; padding: var(--spacing-xl); border-radius: var(--radius-lg); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); margin-top: var(--spacing-xl); position: relative; box-shadow: var(--shadow-sm); } .hotel-travel-tips h4, .hotel-seasonal-guide h4, .hotel-transportation-guide h4 { margin-top: 0; margin-bottom: var(--spacing-md); color: #2b121d; font-size: var(--font-size-lg); font-weight: 600; display: flex; align-items: center; gap: var(--spacing-sm); } .hotel-seasonal-guide h4::before { content: ''; width: 4px; height: 20px; background: var(--neutral-charcoal); border-radius: var(--radius-sm); flex-shrink: 0; } .hotel-transportation-guide h4::before { content: ''; width: 4px; height: 20px; background: var(--neutral-charcoal); border-radius: var(--radius-sm); flex-shrink: 0; } /* Enhanced Cultural Highlights and Districts */ .hotel-cultural-highlights, .hotel-best-districts { background: #ffffff; padding: var(--spacing-xl); border-radius: var(--radius-lg); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); margin-top: var(--spacing-xl); position: relative; box-shadow: var(--shadow-sm); } .hotel-cultural-highlights h4, .hotel-best-districts h4 { margin-top: 0; margin-bottom: var(--spacing-md); color: #2b121d; font-size: var(--font-size-lg); font-weight: 600; display: flex; align-items: center; gap: var(--spacing-sm); } .hotel-cultural-highlights h4::before, .hotel-best-districts h4::before { content: ''; width: 4px; height: 20px; background: var(--neutral-charcoal); border-radius: var(--radius-sm); flex-shrink: 0; } .hotel-districts-content { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-base); line-height: 1.7; color: var(--neutral-charcoal); } /* Enhanced Business Travel Section */ .hotel-business-content { background: #ffffff; padding: var(--spacing-xl); border-radius: var(--radius-lg); border: 1px solid var(--neutral-lighter-bg); border-left: 4px solid var(--neutral-charcoal); position: relative; box-shadow: var(--shadow-sm); } .hotel-business-content p { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-base); line-height: 1.8; color: #2b121d; margin: 0; text-align: justify; } /* Enhanced Dining Scene Section - Simplified */ .hotel-dining-content { padding: 0; background: none; border: none; box-shadow: none; } .hotel-dining-content p { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-base); line-height: 1.8; color: #2b121d; margin: 0; text-align: justify; } /* Wellness content matches dining typography */ .hotel-wellness-content { padding: 0; background: none; border: none; box-shadow: none; } .hotel-wellness-content p { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-base); line-height: 1.8; color: #2b121d; margin: 0; text-align: justify; } /* Enhanced Luxury Experiences Section - Simplified */ .hotel-luxury-content { padding: 0; background: none; border: none; box-shadow: none; } .hotel-luxury-content p { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-base); line-height: 1.8; color: #2b121d; margin: 0; text-align: justify; } /* Enhanced Subsection List Styling */ .hotel-business-content ul, .hotel-business-content ol, .hotel-seasonal-guide ul, .hotel-seasonal-guide ol, .hotel-transportation-guide ul, .hotel-transportation-guide ol, .hotel-cultural-highlights ul, .hotel-cultural-highlights ol, .hotel-best-districts ul, .hotel-best-districts ol, .hotel-travel-tips ul, .hotel-travel-tips ol { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-base); line-height: 1.8; color: #2b121d; margin: var(--spacing-md) 0 var(--spacing-lg) 0; padding-left: var(--spacing-xl); } .hotel-business-content li, .hotel-seasonal-guide li, .hotel-transportation-guide li, .hotel-cultural-highlights li, .hotel-best-districts li, .hotel-travel-tips li { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-base) !important; line-height: 1.8 !important; color: #2b121d !important; margin: var(--spacing-sm) 0 !important; text-align: justify !important; list-style-type: disc !important; } .hotel-business-content strong, .hotel-seasonal-guide strong, .hotel-transportation-guide strong, .hotel-cultural-highlights strong, .hotel-best-districts strong, .hotel-travel-tips strong { font-weight: 600; color: #2b121d; } /* Universal nested list styling - fallback for any missed cases */ .hotel-content-section p ul, .hotel-content-section p ol, .hotel-content-section .content-list { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-lg) !important; line-height: 1.8 !important; color: #2b121d !important; margin: var(--spacing-md) 0 !important; padding-left: var(--spacing-xl) !important; list-style-type: disc !important; } .hotel-content-section p li, .hotel-content-section .content-list li { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-lg) !important; line-height: 1.8 !important; color: #2b121d !important; margin: var(--spacing-xs) 0 !important; text-align: justify !important; list-style-type: disc !important; } /* Tablet Responsive for new sections */ @media (max-width: 1023px) { .hotel-seasonal-guide, .hotel-transportation-guide, .hotel-cultural-highlights, .hotel-best-districts, .hotel-business-content { padding: 20px; margin-top: 20px; } .hotel-travel-tips { padding: 18px !important; margin-top: 20px !important; } } /* Mobile Responsive for new sections */ @media (max-width: 767px) { .hotel-seasonal-guide, .hotel-transportation-guide, .hotel-cultural-highlights, .hotel-best-districts, .hotel-business-content { padding: 18px; margin-top: 18px; } .hotel-travel-tips { padding: 16px !important; margin-top: 18px !important; } .hotel-seasonal-guide h4, .hotel-transportation-guide h4, .hotel-cultural-highlights h4, .hotel-best-districts h4 { font-size: var(--font-size-lg); margin-bottom: 10px; } .hotel-business-content p, .hotel-districts-content { font-size: var(--font-size-base); line-height: 1.8; } /* Mobile Subsection List Styling */ .hotel-business-content ul, .hotel-business-content ol { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-base); line-height: 1.8; color: #2b121d; margin: 12px 0 14px 0; padding-left: var(--spacing-lg); } .hotel-business-content li { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-base) !important; line-height: 1.8 !important; color: #2b121d !important; margin: 6px 0 !important; text-align: justify !important; list-style-type: disc !important; } /* Mobile Universal Selectors */ .hotel-content-section p ul, .hotel-content-section p ol, .hotel-content-section .content-list { font-size: var(--font-size-base) !important; } .hotel-content-section p li, .hotel-content-section .content-list li { font-size: var(--font-size-base) !important; } /* Mobile - Ensure text after lists inherits paragraph styling */ .region-description-text { font-size: var(--font-size-base) !important; } .region-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .intro-hook-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), p.region-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), p.intro-hook-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-content-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-attractions-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-contact-info *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-business-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-dining-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-luxury-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-seasonal-guide *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-transportation-guide *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-cultural-highlights *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-best-districts *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-travel-tips *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-content-container *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; text-align: inherit !important; } /* Mobile - hotel-content-container base styling */ .hotel-content-container { font-size: var(--font-size-base) !important; } .hotel-content-container p { font-size: var(--font-size-base) !important; } /* Mobile - Reinforce title styling */ .hotel-content-container .hotel-section-title { font-size: var(--font-size-2xl) !important; } .hotel-content-container .hotel-subsection-title { font-size: var(--font-size-xl) !important; } .hotel-content-container .hotel-content-heading { font-size: var(--font-size-lg) !important; } } /* Small Mobile for new sections */ @media (max-width: 480px) { .hotel-seasonal-guide, .hotel-transportation-guide, .hotel-cultural-highlights, .hotel-best-districts, .hotel-business-content { padding: 15px; margin-top: 15px; } .hotel-travel-tips { padding: 14px !important; margin-top: 15px !important; } .hotel-seasonal-guide h4, .hotel-transportation-guide h4, .hotel-cultural-highlights h4, .hotel-best-districts h4 { font-size: var(--font-size-base); } .hotel-business-content p, .hotel-districts-content { font-size: var(--font-size-sm); line-height: 1.8; } /* Small Mobile Subsection List Styling */ .hotel-business-content ul, .hotel-business-content ol { font-family: 'Titillium Web', sans-serif; font-size: var(--font-size-sm); line-height: 1.8; color: #2b121d; margin: 10px 0 12px 0; padding-left: var(--spacing-md); } .hotel-business-content li { font-family: 'Titillium Web', sans-serif !important; font-size: var(--font-size-sm) !important; line-height: 1.8 !important; color: #2b121d !important; margin: 4px 0 !important; text-align: justify !important; list-style-type: disc !important; } /* Small Mobile Universal Selectors */ .hotel-content-section p ul, .hotel-content-section p ol, .hotel-content-section .content-list { font-size: var(--font-size-sm) !important; } .hotel-content-section p li, .hotel-content-section .content-list li { font-size: var(--font-size-sm) !important; } /* Small Mobile - Ensure text after lists inherits paragraph styling */ .region-description-text { font-size: var(--font-size-sm) !important; } .region-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .intro-hook-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), p.region-description-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), p.intro-hook-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-content-text *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-attractions-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-contact-info *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-business-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-dining-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-luxury-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-seasonal-guide *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-transportation-guide *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-cultural-highlights *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-best-districts *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-travel-tips *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk), .hotel-content-container *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.hotel-section-title):not(.hotel-subsection-title):not(.hotel-content-heading):not(.label-text):not(.style_buttonText__kSWOk) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; text-align: inherit !important; } /* Small Mobile - hotel-content-container base styling */ .hotel-content-container { font-size: var(--font-size-sm) !important; } .hotel-content-container p { font-size: var(--font-size-sm) !important; } /* Small Mobile - Reinforce title styling */ .hotel-content-container .hotel-section-title { font-size: var(--font-size-xl) !important; } .hotel-content-container .hotel-subsection-title { font-size: var(--font-size-lg) !important; } .hotel-content-container .hotel-content-heading { font-size: var(--font-size-base) !important; } } /* ================================= VISUAL ENHANCEMENTS & ANIMATIONS ================================= */ /* Simplified Section Styling */ .hotel-content-section { opacity: 1; transform: none; } /* Elegant Section Separators - Removed */ /* Enhanced Hover Effects for Interactive Elements */ .faq-item, .hotel-travel-tips, .hotel-seasonal-guide, .hotel-transportation-guide, .hotel-cultural-highlights, .hotel-best-districts { transition: box-shadow 0.3s ease; } /* Removed parallax effects for professional appearance */ /* Typography Enhancement for Better Readability */ .hotel-content-text p, .hotel-attractions-content p, .hotel-business-content p, .hotel-dining-content p, .hotel-luxury-content p { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Focus States for Accessibility */ /* Print Styles */ @media print { .hotel-content-section { break-inside: avoid; margin-bottom: var(--spacing-lg); } .hotel-content-wrapper::before, .city-overview-section::before, .luxury-experiences-section::before { display: none; } .hotel-content-section { box-shadow: none; border: 1px solid #ccc; } } /* High Contrast Mode Support */ @media (prefers-contrast: high) { .hotel-content-section { border: 2px solid currentColor; } .hotel-section-title::after, .hotel-content-heading::before { background: currentColor; } } /* Reduced Motion Support */ @media (prefers-reduced-motion: reduce) { .hotel-content-section { animation: none; opacity: 1; transform: none; } .faq-item, .hotel-travel-tips, .hotel-seasonal-guide, .hotel-transportation-guide, .hotel-cultural-highlights, .hotel-best-districts { transition: none; } } /* Content CTA Button - Styled like hotel card Details button but bigger */ .content-cta-wrapper { margin-top: 2rem; text-align: center; display: flex; justify-content: center; width: 100%; } .content-cta-button { padding: 12px 32px !important; /* Bigger than hotel card buttons (8px 24px) */ font-size: 1.1rem !important; /* Slightly larger font */ min-width: 220px; /* Wider than hotel card buttons */ color: #ffffff !important; /* Ensure white text */ } /* Maximum specificity for white text */ .content-cta-wrapper .content-cta-button .style_buttonText__kSWOk, .content-cta-wrapper .style_brandButton__2Ux_a.content-cta-button .style_buttonText__kSWOk, .content-cta-button.style_brandButton__2Ux_a .style_buttonText__kSWOk { color: #ffffff !important; /* Force white text with maximum specificity */ display: flex; align-items: center; justify-content: center; gap: 8px; } /* Add white arrow after button text - Maximum specificity */ .content-cta-wrapper .content-cta-button .style_buttonText__kSWOk::after, .content-cta-wrapper .style_brandButton__2Ux_a.content-cta-button .style_buttonText__kSWOk::after, .content-cta-button.style_brandButton__2Ux_a .style_buttonText__kSWOk::after { content: '→'; font-size: 1.2em; color: #ffffff !important; font-weight: normal; transition: transform 0.3s ease; } /* Hover animation - Maximum specificity */ .content-cta-wrapper .content-cta-button:hover .style_buttonText__kSWOk::after, .content-cta-wrapper .style_brandButton__2Ux_a.content-cta-button:hover .style_buttonText__kSWOk::after, .content-cta-button.style_brandButton__2Ux_a:hover .style_buttonText__kSWOk::after { transform: translateX(2px); } @media (max-width: 768px) { .content-cta-wrapper { margin-top: 1.5rem; display: flex; justify-content: center; width: 100%; } .content-cta-button { padding: 10px 24px !important; font-size: 1rem !important; min-width: 180px; color: #ffffff !important; /* Ensure white text on mobile */ } /* Maximum specificity for white text on mobile */ .content-cta-wrapper .content-cta-button .style_buttonText__kSWOk, .content-cta-wrapper .style_brandButton__2Ux_a.content-cta-button .style_buttonText__kSWOk, .content-cta-button.style_brandButton__2Ux_a .style_buttonText__kSWOk { color: #ffffff !important; /* Force white text with maximum specificity on mobile */ } } @media (max-width: 480px) { .content-cta-wrapper { margin-top: 1rem; display: flex; justify-content: center; width: 100%; } .content-cta-button { padding: 8px 20px !important; font-size: 0.9rem !important; min-width: 160px; width: 100%; max-width: 280px; color: #ffffff !important; /* Ensure white text on small mobile */ } /* Maximum specificity for white text on small mobile */ .content-cta-wrapper .content-cta-button .style_buttonText__kSWOk, .content-cta-wrapper .style_brandButton__2Ux_a.content-cta-button .style_buttonText__kSWOk, .content-cta-button.style_brandButton__2Ux_a .style_buttonText__kSWOk { color: #ffffff !important; /* Force white text with maximum specificity on small mobile */ gap: 6px; /* Slightly smaller gap on small screens */ } /* Maximum specificity for arrow on small mobile */ .content-cta-wrapper .content-cta-button .style_buttonText__kSWOk::after, .content-cta-wrapper .style_brandButton__2Ux_a.content-cta-button .style_buttonText__kSWOk::after, .content-cta-button.style_brandButton__2Ux_a .style_buttonText__kSWOk::after { font-size: 1.1em !important; /* Slightly smaller arrow on small screens */ color: #ffffff !important; } } /* Ensure proper scroll margin for hotel list anchor */ #hotel-list { scroll-margin-top: 200px; } /* Mobile-specific padding reduction for content sections */ @media only screen and (max-width: 1023px) { .city-overview-section, .travel-guide-section, .attractions-section, .business-travel-section, .dining-section, .wellness-section, .luxury-experiences-section, .faq-section, .related-destinations-section { padding: 15px !important; } }