:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
@font-face { font-family: 'Larken'; src: url('../fonts/Larken-Medium.woff2') format('woff2'), url('../fonts/Larken-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Larken'; src: url('../fonts/Larken-Light.woff2') format('woff2'), url('../fonts/Larken-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Larken'; src: url('../fonts/Larken-Bold.woff2') format('woff2'), url('../fonts/Larken-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Riviera Nights'; src: url('../fonts/RivieraNights-Regular.woff2') format('woff2'), url('../fonts/RivieraNights-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Riviera Nights'; src: url('../fonts/RivieraNights-Medium.woff2') format('woff2'), url('../fonts/RivieraNights-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Riviera Nights'; src: url('../fonts/RivieraNights-Black.woff2') format('woff2'), url('../fonts/RivieraNights-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Riviera Nights'; src: url('../fonts/RivieraNights-Bold.woff2') format('woff2'), url('../fonts/RivieraNights-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } :root { --font-larken: 'Larken', sans-serif; --font-riviera-nights: 'Riviera Nights', sans-serif; --white: #FFFFFF; --black: #000000; --gold: #D0A037; --green: #34432F; --title-color: #2B443C; --background-color: #FDFAF4; --font-300: 300; --font-400: normal; --font-500: 500; --font-700: bold; --font-900: 900; --font-12: 12px; --font-13: 13px; --font-14: 14px; --font-15: 15px; --font-16: 16px; --font-18: 18px; --font-25: 25px; --font-22: 22px; --font-24: 24px; --font-20: 20px; --font-30: 30px; } /* Firefox */ ::-webkit-scrollbar {  width: 10px; } ::-webkit-scrollbar-track {  background: #f1f1f1;  cursor: pointer;} ::-webkit-scrollbar-thumb {  background: var(--gold);  cursor: pointer;} ::-webkit-scrollbar-thumb:hover {  background: var(--gold);} .h2, h2 { font-size: 40px; } .h3, h3 { font-size: 32px; } .h4, h4 { font-size: 28px; } .h5, h5 { font-size: 24px; } .h6, h6 { font-size: 20px; } strong, strong a { font-weight: var(--font-700); } .container { max-width: 1280px; } .lightbackground { background-color: rgba(92, 126, 84, 4%); } .admin-bar .site-header { top: 30px; } .light-bg { background-color: var(--background-color); } .white-bg { background-color: var(--white); } .light-green-bg { background-color: rgba(91, 126, 84, 4%); } .text-white, .text-white * { color: var(--white); } input, select, textarea, button,p,li,a { font-family: var(--font-riviera-nights); font-weight: var(--font-400); } .cream-bg { background-color: var(--background-color);} .green-bg { background: var(--green); } .green-bg * { color: var(--white); } p { line-height: 1.2; } p:not(:last-child) { margin-bottom: 0; } .font-300 { font-weight: var(--font-300); } .font-400 { font-weight: var(--font-400); } .font-500 { font-weight: var(--font-500); } .font-700 { font-weight: var(--font-700); } .font-900 { font-weight: var(--font-900); } .letter-spacing-1 { letter-spacing: 1px; } .font-14 { font-size: var(--font-14); } body { font-family: var(--font-riviera-nights); font-weight: var(--font-400); color: var(--title-color); background: var(--white); } h1,h2,h3,h4,h5,h6 { font-family: var(--font-larken); font-weight: var(--font-300); } body.is-mobile-menu-open { overflow: hidden; } .top-header-container { max-width: 1380px; } .site-header { position: relative; z-index: 100; background: rgba(0, 0, 0, 0.7); color: var(--white); } .header-bar { display: flex; align-items: center; justify-content: space-between; padding: 16px 0; gap: 24px; } .header-left, .header-right { display: flex; align-items: center; gap: 16px; width: 33%; } .header-left { gap: 41px; position: relative; z-index: 10; } .header-left a.call-btn:hover { color: var(--gold); } .header-right { justify-content: flex-end; } .header-logo { max-width: 300px; width: 100%;} .header-logo a, .header-logo img { display: block; width: 100%; } .search-toggle { background: transparent; border: 0; color: var(--white); cursor: pointer; display: inline-flex; align-items: center; font-size: var(--font-14); } .search-toggle:hover { color: var(--gold); } .home-hero { background-color: var(--black); } .home-hero .f-height  { padding-top: 240px; padding-bottom: 190px; position: relative; z-index: 5; } .home-hero .container { display: flex; flex-direction: column; position: relative; } .home-hero .home-hero__badge-link { position: absolute; left: 0; right: 0; bottom: 80px; margin: auto; } .header-search { position: absolute; top: calc(100% + 10px); left: 0; background: var(--white); padding: 16px 20px; border-radius: 4px; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; min-width: 280px; } .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; } .site-header.is-search-open .header-search { opacity: 1; visibility: visible; transform: translateY(0); } .search-form { display: flex; align-items: center; gap: 8px; } .search-field { flex: 1; padding: 8px 12px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.2); background: var(--white); border: 1px solid var(--black); } .search-submit { padding: 0; border: 0; border-radius: 4px; font-size: 0; cursor: pointer; width: 40px; height: 40px; background: var(--black) url('../images/searchicon.svg') no-repeat center; background-size: 16px; } .call-btn { color: var(--white); text-decoration: none; font-size: var(--font-15); letter-spacing: 1px; } .call-btn:hover { color: var(--black); } .currency-select select { background: transparent; background-image: url('../images/down-arrow-white.svg'); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; color: var(--white); padding: 6px 30px 6px 6px; font-weight: var(--font-500); letter-spacing: 1px; border: 0; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; } .currency-select select option { color: var(--black); } .login-link { color: var(--white); text-decoration: none; font-size: var(--font-14); letter-spacing: 1px; } .login-link:hover { color: var(--gold); } .primary-header-inner { border-top: 1px solid rgba(255, 255, 255, 1); } .primary-nav { max-width: 1440px; width: 100%; margin: 0 auto; position: relative; } .main-menu { display: flex; align-items: center; justify-content: center; list-style: none; margin: 0; padding: 0 32px; gap: 52px; } .primary-nav .header-search { display: none; } .main-menu .menu-link { color: var(--white); text-decoration: none; text-transform: uppercase; font-size: var(--font-16); letter-spacing: 4px; padding: 20px 0; display: inline-flex; align-items: center; gap: 8px; font-weight: var(--font-700); } .main-menu .menu-link:hover { color: var(--gold); } .menu-item.menu-item a { position: relative; font-size: var(--font-15); text-transform: uppercase; color: var(--white); } .menu-item.menu-item a::before { content: "+"; color: var(--gold); font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: 120%; } .menu-item.has-mega > .menu-link { padding-left: 14px; } .search-icon img { display: block; } .two-column-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .three-column-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .one-column-list { display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px; } .menu-item.has-mega.is-open .mega-menu, .menu-item.has-mega:hover .mega-menu { opacity: 1; visibility: visible; z-index: 1; } .mega-left { min-width: 240px; } .mega-title { text-transform: uppercase; font-size: var(--font-12); letter-spacing: 1px; margin-bottom: 12px; color: rgba(255, 255, 255, 0.7); } .mega-tabs { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; } .mega-left { position: relative; } .mega-tab { text-transform: uppercase; font-size: var(--font-13); letter-spacing: 1px; color: rgba(255, 255, 255, 0.75); padding-right: 10px; } .mega-tab::after { content: ">"; position: absolute; right: 0; color: rgba(255, 255, 255, 0.6); } .mega-tab > a { color: inherit; text-decoration: none; display: inline-block; width: 100%; } .mega-tabs.has-nested .mega-tab::after { content: ">"; position: absolute; right: 0; color: rgba(255, 255, 255, 0.6); } .mega-tabs.has-nested .mega-tab.is-active > .mega-menu { opacity: 1; visibility: visible; transform: translateY(0); } .mega-tab.is-active { color: var(--gold); } .mega-menu--sidebar { display: flex; gap: 24px; align-items: flex-start; } .mega-menu--image-grid { display: block; } .mega-tabs.has-nested .mega-tab > .mega-menu.mega-menu--sidebar { width: min(860px, 78vw); } .mega-right { flex: 1; display: flex; gap: 24px; align-items: stretch; } .mega-panel { display: none; flex: 1; } .mega-panel.is-active { display: block; } .mega-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .mega-card { display: block; background: #1f2a22; border-radius: 4px; overflow: hidden; text-decoration: none; color: var(--white); text-align: center; } .mega-card-image { display: block; height: 120px; background: #304034; } .mega-card-title { display: block; padding: 10px; text-transform: uppercase; font-size: var(--font-12); letter-spacing: 1px; } .mega-panel-columns { display: flex; } .mega-panel-columns ul { list-style: none; margin: 0; padding: 0; } .mega-panel-columns a { color: var(--white); text-decoration: none; font-size: var(--font-14); display: block; padding: 4px 0; } .mega-menu--sidebar .mega-right { align-items: flex-start; } .mega-sidebar { width: 220px; background: #3b4a3b; padding: 16px; border-radius: 4px; color: var(--white); } .mega-sidebar h4 { margin: 0 0 8px; text-transform: uppercase; font-size: var(--font-12); letter-spacing: 1px; } .mega-sidebar-link { display: inline-flex; margin-top: 12px; color: var(--gold); text-decoration: none; text-transform: uppercase; font-size: var(--font-12); letter-spacing: 1px; } .mobile-menu-toggle { display: none; background: transparent; border: 0; color: var(--white); font-size: var(--font-20); cursor: pointer; position: relative; z-index: 210; } .close-menu-icon { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .is-mobile-menu-open .mobile-menu-toggle .close-menu-icon { display: flex; align-items: center; justify-content: center; } .is-mobile-menu-open .mobile-menu-toggle .open-menu-icon { opacity: 0; } .is-open a.menu-link { color: var(--gold); } .open-menu-icon { display: flex; align-items: center; justify-content: center; } .open-menu-icon img, .close-menu-icon img { max-width: 30px;} .mobile-menu { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.55); opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; z-index: 200; } .mobile-menu.is-open { opacity: 1; visibility: visible; pointer-events: auto; } .mobile-menu-inner { position: absolute; left: 0; top: 0; height: 100%; width: min(340px, 88vw); background: #2f3f31; color: var(--white); padding: 20px; display: flex; flex-direction: column; gap: 20px; transform: translateX(-100%); transition: transform 0.2s ease; } .mobile-menu.is-open .mobile-menu-inner { transform: translateX(0); } .mobile-menu-header { display: flex; align-items: center; justify-content: space-between; } .mobile-menu-logo { font-family: var(--font-riviera-nights); font-size: var(--font-18); } .mobile-menu-logo span { color: var(--gold); } .mobile-menu-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; } .mobile-menu-list .menu-link { color: var(--white); text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: var(--font-14); } .mobile-menu-list .menu-item { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding-bottom: 12px; } .submenu-trigger { background: transparent; border: 0; color: var(--white); font-size: var(--font-18); cursor: pointer; } .mobile-menu-footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; } .mobile-submenu { position: absolute; top: 0; left: 0; width: min(340px, 88vw); height: 100%; background: #2f3f31; color: var(--white); padding: 20px; transform: translateX(-100%); transition: transform 0.2s ease; } .mobile-submenu.is-open { transform: translateX(0); } .mobile-submenu-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .mobile-submenu-back { background: transparent; border: 0; color: var(--white); text-transform: uppercase; font-size: var(--font-12); letter-spacing: 1px; cursor: pointer; } .mobile-submenu-parent-link { color: var(--white); text-decoration: none; text-transform: uppercase; font-size: var(--font-12); letter-spacing: 1px; } .mobile-submenu-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; } .mobile-submenu-list a { color: var(--white); text-decoration: none; font-size: var(--font-14);} .menu-item .mega-tab a::before { display: none; } .center-card-menu { background-color: #c6d4ca; } header .mega-tabs .center-card-menu a, header .mega-tabs .right-cta-box a { text-transform: initial; letter-spacing: 0; } .card-details * { text-transform: initial; letter-spacing: 0; } .menu-card-title { font-size: var(--font-18); color: var(--black); margin-bottom: 20px; } .card-details p { font-size: var(--font-16); color: var(--black); } .card-details { padding: 20px; } .card-bottom-btn { padding: 0 20px 20px 20px; text-align: right; } .mega-card-title { position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; align-items:center; justify-content: center; font-size: 32px; font-weight: 700; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.7); } .top-header-container { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .stickHeader .top-header-container {  margin-top: -78px; } .stickHeader.HeaderDown .top-header-container {  margin-top: 0; } .stickHeader .site-header { backdrop-filter: blur(10px); } .card-bottom-btn .btn.btn-only-link { color: var(--black); } .card-img { position: relative; padding-bottom: 66.4%;} .card-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .enquire--btn { position: absolute; right: calc(-50vw + 50%); top: 0; bottom: 0; width: 160px; } .enquire--btn .menu-link { background: var(--gold); color: var(--white); padding: 10px 18px; text-decoration: none; border-radius: 2px; text-transform: uppercase; font-size: 21px; letter-spacing: 1px; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 0; } .enquire--btn .menu-link:hover { background: var(--white); color: var(--gold);  } .home-hero__content { max-width: 670px; width: 100%; } .home-hero__content h1 { font-size: clamp(40px, 8vw, 60px); text-transform: uppercase; color: var(--white); letter-spacing: 3px; line-height: 1; text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.43); } .home-hero__content h1 i { letter-spacing: 1px;} .home-hero__badge-link { width: 100%; max-width: 100%; } .home-hero__badge-link a { display: inline-block;} .mp4-video { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; overflow: hidden; } .mp4-video video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100vw; height: 100%; object-fit: cover; object-position: center; z-index: 1; } .site-footer { background: var(--green); color: var(--white); padding: 70px 0 30px; } .site-footer a:hover { color: var(--gold); } .site-footer a:before { display: none; } .footer-inner { max-width: 1440px; margin: 0 auto; padding: 0 24px; } .site-footer h3, .site-footer .h3, .site-footer p, .site-footer a { letter-spacing: 1px; } .site-footer .h3, .site-footer h3 { text-transform: uppercase; font-size: var(--font-16); letter-spacing: 2px; margin: 0 0 8px; font-family: var(--font-riviera-nights); font-weight: var(--font-700); color: var(--white); } .footer-newsletter { width: 26%; } .footer-newsletter p { margin: 0 0 20px; font-size: var(--font-16); line-height: 1.5; } .footer-newsletter-form-row { max-width: 334px; width: 100%;} .footer-links { flex: 1; } .footer-newsletter-form-row div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__list--dropdown { border-color: var(--green) !important; box-shadow: none !important; outline: none !important; } .footer-newsletter-form-row div.wpforms-container .wpforms-form .choices__list--dropdown .choices__item.is-highlighted, .footer-newsletter-form-row div.wpforms-container .wpforms-form .choices__list--dropdown .choices__list--dropdown:hover { background: var(--green) !important; } .footer-newsletter-form-row .wpforms-field { width: 100% !important; padding: 7px 0 !important; } .footer-newsletter-form-row .wpforms-submit-container { padding-top: 20px !important; } .footer-newsletter-form-row .choices__inner { border-radius: 10px !important; font-weight: var(--font-500) !important;     box-shadow: none !important; outline: none !important; border: none !important; } .footer-newsletter-form-row .choices { max-width: 100% !important; } .footer-newsletter-form-row .wpforms-field input, .footer-field input { width: 100% !important; padding: 14px 16px !important; border-radius: 10px !important; border: 0 !important; max-width: 100% !important; height: auto !important; font-weight: var(--font-500) !important; outline: none !important; border: none !important; box-shadow: none !important; } .footer-newsletter-form-row  div.wpforms-container-full .wpforms-confirmation-container-full, .footer-newsletter-form-row  div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background-color: green; padding: 20px; border-radius: 10px; color: var(--white) !important; font-size: var(--font-16); font-weight: 500; letter-spacing: 1.88px; text-align: center; } .footer-newsletter-form-row div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after, .footer-newsletter-form-row div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after { border-top: 5px solid #3b3b3b !important; } .footer-newsletter-form-row div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"].is-open:after, .footer-newsletter-form-row div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"].is-open:after { border-top: 5px solid transparent !important; border-bottom: 5px solid #3b3b3b !important; } .footer-newsletter-form-row div.wpforms-container-full .wpforms-form label.wpforms-error, .footer-newsletter-form-row div.wpforms-container-full .wpforms-form em.wpforms-error { color: #ff7373 !important; } .footer-actions { display: flex; gap: 12px; } .footer-btn { display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 22px; text-decoration: none; text-transform: uppercase; font-size: var(--font-12); letter-spacing: 1px; font-weight: var(--font-700); } .footer-btn span { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; font-size: var(--font-14); } .footer-newsletter-form-row .wpforms-field .choices__placeholder, .footer-newsletter-form-row .wpforms-field input::placeholder{ color: #ACACAC !important; opacity: 1 !important; } .footer-newsletter-form-row .wpforms-submit-spinner { margin-top: 10px !important; filter: invert(1) !important; } .footer-newsletter-form-row .choices__list.choices__list--single { padding-left: 8px !important;} .footer-newsletter-form-row .choices__list.choices__list--single .choices__item { padding-top: 3px !important; padding-bottom: 3px !important; } .footer-newsletter-form-row button.wpforms-submit::before { content: "+"; font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: 120%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .footer-newsletter-form-row button.wpforms-submit:hover::before { color: var(--gold); } .footer-newsletter-form-row button.wpforms-submit, .footer-btn--outline { color: var(--white) !important; border: 2px solid var(--white) !important; background-color: transparent !important; text-transform: uppercase !important; font-size: var(--font-16) !important; font-family: var(--font-riviera-nights) !important; font-weight: var(--font-700) !important; border-radius: 50px !important; letter-spacing: 1px; min-width: 150px !important; text-align: center !important; display: flex !important; gap: 10px !important; align-items: center !important; justify-content: center !important; height: inherit !important; padding: 12px !important; } .footer-newsletter-form-row button.wpforms-submit:hover, .footer-btn--outline:hover { background: var(--white) !important; color: var(--black) !important; } .footer-contact p { margin: 0 0 8px; font-size: var(--font-14); letter-spacing: 1px; } .footer-contact a { color: var(--white); text-decoration: underline; font-size: var(--font-14); } .footer-contact h3 { margin-top: 20px; } .footer-contact h3:first-child { margin-top: 0; } .footer-links ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; } .footer-links a { color: var(--white); text-decoration: none; font-size: var(--font-14); } .footer-bottom { max-width: 1440px; margin: 40px auto 0; padding: 0 24px; text-align: right; font-size: var(--font-13); letter-spacing: 1px; } .footer-bottom p { font-size: var(--font-14); letter-spacing: 1px; } .footer-links-mobile { display: none; } .footer-links-mobile details { border-top: 1px solid rgba(255, 255, 255, 0.2); } .footer-links-mobile details summary { padding: 14px 0; } .footer-links-mobile summary { list-style: none; cursor: pointer; text-transform: uppercase; font-size: var(--font-13); letter-spacing: 2px; display: flex; align-items: center; justify-content: space-between; } .footer-links-mobile details[open] summary::after { transform: rotate(180deg); } .footer-contact a.call-btn { text-decoration: none; } .footer-links .menu-item.menu-item a { text-transform: inherit; font-size: var(--font-14); } .home-about { background: var(--white); } .home-about__inner { max-width: 830px; margin: 0 auto; text-align: center; } .home-about__content p a:hover { color: var(--gold); } .home-about__inner h5, .home-about__inner h6, .home-about__inner h4, .home-about__inner li, .home-about__inner p { font-size: var(--font-18); line-height: 1.45; color: var(--black); margin-bottom: 24px; font-family: var(--font-riviera-nights); } .home-about__inner h6, .home-about__inner h5, .home-about__inner h4{ font-weight: 500; } .home-about__content h2 { margin-bottom: 20px; } .home-about__inner h3 {margin-bottom: 20px; } .home-about__inner ol, .home-about__inner ul { margin-left: 20px; margin-bottom: 20px; } .home-about__inner li { margin-bottom: 5px; } .highlights-container > .highlights-content:only-child { flex: inherit; max-width: 100%; width: 100%; } .home-about__inner p:last-child { margin-bottom: 0; } .left-align .home-about__inner { text-align: left; } .home-about__inner strong { font-weight: var(--font-700); } .home-about__inner strong span { color: var(--gold); } .home-about.left-align .home-about__inner { max-width: 1024px; } .tour-section .flex.flex-wrap.justify-center.gap-r-30.gap-16 { margin-top: 10px; } .tour-section.four-column-tour-main .container { max-width: 1180px; } .parallax-bg { position:absolute; top:0; left:0; width:100%; height:120%; background-size:cover; background-position:center; transform:translateY(0); will-change:transform; } .tour-section .ctm-btn-box { margin-top: 15px; } .tour-section { position: relative; overflow: hidden; background-color: var(--background-color); } .team-card { padding: 25px 40px; } .team-card__image { padding: 50% 0; width: 100%; border-radius: 50%; overflow: hidden; position: relative; background: none; } .team-card__image img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .tour-section .item-box a { display: block; position: relative; } .tour-section .item-box a:hover { transform: scale(1.2); box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.35); } .tour-place { aspect-ratio: 1/0.95; position: relative; overflow: hidden; } .tour-place img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; } .place-title { position: absolute; bottom: 0; left: 0; width: 100%; background: var(--green); color: var(--white); padding: 15px 10px; text-align: center; font-family: var(--font-larken); font-weight: var(--font-300); font-size: var(--font-18); line-height: 1.2; letter-spacing: 2px; } .tour-section .item-box { width: calc(25% - 91px); } /* Basic column helpers */ .trending-trips { padding: 50px 0; overflow: hidden; margin: -50px 0; } .TripSlider { height: 100%; overflow: visible; } .TripSlider .swiper-slide { height: 100%; position: relative; transition: transform 0.3s ease; } .TripSlider .swiper-slide * { color: var(--white); } .TripSlider .swiper-slide:nth-child(even), .TripSlider .swiper-slide:nth-child(even) .trip-card__body { background: var(--green); } .TripSlider .swiper-slide:nth-child(odd), .TripSlider .swiper-slide:nth-child(odd) .trip-card__body { background: var(--gold); } .TripSlider .swiper-slide:nth-child(even) .trip-card__price { background-color: var(--green); } .trending-trips__content { background: var(--green); padding: 48px 32px; min-height: 100%; } .trending-trips__content * { color: var(--white); } .trending-trips__content p, .trending-trips__content li { font-size: var(--font-20); line-height: 1.4; } .trending-trips__content .trip-pagination { display: none !important; } .TripSlider { width: 100%; } .TripSlider .swiper-slide { height: auto; } .trip-card { display: flex; flex-direction: column; text-decoration: none; height: 100%; overflow: hidden; } .trip-card__image { position: relative; padding-bottom: 70%; overflow: hidden; } .trip-card__image img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .trip-card__body { padding: 25px; display: flex; flex-direction: column; gap: 5px; } .trip-card__body h3 { max-width: 100%; } .trip-card__body p { font-size: var(--font-18); line-height: 1.4; letter-spacing: 0.4px; max-width: 280px; } .trip-card__body { height: 100%; } .trip-card__button.btn { padding: 10px 0 0 0; justify-content: space-between; flex-direction: row-reverse; transform: translateY(30px); border: none; min-width: inherit; } .trip-card__button.btn:before { font-size: 40px; line-height: 1; } .trip-card__button { opacity: 0; transition: all 0.3s ease; margin-top: auto; } .trip-card:hover .trip-card__button { opacity: 1; transform: translateY(0); } .trip-card__price { position: absolute; top: 0; right: 0; background-color: var(--gold); color: var(--white); padding: 10px 20px; font-size: var(--font-16); line-height: 1.4; letter-spacing: 0.4px; text-align: right; z-index: 4; } .trip-card__image .hotel-name { left: inherit; right: 15px; top: 20px; bottom: inherit; background: none; } .hotel-name { position: absolute; bottom: 15px; left: 15px; background-color: var(--black); color: var(--white); padding: 6px 20px 2px; font-weight: var(--font-700); text-transform: uppercase; font-size: var(--font-14); line-height: 1.4; letter-spacing: 1px; text-align: right; z-index: 4; border-radius: 40px; } .per-person-data { padding-top: 15px; } .per-person-data p { padding:0; margin:0; font-size: var(--font-16); font-style: italic; } .trip-pagination { display: flex; justify-content: flex-start; margin-top: auto; } .trip-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: rgba(255, 255, 255, 1); opacity: 0.4; } .trip-pagination .swiper-pagination-bullet-active { opacity: 1; } .trending-trips__content-box { position: relative; } .trending-trips__content-box::before { content: ""; position: absolute; top: 0; left: 0; z-index: 10; width: calc(100% - 20px); height: 100%; background: var(--green); } .trending-trips__content * { position: relative; z-index: 11; } .trending-trips .trip-pagination.swiper-pagination-lock { display: none; } .swiper-pagination-lock { display: none !important; } .press-section h2 { margin-bottom: 20px; } .press-section.lightgray-bg { background-color: rgba(92, 126, 84, 6%);} .press-slider { width: 100%; } .press-card { text-align: center; color: var(--title-color); padding: 10px 10px 30px; } .press-quote { display: inline-block; font-size: 40px; color: var(--gold); line-height: 1; margin-bottom: 10px; } .press-card p { font-size: var(--font-14); line-height: 1.6; margin-bottom: 24px; } .press-logo span { display: block; font-size: var(--font-14); letter-spacing: 1px; max-width: 220px; margin: 0 auto; } .center-black-dots { margin-top: 34px; display: flex; justify-content: center; gap: 8px; position: relative; z-index: 11; } .center-black-dots .swiper-pagination-bullet { margin: 0 !important; width: 12px; height: 12px; background: #ACACAC; opacity: 1; cursor: pointer; } .center-black-dots .swiper-pagination-bullet-active { background: var(--black); } .testimonials-pagination { display: flex; justify-content: center; gap: 0; } .testimonials-pagination__viewport { overflow: hidden; } .testimonials-pagination__track { display: flex; gap: 8px; align-items: center; transition: transform 0.35s ease; will-change: transform; } .testimonials-pagination__track .swiper-pagination-bullet { flex-shrink: 0; } .testimonials-pagination.is-dynamic-dots .testimonials-pagination__viewport { width: 32px; } .testimonials-pagination:not(.is-dynamic-dots) .testimonials-pagination__viewport { overflow: visible; width: auto; } .quotes-text {  margin-bottom: 30px; } .quotes-text p { font-size: var(--font-18); line-height: 1.6; font-family: var(--font-larken); font-weight: var(--font-500); } .travel-experts-section .container { max-width: 1220px; } .team-row { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .team_card { flex: 0 0 25%; max-width: 25%; } .team_card .team-card { width: 100%; } .team-card, .team-card * { text-decoration: none; } .team-card__content h3 { font-weight: var(--font-500); font-size: var(--font-22); } .team-card__content span { font-size: var(--font-14); letter-spacing: 0.5px; } .team-card:hover { transform: scale(1.15); } .team-slider { padding-top: 20px; } .center-white-dots { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 40px; } .center-white-dots .swiper-pagination-bullet { width: 12px; height: 12px; background: var(--white); opacity: 0.4; } .center-white-dots .swiper-pagination-bullet-active { opacity: 1; } .center-white-dots .swiper-pagination-bullet { margin: 0 !important; } .reasons-card { display: flex; flex-direction: column; width: 100%; height: 100%; } .reasons-card .green-bg { height: 100%; text-decoration: none; } .reasons-card .green-bg * { text-decoration: none; } .reasons-section { background: var(--background-color); } .reasons-card__content p { font-size: var(--font-18); line-height: 1.4; } .reasons-section .container { max-width: 1170px; } .reasons-card h2 { margin-bottom: 30px; } .reasons-card__image { position: relative; padding-bottom: 50%; overflow: hidden; } .reasons-card__image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .reasons-card__content { background: var(--green); color: var(--white); padding: 24px 28px; font-size: var(--font-18); line-height: 1.5; } .reasons-card__content p { color: inherit; } .reasons-card__image img { -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; } .reasons-card a:hover .reasons-card__image img { transform: scale(1.1); } .font-26 p, .font-26 li { font-size: var(--font-18); line-height: 1.4; } .image-content-text { max-width: 440px; } .testimonials-section .container { max-width: 1170px; } .testimonials-slider .quotes-text-wrap { max-width: 600px; margin: 0 auto; } .testimonials-slider .quotes-text { max-width: 600px; width: 100%; margin: 0 auto; } .testimonials-slider .quotes-text-wrap .quotes-text { max-width: 100%; margin: 0; } .testimonials-slider .quotes-text p { font-family: var(--font-riviera-nights); font-weight: var(--font-400); text-transform: uppercase; font-size: var(--font-16); margin-bottom: 10px; } .quotes-text.is-truncated { min-height: 0; overflow: hidden; } .quotes-read-more-btn { display: inline-flex; gap: 10px; background: none; border: 0; padding: 0; margin-top: 8px; cursor: pointer; font-family: var(--font-riviera-nights); font-size: var(--font-14); font-weight: var(--font-500); text-transform: uppercase; letter-spacing: 0.5px; color: var(--gold); text-decoration: none; transition: color 0.3s ease; color: var(--green); flex-direction: row-reverse; } .quotes-read-more-btn:before { color: var(--gold);} .quotes-read-more-btn:hover { color: var(--gold); } .testimonials-slider .quotes-read-more-btn { display: inline-flex; margin: 15px auto 0; } .testimonials-slider .authorname { font-family: var(--font-larken); font-weight: var(--font-700); font-size: var(--font-18); } .quotes-text.is-truncated.is-collapsed { transition: all 0s ease-in-out !important; max-height: 180px !important; } .is-collapsed { position: relative; } .whitebackground .is-collapsed:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .lightbackground .is-collapsed:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(249 250 248) 100%); } .testimonials-slider .press-logo { margin-top: 28px; } .holiday-box { background-color: var(--green); padding: 50px; } .holiday-box { width: 100%; max-width: 500px; } .holiday-box a.btn { text-transform: uppercase; } .holiday-text p, .holiday-text li { font-size: var(--font-18); line-height: 1.4; } .holiday-section {  padding-bottom: 60px; padding-top: 60px;} .mobile-bottom-sticky { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; background-color: var(--black); padding: 10px; } .special-section .special-card { padding: 99px 25px; } .special-section .swiper-slide:nth-child(even) { background: var(--gold); } .special-section .swiper-slide:nth-child(odd) { background: var(--green); } .special-section .cardtitle { font-size: 32px; line-height: 1.2; font-weight: var(--font-300); position: relative; } .special-section .cardtitle:before { content: ""; position: absolute; top: 38px; right: calc(100% + 2px); width: 58px; height: 12px; background: var(--white); } .special-section .cardtitle:after { content: ""; position: absolute; top: 15px; right: calc(100% + 25px); width: 12px; height: 58px; background: var(--white); } .special-slider .swiper-slide:first-child .cardtitle:before, .special-slider .swiper-slide:first-child .cardtitle:after { display: none; } .special-slider .swiper-slide { height: auto; } .is-few-slides .swiper-wrapper { justify-content: center; } .special-card .info-box { padding: 20px 20px 0; } .special-slider { padding: 0 50px; } .special-section .parallax-bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2B443C; opacity: 0.3; } .special-section { padding: 0; } .special-section .f-height { padding: 80px 0; min-height: inherit; } .has-mobile-bottom-sticky .site-footer { padding-bottom: 100px; } .back-to-top { position: fixed; bottom: 90px; right: -50px; z-index: 99; transition: all 0.3s ease-in-out; } .back-to-top.is-visible { right: 20px; } .back-to-top svg { width: 40px; height: 40px; } .back-to-top svg path { fill: var(--white); } .back-to-top:hover  { filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3)); } .back-to-top a { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--gold); padding: 8px; } /* Destinations */ .inner-page-banner .f-height { padding: 120px 0; min-height: calc(100dvh - 52px); } .inner-page-banner .f-height { min-height: calc(35dvw - 52px); } .inner-page-banner .home-hero__content { width: 100%; max-width: 100%; padding-top: 150px; } .inner-page-banner .home-hero__content h1 { max-width: 100%; } .inner-page-banner .home-hero__badge-link { position: absolute; bottom: 50px; right: 20px; } .inner-page-banner span.btn { cursor: auto; gap: 10px; } .inner-page-banner span.btn:hover { background-color: var(--black); color: var(--white); border: 1px solid var(--black); } .page-links-row .container { max-width: 100%; padding: 0; } .page-links-row { position: sticky; top: 63px; z-index: 80; background-color: var(--green); transition: top 0.3s ease-in-out; overflow: auto; } .page-links-row::-webkit-scrollbar {  width: 4px; height: 4px; } .page-links-row::-webkit-scrollbar-track {  background: #f1f1f1;  cursor: pointer;} .page-links-row::-webkit-scrollbar-thumb {  background: var(--gold);  cursor: pointer;} .page-links-row::-webkit-scrollbar-thumb:hover {  background: var(--gold);} .stickHeader.HeaderDown .page-links-row { top: 141px; } .page-links-row li { list-style: none; position: relative; padding: 0; } .page-links-row a { color: var(--white); text-decoration: none; padding: 15px 30px; position: relative; display: block; font-size: var(--font-16); line-height: 1.4; letter-spacing: 2px; font-weight: var(--font-700); font-family: var(--font-riviera-nights); text-transform: uppercase; white-space: nowrap; } .page-links-row a:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; height: 22px; width: 1px; background-color: var(--background-color); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .page-links-row li:last-child a:after { display: none; } .page-links-row li:has(+ li:hover) a:after { opacity: 0; } .page-links-row li:hover a:after { opacity: 0; } .page-links-row a:hover { background-color: #5C7E54; border-color: transparent; color: var(--white); text-decoration: underline; } .page-links-row li:last-child a { border-right: none; } .page-link-item.page-active, .page-links-row li.page-active { background-color: #5C7E54; } .page-link-item.page-active a, .page-links-row li.page-active a { border-right: none; color: var(--white); text-decoration: underline; } .page-links-row li.page-active a:after { opacity:0; } .page-link-item:has(+ .page-link-item.page-active) > a::after {opacity: 0; } li:has(+ .page-active) a:after  { border-color: transparent; } .breadcrumb-row { padding: 20px 0; } .breadcrumb-row li { padding:0; list-style: none; color: var(--black); } .breadcrumb-row li:after { content: "/"; color: var(--black); padding: 0 5px; } .breadcrumb-row li:last-child:after { display: none; } .breadcrumb-row li a { color: var(--black); } .breadcrumb-row li a:hover { color: var(--gold); } .breadcrumb-row li, .breadcrumb-row li a { font-size: var(--font-14); } .image-title-section { padding: 100px 0; min-height: 80vh; } /* Destinations */ .section-title h2 { text-transform: uppercase; } .section-title { max-width: 820px; width: 100%; margin: 0 auto; } .section-title p { font-size: var(--font-18); line-height: 1.4; color: var(--black); margin-top: 15px; } .section-title.white-text * { color: var(--background-color); } .four-items-slider .swiper-slide{ overflow: hidden; transition: all 0.3s ease-in-out; } .four-items-slider .swiper-slide:hover { transform: scale(1.06); box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.35); z-index: 10; } .four-items-card__image { position: relative; padding-bottom: 68%; } .four-items-card__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .four-items-card__body { text-align: center; padding: 28px 24px 36px; color: var(--title-color); } .four-items-card__title { margin: 0 0 10px; font-size: var(--font-24); letter-spacing: 1px; text-transform: uppercase; color: var(--green); } .four-items-card__body p { margin: 0; font-size: var(--font-16); line-height: 1.4; color: var(--green); } .post--category { display: block; margin-bottom: 10px; } .four-items-slider { overflow: hidden; position: relative; padding: 40px 17px; } .four-items-slider .swiper-wrapper, .four-items-slider .swiper-slide { height: auto; } .four-items-pagination { position: relative; z-index: 20; pointer-events: auto; display: flex; justify-content: center; gap: 0; } .four-items-pagination__viewport { overflow: hidden; } .four-items-pagination__track { display: flex; gap: 8px; align-items: center; transition: transform 0.35s ease; will-change: transform; } .four-items-pagination__track .swiper-pagination-bullet { flex-shrink: 0; } .four-items-pagination.is-dynamic-dots .four-items-pagination__viewport { width: 52px; } .four-items-pagination:not(.is-dynamic-dots) .four-items-pagination__viewport { overflow: visible; width: auto; } .four-items-section.section .four-items-pagination { margin-top:  1px; } .four-items-slider .swiper-notification { pointer-events: none; } .four-items-section .swiper-slide { height: initial; background: rgba(92, 126, 84, 0.16); } .four-items-card, .four-items-card * { text-decoration: none; } .four-items-card { display: flex; height: 100%; flex-direction: column; align-items: stretch; } .holiday-testimonial p { font-size: var(--font-20); line-height: 1.4; margin-bottom: 20px; font-family: var(--font-larken); font-weight: var(--font-500); letter-spacing: 0.4px; } .holiday-text p { font-family: var(--font-larken); } .cta-module .holiday-text p { font-family: var(--font-riviera-nights); } .holiday-text, .holiday-testimonial { position: relative; padding-top: 35px; } .holiday-text:before, .holiday-testimonial:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; height: 25px; width: 25px; background-image: url('../images/quote.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; } .holiday-section .holiday-box .holiday-text { padding-top: 0; } .holiday-section .holiday-box .holiday-text:before { display: none; } .holiday-section.cta-module .holiday-text { padding-top: 0; } .holiday-section.cta-module .holiday-text:before { display: none; } .holiday-author-name .h3 { font-size: var(--font-30); font-family: var(--font-larken); font-weight: var(--font-500); } .holiday-author-name .h3 a { text-decoration: none; } .holiday-author-name span { display: block; font-size: var(--font-16); padding-top: 10px; } .holiday-testimonial__author-image { width: 100px; } .holiday-testimonial__author-image a { border-radius: 50%; overflow: hidden; display: block; } .holiday-testimonial__author-image a img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; height: 100%; display: block; } .holiday-author-name { width: calc(100% - 120px);} .destination-experts { background: var(--green); padding: 50px 0; color: var(--white); } .destination-experts__content h2 { color: var(--white); letter-spacing: 2px; line-height: 1.1; } .destination-experts__images { display: flex; align-items: center; justify-content: center; } .destination-experts__image { width: 33.33%; } .destination-experts__image + .destination-experts__image { margin-left: -12px; } .destination-experts__image img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; } .call-btn.btn::before { display: none; } .call-btn .phone-icon-svg { display: flex; align-items: center; justify-content: center; } .call-btn .phone-icon-svg svg { margin: -3px 0; } .call-btn:hover svg path { transition: all 0.3s ease-in-out; } .call-btn:hover svg .strokeline { stroke: var(--gold); } .call-btn:hover svg .fillbox { fill: var(--gold); } .destination-experts .container { max-width: 1270px; } .destination-experts__images-box .btn-group, .destination-experts__images-box .destination-experts__images { max-width: 540px; margin-left: auto; } .destination-experts__content h2 { max-width: 600px; } .destination-experts__content { gap: 40px; justify-content: flex-start; align-items: flex-start; } .expert-team-text { margin-top: 0; } .expert-team-text.text-center { text-align: left; } .expert-team-text p { font-size: 20px; line-height: 1.6; font-weight: var(--font-400);} .expert-team-text p a { color: var(--white); text-decoration: none; font-weight: var(--font-400); display: inline-block; } .expert-team-text p a:hover { color: var(--gold); } .expert-team-image { display: block; padding: 50% 0; width: 100%; border-radius: 50%; overflow: hidden; position: relative; background: none; border-radius: 50%; overflow: hidden; position: relative; } .expert-team-image:hover { transform: scale(1.05); z-index: 2; } .destination-experts__images-box .btn-group { margin-top: 24px; } a.card-link-row, a.card-link-row * { text-decoration: none; } .holiday-inspiration-slider a.card-link-row { display: block; width: 100%; height: 100%; background-color: var(--green); transition: all 0.3s ease-in-out; } .holiday-inspiration-slider a.card-link-row:hover { transform: scale(1.05); } .holiday-inspiration-slider .three-items-pagination { display: none; } .card-link-row--image { padding-bottom: 100%; overflow: hidden; position: relative; } .card-link-row--image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .card-link-row__title { color: var(--white); font-size: var(--font-20); line-height: 1.4; font-family: var(--font-riviera-nights); font-weight: var(--font-500); letter-spacing: 1.2px; text-align: center; } .card-link-row--body { padding: 20px; } .card-link-row--body { text-align: center; } .card-link-row--body p { color: var(--white); margin-top: 15px; } .three-items-slider .swiper-slide { height: auto; } .blog-press-slider-wrap { max-width: 1200px; width: 100%; margin: 0 auto; } .blog-section .blog-press-slider { padding: 40px 0 10px 0; } .blog-section a.blog-press-card, .blog-section a.blog-press-card * { text-decoration: none; color: inherit; } .blog-section .blog-press-card { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 10px 30px 30px; transition: opacity 0.3s ease; } .blog-section .blog-press-card:hover { opacity: 0.85; } .blog-section .blog-press-card__image { width: 100%; max-width: 323px; aspect-ratio: 1; border-radius: 50%; overflow: hidden; margin-bottom: 32px; flex-shrink: 0; } .blog-section .blog-press-card__image img { width: 100%; height: 100%; object-fit: cover; display: block; } .blog-section .blog-press-card__body { display: flex; flex-direction: column; align-items: center; max-width: 350px; width: 100%; } .blog-press-card__body p { font-weight: 500; color: var(--title-color); } .blog-section .blog-press-card__source { display: inline-block; font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: var(--font-14); letter-spacing: 2px; text-transform: uppercase; color: var(--black); padding-bottom: 8px; border-bottom: 3px solid #4A90C4; margin-bottom: 20px; line-height: 1.2; } .blog-section .blog-press-card__title { text-transform: uppercase; font-family: var(--font-riviera-nights); font-weight: var(--font-400); font-size: var(--font-24); line-height: 1.5; color: var(--green); margin: 0; margin-bottom: 5px; } .holiday-inspiration-section { background-color: #FDFAF4; } .holiday-inspiration-section.white-bg { background-color: var(--white); } .scroll-section.holiday-inspiration-section.white-bg + .family-magazine-section.white-bg { padding-top: 0; } .holiday-inspiration-section .three-items-slider { padding: 30px 20px; } .holiday-inspiration-section .section-title { max-width: 750px; margin-bottom: 20px; } .posts-data-row .four-items-card { background: var(--green); } .posts-data-row .four-items-card a { display: block; height: 100%; } .posts-data-row .swiper-slide { height: auto; } .posts-data-row .four-items-card__body { text-align: left; } .posts-data-row .four-items-card__body * { color: var(--white); } .key-information__block h2 { margin-bottom: 10px; letter-spacing: 1px; font-size: var(--font-18); line-height: 1.4; font-family: var(--font-riviera-nights); font-weight: var(--font-700); color: var(--black); } .key-information__list ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .key-information__list ul li { position: relative; padding-left: 28px; line-height: 1.5; font-size: var(--font-16); color: var(--black); } .key-information__list ul li::before { content: "+"; position: absolute; left: 0; top: -1px; color: var(--gold); font-weight: var(--font-700); } .key-information__list strong { font-weight: var(--font-700); } .faq-accordion { display: flex; flex-direction: column; gap: 14px; } .faq-accordion__item { background: #e9ece1; border-left: 10px solid var(--gold); position: relative; } .faq-accordion__item:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: rgba(92, 126, 84, 0.1); } .faq-accordion__toggle { width: 100%; background: transparent; border: 0; font-size: var(--font-16); line-height: 1.3; text-align: left; padding: 26px 56px 26px 30px; font-family: var(--font-riviera-nights); font-weight: var(--font-700); text-transform: uppercase; letter-spacing: 1px; position: relative; cursor: pointer; color: var(--black); } .faqarrow { content: ""; width: 30px; height: 30px; border: 2px solid var(--gold); border-radius: 50%; position: absolute; right: 18px; top: 48%; transform:  translateY(-48%); bottom: -10px; } .faqarrow::before { content: ""; position: absolute; right: 0; left: 0; top: 50%; bottom: 8px; margin: auto; width: 8px; height: 8px; border-right: 2px solid var(--gold); border-bottom: 2px solid var(--gold); transform: translateY(-50%) rotate(45deg); transition: transform 0.2s ease; } .faq-accordion__item.is-open .faqarrow::before { bottom: 10px; } .faq-accordion__item.is-open .faqarrow{ transform: translateY(-48%) scaleY(-1); } .faq-accordion__content { display: none; padding: 0 20px 30px 30px; } .faq-accordion__content h2, .faq-accordion__content h3, .faq-accordion__content h4, .faq-accordion__content h5 { font-size: 18px; font-family: var(--font-riviera-nights); font-weight: var(--font-700); margin-bottom: 10px; margin-top: 15px; color: var(--black); } .faq-accordion__content li:not(:last-child), .faq-accordion__content p:not(:last-child) { margin-bottom: 10px; } .faq-accordion__content li, .faq-accordion__content p { font-size: var(--font-16); line-height: 1.4; } .faq-accordion__content ul, .faq-accordion__content ol { margin: 0 0 20px 15px; } .faq-accordion__content ol ul, .faq-accordion__content ul ol { margin-top: 5px; } .key-information__inner { display: flex; flex-direction: column; gap: 50px; color: var(--black); } .key-information-section .container { max-width: 1240px; } .key-information__list p:not(:last-child), .key-information__list ul:not(:last-child), .key-information__list ol:not(:last-child) { margin-bottom: 15px; } .key-information__list ol { margin-left: 15px; } .key-information__list ol li { margin-bottom: 10px; } .key-information-section + .continue-exploring-section { padding-top: 0; } .continue-exploring-section h2 { margin-bottom: 30px; letter-spacing: 2px; } .continue-exploring-grid { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -6px; } .continue-exploring-card { width: calc(16.66% - 12px); background: var(--green); color: var(--white); text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 26px 12px; min-height: 130px; transition: transform 0.2s ease, box-shadow 0.2s ease; margin: 6px; } .continue-exploring-card:hover { transform: scale(1.05); box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2); } .continue-exploring-icon { height: 66px; display: inline-flex; align-items: center; justify-content: center; } .continue-exploring-icon img { max-height: 50px; max-width: 80px; object-fit: contain; } .continue-exploring-label { text-transform: uppercase; letter-spacing: 1px; font-family: var(--font-riviera-nights); font-weight: var(--font-500); font-size: 15px; text-align: center; } /* Tour Highlights Section */ .tour-highlights__left .h2 i, .tour-highlights__left .h2 em { font-family: var(--font-larken); font-weight: var(--font-300); } .tour-highlights-section .container { max-width: 1070px; } .tour-highlights__inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: 60px; align-items: start; } .tour-highlights__list p { font-size: var(--font-18); color: var(--green); line-height: 1.6; margin-bottom: 15px;  } .tour-highlights__list p:last-child { margin-bottom: 0; } .tour-highlights__list ul { list-style: disc; padding-left: 20px; display: flex; flex-direction: column; gap: 14px; } .tour-highlights__list li { font-size: var(--font-18); color: var(--green); line-height: 1.6; margin-bottom: 6px; position: relative; list-style: none; padding-left: 10px; } .tour-highlights__list li:before { content: ""; position: absolute; left: -14px; top: 11px; width: 8px; height: 8px; background: var(--green); border-radius: 50%; } .tailor-made-box__header { background: #5C7E54; padding: 18px 28px; } .tailor-made-box__header h3 { color: var(--white); font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: var(--font-14); letter-spacing: 2px; text-transform: uppercase; } .tailor-made-box__body { background: var(--background-color); padding: 24px 28px; display: flex; flex-direction: column; gap: 30px; } .tailor-made-box__list { list-style: none; padding: 0;} .tailor-made-box__list li { font-size: var(--font-16); color: var(--green); line-height: 1.5; padding-left: 22px; position: relative; } .tailor-made-box__list li::before { content: '+'; position: absolute; left: 0; top: -3px; color: var(--gold); font-weight: var(--font-700); font-size: 130%; } .tailor-made-box__btn { display: flex; align-items: center; justify-content: center; gap: 16px; background: var(--green); color: var(--white); text-decoration: none; padding: 12px 15px; font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: var(--font-14); letter-spacing: 2px; text-transform: uppercase; border-radius: 6px; } .tailor-made-box__btn:hover { background: var(--black); color: var(--white); } .tailor-made-box__btn-icon { color: var(--gold); font-size: var(--font-18); font-weight: var(--font-700); } .tour-highlights-section + .testimonials-section { padding-top: 0; } /* // Tour Highlights Section */ /* When To Visit Section */ .when-to-visit-section { background: rgba(92, 126, 84, 12%); } .when-to-visit__title { font-size: var(--font-18); font-family: var(--font-riviera-nights); font-weight: var(--font-700); letter-spacing: 2px; text-transform: uppercase; color: var(--black); margin-bottom: 30px; } .when-to-visit__months { display: flex; flex-wrap: wrap; gap: 25px; margin-bottom: 30px; } .wtv-month { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; border: 2px solid var(--white); transition: all 0.2s ease-in-out; } .wtv-month span { font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: var(--font-20); color: var(--white); padding-top: 2px; } .wtv-month.wtv-best { background: rgba(92, 126, 84, 1); } .wtv-month.wtv-good { background: rgba(92, 126, 84, 42%); } .wtv-month.wtv-average { background: rgba(92, 126, 84, 8%); } .wtv-month.wtv-average span, .wtv-month.wtv-light span { color: #6b7d68; } .wtv-month a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; color: inherit; } .wtv-month.active {  transform: scale(1.1); box-shadow: 2px 2px 6px rgba(0, 0, 0, .15); } .wtv-month.active span { text-decoration: underline; } .when-to-visit__legend { display: flex; flex-wrap: wrap; gap: 28px; align-items: center; } .wtv-legend-item { display: flex; align-items: center; gap: 10px; } .wtv-legend-dot { width: 22px; height: 22px; border: 2px solid var(--white); border-radius: 50%; flex-shrink: 0; display: inline-block; } .wtv-legend-dot.wtv-best { background: rgba(92, 126, 84, 1); } .wtv-legend-dot.wtv-good { background: rgba(92, 126, 84, 42%); } .wtv-legend-dot.wtv-average { background: rgba(92, 126, 84, 8%); } .wtv-legend-label { font-size: var(--font-18); color: var(--black); } /* // When To Visit Section */ .home-hero__content .btn-black:before { display: none; } .GallerySlider { position: relative; width: 70%; margin: 0 auto; overflow: visible; } .gallery-section .container { max-width: 1240px; overflow: hidden; position: relative; } .gallery-section { background: var(--green); padding-left: 20px; padding-right: 20px; } .GallerySlider img { width: 100%; height: 100%; object-fit: cover; } .gallery-image { position: relative; padding-bottom: 68%; } .gallery-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .gallery-caption { padding: 20px 0 0 0; color: var(--white); } .gallery-caption p { font-size: var(--font-18); line-height: 1.4; color: var(--white); } .gallery-caption { opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; } .swiper-slide-active .gallery-caption { opacity: 1; visibility: visible; } .swiper-slide-active .gallery-image { box-shadow: 0 0 10px 0 rgba(4, 4, 10, 30%); } .gallery-nav { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; pointer-events: none; } .gallery-prev { position: absolute; top: 46%; left: 28px; transform: translateY(-46%); z-index: 50; cursor: pointer; width: 44px; height: 44px; pointer-events: auto; } .gallery-next { position: absolute; top: 46%; right: 28px; transform: translateY(-46%); z-index: 50; cursor: pointer; width: 44px; height: 44px; pointer-events: auto; } .gallery-prev img, .gallery-next img { width: 100%; height: auto; } .gallery-image { opacity: 0.6; } .swiper-slide-active .gallery-image { opacity: 1; } .price-button-section .four-items-card { display: flex; flex-direction: column; } .btn-span { text-decoration: none; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 14px 20px; gap: 20px; font-size: var(--font-16); font-weight: var(--font-700); letter-spacing: 2px; width: 100%; background-color: #2A3734; color: var(--white); margin-top: auto; } .btn-span::after { content: "+"; font-family: var(--font-riviera-nights); font-weight: var(--font-700); color: var(--white); font-size: 120%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .price-button-section .four-items-card .hotel-name { left: inherit; right: 15px; bottom: 15px; font-size: var(--font-12); letter-spacing: 1px; } .price-button-section .four-items-section .swiper-slide { background: rgba(92, 126, 84, 0.12); } .price-button-section .section-title { max-width: 100%; } .price-button-section .section-title p { max-width: 600px; margin: 15px auto 0 auto; } .itinerary-map-panel { display: flex; flex-direction: column; align-items: flex-end; max-height: 724px; overflow-y: auto; padding-right: 56px; padding-left: 20px; } .inner-row { max-width: 531px; width: 100%; } .itinerary-map-section { position: relative; z-index: 5; } .itinerary-map-layout { display: flex; align-items: stretch; gap: 26px; } .itinerary-map-panel { width: 48%; min-width: 0; } .itinerary-map-copy { margin-bottom: 28px; color: #2d3c2d; } .acc-itinerary-content p { font-size: var(--font-18); line-height: 1.4; margin-bottom: 15px; } .acc-itinerary-content p:last-child { margin-bottom: 0 } .acc-itinerary-content p img { display: block; width: 100%; } .acc-itinerary-content h3, .acc-itinerary-content h4, .acc-itinerary-content h5 { font-weight: bold; font-size: 18px; } .itinerary-map-eyebrow { font-family: var(--font-riviera-nights); display: block; margin-bottom: 24px; color: var(--green); font-size: var(--font-25); line-height: 1; font-weight: var(--font-700); text-transform: uppercase; letter-spacing: 0.08em; position: relative; } .itinerary-map-eyebrow:before { content: "+"; display: block; position: absolute; top: -1px; left: -25px; color: var(--gold); } .itinerary-map-copy p { margin: 0 0 16px; color: var(--green); font-size: var(--font-18); line-height: 1.55; } .itinerary-map-copy li { font-size: var(--font-18); color: var(--green); } .itinerary-map-copy h3 { margin: 0 0 8px; color: var(--green); font-size: 26px; line-height: 1.2; } .itinerary-map-panel::-webkit-scrollbar {  width: 16px; } .itinerary-map-panel::-webkit-scrollbar-track {  background: rgba(92, 126, 84, 0.18);  cursor: pointer;} .itinerary-map-panel::-webkit-scrollbar-thumb {  background: var(--green);  cursor: pointer;} .acc-item { margin-bottom: 12px; background: rgba(92, 126, 84, 0.10); border-left: 10px solid var(--gold); transition: background-color 0.25s ease, box-shadow 0.25s ease; } .acc-item:last-child { margin-bottom: 0; } .acc-trigger { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; border: 0; background: transparent; padding: 8px 18px 8px 23px; cursor: pointer; text-align: left; } .acc-title { font-family: var(--font-riviera-nights); color: var(--green); font-size: var(--font-18); line-height: 1.2; font-weight: var(--font-700); margin-top: 4px; } .acc-icon { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; width: 32px; height: 32px; border: 2px solid var(--gold); border-radius: 50%; position: relative; flex-shrink: 0; } .acc-icon::before, .acc-icon::after { content: ""; position: absolute; top: 18px; width: 10px; height: 2px; background: var(--gold); border-radius: 2px; transition: transform 0.25s ease; } .acc-icon::before { right: 50%; transform: rotate(45deg); transform-origin: 100% 50%; margin-right: -0.5px; } .acc-icon::after { left: 50%; transform: rotate(-45deg); transform-origin: 0% 50%; margin-left: -0.5px; } .acc-item.active .acc-icon::before { transform: rotate(-45deg); } .acc-item.active .acc-icon::after { transform: rotate(45deg); } .acc-item.active .acc-icon::before, .acc-item.active .acc-icon::after { top: 9px; } .acc-content { display: none; padding: 10px 16px 16px 23px; color: var(--green); font-size: var(--font-16); line-height: 1.6; } .acc-item.active .acc-content { display: block; } .acc-itinerary-meta { display: flex; flex-direction: column; gap: 10px; margin-top: 22px; padding-top: 4px; } .acc-itinerary-meta > div { display: flex; align-items: center; gap: 14px; min-width: 0; } .acc-itinerary-meta__pin { display: block; flex-shrink: 0; width: 23px; max-width: 100%; height: auto; } .acc-icon-box { min-width: 36px; width: 36px; display: flex; align-items: center; justify-content: center; } .acc-itinerary-meta__hotel { display: block; flex-shrink: 0; width: 31px; max-width: 100%; height: auto; } .acc-itinerary-meta__place { margin: 0; flex: 1; min-width: 0; font-family: var(--font-riviera-nights); font-size: var(--font-20); line-height: 1.2; font-weight: var(--font-700); color: var(--green); } .acc-itinerary-meta__stay { margin: 0; flex: 1; min-width: 0; font-family: var(--font-riviera-nights); font-size: var(--font-20); line-height: 1.2; font-weight: var(--font-400); color: var(--black); } .acc-itinerary-meta__stay strong { font-weight: var(--font-700); color: var(--green); } .cl-local-photo-grid__item, .cl-local-photo-grid__item * { text-decoration: none; } .cl-local-photo-grid__item:hover { transform: scale(1.05); } .cl-local-photo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 18px; margin-top: 20px; max-width: 100%; } .cl-local-photo-grid__media { position: relative; overflow: hidden; background: #e8e4dc; aspect-ratio: 123 / 101; } .cl-local-photo-grid__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .cl-local-photo-grid__title { margin: 2px 0 0; font-family: var(--font-riviera-nights); font-size: var(--font-14); line-height: 1.4; margin-top: 10px; font-weight: var(--font-400); color: var(--green); } .itinerary-map-canvas { width: 52%; min-height: 740px; position: relative; overflow: hidden; background: #f5f3eb; } .itinerary-map-canvas .map { width: 100%; height: 100%; min-height: 740px; } .itinerary-map-canvas .map iframe { width: 100%; height: 100%; min-height: inherit; border: 0; display: block; } .mps2-section .mps2-iw__body { text-align: center; } .mps2-section .mps2-iw__body p { padding: 0; padding-bottom: 6px; } .mps2-section .mps2-iw__body .btn.secondary-button { padding: 8px 20px; gap: 10px; min-width: inherit; margin-top: 10px; margin-bottom: 15px; } .mps2-section { padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(40px, 5vw, 72px); } .mps2-section .gm-style .gm-style-iw-tc:after { background: var(--green) !important; } .mps2-layout { display: grid; grid-template-columns: minmax(260px, 474px) minmax(0, 1fr); align-items: center; min-height: 410px; max-width: 1920px; margin-left: auto; margin-right: auto; } .mps2-panel { background: #f8f1e6; position: relative; z-index: 2; margin-right: -80px; } .mps2-section .section-title { margin-bottom: 60px; } .mps2-panel__inner { padding: 50px 30px 50px 50px; height: 100%; box-shadow: 7px 7px 0 rgba(92, 126, 84, 0.1); } .mps2-place-list__item.is-active { pointer-events: none;} .mps2-place-list { list-style: none; margin: 0; padding: 0 20px 0 0; max-height: 350px; overflow-x: hidden; overflow-y: auto; } .mps2-place-list__item:not(:first-child) { border-top: 3px solid rgba(255, 255, 255, 1); } .mps2-place-list__btn { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 6px 10px 0; margin: 0; border: 0; background: transparent; cursor: pointer; text-align: left; font: inherit; color: #000000; -webkit-transition: background-color 0.2s ease, color 0.2s ease; transition: background-color 0.2s ease, color 0.2s ease; } .mps2-place-list__btn span { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mps2-place-list__item .mps2-place-list__btn:hover span, .mps2-place-list__item.is-active .mps2-place-list__btn span { color: var(--gold); } .mps2-place-list__label { flex: 1 1 auto; min-width: 0; font-family: var(--font-riviera-nights, "Riviera Nights", sans-serif); font-size: var(--font-18); font-weight: var(--font-700, 700); line-height: 1.4; letter-spacing: 0.5px; text-transform: capitalize; color: inherit; } .mps2-place-list__pin { flex: 0 0 auto; width: 29px; min-width: 29px; height: 41px; background: url("../images/location_gold.png") no-repeat 50% 50% / contain; filter: none; } .mps2-map-wrap { position: relative; min-height: 520px; background: #eef0ea; margin-left: -80px; } .mps2-map { width: 100%; min-height: 520px; height: 100%; } /* Google InfoWindow: custom card (tooltip) */ .mps2-iw { position: relative; width: 300px; max-width: 300px; font-family: inherit; overflow: hidden; border-radius: 2px; } .mps2-iw__close { position: absolute; top: 10px; right: 10px; z-index: 3; width: 32px; height: 32px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.95); color: var(--green); font-size: var(--font-18); line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); } .mps2-iw__close:hover, .mps2-iw__close:focus-visible { background: #fff; outline: 2px solid var(--green); } .mps2-iw__media { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #dfe8d9; } .mps2-iw__media img { display: block; width: 100%; height: 100%; object-fit: cover; } .mps2-iw__body { background: var(--green); color: #fff; padding: 16px 16px 20px; } .mps2-iw__title { margin: 0 0 6px; font-size: var(--font-16); font-weight: 600; line-height: 1.35; padding-right: 28px; } .mps2-iw__location { margin: 0 0 14px; font-size: var(--font-14); font-weight: 400; line-height: 1.4; opacity: 0.92; } .mps2-section .gm-style-iw-ch { padding: 0 !important; } /* Tweak default InfoWindow chrome */ .mps2-section .gm-style .gm-style-iw-c { padding: 0 !important; border-radius: 2px !important; } .mps2-section .gm-style .gm-style-iw-d { overflow: auto !important; } .mps2-section .gm-style .gm-style-iw-d { scrollbar-width: none; -ms-overflow-style: none; } .mps2-section .gm-style .gm-style-iw-d::-webkit-scrollbar { display: none; } .mps2-section .gm-ui-hover-effect { display: none !important; } /* World regions map (map-section-2): wmreg-* — separate from mps2 Google map */ .wmreg-section { padding-top: 48px; padding-bottom: 64px; } .wmreg-stage { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; aspect-ratio: 2 / 1; } .wmreg-map { position: absolute; inset: 0; border-radius: 4px; overflow: hidden; background: #f2f3f0; } .wmreg-map__svg { display: block; width: 100%; height: 100%; } .wmreg-pins { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; pointer-events: none; } .wmreg-pins__item { position: absolute; left: var(--wmreg-x, 50%); top: var(--wmreg-y, 50%); transform: translate(-50%, -50%); pointer-events: auto; z-index: 2; max-width: min(42vw, 220px); } .wmreg-pin { display: inline-block; padding: 8px 12px; border-radius: 6px; background: #ffffff; color: var(--black); font-family: var(--font-riviera-nights); font-size: var(--font-12); font-weight: var(--font-500); line-height: 1.25; letter-spacing: 0.02em; text-align: center; text-decoration: none; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); border: 0; cursor: pointer; transition: box-shadow 0.2s ease, transform 0.2s ease; } .wmreg-pin:hover, .wmreg-pin:focus-visible { box-shadow: 0 6px 22px rgba(0, 0, 0, 0.18); transform: translateY(-1px); outline: none; } .wmreg-pin:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; } .wmreg-pin.is-active { padding: 10px 14px; font-size: var(--font-13); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22); } .select-box { position: relative; } .select-box.is-open { z-index: 20; } .select-box > label { display: block; margin-bottom: 8px; font-size: var(--font-12); font-weight: var(--font-500); letter-spacing: 1px; text-transform: uppercase; color: var(--title-color); } .select-box select { text-transform: uppercase; letter-spacing: 1px; background-color: transparent; } .select-box__content { position: relative; } .clear-filters { display: none; background: transparent; border: 0; color: var(--title-color); font-size: var(--font-12); font-weight: var(--font-500); letter-spacing: 1px; text-transform: uppercase; cursor: pointer; margin-left: auto; padding: 0; width: auto; } .clear-filters.is-visible { display: inline-flex; align-items: center; } .filter-box__title button.clear-filters { pointer-events: painted; } .hotels-filter-row-itineraries .select-box { width: calc(25% - 15px); } .hotels-filter-row-itineraries { display: flex; flex-wrap: wrap; gap: 20px; } .itineraries-filter .filter-box__title { padding-right: 0;} .select-box__content-inner { display: block; width: 100%; max-width: 100%; text-align: left; text-transform: uppercase; letter-spacing: 1px; color: var(--title-color); background-color: transparent; background-image: url("../images/select-dropdown.svg"); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; padding: 14px 30px 12px 12px; border: 1px solid var(--title-color); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: var(--font-riviera-nights); font-size: 14px; font-weight: var(--font-400); line-height: 1.2; appearance: none; -webkit-appearance: none; } .select-box.is-open .select-box__content-inner { border-bottom-color: transparent; } .check-wrap-container { display: none; position: absolute; left: 0; right: 0; top: 100%; margin-top: -1px; background: var(--white); border: 1px solid var(--title-color); border-top: 0; z-index: 21; max-height: 240px; overflow-y: auto; padding: 6px 0; } .select-box.is-open .check-wrap-container { display: block; } .check-wrap { position: relative; } .check-wrap input[type="checkbox"] { position: absolute; opacity: 0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; pointer-events: none; } .check-wrap label { display: block; position: relative; cursor: pointer; padding: 8px 14px 8px 42px; font-size: 14px; line-height: 1.3; color: var(--title-color); text-transform: none; letter-spacing: 0; } .check-wrap label:hover { background: rgba(92, 126, 84, 0.08); } .check-wrap label::before { content: ""; position: absolute; left: 14px; top: 50%; width: 16px; height: 16px; border: 1px solid var(--green); background: var(--white); transform: translateY(-50%); } .check-wrap label::after { content: ""; position: absolute; left: 19px; top: 50%; width: 5px; height: 9px; border-right: 2px solid var(--white); border-bottom: 2px solid var(--white); transform: translateY(-62%) rotate(45deg); opacity: 0; } .check-wrap input[type="checkbox"]:checked + label::before { background: var(--green); border-color: var(--green); } .check-wrap input[type="checkbox"]:checked + label::after { opacity: 1; } .check-wrap input[type="checkbox"]:focus-visible + label::before { outline: 2px solid var(--gold); outline-offset: 2px; } .filter-box-icon { opacity: 0; } .post-data a { background-color: rgba(92, 126, 84, 0.12); } .post-data .four-items-card:hover { transform: scale(1.05);     box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.35); } .map-container { max-width: 1500px; margin: 0 auto; width: 100%; } .mps2w-section { background-color: rgba(114, 134, 84, 11%); } .mps2w-map-wrap { position: relative; width: 100%; max-width: 1500px; margin-left: auto; margin-right: auto; border-radius: 0; overflow: hidden; min-height: 760px; } .mps2w-map { width: 100%; min-height: 760px; height: 100%; } .map-container-wrap { padding: 0 20px; } /* Region labels — locked to map on drag (no CSS transition lag) */ .mps2w-label { position: absolute; left: 0; top: 0; text-decoration: none; color: #222; font-family: inherit; font-size: clamp(0.7rem, 1.1vw, 0.95rem); font-weight: 600; z-index: 5; cursor: default; will-change: transform; transition: none; pointer-events: auto; } a.mps2w-label { cursor: pointer; } .mps2w-label__text { display: block; background: rgba(255, 255, 255, 0.8); padding: 0.35em 0.7em; border-radius: 8px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); transition: none; text-align: center; line-height: 1.25; max-width: 11em; transition: all 0.3s ease-in-out; } .mps2w-label__text:hover { background: rgba(255, 255, 255, 1); } .mps2w-label:hover { z-index: 1000; } .mps2w-label:hover .mps2w-label__text, .mps2w-label:focus-visible .mps2w-label__text, .mps2w-label.is-active .mps2w-label__text { padding: 0.5em 0.85em; font-size: 1.08em; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16); } .mps2w-label:focus-visible { outline: 2px solid #556b2f; outline-offset: 3px; } .highlights-section .container { max-width: 1220px; } .highlights-container { display: flex; gap: 60px; justify-content: space-between; align-items: flex-start; } .highlights-content { flex: 1; max-width: 700px; } .highlights-content p, .highlights-content li { font-size: var(--font-18); line-height: 1.6; color: var(--text-color); margin-bottom: 20px; font-weight: 400; } .highlights-content li { margin-bottom: 10px; list-style: disc; margin-left: 20px; } .highlights-content strong { font-weight: 500; } .highlights-section h2 { margin-bottom: 24px; } /* .highlights-section .highlights-content { max-height: 420px; overflow: hidden; overflow-y: auto; } */ .opinion-block { margin-top: 50px; } .opinion-title { font-size: var(--font-22); letter-spacing: 0; margin-bottom: 10px; font-weight: 700; font-family: var(--font-riviera-nights); } .quote-mark { margin: 20px 0 15px; } .opinion-quote p, .opinion-quote { margin: 10px 0; font-size: var(--font-16); line-height: 1.6; text-transform: uppercase; color: var(--green); } .opinion-author { font-size: var(--font-18); text-transform: capitalize; font-family: var(--font-larken); font-weight: 700; margin-top: 20px; } .highlights-cta { width: 417px; flex-shrink: 0; position: sticky; top: 120px; transition: all 0.3s ease-in-out; } .HeaderDown .highlights-cta { top: 200px; } .highlights-cta .btn { width: 100%; } .cta-card { border-radius: 0; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-bottom: 20px; background: #FDFAF4; } .cta-header { background: #5C7E54; color: var(--white); padding: 15px 20px; font-size: var(--font-16); font-weight: 900; font-family: var(--font-riviera-nights); text-align: center; letter-spacing: 1px; } .cta-body { padding: 30px 20px; text-align: center; } .cta-profile-row { display: flex; align-items: center; gap: 15px; margin-bottom: 25px; text-align: left; } .cta-profile-img-container { min-width: 128px; min-height: 128px; max-width: 128px; max-height: 128px; border-radius: 50%; overflow: hidden; } .cta-profile-img { width: 100%; height: 128px; object-fit: cover; display: block; } .cta-profile-text { font-size: var(--font-18); margin: 0; line-height: 1.5; } .cta-contact a, .cta-contact { font-size: var(--font-16); font-family: var(--font-riviera-nights); font-weight: 700; color: var(--black); text-decoration: none; } .cta-contact a:hover { color: var(--gold); } .cta-contact { margin-bottom: 20px; } .trustpilot-img { margin: 0 auto; } .cta-profile-row .opinion-author { display: block; margin-top: 10px; } /* CSS for section section:Destinations */ .destinations-title { text-align: center; } .destinations-grid { column-count: 5; gap: 30px; } .letter-group { margin-bottom: 40px; display: inline-block; vertical-align: top; width: 100%; } .letter-group h3 { font-size: var(--font-18); margin-bottom: 10px; font-family: var(--font-riviera-nights); font-weight: 900; } .letter-group ul { list-style: none; padding: 0; margin: 0; } .letter-group li { margin-bottom: 8px; } .letter-group li a { font-size: var(--font-14); margin-bottom: 0; text-transform: uppercase; cursor: pointer; transition: color 0.2s; color: var(--text-color); text-decoration: none; font-family: var(--font-riviera-nights); } .letter-group li a:hover { color: var(--gold); } /* CSS for section section:Article */ .container.article-container { max-width: 1182px; } .article-divider { border: none; border-top: 1px solid #000000; margin: 0; } .author-block { display: flex; align-items: center; gap: 22px; padding: 14px 0; } .author-img { width: 128px; height: 128px; border-radius: 50%; object-fit: cover; } .author-info p a { color: var(--green); text-decoration: underline; font-weight: 500; } .author-info p a:hover { color: var(--gold); } .author-info p { margin: 0; font-size: 21px; color: var(--green); font-weight: 500; } .author-info p.author-date { color: var(--gold); margin-top: 10px; } .article-text h2, .article-title { font-family: var(--font-larken-sans); font-size: 35px; margin: 60px auto; line-height: 1.4; color: var(--green); font-weight: 700; width: 100%; max-width: 1024px; } .article-text h2, .article-text h3, .article-text h4, .article-text h5, .article-text h6 { font-family: var(--font-larken-sans); margin: 20px 0; line-height: 1.4; color: var(--green); font-weight: 700; } .article-text h2 b, .article-text h2 a, .article-text h2 strong, .article-text h3 b, .article-text h3 a, .article-text h3 strong, .article-text h4 b, .article-text h4 a, .article-text h4 strong, .article-text h5 b, .article-text h5 a, .article-text h5 strong, .article-text h6 b, .article-text h6 a, .article-text h6 strong { font-weight: var(--font-700); } .article-text { max-width: 1024px; margin: 0 auto 50px auto; } .article-text:last-child , .article-text:last-child p:last-child { margin-bottom: 0; } .article-text ul, .article-text ol { margin: 20px 0 20px 20px; } .article-text a { color: var(--green); text-decoration: underline; } .article-text a:hover { color: var(--gold); } .article-text li, .article-text p { font-size: var(--font-18); line-height: 1.8; color: var(--green); } .article-text p { margin-bottom: 25px; } .article-text blockquote p:last-child { margin-bottom: 0; } .article-text blockquote { font-size: var(--font-18); line-height: 1.8; color: var(--green); margin: 20px 0; padding: 20px; border-left: 4px solid rgba(92, 126, 84, 0.16); } .article-text iframe { aspect-ratio: 16 / 9; width: 100%; height: 100%; } .article-large-img { width: 100%; margin-bottom: 50px; } .article-image-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 47px; margin-bottom: 50px; } .article-image-grid-3 img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 2/3; } .article-image-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 47px; margin-bottom: 50px; max-width: 947px; margin-left: auto; margin-right: auto; } .article-image-grid-2 img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 2/2.65; } .article-image-grid-1 { width: 100%; margin: 50px auto; } .article-image-grid-1 img { margin: 0 auto; display: block; } .blog-list-data-section { min-height: 500px; } .blog-list-data-section .post-data .btn-span  { color: var(--green); background: none; transition: all 0.3s ease-in-out; } .blog-list-data-section .four-items-card:hover .btn-span { background-color: var(--green); color: var(--white); } .blog-list-data-section .post-data .btn-span  { flex-direction: row-reverse; justify-content: flex-start; } .blog-list-data-section .post-data .btn-span::after { color: var(--gold); } .blog-list-data-section .four-items-card { background-color: rgba(92, 126, 84, 0.16); } .blog-list-data-section .four-items-card__title { font-family: var(--font-riviera-nights); font-weight: 500; font-size: 22px; } .blog-list-data-section .post-data .four-items-card__body { text-align: left; } .blog-list-data-section .four-items-card__body p { font-size: var(--font-18); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 8px; } .post-date { display: block; font-size: 17px; margin-bottom: 12px; } .dark-background { background-color: var(--green); } .dark-background .container { max-width: 1100px; } .dark-background .grid { grid-template-columns: 1.5fr 1fr; } .dark-background .h2, .dark-background .image-content-text * { color: var(--white); } .dark-background .image-content-text { max-width: 560px; } .blog-banner .h1 { font-size: clamp(40px, 5vw, 100px); text-shadow: none; color: var(--text-color); margin-bottom: 5px; line-height: 1.2; } .blog-banner p { letter-spacing: 1.5px; font-size: clamp(16px, 2vw, 18px); font-weight: 500; } .blog-banner.inner-page-banner .f-height { min-height: 100dvh; } .blog-banner.inner-page-banner .home-hero__content { padding-top: 100px; } .show-mobile { display: none; } .blog-filters { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; } .blog-filter-box { margin-top: 50px;} .blog-filter-chip { position: relative; cursor: pointer; } .blog-filter-chip input { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } .blog-filter-chip span { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 12px 24px 8px; border-radius: 999px; border: 1px solid #34432F; background: transparent; color: #34432F; font-family: 'Riviera Nights', sans-serif; font-size: var(--font-12); font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.2; transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .blog-filter-chip input:checked + span { background: #34432F; border-color: #34432F; color: #FFFFFF; box-shadow: 0 4px 12px rgba(52, 67, 47, 0.25); } .blog-filter-chip input:focus-visible + span { outline: 2px solid #34432F; outline-offset: 3px; } .blog-filter-chip:hover span { background: rgba(52, 67, 47, 0.08); } .blog-filter-chip input:checked:hover + span { background: #34432F; } .recent-articles-section .four-items-card { background-color: rgba(92, 126, 84, 0.16); } .recent-articles-section .btn-span  { color: var(--green); background: none; transition: all 0.3s ease-in-out; font-size: var(--font-12); gap: 15px; padding: 10px 18px; } .recent-articles-section .four-items-card:hover .btn-span { background-color: var(--green); color: var(--white); } .recent-articles-section .btn-span  { flex-direction: row-reverse; justify-content: flex-start; } .recent-articles-section .btn-span::after { color: var(--gold); font-size: 140%; } .blog-three-items-slider { width: 100%; } .blog-three-items-slider .swiper-slide { height: initial; } .article-content { margin-top: 50px; } .post-detail-banner.inner-page-banner .f-height { min-height: 100dvh; } .post-detail-banner:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; } .four-items-box { min-height: 300px; } .post-list-data-section .four-items-box.grid { display: flex; flex-wrap: wrap; justify-content: center; } .post-list-data-section .four-items-box.grid .post-data { width: calc(25% - 14px); } .blog-list-data-section .four-items-box.grid { display: flex; flex-wrap: wrap; justify-content: center; } .blog-list-data-section .four-items-box.grid .post-data { width: calc(33.33% - 47px); } .post-list-data-section.things-to-do-filter-2 .things-to-do-loader { background: rgba(255, 255, 255, 0.72); } .things-to-do-results-wrap .no-result.text-center { grid-column: span 4; } .blog-results-wrap .no-result.text-center { grid-column: span 3; } .custom-dropdown select:focus { outline: none; } .blog-list-data-section button.blog-filter-chip { border: 0; background: transparent; padding: 0; } .blog-list-data-section .blog-filter-chip.is-active span { background: #34432F; border-color: #34432F; color: #FFFFFF; box-shadow: 0 4px 12px rgba(52, 67, 47, 0.25); } .filter-box__title { padding-right: 20px; font-weight: 500; } .blog-list-data-section .blog-filter-chip.is-active:hover span { background: #34432F; } .blog-list-data-section .custom-dropdown { position: relative; display: inline-flex; align-items: center; max-width: 180px; } .blog-list-data-section .custom-dropdown::after { content: ""; position: absolute; right: 18px; width: 7px; height: 7px; border-right: 1px solid #34432F; border-bottom: 1px solid #34432F; transform: rotate(45deg) translateY(-2px); pointer-events: none; } .blog-list-data-section .blog-term-filter { min-height: 40px; min-width: 150px; padding: 12px 38px 8px 24px; border: 1px solid #34432F; border-radius: 999px; background: transparent; color: #34432F; font-family: 'Riviera Nights', sans-serif; font-size: var(--font-12); font-weight: 700; letter-spacing: 1.5px; line-height: 1.2; text-transform: uppercase; appearance: none; -webkit-appearance: none; cursor: pointer; } .blog-list-data-section .blog-results-wrap { position: relative; } .blog-list-data-section .blog-loader { position: absolute; inset: 0; z-index: 5; display: none; align-items:center; justify-content: center; min-height: 180px; background: rgba(253, 250, 244, 0.7); } .blog-list-data-section.is-loading .blog-loader { display: flex; } .blog-list-data-section .blog-loader img { width: 54px; height: 54px; } .blog-list-data-section.is-loading [data-blog-load-more] { pointer-events: none; opacity: 0.65; } .blog-archive-section { background-color: var(--background-color); } .blog-archive-section .four-items-box.grid { align-items: stretch; } .blog-archive-section .four-items-box.grid .post-data { display: flex; } .blog-archive-section .four-items-card { width: 100%; background-color: rgba(92, 126, 84, 0.16); transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; } .blog-archive-section .four-items-card__body { padding: 28px 24px 8px; flex: 1; } .blog-archive-section .four-items-card__title { font-family: var(--font-riviera-nights); font-weight: 500; font-size: 22px; line-height: 1.3; letter-spacing: 0.5px; color: var(--green); margin: 0 0 10px; } .blog-archive-section .post-date { color: var(--green); font-weight: 500; margin-bottom: 0; } .blog-archive-pagination { margin-top: 50px; } .blog-archive-pagination .nav-links { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; } .blog-archive-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px 14px; border: 1px solid var(--green); color: var(--green); font-family: var(--font-riviera-nights); font-size: var(--font-12); font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; line-height: 1; background: transparent; } .blog-archive-pagination .page-numbers.current, .blog-archive-pagination a.page-numbers:hover { background: var(--green); color: var(--white); } .explore-split-section { background: rgba(92, 126, 84, 0.06); padding-top: 0; padding-bottom: 0; } .explore-split-section .container { max-width: 1220px; } .explore-split-section__inner { display: flex; flex-direction: column; align-items: stretch; justify-content: center; } .explore-split-section__content-wrap:only-child { text-align:center; padding: 0 } .explore-split-section__content-wrap:only-child .explore-split-section__content { width: 100%; max-width: 100%; margin: 0 auto; text-align: center; } .explore-split-section__content-wrap { padding-left: 70px; padding-right: 20px; } .explore-split-section__inner:nth-child(even) .explore-split-section__content-wrap { padding-left: 20px; padding-right: 70px; } .explore-split-section__media { width: 50%; overflow: hidden; } .explore-split-section__media img { display: block; width: 100%; height: 100%; min-height: inherit; object-fit: cover; aspect-ratio: 16/10; } .explore-split-section__content-wrap { width: 50%; } .explore-split-section__content { max-width: 582px; padding: 48px 0; gap: 40px; display: flex; justify-content: center; height: 100%; width: 100%; } .explore-split-section .explore-split-section__inner:nth-child(even) .explore-split-section__media { order: 2; } .explore-split-section .explore-split-section__inner:nth-child(even) .explore-split-section__content-wrap { order: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; } .explore-split-section__text p { font-family: var(--font-riviera-nights); font-size: var(--font-18); line-height: 1.38; color: var(--green); margin-bottom: 0; } .explore-split-section__text.article-text { margin: 0; } .explore-split-section__text.article-text p, .explore-split-section__text.article-text ol:last-child, .explore-split-section__text.article-text ul:last-child { margin-bottom: 0; } .explore-split-section__text.article-text li:not(:last-child) { margin-bottom: 8px; } .explore-split-section__text p:not(:last-child) {margin-bottom: 12px; } /*.explore-split-section__text p strong, .explore-split-section__text p:first-child {font-size: 28px; font-weight: var(--font-500); letter-spacing: 0.06em; }*/ .explore-split-section__text.article-text h2:first-child {margin-top: 0 } .image-description { display: block; text-align: center; font-size: 16px; color: var(--green); padding-top: 15px; } .safari-section.light-bg { background-color: rgba(92, 126, 84, 4%); } .post-list-data-section.safari-section.section.light-bg { background-color: #FDFAF4; } .safari-section a.card-link-row { display: block; width: 100%; height: 100%; background-color: var(--green); transition: all 0.3s ease-in-out; } .safari-section a.card-link-row:hover { transform: scale(1.05); } .safari-section.post-list-data-section .four-items-box.grid .post-data { width: calc(33.33% - 12px); } .safari-section.post-list-data-section .four-items-box.grid .post-data .card-link-row__title { font-family: var(--font-larken); font-weight: var(--font-300); text-transform: uppercase; } .four-items-section.section.price-button-section .section-title h2 { margin-bottom: 20px; } .four-items-section.section.price-button-section .section-title p { margin-top: 10px; } /* Holiday Type – destination cards */ .destination-cards-grid { align-items: stretch; } .destination-card { display: flex; flex-direction: column; height: 100%; background-color: #f2f1e9; } .destination-card__image { position: relative; padding-bottom: 58%; overflow: hidden; } .destination-card__image a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .destination-card__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease-in-out; } .destination-card__image a:hover img { transform: scale(1.05); } .destination-card__title a { font-weight: var(--font-500); color: inherit; text-decoration: none; transition: color 0.3s ease-in-out; color: var(--green); } .destination-card__title a:hover { color: var(--gold); } .destination-card__body { display: flex; flex-direction: column; align-items: flex-start; flex: 1; padding: 31px 22px; text-align: left; } .destination-card__title { margin: 0 0 4px; font-family: var(--font-riviera-nights); font-size: var(--font-18); font-weight: var(--font-500); letter-spacing: 1.5px; line-height: 1.3; color: var(--green); } .destination-card__text { margin: 0 0 24px; font-family: var(--font-larken); font-size: var(--font-18); font-weight: var(--font-300); line-height: 1.45; color: var(--green); } .destination-card__cta { margin-top: 30px; font-family: var(--font-riviera-nights); font-size: var(--font-14); font-weight: var(--font-700); letter-spacing: 1.5px; line-height: 1.2; color: var(--green); text-decoration: none; transition: color 0.3s ease-in-out; } .destination-card__cta:hover { color: var(--gold); } .destination-card__body p { line-height: 1.4; color: var(--green); } .destination-cards-grid .destination-card:first-child { flex-direction: row; grid-column: 1 / -1; align-items: stretch; min-height: 350px; } .destination-cards-grid .destination-card:first-child .destination-card__image { width: 58%; padding-bottom: 0; flex-shrink: 0; min-height: 300px; } .destination-cards-grid .destination-card:first-child .destination-card__body { width: 42%; flex: 1; justify-content: center; background-color: #f2f2eb; padding: 44px; } .holiday-article-section .container { max-width: 1180px; } .holiday-article-section .highlights-cta { width: 350px; } .holiday-article-section .article-text h2, .holiday-article-section .article-text h3, .holiday-article-section .article-text h4, .holiday-article-section .article-text h5, .holiday-article-section .article-text h6 { margin-bottom: 10px; } .holiday-article-section .cta-body p { font-size: var(--font-18); font-weight: var(--font-500); color: var(--title-color); } .holiday-article-section .cta-contact { margin-top: 15px; } .holiday-article-section .cta-body { padding-bottom: 0; margin-bottom: 30px; } .holiday-article-section .curious-card-wrapper { margin-top: 30px; } .holiday-article-section .highlights-cta .btn { font-size: 13px; } .curious-card-wrapper { padding: 0 20px 20px 20px; text-align: center; } .curious-card-wrapper p { font-size: var(--font-18); color: var(--title-color); margin: 5px 0 18px; } .holiday-article-section .cta-card { box-shadow: 1.8px 1.8px 9px 0 rgba(0, 0, 0, 25%); } .holiday-article-section .cta-contact, .holiday-article-section .cta-contact a { font-size: 14px; } .book-copy-card-image img { display: block; width: 100%; } .book-copy-card-image .btn { margin-top: -10px; } .four-items-slider { width: 100%; } .four-items-card__body p { margin-bottom: 10px; } .four-items-card__body p:last-child { margin-bottom: 0; } .holiday-related-section .four-items-card__body { text-align: left; padding: 18px 18px 10px; } .holiday-related-section .four-items-card__title { font-size: var(--font-20); font-weight: var(--font-700); text-transform: inherit; } .holiday-related-section .post-date { font-size: var(--font-14); margin-top: 5px; letter-spacing: 2px; font-weight: var(--font-500); } .post-day-price { display: block; font-size: var(--font-15); font-weight: var(--font-700); margin-top: 5px; text-transform: capitalize; } .holiday-related-section .swiper-slide { height: initial; } .holiday-related-section .four-items-card { position: relative;  } .holiday-related-section .four-items-card:before { content: ''; position: absolute; width: 100%; height: 100%; z-index: -1; background-color: #ffffff; left: 0; top: 0; opacity: 0; } .holiday-related-section .four-items-card:hover:before { opacity: 1; } .holiday-related-section .four-items-slider { padding-bottom: 20px; padding-top: 10px; } .related-stories-section .section-title { max-width: 100%; margin-bottom: 40px; } .related-stories-list { list-style: none; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 100px; max-width: 860px; } .related-stories-list li { position: relative; padding-left: 28px; } .related-stories-list li::before { content: "+"; position: absolute; left: 0; top: -1px; color: var(--gold); font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: 120%; } .related-stories-list a { display: inline-block; font-size: var(--font-18); font-weight: var(--font-700); color: var(--title-color); text-decoration: none; line-height: 1.4; transition: color 0.3s ease-in-out; } .related-stories-list a:hover { color: var(--gold); } .three-items-slider.is-few-slides .swiper-slide { margin: 0 auto !important;} .three-items-pagination { position: relative; z-index: 20; pointer-events: auto; display: flex; justify-content: center; gap: 0; } .three-items-pagination__viewport { overflow: hidden; } .three-items-pagination__track { display: flex; gap: 8px; align-items: center; transition: transform 0.35s ease; will-change: transform; } .three-items-pagination__track .swiper-pagination-bullet { flex-shrink: 0; } .three-items-pagination.is-dynamic-dots .three-items-pagination__viewport { width: 32px; } .three-items-pagination:not(.is-dynamic-dots) .three-items-pagination__viewport { overflow: visible; width: auto; } .center-align-arrows { display: flex; justify-content: space-between; align-items: center; gap: 10px; top: 0; bottom: 46px; left: 0; right: 0; position: absolute; margin: auto -20px; } .center-align-arrows div { z-index: 10; position: relative; cursor: pointer; transition: all 0.3s ease-in-out; } .center-align-arrows div:hover { filter: brightness(0); } .center-align-arrows .swiper-button-disabled { opacity: 0.5; pointer-events: none; } .new-trending-trips .trip-card__image { position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 0; } .new-trending-trips .trip-card__body { position: relative; z-index: 5; justify-content: flex-end; align-items: flex-start; } .new-trending-trips .trip-card__button.btn { transform: inherit; opacity: 1; border: 1px solid var(--background-color); border-radius: 10px; padding: 12px 20px; font-size: 13px; gap: 15px; flex-direction: row; margin-top: 15px; flex-wrap: nowrap; } .new-trending-trips .trip-card__button.btn:before { font-size: 120%; } .new-trending-trips .TripSlider .swiper-slide:nth-child(odd), .new-trending-trips .TripSlider .swiper-slide:nth-child(odd) .trip-card__body, .new-trending-trips .TripSlider .swiper-slide:nth-child(even), .new-trending-trips .TripSlider .swiper-slide:nth-child(even) .trip-card__body{ background: none; } .new-trending-trips .swiper-slide { width: 30%; min-width: 350px; padding: 20px 12px; height: inherit; overflow: hidden; } .new-trending-trips .trip-card { width: 100%; display: block; overflow: hidden; position: relative; min-height: 500px; } .trip-card__body { width: 100%; } .new-trending-trips .trip-card__image:before { background: rgba(0, 0, 0, 1); content: ""; display: block; height: 100%; left: 0; opacity: .4; position: absolute; top: 0; transition: opacity .3s ease-in-out; width: 100%; z-index: 1; } .new-trending-trips .swiper-slide.last-btn-row { width: 250px; min-width: 250px; max-width: 250px; text-align: center;  } .trending-trips.new-trending-trips .ctm-btn-box { height: 100%; display: flex; flex-direction: column; justify-content: center; } .trending-trips__content { height: 100%; display: flex; flex-direction: column; justify-content: center; } .trending-trips.new-trending-trips { padding-top: 20px; padding-bottom: 20px; background-color: var(--green); margin: 0; } .trip-card:hover .trip-card_textbox { max-height: 150px; } .trip-card_textbox { max-height: 0; overflow: hidden; transition: all 0.5s ease-in-out; } .trending-trips.new-trending-trips .btn.secondary-button.white-btn { min-width: 180px; max-width: 180px; align-items: center; margin: 0 auto; } .trending-trips.new-trending-trips .btn.secondary-button.white-btn:hover { color: var(--black); } .swiper-button-prev.TripSlider-button-prev.swiper-button-disabled, .swiper-button-next.TripSlider-button-next.swiper-button-disabled { opacity: 0; pointer-events: none; } .swiper-button-prev.TripSlider-button-prev svg, .swiper-button-next.TripSlider-button-next svg { display: none; } .swiper-button-prev.TripSlider-button-prev, .swiper-button-next.TripSlider-button-next { height: 50px; width: 50px; border-radius: 50%;  display: flex; align-items: center; justify-content: center; right: 40px; backdrop-filter: blur(5.4166660309px); background: rgba(0, 0, 0, .3); border: 1px solid hsla(0, 0%, 100%, .25); } .swiper-button-prev.TripSlider-button-prev { left: 20px; right: inherit; transform: rotate(180deg); } .new-trending-trips .center-align-arrows div{ filter: inherit; } .new-trending-trips .center-align-arrows div:hover { background: rgba(0, 0, 0, .7); } .new-trending-trips .center-align-arrows div:hover img { filter: brightness(1); } .new-trending-trips .center-align-arrows div img { margin-left: 4px; width: 12px; } .new-trending-trips .trending-trips__content { max-width: 400px; } .new-trending-trips .trending-trips__content-box { display: flex; align-items: flex-end; justify-content: flex-end; } .new-trending-trips a.trip-card:hover .trip-card__button.btn { background: var(--white); color: var(--black); } .location-map-2 .h2 { font-weight: var(--font-700); font-size: 25px; line-height: 1.2; letter-spacing: 1.5px; text-transform: uppercase; font-family: var(--font-riviera-nights); margin-bottom: 20px; } .location-map-2 h2, .location-map-2 h4, .location-map-2 h5, .location-map-2 h6, .location-map-2 h3 { font-weight: var(--font-700); font-size: 20px; line-height: 1.2; font-family: var(--font-riviera-nights); margin-bottom: 10px; } .location-map-2 h2 { font-size: 25px; } .location-map-2 h3 { font-size: 20px; } .location-map-2 h4 { font-size: 18px; } .location-map-2 h5 { font-size: 16px; } .location-map-2 h6 { font-size: 14px; } .location-map-2 .itinerary-map-canvas { min-height: 540px; } .visit-all-data { background-color: #f8faf8; margin-top: 60px; } .visit-inner-row { display: none; } .visit-inner-row.active { display: block; } .visit-inner-col { width: 60%; padding-right: 40px; margin-bottom: 0; } .visit-inner-col:only-child { width: 100%; max-width: 100%; } .visit-inner-image { width: 40%; padding-left: 40px; flex-shrink: 0; position: sticky; top: 140px; transition: all 0.3s ease-in-out; margin-top: -50px; } .visit-inner-image img { width: 100%; height: auto; display: block; } .HeaderDown .visit-inner-image { top: 220px; } .visit-inner-row h2 { font-size: 25px; font-family: var(--font-riviera-nights); font-weight: var(--font-700); text-transform: uppercase; letter-spacing: 1px; margin: 0 0 20px 0; } .visit-inner-col.article-text p:last-child { margin-bottom: 0; } #BestTimeVisit.when-to-visit-section.section { padding-bottom: 0; } .four-items-section .ctm-btn-box.text-center { margin-top: 30px; } .travel-calendar-data { position: relative; padding-bottom: 150%; overflow: hidden; display: block; width: 100%; height: 100%; } .travel-calendar-data img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .travel-calendar-data span { position: absolute; bottom: 0; left: 0; width: 100%; background-color: var(--green); color: #fff; padding: 12px 10px 10px 10px; font-size: 14px; font-weight: var(--font-700); letter-spacing: 1.5px; text-transform: uppercase; font-family: var(--font-riviera-nights); text-align: center; font-size: 13px; font-weight: 700; line-height: 1.2; } .travel-calendar { position: relative; overflow: hidden; } .round-arrows div { height: 56px; width: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 3px solid var(--gold); margin-bottom: 30px; } .center-align-arrows.round-arrows { margin: auto -80px; } .round-arrows div img { margin-left: 2px;} .round-arrows div.prevbtn img { margin-right: 2px; margin-left: 0; } .dots-slider .travel-calendar { padding-bottom: 60px; } .dots-slider .bottom-dots { position: absolute; bottom: 10px; left: 0; width: 100%; right: 0; margin: auto; } .only-title-section { margin-bottom: 40px; } .travel-calendar-data:hover img { transform: scale(1.05); } .travel-calendar-data img { transition: transform 0.3s ease-in-out; } /* Family Holiday Section */ .family-holiday-section { background: rgba(92, 126, 84, 6%); } .family-holiday-section .section-title { max-width: 680px; margin-bottom: 50px; } .family-holiday-section__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 24px; } .family-holiday-card { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; flex: 0 0 100%; max-width: 100%; } .family-holiday-card__icon { margin: 0 0 24px; } .family-holiday-card__icon img { width: 100%; max-width: 190px; height: auto; display: block; margin: 0 auto; } .family-holiday-card__title { font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: var(--font-18); letter-spacing: 2px; color: var(--green); margin: 0 0 12px; } .family-holiday-card__text { margin-bottom: 20px; } .family-holiday-card__text p { font-size: var(--font-16); line-height: 1.5; color: var(--title-color); max-width: 260px; } .posts-data-heading { margin-top: 50px; } /* // Family Holiday Section */ .our-travel-calendar-section { background: rgba(92, 126, 84, 6%); } .our-travel-calendar-section .btn-span:after { display: none; } .our-travel-calendar-section .btn-span { font-family: var(--font-larken); font-weight: var(--font-400); } .our-travel-calendar-section .four-items-box { min-height: inherit; } /* Awards Section */ .awards-section { background: var(--white); } .awards-section .section-title { max-width: 480px; margin-bottom: 50px; } .awards-section__list { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 30px 30px; } .awards-item { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; flex: 0 0 calc(49% - 10px); max-width: calc(49% - 10px); } .awards-item__badge { margin: 0; min-height: 170px; margin-bottom: 20px; } .awards-item__text h2, .awards-item__text h3, .awards-item__text h4, .awards-item__text h5, .awards-item__text h6 { font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: 20px; } .awards-item__badge img { width: 100%; max-width: 170px; height: auto; display: block; margin: 0 auto;     aspect-ratio: 1 / 1; object-fit: contain; } .awards-item__text { width: 100%; margin: 0 auto; } .awards-item__text p { font-size: var(--font-16); line-height: 1.5; color: var(--title-color); margin: 16px 0 0; } /* // Awards Section */ .light-bg-2 { background: rgba(92, 126, 84, 6%); } .family-magazine-section .charity-content { padding: 50px; } .eyebrow-text { font-family: var(--font-larken-sans); font-weight: var(--font-500); font-size: var(--font-18); letter-spacing: 2px; text-transform: uppercase; color: var(--green); margin-bottom: 10px; } .call-us-text, .call-us-text p { font-size: var(--font-18); line-height: 1.5; color: var(--title-color); } .call-us-text a { text-decoration: none; } .call-us-text a:hover { text-decoration: underline; color: var(--gold); } /* Our History Section */ .our-history-section .section-title { max-width: 100%; } .our-history-section__wrapper { display: flex; align-items: stretch; gap: 20px; padding: 60px 0; } .our-history-scroll { height: 80vh; overflow: auto; direction: rtl } .our-history-scroll__inner { direction: ltr; padding-left: 60px; } .our-history-scroll { scrollbar-width: auto; scrollbar-color:  var(--gold) #e0e4d7; } .our-history-scroll::-webkit-scrollbar-thumb { background-color: var(--green); } .our-history-scroll::-webkit-scrollbar-track { background-color: #e0e4d7; } .our-history-item { display: flex; align-items: flex-start; gap: 40px; padding-bottom: 50px; } .our-history-item:last-child { padding-bottom: 0; } .our-history-item__content { flex: 0 0 50%; max-width: 50%; position: relative; padding-left: 50px; } .our-history-item__year { font-family: var(--font-larken-sans); font-weight: var(--font-300); font-size: clamp(40px, 5vw, 60px); line-height: 1.1; color: #5C7E54; margin: 0 0 5px; } .our-history-item__plus { color: var(--gold); font-family: var(--font-riviera-nights); font-weight: var(--font-500); position: absolute; left: 0; top: 0; } .our-history-item__content p { font-size: var(--font-18); line-height: 1.6; color: var(--title-color); margin: 0; } .our-history-item__media { flex: 1; margin: 0; } .our-history-item__media img { width: 100%; height: auto; display: block; object-fit: cover; aspect-ratio: 16 / 10; } /* // Our History Section */ .call-us-text { margin-top: 10px; } .destination-experts__images-box { width: 100%; max-width: 540px; overflow: hidden; position: relative; } .team-members-slider .destination-experts__image { width: 100%; transition: all 0.1s ease-in-out; } .team-members-slider { padding: 10px 0; } .team-members-slider .swiper-slide-active .destination-experts__image:first-child { margin-left: 0; } .team-members-slider .team-members-slider { position: relative; overflow: hidden; } .destination-experts__images { padding: 10px 0;} .team-members-slider.is-few-slides .swiper-wrapper { justify-content: center; } .our-history-data { max-width: 400px; } .our-history-item__media img { aspect-ratio: 16/11; width: 100%; height: auto; display: block; object-fit: cover; } .our-history-section__header { padding: 40px 0; margin: 0; } /* Brand Pillars Section */ .brand-pillars-section .brand-pillars-slider-wrap { background: rgba(92, 126, 84, 20%); } .brand-pillars-section__header { max-width: 100%; margin-bottom: 40px; } .brand-pillars-slider-wrap { overflow: hidden; } .brand-pillars-slider-wrap .center-align-arrows { margin: auto 20px; } .brand-pillars-slider { overflow: visible; } .brand-pillars-slider-wrap .center-align-arrows { z-index: 5; pointer-events: none; } .brand-pillars-slider-wrap .center-align-arrows div { pointer-events: auto; position: relative; z-index: 5; } .brand-pillars-slider-wrap .brand-pillars-slider_left_arrow img { transform: rotate(180deg); } .brand-pillar-card { display: flex; height: 100%; } .brand-pillar-card__media { flex: 0 0 52%; margin: 0; height: 100%; min-height: 450px; position: relative; } .brand-pillar-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 0; left: 0; } .brand-pillar-card__content { flex: 1; position: relative; display: flex; flex-direction: column; justify-content: center; padding: 80px 50px 100px 50px; } .brand-pillar-card__title { font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: var(--font-20); letter-spacing: 2px; color: var(--green); margin: 0 0 16px; } .brand-pillar-card__content p { font-size: var(--font-16); line-height: 1.6; color: var(--title-color); margin: 0; } .text-white .brand-pillar-card__content * { color: var(--white); } .brand-pillar-card__link { position: absolute; right: 24px; bottom: 24px; width: 56px; height: 56px; text-decoration: none; transition: all 0.3s ease-in-out; } .brand-pillar-card__link--dark { background: #2f3f2c; } .brand-pillar-card__link:hover { transform: scale(1.08); } .brand-pillar-card__inner { max-width: 450px; } .brand-pillars-slider-wrap .swiper-slide { height: initial; } /* // Brand Pillars Section */ /* Journey Conversation Section */ .journey-conversation-section { background: var(--white); padding-bottom: 0; } .journey-conversation-section__header { max-width: 820px; margin: 0 auto 40px; } .journey-columns { display: flex; flex-wrap: wrap; } .journey-column { position: relative; flex: 1 1 25%; padding: 36px; padding-top: 200px; display: flex; flex-direction: column;  } .journey-column__plus { position: absolute; top: 21px; right: 34px; font-family: var(--font-riviera-nights); font-weight: var(--font-500); font-size: 80px; color: var(--gold); line-height: 1; } .journey-column__title { font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: var(--font-22); letter-spacing: 2px; color: var(--green); margin: 0 0 20px; } .journey-column.text-white .journey-column__title { color: var(--white); } .journey-column.text-white .journey-column__plus { color: var(--gold); } .journey-column p { font-size: var(--font-18); line-height: 1.5; color: var(--title-color); margin: 0; max-width: 100%; } .journey-column.text-white p { color: var(--white); } /* // Journey Conversation Section */ /* Travel Reasons Section */ .travel-reasons-section { background: var(--white); } .travel-reasons-section__header { max-width: 740px; margin: 0 auto 40px; } .travel-reasons-grid { display: flex; flex-direction: column; } .travel-reasons-grid__box { display: flex; align-items: stretch; min-height: 450px; } .travel-reasons-grid__box:nth-child(even) { flex-direction: row-reverse; } .travel-reasons-grid__media { flex: 0 0 50%; margin: 0; position: relative; overflow: hidden; min-height: inherit; } .travel-reasons-grid__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } .travel-reasons-grid__card { flex: 0 0 50%; position: relative; display: flex; flex-direction: column; justify-content: center; padding: 60px 95px 100px; } .travel-reasons-grid__box:nth-child(odd) .travel-reasons-grid__card { background: rgba(92, 126, 84, 20%); } .travel-reasons-grid__box:nth-child(even) .travel-reasons-grid__card { background: rgba(208, 160, 55, 18%); } .travel-reasons-grid__inner { max-width: 520px; } .travel-reasons-grid__title { font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: var(--font-24); letter-spacing: 2px; color: var(--green); margin: 0 0 16px; } .travel-reasons-grid__card p { font-size: var(--font-18); line-height: 1.6; color: var(--title-color); margin: 0; } .travel-reasons-grid__link { position: absolute; right: 24px; bottom: 24px; width: 56px;text-decoration: none; transition: all 0.3s ease-in-out; } .travel-reasons-grid__link:hover { transform: scale(1.08); } .travel-reasons-grid__box .travel-reasons-grid__title { margin-top: 0; margin-bottom: 10px; } .travel-reasons-grid__box:nth-child(even) .travel-reasons-grid__card { align-items: flex-end; } .travel-reasons-section.section { padding-bottom: 0; } /* // Travel Reasons Section */ .press-articles-block { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20px; } .press-articles-block .post-data { width: calc(33.33% - 40px); margin: 20px; } .press-articles-block .four-items-card__body { text-align: left; } .press-articles-block .four-items-card__title { font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: var(--font-20); letter-spacing: 2px; color: var(--green); margin: 0 0 5px; } span.post-data__date { display: block; margin: 5px 0 15px 0; } .press-articles-block p { font-weight: var(--font-500); } .key-information__content h5 { font-size: var(--font-16); font-family: var(--font-riviera-nights); font-weight: var(--font-500); margin: 0 0 10px; color: var(--black); } .key-information__content h5, .key-information__content p { line-height: 1.5 } .key-information__content h5:not(:last-child), .key-information__content p:not(:last-child) { margin-bottom: 10px; } .home-about.section + .four-items-section.section { padding-top: 20px; } .home-about.section + .four-items-section.section.light-bg { padding-top: 60px; } .holiday-inspiration-section.lightgray-bg + .tour-section.four-column-tour-main { padding-top: 0; } .hotel-content-toggle-btn { cursor: pointer; } .four-items-card__body.hidebutton .hotel-content-toggle-btn { display: none; cursor: pointer; } .hotel-content-all-data { margin-bottom: 15px; } .four-items-card.is-content-expanded .four-items-card__image { padding-bottom: 0; } .four-items-card__image { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hotel-content-toggle-btn.btn-span { color: var(--green); gap: 10px; background: none; padding: 0; margin: 0; border: none; font-size: 14px; } .hotel-content-toggle-btn.btn-span:after { color: var(--gold);} .seeless-btn { display: none; } .four-items-card.is-content-expanded .seemore-btn { display: none; } .four-items-card.is-content-expanded .seeless-btn { display: flex; } .key-information-section.cream-bg + .key-information-section.cream-bg { padding-top: 0; } /* Travel Magazine - Our Brochures */ .travel-magazine-brochures-section__title { max-width: 100%; margin-bottom: 50px; } .travel-magazine-brochures-section__title h2 { color: #2B443C; margin: 0; } .travel-magazine-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 100px 58px; } .travel-magazine-card { flex: 0 1 calc((100% - 116px) / 3); max-width: 372px; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; } .travel-magazine-card__cover { display: block; position: relative; width: 100%; aspect-ratio: 371 / 400; overflow: hidden; background: #e8e4dc; } .travel-magazine-card__cover img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease-in-out; } .travel-magazine-card__cover:hover img { transform: scale(1.05); } .travel-magazine-card__title { margin: 40px 0 8px; width: 100%; font-family: var(--font-riviera-nights); font-size: var(--font-16); font-weight: var(--font-700); line-height: 1.4; letter-spacing: 1.5px; text-transform: uppercase; color: var(--green); } .travel-magazine-card__link.btn-span { display: flex; width: auto; margin-top: 4px; padding: 0; gap: 12px; background: none; color: var(--green); font-size: var(--font-14); letter-spacing: 1.5px; flex-direction: row-reverse; justify-content: center; transition: color 0.3s ease-in-out; } .travel-magazine-card__link.btn-span::after { color: var(--gold); font-size: 140%; } .travel-magazine-card__link.btn-span:hover { color: var(--gold); } .card_link { display: block; width: 100%; text-decoration: none; } .magazine-form-popup-row .travel-magazine-popup__dialog { max-width: 650px; padding: 40px; background-color: var(--green); } .travel-magazine-popup__form-logo { display: block; width: 100%; max-width: 220px; height: auto; margin: 0 auto 20px; } .magazine-form-popup-row p { font-weight: 400; font-size: var(--font-16); line-height: 1.5; color: var(--white); margin: 0 0 20px; } .travel-magazine-popup__dialog #FormDesign .wpforms-field-label { margin-bottom: 8px; } .travel-magazine-popup__dialog #FormDesign .wpforms-field-sublabel, .travel-magazine-popup__dialog #FormDesign .wpforms-field-label { color: #ffffff;  } .travel-magazine-popup__dialog #FormDesign .wpforms-field-row.wpforms-field-medium { width: 100%; max-width: 100%; } .travel-magazine-popup__dialog #FormDesign { padding: 0; } .travel-magazine-popup__dialog #FormDesign .wpforms-submit-container:before { display: none; } .travel-magazine-popup__dialog #FormDesign .wpforms-submit-container .wpforms-submit { width: 100%; background-color: var(--gold); color: var(--white); margin: 0; transition: all 0.3s ease-in-out; } .travel-magazine-popup__dialog #FormDesign .wpforms-submit-container .wpforms-submit:before { color: var(--white); transition: all 0.3s ease-in-out; } .travel-magazine-popup__dialog  #FormDesign .wpforms-submit-container .wpforms-submit:hover { background-color: #ffffff; color: var(--green); } .travel-magazine-popup__dialog #FormDesign .wpforms-submit-container .wpforms-submit:hover:before { color: var(--green); } .travel-magazine-popup__dialog #FormDesign .wpforms-submit-container { margin-top: 15px; } .travel-magazine-popup__dialog #FormDesign .wpforms-container .wpforms-field, .travel-magazine-popup__dialog #FormDesign .wp-core-ui div.wpforms-container .wpforms-field { padding: 10px 0; } .image-content-section .travel-magazine-brochures-section .card_link { width: auto; min-width: auto; } /* Travel Magazine - Popup */ body.travel-magazine-popup-open { overflow: hidden; } .popup-row { width: 0; height: 0; overflow: visible; } .travel-magazine-popup { position: fixed; inset: 0; z-index: 9999999999; display: none; align-items: center; justify-content: center; padding: 24px; } .travel-magazine-popup.is-active { display: flex; } .travel-magazine-popup__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.75); } .travel-magazine-popup__iframe-wrap { height: 100%; } .travel-magazine-popup__iframe-wrap iframe { min-height: calc(100vh - 48px); max-height: calc(100vh - 48px); } .travel-magazine-popup__dialog { position: relative; overflow: auto; z-index: 1; width: min(100%, 1500px); min-height: calc(100vh - 48px); max-height: calc(100vh - 48px); min-height: calc(100dvh - 48px); max-height: calc(100dvh - 48px); background: var(--white); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25); } .travel-magazine-popup__close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.95); color: var(--green); font-size: var(--font-24); line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12); } .travel-magazine-popup__close:hover, .travel-magazine-popup__close:focus-visible { background: #fff; outline: 2px solid var(--green); } .travel-magazine-popup__iframe-wrap { position: relative; width: 100%; overflow: hidden; } .travel-magazine-popup__iframe-wrap iframe { display: block; width: 100%; height: 100%; border: 0; } /* Travel Magazine - Group Trips People */ .group-trips-people-section { background: var(--white); } .group-trips-people-section__title { max-width: 100%; margin-bottom: 50px; } .group-trips-people-section__title h2 { color: #2B443C; margin: 0; } .group-trips-people-section__rows { display: flex; flex-direction: column; gap: 70px; } .group-trips-people-section__row { display: flex; align-items: center; justify-content: space-between; gap: 48px; } .group-trips-people-section__row:nth-child(odd) { flex-direction: row-reverse; } .group-trips-people-section__content, .group-trips-people-section__media { flex: 0 0 calc(50% - 24px); max-width: calc(50% - 24px); } .group-trips-people-section__content { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .group-trips-people-section__content .article-text { margin-bottom: 20px; } .group-trips-people-section__name { margin: 0; color: #2B443C; font-family: var(--font-larken);  font-weight: var(--font-500); line-height: 1.2; } .group-trips-people-section__text p { font-family: var(--font-riviera-nights); font-size: var(--font-18); font-weight: var(--font-300); line-height: 1.55; color: #2B443C; margin: 0; } .group-trips-people-section__actions { width: 100%; } .group-trips-people-section__btn.btn-span { width: auto; min-width: 233px; margin-top: 0; padding: 10px 20px; gap: 12px; flex-direction: row-reverse; justify-content: center; border-radius: 6px;  } .group-trips-people-section__btn.btn-span::after { color: var(--gold); font-size: 140%; } .group-trips-people-section__media { overflow: hidden; } .group-trips-people-section__media img { display: block; width: 100%; height: auto; aspect-ratio: 589 / 393; object-fit: cover; } /* Travel Magazine - Stats Bar */ .travel-magazine-stats-section { background: rgba(92, 126, 84, 0.06); padding: 0; } .travel-magazine-stats { min-height: 271px; margin: 0; padding: 40px 0; list-style: none; justify-content: space-between; gap: 24px 40px; } .travel-magazine-stats__item { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; text-align: center; color: #2B443C; } .travel-magazine-stats__value { font-family: var(--font-larken); font-size: clamp(40px, 7vw, 64px); font-weight: var(--font-300); line-height: 1; letter-spacing: 0.02em; } .travel-magazine-stats__label { margin-top: 10px; font-family: var(--font-larken); font-size: clamp(14px, 1.4vw, 18px); font-family: var(--font-larken-sans); font-weight: var(--font-500); line-height: 1.2; letter-spacing: 0.8px; } /* Travel Magazine - Press & Awards Cards */ .press-awards-cards-section .container { max-width: 1258px; } .press-awards-cards-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 62px; width: 100%; } .press-awards-card { position: relative; display: flex; flex: 1 1 calc(50% - 31px); max-width: calc(50% - 31px); min-height: 448px; overflow: hidden; text-decoration: none; color: var(--white); } .press-awards-card__media { position: absolute; inset: 0; } .press-awards-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.35s ease-in-out; } .press-awards-card__overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.22); z-index: 1; } .press-awards-card__content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 448px; padding: 40px 24px; text-align: center; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.65); } .press-awards-card__title { margin: 0; color: var(--white); font-family: var(--font-larken); font-weight: var(--font-300); font-size: clamp(32px, 4vw, 40px); line-height: 1.2; } .press-awards-card__subtitle { font-family: var(--font-riviera-nights); font-size: var(--font-14); font-weight: var(--font-500); letter-spacing: 1.5px; line-height: 1.4; color: var(--white); } .press-awards-card:hover .press-awards-card__media img { transform: scale(1.05); } .team-row .team_card a { padding: 0; } .team-row .team_card { padding: 25px 40px;} .team-row .team-card__image .span-btn-box { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; background: rgb(52 67 47 / 77%); border-radius: 50%; z-index: 1; height: 100%; width: 100%; opacity: 0; transition: opacity 0.3s ease-in-out; } .team-row .team-card:hover .span-btn-box { opacity: 1; } .team-row .team-card:hover { transform: none; } .team-row .span-btn-box span { padding: 0; background: none; font-size: 14px; gap: 8px; margin-top: 10px; } .why-book-with-us-section .team-row .team_card { padding: 20px; } .why-book-with-us-section .team-row .team-card { padding: 0; } .why-book-with-us-section .team-card__content h3 { font-family: var(--font-riviera-nights); font-weight: var(--font-500); } .header-content { max-width: 600px; margin: 0 auto; } .three-items-slider { position: relative; overflow: hidden; padding: 20px; } .small-group-trips-section .four-items-card__body { text-align: left; padding: 20px 20px 15px 20px; } .small-group-trips-section .four-items-card { background-color: #ebf0ea; } .small-group-trips-section .four-items-card:hover { transform: scale(1.06); box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.35); z-index: 10; } .small-group-trips-section .four-items-card__title { font-weight: var(--font-700); text-transform: inherit; letter-spacing: 0; } .destination-badge { display: block; font-weight: 500; font-size: 14px; line-height: 1.3; letter-spacing: 1.4px; margin: 5px 0 10px; } .four-items-card__actions { gap: 10px;} .four-items-card__actions span { display: block; font-weight: 400; font-size: 14px; line-height: 1.3; margin: 5px 0 10px; font-weight: 700; position: relative; letter-spacing: 0.2px; } .four-items-card__actions span:last-child:before { display: none; } .four-items-card__actions span:before { content: ''; display: block; width: 2px; height: 10px; background: var(--gold); position: absolute; top: 0; right: -6px; bottom: 0; margin: auto; } /* Single Team - Hero */ .single-team-hero { background: var(--green); } .single-team-hero__inner { align-items: stretch; min-height: 380px; } .single-team-hero__content { flex: 1 1 56.6%; min-width: 0; display: flex; align-items: center; justify-content: flex-end; } .single-team-hero__content-inner { width: 100%; max-width: 600px; padding: 48px 40px 48px 0; padding-top: 100px; gap: 44px; } .single-team-hero__name { margin: 0; font-family: var(--font-larken); font-weight: var(--font-400); font-size: clamp(32px, 3.3vw, 48px); line-height: 1; color: var(--white); } .single-team-hero__meta { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 18px; } .single-team-hero__meta-item { display: flex; align-items: center; gap: 16px; color: var(--white); } .single-team-hero__meta-text { font-family: var(--font-riviera-nights); font-size: clamp(16px, 1.4vw, 20px); font-weight: var(--font-400); line-height: 1.35; margin-top: 4px; } .single-team-hero__icon { flex: 0 0 auto; width: 24px; min-width: 24px; height: 33px; margin-top: 2px; display: flex; align-items: center; justify-content: center; } .single-team-hero__icon-img { flex: 0 0 auto; width: 32px; min-width: 32px; height: auto; margin-top: 2px; } .single-team-hero__meta-item:last-child .single-team-hero__icon-img { width: 30px; min-width: 30px; } .single-team-hero__media { width: 45%; overflow: hidden; background: #D9D9D9; position: relative; } .single-team-hero__media img { display: block; width: 100%; height: 100%; min-height: 260px; object-fit: cover; object-position: center; position: absolute; inset: 0; } .single-team-hero__icon { min-width: 30px; } .single-team-hero { margin-top: 141px; } /* Single Team - Intro */ .single-team-intro-section__content.article-text h2:first-child { margin-top: 0; } .single-team-intro-section__inner { gap: 41px; } .single-team-intro-section__content { flex: 1 1 819px; max-width: 819px; margin: 0; gap: 0; } .single-team-intro-section__content.article-text p { font-size: var(--font-18); line-height: 1.8; color: var(--green); } .single-team-intro-section__aside { flex: 0 0 435px; max-width: 435px; width: 100%; } .single-team-intro-section__cta { padding: 42px 40px 36px; box-shadow: 1.8px 1.8px 9px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; gap: 29px; } .single-team-intro-section__cta-title { margin: 0; font-family: var(--font-larken); font-weight: var(--font-400); font-size: clamp(28px, 2.8vw, 40px); line-height: 1.2; color: var(--white); } .single-team-intro-section__cta-text { margin: 0; font-family: var(--font-riviera-nights); font-size: var(--font-18); font-weight: var(--font-400); line-height: 1.55; color: var(--white); max-width: 334px; } .single-team-intro-section__btn { display: inline-flex; align-items: center; justify-content: center; gap: 18px; width: 100%; max-width: 386px; padding: 11px 22px; background: var(--white); color: var(--black); border: 0; border-radius: 6px; box-shadow: 0 2.6px 7.9px rgba(16, 24, 40, 0.08), 0 7.9px 10.6px rgba(16, 24, 40, 0.08); font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: var(--font-14); letter-spacing: 2px; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease; } .single-team-intro-section__btn::before { content: "+"; color: var(--gold); font-size: var(--font-24); font-weight: var(--font-700); line-height: 1; } .single-team-intro-section__btn:hover { background: var(--gold); color: var(--green); } .single-team-intro-section__btn:hover:before { color: var(--green); } .single-team-intro-section__trust { display: block; margin: 28px 0 0; } /* Single Team - Memorable Trips */ .single-team-trips-section__title { max-width: 100%; margin-bottom: 40px; } .single-team-trips-section__title h2 { margin: 0; color: var(--title-color); } .single-team-trips-section__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 4.3vw, 62px); } .single-team-trips-card { height: 100%; } .single-team-trips-card__link { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; transition: transform 0.3s ease, box-shadow 0.3s ease; } .single-team-trips-card__media { aspect-ratio: 602 / 372; overflow: hidden; background: #d9d9d9; } .single-team-trips-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; } .single-team-trips-card__link:hover .single-team-trips-card__media img { transform: scale(1.04); } .single-team-trips-card__body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: clamp(24px, 2.5vw, 32px) clamp(20px, 2vw, 24px); background: rgba(92, 126, 84, 0.06); text-align: left; min-height: 255px; } .single-team-trips-card__title { margin: 0; font-family: var(--font-riviera-nights); font-size: var(--font-20); font-weight: var(--font-700); letter-spacing: 1px; line-height: 1.3; color: var(--green); } .single-team-trips-card__body p { margin: 0; flex: 1; font-family: var(--font-riviera-nights); font-size: var(--font-18); font-weight: var(--font-400); line-height: 1.55; color: var(--green); } .single-team-trips-card__link .btn-span { width: auto; margin-top: auto; padding: 0; background: none; color: var(--green); flex-direction: row-reverse; justify-content: flex-start; font-size: var(--font-14); letter-spacing: 2px; gap: 12px; transition: color 0.3s ease; } .single-team-trips-card__link .btn-span::after { color: var(--gold); font-size: 140%; } .single-team-trips-card__link:hover .btn-span { color: var(--gold); background: none; } /* Single Team - Destinations Grid (Figma Frame 3) */ .single-team-destinations-section { margin-top: -200px; margin-bottom: 60px; position: relative; z-index: 1; } .single-team-destinations-section__grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 24px; } .single-team-destinations-section__grid--count-3 { justify-content: center; } .single-team-destinations-card { flex: 0 1 287px; max-width: 287px; width: 100%; } .single-team-destinations-card__inner { background: var(--white); box-shadow: 1.76px 1.76px 10.57px rgba(0, 0, 0, 0.25); height: 100%; } .single-team-destinations-card--compact { margin: auto; } .single-team-destinations-card__link { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; transition: transform 0.3s ease; } .single-team-destinations-card__link:hover { transform: translateY(-4px); } .single-team-destinations-card__media { overflow: hidden; background: #d9d9d9; aspect-ratio: 287 / 228; } .single-team-destinations-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; } .single-team-destinations-card__link:hover .single-team-destinations-card__media img { transform: scale(1.04); } .single-team-destinations-card__body { flex: 1; display: flex; flex-direction: column; gap: clamp(16px, 2vw, 24px); padding: clamp(20px, 2vw, 30px) clamp(20px, 2vw, 30px) clamp(24px, 2.5vw, 36px); background: var(--background-color); min-height: 216px; } .single-team-destinations-card--featured .single-team-destinations-card__body { margin-top: -33px; position: relative; z-index: 1; min-height: 177px; } .single-team-destinations-card__quote { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; } .single-team-destinations-card__icon { flex: 0 0 15px; width: 15px; } .single-team-destinations-card__icon img { display: block; width: 100%; height: auto; margin-top: 2px; } .single-team-destinations-card__text p { margin: 0; font-family: var(--font-riviera-nights); font-size: clamp(14px, 1.2vw, 16px); font-weight: var(--font-400); line-height: 1.55; color: var(--title-color); } .single-team-destinations-card__text strong { font-weight: var(--font-700); } .single-team-destinations-card__footer { margin-top: auto; display: flex; justify-content: flex-end; } .single-team-destinations-card__cta.btn-span { width: auto; padding: 0; background: none; color: var(--green); flex-direction: row-reverse; justify-content: flex-start; font-size: var(--font-14); letter-spacing: 2px; gap: 10px; transition: color 0.3s ease; } .single-team-destinations-card__cta.btn-span::after { color: var(--gold); font-size: 140%; } .single-team-destinations-card__title { width: calc(100% - 25spx); margin-top: auto; } .single-team-destinations-card__text { width: 100%; } .single-team-destinations-card__link:hover .single-team-destinations-card__cta.btn-span { color: var(--gold); background: none; } .travel-map .map-container { max-width: 1700px; } /* Single Team - Press Articles */ .single-team-articles-section .container { max-width: 1247px; } .single-team-articles-section__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(32px, 5.8vw, 70px) clamp(24px, 5.8vw, 50px); } .single-team-articles-load-more { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 20px; } .single-team-articles-loader { display: none; align-items: center; justify-content: center; margin-right: -32px; position: relative; right: -20px; } .single-team-articles-section.is-loading .single-team-articles-loader { display: flex; } .single-team-articles-loader img { width: 32px; height: 32px; } .single-team-articles-section.is-loading [data-single-team-articles-load-more] { pointer-events: none; opacity: 0.65; } .single-team-article-card { flex: 0 1 364px; max-width: 364px; width: 100%; } .single-team-article-card__link { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; transition: transform 0.3s ease; } .single-team-article-card__link:hover { transform: translateY(-4px); } .single-team-article-card__media { aspect-ratio: 364 / 299; overflow: hidden; background: #d9d9d9; } .single-team-article-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; } .single-team-article-card__link:hover .single-team-article-card__media img { transform: scale(1.04); } .single-team-article-card__body { flex: 1; display: flex; flex-direction: column; align-items: flex-start; min-height: 213px; padding: clamp(18px, 2vw, 25px) clamp(18px, 2vw, 25px) clamp(20px, 2.2vw, 28px); background: rgba(92, 126, 84, 0.16); text-align: left; } .single-team-article-card__source { display: block; font-family: var(--font-riviera-nights); font-weight: var(--font-700); line-height: 1.2; letter-spacing: 1px; color: var(--green); } .single-team-article-card__date { display: block; margin-top: 8px; font-family: var(--font-riviera-nights); font-size: var(--font-16); font-weight: var(--font-400); line-height: 1.4; color: var(--green); } .single-team-article-card__title { margin: 14px 0 0; font-family: var(--font-riviera-nights); font-size: var(--font-20); font-weight: var(--font-500); line-height: 1.35; color: var(--green); } .single-team-article-card__link .single-team-article-card__cta.btn-span { width: auto; margin-top: auto; margin-left: auto; padding: 0; background: none; color: var(--green); flex-direction: row-reverse; justify-content: flex-start; font-size: var(--font-14); letter-spacing: 2px; gap: 10px; transition: color 0.3s ease; } .single-team-article-card__link .single-team-article-card__cta.btn-span::after { color: var(--gold); font-size: 140%; } .single-team-article-card__link:hover .single-team-article-card__cta.btn-span { color: var(--gold); background: none; } /* Single Team - Book a Call CTA */ .single-team-cta-section { padding: clamp(48px, 6.7vw, 96px) 0; } .single-team-cta-section .container { max-width: 1047px; } .single-team-cta-section__inner { gap: clamp(24px, 2.8vw, 40px); } .single-team-cta-section__title { margin: 0; max-width: 100%; font-family: var(--font-larken); font-weight: var(--font-300); font-size: clamp(32px, 4vw, 48px); line-height: 1.2; color: var(--white); } .single-team-cta-section__text { margin: 0; max-width: 823px; font-family: var(--font-riviera-nights); font-size: clamp(16px, 1.6vw, 18px); font-weight: var(--font-400); line-height: 1.55; color: var(--white); } .single-team-cta-section__btn.btn.white-btn { min-width: 223px; padding: 13px 28px; gap: 16px; border-radius: 17px; border-width: 2px; box-shadow: 0 3px 4.6px rgba(16, 24, 40, 0.03), 0 9px 12.4px rgba(16, 24, 40, 0.08); transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .single-team-cta-section__btn.btn.white-btn::before { font-size: 140%; } .single-team-cta-section__btn.btn.white-btn:hover { background-color: var(--white); color: var(--black); border-color: var(--white); box-shadow: 0 3px 4.6px rgba(16, 24, 40, 0.03), 0 9px 12.4px rgba(16, 24, 40, 0.08); } .single-team-cta-section__btn.btn.white-btn:hover::before { color: var(--gold); } /* Enquiry Page */ .enquiry--form-section { margin-bottom: 80px; margin-top: 10px; } .enquiry-form { margin-bottom: 25px; } .enquiry-form .h2 { margin: 0; font-family: var(--font-larken); font-weight: var(--font-400); font-size: clamp(28px, 3vw, 40px); line-height: 1.2; color: #334444; } .left-form-column { flex: 1 1 0; min-width: 0; } .right-form-column { flex: 0 0 400px; max-width: 400px; width: 100%; } .enquiry-sidebar { display: flex; flex-direction: column; gap: 15px; position: sticky; top: 100px; } .enquiry-sidebar__help { background: var(--green); padding: 34px 37px; display: flex; align-items: center; } .enquiry-sidebar__help-inner { display: flex; flex-direction: column; gap: 10px; width: 100%; } .enquiry-sidebar__title { margin: 0; font-family: var(--font-larken); font-weight: var(--font-400); font-size: clamp(28px, 2.8vw, 36px); line-height: 1.2; color: var(--white); } .enquiry-sidebar__text p { margin: 0; font-family: var(--font-riviera-nights); font-size: var(--font-18); font-weight: var(--font-400); line-height: 1.55; color: var(--white); } .enquiry-sidebar__phone a { font-family: var(--font-riviera-nights); font-size: clamp(20px, 2vw, 24px); font-weight: var(--font-700); line-height: 1.3; color: var(--white); text-decoration: underline; transition: color 0.3s ease; } .enquiry-sidebar__phone a:hover { color: var(--gold); } .enquiry-sidebar__phone { margin-top: 10px; } .enquiry-sidebar__trust { width: 100%; margin: 10px 0; } .enquiry-sidebar__trust-img { display: block; width: 100%; height: auto; } .awards-logo-section { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 28px 20px; width: 100%; padding: 8px 19px 0; } .awards-logo-section .logo-section__inner { flex: 0 1 calc(50% - 10px); max-width: calc(50% - 10px); display: flex; justify-content: center; align-items: center; } .awards-logo-section .logo-section__inner:nth-child(5) { flex: 0 1 100%; max-width: 100%; margin-top: 6px; } .awards-logo-section .logo-section__inner a { display: flex; justify-content: center; align-items: center; width: 100%; text-decoration: none; transition: opacity 0.3s ease; } .awards-logo-section .logo-section__inner a:hover { opacity: 0.75; } .awards-logo-section .logo-section__img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; object-fit: contain; } .awards-logo-section .logo-section__inner .logo-section__img { max-width: 132px; max-height: 132px; } .enquiry-breadcrumb { margin-top:  150px; } .is-few-slides.is-two-slide-items { display: flex; } .is-few-slides.is-two-slide-items .swiper-wrapper { display: inline-flex; gap: 30px; width: auto; margin: 0 auto; } .highlights-read-more-btn { background: none; border: none; padding: 10px 0; margin-top: 15px; min-width: initial; text-transform: uppercase; flex-direction: row-reverse; gap: 10px; letter-spacing: 0.2px; } .highlights-read-more-btn span { color: var(--green); transition: all 0.3s ease; } .highlights-read-more-btn:hover span { color: var(--gold);} .highlights-text p:last-child { margin-bottom: 0; } .highlights-text h2 { margin-top: 25px; } .highlights-text h3, .highlights-text h4, .highlights-text h5 { margin-top: 25px; margin-bottom: 15px; } .highlights-text h3, .highlights-text h4, .highlights-text h5 { font-family: var(--font-riviera-nights); font-weight: var(--font-700); } .highlights-text>h3:first-child, .highlights-text>h4:first-child, .highlights-text>h5:first-child { margin-top: 0; } .form-design { padding: 30px; background-color: rgba(92, 126, 84, 0.06); } #Overview .choices__inner, #FormDesign .choices__inner, #Overview select, #FormDesign select, #Overview textarea, #FormDesign textarea, #FormDesign input[type="text"], #Overview input[type="text"], #Overview input[type="email"], #Overview input[type="tel"], #Overview input[type="number"], #Overview input[type="date"], #Overview input[type="time"], #Overview input[type="datetime-local"], #Overview input[type="url"], #FormDesign input[type="email"], #FormDesign input[type="tel"], #FormDesign input[type="number"], #FormDesign input[type="date"], #FormDesign input[type="time"], #FormDesign input[type="datetime-local"], #FormDesign input[type="url"] { border: 1px solid #2B443C; border-radius: 6px; padding: 12px 14px; width: 100%; background: var(--white); color: #34432F; font-family: var(--font-riviera-nights); font-size: var(--font-16); font-weight: var(--font-400); line-height: 1.55; transition: all 0.3s ease; width: 100%; border-radius: 0; min-height: 50px; height: auto; text-align: left; } #Overview select:focus, #FormDesign select:focus, #FormDesign input[type="text"]:focus, #Overview input[type="email"]:focus, #Overview input[type="tel"]:focus, #Overview input[type="number"]:focus, #Overview input[type="date"]:focus, #Overview input[type="time"]:focus, #Overview input[type="datetime-local"]:focus, #Overview input[type="url"]:focus { outline: none !important; } #Overview textarea { height: 184px; } #Overview input::placeholder { color: #34432F !important; opacity: 1 !important; } #Overview input::-webkit-input-placeholder { color: #34432F !important; opacity: 1 !important; } #Overview input::-moz-placeholder { color: #34432F !important; opacity: 1 !important; } #Overview input::-ms-input-placeholder { color: #34432F !important; opacity: 1 !important; } #Overview textarea::placeholder { color: #34432F !important; opacity: 1 !important; } #Overview textarea::-webkit-input-placeholder { color: #34432F !important; opacity: 1 !important; } #Overview textarea::-moz-placeholder { color: #34432F !important; opacity: 1 !important; } #Overview textarea::-ms-input-placeholder { color: #34432F !important; opacity: 1 !important; } #Overview .choices__inner { padding: 0 14px; cursor: pointer; } #Overview select { background-image: url(../images/select-arrow-green.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 16px; padding-right: 30px; } #Overview div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after, #Overview div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after { background-image: url(../images/select-arrow-green.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 16px; padding-right: 30px; background-color: transparent; border: none; width: 20px; height: 100%; right: 5px; top: 0; bottom: 0; margin: auto; } #Overview .wpforms-submit-container .wpforms-submit { background: var(--green); color: var(--white); border: none; border-radius: 0; padding: 12px 14px 10px; font-family: var(--font-riviera-nights); font-size: var(--font-16); font-weight: var(--font-700); line-height: 1.55; transition: all 0.3s ease; width: calc(100% + 60px); margin-left: -30px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; justify-content: center; height: auto; position: relative; z-index: 5; border-radius: 6px; } #FormDesign input[type="email"]:focus, #FormDesign input[type="tel"]:focus, #FormDesign input[type="number"]:focus, #FormDesign input[type="date"]:focus, #FormDesign input[type="time"]:focus, #FormDesign input[type="datetime-local"]:focus, #FormDesign input[type="url"]:focus { outline: none !important; } #FormDesign textarea { height: 184px; } #FormDesign input::placeholder { color: #34432F !important; opacity: 1 !important; } #FormDesign input::-webkit-input-placeholder { color: #34432F !important; opacity: 1 !important; } #FormDesign input::-moz-placeholder { color: #34432F !important; opacity: 1 !important; } #FormDesign input::-ms-input-placeholder { color: #34432F !important; opacity: 1 !important; } #FormDesign textarea::placeholder { color: #34432F !important; opacity: 1 !important; } #FormDesign textarea::-webkit-input-placeholder { color: #34432F !important; opacity: 1 !important; } #FormDesign textarea::-moz-placeholder { color: #34432F !important; opacity: 1 !important; } #FormDesign textarea::-ms-input-placeholder { color: #34432F !important; opacity: 1 !important; } #FormDesign .choices__inner { padding: 0 14px; cursor: pointer; } #FormDesign select { background-image: url(../images/select-arrow-green.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 16px; padding-right: 30px !important; } #FormDesign div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after, #FormDesign div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after { background-image: url(../images/select-arrow-green.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 16px; padding-right: 30px; background-color: transparent; border: none; width: 20px; height: 100%; right: 5px; top: 0; bottom: 0; margin: auto; } #Overview .wpforms-submit-container .wpforms-submit, #FormDesign .wpforms-submit-container .wpforms-submit { background: var(--green); color: var(--white); border: none; border-radius: 0; padding: 12px 14px 10px; font-family: var(--font-riviera-nights); font-size: var(--font-16); font-weight: var(--font-700); line-height: 1.55; transition: all 0.3s ease; width: calc(100% + 60px); margin-left: -30px; display: inline-flex; align-items: center; gap: 8px; cursor: pointer; justify-content: center; height: auto; position: relative; z-index: 5; border-radius: 6px; } #Overview .wpforms-submit-container .wpforms-submit::before { content: "+"; color: var(--gold); font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: 120%; } #Overview .wpforms-submit-container .wpforms-submit:hover { background: var(--gold); color: var(--green); } #Overview .wpforms-submit-container .wpforms-submit:hover::before { color: var(--green); } #FormDesign .wpforms-submit-container .wpforms-submit::before { content: "+"; color: var(--gold); font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: 120%; } #FormDesign .wpforms-submit-container .wpforms-submit:hover { background: var(--gold); color: var(--green); } #FormDesign .wpforms-submit-container .wpforms-submit:hover::before { color: var(--green); } #Overview .choices.wpforms-field-row { width: 100%; max-width: 100%; } #FormDesign .choices.wpforms-field-row { width: 100%; max-width: 100%; } #FormDesign .wpforms-field-radio ul li, #FormDesign .wpforms-field-radio ul li label { position: relative; color: var(--green); } #FormDesign .wpforms-field-radio ul li label { padding-left: 20px; } #FormDesign .wpforms-field-radio ul li input {position: absolute; opacity: 0; } #FormDesign .wpforms-field-radio ul li label::before { content: ""; position: absolute; top: 1px; left: 0; width:15px; height: 15px; border: 1px solid var(--green); border-radius: 0; } #FormDesign .wpforms-field-radio ul li label::after { content: ""; position: absolute; top: 4px; left: 3px; width: 9px; height:  9px; background: var(--green); transform: scale(0); transition: all 0.3s ease; opacity: 0; } #FormDesign .wpforms-field-radio ul li input:checked ~ label:after { opacity: 1; transform: scale(1); } #FormDesign div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-inline ul { gap: 20px; } #FormDesign .wpforms-container.wpforms-container-full { margin: 0; } #FormDesign h3 { margin: 0;} #FormDesign .topborder { padding-top: 100px; position: relative; overflow: visible; } #FormDesign .topborder:after { content: ""; position: absolute; top: 30px; left: -30px; width: calc(100% + 60px); height: 45px; background: #ffffff; } #FormDesign .wpforms-submit-container { position: relative; margin-top: 50px; } #FormDesign .wpforms-submit-container:before { content: ""; position: absolute; top: -30px; left: -30px; width: calc(100% + 60px); height: calc(100% + 60px); background: #ffffff; z-index: 1; } #FormDesign .wpforms-field-label { font-weight: var(--font-500); color: var(--green); } #FormDesign h3 { font-weight: var(--font-500); color: #334444; font-size: var(--font-24); text-transform: initial; } #FormDesign .choices__item choices__placeholder, #FormDesign div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner .choices__list--single .choices__item--selectable { color: #34432F; opacity: 1; } #FormDesign .choices__list .choices__button { display: none !important; } #FormDesign .experts-box .wpforms-field-label { font-weight: 400; } .form-bottom-text { line-height: 1.4; } #Overview .wpforms-container { padding: 30px; background-color: rgba(92, 126, 84, 0.06); max-width: 700px; margin: 0 auto; text-align: left; } #Overview .wpforms-submit-container .wpforms-submit { width: 100%; margin-left: 0; } #Overview .wpforms-one-third.wpforms-first { width: 100%; } #Overview input { width: 100%; max-width: 100%; } #Overview .wpforms-field-name.first-last-name .wpforms-field-row.wpforms-field-medium { max-width: 100%; width: 100%; } /*404 page*/ .error404 { background-color: var(--green); } .error404 .body-wrapper { padding-top: 30px; padding-bottom: 30px; } .error404 .site-header, .error404 .site-footer { display: none !important; } .error404 .site-main { display: flex; min-height: calc(100vh - 60px); align-items: center; justify-content: center; } .error-404 {width: 100%; max-width: 800px; background: var(--white); border-radius: 10px; padding: 50px; text-align:  center; } .error-404 h1 { font-size: 100px; padding: 40px 0 0 0; margin-bottom: 0; } .error-404 * { color: var(--black); } body.error404 { padding: 0 20px } body.error404 .page-content { max-width: 450px; margin: 0 auto; } .logo-404 img { max-width: 220px; width: 100%; } .error-404 p { font-size: var(--font-20); font-weight: var(--font-400); line-height: 1.55; margin-bottom: 20px; } @media(max-width: 767px) { .error-404 { padding: 50px 20px; } } /*404 page*/ .hotel-location.hotel-location--banner .hotel-location__pin { margin-top: -2px; min-width: 25px; width: 25px; } .hotel-location.hotel-location--banner { gap: 8px; padding: 12px 15px; cursor: default; flex-wrap: nowrap; text-align: left; } .hotel-location.hotel-location--banner:hover { background: var(--black); border-color: var(--black); color: var(--white); } .content-page-section { padding-top: 40px; padding-bottom: 80px; } table { border-collapse: collapse; margin: 20px 0; } .content-page-section .article-text { max-width: 100%; margin: 0 auto; } .content-page-section table td, .content-page-section table th { border: 1px solid #ddd; padding: 15px 10px; font-size: 16px; line-height: 1.65; } .content-page-section table tr:nth-child(even) { background-color: #f2f2f2; } .content-page-section li { margin-bottom: 10px; } .search-results-page { padding-top: 150px; padding-bottom: 80px; } .search-hero { padding: 20px 0 40px; } .search-hero__form { position: relative; display: flex; align-items: center; gap: 16px; max-width: 920px; margin: 0 auto; padding: 8px 0 18px; border-bottom: 1px solid rgba(43, 68, 60, 0.28); } .search-hero__icon { flex: 0 0 22px; width: 22px; height: 20px; background-color: var(--gold); -webkit-mask: url("../images/searchicon.svg") center / contain no-repeat; mask: url("../images/searchicon.svg") center / contain no-repeat; } .search-hero__input { flex: 1; width: 100%; border: 0; background: transparent; font-family: var(--font-larken); font-weight: var(--font-300); font-size: clamp(32px, 4vw, 48px); line-height: 1.2; color: var(--gold); outline: none; } .search-hero__input::placeholder { color: rgba(208, 160, 55, 0.45); } .search-hero__submit { flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; } .search-hero__submit img { width: 44px; height: 44px; display: block; filter: invert(66%) sepia(46%) saturate(700%) hue-rotate(6deg) brightness(92%); } .search-hero__submit:hover img { filter: invert(20%) sepia(18%) saturate(800%) hue-rotate(60deg) brightness(90%); } .search-hero__count { margin: 28px 0 0; text-align: center; font-family: var(--font-riviera-nights); font-size: var(--font-18); font-weight: var(--font-500); color: var(--title-color); } .search-hero__tabs { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-top: 28px; } .search-hero__tab { min-height: 40px; padding: 10px 22px 8px; border: 1px solid var(--gold); border-radius: 999px; background: transparent; color: var(--gold); font-family: var(--font-riviera-nights); font-size: var(--font-12); font-weight: var(--font-700); letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.2; cursor: pointer; transition: background 0.25s ease, color 0.25s ease; } .search-hero__tab:hover, .search-hero__tab.is-active { background: var(--gold); color: var(--white); } .search-results-section { padding: 20px 0 50px; } .search-results-section[hidden] { display: none; } .search-results-section__head { border-bottom: 1px solid rgba(0, 0, 0, 0.18); margin-bottom: 36px; padding-bottom: 8px; } .search-results-section__title { margin: 0; font-family: var(--font-larken); font-weight: var(--font-300); font-size: clamp(32px, 3.2vw, 40px); line-height: 1.2; color: var(--green); text-transform: none; } .search-results-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 50px 40px; align-items: stretch; } .search-results-grid .post-data { width: 100%; min-width: 0; display: flex; } .search-results-grid .four-items-card { width: 100%; background-color: rgba(92, 126, 84, 0.16); height: 100%; } .search-results-grid .four-items-card__body { padding: 28px 24px 8px; flex: 1; text-align: left; } .search-results-grid .four-items-card__title { font-family: var(--font-riviera-nights); font-weight: 500; font-size: 22px; line-height: 1.3; letter-spacing: 0.5px; color: var(--green); margin: 0 0 10px; } .search-results-grid .post-date { color: var(--green); font-weight: 500; margin-bottom: 0; } .search-results-grid .four-items-card__body p { font-size: var(--font-18); font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 8px; } .search-results-grid .post-data .btn-span { width: auto; margin-left: auto; margin-top: auto; padding: 16px 24px 24px; font-size: var(--font-12); letter-spacing: 1.5px; gap: 10px; background: none; color: var(--green); flex-direction: row-reverse; justify-content: flex-start; } .search-results-grid .post-data .btn-span::after { color: var(--gold); font-size: 140%; } .search-results-grid .four-items-card:hover .btn-span { background: none; color: var(--green); } .search-results-empty { text-align: center; } .search-results-empty p { font-size: var(--font-18); color: var(--title-color); } /* Two Column Title + Content */ .two-column-title-content-section { background: var(--white); } .two-column-title-content-section .container { max-width: 1180px; } .two-column-title-content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px 100px; align-items: start; } .two-column-title-content__column { display: flex; flex-direction: column; gap: 32px; } .two-column-title-content__item { display: flex; flex-direction: column; gap: 12px; } .two-column-title-content__title { margin: 0; font-family: var(--font-larken); font-weight: var(--font-300); font-style: italic; font-size: 28px; line-height: 1.3; color: #2B443C; } .two-column-title-content__text p, .two-column-title-content__text li { margin: 0; font-family: var(--font-riviera-nights); font-size: var(--font-16); font-weight: var(--font-400); line-height: 1.55; color: #2B443C; } .two-column-title-content__text p:not(:last-child), .two-column-title-content__text ul:not(:last-child), .two-column-title-content__text ol:not(:last-child) { margin-bottom: 12px; } .two-column-title-content__text ul, .two-column-title-content__text ol { margin-left: 18px; } .home-hero__badge { max-width: 450px; max-height: 100px; } .inner-page-banner .home-hero__badge-link { position: absolute; text-align: right; margin-top: 20px;  } .inner-page-banner .home-hero__badge-link img { object-fit: contain; object-position: right; } @media(min-width:768px){ .inner-page-banner .home-hero__content { padding-bottom: 100px; } .inner-page-banner .home-hero__content:last-child { padding-bottom: 0; }} .single-team-hero__icon img { max-height: 30px; object-fit: contain; } .enquiry-form .usd_description{display:none;} body.currency-usd .enquiry-form .uk_description{display:none;} body.currency-usd .enquiry-form .usd_description{display:block;} .uk_description, .usd_description { margin-top: 10px; } .usd_description p, .uk_description p { line-height: 1.4; } .mega-menu--title { background-color: var(--green); font-size: 16px; font-weight: 600; text-decoration: initial; text-transform: uppercase; padding: 12px 20px; text-align: center; color: var(--background-color); grid-column-start: span 3; margin-bottom: -4px; } @media(max-width: 767px) { .mega-menu--title { grid-column-start: span 2; padding-top: 2px; } } .itineraries-no-result.text-center>h3 { margin-bottom: 20px; } .single-team-trips-slider:not(.has-nav) .single-team-trips-arrows { display: none; } .single-team-trips-swiper .swiper-slide { height: auto; } .single-team-trips-slider .single-team-trips-card, .single-team-trips-slider .single-team-trips-card__link { height: 100%; } .home-hero.bg-cover { background-color: #000000; } .text-center.no-data-found { margin-top: 40px; } .mp4-video img { width: 100%; height: 100%; object-fit: cover; }