body{font:var(--body-text-fonts)}body.menubodyactive{position:relative;overflow:visible}body.menubodyactive:after{content:'';width:100%;height:100%;top:0;left:0;opacity:30%;position:absolute;background-color:#000}.for-mobile-menu{display:none!important}.header_section{animation:headerSlideIn .8s ease-out 1s both}@keyframes headerSlideIn{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}#header{z-index:50;width:100%;left:0;top:30px;position:fixed;padding:0;transition:all .4s ease-out}#header.is-fixed{width:100%;position:fixed;top:0;left:0;background:var(--background-white-color);box-shadow:0 4px 20px rgba(0,0,0,.08);animation:slideDown .5s ease forwards}#header.is-fixed .header_item{padding:18px 24px;transition:all .4s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.ng-star-inserted #header{top:0;position:relative}#header .header__container{transition:all .4s ease-out}.header_section{position:relative;border-radius:12px;background:#fff;transition:all .4s ease-out;box-shadow:0 20px 36px -12px rgba(15,15,15,.05)}.header_item{display:flex;padding:10px 24px;align-items:center;gap:40px;align-self:stretch;transition:all .4s ease-out}#header.is-fixed .header_section{position:inherit;box-shadow:none}#header.is-fixed .megamenuitem>div:first-child{max-width:1344px;margin:0 auto}.navigation{display:flex;align-items:center;gap:20px;flex:1}.menuitem ul{display:flex;align-items:center;gap:8px;list-style:none;padding:0}.logo{width:71px;height:32px;aspect-ratio:71/32}.header-right{display:flex;height:40px;padding:8px 0;justify-content:flex-end;align-items:center;gap:var(--spacing-3,12px);flex:1 0 0}.menuitem>ul>li{border-radius:4px;display:flex;justify-content:center;align-items:center;gap:4px;margin:0}.menuitem>ul>li>a{font-size:14px;position:relative;padding:2px 6px 2px 8px;padding-right:30px;filter:opacity(1);font-weight:500;border-radius:5px;letter-spacing:.08px;line-height:24px}.menuitem>ul>li>a:after{content:"";font-size:17px;color:var(--button-secondary-bg);position:absolute;right:7px;top:3px;font-weight:500;font-family:'template-icon'}.menuitem>ul>li.active_menu>a:after{top:2px;transform:rotate(180deg)}.menuitem>ul>li>a:focus,.menuitem>ul>li>a:hover,.menuitem>ul>li>a.navON{color:var(--theme-secondary-color);transition:all .4s ease-out}.menuitem>ul>li>a.navON{background-color:var(--background-base-color)}.menuitem>ul>li.active_menu>a{color:var(--theme-secondary-color);background-color:var(--background-base-color)}.header-right{display:flex;height:40px;padding:8px 0;justify-content:flex-end;align-items:center;gap:12px;flex:1 0 0}.header-search-link>a{display:flex;padding:8px 16px 8px 12px;justify-content:center;align-items:center;gap:8px;font-size:14px;line-height:24px;letter-spacing:.08px;font-weight:500;border-radius:8px;cursor:pointer}.header-search span{color:#c4bcb7;font-size:16px}.header-search-rside a.uk-button.uk-button-primary i{padding-left:0}.header-search-link>a:focus,.header-search-link>a:hover{color:var(--theme-secondary-color);background-color:var(--background-base-color);transition:all .4s ease-out}.header-search-link>a:focus span.searchicon,.header-search-link>a:hover span.searchicon{color:#796e6b;transition:all .4s ease-out}.header-search-option{z-index:9;width:100%;margin-top:60px;position:absolute;top:-60px;left:0;opacity:0;padding:9px 24px;visibility:hidden;border-radius:12px;transition:all .4s ease-out;border-top:1px solid transparent;background:var(--Background-white,#fff);box-shadow:0 20px 36px -12px rgba(15,15,15,.05)}.header-search.active_menu .header-search-option{top:0;opacity:1;visibility:visible;transition:all .4s ease-out;border-top:1px solid #dadcda;border-top-right-radius:0;border-top-left-radius:0;-webkit-border-bottom-right-radius:12px;-webkit-border-bottom-left-radius:12px;-moz-border-radius-bottomright:12px;-moz-border-radius-bottomleft:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.header-search.active_menu .header-search-link .closeicon{color:#796e6b;font-size:11px;display:block}.header-search.active_menu .header-search-link .searchicon{display:none}.header-search-link .closeicon{display:none}.header-search.active_menu .header-search-link a{background:var(--Background-neutral,#f3f3f3)}.about-featured-menu-link a.link:focus,.about-featured-menu-link a:hover{border-bottom:solid 2px transparent!important}.header-search-lside{width:100%;padding-left:16px;display:flex;flex-direction:column;border-right:1px dashed var(--Gray-400,#b1b4b1);border:none!important}.header-search-option-item{opacity:0;max-width:1280px;display:flex;margin:0 auto;gap:16px;align-self:stretch;align-items:center;transition:all .6s ease-out;justify-content:space-between}.header-search.active_menu .header-search-option-item{opacity:1;transition:all .6s ease-out}#header.is-fixed .header-search-option{border-radius:0;margin-top:76px}.header-search-rside{width:100%;max-width:235px;display:flex;display:none;align-items:flex-start}.header-search-rside a{display:flex;padding:8px 12px;font-weight:600;justify-content:center;align-items:center;gap:4px;flex:1 0 0;box-shadow:0 1px 2px 0 rgba(15,15,15,.05)}.header-searchinput{padding-left:26px;position:relative}.header-searchinput>span{color:#717571;font-size:15px;position:absolute;top:4px;left:0}.header-searchinput input{width:100%;height:24px;color:#717571;padding:0;border:none;background:transparent;transition:all .6s ease-out}.header-search-lside label{color:#5c605d;font-size:12px;line-height:18px;font-weight:400;margin-bottom:4px}.header-search-rside span{color:#fff}.loginoption{color:var(--text-base);font-size:14px;display:flex;padding:8px 16px 8px 12px;justify-content:center;align-items:center;gap:10px;letter-spacing:.08px;font-weight:500;border-radius:8px;transition:all .4s ease-out;border:solid 1px #dadcda;background-color:transparent;line-height:24px}.loginoption i{margin-left:-7px}.loginoption span{color:var(--theme-tertiary-color);font-size:17px;transition:all .5s ease-out}.loginoption:focus,.loginoption:hover{color:var(--theme-secondary-color);background-color:var(--background-base-color);transition:all .5s ease-out}.loginoption:focus span,.loginoption:hover span{color:#796e6b;transition:all .5s ease-out}.megamenuitem{width:100%;display:none;top:0;left:0;padding:30px 24px;position:absolute;margin-top:60px;border-top:1px solid var(--Gray-300,#dadcda);background:var(--Background-white,#fff);-webkit-border-bottom-right-radius:12px;-webkit-border-bottom-left-radius:12px;-moz-border-radius-bottomright:12px;-moz-border-radius-bottomleft:12px;border-bottom-right-radius:12px;border-bottom-left-radius:12px;box-shadow:0 20px 36px -12px rgba(15,15,15,.05)}#header.is-fixed .megamenuitem{margin-top:76px}.submenulist.active_menu .megamenuitem{display:block}.menubodyactive .header_section{border-bottom-right-radius:0;border-bottom-left-radius:0}.hotel-menu{display:flex;row-gap:40px;column-gap:48px;align-self:stretch}.destination-menu-list{width:190px;height:120px;position:relative;overflow:hidden}.destination-menu-list img{height:100%;border-radius:12px;transition:all .4s ease-out}.destination-menu-item{display:inline-grid;row-gap:12px;column-gap:12px;align-self:stretch;grid-template-rows:repeat(2,fit-content(100%));grid-template-columns:repeat(3,minmax(0,1fr))}.destination-list-title{color:#fff;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:600;line-height:20px;position:absolute;bottom:15px;left:8px;z-index:1}.destination-menu-title{color:#b67233;font-size:12.5px;text-transform:uppercase;letter-spacing:1.25px;line-height:20px;font-weight:500;padding-bottom:30px}.destination-menu-list .destination-menu-img:after{z-index:1;content:'';width:100%;height:100%;left:0;top:0;position:absolute;border-radius:12px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%)}.destination-menu-img{height:100%;transition:all .4s ease-out}.destination-menu-list a{z-index:1;height:100%;display:block;overflow:hidden;position:relative;border-radius:12px;transition:all .4s ease-out;line-height:0}.destination-menu-list a:focus img,.destination-menu-list a:hover img{transform:scale(1.2);transition:all .4s ease-out}.destination-menu-list a:after{display:none}.hotel-featured-menu-title{color:#b67233;font-size:12.5px;font-weight:500;padding-bottom:30px;letter-spacing:1.25px;text-transform:uppercase;line-height:20px}.hotel-featured-sec{width:100%;display:flex;align-items:flex-start;align-self:stretch;justify-content:space-between}.hotel-featured-item{display:inline-grid;row-gap:12px;column-gap:12px;align-self:stretch;grid-template-rows:repeat(2,fit-content(100%));grid-template-columns:repeat(2,minmax(0,1fr))}.hotel-featured-list a{display:flex;border-radius:12px;border:1px solid var(--Gray-300,#dadcda);background:var(--Background-white,#fff);overflow:hidden}.hotel-featured-img{width:120px;height:120px;display:flex;overflow:hidden;flex-direction:column;justify-content:center;align-items:center;gap:8px;aspect-ratio:1/1}.hotel-featured-img img{flex:1 0 0;object-fit:cover;transition:all .4s ease-out}.hotel-featured-list a:focus img,.hotel-featured-list a:hover img{transform:scale(1.2);transition:all .4s ease-out}.hotel-featured-content{max-width:170px;display:flex;padding:12px;flex-direction:column;justify-content:space-between}.hotel-featured-title{font-size:14px;font-weight:600;line-height:20px}.hotel-featured-location{font-size:12px;color:#505451;position:relative;padding:0 0 0 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotel-featured-location span{font-size:13px;position:absolute;top:6px;left:0}a.link{font-size:14px;font-weight:500;border-bottom:solid 2px #708573;line-height:20px}a.link:hover,a.link:focus{border-bottom:solid 2px transparent}.membership-menu-sec{display:grid;column-gap:40px;align-self:stretch;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.membership-lside-item{display:flex;padding-right:40px;flex-direction:column;align-items:flex-start;gap:20px;grid-row:1/span 1;grid-column:1/span 1;justify-self:stretch;border-right:1px solid var(--Opacity-15-black,rgba(48,41,39,.15))}.membership-lside-img{width:100%;display:flex;height:172px;flex-direction:column;justify-content:center;align-items:center;gap:8px;align-self:stretch;aspect-ratio:2/1}.membership-lside-img img{border-radius:12px;height:172px;object-fit:cover}.membership-lside-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.membership-lside-title{color:#302927;font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:-.08px}.membership-lside-title a{color:#302927}.membership-lside-title a.navON,.membership-lside-title a:focus,.membership-lside-title a:hover{color:var(--button-secondary-bg)}.membership-cside-title a{color:#302927}.membership-cside-title a.navON,.membership-cside-title a:focus,.membership-cside-title a:hover{color:var(--button-secondary-bg)}.membership-lside-paragraph{overflow:hidden;color:#505451;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.08px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;align-self:stretch}.membership-cside-list{display:flex;flex-direction:column;gap:16px}.membership-cside-icon{padding-bottom:8px}.membership-cside-icon span{color:#708573;font-size:20px}.membership-cside-icon span.template-icon-benefits-icon{font-size:28px}.membership-cside-title{color:#302927;font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:-.08px;padding-top:4px}.membership-cside-content{overflow:hidden;color:#505451;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.08px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch}.membership-cside-btn{padding-top:12px}.membership-cside-btn a{color:#302927;font-size:12px;font-weight:600;padding:8px 12px;display:flex;align-items:center;transition:all .4s ease;justify-content:space-between;border-radius:var(--Brand-Radius,12px);background:#f3f3f3;line-height:18px}.membership-cside-btn a:focus,.membership-cside-btn a:hover,.membership-cside-btn a.navON{background:#f3f4e7;transition:all .4s ease}.membership-cside-btn a span{color:var(--button-secondary-bg);transition:all .4s ease}.membership-cside-btn a:focus span,.membership-cside-btn a:hover span,.membership-cside-btn a.navON span{background:#f3f4e7;transition:all .4s ease}.membership-cside-btn.menu-case-studies-listing a{margin-bottom:8px}.membership-cside-item+.membership-cside-item{padding-top:16px;border-top:1px solid var(--Opacity-15-black,rgba(48,41,39,.15))}.membership-rside-menu{min-height:352px;height:100%;padding:20px;position:relative;border-radius:16px;overflow:hidden;background:var(--BeyondGreen-pine,#1d3f21)}.menuitem>ul>li:nth-child(5) .membership-rside-menu{background:#302927}.membership-rside-menu:after{content:'';position:absolute;right:-71px;top:-145px;width:325px;height:325px;border-radius:325px;background:radial-gradient(50% 50% at 50% 50%,rgba(157,255,138,.15) 0%,rgba(157,255,138,0) 100%)}.membership-rside-pattren{font-size:32px}.membership-rside-menu .membership-rside-sec{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;align-self:stretch;grid-row:1/span 1;grid-column:3/span 1;justify-self:stretch}.membership-rside-bottm{display:flex;flex-direction:column;gap:24px;width:100%}.membership-rside-title{font-size:16px;line-height:24px;color:#fff;font-weight:600;letter-spacing:-.08px}.membership-rside-btn{display:flex;align-items:flex-start;align-self:stretch}.membership-rside-btn a{width:100%;color:#302927;font-size:14px;display:flex;font-weight:600;padding:8px 32px;gap:4px;flex:1 0 0;background:#fff;border-radius:24px;border:solid 1px #fff;align-items:center;justify-content:center;line-height:20px}.membership-rside-btn a:focus,.membership-rside-btn a:hover,.membership-rside-btn a.navON{background:#ebeaea}.consulting-menu-sec{display:grid;column-gap:40px;align-self:stretch;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.consulting-lside-item{display:flex;padding-right:40px;flex-direction:column;align-items:flex-start;gap:20px;grid-row:1/span 1;grid-column:1/span 1;justify-self:stretch;border-right:1px solid var(--Opacity-15-black,rgba(48,41,39,.15))}.consulting-lside-img{display:flex;height:172px;flex-direction:column;justify-content:center;align-items:center;gap:8px;align-self:stretch;aspect-ratio:2/1}.consulting-lside-img img{border-radius:12px;height:172px;object-fit:cover}.consulting-lside-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.consulting-lside-title{color:#302927;font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:-.08px}.consulting-lside-paragraph{overflow:hidden;color:#505451;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.08px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;align-self:stretch}.consulting-cside-list{display:flex;flex-direction:column;gap:16px}.consulting-cside-icon{padding-bottom:8px}.consulting-cside-icon span{color:#708573;font-size:20px}.consulting-cside-title{color:#302927;font-size:16px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:-.08px;padding-top:4px}.consulting-cside-content{overflow:hidden;color:#505451;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.08px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;margin-bottom:12px}.consulting-cside-btn a{padding:8px 12px;border-radius:var(--Brand-Radius,12px);background:var(--BeyondGreen-sand,#f3f4e7);font-size:12px;line-height:18px;font-weight:600;color:#302927;display:flex;justify-content:space-between;align-items:center}.consulting-cside-item+.consulting-cside-item{border-top:1px solid var(--Opacity-15-black,rgba(48,41,39,.15));padding-top:16px}.consulting-rside-menu{padding:20px;border-radius:16px;background:var(--BeyondGreen-slate,#302927);min-height:352px;height:100%;position:relative;overflow:hidden}.consulting-rside-menu:after{content:'';position:absolute;right:-71px;top:-145px;width:325px;height:325px;border-radius:325px;background:radial-gradient(50% 50% at 50% 50%,rgba(247,155,70,.15) 0%,rgba(247,155,70,0) 100%)}.consulting-rside-pattren{width:32px;height:32px;background:red}.consulting-rside-menu .consulting-rside-sec{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;align-self:stretch;grid-row:1/span 1;grid-column:3/span 1;justify-self:stretch}.consulting-rside-bottm{display:flex;flex-direction:column;gap:24px;width:100%}.consulting-rside-title{font-size:16px;line-height:24px;color:#fff;font-weight:600;letter-spacing:-.08px}.consulting-rside-btn{display:flex;align-items:flex-start;align-self:stretch}.consulting-rside-btn a{display:flex;padding:8px 32px;justify-content:center;align-items:center;gap:4px;flex:1 0 0;border-radius:24px;border:solid 1px #fff;background:#fff;width:100%;font-size:14px;line-height:20px;font-weight:600;color:#302927}.about-menu-sec{display:grid;column-gap:40px;align-self:stretch;grid-template-rows:repeat(1,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.about-lside-item{display:flex;padding-right:40px;flex-direction:column;align-items:flex-start;gap:20px;grid-row:1/span 1;grid-column:1/span 1;justify-self:stretch;border-right:1px solid var(--Opacity-15-black,rgba(48,41,39,.15))}.about-lside-img{width:100%;display:flex;height:172px;flex-direction:column;justify-content:center;align-items:center;gap:8px;align-self:stretch;aspect-ratio:2/1}#header.is-fixed .about-lside-img{align-items:flex-start}#header.is-fixed .membership-lside-img{align-items:flex-start}.about-lside-img img{border-radius:12px;height:172px;object-fit:cover}.about-lside-content{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch}.about-lside-title{color:#302927;font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.08px;transition:all .4s ease-out;line-height:24px}.about-lside-title a.navON,.about-lside-title a:focus,.about-lside-title a:hover{color:var(--button-secondary-bg);transition:all .4s ease-out}.about-lside-paragraph{overflow:hidden;color:#505451;text-overflow:ellipsis;font-size:14px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:-.08px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;align-self:stretch}.about-featured-sec{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;width:100%}.about-featured-menu-title{color:#a4672e;font-size:12.5px;text-transform:uppercase;letter-spacing:1.25px;line-height:20px;font-weight:500;padding-bottom:20px}.about-rside-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-3,12px);align-self:stretch}.about-featured-list{display:flex;align-items:flex-start;align-self:stretch;border-radius:12px;border:1px solid var(--Gray-300,#dadcda);background:var(--Background-white,#fff);overflow:hidden}.about-featured-img{display:flex;width:120px;height:96px;flex-direction:column;justify-content:center;align-items:center;gap:8px}.about-featured-img a{height:100%}.about-featured-img img{height:100%;flex:1 0 0;object-fit:cover}.about-featured-content{display:flex;padding:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;flex:1 0 0;align-self:stretch}.about-featured-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:stretch;overflow:hidden;font-size:14px;line-height:20px;font-weight:600}.about-featured-link a{color:#0e100f;font-size:12px;border-bottom:solid 1px #708573;line-height:18px}.about-featured-link a:focus,.about-featured-link a:hover{border-bottom:solid 1px transparent}.about-cside-item ul{flex-direction:column;align-items:flex-start;gap:16px}.about-cside-item ul li{width:100%;padding:0 0 16px 0;border-bottom:solid 1px var(--Opacity-15-black,rgba(48,41,39,.15))}.about-cside-item ul li a{font-size:14px;font-weight:600;letter-spacing:-.08px;transition:all .4s ease-out;line-height:24px}.about-cside-item ul li a.navON,.about-cside-item ul li a:hover,.about-cside-item ul li a:focus,.about-cside-item ul li a.is-page-active{color:var(--button-secondary-bg)}.autosuggestion-box{z-index:99;width:100%;max-width:1000px;max-height:calc(494px - 80px);display:none;position:absolute;left:0;top:34px;padding:0;overflow:hidden;border-radius:12px;border:1px solid var(--gray-200);background:var(--background-white-color);box-shadow:0 20px 24px -4px rgba(15,15,15,.08),0 8px 8px -4px rgba(15,15,15,.03)}.autosuggestion-box>ul{max-height:calc(494px - 80px);margin:0;padding:var(--spacing-1) var(--spacing-3);display:flex;overflow:auto;flex-direction:column;grid-row-gap:10px}.autosuggestion-box>ul>li{display:inline-block;text-align:left;padding-left:23px;position:relative}.prediction-item:before{content:"";font-family:'template-icon';position:absolute;left:0;color:#717571;font-size:14px}.autosuggestion-box>ul>li .property-name{cursor:pointer;color:var(--text-base);font-size:14px;position:relative;font-weight:500;letter-spacing:-.08px;text-transform:capitalize}.autosuggestion-box>ul>li .address-property{color:#717571;font-size:12px;font-weight:400;padding-left:var(--spacing-2);letter-spacing:0;text-transform:capitalize}.autosuggestion-box>ul>li:hover .property-name,.autosuggestion-box>ul>li:focus .property-name{color:var(--button-primary-bg)}.autosuggestion-box>ul>li:hover .address-property,.autosuggestion-box>ul>li:focus .address-property{color:var(--button-primary-bg)}li.non-prediction-item{position:relative;margin-bottom:20px}.autosuggestion-box>ul>li .group-title{position:absolute;left:-12px;top:-3px;color:#717571;font-size:12.5px;background:#e5e5e5;width:102.5%;-webkit-border-top-left-radius:12px;-webkit-border-top-right-radius:12px;-moz-border-radius-topleft:12px;-moz-border-radius-topright:12px;border-top-left-radius:4px;border-top-right-radius:4px;padding:1px 12px}.autosuggestion-box .nosearch{padding:10px 20px}.name:before{display:none}@media(max-width:1320px){.hotel-menu{justify-content:space-between}.destination-menu-item{grid-template-rows:repeat(2,fit-content(100%));grid-template-columns:repeat(2,minmax(0,2fr))}.megamenuitem{min-height:494px}}@media(max-width:1120px){.hotel-featured-item{grid-template-rows:repeat(1,fit-content(100%));grid-template-columns:repeat(1,minmax(0,1fr))}.megamenuitem{min-height:632px}}@media(max-width:1080px){.header-right{gap:5px}.header_item{gap:30px;padding:10px 15px}.loginoption{font-size:12px;padding:8px 9px 8px 9px}.header-search-link>a{font-size:12px;padding:8px 10px 8px 10px}}@media(min-width:961px){.header__toggler{display:none!important}}@media(max-width:975px){#header.is-fixed .header__container{padding-right:0;padding-left:0}}@media(max-width:960px){:root{--header-height:60px}.menuitem>ul>li>a{width:100%;display:block}.menuitem>ul>li>a.navON{color:var(--text-base)}.for-mobile-menu{display:block!important}.for-desktop-menu{display:none!important}.header__toggler-btn{min-width:20px;color:#c4bcb7;font-size:24px;padding:7px;border:0;display:flex;border-radius:8px;margin:0;cursor:pointer;align-items:center;border:1px solid #dadcda;background:transparent;justify-content:flex-end;line-height:1}.header__toggler-btn.is-active{color:var(--text-white);background-color:var(--theme-secondary-color)}.header__toggler-btn .is-togglemenu-active{display:none}.header__toggler-btn .is-togglemenu-close{display:block}.is-header-active{overflow:hidden}.is-header-active .header__toggler-btn .is-togglemenu-active{display:block;font-size:24px}.is-header-active .header__toggler-btn .is-togglemenu-close{display:none}.header-collapsible{z-index:9;width:360px;height:calc(100vh - 370px);position:fixed;top:60px;left:-100%;overflow:auto;border-radius:12px;-webkit-overflow-scrolling:touch;transition:left .8s ease;box-shadow:0 20px 45px -26px #000;background-color:var(--background-white-color)}.is-header-active .header-collapsible{left:0;transition:left .8s ease}.navmenu__list{z-index:10;display:block;position:relative}.menuitem ul{display:block;padding:0 16px}.menuitem>ul>li{display:block;padding:15px 0;border-bottom:1px solid var(--Opacity-15-black,#30292726)}.menuitem>ul>li:last-child{border:none}.menuitem>ul>li>a{font-size:16px;font-weight:600}.menuitem>ul>li>a:after{display:none}.megamenuitem{padding:0;display:block;position:relative;margin:0;border:none;box-shadow:none;min-height:auto}#header.is-fixed .megamenuitem{margin-top:0}#header.is-fixed .header-collapsible{top:77px}.is-header-active #header.is-fixed .header-collapsible{left:0}.about-lside-menu{display:none}.about-rside-menu{display:none}.membership-lside-menu{display:none}.membership-rside-menu{display:none}.membership-cside-content{display:none}.membership-cside-icon{display:none}.about-menu-sec{display:block}.about-cside-item ul li a{width:100%;display:block;padding:var(--spacing-2);font-weight:500;border-radius:12px;line-height:16px}.about-cside-item ul li{border:none}.menuitem .about-cside-item ul{padding:16px 16px 0 16px}.about-cside-item ul li{padding:0 0 10px 0}.membership-menu-sec{display:block}.membership-cside-list{display:block}.membership-cside-title{font-size:14px;font-weight:500}.membership-cside-item+.membership-cside-item{padding:0;border:none}.membership-cside-btn{padding-top:12px;padding-bottom:10px}.membership-cside-list{display:block;padding-top:10px;padding-left:16px}.header-search-link>a{font-size:0}.header-search-link>a span{left:5px;position:relative}.menuitem>ul>li>a.navON{background:transparent}.menuitem>ul>li>a.is-page-active{color:var(--theme-secondary-color);background-color:var(--background-base-color)}.about-cside-item ul li a.navON,.about-cside-item ul li a:hover,.about-cside-item ul li a:focus,.about-cside-item ul li a.is-page-active{color:var(--theme-secondary-color);background-color:var(--background-base-color)}.membership-cside-title a{width:100%;display:block;padding:var(--spacing-2);font-weight:500;border-radius:12px;line-height:16px}.membership-cside-title a.navON,.membership-cside-title a:focus,.membership-cside-title a:hover{color:var(--theme-secondary-color);background-color:var(--background-base-color)}.membership-cside-btn a span{color:var(--theme-secondary-color)}.is-header-active #header.is-fixed .header-collapsible{border-radius:0 0 12px 12px}}@media(max-width:767px){body{font-size:14px;line-height:24px}#header{top:15px}body.menubodyactive:after{background-color:transparent}.loginoption{font-size:0;padding:8px 2px 8px 2px}.loginoption span{font-size:20px;left:7px;position:relative}.header-collapsible{width:calc(100% - 32px);height:calc(100vh - 115px);top:60px;border-radius:0 0 12px 12px;box-shadow:0 12px 25px -17px #000;border-top:1px solid var(--Gray-300,#dadcda)}.is-header-active .header_section{border-bottom-right-radius:0;border-bottom-left-radius:0}.is-header-active .header-collapsible{width:100%;left:0;transition:left .8s ease}#header.is-fixed .header-collapsible{top:76px}.is-header-active #header.is-fixed .header-collapsible{width:100%;top:76px;left:0}}@media(max-width:600px){.header-search-option{padding:9px 12px}.header-search-lside{padding:0}.header-search-rside{max-width:100%}.header-search-rside a{font-size:12px}}@media(max-width:500px){.header-search-option-item{display:block}.header-search-lside{padding:0 0 5px 0;border-right:none;border-bottom:1px dashed var(--Gray-400,#b1b4b1)}.header-search-rside{margin:0 auto;margin-top:10px}}@media(max-width:400px){.header_item{gap:14px}}@media(max-width:359px){.header_item{gap:5px}}@media(max-width:336px){.header_item{gap:2px}.header-search span{font-size:16px}.loginoption{padding:5px 2px 5px 2px}.loginoption span{font-size:16px;left:7px}}@media(max-height:760px){.hotel-featured-item{height:400px;padding-right:25px;overflow-y:auto}} footer.footer{padding:0 20px;padding-top:var(--spacing-5);position:relative}.uk-container.footer-widget-container{width:100%;max-width:100%;padding-left:0;padding-right:0}.footer-highlight-bg{padding:48px 20px 20px 20px;border-radius:12px;background-color:var(--background-base-color)}.footer-highlight-bg .uk-container.footer-widget-container{display:flex;flex-direction:column;gap:var(--spacing-20)}.footer-top-section{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.footer-logo-item{display:flex;flex-direction:column;align-items:flex-start;gap:24px;flex:1 0 0}.footer-top-logo{padding:0 22px}.footer-logo-section{padding:0 40px;display:flex;gap:24px;flex:1 0 0;flex-direction:column}.footer-quick-list{display:flex;justify-content:space-between;align-items:flex-start;flex:1 0 0}.footer-links-item{display:flex;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;flex:1 0 0}.footer-box-list{transition:all .4s ease-out}.footer-box-item .footer-box-item-block:nth-child(1) a:focus .footer-box-list,.footer-box-item .footer-box-item-block:nth-child(1) a:hover .footer-box-list{transition:all .4s ease-out;background-color:var(--theme-secondary-color)}.footer-box-item .footer-box-item-block a:focus span.footer-largesize,.footer-box-item .footer-box-item-block a:hover span.footer-largesize{color:var(--text-white)}.footer-box-item .footer-box-item-block:nth-child(2) a:focus .footer-box-list,.footer-box-item .footer-box-item-block:nth-child(2) a:hover .footer-box-list{transition:all .4s ease-out;background-color:#302927}.footer-box-item .footer-box-item-block:nth-child(2) a .footer-box-title span.template-icon-arrow-down{color:#796e6b}.footer-box-item .footer-box-item-block:nth-child(2) a:focus .footer-box-title span.template-icon-arrow-down,.footer-box-item .footer-box-item-block:nth-child(2) a:hover .footer-box-title span.template-icon-arrow-down{color:#796e6b}.footer-link-list ul{display:flex;gap:16px;flex-direction:column;list-style:none;padding:0}.footer-link-list ul li a{font-size:14px;font-weight:500;position:relative;letter-spacing:.08px;border-bottom:1px solid transparent;line-height:24px}.footer-link-list ul li a.third-party-url:after{content:"";font-size:14px;top:-3px;right:-18px;position:absolute;transform:rotate(-136deg);font-weight:normal;font-family:'template-icon'}.footer-link-list ul li a:focus,.footer-link-list ul li a.navON,.footer-link-list ul li a:hover{transition:all .4s ease-out;border-bottom:1px solid var(--button-secondary-bg)}.footer__social-item a{width:28px;height:28px;font-size:12px;display:flex;padding:6px 5px;border-radius:100%;aspect-ratio:1/1;transition:all .4s ease-out;border:solid 1px #dadcda;flex-direction:column;justify-content:center;align-items:center}.footer__social-item a:focus,.footer__social-item a:hover{color:var(--text-white);transition:all .4s ease-out;background-color:var(--theme-secondary-color)}.footer__social-item{display:flex;gap:10px;justify-content:center}.footer-link-title{color:#9b622c;font-size:12.5px;text-transform:uppercase;letter-spacing:1.25px;line-height:20px;font-weight:500}.footer-box-item{display:flex;gap:20px;align-items:center;align-self:stretch;justify-content:space-between}.footer-box-item-block{width:50%}.footer-box-list{height:286px;border-radius:16px;padding:24px;display:flex;flex:1 0 0;flex-direction:column;justify-content:space-between;align-items:flex-start;border:solid 1px rgba(48,41,39,.15)}.footer-box-pattren{font-size:40px}.footer-box-title span.footer-largesize{font-size:52px;font-weight:400;letter-spacing:-.5px;font-family:var(--display-font);line-height:64px}.footer-box-title span.template-icon-arrow-down{color:var(--button-secondary-bg);font-size:40px;transform:rotate(-140deg)}.footer-box-title{display:flex;align-items:flex-end;gap:32px;align-self:stretch;justify-content:space-between}.footer-box-title a{display:flex;width:40px;height:40px;flex-direction:column;align-items:flex-end;aspect-ratio:1/1}.footer-copyright{padding:20px 20px 8px}.footer-copyright-grid{display:flex;align-items:center;align-self:stretch;justify-content:space-between}.copyright-text{font-size:14px;padding:8px 0;font-weight:500;letter-spacing:.08px;line-height:24px;filter:opacity(1)}.footer-bottom-links ul{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex:1 0 0;list-style:none}.footer-bottom-links ul li a{font-size:14px;font-weight:600;letter-spacing:.08px;border-bottom:1px solid transparent;line-height:24px;filter:opacity(1)}.footer-bottom-links ul li a:focus,.footer-bottom-links ul li a.navON,.footer-bottom-links ul li a:hover{transition:all .4s ease-out;border-bottom:1px solid var(--button-secondary-bg)}body.main-home-page-temp footer.footer{padding-top:500px;padding-left:0;padding-right:0;margin-top:-271px;background-size:140%;background-position:40% 40%;background-repeat:no-repeat}body.main-home-page-temp footer.footer.home-bg-footer{background-image:url(https://assets.milestoneinternet.com/preferred-hotels-resorts/beyond-green-366000-3/image-noindex/home-footer-bg.jpg?width=1920)}body.main-home-page-temp footer.footer:before{content:'';width:100%;height:100%;top:0;left:0;position:absolute;background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,0) 38.52%)}body.main-home-page-temp .footer-copyright{padding-top:315px}body.main-home-page-temp .footer-highlight-bg{z-index:1;position:relative;margin:0 16px}body.main-home-page-temp .footer-copyright{z-index:1;position:relative}body.main-home-page-temp .footer-copyright:before{content:'';width:100%;height:96px;bottom:0;left:0;position:absolute;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%)}body.main-home-page-temp .footer-copyright:after{content:'';left:0;position:absolute;backdrop-filter:blur(8px);inset:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(to bottom,transparent 0%,transparent 55%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.8) 85%,rgba(0,0,0,1) 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 55%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.8) 85%,rgba(0,0,0,1) 100%);pointer-events:none}body.main-home-page-temp .uk-container.footer-widget-container{z-index:2;position:relative;padding:0;border-top:1px solid rgba(255,255,255,.3)}body.main-home-page-temp .copyright-text{color:#fff}body.main-home-page-temp .footer-bottom-links ul li a{color:#fff}body.main-home-page-temp .footer-bottom-links ul li a:focus,body.main-home-page-temp .footer-bottom-links ul li a.navON,body.main-home-page-temp .footer-bottom-links ul li a:hover{border-bottom:1px solid #fff}@media(max-width:1600px){body.main-home-page-temp footer.footer{background-size:160%}}@media(max-width:1450px){body.main-home-page-temp footer.footer{background-size:170%}}@media(max-width:1360px){body.main-home-page-temp footer.footer{background-size:180%}}@media(max-width:1290px){body.main-home-page-temp footer.footer{background-size:200%}}@media(max-width:1159px){body.main-home-page-temp footer.footer{background-size:240%}}@media(max-width:1096px){.footer-box-title span.footer-largesize{font-size:42px;line-height:48px}}@media(max-width:959px){body.main-home-page-temp footer.footer{padding-top:330px;background-size:cover}body.main-home-page-temp .footer-copyright{padding-top:215px}body.main-home-page-temp .footer-copyright:before{height:150px}body.proerty-home-page-temp footer.footer{padding-bottom:80px}.footer-copyright-grid{flex-direction:column}.footer-bottom-links{padding:10px 0}.footer-logo-item{align-items:center}.footer-highlight-bg .uk-container.footer-widget-container{gap:var(--spacing-10)}.footer-top-section{display:block}.footer-quick-list{padding-top:var(--spacing-10);padding-left:30px}.footer-box-title span.footer-largesize{font-size:30px;line-height:38px}}@media(max-width:767px){.footer-box-item-block{width:100%}.footer-box-list{height:200px}.footer-highlight-bg{margin:0 16px}.footer-box-item{flex-direction:column}.footer-box-title{gap:0}.footer-box-title span.footer-largesize{font-size:32px;line-height:40px}body.main-home-page-temp .footer-copyright{padding-top:140px}.footer-bottom-links ul{padding:0}.footer-quick-list{padding-left:0}.footer-copyright{padding:20px 5px 8px}footer.footer{padding:0}.footer-highlight-bg .uk-container.footer-widget-container{padding:0}.uk-container.footer-widget-container{padding:0}body.main-home-page-temp footer.footer{padding-top:400px;margin-top:-350px}}@media(max-width:540px){.footer-bottom-links ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;padding:0;margin:0}body.main-home-page-temp .footer-bottom-links ul li:nth-child(-n+3){flex:0 0 auto}body.main-home-page-temp .footer-bottom-links ul li:last-child{text-align:center}}@media(max-width:400px){.footer-box-title{gap:10px}.footer-box-list{padding:15px}.footer-box-title span.footer-largesize{font-size:25px;line-height:30px}.footer-box-title span.template-icon-arrow-down{font-size:22px}}@media(max-width:389px){.footer-link-title{font-size:10px}.footer-link-list ul li a{font-size:12px}.footer-link-list ul{display:flex;gap:8px}} .filter-section { padding: 40px 0 64px; background: var(--background-white-color); } .page-hidden { display: none !important; } .map-hidden { display: none !important; } .filter-engine.hotelviews.ismapview .map-placeholder .H_ib_content:hover .card__title h3 { border-bottom: 1px solid var(--beyondgreen-slate); } .partner-itineraries-filter .card__actions a.card__cta.uk-button-primary:after { display: none; } /* ── Tab bar ─────────────────────────────────────────────── */ .filter-section ul.filter-subnav li a { color: var(--beyondgreen-slate); font-size: 14px; display: flex; padding: 10px 12px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px; background: #F3F3F3; font-style: normal; font-weight: 500; letter-spacing: -0.08px; text-transform: uppercase; text-align: center; line-height: 16px; } .filter-section ul.filter-subnav li a:focus, .filter-section ul.filter-subnav li a:hover, .filter-section ul.filter-subnav li.uk-active a { color: var(--text-white); background: #796E6B; } .filter-subnav { padding: 15px 8px; display: flex; flex-wrap: wrap; align-items: center; list-style: none; margin: 0; gap: 16px; border-bottom: solid 1px #DADCDA; } .filter-toolbar { padding: 40px 0 0; display: flex; align-items: flex-end; gap: 40px; align-self: stretch; } .filter-wrap { display: flex; align-items: flex-start; flex-direction: column; gap: 6px; } /* UIkit subnav override — pill-style tabs */ .tabs > li > a.tab { font: var(--body-text-fonts, 400 16px/24px 'Inter', sans-serif); font-weight: 600; letter-spacing: var(--caption-sm-letter-spacing, 1.25px); text-transform: uppercase; color: var(--gray-500, #737373); padding: var(--spacing-4, 16px) var(--spacing-8, 32px); border: none; border-bottom: 3px solid transparent; background: transparent; text-decoration: none; display: block; transition: color 0.2s ease, border-color 0.2s ease; } /* Active tab state */ .tabs > li.uk-active > a.tab { color: var(--theme-primary-color, #000000); border-bottom-color: var(--theme-secondary-color, #856D4B); } .tabs > li > a.tab:hover { color: var(--theme-primary-color, #000000); text-decoration: none; } .tab__count { font-weight: 400; opacity: 0.7; } /* ── Toolbar (filter + toggle row) ──────────────────────── */ .toolbar { background: var(--background-white-color, #FFFFFF); padding: var(--spacing-5, 20px) var(--spacing-8, 32px); border-bottom: 1px solid var(--elements-inputs-default-border, #ADADAD); gap: var(--spacing-6, 24px); } /* ── Destination select ───────────────────────────────── */ .filter-wrap .uk-form-label { color: var(--text-base); font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 0; line-height: 20px; } .select-wrap { position: relative; } .select-wrap:after { content: "\ed38"; color: var(--text-base); font-size: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-weight: 500; pointer-events: none; font-family: 'template-icon'; } .destination-select { min-width: 374px; width: 100%; } .selectdropdown { color: #0F0F0F; background: #fff; border: solid 1px #ADADAD; cursor: pointer; width: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.20), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12); display: flex; padding: 8px 14px; align-items: center; gap: 8px; align-self: stretch; border-radius: 12px; } .selectdropdown:focus { border: solid 1px #ff9191; } .filter-list { display: flex; justify-content: space-evenly; gap: 18px; } .filter-hotel .selectdropdown { width: 207px; /* color: #B1B4B1 !important;*/ color: #6F766F !important; padding: 7px 30px 7px 14px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-image: none !important; border: solid 1px #B1B4B1; } .filter-hotel .selectdropdown:focus { border-color: #000; outline: 1px solid; } .filter-hotel .selectdropdown:valid { color: var(--beyondgreen-slate); } .filter-result { padding: 16px 0 0 0; color: var(--text-base); font-family: inherit; font-size: 16px; font-style: normal; font-weight: 600; letter-spacing: -0.08px; line-height: 24px; } body.andbeyond .filter-result { display: none; } /* ── Map view toggle ─────────────────────────────────────── */ .map-toggle { gap: 14px; top: -8px; position: relative; } .map-toggle__label { color: #0E100F; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0; } /* Custom toggle switch */ .switch { position: relative; display: inline-flex; align-items: center; cursor: pointer; } .switch input[type="checkbox"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; } .switch__track { display: inline-block; width: 48px; height: 24px; background: #B1B4B1; border-radius: 70px; position: relative; } .switch__thumb { width: 18px; height: 18px; display: block; border-radius: 50%; position: absolute; top: 2.5px; left: 3px; transition: transform 0.25s ease; background: var(--background-white-color); box-shadow: 0 1px 3px rgba(0,0,0,0.25); } .switch input[type="checkbox"]:checked + .switch__track { background: var(--button-primary-bg); } .switch input[type="checkbox"]:checked + .switch__track .switch__thumb { transform: translateX(23px); } /* Focus ring for keyboard users */ .switch input[type="checkbox"]:focus-visible + .switch__track { outline: 2px solid var(--button-primary-bg); outline-offset: 2px; } /* ── Hidden filter buttons (UIkit Filter engine) ────────── */ .hidden-filters { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; pointer-events: none; } .filter-engine { position: relative; } /* ── Map view panel ──────────────────────────────────────── */ .map-panel { min-height: 300px; display: flex; border-radius: 12px; align-items: center; justify-content: center; margin-top: 40px; margin-bottom: var(--spacing-8, 32px); background: var(--background-neutral-color, #E5E5E5); } .map-placeholder { width: 100%; height: 720px; color: var(--gray-500, #737373); text-align: center; overflow: hidden; border-radius: 12px; border: 1px solid #DADCDA; } .map-placeholder .ms-map{ height: 100% !important;} .map-placeholder p { font: var(--body-text-fonts, 400 16px/24px 'Inter', sans-serif); margin: 0; } /* ── Hotel card grid ─────────────────────────────────────── */ .js-hotel-grid { list-style: none; margin-left: -24px; row-gap: 24px; margin-top:40px; } .js-hotel-grid>* { padding-left: 24px } /* UIkit filter hidden state transition */ .js-hotel-grid > .uk-hidden { display: none !important; } /* ── Hotel card ──────────────────────────────────────────── */ .card { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; overflow: hidden; box-shadow: none; border-radius: var(--Brand-Radius, 12px); border: 1px solid var(--Gray-300, #DADCDA); background: var(--Background-white, #FFF); } .card-item{margin-top: 0px !important;} /* Card image */ .card__image { overflow: hidden; display: flex; height: 410.667px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; align-self: stretch; aspect-ratio: 1/1; } .card__image img { width: 100%; height: 100%; object-fit: cover; display: block; flex: 1 0 0; align-self: stretch; transition: 0.5s; } .card:focus .card__image img, .card:hover .card__image img { transform: scale(1.04); } /* Card body */ .card__body { display: flex; padding: var(--spacing-5, 20px) 20px; flex-direction: column; align-items: flex-start; gap: var(--spacing-4, 16px); align-self: stretch; } .card__title { display: flex; align-items: flex-start; gap: var(--spacing-3, 12px); align-self: stretch; flex-direction: column; } .card__name { width: 100%; font-size: 18px; font-weight: 500; margin: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* flex: 1 0 0; */ letter-spacing: -0.08px; font-family: var(--headers-font); /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid transparent; line-height: 28px; } .card__name span { border-bottom: 1px solid transparent; } .card:focus .card__name span, .card:hover .card__name span { border-bottom: 1px solid var(--beyondgreen-slate); } .card_desc { color: #505451; font-size: 14px; font-weight: 400; line-height: 20px; } /* Location */ .card__location { color: #505451; display: flex; align-items: flex-start; gap: 4px; flex: 1 0 0; font-size: 14px; line-height: 24px; letter-spacing: -0.08px; font-weight: 500; } .card__location .mappin { color: var(--button-secondary-bg); font-size: 15px; flex-shrink: 0; margin-top: 5px; } .card__location .totalnight { position: relative; padding-left: 14px; } .card__location .totalnight:after { content: ''; display: block; width: 4px; height: 4px; background: #505451; border-radius: 100%; position: absolute; top: 10px; left: 3px; } /* Card actions row */ .card__actions { flex-wrap: wrap; display: flex; padding-right: var(--spacing-2, 8px); justify-content: space-between; align-items: center; align-self: stretch; } .partner-itineraries-filter .card__actions { margin-top: auto; } .card__actions a.uk-button-primary.with-bg-clr { padding: 7px 30px; } /* .card__actions a.uk-button-primary.with-bg-clr:after { display: none; }*/ /* Book now — primary CTA */ /* .card__cta.uk-button-primary { height: auto; min-height: 36px; font-weight: 600; font-size: 14px; color: var(--button-primary-text, #FFFFFF); border-radius: 24px; padding: 4px 31px; border: solid 1px #708573; background: #708573; box-shadow: 0 1px 2px 0 rgba(15, 15, 15, 0.05); line-height: normal; } .card__cta.uk-button-primary .card__cta.uk-button-primary:hover, .card__cta.uk-button-primary:focus { background: var(--button-primary-hover-bg); color: #708573; text-decoration: none; } .card__cta.uk-button-primary:focus-visible { background: var(--button-primary-hover-bg); color: #708573; text-decoration: none; } */ /* View hotel details — text link */ .card__details-link { color: #0E100F; } /* ── Pagination ──────────────────────────────────────────── */ .pagination { padding: var(--spacing-8, 32px) var(--spacing-8, 32px) 0; } .uk-pagination > li > a, .uk-pagination > li > span { font: var(--body-text-fonts, 400 16px/24px 'Inter', sans-serif); color: var(--text-base, #0F0F0F); border: 1px solid var(--elements-inputs-default-border, #ADADAD); border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease, color 0.2s ease; } .uk-pagination > li.uk-active > span { background: var(--theme-primary-color, #000000); color: var(--background-white-color, #FFFFFF); border-color: var(--theme-primary-color, #000000); font-weight: 600; } .uk-pagination > li > a:hover { background: var(--background-neutral-color, #E5E5E5); text-decoration: none; } /* ── Empty state (Partner Itineraries panel) ─────────────── */ .empty-state { min-height: 300px; text-align: center; } .empty-state__icon { color: var(--elements-inputs-default-border, #ADADAD); } .empty-state__heading { font-family: var(--headers-font, 'Playfair', serif); font-size: var(--h3-md-font-size, 38px); line-height: var(--h3-md-line-height, 52px); color: var(--text-base, #0F0F0F); margin: 0; } .empty-state__message { font: var(--body-text-fonts, 400 16px/24px 'Inter', sans-serif); color: var(--gray-500, #737373); margin: 0; } .no-hotel-found { display:none; text-align:center; padding:40px 20px; font-size:20px; font-weight:600; } .pin-icon { width: 30px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; text-align: center; position: absolute; top: -40px; left: -17px; cursor: pointer;} .here_marker.active .pin-icon { background-image: url(https://assets.milestoneinternet.com/preferred-hotels-resorts/beyond-green-366000-3/image-noindex/location-icon-active.png)!important; } .map-placeholder .H_ib_body { background: var(--background-white-color); position: absolute; bottom: 49px; padding: 0; right: -160px; border-radius: 12px; margin-right: 0; margin-bottom:0; display: flex; width: 320px; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: var(--spacing-none, 0); box-shadow: 0 12px 16px -4px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(15, 15, 15, 0.03); } .map-placeholder .H_ib_content { min-width: 320px; margin: 0; line-height: 24px; width: 100%; } .map-placeholder .card__image { overflow: visible; display: flex; height: 200px; flex-direction: column; justify-content: center; align-items: center; gap: 8px; align-self: stretch; aspect-ratio: 1/1; width: 100%; object-fit: cover; } .map-placeholder .card__image a.mapcardurl{ position: absolute; width: 100%; height: 100%; top: 0; } .map-placeholder .card__image img { -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; width: 320px; } .map-placeholder .card__title { display: flex; align-items: flex-start; gap: var(--spacing-1); align-self: stretch; flex-direction: column; padding: var(--spacing-3) var(--spacing-4); } .map-placeholder .card__title h3 { color: var(--beyondgreen-slate); font-size: 18px; font-style: normal; font-weight: 500; letter-spacing: -0.08px; overflow: hidden; flex: auto; margin: 0; text-align: left; font-family: var(--headers-font); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 28px; width: auto; } .map-placeholder .card__location { color: #505451; text-overflow: ellipsis; font-family: var(--paragraph-font); font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.08px; } .map-placeholder .H_ib_close { background: var(--button-secondary-bg); font-size: 14px; position: absolute; right: 12px; width: 25px; height: 25px; cursor: pointer; top: 12px; z-index: 1; box-shadow: none; border-radius: 100%; padding: 7px 7px; } .map-placeholder .H_ib_close svg.H_icon { fill: #fff; } .map-placeholder .H_ib_close:hover { background: var(--background-white-color); } .map-placeholder .H_btn:hover > svg.H_icon { fill: var(--button-primary-bg); } .map-placeholder .H_ib_tail { margin: -50px -11px; } .map-placeholder .H_ib.H_ib_top .H_ib_tail::after { border-width: 0 10px 0px 10px; border-color: #708573 transparent; } .map-placeholder .H_ib_tail::after { border-color: #708573; } .map-placeholder .H_ib.H_ib_top .H_ib_tail::before { border-top-color: #708573; } .partner-itineraries-filter .filter-toolbar{ justify-content: start;} .ismapview .pagination-container{display:none} .filter-hotel .singleselectdropdown {width: 402px;} .map-placeholder .H_ib_body { bottom: -18rem; } .map-placeholder .H_ib_tail { top: 3rem; transform: rotate(180deg); } @media (max-width: 1200px) { .card__actions a.uk-button-primary.with-bg-clr { font-size: 12px; padding: 7px 15px; } .card__actions .card__details-link { font-size: 12px; } .card__actions { padding-right: 0; } /* .partner-itineraries-filter .card__actions a.uk-button-primary.with-bg-clr { padding: 7px 18px; } */ } @media only screen and (min-width: 992px) and (max-width: 1070px) { .card__actions { flex-direction: column; } .card__actions a.uk-button-primary.with-bg-clr { width: 100%; font-size: 14px; padding: 7px 6px; } .card__actions .card__details-link { font-size: 14px; margin-top: 10px; } } @media (max-width: 767px) { body.hotels div#mobile-state-select ul.uk-list.option-list li:first-child { display: none !important; } .card__actions a.uk-button-primary.with-bg-clr { font-size: 14px; padding: 7px 10px; } .card__actions .card__details-link { font-size: 14px; } } @media (max-width: 400px) { .card__actions { flex-direction: column; } .card__actions a.uk-button-primary.with-bg-clr { width: 100%; margin-bottom: 10px; } } @media (min-width: 993px) { .js-hotel-grid > li { width: 33.333%; } } @media (min-width: 640px) and (max-width: 992px) { .js-hotel-grid > li { width: 50%; } } @media (max-width: 639px) { .js-hotel-grid > li { width: 100%; } } @media (max-width: 959px) { .map-placeholder { height: 640px; } .filter-engine { padding: var(--spacing-6) 0; } .card__name { font-size: 16px; line-height: 24px; } } @media (max-width: 767px) { .filter-panel .mobile-screen ul.uk-list li { width: 100%; display: block !important; } .card__actions { padding-right: 0; } .map-placeholder .H_ib_body { bottom: -17.2rem; } .for-mobile-hotels input.uk-radio { display: none; } .map-placeholder .card__title h3 { font-size: 14px; line-height: 20px; } .map-placeholder .card__title { gap: 0; } .filter-section { padding: 40px 0 20px 0; } .tabs-bar { padding: 0 var(--spacing-4, 16px); overflow-x: auto; } .tabs > li > a.tab { font-size: 13px; padding: var(--spacing-3, 12px) var(--spacing-4, 16px); white-space: nowrap; } .toolbar { flex-direction: column; align-items: stretch; padding: var(--spacing-4, 16px); gap: var(--spacing-4, 16px); } .filter-wrap { flex-direction: column; align-items: stretch; gap: var(--spacing-2, 8px); } .destination-select { width: 100%; min-width: unset; } .map-toggle { justify-content: space-between; } .filter-engine { padding: var(--spacing-4) 0; } .card__body { padding: var(--spacing-4, 16px); } .card__name { font-size: var(--card-title-md-font-size, 20px); line-height: var(--card-title-md-line-height, 24px); } .empty-state__heading { font-size: var(--h3-sm-font-size, 32px); line-height: var(--h3-sm-line-height, 48px); } .pagination { padding: var(--spacing-6, 24px) var(--spacing-4, 16px) 0; } .card__name { font-size: 14px; line-height: 22px; } .card__title { gap: 5px; } .card__actions a.uk-button-primary.with-bg-clr { padding: 7px 15px; } } @media (min-width: 768px) and (max-width: 959px) { .filter-engine { padding: var(--spacing-6) 0; } .destination-select { min-width: 220px; } } @media (max-width: 639px) { .card__image { height: 358px; } .card__actions a.uk-button-primary.with-bg-clr { padding: 7px 25px; } } @media (max-width: 375px) { .card__actions a.uk-button-primary.with-bg-clr { padding: 7px 15px; } } /* ── Dynamically generated pagination (script.js) ───────── */ .pagination .uk-pagination { gap: var(--spacing-2, 8px); flex-wrap: wrap; justify-content: center; } /* Prev / Next chevron buttons */ .pagination .pag-prev, .pagination .pag-next { font: var(--body-text-fonts, 400 16px/24px 'Inter', sans-serif); font-weight: 600; background: none; border: 1px solid var(--elements-inputs-default-border, #ADADAD); border-radius: 50%; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text-base, #0F0F0F); transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; padding: 0; line-height: 1; } .pagination .pag-prev:hover:not(:disabled), .pagination .pag-next:hover:not(:disabled) { background: var(--background-neutral-color, #E5E5E5); } .pagination .pag-prev:disabled, .pagination .pag-next:disabled { opacity: 0.35; cursor: not-allowed; } .pagination .pag-prev:focus-visible, .pagination .pag-next:focus-visible, .pagination .pag-page:focus-visible { outline: 2px solid var(--elements-inputs-focused-border, #000000); outline-offset: 2px; } /* Numbered page buttons */ .pagination .pag-page { font: var(--body-text-fonts, 400 16px/24px 'Inter', sans-serif); background: none; border: 1px solid var(--elements-inputs-default-border, #ADADAD); border-radius: 50%; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; color: var(--text-base, #0F0F0F); transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; padding: 0; } .pagination .pag-page:hover { background: var(--background-neutral-color, #E5E5E5); } .pagination .pag-page[aria-current="page"] { background: var(--theme-primary-color, #000000); color: var(--background-white-color, #FFFFFF); border-color: var(--theme-primary-color, #000000); font-weight: 600; cursor: default; } /* Ellipsis span */ .pagination .pag-ellipsis { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: var(--gray-500, #737373); font: var(--body-text-fonts, 400 16px/24px 'Inter', sans-serif); } /* Items-per-page notice (screen reader only) */ .pagination .pag-count { display: none; font: var(--body-text-fonts, 400 14px/20px 'Inter', sans-serif); color: var(--gray-500, #737373); text-align: center; margin-top: var(--spacing-3, 12px); } @media (max-width: 1350px) { .filter-hotel .selectdropdown { width: 180px; } } @media (max-width: 1220px) { .filter-hotel .selectdropdown { width: 160px; } } @media (max-width: 1120px) { .filter-toolbar { padding-top: 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 20px 22px; align-items: end; } .partner-itineraries-filter .filter-toolbar { display: flex; justify-content: start; } .partner-itineraries-filter .filter-toolbar > div { width: auto; } .filter-list.filters { display: contents; } .filter-wrap { width: 100%; gap: 8px; } .filter-wrap .uk-form-controls, .filter-wrap .select-wrap { width: 100%; } .filter-wrap .uk-select { width: 100%; height: 48px; padding: 0 42px 0 14px; border-radius: 12px; } .filter-wrap label { font-size: 15px; font-weight: 500; margin-bottom: 2px; } .filter-wrap .uk-form-icon-flip { right: 14px; pointer-events: none; } /* Experience */ .filter-wrap[data-fieldname="Experience"] { grid-column: 1; grid-row: 1; } /* Region */ .filter-wrap[data-fieldname="Region"] { grid-column: 2; grid-row: 1; } /* Country */ .filter-wrap[data-fieldname="Country"] { grid-column: 1; grid-row: 2; } /* State */ .filter-wrap[data-fieldname="State / Province"] { grid-column: 2; grid-row: 2; } /* City */ .filter-wrap[data-fieldname="City"] { grid-column: 1; grid-row: 3; } /* Map Toggle */ .map-toggle { grid-column: 2; grid-row: 3; align-self: end; margin: 0; gap: 12px; justify-content: flex-end; } /* Hotel count */ .hotel-count, .hotel-result, .hotel-found, .results-count { font-size: 16px; font-weight: 600; grid-column: 1 / -1; grid-row: 4; margin-top: 4px; } /* body.andbeyond .filter-toolbar, body.nomadic-expeditions .filter-toolbar { display: flex; } body.andbeyond .filter-list.filters, body.nomadic-expeditions .filter-list.filters { display: block; } */ } @media (max-width: 767px) { .pagination .pag-prev, .pagination .pag-next, .pagination .pag-page { width: 32px; height: 32px; font-size: 13px; } .partner-itineraries-filter .filter-toolbar { display: block; } .partner-itineraries-filter .filter-toolbar > div { width: 100%; padding-bottom: 10px; } } /*--------- For Mobile Filter Only Satrt ---------------*/ div#hotel-filter { display: none; } .filter-panel { width: 100%; height: 584px; bottom: 0; position: absolute; border-top-right-radius: 12px; border-top-left-radius: 12px; background: #fff; overflow: hidden; } .panel-header { position:absolute; top:0; left:0; right:0; height:56px; display:flex; justify-content:space-between; align-items:center; padding:0 16px; border-bottom:1px solid #e5e5e5; background:#fff; z-index:100; } .panel-body{ position:absolute; top:56px; bottom:60px; left:0; right:0; overflow:hidden; } .filter-panel .footer{ z-index:100; height:60px; left:0; right:0; bottom:0; position:absolute; display:flex; padding:0 15px; background:#fff; align-items:center; justify-content:space-between; border-top:1px solid #e5e5e5; } .filter-panel .footer button.apply-btn[disabled] { opacity: 0.5; } .screen { inset: 0; overflow-y: auto; background: #fff; transition: .3s; position: absolute; transform: translateX(100%); } .screen.active{ transform:translateX(0); } .back { z-index: 1; width: 100%; font-size: 12px; display: flex; padding: var(--spacing-3); align-items: center; cursor: pointer; position: sticky; top: 0; background: var(--background-base-color); } .back span { font-size: 15px; } .filter-panel ul.uk-list { padding: 16px var(--spacing-4); gap: 12px; display: flex; flex-direction: column; justify-content: space-evenly; } .filter-panel ul.uk-list li { display: flex; padding-bottom: 12px; align-items: center; justify-content: space-between; margin: 0; border-bottom: 1px solid var(--Gray-200, #E5E5E5); } .filter-panel ul.uk-list li label { display: flex; align-items: center; gap: 10px; } .filter-panel ul.uk-list li label input.uk-checkbox { top: 2px; position: relative; border-radius: 2px; border: 2px solid #302927; } .filter-panel .panel-body { height:100%; position: relative; overflow: hidden; } .filter-panel .screen { inset:0; display:none; position: absolute; background: #fff; overflow-y:auto; } .filter-panel .screen.active { display:block; } @media (min-width: 768px) { .header__toggler.for-filter-only { display: none !important; } } @media (max-width: 767px) { .filter-collapsible { z-index: 99; width: 100%; height: 100%; position: fixed; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; transition: all .8s ease; box-shadow: 0 20px 36px -12px #0f0f0f0d; background-color: rgba(0, 0, 0, 0.5); } .filter-panel { bottom: -100%; transition: all .8s ease; } .is-filter-active .filter-panel { bottom: 0; transition: all .8s ease; } body.is-filter-active { overflow: hidden; } .is-filter-active .filter-collapsible { bottom: 0; transition: all .8s ease; } .filter-list.filters.for-desktop-hotels { display: none; } .map-toggle { grid-column: inherit; grid-row: inherit; } .header__toggler.for-filter-only button.header__toggler-btn.js-filter-toggler { display: flex; padding: 7px 10px; gap: 4px; border-radius: 12px; background-color: #F3F3F3; } span.show-filter-count { width: 18px; height: 18px; color: #F3F4E7; font-size: 12px; border-radius: 50%; display: flex; align-items: center; background-color: #708573; justify-content: center; } .header__toggler.for-filter-only .header__toggler-btn.is-active { color: #c4bcb7; background-color: transparent; } .header__toggler.for-filter-only button.header__toggler-btn.js-filter-toggler span.template-icon-filter-icon { font-size: 20px; } span.filter-text { color: var(--text-base); font-size: 14px; line-height: 24px; } .main-filter-title { font-size: 16px; font-weight: 600; letter-spacing: 0.08px; line-height: 24px; } .panel-header button.close { color: #717571; font-size: 18px; border: none; font-weight: normal; background: transparent; } .filter-panel .footer button.uk-button.uk-button-primary:after { display: none; } .filter-panel .footer button.uk-button.clear-btn { font-size: 14px; font-weight: 600; text-transform: capitalize; background: transparent; } } /*--------- For Mobile Filter Only End ---------------*/ @media (max-width: 400px) { body.andbeyond .filter-list.filters, body.nomadic-expeditions .filter-list.filters { width: 100%; } body.andbeyond .filter-toolbar, body.nomadic-expeditions .filter-toolbar { gap: 30px; } } /*====================== After