/*!**************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/swiper-bundle.min.css ***! \**************************************************************************************************************************************************************************************************/ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.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{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.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{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.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);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden} /*!*******************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/splide.min.css ***! \*******************************************************************************************************************************************************************************************/ .splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /*!***********************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/magnific-popup.css ***! \***********************************************************************************************************************************************************************************************/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; overflow: hidden; position: fixed; background: #ffffff; opacity: 1; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0; } .mfp-arrow-right { transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /*!**************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/slick.css ***! \**************************************************************************************************************************************************************************************/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*!********************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/slick-theme.css ***! \********************************************************************************************************************************************************************************************/ @charset 'UTF-8'; /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: "slick"; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 0.75; color: black; } /*!*****************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./assets/src/css/vendors/lity.min.css ***! \*****************************************************************************************************************************************************************************************/ /*! Lity - v3.0.0-dev - 2018-07-09 * http://sorgalla.com/lity/ * Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */ .lity-active, .lity-active body { overflow: hidden; } .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; transition: opacity 0.3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content { z-index: 9993; width: 100%; transform: scale(1); transition: transform 0.3s ease; } .lity-closed .lity-content, .lity-loading .lity-content { transform: scale(0.8); } .lity-content:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close, .lity-close:active, .lity-close:focus, .lity-close:hover, .lity-close:visited { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:active { top: 1px; } .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } .lity-iframe .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; transform: translateZ(0); -webkit-overflow-scrolling: touch; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/src/css/bundle.scss ***! \***************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* Theme Name: Stay Edits Package Theme URI: http://devcause.com Author: Team DevCause Author URI: http://devcause.com/team Description: WordPress theme by DevCause Version: 1.0 */ /* ------------------------------------------------------------------ >>> TABLE OF CONTENTS: <<< -------------------------------------------------------------------- > Variables >> Colors >> Columns > Mixins > Fonts > Defaults >> Normalize >> Forms Defaults >> Clearings > Typography >> Headings >> Copy > Elements >> Lists >> Quotes >> Tables >> Images >> Links > Forms >> Buttons >> Fields >> Form Elements > Media >> Captions >> Galleries > WordPress Core >> Accessibility >> Alignments >> Posts & Pages >> Pagination >> Comments >> Widgets > Site >> Layout >>> Header >>> Footer >> Theme >> Blog >> Single >> Home Page >> About Us >> Contact Us >> Burgers Landing >> Single Burger >> Blocks > Responsive >> Regular Queries >> Extra Queries > Import Fonts > Vendors > Owl Carousel > Slick Nav ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Mixins ------------------------------------------------------------------ */ /* Rem output with px fallback with !important */ /* Column width with margin */ /* Column width with margin */ /* Mixin for transition */ /* ------------------------------------------------------------------ > Variables ------------------------------------------------------------------ */ :root { /*------------------------------------------------- >> Variables for Spaces -------------------------------------------------*/ --gb_space_2: clamp(2 * 1px, 0 / 806 * (100vw - 474 * 1px) + 2 * 1px, 2 * 1px); --gb_space_4: clamp(4 * 1px, 0 / 806 * (100vw - 474 * 1px) + 4 * 1px, 4 * 1px); --gb_space_6: clamp(6 * 1px, 0 / 806 * (100vw - 474 * 1px) + 6 * 1px, 6 * 1px); --gb_space_8: clamp(8 * 1px, 0 / 806 * (100vw - 474 * 1px) + 8 * 1px, 8 * 1px); --gb_space_12: clamp(10 * 1px, 2 / 806 * (100vw - 474 * 1px) + 10 * 1px, 12 * 1px); --gb_space_16: clamp(12 * 1px, 4 / 806 * (100vw - 474 * 1px) + 12 * 1px, 16 * 1px); --gb_space_20: clamp(16 * 1px, 4 / 806 * (100vw - 474 * 1px) + 16 * 1px, 20 * 1px); --gb_space_24: clamp(20 * 1px, 4 / 806 * (100vw - 474 * 1px) + 20 * 1px, 24 * 1px); --gb_space_30: clamp(24 * 1px, 6 / 806 * (100vw - 474 * 1px) + 24 * 1px, 30 * 1px); --gb_space_36: clamp(30 * 1px, 6 / 806 * (100vw - 474 * 1px) + 30 * 1px, 36 * 1px); --gb_space_48: clamp(36 * 1px, 12 / 806 * (100vw - 474 * 1px) + 36 * 1px, 48 * 1px); --gb_space_56: clamp(40 * 1px, 16 / 806 * (100vw - 474 * 1px) + 40 * 1px, 56 * 1px); --gb_space_60: clamp(38 * 1px, 22 / 806 * (100vw - 474 * 1px) + 38 * 1px, 60 * 1px); --gb_space_72: clamp(44 * 1px, 28 / 806 * (100vw - 474 * 1px) + 44 * 1px, 72 * 1px); --gb_space_80: clamp(48 * 1px, 32 / 806 * (100vw - 474 * 1px) + 48 * 1px, 80 * 1px); --gb_space_96: clamp(52 * 1px, 44 / 806 * (100vw - 474 * 1px) + 52 * 1px, 96 * 1px); --gb_space_128: clamp(64 * 1px, 64 / 806 * (100vw - 474 * 1px) + 64 * 1px, 128 * 1px); --gb_space_156: clamp(96 * 1px, 60 / 806 * (100vw - 474 * 1px) + 96 * 1px, 156 * 1px); --gb_space_200: clamp(84 * 1px, 116 / 806 * (100vw - 474 * 1px) + 84 * 1px, 200 * 1px); --gb_space_240: clamp(100 * 1px, 140 / 806 * (100vw - 474 * 1px) + 100 * 1px, 240 * 1px); /* ------------------------------------------------- >> Variables for Font Sizes ------------------------------------------------- */ --gb_font_size_12: clamp(11 * 1px, 1 / 806 * (100vw - 474 * 1px) + 11 * 1px, 12 * 1px); --gb_font_size_14: clamp(13 * 1px, 1 / 806 * (100vw - 474 * 1px) + 13 * 1px, 14 * 1px); --gb_font_size_16: clamp(15 * 1px, 1 / 806 * (100vw - 474 * 1px) + 15 * 1px, 16 * 1px); --gb_font_size_17: clamp(20 * 1px, -3 / 806 * (100vw - 474 * 1px) + 20 * 1px, 17 * 1px); --gb_font_size_18: clamp(17 * 1px, 1 / 806 * (100vw - 474 * 1px) + 17 * 1px, 18 * 1px); --gb_font_size_20: clamp(18 * 1px, 2 / 806 * (100vw - 474 * 1px) + 18 * 1px, 20 * 1px); --gb_font_size_21: clamp(20 * 1px, 1 / 806 * (100vw - 474 * 1px) + 20 * 1px, 21 * 1px); --gb_font_size_22: clamp(20 * 1px, 2 / 806 * (100vw - 474 * 1px) + 20 * 1px, 22 * 1px); --gb_font_size_24: clamp(20 * 1px, 4 / 806 * (100vw - 474 * 1px) + 20 * 1px, 24 * 1px); --gb_font_size_26: clamp(22 * 1px, 4 / 806 * (100vw - 474 * 1px) + 22 * 1px, 26 * 1px); --gb_font_size_32: clamp(24 * 1px, 8 / 806 * (100vw - 474 * 1px) + 24 * 1px, 32 * 1px); --gb_font_size_40: clamp(26 * 1px, 14 / 806 * (100vw - 474 * 1px) + 26 * 1px, 40 * 1px); --gb_font_size_48: clamp(30 * 1px, 18 / 806 * (100vw - 474 * 1px) + 30 * 1px, 48 * 1px); --gb_font_size_50: clamp(30 * 1px, 20 / 806 * (100vw - 474 * 1px) + 30 * 1px, 50 * 1px); --gb_font_size_53: clamp(30 * 1px, 23 / 806 * (100vw - 474 * 1px) + 30 * 1px, 53 * 1px); --gb_font_size_60: clamp(45 * 1px, 15 / 806 * (100vw - 474 * 1px) + 45 * 1px, 60 * 1px); --gb_font_size_66: clamp(45 * 1px, 21 / 806 * (100vw - 474 * 1px) + 45 * 1px, 66 * 1px); --gb_font_size_68: clamp(55 * 1px, 13 / 806 * (100vw - 474 * 1px) + 55 * 1px, 68 * 1px); /* ------------------------------------------------- >> Color variables ------------------------------------------------- */ /* >> Base Colors */ --gb_color_primary: #6b5447; --gb_color_on_primary: #faf7f3; --gb_color_secondary: #ede5dd; --gb_black: #000000; --gb_black_1: #14191f; --gb_black_2: #606364; --gb_white: #ffffff; --gb_white_1: #faf7f3; --gb_brown: #6b5447; --gb_brown_1: #ede5dd; --gb_brown_2: #a86843; --gb_brown_3: #c9b8a8; --gb_brown_4: #a86842; --gb_red: #ff0000; --gb_sea_green: #04c3b4; --gb_transparent: transparent; --gb_regular_text: #6b5447; --gb_dark_text: #6b5447; --gb_white_text: #ffffff; --gb_light_text: #faf7f3; --gb_success: #198754; --gb_info: #0dcaf0; --gb_warning: #ffc107; --gb_danger: #dc3545; --gb_light: #f8f9fa; --gb_dark: #212529; --gb_signal: #d14b3c; --gb_signal_bg: #fbede9; --gb_color_background: #faf7f3; --gb_color_on_background: #14191f; --gb_border: #30353c; --gb_border_1: #545454; --gb_border_2: #adadad; --gb_border_3: #e0e0e0; --gb_border_4: #14191f; /* ------------------------------------------------- >> Base Colors >> Base colors are used for essential elements such as the logo, tables, links, blockquote, default buttons styling and this should't conflict with theme colors ------------------------------------------------- */ --gb_body_color: var(--gb_color_on_background); --gb_body_bg: var(--gb_color_background); --gb_text_strong: var(--gb_black); --gb_dark_text: var(--gb_black); --gb_white_text: var(--gb_white); --gb_highlight_color: var(--gb_color_on_primary); --gb_highlight_bg: var(--gb_color_primary); --gb_caption: var(--gb_black_2); --gb_heading_color: var(--gb_color_primary); --gb_heading_link_color: var(--gb_dark_text); --gb_heading_link_color_hover: var(--gb_dark_text); --gb_link_color: var(--gb_color_primary); --gb_link_color_hover: var(--gb_color_primary); --gb_link_border_color: var(--gb_color_primary); --gb_link_border_color_hover: transparent; --gb_list_ul_marker_color: var(--gb_color_primary); --gb_list_ol_marker_color: var(--gb_color_primary); --gb_list_marker_bgcolor: var(--gb_border_4); --gb_blockquote_color: var(--gb_regular_text); --gb_blockquote_border_color: var(--gb_regular_text); --gb_quote_color: var(--gb_regular_text); --gb_blockqoute_cite_color: var(--gb_light_text); --gb_table_border_color: var(--gb_border); --gb_table_head_border_color: var(--gb_dark_text); --gb_table_foot_border_color: var(--gb_dark_text); --gb_strong_color: var(--gb_regular_text); --gb_underline_border_color: var(--gb_regular_text); --gb_abbr_border_color: var(--gb_regular_text); --gb_delete_color: var(--gb_danger); --gb_insert_color: var(--gb_success); --gb_insert_border_color: var(--gb_success); --gb_code_color: var(--gb_white_text); --gb_code_bgcolor: var(--gb_dark_text); --gb_pre_color: var(--gb_white_text); --gb_pre_bgcolor: var(--gb_dark_text); --gb_mark_bgcolor: var(--gb_dark_text); --gb_mark_color: var(--gb_white_text); --gb_hr_color: var(--gb_border_2); --gb_input_color: var(--gb_regular_text); --gb_input_bg: var(--gb_light_field_bg); --gb_input_border_color: var(--gb_border); --gb_input_focus_color: var(--gb_black); --gb_input_focus_bgcolor: var(--gb_white); --gb_input_focus_border_color: var(--gb_border_2); --gb_disabled_input_bgcolor: var(--gb_field_bg); --gb_disabled_input_border_color: var(--gb_border_1); --gb_placeholder_color: var(--gb_light_text); --gb_range_track_bgcolor: var(--gb_field_bg); --gb_range_thumb_bgcolor: var(--gb_color_primary); --gb_color_field_border_color: var(--gb_border); --gb_color_field_bgcolor: var(--gb_field_bg); --gb_radio_color: var(--gb_regular_text); --gb_radio_border_color: var(--gb_border); --gb_radio_bgcolor: var(--gb_field_bg); --gb_radio_after_bgcolor: var(--gb_color_primary); --gb_checkbox_color: var(--gb_regular_text); --gb_checkbox_border_color: var(--gb_border); --gb_checkbox_bgcolor: var(--gb_field_bg); --gb_checkbox_after_bgcolor: var(--gb_color_primary); --gb_progress_bgcolor: var(--gb_field_bg); --gb_progress_value_bgcolor: var(--gb_color_primary); --gb_meter_bgcolor: var(--gb_field_bg); --gb_meter_value_bgcolor: var(--gb_color_primary); --gb_button_color: var(--gb_white_text); --gb_button_bgcolor: var(--gb_transparent); --gb_button_color_hover: var(--gb_white_text); --gb_button_bgcolor_hover: var(--gb_brown); --gb_button_border_color: var(--gb_white); --gb_button_border_color_hover: var(--gb_brown); --gb_reset_button_bgcolor: var(--gb_button_bgcolor); --gb_reset_button_color: var(--gb_white_text); --gb_theme_btn_color: var(--gb_button_color); --gb_theme_btn_bgcolor: var(--gb_button_bgcolor); --gb_theme_btn_color_hover: var(--gb_button_color_hover); --gb_theme_btn_bgcolor_hover: var(--gb_button_bgcolor_hover); --gb_theme_btn_border_color: var(--gb_button_border_color); --gb_theme_btn_border_color_hover: var(--gb_button_border_color_hover); --gb_datepicker_bg_color: var(--gb_gray); --gb_datepicker_select_bgcolor: var(--gb_white); --gb_datepicker_link_color: var(--gb_color_secondary); --gb_datepicker_link_active_color: var(--gb_color_primary); --gb_datepicker_calendar: var(--gb_white_text); --gb_datepicker_th_bgcolor: var(--gb_border_1); --gb_datepicker_even_tr_td_bgcolor: var(--gb_border_1); --gb_datepicker_border_color: var(--gb_border_1); --gb_datepicker_date_color: var(--gb_dark_text); --gb_valiation_error_bg_color: var(--gb_danger_bg); --gb_valiation_message_color: var(--gb_danger); --gb_error_field_border_color: var(--gb_danger); --gb_valiation_error_color: var(--gb_danger); --gb_confirmation_message_bgcolor: var(--gb_success_bg); --gb_confirmation_message_color: var(--gb_dark_text); --gb_confirmation_message_border_color: var(--gb_danger); --gb_required_text_color: var(--gb_danger); --gb_invalid_error_border_color: var(--gb_danger); --gb_hubspot_error_label_color: var(--gb_danger); --gb_hubspot_required_color: var(--gb_danger); --gb_fileupload_rule_color: var(--gb_light_text); --gb_error_menu_color: var(--gb_dark_text); --gb_acc_btn_color: var(--gb_white_text); --gb_acc_btn_bgcolor: var(--gb_button_bg); --gb_acc_btn_shadow: var(--gb_danger); --gb_acc_outline: var(--gb_black); --gb_comments_reply_btn_bgcolor: var(--gb_button_bg); --gb_comments_reply_btn_color: var(--gb_white_text); --gb_comments_reply_btn_bgcolor_hover: var(--gb_button_bg_hover); --gb_comments_reply_btn_color_hover: var(--gb_white_text); --gb_comment_meta_color: var(--gb_dark_text); --gb_comment_metadata_color: var(--gb_light_text); --gb_comments_list_border_color: var(--gb_border); --gb_widget_comments_meta_color: var(--gb_light_text); --gb_pagination_bgcolor: var(--gb_brown); --gb_pagination_color: var(--gb_white); --gb_pagination_color_hover: var(--gb_brown_1); --gb_pagination_bgcolor_hover: var(--gb_brown_1); --gb_pagination_bgcolor_current: var(--gb_brown_1); --gb_pagination_color_current: var(--gb_white); --gb_pagination_first_bgcolor: var(--gb_brown); --gb_pagination_first_color: var(--gb_white); --gb_pagination_border: var(--gb_transparent); --gb_widget_latest_post_meta_color: var(--gb_danger); --gb_widget_rss_feed_meta_color: var(--gb_danger); --gb_widget_search_button_color: var(--gb_pure_black); --gb_wp_table_block_stripe_bg_color: var(--gb_gray); --gb_breadcrumb_color: var(--gb_pure_black); --gb_breadcrumb_link_color: var(--gb_pure_black); --gb_breadcrumb_border_color: transparent; --gb_breadcrumb_border_color_hover: var(--gb_pure_black); --gb_breadcrumb_span_color: var(--gb_pure_black); --gb_header_bgcolor: var(--gb_transparent); --gb_header_color: var(--gb_white); --gb_header_color_hover: var(--gb_brown); --gb_header_bgcolor_sticky: var(--gb_white); --gb_header_nav_border_color: var(--gb_white); --gb_header_submenu_bgcolor: var(--gb_white); --gb_header_submenu_color: var(--gb_dark_text); --gb_header_submenu_color_hover: var(--gb_header_color_hover); --gb_header_mobile_color: var(--gb_brown); --gb_header_mobile_submenu_color: var(--gb_dark_text); --gb_nav_overlay_bgcolor: var(--gb_white); --gb_mobile_nav_icon_bgcolor: var(--gb_dark_text); --gb_abbr_border: var(--gb_dark_text); --gb_topbar_bgcolor: var(--gb_color_primary); --gb_topbar_color: var(--gb_white); --gb_topbar_link_color: var(--gb_white); --gb_footer_bgcolor: var(--gb_dark_text); --gb_footer_color: var(--gb_white_text); --gb_footer_color_hover: var(--gb_white_text); --gb_f_nav_color: var(--gb_footer_color); --gb_f_nav_color_hover: var(--gb_footer_color_hover); --gb_f_nav_border_color: var(--gb_footer_color); --gb_f_nav_border_color_hover: var(--gb_footer_color_hover); --gb_copyright_color: var(--gb_white_text); --gb_legal_nav_color: var(--gb_white_text); --gb_legal_nav_border_color: var(--gb_white_text); --gb_legal_nav_border_color_hover: var(--gb_white_text); --gb_legal_text_color: var(--gb_white_text); --gb_ctn_red: var(--gb_red); --gb_ctn_black: var(--gb_black); --gb_ctn_sea_green: var(--gb_sea_green); --gb_style_bg: #821212; --gb_style_text: #000000; --gb_style_link: #000000; --gb_style_button: #00a4eb; } /* ------------------------------------------------------------------ > Fonts ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Defaults ------------------------------------------------------------------ */ /*------------------------------------------------- >> Normalize styles -------------------------------------------------*/ /*------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles -------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; outline: 0; vertical-align: baseline; } *, *::before, *::after { box-sizing: inherit; } html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); scroll-padding: 100px; scroll-behavior: smooth; } html:has(.blog-pagination) { scroll-behavior: auto; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } a { background-color: transparent; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); } img { border-style: none; } summary { display: list-item; } template, [hidden] { display: none; } /*------------------------------------------------- >> Clearing styles -------------------------------------------------*/ .clear { content: ""; display: table; table-layout: fixed; clear: both; } .clear::before, .clear::after { clear: both; } /* ------------------------------------------------------------------ > Typography ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for headings -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4, h5, .heading-5, h6, .heading-6 { font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; margin: 0 0 20px; color: var(--gb_heading_color); line-height: 1.3; text-transform: initial; } h1 a, h1 a:visited, .heading-1 a, .heading-1 a:visited, h2 a, h2 a:visited, .heading-2 a, .heading-2 a:visited, h3 a, h3 a:visited, .heading-3 a, .heading-3 a:visited, h4 a, h4 a:visited, .heading-4 a, .heading-4 a:visited, h5 a, h5 a:visited, .heading-5 a, .heading-5 a:visited, h6 a, h6 a:visited, .heading-6 a, .heading-6 a:visited { text-decoration: none; border-bottom: 0 !important; } h1, .heading-1 { font-size: var(--gb_font_size_53); } h2, .heading-2 { font-size: var(--gb_font_size_50); } h3, .heading-3 { font-size: var(--gb_font_size_32); } h4, .heading-4 { font-size: var(--gb_font_size_26); } h5, .heading-5 { font-size: var(--gb_font_size_24); } h6, .heading-6 { font-size: var(--gb_font_size_18); } .text-50 { font-size: var(--gb_font_size_50); } .text-53 { font-size: var(--gb_font_size_53); } .text-40 { font-size: var(--gb_font_size_40); } h3.text-image-heading { font-size: var(--gb_font_size_26); } .text-24 { font-size: var(--gb_font_size_24); } .text-20 { font-size: var(--gb_font_size_20); } /*------------------------------------------------- >> Styles for content tags -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ i, em, var, address, dfn { font-style: italic; } code, pre, kbd, tt, var, samp { font-family: monospace; } abbr, acronym { border-bottom: 1px dotted var(--gb_abbr_border_color); text-decoration: none; cursor: help; } abbr[title] { text-decoration: none; } address { margin: 0 0 30px; } mark { background-color: var(--gb_mark_bgcolor); color: var(--gb_mark_color); padding: 3px 7px; } small { font-size: 80%; } big { font-size: 125%; } s, strike, del { text-decoration: line-through; } b, strong { font-weight: 700; color: var(--gb_strong_color); } u { border-bottom: 1px solid var(--gb_underline_border_color); text-decoration: none; } del { color: var(--gb_delete_color); } ins { color: var(--gb_insert_color); border-bottom: 1px solid var(--gb_insert_border_color); text-decoration: none; } sub, sup { font-size: 70%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -4px; } sup { top: -8px; } code, pre, kbd, tt { max-width: 100%; overflow: auto; margin: 0 0 30px; } code, kbd, tt { color: var(--gb_code_color); background-color: var(--gb_code_bgcolor); padding: 3px 7px; } pre { color: var(--gb_pre_color); background-color: var(--gb_pre_bgcolor); padding: 20px 25px; overflow-x: scroll; } hr { background-color: var(--gb_hr_color); border: 0; height: 1px; margin-bottom: 30px; } audio, video { margin-bottom: 30px; width: 100%; } /* ------------------------------------------------------------------ > Elements ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for tables -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ body { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; background-color: var(--gb_white_1); color: var(--gb_brown); position: relative; font-size: var(--gb_font_size_16); transition: all 0.3s ease-in-out; line-height: 1.5; } p { margin: 0 0 30px; } ::-moz-selection { color: var(--gb_highlight_color); background-color: var(--gb_highlight_bg); } ::selection { color: var(--gb_highlight_color); background-color: var(--gb_highlight_bg); } .line-height-1-9 { line-height: 1.9; } /*------------------------------------------------- >> Styles for links -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ a { text-decoration: none; transition: all 0.4s ease-in-out; outline: none; position: relative; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section a, .page-section:visited { color: var(--gb_color_primary); border-bottom: 1px solid var(--gb_color_primary); padding-bottom: 2px; } .page-section a:hover, .page-section a:focus-visible, .page-section a:active, .page-section:visited:hover, .page-section:visited:focus-visible, .page-section:visited:active { color: var(--gb_link_color_hover); border-color: var(--gb_link_border_color_hover); } .post-image a, .post-image:visited, .post-title a, .post-title:visited { border-bottom: none; } /*------------------------------------------------- >> Styles for images and figures -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ img { height: auto; max-width: 100%; } a img { border: none; outline: none; margin-bottom: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ figure { margin: 0 0 30px; } figure figcaption { color: var(--gb_caption); font-size: 90%; margin: 0 0 30px; } picture { margin: 0 0 30px; display: inline-block; } .gallery .gallery-item a { border-bottom: none; } figure.wp-block-image.alignfull.size-thumbnail { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); max-width: 100vw; } figure.wp-block-image.alignwide.size-thumbnail { margin: 0 -200px; max-width: 140%; } img, figure { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .wp-block-cover { padding: 0 !important; } .wp-block-cover figure.wp-block-image img { border-radius: 0; } /*------------------------------------------------- >> Styles for lists -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ header ul, header ol, footer ul, footer ol { list-style: none; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ dl { margin: 0 0 30px; } dl dt { font-weight: 700; } dl dd { margin: 0 0 12px; } ul, ol { margin: 0 0 30px 20px; } ul li, ol li { margin: 0 0 12px; box-sizing: border-box; line-height: 1.3; } ul ul, ol ol, ul ol, ol ul { margin: 12px 0 0 30px; } .page-section ul { list-style: none; margin-left: 0; } .page-section ul ul, .page-section ul ol { margin-left: 13px; } .page-section ul li { padding-left: 16px; position: relative; } .page-section ul li::before { content: ""; width: 5px; height: 5px; background-position: left top; position: absolute; background-color: currentColor; left: 0; top: 8px; border-radius: 50%; } .page-section ul ol { counter-reset: list1; } .page-section ul ol > li::before { counter-increment: list1; content: counters(list1, ".") "."; } .page-section ol { counter-reset: list; list-style-type: none; margin-left: 0; } .page-section ol ol, .page-section ol ul { margin-left: 13px; } .page-section ol > li { position: relative; padding-left: 24px; } .page-section ol > li::marker { display: none; } .page-section ol > li::before { color: var(--gb_ol_list_marker_color); font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; content: counters(list, ".") "."; counter-increment: list; left: 0; top: 0; position: absolute; background-color: transparent; } .page-section ol ol li { padding-left: 34px; } .page-section ol ol ol li { padding-left: 64px; } .page-section ol ol ol ol li { padding-left: 80px; } .page-section ol ul { counter-reset: unset; } .page-section ol ul li { padding-left: 20px; } .page-section ol ul li::before { content: ""; width: 6px; height: 6px; background-position: left top; position: absolute; background-color: var(--gb_list_marker_bgcolor); left: 0; top: 9px; } /*------------------------------------------------- >> Styles for quotes -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ blockquote, q { quotes: none; } blockquote { position: relative; color: var(--gb_blockquote_color); border-left: 3px solid var(--gb_blockquote_border_color); padding: 5px 0 5px 20px; margin: 0 0 30px; } blockquote p { margin-bottom: 15px; } blockquote p:last-child { margin-bottom: 0; } .wp-block-quote.has-text-align-right { border-left: none; border-right: 3px solid var(--gb_blockquote_border_color); padding: 5px 20px 5px 0; } .wp-block-quote.has-text-align-right.is-style-plain { border-right: none; } .wp-block-quote.has-text-align-left.is-style-plain { border-left: none; padding: 0; } .wp-block-quote.has-text-align-center { border-left: none; padding: 20px 5px; } .wp-block-quote.is-style-plain { border-left: none; } .wp-block-quote.is-style-large { border-left: 0; } figure.wp-block-pullquote { border-top: 3px solid var(--gb_blockquote_border_color); border-bottom: 3px solid var(--gb_blockquote_border_color); padding-left: 10px; padding-right: 10px; } figure.wp-block-pullquote blockquote { border-left: none; margin-bottom: 0; padding: 10px; } figure.wp-block-pullquote.alignleft, figure.wp-block-pullquote.alignright { padding: 35px 10px; } q { quotes: "“" "”"; color: var(--gb_quote_color); position: relative; } cite { display: block; margin-top: 15px; font-size: 80%; text-transform: uppercase; font-weight: 500; color: var(--gb_blockqoute_cite_color); font-family: "IBM Plex Mono", monospace; font-style: italic; position: relative; } cite::before { content: "- "; display: inline-block; top: -11px; } /*------------------------------------------------- >> Styles for tables -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; margin: 0 0 30px; width: 100%; table-layout: fixed; text-align: left; box-sizing: border-box; } table p:last-child { margin-bottom: 0; } table caption { color: var(--gb_caption_color); font-size: 90%; margin: 0 0 20px; text-align: left; } tr, tbody tr { border-bottom: 1px solid var(--gb_table_border_color); } tr:last-child, tbody tr:last-child { border-bottom: none; } td, th { padding: 10px 15px; vertical-align: middle; } thead tr { border: none; } thead tr:last-child { border-bottom: 3px solid var(--gb_table_head_border_color); } thead th { font-weight: 700; } tfoot tr { border: none; } tfoot tr:first-child { border-top: 3px solid var(--gb_table_foot_border_color); } tfoot td { font-weight: 700; } .wp-block-table tbody td { border: 2px solid var(--gb_table_border_color); } .wp-block-table.is-style-stripes tbody tr, .wp-block-table.is-style-stripes tbody td { border: none; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--gb_border_3); } .wp-block-table.is-style-stripes tfoot tr { border-top: 3px solid var(--gb_table_head_border_color); } .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: transparent; } .wp-block-table table.has-background tbody td, .wp-block-table table.has-background tbody tr { border: none; } .wp-block-table table.has-background tfoot tr { border-top: 3px solid var(--gb_table_head_border_color); } /*------------------------------------------------- >> Styles for frames and embeds -------------------------------------------------*/ /*------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles -------------------------------------------------*/ embed, iframe, object { max-width: 100%; } /*------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required -------------------------------------------------*/ /* ------------------------------------------------------------------ > Forms ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Styles for form fields ------------------------------------------------- */ /* ------------------------------------------------- >> Styles for form Input fields ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ form { margin: 0 0 20px; } label, legend.gfield_label { margin: 0 0 6px; display: inline-block; line-height: 1.2; color: var(--gb_brown); font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: var(--gb_font_size_18); } fieldset { margin: 10px 0 30px; display: block; } legend { display: block; margin: 0 0 10px; } input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=search], input[type=password], input[type=time], input[type=date], input[type=datetime-local], input[type=week], input[type=month], input[type=file], input[type=range], input[list], input[type=string], select, textarea, .gform-text-input-reset { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: var(--gb_font_size_18); height: 50px; width: 100%; border: 1px solid var(--gb_input_border_color); background-color: var(--gb_input_bgcolor); color: var(--gb_input_color); outline: none; padding: 0 0 0 12px; margin: 0; max-width: 100%; box-sizing: border-box; font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; transition: all 0.4s ease-in-out; border-radius: 5px; } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=search]:focus, input[type=password]:focus, input[type=time]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=week]:focus, input[type=month]:focus, input[type=file]:focus, input[type=range]:focus, input[list]:focus, input[type=string]:focus, select:focus, textarea:focus, .gform-text-input-reset:focus { border: 1px solid var(--gb_input_focus_border_color); } ::input-placeholder { color: var(--gb_placeholder_color); } ::input-placeholder { color: var(--gb_placeholder_color); } ::-moz-placeholder { color: var(--gb_placeholder_color); } ::placeholder { color: var(--gb_placeholder_color); } input[type=text]:disabled { background-color: var(--gb_disabled_input_bgcolor); border: 1px solid var(--gb_disabled_input_border_color); } input[type=hidden], datalist { display: none; } input[type=file] { padding: 9px; } input[type=search] { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMCAxOEMxNC40MTgzIDE4IDE4IDE0LjQxODMgMTggMTBDMTggNS41ODE3MiAxNC40MTgzIDIgMTAgMkM1LjU4MTcyIDIgMiA1LjU4MTcyIDIgMTBDMiAxNC40MTgzIDUuNTgxNzIgMTggMTAgMThaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNMTYgMTZMMjAgMjAiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: center right 10px; padding-right: 45px; } /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the ‘X’ from Chrome */ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } input[type=color] { border: 1px solid var(--gb_color_field_border_color); background-color: var(--gb_color_field_bgcolor); height: 25px; width: 50px; margin: 0 0 20px; padding: 3px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-color-swatch { border: 0; border-radius: 0; } ::-moz-color-swatch, ::-moz-focus-inner { border: 0; } ::-moz-focus-inner { padding: 0; } select { cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xLjc3MzggMC43NzY3OTRMMTAuOTk4IDkuOTk5ODFMMjAuMjIxMSAwLjc3Njc5NCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: center right 10px; } .ginput_container_multiselect select { min-height: 77px; } textarea { padding: 10px; height: auto; resize: none; overflow: hidden; } .gfield, .hs-form-field { box-sizing: border-box; position: relative; margin-bottom: 30px; } .gfield_list_icons { margin-top: 20px; } .newsletter-form input[type=email]:-webkit-autofill, .newsletter-form input[type=text]:-webkit-autofill, .newsletter-form input[type=search]:-webkit-autofill, .hero-search-form input[type=search]:-webkit-autofill, .hero-search-form input[type=text]:-webkit-autofill, .header-search-area input[type=search]:-webkit-autofill { box-shadow: 0 0 0px 1000px transparent inset !important; background-color: transparent !important; -webkit-text-fill-color: var(--gb_white) !important; -webkit-transition: background-color 9999s ease-in-out 0s !important; transition: background-color 9999s ease-in-out 0s !important; caret-color: var(--gb_white); /* ensure cursor is visible */ } .hero-search-form { max-width: 700px; } .hero-search-form input[type=search], .hero-search-form input[type=text] { height: 84px; padding-left: calc(var(--gb_space_48) - 5px); padding-right: calc(2 * var(--gb_space_48)); border-color: var(--gb_white); font-size: var(--gb_font_size_20); color: var(--gb_white); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjI3Ljk5OTkiIGN5PSIyNy45OTk5IiByPSIyNS45OTk5IiBzdHJva2U9IiNGQUY3RjMiIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQo8cGF0aCBkPSJNMjMuOTkwMiAzNy45OTlMMjkuMzA2MiAyNy45OTlMMjMuOTkwMiAxNy45OTkxSDI2LjYyMjJMMzQuNjc0MiAyNy4xNTY0VjI4Ljg0MTdMMjYuNjIyMiAzNy45OTlIMjMuOTkwMloiIGZpbGw9IiNGQUY3RjMiLz4NCjwvc3ZnPg0K) !important; background-repeat: no-repeat; background-position: center right 40px; background-size: 43px; border-radius: 6px; } /* ------------------------------------------------- >> Styles for buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=image] { margin: 0 10px 0 0; } input[type=submit], button:not(.no-button-style), input[type=button], input[type=reset] { display: inline-block; line-height: 1.5; box-sizing: border-box; transition: all 0.4s ease-in-out; background-color: var(--gb_brown); color: var(--gb_white); border: 1px solid var(--gb_button_border_color); outline: none; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: var(--gb_font_size_16); border-radius: 5px; padding: 8px 22px; outline: none; cursor: pointer; } @media screen and (hover: hover) { input[type=submit]:hover, button:hover, input[type=button]:hover { background-color: var(--gb_brown); } input[type=submit]:focus-visible, button:focus-visible, input[type=button]:focus-visible { background-color: var(--gb_brown); } } input[type=reset] { background-color: var(--gb_theme_btn_bgcolor); color: var(--gb_theme_btn_color); } input[type=reset]:hover, input[type=reset]:focus-visible { color: var(--gb_theme_btn_color); background-color: var(--gb_theme_btn_bgcolor_hover); } /* ------------------------------------------------- >> Default styles for CheckBoxes ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ [type=checkbox]:checked, [type=checkbox]:not(:checked) { position: absolute; left: -9999px; } [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + span, [type=checkbox]:not(:checked) + span { position: relative; padding-left: 25px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--gb_checkbox_color); box-sizing: border-box; margin: 0 20px 14px 0; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: 19px; letter-spacing: -0.02em; } [type=checkbox]:checked + label::before, [type=checkbox]:not(:checked) + label::before, [type=checkbox]:checked + span::before, [type=checkbox]:not(:checked) + span::before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1.5px solid var(--gb_brown); border-radius: 4px; background-color: var(--gb_checkbox_bgcolor); } [type=checkbox]:checked + label::after, [type=checkbox]:not(:checked) + label::after, [type=checkbox]:checked + span::after, [type=checkbox]:not(:checked) + span::after { content: ""; width: 10px; height: 10px; background-color: var(--gb_checkbox_after_bgcolor); position: absolute; top: 4px; left: 4px; transition: all 0.2s ease; } [type=checkbox]:not(:checked) + label::after, [type=checkbox]:not(:checked) + span::after { opacity: 0; transform: scale(0); } [type=checkbox]:checked + label::after, [type=checkbox]:checked + span::after { opacity: 1; transform: scale(1); } .filter-group [type=checkbox]:checked + label, .filter-group [type=checkbox]:not(:checked) + label, .filter-group [type=checkbox]:checked + span, .filter-group [type=checkbox]:not(:checked) + span { margin: 0 20px 10px 0; font-size: 16px; } /* ------------------------------------------------- >> Default styles for Radio Buttons ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ [type=radio]:checked, [type=radio]:not(:checked) { position: absolute; left: -9999px; } [type=radio]:checked + label, [type=radio]:not(:checked) + label, [type=radio]:checked + span, [type=radio]:not(:checked) + span { position: relative; padding-left: 26px; cursor: pointer; line-height: 20px; display: inline-block; color: var(--gb_radio_color); box-sizing: border-box; margin: 0 20px 10px 0; } [type=radio]:checked + label::before, [type=radio]:not(:checked) + label::before, [type=radio]:checked + span::before, [type=radio]:not(:checked) + span::before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid var(--gb_radio_border_color); border-radius: 100%; background-color: var(--gb_radio_bgcolor); } [type=radio]:checked + label::after, [type=radio]:not(:checked) + label::after, [type=radio]:checked + span::after, [type=radio]:not(:checked) + span::after { content: ""; width: 10px; height: 10px; background-color: var(--gb_radio_after_bgcolor); position: absolute; top: 4px; left: 4px; border-radius: 100%; transition: all 0.2s ease; } [type=radio]:not(:checked) + label::after, [type=radio]:not(:checked) + span::after { opacity: 0; transform: scale(0); } [type=radio]:checked + label::after, [type=radio]:checked + span::after { opacity: 1; transform: scale(1); } /* ------------------------------------------------- >> Default styles for Meter Tag ------------------------------------------------- */ meter { -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; appearance: none; width: 100%; height: 6px; background-color: var(--gb_meter_bgcolor); border-radius: 0; margin: 0 0 20px; box-shadow: none; } /* WebKit */ meter::-webkit-meter-bar { background: none; background-color: var(--gb_meter_value_bgcolor); border-radius: 0; box-shadow: none; } meter::-webkit-meter-optimum-value { background: var(--gb_meter_value_bgcolor); } meter::-webkit-meter-suboptimum-value { background: var(--gb_meter_value_bgcolor); } meter::-webkit-meter-even-less-good-value { background: var(--gb_meter_value_bgcolor); } /* Firefox */ meter::-moz-meter-bar { background: none; border-radius: 0; box-shadow: none; } meter:-moz-meter-optimum::-moz-meter-bar { background: var(--gb_meter_value_bgcolor); } meter:-moz-meter-sub-optimum::-moz-meter-bar { background: var(--gb_meter_value_bgcolor); } meter:-moz-meter-sub-sub-optimum::-moz-meter-bar { background: var(--gb_meter_value_bgcolor); } /* ------------------------------------------------- >> Default styles for Progress Tag ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ progress { vertical-align: baseline; -webkit-appearance: none; -moz-appearance: none; appearance: none; appearance: none; appearance: none; width: 100%; height: 6px; border: none; background-color: var(--gb_progress_bgcolor); border-radius: 0; margin: 0 0 20px; } progress::-webkit-progress-bar { background-color: var(--gb_progress_bgcolor); border-radius: 0; } progress::-webkit-progress-value { background-color: var(--gb_progress_value_bgcolor); border-radius: 0; } progress::-moz-progress-bar { background-color: var(--gb_progress_value_bgcolor); border-radius: 0; } /* ------------------------------------------------- >> Default styles for Range Field ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ input[type=range] { padding: 0; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border-radius: 0; height: 22px; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 6px; cursor: pointer; background-color: var(--gb_range_track_bgcolor); border: none; animate: 0.2s; box-shadow: none; border-radius: 0; } input[type=range]::-moz-range-track { width: 100%; height: 6px; cursor: pointer; background-color: var(--gb_range_track_bgcolor); border: none; animate: 0.2s; box-shadow: none; border-radius: 0; } input[type=range]::-webkit-slider-thumb { height: 14px; width: 14px; background-color: var(--gb_range_thumb_bgcolor); cursor: pointer; -webkit-appearance: none; appearance: none; margin-top: -4px; box-shadow: none; border: none; border-radius: 0; } input[type=range]::-moz-range-thumb { height: 14px; width: 14px; background-color: var(--gb_range_thumb_bgcolor); cursor: pointer; -moz-appearance: none; appearance: none; margin-top: -4px; box-shadow: none; border: none; border-radius: 0; } /* ------------------------------------------------- >> Default styles for forms ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Add the correct box sizing in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; } [type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; outline-offset: -2px; } ::-webkit-file-upload-button { -webkit-appearance: button; appearance: button; font: inherit; } .search-form { display: flex; justify-content: center; align-items: flex-start; } .search-form input[type=submit], .search-form button, .search-form input[type=button], .search-form input[type=reset] { margin: 0 0 10px 10px; } .comment-form-cookies-consent { margin-top: 30px; } /* ------------------------------------------------- >> Default styles for Gravity Forms ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .gfields { margin: 0; } .gf_clear { clear: both; } .gfield_time_hour, .gfield_time_minute, .gfield_time_ampm { width: calc(33.33% - 3px); display: inline-block; } .gfield_time_minute { margin: 0 10px; width: calc(33.33% - 23px); } .below.hour_minute_colon { display: none; } .gfield_post_tags_hint { margin-top: 0; font-size: 0.875rem; } .gfield.half-input-field { width: 48%; margin-right: calc(4% - 5px); display: inline-block; vertical-align: top; } .gfield.half-input-field.last { margin-right: 0; } .gfield_list_group { margin-bottom: 20px; } button.add_list_item, button.delete_list_item { margin: 0 10px 10px 0; padding: 4px 11px; font-size: 90%; height: 37px; position: relative; } button.delete_list_item { background-color: var(--gb_reset_button_bgcolor); color: var(--gb_reset_button_color); border: 2px solid transparent; } button.delete_list_item:hover, button.delete_list_item:focus-visible { background-color: transparent; border: 2px solid var(--gb_reset-button-border-color-hover); } .gform_fileupload_rules { font-size: 90%; color: var(--gb_fileupload_rule_color); margin-bottom: 10px; display: inline-block; position: relative; top: 0; } /* ============================================= = Style For Date Picker for gravity form = ============================================= */ #ui-datepicker-div { border: none; width: 100%; max-width: 480px; background-color: var(--gb_datepicker_bg_color); } .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all { background-color: var(--gb_datepicker_bg_color); padding: 10px 12px; } .ui-datepicker-title select { width: 49%; margin-bottom: 0; margin-right: 2%; height: 46px; padding: 0 35px 0 18px; background-color: var(--gb_datepicker_select_bgcolor); border: 2px solid var(--gb_datepicker_border_color); } .ui-state-default { color: var(--gb_datepicker_link_color); } .ui-state-default.ui-state-active { color: var(--gb_datepicker_link_active_color); } .ui-state-disabled { color: var(--gb_datepicker_date_color); } a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all { position: relative; } a.ui-datepicker-next.ui-corner-all { float: right; } .ui-datepicker-header a, .ui-datepicker-header a:visited { font-size: var(--gb_font_size_16); cursor: pointer; margin-bottom: 10px; display: inline-block; } select.ui-datepicker-year { margin-right: 0; } #ui-datepicker-div table { border-collapse: collapse; border-spacing: 0; margin: 0 0 10px; font-size: var(--gb_font_size_16); } .ui-datepicker_calendar a { font-size: var(--gb_font_size_16); color: var(--gb_datepicker_date_color); } .ginput_container_date { position: relative; } .ginput_container_date img.ui-datepicker-trigger { position: absolute; right: 10px; top: 15px; bottom: 0; } .gfield_radio .gchoice { display: inline-block; } table.ui-datepicker_calendar { max-width: 410px; background-color: var(--gb_datepicker_calendar); } /* ===== End of Date Picker Style for Gravity Form ====== */ .validation_error { background-color: var(--gb_valiation_error_bg_color); font-size: var(--gb_font_size_14); color: var(--gb_valiation_error_color); padding: 2px 10px 6px; margin-bottom: 20px; text-align: center; } .validation_message { font-size: var(--gb_font_size_14); display: inline-block; color: var(--gb_valiation_message_color); } .gform_validation_error_link { font-size: 0.875rem; } .gfield_error input { border-color: var(--gb_error_field_border_color); } .gfield_error ::-moz-placeholder { color: var(--gb_error_field_border_color) !important; } .gfield_error ::placeholder { color: var(--gb_error_field_border_color) !important; } .gform_confirmation_message { text-align: center; color: var(--gb_confirmation_message_color); font-size: var(--gb_font_size_24); color: var(--gb_brown); } .gform_validation_errors { background-color: var(--gb_valiation_error_bg_color); margin: 10px 0 30px; padding: 0; font-size: 105%; } .gform_validation_errors h2 { color: var(--gb_valiation_error_color); margin-bottom: 0; font-size: 24px; } .gform_validation_errors ol { margin-top: 20px; } .gfield_required_text { color: var(--gb_required_text_color); position: relative; margin-left: 5px; font-size: 0.875rem; } /** * * Style for hidden field in gravity form * */ .gfield_visibility_hidden { display: none !important; } /** * * Spinner * */ .gform_ajax_spinner, .gform-loader { margin-top: 0; margin-left: 0; width: 12px; height: 12px; border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; -webkit-animation: spin 1s ease-in-out infinite; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } .hidden_label label { display: none; } .newsletter-form-area { width: 100%; max-width: 600px; margin: 0 auto; } .newsletter-form-area form { margin: 0; } .newsletter-form-area ::-moz-placeholder { color: var(--gb_brown); } .newsletter-form-area ::placeholder { color: var(--gb_brown); } .newsletter-form-area .gfield_label { display: none; } .newsletter-form-area .gfeild input { width: 100%; border-color: var(--gb_brown); border-radius: 5px; } .newsletter-form-area input[type=submit] { width: 100%; height: 50px; background-color: var(--gb_brown); color: var(--gb_white); border: none; padding: 0 20px; font-size: var(--gb_font_size_18); cursor: pointer; } .newsletter-form-area input[type=submit]:hover, .newsletter-form-area input[type=submit]:focus { background-color: var(--gb_brown); } .inner-label-hide .gform-field-label.gform-field-label--type-sub { display: none; } /* ------------------------------------------------- >> Default styles for Hubspot Forms ------------------------------------------------- */ /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .hs-form { text-align: left; } .hs-form fieldset { margin: 0; } .hs-form ul { margin: 0; padding: 0; list-style-type: none; } .hs-form ul li { margin: 0; padding-left: 0; } .hs-form ul li label { margin: 0; } .hs-form ul li::before { display: none; } .hs-form ul.hs-error-msgs li { padding-left: 0; color: var(--gb_hubspot_error_label_color); font-size: var(--gb_font_size_16); margin: 0; } .hs-form .error { text-align: left; } .hs-form .hs-fieldtype-checkbox ul.hs-error-msgs li, .hs-form .hs-fieldtype-booleancheckbox ul.hs-error-msgs li, .hs-form .hs-fieldtype-radio ul.hs-error-msgs li { margin: -6px 0 8px; } .hs-form .hs_error_rollup ul li { background-color: var(--gb_valiation_error_bg_color); margin: 10px 0 30px; padding: 7px 14px; font-weight: 700; font-size: 105%; } .hs-form .hs-form-required { color: var(--gb_hubspot_required_color); } .hs-form-field { position: relative; } .form-columns-2 .hs-form-field { display: inline-block; width: 49%; margin-right: calc(2% - 5px); } .form-columns-2 .hs-form-field:nth-child(2n+2) { margin-right: 0; } /* ------------------------------------------------- >> Default styles for Contact Form Forms ------------------------------------------------- */ .wpcf7-list-item { margin: 0 10px 0 0 !important; } .wpcf7-section label { display: block; } .wpcf7-form-control-wrap { display: block; margin-top: 10px; } .wpcf7-not-valid-tip { color: var(--gb_valiation_error_color) !important; position: relative; top: -15px; } .wpcf7-response-output { margin: 0 !important; } /* ------------------------------------------------------------------ > Media ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for WordPress captions -------------------------------------------------*/ .wp-caption { max-width: 100%; box-sizing: border-box; margin-bottom: 50px !important; } .wp-caption.alignnone { margin: 15px 0; } .wp-caption.alignleft { margin: 50px 20px 10px 0; } .wp-caption.alignright { margin: 5px 0 10px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0 0 8px; max-width: 100%; padding: 0; width: auto; } .wp-caption .wp-caption-text { margin: 0; text-align: left; } .wp-caption p.wp-caption-text { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: var(--gb_font_size_18); margin: 0; text-transform: uppercase; word-spacing: 2.5px; letter-spacing: 1.5px; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } /*------------------------------------------------- >> Styles for default WordPress galleries -------------------------------------------------*/ .gallery { margin-bottom: 24px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-caption { display: block; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* ------------------------------------------------------------------ > Core ------------------------------------------------------------------ */ /*------------------------------------------------- >> Accessibility styles for WordPress -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .screen-reader-text { margin: 0px; overflow: hidden; width: 1px; position: absolute !important; word-wrap: normal !important; color: var(--gb_acc_btn_color); background-color: var(--gb_acc_btn_bgcolor); clip: auto !important; border: unset !important; border-radius: 0; left: -100%; font-size: var(--gb_font_size_14); clip-path: none; font-weight: 700; height: auto; line-height: normal; padding: 8px 12px; text-decoration: none; top: 8px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { display: block; width: auto; z-index: 100000; left: 8px; } #page-section[tabindex="-1"]:focus { outline: 0; } a, button, input[type=submit], [tabindex="0"] { outline: 2px dotted transparent; outline-offset: 5px; } a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, [tabindex="0"]:focus-visible { outline-color: var(--gb_acc_outline) !important; } .contact-details a { outline-offset: 0; } .header-logo a:focus-visible, .red-ctn a:focus-visible, .black-ctn a:focus-visible, .hero-ctn a:focus-visible, .topbar a:focus-visible, .header-nav ul li a:focus-visible { outline-color: var(--gb_acc_outline); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /*------------------------------------------------- >> Default WordPress alignments -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .alignnone { margin: 15px 0 30px; } .aligncenter { display: block; margin: 15px auto 30px; clear: both; text-align: center; } .alignright { float: right; margin: 15px 0 30px 20px; } .alignleft { float: left; margin: 15px 20px 30px 0; } a img.alignright { float: right; margin: 15px 0 30px 20px; } a img.alignnone { margin: 15px 0 30px; } a img.alignleft { float: left; margin: 15px 20px 30px 0; } a img.aligncenter { display: block; margin: 15px auto 30px; text-align: center; clear: both; } /*------------------------------------------------- >> Styles for posts and pages -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ .sticky { display: block; } .sticky .post-title { position: relative; padding-left: 30px; } .sticky .post-title::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjAuODYxNiA2Ljk5NjA0TDE1LjA5ODcgMS4yNTE4MUMxNC42MDg4IDAuNzYzNDk3IDEzLjgyOTggMS4yNjY0NiAxMy41OTYzIDEuNjk3ODFDMTMuNTU3MSAxLjc3MTA2IDEzLjYyNzMgMS44Mzc3OSAxMy41NjM3IDIuMzM0MjVDMTMuNDk0MiAyLjk2NDY3IDEzLjM0NSAzLjU4Mzc4IDEzLjExOTUgNC4xNzY4M0wxMC41NTU3IDYuNzMyMzVDOS41MzMzOSA3Ljc1MjkzIDguMDcwMjEgNy4yOTg4IDYuODIwOTYgNi42ODAyNkM2LjU1ODA1IDYuNTUwMDUgNi4yMjAwMSA2LjI2MTk0IDUuOTI3NyA2LjU1MzNMNC44NDE3NSA3LjYzNTc0QzQuNzY1NDcgNy43MTIwMSA0LjcyMjYzIDcuODE1MzMgNC43MjI2MyA3LjkyMzAzQzQuNzIyNjMgOC4wMzA3MyA0Ljc2NTQ3IDguMTM0MDUgNC44NDE3NSA4LjIxMDMyTDEzLjk1MjMgMTcuMjg5OEMxNC4wMjg4IDE3LjM2NTggMTQuMTMyNSAxNy40MDg1IDE0LjI0MDUgMTcuNDA4NUMxNC4zNDg2IDE3LjQwODUgMTQuNDUyMiAxNy4zNjU4IDE0LjUyODggMTcuMjg5OEwxNS42MTMxIDE2LjIwNzNDMTUuOTAyMSAxNS45MTkyIDE1LjUzMzEgMTUuNTQ2NSAxNS4zODI4IDE1LjIzMDdDMTQuODI3NiAxNC4wOTEzIDE0LjMyOTUgMTIuNTU4IDE1LjI1NTUgMTEuNjM1TDE3LjkzMiA4Ljk4MDI0QzE4LjUzOTEgOC43OTU1NCAxOS4xNTg0IDguNjUzMDUgMTkuNzg1NCA4LjU1Mzc3QzIwLjI5IDguNDc0MDEgMjAuMzUyMSA4LjUzNzUgMjAuNDIzOSA4LjQ5MDI5QzIwLjg2NDggOC4yMDU0NCAyMS4zNTQ3IDcuNDg3NjEgMjAuODYxNiA2Ljk5NjA0Wk05LjgwMTIgMTQuNDE1Mkw3LjcyNTY1IDEyLjM0OEwxLjA2Nzg3IDIwLjc0MDVMMS4zODE0MSAyMS4wNTE0TDkuODAxMiAxNC40MTUyWiIgZmlsbD0iYmxhY2siIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41NyIgc3Ryb2tlLW1pdGVybGltaXQ9IjIyLjkzIi8+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; position: absolute; top: 5px; left: 0; height: 30px; width: 30px; } .updated:not(.published) { display: none; } .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit following styles or write your own ------------------------------------------------- */ .post-title { margin-bottom: 25px; } .post-shares { display: flex; } .post-shares a { margin-left: 8px; padding: 5px; border: 1px solid var(--wp--preset--color--white); border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; transition: all 0.3s ease-in-out; } .post-shares a:hover, .post-shares a:focus-visible { border: 1px solid var(--wp--preset--color--white); background-color: rgba(0, 0, 0, 0.4705882353); } .post-single-image { aspect-ratio: 16/9; position: relative; } .post-single-image figure { margin-bottom: var(--gb_space_20); height: 100%; } .post-single-image a, .post-single-image a:visited { padding: 0; display: block; border: 0; text-decoration: none; height: 100%; border-radius: 8px; } .post-single-text .heading-3 { margin-bottom: var(--gb_space_16); } .post-single-text a, .post-single-text a:visited { padding: 0; margin: 0; border: 0; } .post-teaser-inner.three-columns { row-gap: var(--gb_space_60); } .archive-posts-meta .featured-bed-details { margin-top: 0; } .archive-posts-meta a.tag-link, .archive-posts-meta a.tag-link:visited { padding: 3px 6px; } .archive-posts-meta .tags { gap: 6px; } span.play-btn-icon, a.play-btn-icon, a:visited.play-btn-icon { width: var(--gb_space_56); height: var(--gb_space_56); border: 1px solid var(--gb_white); border-radius: 50%; background-image: url(images/play-button-arrowhead.png); background-position: center left 18px; background-repeat: no-repeat; background-size: 24px; display: block; position: absolute; inset: 0; margin: auto; } .play-icon { line-height: 0.65; position: absolute; bottom: 70px; right: 48px; z-index: 3; display: flex; flex-wrap: wrap; gap: 20px; flex-direction: column; } .play-icon button { display: block; padding: 0; margin: 0; height: 68px; width: 68px; border-radius: 100%; background-repeat: no-repeat; background-position: center; border: transparent; background-size: contain; background-color: var(--gb_white) !important; background-size: 24px; } .audio-icon { display: none; } .play-icon button.audio-icon.unmute-video { background-image: url(images/audio-play-icon.webp); } .play-icon button.audio-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjg5ODQgMS45Mzc1OEMxMC43OTM0IDEuODg2ODkgMTAuNjc2MiAxLjg2NjYyIDEwLjU2MDMgMS44NzkwNUMxMC40NDQzIDEuODkxNDcgMTAuMzM0MSAxLjkzNjEgMTAuMjQyMiAyLjAwNzg5TDQuNzgxMjUgNi4yNTAwOEgxLjI1QzAuOTE4NDc5IDYuMjUwMDggMC42MDA1MzcgNi4zODE3NyAwLjM2NjExNiA2LjYxNjE5QzAuMTMxNjk2IDYuODUwNjEgMCA3LjE2ODU2IDAgNy41MDAwOFYxMi41MDAxQzAgMTIuODMxNiAwLjEzMTY5NiAxMy4xNDk1IDAuMzY2MTE2IDEzLjM4NEMwLjYwMDUzNyAxMy42MTg0IDAuOTE4NDc5IDEzLjc1MDEgMS4yNSAxMy43NTAxSDQuNzgxMjVMMTAuMjQyMiAxNy45OTIzQzEwLjM1MTIgMTguMDc4NCAxMC40ODYxIDE4LjEyNTEgMTAuNjI1IDE4LjEyNTFDMTAuNzE5NiAxOC4xMjQgMTAuODEyOCAxOC4xMDI2IDEwLjg5ODQgMTguMDYyNkMxMS4wMDM5IDE4LjAxMTMgMTEuMDkyOCAxNy45MzEzIDExLjE1NSAxNy44MzE4QzExLjIxNzIgMTcuNzMyMyAxMS4yNTAxIDE3LjYxNzQgMTEuMjUgMTcuNTAwMVYyLjUwMDA4QzExLjI1MDEgMi4zODI3NyAxMS4yMTcyIDIuMjY3ODEgMTEuMTU1IDIuMTY4MzRDMTEuMDkyOCAyLjA2ODg3IDExLjAwMzkgMS45ODg5IDEwLjg5ODQgMS45Mzc1OFoiIGZpbGw9IiMwRTBFMEUiLz4KPHBhdGggZD0iTTE3Ljc1NzQgMTAuMDAwMUwxOS4xOTQ5IDguNTcwNDFDMTkuMjk0NiA4LjQ0ODk4IDE5LjM0NTUgOC4yOTQ4MSAxOS4zMzc4IDguMTM3OUMxOS4zMzAxIDcuOTgxIDE5LjI2NDMgNy44MzI1NiAxOS4xNTMyIDcuNzIxNDhDMTkuMDQyMSA3LjYxMDQgMTguODkzNyA3LjU0NDYgMTguNzM2OCA3LjUzNjlDMTguNTc5OSA3LjUyOTE5IDE4LjQyNTcgNy41ODAxMiAxOC4zMDQzIDcuNjc5NzlMMTYuODc0NiA5LjExNzI5TDE1LjQ0NDkgNy42Nzk3OUMxNS4zMjM1IDcuNTgwMTIgMTUuMTY5MyA3LjUyOTE5IDE1LjAxMjQgNy41MzY5QzE0Ljg1NTUgNy41NDQ2IDE0LjcwNzEgNy42MTA0IDE0LjU5NiA3LjcyMTQ4QzE0LjQ4NDkgNy44MzI1NiAxNC40MTkxIDcuOTgxIDE0LjQxMTQgOC4xMzc5QzE0LjQwMzcgOC4yOTQ4MSAxNC40NTQ2IDguNDQ4OTggMTQuNTU0MyA4LjU3MDQxTDE1Ljk5MTggMTAuMDAwMUwxNC41NTQzIDExLjQyOThDMTQuNDM2OSAxMS41NDgzIDE0LjM3MTEgMTEuNzA4MyAxNC4zNzExIDExLjg3NTFDMTQuMzcxMSAxMi4wNDE5IDE0LjQzNjkgMTIuMjAxOSAxNC41NTQzIDEyLjMyMDRDMTQuNjc0MyAxMi40MzUxIDE0LjgzMzYgMTIuNDk5NCAxNC45OTk2IDEyLjUwMDFDMTUuMTY1MyAxMi40OTc4IDE1LjMyNDEgMTIuNDMzOCAxNS40NDQ5IDEyLjMyMDRMMTYuODc0NiAxMC44ODI5TDE4LjMwNDMgMTIuMzIwNEMxOC40MjQzIDEyLjQzNTEgMTguNTgzNiAxMi40OTk0IDE4Ljc0OTYgMTIuNTAwMUMxOC45MTUzIDEyLjQ5NzggMTkuMDc0MSAxMi40MzM4IDE5LjE5NDkgMTIuMzIwNEMxOS4zMTIzIDEyLjIwMTkgMTkuMzc4MSAxMi4wNDE5IDE5LjM3ODEgMTEuODc1MUMxOS4zNzgxIDExLjcwODMgMTkuMzEyMyAxMS41NDgzIDE5LjE5NDkgMTEuNDI5OEwxNy43NTc0IDEwLjAwMDFaIiBmaWxsPSIjMEUwRTBFIi8+Cjwvc3ZnPgo=); } .play-icon button.play-icon-btn { background-size: 18px; background-image: url(images/pause-icon.webp); } .play-icon button.play-icon-btn.pause-video { background-image: url(images/play-icon.webp); } .post-video-area.image-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .lity-iframe .lity-container { width: 100%; max-width: 1400px; } .lity-iframe .lity-container .lity-content { max-width: 1400px; } .scrolling-ctn { padding: 20px 0; } .scrolling-item { margin-right: 20px; } .scrolling-item p { margin-bottom: 0; } .flex-center { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .image-slide { aspect-ratio: 700/480; border-radius: 16px; overflow: hidden; } .image-slide figure { margin: 0; height: 100%; } .js-images-slider .slick-arrow.slick-prev, .js-images-slider .slick-arrow.slick-next { width: 40px; height: 40px; position: absolute; bottom: -54px; top: auto; transform: translateY(0) translateX(0) !important; background-color: inherit; border: 1px solid var(--gb_brown); background-position: center; background-repeat: no-repeat; background-size: 10px; margin: 0; border-radius: 50%; cursor: pointer; padding: 0 !important; font-size: 0 !important; z-index: 9; } .js-images-slider .slick-arrow.slick-prev::before, .js-images-slider .slick-arrow.slick-next::before { display: none !important; } .js-images-slider .slick-arrow.slick-prev.slick-arrow.slick-prev, .js-images-slider .slick-arrow.slick-next.slick-arrow.slick-prev { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMDAxXzIpIj4NCjxwYXRoIGQ9Ik0xMSAyMEw1LjUyNjc4IDkuOTk5OThMMTEgMEg4LjI5MDE2TDQuMTAxMDVlLTA3IDkuMTU3MzNWMTAuODQyN0w4LjI5MDE2IDIwSDExWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIwMDFfMiI+DQo8cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMSAwKSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K); right: 50px; left: auto !important; } .js-images-slider .slick-arrow.slick-prev.slick-arrow.slick-next, .js-images-slider .slick-arrow.slick-next.slick-arrow.slick-next { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); right: 0; } /*------------------------------------------------- >> Pagination styles -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ .page-section .pagination, .pagination { display: flex; text-align: center; justify-content: center; align-items: center; margin: 20px 0 0; gap: 10px; flex-wrap: wrap; } .page-section .pagination a, .page-section .pagination span[role=button], .page-section .pagination a:visited, .page-section .pagination span.current, .pagination a, .pagination span[role=button], .pagination a:visited, .pagination span.current { background-color: var(--gb_pagination_bgcolor); color: var(--gb_pagination_color); border: 1px solid var(--gb_pagination_border); display: flex; align-items: center; justify-content: center; font-size: var(--gb_font_size_20); line-height: 20px; cursor: pointer; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; width: 48px; height: 48px; transition: all 0.4s ease-in-out; } .page-section .pagination a:hover, .page-section .pagination a:focus-visible, .page-section .pagination span[role=button]:hover, .page-section .pagination span[role=button]:focus-visible, .page-section .pagination a:visited:hover, .page-section .pagination a:visited:focus-visible, .page-section .pagination span.current:hover, .page-section .pagination span.current:focus-visible, .pagination a:hover, .pagination a:focus-visible, .pagination span[role=button]:hover, .pagination span[role=button]:focus-visible, .pagination a:visited:hover, .pagination a:visited:focus-visible, .pagination span.current:hover, .pagination span.current:focus-visible { background-color: var(--gb_brown_2); color: var(--gb_pagination_color_current); } .page-section .pagination span.current, .pagination span.current { background-color: var(--gb_brown_2); color: var(--gb_pagination_color_current); } .page-section .pagination > span.current, .pagination > span.current { border: none; } .page-section .pagination > span.current:hover, .page-section .pagination > span.current:focus-visible, .pagination > span.current:hover, .pagination > span.current:focus-visible { background-color: var(--gb_brown_2); color: var(--gb_pagination_color_current); } .no-results .search-form, .not-found .search-form { margin: 0; } .no-results .search-form label, .not-found .search-form label { margin: 0; } .no-results .search-form ::-moz-placeholder, .not-found .search-form ::-moz-placeholder { color: var(--gb_brown); } .no-results .search-form ::placeholder, .not-found .search-form ::placeholder { color: var(--gb_brown); } .no-results .search-form input[type=submit], .not-found .search-form input[type=submit] { background-color: var(--gb_brown_2); border-color: var(--gb_brown_2); color: var(--gb_white); margin-bottom: 0; height: 50px; } /*------------------------------------------------- >> Styles for WordPress comments -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ #commentform label { display: block; } #commentform p.comment-form-author, #commentform p.comment-form-url, #commentform p.comment-form-email { width: calc(33.3% - 10px); display: inline-block; margin-right: 10px; margin-bottom: 0; } #commentform p.comment-form-comment { margin-bottom: 0; } #commentform p.comment-form-comment textarea { margin-bottom: 10px; } #commentform p.comment-form-url, #commentform .url-comments, #commentform li.middle { margin-right: 0 !important; } #commentform .form-submit { margin-bottom: 0; } .comment-meta, .comment-author { margin-bottom: 15px; } .comments-closed { margin: 30px 0; } .comment-meta { margin-bottom: 30px; color: var(--gb_comment_meta_color); } .comment-author.vcard { margin-bottom: 2px; } .comment-author.vcard a { border-bottom: none; } .comment-author.vcard span { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; } .comment-metadata { font-size: 90%; } .comment-metadata a { color: var(--gb_comment_metadata_color); border-bottom: transparent; } .comment-content p { margin-bottom: 20px; } .comment-body { margin-bottom: 30px; } ol.comment-list { margin-bottom: 60px; } ol.comment-list li.comment { margin-bottom: 30px; padding: 30px 0 0; border-top: 1px solid var(--gb_comments_list_border_color); } ol.comment-list li.comment::before { display: none !important; } ol.comment-list li.comment.pingback { margin: 0 0 30px; } ol.comment-list li.comment div.vcard cite.fn { font-style: normal; } ol.comment-list li.comment div.vcard img.avatar { float: left; margin: 0 10px 0 0; width: 64px; } ol.comment-list li.comment div.commentmetadata { padding: 8px 0 14px; } ol.comment-list li.comment ul.children, ol.comment-list li.comment ol.children { list-style: none; margin: 50px 0 0; } ol.comment-list li.comment ul.children li, ol.comment-list li.comment ol.children li { padding: 30px 0 0; } ol.comment-list li.comment ul.children li.depth-2, ol.comment-list li.comment ul.children li.depth-3, ol.comment-list li.comment ul.children li.depth-4, ol.comment-list li.comment ul.children li.depth-5, ol.comment-list li.comment ol.children li.depth-2, ol.comment-list li.comment ol.children li.depth-3, ol.comment-list li.comment ol.children li.depth-4, ol.comment-list li.comment ol.children li.depth-5 { margin: 0 0 30px 60px; } a.comment-reply-link { background-color: var(--gb_comments_reply_btn_bgcolor); color: var(--gb_comments_reply_btn_color); padding: 6px 11px 5px; font-size: 90%; height: 37px; box-sizing: border-box; display: inline-block; border: 2px solid transparent; } a.comment-reply-link:hover, a.comment-reply-link:focus-visible { background-color: var(--gb_comments_reply_btn_bgcolor_hover); color: var(--gb_comments_reply_btn_color_hover); } /*------------------------------------------------- >> Styles for default WordPress widgets -------------------------------------------------*/ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Do not edit these styles ------------------------------------------------- */ .wp-block-archives, .wp-block-categories, .wp-block-latest-comments, .wp-block-latest-posts, .wp-block-page-list, .wp-block-rss, .wp-block-search, .wp-block-social-links, .wp-block-tag-cloud, .wp-block-calendar { margin: 0 0 40px; } /* ------------------------------------------------- >> Project Styles --------------------------------------------------- >> Edit following styles or write your own ------------------------------------------------- */ /* ------------------------------------------------------------------ > Blocks ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Accessibility styles for WordPress Gallery Block ------------------------------------------------- */ .wp-block-gallery .wp-block-image a { border-bottom: none; } .page-section .wp-block-gallery ul li { padding: 0; } .page-section .wp-block-gallery ul li::before { display: none; } /* ------------------------------------------------- >> Accessibility styles for WordPress Cover Block ------------------------------------------------- */ .wp-block-cover-text { color: var(--gb_white) !important; } /* ------------------------------------------------- >> Accessibility styles for WordPress Calender Block ------------------------------------------------- */ .wp-block-calendar a { text-decoration: none; } .wp-block-calendar table { margin: 0 0 20px; } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: none; } .wp-block-calendar table tbody td, .wp-block-calendar table th { padding: 10px 15px; border: none; } .wp-block-calendar table th { background-color: transparent; font-weight: 700; } /* ------------------------------------------------- >> Accessibility styles for WordPress Categories Block ------------------------------------------------- */ .wp-block-archives-dropdown.wp-block-archives select, .wp-block-categories-dropdown.wp-block-categories select { margin: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Image Block ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ /* ------------------------------------------------- >> Accessibility styles for WordPress Latest Comments Block ------------------------------------------------- */ .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: unset; margin-top: 3px; } .wp-block-latest-comments__comment-date { margin: 5px 0; color: var(--gb_widget_comments_meta_color); } .wp-block-latest-comments__comment-excerpt p { font-size: 100%; line-height: 1.5; margin: 5px 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Latest Posts Block ------------------------------------------------- */ .wp-block-latest-posts__featured-image a { border-bottom: none; } .wp-block-latest-posts__featured-image.alignleft { margin: 0 20px 10px 0; } .wp-block-latest-posts__featured-image.alignright { margin: 0 0 10px 20px; } .wp-block-latest-posts__featured-image.aligncenter { margin: 0 auto 10px; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { font-size: 90%; color: var(--gb_widget_latest_post_meta_color); } .wp-block-latest-posts.is-grid li { margin-bottom: 12px; } /* ------------------------------------------------- >> Accessibility styles for WordPress Quote Block ------------------------------------------------- */ blockquote.wp-block-quote.is-style-large { border-left: 0; padding: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress PullQuote Block ------------------------------------------------- */ /* ------------------------------------------------- >> Base Styles --------------------------------------------------- >> Edit these styles as required ------------------------------------------------- */ /* ------------------------------------------------- >> Accessibility styles for WordPress RSS Feed Block ------------------------------------------------- */ .wp-block-rss__item-author, .wp-block-rss__item-publish-date { font-size: 90%; color: var(--gb_widget_rss_feed_meta_color); } .wp-block-rss__item-excerpt { margin: 10px 0 20px; } /* ------------------------------------------------- >> Accessibility styles for WordPress Search Block ------------------------------------------------- */ input[type=search].wp-block-search__input { background-image: unset; padding: 0 12px; margin-bottom: 0; } .wp-block-search__button { border: none; margin-right: 0; padding: 0 20px; } .wp-block-search__button:hover, .wp-block-search__button:focus-visible { border: none; background-color: var(--gb_white); } /* ------------------------------------------------- >> Accessibility styles for WordPress Social-links Block ------------------------------------------------- */ .wp-block-social-links li.wp-block-social-link { list-style: none; padding-left: 0; } .wp-block-social-links li.wp-block-social-link::before { display: none; } .wp-block-social-links li.wp-block-social-link svg { margin-bottom: 0; } /* ------------------------------------------------- >> Accessibility styles for WordPress Tag Cloud Block ------------------------------------------------- */ .wp-block-tag-cloud .tag-cloud-link { margin: 0 8px 12px 0; } /* ------------------------------------------------------------------ > Site ------------------------------------------------------------------ */ /*------------------------------------------------- >> Styles for header and footer of website -------------------------------------------------*/ /*------------------------------------------------- >> Styles for header -------------------------------------------------*/ .slide-thumb img, .burger-single, .post-tags, .post-content-des p, .post-meta, .search-button, .single-blog-post, .wpcf7-submit, a, a:visited, button, input[type=submit], .home-hero, header { transition: all 0.3s ease-in-out; } .top-bar { padding: 10px 0; background-color: var(--gb_topbar_bgcolor); color: var(--gb_topbar_color); transition: all 0.4s ease-in-out; } .top-bar-text { font-size: var(--gb_font_size_16); padding: 0 20px 0 0; } .top-bar-text:focus-visible { outline-color: var(--gb_white) !important; } .top-bar-text a, .top-bar-text a:visited { font-size: var(--gb_font_size_16); color: var(--gb_topbar_color); display: inline-block; } .top-bar-text a:focus-visible, .top-bar-text a:visited:focus-visible { outline-color: var(--gb_white) !important; } .top-bar-text a::after, .top-bar-text a:visited::after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0px; left: 0; background-color: var(--gb_white); transition: all 0.3s ease-in-out; } .top-bar-text a:hover::after, .top-bar-text a:focus-visible::after, .top-bar-text a:visited:hover::after, .top-bar-text a:visited:focus-visible::after { opacity: 0.8; } .top-bar-cross { position: absolute; top: 14px; right: 20px; line-height: 0.65; cursor: pointer; transition: all 0.3s ease-in-out; } .top-bar-cross:hover, .top-bar-cross:focus-visible { transform: scale(1.1); } .top-bar-cross:focus-visible { outline-color: var(--gb_white) !important; } .top-bar-cross img { width: 14px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(220deg) brightness(102%) contrast(103%); } .nav-container { display: flex; align-items: center; margin-top: 8px; } .header-logo a { display: inline-block; } .no-overflow { overflow: hidden; } .logo { position: relative; z-index: 9; line-height: 0; width: 134px; transition: all 0.2s ease-in-out; } .header-inner { padding: 20px var(--gb_space_48); box-sizing: border-box; transition: all 0.3s ease-in-out; max-width: 1920px; margin: 0 auto; } .header-section { background-color: var(--gb_header_bgcolor); z-index: 1046; width: 100%; position: fixed; transition: all 0.3s ease-in-out; top: var(--gb_header-top-default); box-sizing: border-box; border-bottom: 1px solid transparent; } .header-section.shrink, .header-section.header-404, .header-section.search-results-header, .header-section.header-black, .header-section.elevates-header { background-color: var(--gb_white_1); border-color: var(--gb_brown_3); } .header-section.shrink a.button, .header-section.shrink a.button.with-arrow:visited, .header-section.header-404 a.button, .header-section.header-404 a.button.with-arrow:visited, .header-section.search-results-header a.button, .header-section.search-results-header a.button.with-arrow:visited, .header-section.header-black a.button, .header-section.header-black a.button.with-arrow:visited, .header-section.elevates-header a.button, .header-section.elevates-header a.button.with-arrow:visited { color: var(--gb_brown); border-color: var(--gb_brown); color: var(--gb_brown); border-color: var(--gb_brown); } .header-section.shrink a.button:hover, .header-section.shrink a.button.with-arrow:visited:hover, .header-section.header-404 a.button:hover, .header-section.header-404 a.button.with-arrow:visited:hover, .header-section.search-results-header a.button:hover, .header-section.search-results-header a.button.with-arrow:visited:hover, .header-section.header-black a.button:hover, .header-section.header-black a.button.with-arrow:visited:hover, .header-section.elevates-header a.button:hover, .header-section.elevates-header a.button.with-arrow:visited:hover { color: var(--gb_white); } .header-section.shrink a.button.with-arrow, .header-section.shrink a.button.with-arrow:visited.with-arrow, .header-section.header-404 a.button.with-arrow, .header-section.header-404 a.button.with-arrow:visited.with-arrow, .header-section.search-results-header a.button.with-arrow, .header-section.search-results-header a.button.with-arrow:visited.with-arrow, .header-section.header-black a.button.with-arrow, .header-section.header-black a.button.with-arrow:visited.with-arrow, .header-section.elevates-header a.button.with-arrow, .header-section.elevates-header a.button.with-arrow:visited.with-arrow { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); } @media screen and (hover: hover) { .header-section.shrink a.button.with-arrow:hover, .header-section.shrink a.button.with-arrow:visited.with-arrow:hover, .header-section.header-404 a.button.with-arrow:hover, .header-section.header-404 a.button.with-arrow:visited.with-arrow:hover, .header-section.search-results-header a.button.with-arrow:hover, .header-section.search-results-header a.button.with-arrow:visited.with-arrow:hover, .header-section.header-black a.button.with-arrow:hover, .header-section.header-black a.button.with-arrow:visited.with-arrow:hover, .header-section.elevates-header a.button.with-arrow:hover, .header-section.elevates-header a.button.with-arrow:visited.with-arrow:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjMyNjE3MiAyMC4zMjMyTDUuNjQyMTYgMTAuMzIzM0wwLjMyNjE3MiAwLjMyMzI5MkgyLjk1ODE3TDExLjAxMDEgOS40ODA2VjExLjE2NTlMMi45NTgxNyAyMC4zMjMySDAuMzI2MTcyWiIgZmlsbD0iI0ZBRjdGMyIvPg0KPC9zdmc+DQo=); } } .header-section.shrink #js-search-icon-btn svg, .header-section.header-404 #js-search-icon-btn svg, .header-section.search-results-header #js-search-icon-btn svg, .header-section.header-black #js-search-icon-btn svg, .header-section.elevates-header #js-search-icon-btn svg { stroke: var(--gb_brown); } .header-section.shrink .logo, .header-section.header-404 .logo, .header-section.search-results-header .logo, .header-section.header-black .logo, .header-section.elevates-header .logo { filter: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(773%) hue-rotate(338deg) brightness(97%) contrast(94%); } .header-section.shrink .header-nav ul li a, .header-section.shrink .header-nav ul li a:visited, .header-section.shrink .header-nav ul li span.menu-link, .header-section.header-404 .header-nav ul li a, .header-section.header-404 .header-nav ul li a:visited, .header-section.header-404 .header-nav ul li span.menu-link, .header-section.search-results-header .header-nav ul li a, .header-section.search-results-header .header-nav ul li a:visited, .header-section.search-results-header .header-nav ul li span.menu-link, .header-section.header-black .header-nav ul li a, .header-section.header-black .header-nav ul li a:visited, .header-section.header-black .header-nav ul li span.menu-link, .header-section.elevates-header .header-nav ul li a, .header-section.elevates-header .header-nav ul li a:visited, .header-section.elevates-header .header-nav ul li span.menu-link { color: var(--gb_brown); } .header-section.shrink .header-nav ul li a:hover, .header-section.shrink .header-nav ul li a:visited:hover, .header-section.shrink .header-nav ul li span.menu-link:hover, .header-section.header-404 .header-nav ul li a:hover, .header-section.header-404 .header-nav ul li a:visited:hover, .header-section.header-404 .header-nav ul li span.menu-link:hover, .header-section.search-results-header .header-nav ul li a:hover, .header-section.search-results-header .header-nav ul li a:visited:hover, .header-section.search-results-header .header-nav ul li span.menu-link:hover, .header-section.header-black .header-nav ul li a:hover, .header-section.header-black .header-nav ul li a:visited:hover, .header-section.header-black .header-nav ul li span.menu-link:hover, .header-section.elevates-header .header-nav ul li a:hover, .header-section.elevates-header .header-nav ul li a:visited:hover, .header-section.elevates-header .header-nav ul li span.menu-link:hover { color: var(--gb_brown_2); } .header-section.shrink .header-nav ul li.current-menu-item > a, .header-section.shrink .header-nav ul li.current-menu-parent > a, .header-section.shrink .header-nav ul li a:hover, .header-section.shrink .header-nav ul li span.menu-link:hover, .header-section.header-404 .header-nav ul li.current-menu-item > a, .header-section.header-404 .header-nav ul li.current-menu-parent > a, .header-section.header-404 .header-nav ul li a:hover, .header-section.header-404 .header-nav ul li span.menu-link:hover, .header-section.search-results-header .header-nav ul li.current-menu-item > a, .header-section.search-results-header .header-nav ul li.current-menu-parent > a, .header-section.search-results-header .header-nav ul li a:hover, .header-section.search-results-header .header-nav ul li span.menu-link:hover, .header-section.header-black .header-nav ul li.current-menu-item > a, .header-section.header-black .header-nav ul li.current-menu-parent > a, .header-section.header-black .header-nav ul li a:hover, .header-section.header-black .header-nav ul li span.menu-link:hover, .header-section.elevates-header .header-nav ul li.current-menu-item > a, .header-section.elevates-header .header-nav ul li.current-menu-parent > a, .header-section.elevates-header .header-nav ul li a:hover, .header-section.elevates-header .header-nav ul li span.menu-link:hover { border: 0; color: var(--gb_brown_2); } .header-wrapper { box-sizing: border-box; width: 90%; max-width: 1300px; margin: 0 auto; } .header-btns { margin-top: -6px; z-index: 1; display: flex; align-items: center; } .header-btns a.button, .header-btns a.button.with-arrow:visited { text-transform: uppercase; } .hide-topbar header { top: var(--gb_header-top); } .desktop-hide { display: none; } .search-button-area { margin-right: 28px; display: flex; align-items: center; } .header-search-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--gb_brown); z-index: 12; padding: 0 var(--gb_space_48); box-sizing: border-box; transform: scaleY(0); transition: all 0.3s ease-in-out; } .header-search-area form { height: 100%; margin-bottom: 0; } .header-search-area input[type=search] { border: 0; height: 100%; color: var(--gb_white); font-size: 24px; } .header-search-area.show-search-bar { transform: scaleY(1); } .header-search-inner { height: 100%; } button.close-search-button { position: absolute; top: 0; bottom: 0; margin: auto; right: var(--gb_space_48); height: auto; width: 40px; border: 0; } button.close-search-button svg { margin: 0; } #js-search-icon-btn { padding: 0; border: 0; width: 36px; height: 36px; background-color: transparent; } #js-search-icon-btn svg { width: 40px; height: 40px; } .lity-close, .lity-close:active, .lity-close:focus, .lity-close:hover, .lity-close:visited { position: fixed; top: 24px; right: var(--gb_space_24); width: var(--gb_space_48); height: var(--gb_space_48); padding: 0; font-size: var(--gb_font_size_32); line-height: 1; border: 1px solid var(--gb_white); font-weight: normal; font-size: 0 !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQoNCjxkZWZzPg0KPC9kZWZzPg0KPGcgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAwOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiBub25lOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQwNjU5MzQwNjU5MzQwMTYgMS40MDY1OTM0MDY1OTM0MDE2KSBzY2FsZSgyLjgxIDIuODEpIiA+DQoJPHJlY3QgeD0iLTEzLjU5IiB5PSIzOS45NSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMTE3LjE3IiBoZWlnaHQ9IjEwLjEiIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSIgbWF0cml4KDAuNzA3MSAtMC43MDcyIDAuNzA3MiAwLjcwNzEgLTE4LjYzOTYgNDUuMDA0NCkgIi8+DQoJPHJlY3QgeD0iMzkuOTUiIHk9Ii0xMy41OSIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iMTAuMSIgaGVpZ2h0PSIxMTcuMTciIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSIgbWF0cml4KDAuNzA3MSAtMC43MDcxIDAuNzA3MSAwLjcwNzEgLTE4LjYzOTYgNDUuMDAwNCkgIi8+DQo8L2c+DQo8L3N2Zz4=); background-repeat: no-repeat; background-size: 24px; background-position: center; } .logged-in .lity-close, .logged-in .lity-close:active, .logged-in .lity-close:focus, .logged-in .lity-close:hover, .logged-in .lity-close:visited { top: var(--gb_space_48); } /*------------------------------------------------- >> Styles for desktop menu -------------------------------------------------*/ @media (min-width: 1024px) { .header-nav ul li:hover > ul, .menu-item-has-children ul.focused, .header-nav ul li a:focus-visible + ul { opacity: 1; visibility: visible; overflow: visible; } .header-nav ul ul { animation-delay: 0.6s; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.3s ease-in-out; } } .header-nav { text-align: center; line-height: 1; } .header-nav ul { margin: 0; padding: 0; position: relative; } .header-nav ul li { margin: 0 20px; padding: 0; display: inline-block; position: relative; line-height: 1; } .header-nav ul li a, .header-nav ul li a:visited, .header-nav ul li span.menu-link { padding: 0 0 10px; display: inline-block; line-height: 1; border: 0; position: relative; color: var(--gb_header_color); text-transform: uppercase; font-size: 15px; font-family: "Montserrat", arial, sans-serif; font-weight: normal; font-style: normal; letter-spacing: 0.03em; } .header-nav ul li span.menu-link { cursor: pointer; } .header-nav ul li.menu-item-has-children > a { padding-right: 24px; background-position: top 4px right; background-repeat: no-repeat; background-size: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDMiIHZpZXdCb3g9IjAgMCA0MyA0MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxjaXJjbGUgY3g9IjIxLjMzMzMiIGN5PSIyMS4zMzMzIiByPSIxOS4zMzMzIiBzdHJva2U9IiM2QjU0NDciIHN0cm9rZS13aWR0aD0iNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQo8cGF0aCBkPSJNMTMuODM0IDE4LjMyNzVMMjEuMzM0IDIyLjMxNDJMMjguODMzOSAxOC4zMjc1VjIwLjMwMDhMMjEuOTY2IDI2LjM0MDhIMjAuNzAyTDEzLjgzNCAyMC4zMDA4VjE4LjMyNzVaIiBmaWxsPSIjNkI1NDQ3Ii8+DQo8L3N2Zz4NCg==); background-repeat: no-repeat; background-position: right center; } .header-nav ul li.current-menu-item > a, .header-nav ul li.current-menu-parent > a, .header-nav ul li a:hover, .header-nav ul li span.menu-link:hover { border: 0; color: var(--gb_brown); } .header-nav ul > li > ul.sub-menu::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 8px; background-color: var(--gb_brown); } .header-nav ul > li > ul.sub-menu::after { content: ""; position: absolute; top: 0; left: 10%; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid var(--gb_white); line-height: 0; } .header-nav ul ul { left: 0; width: 230px; background-color: var(--gb_header_submenu_bgcolor); padding: 30px 0 20px 0; border-radius: 0; position: absolute; top: 33px; z-index: 9; text-align: left; transition: all 0.4s ease-in-out; text-align: left; } .header-nav ul ul li { display: block; margin: 0 0 14px; padding: 0 15px; } .header-nav ul ul li:last-child { margin: 0; } .header-nav ul ul li a, .header-nav ul ul li a:visited, .header-nav ul ul li span.menu-link { font-size: 14px; display: inline-block; padding-bottom: 2px; line-height: 1; box-sizing: border-box; position: relative; color: var(--gb_header_submenu_color); transition: all 0.3s ease-in-out; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; } .header-nav ul ul li a::after, .header-nav ul ul li a:visited::after, .header-nav ul ul li span.menu-link::after { bottom: -4px; } .header-nav ul ul li span.menu-link { cursor: pointer; } .header-nav ul ul li a:hover, .header-nav ul ul li span.menu-link:hover { color: var(--gb_header_submenu_color_hover); } .header-nav ul ul li.current-menu-item > a, .header-nav ul ul li.current-menu-parent > a, .header-nav ul ul li a:hover, .header-nav ul ul li span.menu-link:hover { border: 0; } .header-nav ul ul li.current-menu-item > a::after, .header-nav ul ul li.current-menu-parent > a::after, .header-nav ul ul li a:hover::after, .header-nav ul ul li span.menu-link:hover::after { transform-origin: bottom left; transform: scaleX(1); } .header-nav ul ul ul { top: -10px; left: 230px; } .header-nav ul ul ul::before { display: none; content: ""; width: 1px; height: 1px; position: absolute; top: 12px; left: -5px; margin: auto; } /*------------------------------------------------- >> Styles for mobile menu -------------------------------------------------*/ @media (max-width: 1003px) { .logo { width: 120px; } .header-inner { padding: 20px 5%; } .nav-overlay .header-nav ul { margin: 0; padding: 0; background: transparent; width: 100%; } .nav-overlay .header-nav ul li { padding: 0; margin: 0 0 10px; position: relative; display: block; opacity: 1; line-height: 1; } .nav-overlay .header-nav ul li.menu-item-has-children { display: flex; flex-wrap: wrap; } .nav-overlay .header-nav ul li a, .nav-overlay .header-nav ul li a:visited { color: var(--gb_header_mobile_color); line-height: 1; display: inline-block; border-bottom: none; position: relative; font-size: var(--gb_font_size_24); } .nav-overlay .header-nav ul li.current-menu-item > a, .nav-overlay .header-nav ul li.current-menu-parent > a, .nav-overlay .header-nav ul li a:hover { border-bottom: none; } .nav-overlay .header-nav ul ul { transition: none; display: none; padding: 8px 0 20px 20px; position: relative; top: initial; left: initial; opacity: initial; visibility: initial; overflow: visible; box-shadow: none; } .nav-overlay .header-nav ul ul li { margin: 0 0 15px; } .nav-overlay .header-nav ul ul li:last-child { margin-bottom: 0; } .nav-overlay .header-nav ul ul li a, .nav-overlay .header-nav ul ul li a:visited { padding: initial; text-transform: inherit; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; } .nav-overlay .header-nav ul ul li.current-menu-item > a, .nav-overlay .header-nav ul ul li.current-menu-parent > a { color: var(--gb_header_mobile_submenu_color); } .nav-overlay .header-nav ul ul ul { padding: 20px 0 10px 20px; } .header-nav ul li.menu-item-has-children > a { background-image: none; padding-right: 0; } .nav-overlay { position: fixed; background-color: var(--gb_nav_overlay_bgcolor); left: 0; top: 0; width: 100%; height: 100vh; opacity: 0; visibility: hidden; overflow: visible; box-sizing: border-box; z-index: 8; transition: all 0.3s ease-in-out; display: none; } .nav-overlay .nav-container { display: block; } .no-overflow .logo { filter: brightness(0) saturate(100%) invert(34%) sepia(14%) saturate(773%) hue-rotate(338deg) brightness(97%) contrast(94%); } .no-overflow .menu-btn span { background-color: var(--gb_brown); } .nav-overlay.open { opacity: 1; visibility: visible; overflow-y: auto; display: block; } .nav-overlay.open .header-btns { margin-top: 30px; top: 0; opacity: 1; } header .nav-container { opacity: 0; transition: all 0.4s ease-in-out; transition-delay: 0.25s; padding: 128px 0 96px; box-sizing: border-box; width: 90%; margin: 0 auto; } header .nav-container .header-nav { text-align: left; } header .nav-overlay.open .nav-container { opacity: 1; display: block; } header.shrink .nav-overlay.open .nav-container, header.header-404 .nav-overlay.open .nav-container { opacity: 1; } .nav-content { height: 100%; max-height: 100%; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box; } .nav-content::-webkit-scrollbar-track { box-shadow: none; background-color: transparent; } .nav-content::-webkit-scrollbar { width: 3px; background-color: transparent; position: relative; left: 5px; box-shadow: none; } .nav-content::-webkit-scrollbar-thumb { box-shadow: none; border-radius: 2px; } .desktop-hide { display: block !important; } .header-btns { transition: all 0.5s ease-in-out; display: none; } .header-btns a.button, .header-btns a.button:visited, .header-btns span.button, .header-btns .is-style-mycustomstyle .wp-element-button { border-color: var(--gb_brown); color: var(--gb_brown); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=) !important; } .menu-btn { top: -6px; right: 0; height: 20px; width: 26px; cursor: pointer; z-index: 9999; display: inline-flex; flex-direction: column; position: relative; justify-content: space-between; transition: all 0.3s ease-in-out; } .menu-btn span { height: 2px; width: 100%; background-color: var(--gb_white); opacity: 1; transition: all 0.3s ease-in-out; } .menu-btn.active span:first-child { transform: translateY(9px) translateX(0) rotate(-45deg); } .menu-btn.active span:last-child { transform: translateY(-9px) translateX(0) rotate(45deg); } .menu-btn.active span.middle { opacity: 0; } li.menu-item-has-children .submenu-icon { position: absolute; z-index: 9999; right: 0; top: 0; display: block; height: 22px; width: 22px; cursor: pointer; background-position: top 8px center; background-size: 9px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xLjc3MzggMS43NzY3OUwxMC45OTggMTAuOTk5OEwyMC4yMjExIDEuNzc2NzkiIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyLjUiLz4NCjwvc3ZnPg0K); flex: 1 1 auto; } li.menu-item-has-children.active > .submenu-icon::before { height: 0; top: 18px; } .no-overflow .logged-in.admin-bar .nav-overlay { top: 0; padding-top: var(--gb_space_128); } } @media (max-width: 782px) { .no-overflow .logged-in.admin-bar .left-header { top: 110px; } #wpadminbar { position: fixed !important; } #wpadminbar #wp-admin-bar-customize > .ab-item:before, #wpadminbar #wp-admin-bar-edit > .ab-item:before, #wpadminbar #wp-admin-bar-my-account > .ab-item:before, #wpadminbar #wp-admin-bar-my-sites > .ab-item:before, #wpadminbar #wp-admin-bar-site-editor > .ab-item:before, #wpadminbar #wp-admin-bar-site-name > .ab-item:before { width: 46px !important; } #wpadminbar #wp-admin-bar-customize > .ab-item, #wpadminbar #wp-admin-bar-edit > .ab-item, #wpadminbar #wp-admin-bar-my-account > .ab-item, #wpadminbar #wp-admin-bar-my-sites > .ab-item, #wpadminbar #wp-admin-bar-site-editor > .ab-item, #wpadminbar #wp-admin-bar-site-name > .ab-item { width: 46px !important; } #wp-toolbar, #wpadminbar ul { display: flex; justify-content: space-between; } .no-overflow .logged-in.admin-bar .left-header { top: 110px; } #wpadminbar { position: fixed !important; } } /*------------------------------------------------- >> Styles for Masthead -------------------------------------------------*/ /*------------------------------------------------- >> Styles for Default -------------------------------------------------*/ .hero-section { transition: all 0.3s ease-in-out; background-color: var(--gb_white_1); padding-top: var(--gb_space_128); } .hero-ctn { padding: 80px 0 60px; } .hero-default .heading-1 { margin-bottom: 0px; } .hero-default { height: 100vh; position: relative; } .hero-default-image.image-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .hero-default-inner { display: flex; flex-wrap: wrap; align-items: flex-end; width: 90%; height: 100%; max-width: 1410px; position: relative; margin: 0 auto; } .hero-default-inner .hero-default-content { z-index: 2; margin-bottom: var(--gb_space_128); max-width: 930px; width: 90%; } .hero-default-inner .hero-default-content h1, .hero-default-inner .hero-default-content h2 { color: var(--gb_white); margin-bottom: var(--gb_space_48); font-size: var(--gb_font_size_40); } .hero-default-text { margin-top: 20px; } .hero-default-text p:last-of-type { margin-bottom: 0; } .hero-default-button { line-height: 0.65; margin-top: 30px; } .elevates-hero .hero-default-content { filter: brightness(0) saturate(100%) invert(34%) sepia(17%) saturate(642%) hue-rotate(337deg) brightness(93%) contrast(91%); max-width: 1060px; } .theme-image-box.hero-single-post { position: relative; } .theme-image-box.hero-single-post::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.2); } /*------------------------------------------------- >> Styles for Home -------------------------------------------------*/ .hero-home-slide-image { margin: 0; height: 100vh; } .logged-in .hero-home-slide-image { height: calc(100vh - 32px); } .hero-slider-content h1 { color: var(--gb_white); letter-spacing: -0.006em; line-height: 1.19; margin-bottom: 28px; font-size: var(--gb_font_size_40) !important; } .hero-slider-content { max-width: 955px; } .hero-swiper { position: relative; } .hero-swiper .swiper-slide::after { content: ""; position: absolute; bottom: 0; left: 0; height: 530px; width: 100%; background: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0)); pointer-events: none; z-index: 1; } .hero-swiper .swiper-pagination.swiper-pagination-bullets { position: absolute; bottom: 8.4%; left: 0; display: flex; max-width: 1410px; margin: 0 auto; right: 0; gap: 12.5px; z-index: 2; } .hero-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 14px; height: 14px; border: 1px solid var(--gb_white); opacity: 1; margin: 0; background-color: transparent; box-sizing: border-box; } .hero-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--gb_white); } .hero-home .wp-block-cover__inner-container.wp-block-cover-is-layout-flow { width: 100% !important; max-width: 1410px; width: 90%; position: absolute; inset: 0; top: auto; bottom: 17%; margin: auto !important; z-index: 2; } .hero-home .wp-block-cover .wp-block-cover__image-background { -o-object-position: center !important; object-position: center !important; } /*------------------------------------------------- >> Styles for footer -------------------------------------------------*/ .footer-ctn { background-color: var(--gb_brown); padding: 80px 0 0; box-sizing: border-box; overflow: hidden; } .footer-ctn h1, .footer-ctn h2, .footer-ctn h3, .footer-ctn h4, .footer-ctn h5, .footer-ctn h6, .footer-ctn p, .footer-ctn ul, .footer-ctn a { color: var(--gb_footer_color); } .footer-ctn .gform_validation_errors h2 { color: var(--gb_valiation_error_color); font-size: 18px; } .footer-ctn ::-moz-selection { color: var(--gb_highlight_bg); background-color: var(--gb_highlight_color); } .footer-ctn ::selection { color: var(--gb_highlight_bg); background-color: var(--gb_highlight_color); } .footer-logo { line-height: 0.65; max-width: 150px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .footer-logo a, .footer-logo a:visited { border: none; display: inline-block; } .footer-widgets { display: flex; flex-wrap: wrap; } .footer-widgets .single-widget { width: 33.33%; } .footer-widgets .single-widget:first-of-type h5 { font-size: 18px; width: 65%; margin-bottom: 40px; } .footer-widgets .single-widget:first-of-type .heading-3 { font-size: 24px; margin-bottom: 14px; } .footer-widgets .single-widget:nth-child(2) { display: flex; justify-content: center; align-items: flex-start; margin-right: 0; } .footer-widgets .single-widget:nth-child(3) { padding-top: 0; display: flex; justify-content: flex-end; } .footer-widgets .single-widget:nth-child(3) .heading-4.font-bold { font-size: 23px; } .footer-widgets .single-widget:nth-child(3) a.button.with-arrow:hover, .footer-widgets .single-widget:nth-child(3) a.button:visited.with-arrow:hover, .footer-widgets .single-widget:nth-child(3) span.button.with-arrow:hover { background-color: var(--gb_white); border-color: var(--gb_white); color: var(--gb_brown); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); } .footer-widgets .single-widget:nth-child(3) .widget-inner { max-width: 70%; } .footer-widgets .single-widget .footer-nav ul { -moz-column-count: 2; column-count: 2; } .footer-widgets .single-widget .footer-nav ul li { -moz-column-break-inside: avoid; break-inside: avoid; } .footer-nav .heading-4 { font-size: 23px; } .footer-nav ul { padding: 0; margin: 0; } .footer-nav ul li { padding: 0; margin: 0 0 11px; list-style-type: none; line-height: 1; } .footer-nav ul li .submenu-icon { display: none; } .footer-nav ul li a, .footer-nav ul li a:visited { line-height: 1; position: relative; display: inline-block; color: var(--gb_f_nav_color); font-size: 12px; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; } .footer-nav ul li.current-menu-item > a, .footer-nav ul li.current-menu-parent > a, .footer-nav ul li a:hover, .footer-nav ul li a:focus-visible { border: 0; } .footer-nav ul ul { padding: 20px 0 10px; } .footer-nav ul ul li { display: block; margin: 0 0 14px; padding: 0 15px; } .footer-nav ul ul li:last-child { margin: 0; } .footer-bottom { padding: var(--gb_space_48) 0; font-size: 12px; display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; } .copy-right { color: var(--gb_copyright_color); font-size: 12px; text-align: right; } .legal-nav ul { margin: 0; padding: 0; list-style-type: none; display: flex; align-items: center; flex-wrap: wrap; } .legal-nav ul li { padding: 0; margin-bottom: 0; margin-left: 10px; position: relative; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; } .legal-nav ul li a, .legal-nav ul li a:visited { line-height: 1; color: var(--gb_legal_nav_color); position: relative; display: block; font-size: var(--gb_font_size_12); } .legal-text { font-size: 15px; color: var(--gb_legal_text_color); font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; margin-right: 30px; } .social-icons a, .social-icons a:visited { width: 28px; height: 28px; margin-right: 22px; transition: all 0.3s ease-in-out; } .social-icons a img, .social-icons a:visited img { max-height: 40px; } .social-icons a:hover svg, .social-icons a:visited:hover svg { transform: scale(1.1); } .social-icons svg { transition: all 0.3s ease-in-out; max-width: 100%; margin: 0; height: 100%; } .footer-column-row { display: flex; flex-wrap: wrap; justify-content: space-between; } .footer-column-logo-left { width: 42.5%; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } .footer-column-logo-right { width: 55%; padding-left: 37px; padding-top: 10px; font-size: 12px; } .footer-column-logo-right .heading-3 { font-size: 23px; margin-bottom: 16px; } .footer-column-logo-right .heading-4 { font-size: 18px; } .legal-nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; color: var(--gb_white); } .footer-cta.has-image { color: var(--gb_white); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .footer-cta.has-image h2, .footer-cta.has-image h3, .footer-cta.has-image h4, .footer-cta.has-image p, .footer-cta.has-image li input[type=email] { border-color: var(--gb_white); color: var(--gb_white); } .footer-cta-inner { max-width: 980px; } .footer-cta-inner .gform_confirmation_message { text-align: left; color: var(--gb_white); } .footer-cta-inner input[type=email], .footer-cta-inner input[type=text], .footer-cta-inner textarea { color: var(--gb_white); border-color: var(--gb_white); } .footer-cta-inner input[type=submit], .footer-cta-inner button:not(.no-button-style), .footer-cta-inner input[type=button], .footer-cta-inner input[type=reset] { border-color: var(--gb_brown); } /*------------------------------------------------- >> Styles for Containers -------------------------------------------------*/ /**** * * containers * ****/ .wrapper { max-width: 1410px; width: 90%; margin: 0 auto; } .ctn-1920 .wrapper { width: 100%; max-width: 1920px; } .ctn-1790 .wrapper { max-width: 1790px; width: 96%; } .ctn-1300 .wrapper { max-width: 1300px; } .ctn-1160 .wrapper { max-width: 1160px; } .ctn-960 .wrapper { max-width: 960px; } .ctn-690 .wrapper { max-width: 690px; } .ctn-full-width .wrapper { max-width: 100%; width: 100%; } .ctn-full-width .wp-block-columns.midpage-cta { max-width: 1410px; margin: auto; position: relative; } .ctn-light-pink { background-color: var(--gb_brown_1); } .ctn-light-pink .swiper-arrows .slick-arrow { background-color: var(--gb_brown_1); } .ctn-light-pink .swiper-arrows .swiper-button-next, .ctn-light-pink .swiper-arrows .swiper-button-prev { background-color: var(--gb_brown_1); } .ctn-light-brown { background-color: var(--gb_brown_3); } .ctn-brown { background-color: var(--gb_brown); } .ctn-brown .faq, .ctn-brown .faq-item, .ctn-brown .faq:last-of-type, .ctn-brown .faq-item:last-of-type { border-color: var(--gb_white); } .ctn-brown .faq-icon-after .faq-head::before { filter: brightness(0) invert(1); } .ctn-shine-brown { background-color: var(--gb_brown_4); } .ctn-white { background-color: var(--gb_white_1); } .ctn-shine-brown h1, .ctn-shine-brown .heading-1, .ctn-shine-brown h2, .ctn-shine-brown .heading-2, .ctn-shine-brown h3, .ctn-shine-brown .heading-3, .ctn-shine-brown h4, .ctn-shine-brown .heading-4, .ctn-shine-brown h5, .ctn-shine-brown .heading-5, .ctn-shine-brown h6, .ctn-shine-brown .heading-6, .ctn-shine-brown p, .ctn-shine-brown span.faq-heading, .ctn-shine-brown .service-single-text .heading-4, .ctn-shine-brown .featured-post-description, .ctn-shine-brown .archive-posts-meta .heading-3, .ctn-shine-brown .archive-posts-meta .heading-3 a, .ctn-shine-brown a.link-arrow, .ctn-shine-brown li, .ctn-brown h1, .ctn-brown .heading-1, .ctn-brown h2, .ctn-brown .heading-2, .ctn-brown h3, .ctn-brown .heading-3, .ctn-brown h4, .ctn-brown .heading-4, .ctn-brown h5, .ctn-brown .heading-5, .ctn-brown h6, .ctn-brown .heading-6, .ctn-brown p, .ctn-brown span.faq-heading, .ctn-brown .service-single-text .heading-4, .ctn-brown .featured-post-description, .ctn-brown .archive-posts-meta .heading-3, .ctn-brown .archive-posts-meta .heading-3 a, .ctn-brown a.link-arrow, .ctn-brown li { color: var(--gb_white); } .ctn-shine-brown a:not(:has([class])), .ctn-shine-brown a:visited:not(:has([class])), .ctn-brown a:not(:has([class])), .ctn-brown a:visited:not(:has([class])) { color: var(--gb_white); border-color: var(--gb_white); } .ctn-shine-brown a.link-arrow, .ctn-brown a.link-arrow { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(6802%) hue-rotate(314deg) brightness(128%) contrast(90%); } .ctn-shine-brown a.tag-link.single-tag, .ctn-shine-brown a.tag-link.single-tag:visited, .ctn-brown a.tag-link.single-tag, .ctn-brown a.tag-link.single-tag:visited { color: var(--gb_brown); } .ctn-shine-brown .swiper-arrows .swiper-button-next, .ctn-shine-brown .swiper-arrows .swiper-button-prev, .ctn-brown .swiper-arrows .swiper-button-next, .ctn-brown .swiper-arrows .swiper-button-prev { background-color: var(--gb_brown); } .ctn-shine-brown .wp-block-button.is-style-with-arrow.is-size-large .wp-block-button__link:hover, .ctn-shine-brown .wp-block-button.is-style-with-arrow.is-size-large .wp-block-button__link:focus-visible, .ctn-shine-brown .wp-block-button.is-style-with-arrow .wp-block-button__link:hover, .ctn-shine-brown .wp-block-button.is-style-with-arrow .wp-block-button__link:focus-visible, .ctn-brown .wp-block-button.is-style-with-arrow.is-size-large .wp-block-button__link:hover, .ctn-brown .wp-block-button.is-style-with-arrow.is-size-large .wp-block-button__link:focus-visible, .ctn-brown .wp-block-button.is-style-with-arrow .wp-block-button__link:hover, .ctn-brown .wp-block-button.is-style-with-arrow .wp-block-button__link:focus-visible { border-color: rgba(255, 255, 255, 0.5); } .ctn-shine-brown ul li::before, .ctn-brown ul li::before { background-color: var(--gb_white); } .ctn-shine-brown a.button.with-arrow.brown, .ctn-shine-brown a.button:visited.with-arrow.brown, .ctn-shine-brown span.button.with-arrow.brown, .ctn-shine-brown button.components-button.with-arrow.brown, .ctn-brown a.button.with-arrow.brown, .ctn-brown a.button:visited.with-arrow.brown, .ctn-brown span.button.with-arrow.brown, .ctn-brown button.components-button.with-arrow.brown { color: var(--gb_white); border-color: var(--gb_white); } .overflow-hidden { overflow: hidden; } .images-slider-section { padding-bottom: 20px; } /*------------------------------------------------- >> Styles for Spacers -------------------------------------------------*/ .is-style-gl-s2, .gl-s2, .s-2 { height: var(--gb_space_2) !important; } .is-style-gl-s4, .gl-s4, .s-4 { height: var(--gb_space_4) !important; } .is-style-gl-s6, .gl-s6, .s-6 { height: var(--gb_space_6) !important; } .is-style-gl-s8, .gl-s8, .s-8 { height: var(--gb_space_8) !important; } .is-style-gl-s12, .gl-s12, .s-12 { height: var(--gb_space_12) !important; } .is-style-gl-s16, .gl-s16, .s-16 { height: var(--gb_space_16) !important; } .is-style-gl-s20, .gl-s20, .s-20 { height: var(--gb_space_20) !important; } .is-style-gl-s24, .gl-s24, .s-24 { height: var(--gb_space_24) !important; } .is-style-gl-s30, .gl-s30, .s-30 { height: var(--gb_space_30) !important; } .is-style-gl-s36, .gl-s36, .s-36 { height: var(--gb_space_36) !important; } .is-style-gl-s48, .gl-s48, .s-48 { height: var(--gb_space_48) !important; } .is-style-gl-s56, .gl-s56, .s-56 { height: var(--gb_space_56) !important; } .is-style-gl-s60, .gl-s60, .s-60 { height: var(--gb_space_60) !important; } .is-style-gl-s72, .gl-s72, .s-72 { height: var(--gb_space_72) !important; } .is-style-gl-s80, .gl-s80, .s-80 { height: var(--gb_space_80) !important; } .is-style-gl-s96, .gl-s96, .s-96 { height: var(--gb_space_96) !important; } .is-style-gl-s128, .is-style-gl-s120, .gl-s120, .gl-s128, .s-120, .s-128 { height: var(--gb_space_128) !important; } .is-style-gl-s146, .gl-s146, .s-146 { height: var(--gb_space_156) !important; } .is-style-gl-s156, .gl-s156, .s-156 { height: var(--gb_space_156) !important; } .is-style-gl-s200, .gl-s200, .s-200 { height: var(--gb_space_200) !important; } .is-style-gl-s240, .gl-s240, .s-240 { height: var(--gb_space_240) !important; } /*------------------------------------------------- >> Styles for Theme Spacers -------------------------------------------------*/ .ts-160 { height: 160px; } .ts-140 { height: 140px; } .ts-120 { height: 120px; } .ts-100 { height: 100px; } .ts-80 { height: 80px; } .ts-60 { height: 60px; } .ts-40 { height: 40px; } /*------------------------------------------------- >> Basic styles for theme -------------------------------------------------*/ /**** * * Helper classes * ****/ .large-text { font-size: var(--gb_font_size_22); line-height: 1.3; } .small-text { font-size: var(--gb_font_size_14); line-height: 1; } .black-text { color: var(--wp--preset--color--black); } .white_text { color: var(--gb_white); } .float-right { float: right; } .float-left { float: left; } .center-align { text-align: center; } .right-align { text-align: right; } .left-align { text-align: left; } .text-uppercase { text-transform: uppercase; } .text-decoration-none { text-decoration: none; } .d-flex { display: flex; flex-wrap: wrap; } .d-inline-flex { display: inline-flex; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-row-reverse { flex-direction: row-reverse; } .flex-column-reverse { flex-direction: column-reverse; } .justify-content-start { justify-content: flex-start; } .justify-content-end { justify-content: flex-end; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .justify-content-around { justify-content: space-around; } .align-items-start { align-items: flex-start; } .align-items-end { align-items: flex-end; } .align-items-center { align-items: center; } .align-items-baseline { align-items: baseline; } .align-items-stretch { align-items: stretch; } .align-content-start { align-content: flex-start; } .align-content-end { align-content: flex-end; } .align-content-center { align-content: center; } .align-content-between { align-content: space-between; } .align-content-around { align-content: space-around; } .align-content-stretch { align-content: stretch; } .align-self-auto { align-self: auto; } .align-self-start { align-self: flex-start; } .align-self-end { align-self: flex-end; } .align-self-center { align-self: center; } .align-self-baseline { align-self: baseline; } .align-self-stretch { align-self: stretch; } .flex-wrap { flex-wrap: wrap; } .flex-no-wrap { flex-wrap: nowrap; } .flex-center { display: flex; align-items: center; justify-content: center; } .bg-cover { background-size: cover; } .bg-contain { background-size: contain; } .bg-position-center { background-position: center; } .bg-no-repeat { background-repeat: no-repeat; } .bg-repeat { background-repeat: repeat; } .reset-bg { background-size: cover; background-repeat: no-repeat; background-position: center; } ul.list-none li { list-style: none; padding-left: 0; } ul.list-none li::before { display: none; } .image-cover { line-height: 0.65; } .image-cover img, .image-cover picture, .image-cover video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; margin: 0; margin-bottom: 0; } /**** * * Breadcrumbs * ****/ #breadcrumbs { color: var(--gb_breadcrumb_color); text-transform: uppercase; margin-bottom: 23px; font-size: var(--gb_font_size_14); } #breadcrumbs span { font-size: var(--gb_font_size_18); } #breadcrumbs span.breadcrumb_last { font-size: var(--gb_font_size_14); font-weight: 500; margin-left: 10px; } #breadcrumbs a, #breadcrumbs:visited { color: var(--gb_breadcrumb_link_color); font-weight: 700; margin: 0 10px; border-bottom: 1px solid var(--gb_breadcrumb_border_color); font-size: var(--gb_font_size_14); } #breadcrumbs a:hover, #breadcrumbs a:focus-visible, #breadcrumbs:visited:hover, #breadcrumbs:visited:focus-visible { border-bottom: 1px solid var(--gb_breadcrumb_border_color_hover); } .single-post #breadcrumbs span span span span span span { color: var(--gb_breadcrumb_span_color); } .single-post #breadcrumbs span span span span span span a { color: var(--gb_breadcrumb_link_color); } /**** * * Learn Button * ****/ .learn-more { color: var(--wp--preset--color--black); font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; } /**** * * Theme Buttons * ****/ a.button, a.button:visited, span.button, button.components-button { position: relative; display: inline-block; overflow: hidden; padding: 8px 16px; text-decoration: none; color: var(--gb_theme_btn_color); background-color: var(--gb_theme_btn_bgcolor); border: 1px solid var(--gb_button_border_color); transition: all 0.35s ease-in-out; text-align: center; font-size: 14px; border-radius: 5px; line-height: 1.5; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; box-sizing: border-box; letter-spacing: -0.03em; } @media screen and (hover: hover) { a.button:hover, a.button:focus-visible, a.button:visited:hover, a.button:visited:focus-visible, span.button:hover, span.button:focus-visible, button.components-button:hover, button.components-button:focus-visible { background-color: var(--gb_theme_btn_bgcolor_hover); border-color: var(--gb_theme_btn_border_color_hover); color: var(--gb_theme_btn_color_hover); } } a.button.outline-btn, a.button:visited.outline-btn, span.button.outline-btn, button.components-button.outline-btn { background-color: transparent; color: var(--gb_theme_btn_color_hover); } a.button.brown-btn, a.button:visited.brown-btn, span.button.brown-btn, button.components-button.brown-btn { border-color: var(--gb_brown); color: var(--gb_brown); } @media screen and (hover: hover) { a.button.brown-btn:hover, a.button:visited.brown-btn:hover, span.button.brown-btn:hover, button.components-button.brown-btn:hover { background-color: var(--gb_brown); border-color: var(--gb_brown); color: var(--gb_white); } } a.button.back-button, a.button:visited.back-button, span.button.back-button, button.components-button.back-button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMDAxXzIpIj4NCjxwYXRoIGQ9Ik0xMSAyMEw1LjUyNjc4IDkuOTk5OThMMTEgMEg4LjI5MDE2TDQuMTAxMDVlLTA3IDkuMTU3MzNWMTAuODQyN0w4LjI5MDE2IDIwSDExWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIwMDFfMiI+DQo8cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMSAwKSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K); background-repeat: no-repeat; background-size: 7px; background-position: center left 14px; font-size: 14px; padding-left: 32px; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; } @media screen and (hover: hover) { a.button.back-button:hover, a.button:visited.back-button:hover, span.button.back-button:hover, button.components-button.back-button:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMDAxXzIpIj4NCjxwYXRoIGQ9Ik0xMSAyMEw1LjUyNjc4IDkuOTk5OThMMTEgMEg4LjI5MDE2TDQuMTAxMDVlLTA3IDkuMTU3MzNWMTAuODQyN0w4LjI5MDE2IDIwSDExWiIgZmlsbD0id2hpdGUiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMF8yMDAxXzIiPg0KPHJlY3Qgd2lkdGg9IjExIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTEgMCkiLz4NCjwvY2xpcFBhdGg+DQo8L2RlZnM+DQo8L3N2Zz4NCg==); } } a.button.with-arrow, a.button:visited.with-arrow, span.button.with-arrow, button.components-button.with-arrow { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjMyNjE3MiAyMC4zMjMyTDUuNjQyMTYgMTAuMzIzM0wwLjMyNjE3MiAwLjMyMzI5MkgyLjk1ODE3TDExLjAxMDEgOS40ODA2VjExLjE2NTlMMi45NTgxNyAyMC4zMjMySDAuMzI2MTcyWiIgZmlsbD0iI0ZBRjdGMyIvPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-size: 7px; background-position: center right 14px; font-size: 14px; padding-right: 32px; } a.button.with-arrow.brown, a.button:visited.with-arrow.brown, span.button.with-arrow.brown, button.components-button.with-arrow.brown { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); color: var(--gb_brown); border-color: var(--gb_brown); } @media screen and (hover: hover) { a.button.with-arrow.brown:hover, a.button:visited.with-arrow.brown:hover, span.button.with-arrow.brown:hover, button.components-button.with-arrow.brown:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjMyNjE3MiAyMC4zMjMyTDUuNjQyMTYgMTAuMzIzM0wwLjMyNjE3MiAwLjMyMzI5MkgyLjk1ODE3TDExLjAxMDEgOS40ODA2VjExLjE2NTlMMi45NTgxNyAyMC4zMjMySDAuMzI2MTcyWiIgZmlsbD0iI0ZBRjdGMyIvPg0KPC9zdmc+DQo=); color: var(--gb_white); } } a.button.with-arrow.size-large, a.button:visited.with-arrow.size-large, span.button.with-arrow.size-large, button.components-button.with-arrow.size-large { padding: 10px 46px 10px 20px; font-size: 24px; letter-spacing: -0.001em; background-position: center right 20px; background-size: 10px; } a.link-arrow, a.link-arrow:visited { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-size: 6px; background-position: center right 8px; font-size: var(--gb_font_size_14); padding-right: 24px; border: 0; padding-bottom: 0; font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; color: var(--gb_color_primary); } @media (hover: hover) { a.link-arrow:hover, a.link-arrow:visited:hover { background-position: center right 0; } } button[disabled] { background-color: #dddddd; color: #999999; cursor: not-allowed; border: 1px solid #cccccc; opacity: 0.6; } button[disabled]:hover { background-color: #dddddd; } .no-visible { visibility: hidden; } /**** * * 404 page * ****/ .not-found { text-align: center; } .error-404 { text-align: center; width: 100%; } .error-404 .menu { margin: 0; } .error-404 ul li { display: inline-block; margin: 0 0 0 20px; font-weight: 700; padding: 0; } .error-404 ul li::before { display: none; } .error-404 ul li a, .error-404 ul li a:visited { padding: 10px; border-bottom: 0; } @media screen and (hover: hover) { .error-404 ul li a:hover, .error-404 ul li a:visited:hover { color: var(--gb_error_menu_color); } } .error-404 ul li ul { display: none; } .form-404 { margin: 0 auto 0; max-width: 720px; } .form-404 form { margin: 0; } .form-404 form label { margin: 0; } .form-404 form input[type=submit], .form-404 form button, .form-404 form input[type=button], .form-404 form input[type=reset] { margin: 0 0 0px 10px; } .form-404 p { margin-bottom: 20px; } /** * Custom Select Styles **/ /** * Custom Select Styles **/ .select-dropdown { position: relative; } .select-dropdown .select-dropdown__button { min-width: 265px; border: 1px solid var(--gb_brown); font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: var(--gb_font_size_16); text-transform: uppercase; background-color: transparent; color: var(--gb_brown); padding: 14px 24px 11px; text-align: left; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .select-dropdown .select-dropdown__button::after { content: ""; display: inline-block; width: 20px; height: 20px; position: relative; top: 0; left: 0; margin-left: var(--gb_space_16); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-size: 48%; background-position: center; transform-origin: center; transform: rotate(90deg); } .select-dropdown .select-dropdown__button.is-button-opened::after { transform: rotate(-90deg); } .select-dropdown .select-dropdown__list, .select-dropdown ul.select-dropdown__list { width: 100%; min-width: 230px; max-width: 350px; border: 1px solid var(--gb_brown); border-radius: 6px; position: absolute; top: calc(100% + 6px); left: 0; box-sizing: border-box; overflow-y: auto; display: none; z-index: 91; } .select-dropdown .select-dropdown__list::-webkit-scrollbar, .select-dropdown ul.select-dropdown__list::-webkit-scrollbar { width: 0; } .select-dropdown .select-dropdown__list.is-active-dropdown, .select-dropdown ul.select-dropdown__list.is-active-dropdown { display: block; } .select-dropdown .select-dropdown__list > ul, .select-dropdown ul.select-dropdown__list > ul { display: block; margin-bottom: 0; } .select-dropdown .select-dropdown__list li, .select-dropdown .select-dropdown__list li.select-dropdown__item, .select-dropdown ul.select-dropdown__list li, .select-dropdown ul.select-dropdown__list li.select-dropdown__item { border-bottom: 1px solid var(--gb_brown_1); margin: 0; padding-left: 0; outline: 2px dotted transparent; } .select-dropdown .select-dropdown__list li:before, .select-dropdown .select-dropdown__list li.select-dropdown__item:before, .select-dropdown ul.select-dropdown__list li:before, .select-dropdown ul.select-dropdown__list li.select-dropdown__item:before { display: none; } .select-dropdown .select-dropdown__list li:last-of-type, .select-dropdown .select-dropdown__list li.select-dropdown__item:last-of-type, .select-dropdown ul.select-dropdown__list li:last-of-type, .select-dropdown ul.select-dropdown__list li.select-dropdown__item:last-of-type { border-bottom: 0; margin-bottom: 0; } .select-dropdown .select-dropdown__list li a, .select-dropdown .select-dropdown__list li a:visited, .select-dropdown .select-dropdown__list li button, .select-dropdown .select-dropdown__list li.select-dropdown__item a, .select-dropdown .select-dropdown__list li.select-dropdown__item a:visited, .select-dropdown .select-dropdown__list li.select-dropdown__item button, .select-dropdown ul.select-dropdown__list li a, .select-dropdown ul.select-dropdown__list li a:visited, .select-dropdown ul.select-dropdown__list li button, .select-dropdown ul.select-dropdown__list li.select-dropdown__item a, .select-dropdown ul.select-dropdown__list li.select-dropdown__item a:visited, .select-dropdown ul.select-dropdown__list li.select-dropdown__item button { background-color: var(--gb_white_1) !important; border: 0 !important; border-radius: 0; color: var(--gb_brown); display: block; font-size: 16px; height: auto; line-height: 1.5; margin: 0; padding: 10px 16px; text-align: left; text-transform: none; width: 100%; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; outline: 0 !important; } .select-dropdown .select-dropdown__list li a.active, .select-dropdown .select-dropdown__list li a:visited.active, .select-dropdown .select-dropdown__list li button.active, .select-dropdown .select-dropdown__list li.select-dropdown__item a.active, .select-dropdown .select-dropdown__list li.select-dropdown__item a:visited.active, .select-dropdown .select-dropdown__list li.select-dropdown__item button.active, .select-dropdown ul.select-dropdown__list li a.active, .select-dropdown ul.select-dropdown__list li a:visited.active, .select-dropdown ul.select-dropdown__list li button.active, .select-dropdown ul.select-dropdown__list li.select-dropdown__item a.active, .select-dropdown ul.select-dropdown__list li.select-dropdown__item a:visited.active, .select-dropdown ul.select-dropdown__list li.select-dropdown__item button.active { color: var(--gb_brown); } @media screen and (hover: hover) { .select-dropdown .select-dropdown__list li a:hover, .select-dropdown .select-dropdown__list li a:visited:hover, .select-dropdown .select-dropdown__list li button:hover, .select-dropdown .select-dropdown__list li.select-dropdown__item a:hover, .select-dropdown .select-dropdown__list li.select-dropdown__item a:visited:hover, .select-dropdown .select-dropdown__list li.select-dropdown__item button:hover, .select-dropdown ul.select-dropdown__list li a:hover, .select-dropdown ul.select-dropdown__list li a:visited:hover, .select-dropdown ul.select-dropdown__list li button:hover, .select-dropdown ul.select-dropdown__list li.select-dropdown__item a:hover, .select-dropdown ul.select-dropdown__list li.select-dropdown__item a:visited:hover, .select-dropdown ul.select-dropdown__list li.select-dropdown__item button:hover { border: 0; outline: 0; } } img.main-image { opacity: 0; transition: all 500ms ease-in-out; } picture img.loaded { opacity: 1; } body #daextlwcnf-revisit-cookie-consent-container { background-color: var(--gb_color_primary) !important; } body #daextlwcnf-cookie-notice-button-1, body #daextlwcnf-cookie-notice-button-2, body #daextlwcnf-cookie-settings-button-1, body #daextlwcnf-cookie-settings-button-2 { color: var(--gb_theme_btn_color) !important; background-color: var(--gb_theme_btn_bgcolor) !important; border: 2px solid var(--gb_button_border_color) !important; border-radius: 0 !important; transition: all 0.3s ease-in-out !important; font-family: "Axiforma-Bold", arial, sans-serif !important; font-weight: 700 !important; text-transform: initial !important; } body #daextlwcnf-cookie-notice-button-1:hover, body #daextlwcnf-cookie-notice-button-2:hover, body #daextlwcnf-cookie-settings-button-1:hover, body #daextlwcnf-cookie-settings-button-2:hover { background-color: var(--gb_theme_btn_bgcolor_hover) !important; border: 2px solid var(--gb_theme_btn_border_color_hover) !important; color: var(--gb_theme_btn_color_hover) !important; } body #daextlwcnf-cookie-notice-button-2, body #daextlwcnf-cookie-settings-button-2 { background-color: var(--gb_transparent) !important; color: var(--gb_black_1) !important; } body #daextlwcnf-cookie-notice-button-2:hover, body #daextlwcnf-cookie-settings-button-2:hover { border-color: var(--gb_black_1) !important; } .mb-0 { margin-bottom: 0; } .swiper-arrows { position: absolute; bottom: -19px; right: 0; display: flex; gap: 30px; flex-direction: row-reverse; align-items: center; justify-content: center; z-index: 11; } .swiper-arrows .swiper-button-next, .swiper-arrows .swiper-button-prev, .swiper-arrows .location-swiper-button-next, .swiper-arrows .location-swiper-button-prev, .swiper-arrows .services-swiper-button-next, .swiper-arrows .services-swiper-button-prev { width: 40px; height: 40px; position: initial; top: 0; left: 0; background-color: var(--gb_white_1); border: 1px solid var(--gb_brown); background-position: center; background-repeat: no-repeat; background-size: 10px; margin: 0; border-radius: 50%; cursor: pointer; } .swiper-arrows .swiper-button-next::after, .swiper-arrows .swiper-button-prev::after, .swiper-arrows .location-swiper-button-next::after, .swiper-arrows .location-swiper-button-prev::after, .swiper-arrows .services-swiper-button-next::after, .swiper-arrows .services-swiper-button-prev::after { display: none; } .swiper-arrows .swiper-button-next.swiper-button-disabled, .swiper-arrows .swiper-button-prev.swiper-button-disabled, .swiper-arrows .location-swiper-button-next.swiper-button-disabled, .swiper-arrows .location-swiper-button-prev.swiper-button-disabled, .swiper-arrows .services-swiper-button-next.swiper-button-disabled, .swiper-arrows .services-swiper-button-prev.swiper-button-disabled { mix-blend-mode: difference; opacity: 1 !important; } .swiper-arrows .swiper-button-prev, .swiper-arrows .location-swiper-button-prev, .swiper-arrows .services-swiper-button-prev { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMDAxXzIpIj4NCjxwYXRoIGQ9Ik0xMSAyMEw1LjUyNjc4IDkuOTk5OThMMTEgMEg4LjI5MDE2TDQuMTAxMDVlLTA3IDkuMTU3MzNWMTAuODQyN0w4LjI5MDE2IDIwSDExWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIwMDFfMiI+DQo8cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMSAwKSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K); } .swiper-arrows .swiper-button-next, .swiper-arrows .location-swiper-button-next, .swiper-arrows .services-swiper-button-next { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); } .section-head { text-align: center; } .section-head .heading-2 { letter-spacing: -0.01em; margin-bottom: 24px; } .section-head p { font-size: 12px; } .section-head .wp-block-buttons { margin-top: 0; } .section-head .wp-block-button { margin-top: 38px; } .section-head:has(.section-head-left) { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .section-head:has(.section-head-left) .section-head-left { text-align: left; } .section-head:has(.section-head-left) .section-head-left h2 { margin-bottom: var(--gb_space_56); } .section-head:has(.section-head-left) .section-head-left p { font-size: var(--gb_font_size_18); color: var(--gb_color_primary); } .section-head:has(.section-head-left) .section-head-left p:last-of-type { margin: 0; } section:has(.services-slider-main):not(:has(section .services-slider-main)), section:has(.location-slider-main):not(:has(section .location-slider-main)), section:has(.perk-slider-main):not(:has(section .perk-slider-main)) { overflow: hidden; } .flex-center { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .flex-center-between { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .flex-between-start { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .flex-between { display: flex; flex-wrap: wrap; justify-content: space-between; } .loader-container { position: fixed; display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; overflow: hidden; background-color: rgba(12, 12, 12, 0.8); z-index: 9; inset: 0; } .loader4 { width: 100px; height: 100px; display: inline-block; padding: 0px; border-radius: 100%; border: 5px solid; border-top-color: #6b5447; border-bottom-color: #ffffff; border-left-color: #6b5447; border-right-color: #ffffff; animation: loader4 1s ease-in-out infinite; } @keyframes loader4 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #past-webinars-container.loading { opacity: 0.5; pointer-events: none; } .mfp-container { padding: 0; margin: 0; } #offer-popup-banner { width: 100%; max-width: 100%; margin: 0 auto; position: relative; background-color: var(--gb_brown_1); } #offer-popup-banner .popup-image { background-color: var(--gb_brown); max-width: 500px; margin: auto; } #offer-popup-banner .popup-content { margin-bottom: 50px; } #offer-popup-banner .popup-content h3 { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; } .section-head.left-align { text-align: left; } .featured-post-button { line-height: 1; } .lity-container { width: 100%; } .lity-content { max-width: 1080px; margin: auto; } .perk-buttons { line-height: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } .image-cover figure.wp-block-image, .image-cover img { margin: 0; } section:has(.stays-images-detail-slider):not(:has(section .stays-images-detail-slider)) { overflow: hidden; } .clear-filter { color: var(--gb_signal); cursor: pointer; } .slick-track { cursor: grab; } section.ctn-full-width:has(.hero-home), section.ctn-full-width:has(.hero-default) { visibility: visible !important; } .js-scrollable-slider button.slick-arrow { width: 40px; height: 40px; position: absolute; background-color: var(--gb_white_1) !important; border: 1px solid var(--gb_white_1); background-position: center; background-repeat: no-repeat; background-size: 10px; margin: 0; border-radius: 50%; padding: 0 !important; z-index: 6; font-size: 0 !important; } .js-scrollable-slider button.slick-arrow::after { display: none; } .js-scrollable-slider button.slick-arrow.slick-prev { left: 24px !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMDAxXzIpIj4NCjxwYXRoIGQ9Ik0xMSAyMEw1LjUyNjc4IDkuOTk5OThMMTEgMEg4LjI5MDE2TDQuMTAxMDVlLTA3IDkuMTU3MzNWMTAuODQyN0w4LjI5MDE2IDIwSDExWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIwMDFfMiI+DQo8cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMSAwKSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K); } .js-scrollable-slider button.slick-arrow.slick-next { right: 24px !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); } .js-scrollable-slider .gallery-item { height: 100vh; } .image-contain img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; margin: 0; margin-bottom: 0; } /* Hide header and footer only on the Links page */ body.page-id-1796 .header-section, body.page-id-1796 #footer-section { display: none !important; } /* ============================== Footer Mobile Styling ============================== */ @media (max-width: 768px) { /* Stack footer widgets and center them */ .footer-widgets { display: flex; flex-direction: column; /* stack vertically */ align-items: center; /* center horizontally */ text-align: center; /* center text inside widgets */ } .footer-widgets .single-widget { margin-bottom: 20px; /* spacing between items */ width: 100%; /* make each widget full width */ max-width: 300px; /* optional: keeps layout neat */ padding-left: 0 !important; padding-right: 0 !important; margin-left: auto !important; margin-right: auto !important; } /* Footer bottom alignment */ .footer-bottom { display: flex; flex-direction: column; align-items: center; text-align: center; } .footer-bottom .legal-nav, .footer-bottom .copy-right { margin: 10px 0; } /* Legal nav block centered */ .footer-bottom .legal-nav { display: flex; flex-direction: column; align-items: center; text-align: center; } .footer-bottom .legal-nav .footer-copyright-text { margin-bottom: 10px; text-align: center; } /* Ensure the "Website by Boylen" line also centers */ .footer-bottom .copy-right { text-align: center; margin-top: 10px; } /* Social icons centered */ .footer-socials-area .social-icons { display: flex; justify-content: center; /* center in row */ text-align: center; padding-left: 0 !important; padding-right: 0 !important; margin-left: auto !important; margin-right: auto !important; } .footer-socials-area .social-icons li { margin-left: 0 !important; margin-right: 10px; /* even spacing between icons */ } } footer .footer-socials-area .social-icons { gap: 25px; } footer .social-icons a, .social-icons a:visited { margin-right: unset; } /* Gravity Form - Footer Subscribe Form */ #gform_wrapper_4 input[type=email], #gform_wrapper_4 input[type=text], #gform_wrapper_4 textarea { background-color: transparent !important; color: #6b4a2f !important; border: 1px solid #6b4a2f !important; border-radius: 4px; width: 100%; box-sizing: border-box; padding: 10px; } #gform_wrapper_4 input[type=email]::-moz-placeholder, #gform_wrapper_4 input[type=text]::-moz-placeholder, #gform_wrapper_4 textarea::-moz-placeholder { color: #6b4a2f !important; opacity: 1; } #gform_wrapper_4 input[type=email]::placeholder, #gform_wrapper_4 input[type=text]::placeholder, #gform_wrapper_4 textarea::placeholder { color: #6b4a2f !important; opacity: 1; } #gform_wrapper_4 .gform_button { background-color: #6b4a2f !important; color: #fff !important; border: 1px solid #6b4a2f !important; border-radius: 4px; width: 100%; box-sizing: border-box; padding: 12px 0; } /* Center the entire footer content and add vertical padding */ .footer-cta.no-image { display: flex; justify-content: center; text-align: center; padding: 60px 20px; /* Adjust top/bottom padding as needed */ } .footer-cta.no-image .wrapper, .footer-cta.no-image .footer-cta-inner, .footer-cta.no-image .newsletter-form { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; } /* Ensure form wrapper fills the parent */ #footer-section .newsletter-form #gform_wrapper_4 { width: 100%; } @media (max-width: 768px) { .menu-footer-nav-one-container ul.menu { display: flex; flex-direction: column; align-items: flex-start; /* or center if you want centered links */ gap: 10px; /* optional spacing between menu items */ } .menu-footer-nav-one-container ul.menu li { width: 100%; /* ensures each item takes full width */ } } .hero-home .swiper-slide::before, .hero-home .swiper-slide::after { content: none !important; background: none !important; background-image: none !important; } body #gform_wrapper_4 input:-webkit-autofill, body #gform_wrapper_4 input:-webkit-autofill:hover, body #gform_wrapper_4 input:-webkit-autofill:focus, body #gform_wrapper_4 textarea:-webkit-autofill, body #gform_wrapper_4 select:-webkit-autofill { -webkit-text-fill-color: #6b4a2f !important; caret-color: #6b4a2f !important; -webkit-transition: background-color 5000s ease-in-out 0s !important; transition: background-color 5000s ease-in-out 0s !important; } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .post-box .post-box-img a { height: 100%; display: inline-block; } .post-box .post-image a { height: 100%; display: inline-block; width: 100%; } .post-box .post-image a .post-featured-thumb { height: 100%; width: 100%; } .post-box:last-of-type { margin-bottom: 0; } .post-box .post-box-img:hover img { transform: scale(1.05); } .post-content { margin-top: 15px; } .post-box-img { overflow: hidden; } .post-box-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.3s ease-in-out; } .post-box-title h2 a, .post-box-title h4 a { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: var(--gb_body_color); border-bottom: none; } .post-box-title h2 a:last-child, .post-box-title h4 a:last-child { margin-bottom: 0; } .post-box-title h4 { margin: 0 0 10px; } .post-box.featured-post .post-box-inner { display: flex; align-items: center; } .post-box.featured-post .post-box-inner .post-box-img { width: 60%; } .post-box.featured-post .post-box-inner .post-content { width: 45%; margin-top: 0; margin-left: 30px; } .post-box.featured-post .post-box-inner .post-content h2 a { color: var(--gb_body_color); } .post-box.featured-post .post-box-inner span.button { margin-top: 30px; } .post-author-ctn { display: flex; } .post-author-ctn .post-author-img { border-radius: 50%; margin-right: 20px; } .post-author-ctn .post-meta-date { color: var(--gb_dark-gray); font-size: var(--gb_font_size_16); } .post-box-meta { margin-bottom: 15px; } .post-box-meta .post-date { margin-right: 20px; font-size: var(--gb_font_size_14); } .post-box-meta .ac-post-cat { font-size: var(--gb_font_size_14); } .post-box-meta a { text-decoration: none; border-bottom: none; margin-left: 5px; } .post-box-excerpt p { margin-bottom: 15px; } .hero-ctn .post-box-meta { margin-bottom: 15px; } .post-tag a { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; margin-bottom: 8px; border-bottom: none; padding: 3px 10px; display: inline-block; background-color: var(--gb_theme_btn_bgcolor); color: var(--gb_white); } .post-tag a:hover, .post-tag a:focus-visible { color: var(--gb_black); background-color: var(--gb_white_2); } .blog-nav .nav-ctn ul { display: flex; justify-content: center; flex-wrap: wrap; } .blog-nav .nav-ctn ul ul { margin-left: 0; } .blog-nav .nav-ctn ul li { list-style: none; } .blog-nav .nav-ctn ul li a { margin: 0 5px; background-color: var(--gb_theme_btn_bgcolor); padding: 10px 20px; font-size: var(--gb_font_size_16); color: var(--gb_white); } .blog-nav .nav-ctn ul li a:hover, .blog-nav .nav-ctn ul li a:focus-visible { color: var(--gb_black); background-color: var(--gb_white_2); } .resources-post-box { border: 0; margin-bottom: 50px; } .resources-post-box .post-image a { height: 100%; display: inline-block; width: 100%; } .resources-post-box .rc-post-img:hover img { transform: scale(1.05); } .featured-post .rc-post-img { width: 47%; min-height: 400px; } .featured-post .post-content { width: 47%; margin-top: 0; } .featured-post .resources-inner { margin-bottom: 0; } .rc-post-img { overflow: hidden; height: 250px; } .rc-post-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.3s ease-in-out; } .post-meta { margin-bottom: 30px; } .featured-post-single { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 60px; } .featured-post-single .featured-post-right, .featured-post-single .featured-post-left { width: calc(50% - 30px); } .featured-post-right .heading-2 a, .featured-post-right .heading-2 a:visited { padding: 0; border: 0; text-decoration: none; } /*------------------------------------------------- >> Basic styles for Stays -------------------------------------------------*/ .stays-ctn { display: flex; flex-wrap: wrap; justify-content: space-between; } .stays-list { width: 76.4%; padding-top: var(--gb_space_56); padding-left: calc(var(--gb_space_48) + 25px); box-sizing: border-box; float: right; } .stays-sidebar { width: 23.6%; box-sizing: border-box; float: left; position: relative; } .stays-sidebar::before { content: ""; position: absolute; right: 0; top: 0; width: 50vw; height: 100%; background-color: var(--gb_white_1); } .stays-sidebar .stays-sidebar-inner { height: calc(100vh - 109px); padding-top: var(--gb_space_56); padding-bottom: var(--gb_space_96); padding-right: calc(var(--gb_space_48) - 20px); position: sticky; top: 109px; z-index: 1; overflow-y: auto; } .stays-sidebar .stays-sidebar-inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 100px; background-color: #f5f5f5; } .stays-sidebar .stays-sidebar-inner::-webkit-scrollbar { width: 5px; background-color: #f5f5f5; } .stays-sidebar .stays-sidebar-inner::-webkit-scrollbar-thumb { border-radius: 100px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: var(--gb_brown); } .logged-in.admin-bar .stays-sidebar .stays-sidebar-inner { top: 141px; height: calc(100vh - 141px); } .stays-archive .stays-list-item.perks-post { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .stays-archive .stays-list-item.perks-post:nth-child(n+2) { margin-top: var(--gb_space_48); } .stays-archive .stays-list-item-image { width: 51.4%; } .stays-archive .stays-list-item-content { width: 45%; } .stays-list-item-content { padding: 14px 0; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; } .stays-list-item-image { border-radius: 6px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; aspect-ratio: 516/346; } .stays-list-item { gap: var(--gb_space_24); } .stays-list-item:nth-child(n+2) { margin-top: var(--gb_space_48); } .stays-item-title .text-53 { font-size: var(--gb_font_size_40); margin-bottom: 10px; letter-spacing: 0.01em; } .stays-item-title .text-53 a, .stays-item-title .text-53 a:visited { border: 0; padding: 0; } .stays-item-region { gap: var(--gb_space_16); text-transform: uppercase; align-items: center; line-height: 1; margin-bottom: 10px; } .stays-icon { width: 20px; } .region-text { font-size: 16px; font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; } .stays-item-sub-amanaties { display: flex; justify-content: flex-start; align-items: center; gap: 16px; font-size: 13px; margin-top: 8px; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; } .stays-item-sub-amanaties .stay-bedrooms::after { display: none; } .stays-item-sub-tags { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; } .stay-item-tag { background-color: var(--gb_white); color: var(--gb_brown); padding: 6px 11px; border-radius: 100px; font-size: 11px; line-height: 1; font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; } .stays-list-item-content-inner * { color: var(--gb_brown); } .stays-item-sub-description, .elevate-description { font-size: 12px; max-width: 85.6%; width: 100%; margin-top: 8px; } .stay-bedrooms { position: relative; } .stay-bedrooms::after { content: ""; width: 1px; height: 68%; position: absolute; top: 0; right: -12px; background-color: var(--gb_brown); bottom: 0; margin: auto; } .map-iframe { aspect-ratio: 290/190; width: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .map-iframe iframe { height: 100%; } .map-iframe-button { position: absolute; inset: 0; margin: auto; z-index: 2; } .map-iframe-button a.button, .map-iframe-button a.button:visited { background-color: var(--gb_white); color: var(--gb_brown); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; } .map-iframe-button a.button:hover, .map-iframe-button a.button:visited:hover { border-color: var(--gb_white); } .stays-filter-area:nth-child(n+2) { margin-top: var(--gb_space_48); } .stays-price-range { margin-top: var(--gb_space_48); } .stays-price-range h3.heading-4 { font-size: 23px; } .stays-filter-area h3.heading-4 { font-size: 23px; margin-bottom: 17px; } .rangeValues { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; color: var(--gb_brown); font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; } .rangeValues > div > span:first-of-type { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: 12px; } .rangeValues > div > span.value { font-size: var(--gb_font_size_24); } .rangeValues .maximum { text-align: right; } .range-slider { width: 100%; text-align: center; position: relative; top: -21px; } .range-slider input[type=range] { -webkit-appearance: none; width: 100%; position: absolute; left: 0; background-color: transparent; border: 0; } .range-slider input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 1px; background: var(--gb_brown); border: none; border-radius: 3px; } .range-slider input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 24px; width: 24px; border-radius: 50%; background: var(--gb_white); margin-top: -9px; cursor: pointer; position: relative; z-index: 1; border: 2px solid var(--gb_brown); } .range-slider input[type=range]:focus { outline: none; border: 0; } .range-slider { /*hide the outline behind the border*/ } .range-slider input[type=range]::-ms-track { width: 100%; height: 5px; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; z-index: -4; } .stay-pagination-btn button, .blog-pagination-btn button { width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--gb_brown); display: flex; align-items: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: var(--gb_brown_1); cursor: pointer; box-sizing: border-box; } .stay-pagination-btn button img, .blog-pagination-btn button img { height: 13px; } .stay-pagination-btn button:hover, .blog-pagination-btn button:hover { background-color: var(--gb_white_1); } .stay-pagination-btn button.disabled, .blog-pagination-btn button.disabled { cursor: not-allowed; opacity: 0.6; } .stay-pagination-prev-btn, .blog-pagination-prev-btn { transform-origin: center; } .stays-pagination-buttons, .blog-pagination-buttons { display: flex; flex-wrap: wrap; gap: var(--gb_space_20); } .stays-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .blog-pagination { display: flex; align-items: center; justify-content: center; gap: 24px; } .stays-pagination-text h5, .blog-pagination-text h5 { margin-bottom: 0; font-size: 19px; letter-spacing: -0.03em; } .show-more-filter-item-title { width: -moz-max-content; width: max-content; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: var(--gb_font_size_16); color: var(--gb_brown); cursor: pointer; } .show-more-filter-item-title::after { content: ""; display: inline-block; width: 20px; height: 20px; position: relative; top: 6px; left: -7px; margin-left: var(--gb_space_16); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-size: 38%; background-position: center; transform-origin: center; transform: rotate(90deg); transition: transform 0.3s ease-in-out; } .show-more-filter-item-title.dropdown-expanded::after { transform: rotate(-90deg); } .show-more-filter-item-content { display: none; padding: 0; } .stays-item-sub-title { font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; letter-spacing: 0.02em; margin-bottom: 6px; } .show-more-filter-items { -webkit-user-select: none; -moz-user-select: none; user-select: none; line-height: 1; letter-spacing: -0.08em; } .features-amanities h3.heading-4 { font-size: 23px; } .features-amanities .tags { margin-top: 34px; } .perks-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .text-image-columns .three-columns .text-image-column { margin-top: 0 !important; } .text-image-columns .three-columns .text-image-column .wp-block-image { border-radius: 6px; overflow: hidden; aspect-ratio: 16/9; } .perk-wrapper { padding: var(--gb_space_16); border: 2px solid var(--gb_brown); display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; border-radius: 6px; overflow: hidden; box-sizing: border-box; margin-bottom: 14px; } .perk-wrapper .perk-image { width: 130px; aspect-ratio: 1/1; border-radius: 6px; overflow: hidden; } .perk-wrapper .perk-text-area { width: calc(100% - 150px); text-align: left; color: var(--gb_brown); font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; } .perk-wrapper .perk-text-area .heading-4 { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; margin-bottom: 8px; } .perk-wrapper .perk-text-area p { margin: 0; } .popup-newsletter-form:has(.perk-wrapper) { max-width: 100% !important; } .popup-newsletter-form:has(.perk-wrapper) .perk-wrapper:last-of-type { margin-bottom: 0; } .histogram { display: flex; justify-content: space-between; align-items: flex-end; height: 60px; margin-bottom: 10px; width: 85%; margin-inline: auto; } .bar { width: 7px; background: #a96b3c; margin: 0 1px; } /*------------------------------------------------- >> Basic styles for Blog post -------------------------------------------------*/ .two-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(350px, 50% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--gb_space_30); } .three-columns { display: grid; grid-template-columns: repeat(auto-fill, minmax(359px, 1fr)); -moz-column-gap: var(--gb_space_30); column-gap: var(--gb_space_30); row-gap: var(--gb_space_30); } .four-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(250px, 25% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--gb_space_30); } .five-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(clamp(200px, 20% - 2%, 100%), 100%), 1fr)); gap: 2%; row-gap: var(--gb_space_30); } .col-50 { width: 50%; } .offer-popup-columns { display: flex; flex-wrap: wrap; align-items: flex-start; } .offer-popup-columns::before { content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: var(--gb_brown); } .offer-popup-columns .offer-column.column:nth-child(1) { height: 100vh; background-color: var(--gb_white); } .offer-popup-columns .offer-column.column:nth-child(1) .circle-gif, .offer-popup-columns .offer-column.column:nth-child(1) .popup-logo { height: 25%; } .offer-popup-columns .offer-column.column:nth-child(1) .circle-gif { display: flex; align-items: center; justify-content: center; } .offer-popup-columns .offer-column.column:nth-child(1) .circle-gif img { transform: scale(1); height: 100%; } .offer-popup-columns .offer-column.column:nth-child(1) .popup-logo { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .offer-popup-columns .offer-column.column:nth-child(1) .popup-logo img { filter: brightness(0) saturate(100%) invert(100%) sepia(23%) saturate(330%) hue-rotate(311deg) brightness(100%) contrast(96%); } .offer-popup-columns .offer-column.column:nth-child(1) .popup-image { height: 50%; position: relative; z-index: 2; } .offer-popup-columns .offer-column.column:nth-child(2) { padding-top: var(--gb_space_96); padding-bottom: var(--gb_space_96); align-self: center; } .offer-column-content-center { max-width: 550px; margin: auto; } .offer-column.column { padding: 0 var(--gb_space_56); box-sizing: border-box; width: 50%; } .offer-column.column .popup-newsletter-form { width: 100%; max-width: 80%; margin-inline: auto; } .offer-column.column .popup-newsletter-form .gform-footer.gform_footer.top_label { position: relative; display: flex; justify-content: center; align-items: center; } .offer-column.column .popup-newsletter-form .gform-footer.gform_footer.top_label::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--gb_brown); width: 100%; height: 2px; margin: auto; } .offer-column.column .popup-newsletter-form form { margin-bottom: 0; } .offer-column.column .popup-newsletter-form label { display: none; } .offer-column.column .popup-newsletter-form ::-moz-placeholder { color: var(--gb_brown); } .offer-column.column .popup-newsletter-form ::placeholder { color: var(--gb_brown); } .offer-column.column .popup-newsletter-form .gfield { margin-bottom: 0; } .offer-column.column .popup-newsletter-form input { text-align: center; color: var(--gb_brown); border-color: var(--gb_brown); border-width: 2px; width: 100%; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; border-radius: 0; height: 56px; margin: 0 0 16px 0; } .offer-column.column .popup-newsletter-form .gfield_error input { border-color: var(--gb_red); color: var(--gb_red); } .offer-column.column .popup-newsletter-form input[type=submit] { width: 100%; max-width: -moz-max-content; max-width: max-content; padding: 10px var(--gb_space_56); background-color: var(--gb_brown); border-radius: 0; color: var(--gb_white); font-size: 16px; font-weight: bold; margin-bottom: 0; margin: auto; text-transform: uppercase; position: relative; } .offer-column.column .popup-newsletter-form input[type=submit]:hover, .offer-column.column .popup-newsletter-form input[type=submit]:focus-visible { background-color: var(--gb_brown_2); border-color: var(--gb_brown_2); color: var(--gb_white); } .search-posts { row-gap: var(--gb_space_56); } .three-columns-archive .stays-list-item.perks-post { margin-top: 0 !important; } /*------------------------------------------------- >> Styles for Website Blocks -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for Defualt Block -------------------------------------------------*/ /*------------------------------------------------- >> Basic styles for FAQ's Block -------------------------------------------------*/ .faq-block { max-width: 825px; margin: 0 auto; } .faq-content { display: none; border-top: 0; font-size: var(--gb_font_size_16); line-height: 32px; padding: 6px 0 10px; box-sizing: border-box; } .faq-content p { margin-bottom: 20px; } .faq-content p:last-child { margin-bottom: 0; } .faq-head { display: flex; justify-content: space-between; align-items: center; width: 100%; position: relative; max-width: 100%; } .faq-head.active .faq-icon { transform: rotate(180deg); } .faq-heading, .faq-head { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: var(--gb_font_size_18); color: var(--gb_heading_color); } .faq-icon { width: 30px; height: 30px; transition: all 0.3s ease-in-out; } .faq-icon svg { width: 100%; height: 100%; margin: 0; } .faq-icon svg circle { stroke-width: 2px; } .faq, .faq-item { border-top: 1px solid var(--gb_heading_color); padding: 11.7px 0; box-sizing: border-box; cursor: pointer; } .faq:last-of-type, .faq-item:last-of-type { border-bottom: 1px solid var(--gb_heading_color); } .featured-faqs { margin-top: var(--gb_font_size_48); } .d-flex, .flex { display: flex; flex-wrap: wrap; } .image-collage-item.d-flex:nth-child(2n+2) { flex-direction: row-reverse; } .image-collage-item.d-flex.img-left { flex-direction: row; } .image-collage-item.d-flex.img-left .image-collage-item-image { order: 0; } .image-collage-item.d-flex.img-left .image-collage-item-content { order: 1; } .image-collage-item.d-flex.img-right { flex-direction: row; } .image-collage-item.d-flex.img-right .image-collage-item-image { order: 1; } .image-collage-item.d-flex.img-right .image-collage-item-content { order: 0; } .image-collage-item-content .wp-block-stayeditspack-with-text { height: 100%; display: flex; align-items: center; justify-content: center; } .image-collage-item-content-inner { width: 100%; max-width: 724px; margin: 0 auto; padding: 40px; } .image-collage-item-image { aspect-ratio: 950/650; } .image-collage-item-image figure { height: 100%; } .image-collage-item-image img, .image-collage-item-image figure.wp-block-image img { border-radius: 0; } .faq-icon-after .faq-head::before { content: ""; width: 30px; height: 30px; transition: all 0.3s ease-in-out; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-size: 10px; background-position: center; transform: rotate(90deg); position: absolute; top: 0; right: 0; } .faq-item.active .faq-head::before { transform: rotate(-90deg); } /*------------------------------------------------- >> Basic styles for Team Block -------------------------------------------------*/ .team-members { display: flex; flex-wrap: wrap; align-items: stretch; } .single-member { position: relative; margin-bottom: 40px; } .single-member .t-detail { margin-top: 20px; } .single-member .sm-inner { display: inline-block; box-sizing: border-box; width: 100%; height: 100%; border-bottom: none; position: relative; } .single-member .member-name { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; margin-bottom: 8px; } .single-member .designation { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: var(--gb_font_size_18); margin-bottom: 0; } .black-container * { color: var(--gb_white); } .section-team-variation { max-width: 1064px; margin: 0 auto; } .single-member-detail { display: flex; flex-wrap: wrap; align-items: center; -moz-column-gap: 2%; column-gap: 2%; justify-content: space-between; padding: 16px 0 21px; color: var(--wp--preset--color--black80); border-bottom: 1px solid var(--wp--preset--color--regular_text); } .single-member-detail:first-child { border-top: 1px solid var(--wp--preset--color--regular_text); } .single-member-detail h6 { letter-spacing: -0.15px; color: var(--wp--preset--color--black80); } .single-member-detail h6, .single-member-detail p { margin-bottom: 0; } .single-member-detail .name { flex: 4; } .single-member-detail .description { flex: 5; } .single-member-detail .title { flex: 2; } .team-detail { align-items: center; justify-content: center; box-sizing: border-box; max-width: 639px; max-height: 70vh; width: 100%; transition: all 0.5s ease-in-out; display: inline-block; margin: 0 auto; position: relative; overflow: hidden; } .team-detail .team-detail-inner { padding-right: 6px; height: 100%; overflow: auto; } .team-detail .team-detail-inner::-webkit-scrollbar { display: none; } .team-detail .team-detail-inner.scroll { padding-right: 0; } .team-detail .team-detail-inner.scroll::-webkit-scrollbar { display: block; } .team-detail .mfp-close { position: absolute; top: 7px; right: 5px; width: 16px; height: 16px; transition: all 200ms; background-position: top right; background-repeat: no-repeat; background-size: contain; } .team-detail .mfp-close:hover, .team-detail .mfp-close:focus-visible { background-color: transparent; cursor: pointer; } .team-detail-inner::-webkit-scrollbar { width: 6px; height: 100%; } .team-detail-inner::-webkit-scrollbar-track { background-color: var(--wp--preset--color--regular_text); } .team-detail-inner::-webkit-scrollbar-thumb { background: var(--gb_yellow); } .single-team { text-align: left; } .single-team .single-team-head { background-color: var(--wp--preset--color--mgray); position: relative; padding-right: 35px; } .single-team .member-image-popup { width: 30%; height: 185px; } .single-team .member-detail-popup { width: 64%; } .single-team .member-name-popup { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; color: var(--wp--preset--color--dark_text); margin-bottom: 5px; } .single-team .member-designation { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; color: var(--wp--preset--color--lblack); margin-bottom: 0; font-size: var(--gb_font_size_16); letter-spacing: -0.6px; } .single-team .single-team-content * { color: black !important; } .single-team .single-team-content { overflow: auto; background-color: var(--gb_white); padding: 41px 60px 50px 50px; font-size: var(--gb_font_size_18); line-height: 1.65; } .single-team .single-team-content p { margin-bottom: 0; } .mfp-content { text-align: center; } .mfp-wrap { z-index: 999999 !important; } /*------------------------------------------------- >> Basic styles for Image Alongside Text Block -------------------------------------------------*/ .image-at-right .iat-image { order: 2; } /*------------------------------------------------- >> Basic styles for Services Slider -------------------------------------------------*/ .service-single-image { aspect-ratio: 300/300; } .service-single-image a.no-link-style, .service-single-image a:visited.no-link-style { height: 100%; } .service-single-image figure { width: 100%; height: 100%; margin: 0; } .service-single-image figure img { width: 100%; height: 100%; border-radius: 100% !important; -o-object-fit: cover; object-fit: cover; } .services-slider { padding-bottom: 55px; } .services-slider .service-single-slide { width: 300px; text-align: center; margin: 0 30px; } .service-single-text { margin-top: 34px; } .service-single-text .heading-4 { color: var(--gb_color_primary); font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; font-size: 23px; } .services-slider-main { position: relative; } .services-slider { overflow: visible; } .services-slider .slick-list { overflow: visible !important; padding: 0 !important; } .image-parallax .wp-block-cover > span, .image-parallax .wp-block-cover > .wp-block-cover__inner-container { display: none !important; } /*------------------------------------------------- >> Basic styles for Mid page cta -------------------------------------------------*/ .midpage-image { max-width: 486px; max-height: 486px; } .midpage-image figure { width: 100%; height: 100%; } .midpage-content { max-width: 570px; } .midpage-content p { font-size: var(--gb_font_size_16); line-height: 1.2; } .midpage-content .wp-block-button { margin-top: var(--gb_space_56); } .midpage-content .vpb-frontend { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: -moz-max-content; width: max-content; height: -moz-max-content; height: max-content; margin-block: auto; margin-inline: auto; } .midpage-cta { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .midpage-cta .wp-block-buttons { margin-top: 0 !important; } button.vpb-play-button { width: 100px; height: 100px; background-image: url(images/play-icon.webp); background-size: 24px; background-position: center; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0.4); border-color: rgba(255, 255, 255, 0.4); border-radius: 100%; filter: invert(1); } button.vpb-play-button:hover { transform: scale(1.09); } .image-cover .components-placeholder { height: 100%; } .image-cover .wp-block-cover { height: 100%; padding: 0; } .image-cover .wp-block-cover > span { margin-block: 0; } /*------------------------------------------------- >> Basic styles for Perk slider -------------------------------------------------*/ .perk-slider-main .section-head, .latest-article-block .section-head { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .perk-slider-main .section-head .section-head-left, .latest-article-block .section-head .section-head-left { text-align: left; } .perk-slider-main .section-head .section-head-left h2, .latest-article-block .section-head .section-head-left h2 { margin-bottom: var(--gb_space_56); } .perk-slider-main .section-head .section-head-left p, .latest-article-block .section-head .section-head-left p { font-size: var(--gb_font_size_18); color: var(--gb_color_primary); } .perk-slider-main .section-head .section-head-left p:last-of-type, .latest-article-block .section-head .section-head-left p:last-of-type { margin: 0; } .perk-slider { padding-bottom: 80px; box-sizing: border-box; overflow: visible; margin-bottom: 40px; } .star-tag { font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; color: var(--gb_color_primary); font-size: 16px; padding-left: 30px; background-image: url(images/star-icon.webp); background-repeat: no-repeat; background-position: center left; background-size: 18px; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 10px; } .perk-single-image { aspect-ratio: 450/298; max-height: 298px; } .perk-single-image a, .perk-single-image a:visited { padding: 0; display: block; border: none; border-radius: 8px; height: 100%; overflow: hidden; } @media screen and (hover: hover) { .perk-single-image a:hover img, .perk-single-image a:visited:hover img { transform: scale(1.05); } } .perk-single-image img { width: 100%; height: 100%; max-height: 298px; will-change: transform; margin: 0; border-radius: 8px; transition: all 0.3s ease-in-out; } .perk-single-content { margin-top: 45px; } .perk-single-content .heading-5 { margin-bottom: 20px; line-height: 1.2; } .perk-single-content .heading-5 a, .perk-single-content .heading-5 a:visited { padding: 0; display: block; border: none; color: var(--gb_color_primary); } .perk-single-text p { font-size: 12px; margin-bottom: 8px; color: var(--gb_color_primary); width: 95%; } .perk-single-text ul { margin: 0; } .perk-single-text ul li { font-size: 12px; color: var(--gb_color_primary); margin-bottom: 10px; padding-left: 18px; } .perk-single-text ul li:last-of-type { margin: 0; } .perk-single-text ul li::before { background-color: var(--gb_color_primary); width: 4px; height: 4px; top: 8px; } .perk-single-button { margin-top: 30px; line-height: 1; } .section-head-right { line-height: 0.65; } a.no-link-style, a.no-link-style:visited { display: block; padding: 0; border: 0; color: var(--gb_color_primary); } .image-cover a.no-link-style, .image-cover a.no-link-style:visited { line-height: 0; height: 100%; display: block; border-radius: 8px; overflow: hidden; } .image-cover a.no-link-style img, .image-cover a.no-link-style:visited img { will-change: transform; transform-origin: center; transition: all 0.3s ease-in-out; } @media screen and (hover: hover) { .image-cover a.no-link-style:hover img, .image-cover a.no-link-style:visited:hover img { transform: scale(1.05); } } .perk-slider-main { position: relative; } figure.wp-block-image img { border-radius: 8px; } h2.heading-5 > a, h2.heading-5 > a:visited { border: 0; padding: 0; } /*------------------------------------------------- >> Basic styles for Theme image -------------------------------------------------*/ .theme-image-box { width: 100%; height: 100vh; } .theme-image-box figure { width: 100%; height: 100%; margin: 0; } .theme-image-box .wp-block-cover { height: 100%; padding: 0; } .theme-image-box .wp-block-cover__inner-container.wp-block-cover-is-layout-flow { max-width: 100%; height: 100%; bottom: 0; top: 0; } .theme-image-head { position: absolute; top: 120px; max-width: 1410px; width: 90%; margin: 0 auto; left: 0; right: 0; z-index: 3; } .theme-image-head h2 { font-size: 40px; letter-spacing: -0.033em; line-height: 1.2; } .theme-image-main { position: relative; } .theme-image-bottom { position: absolute; bottom: 110px; max-width: 1410px; width: 90%; margin: 0 auto; left: 6px; right: 0; z-index: 10; } .theme-image-bottom .location-tag { filter: brightness(0) saturate(100%) invert(93%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%); background-image: url(images/map-icon-brown.png); } .theme-image-bottom .heading-1, .theme-image-bottom .heading-2, .theme-image-bottom h2, .theme-image-bottom h3 { color: var(--gb_white); margin: 0; font-size: 40px; } .theme-image-bottom .description, .theme-image-bottom p { color: var(--gb_white); margin-top: 10px; } .theme-image-bottom .play-btn-icon { position: static; margin: 0; } .post-single-hero-bottom { display: flex; flex-wrap: wrap; gap: var(--gb_space_48); } .theme-image-box .wp-block-group.box-img { height: 100%; } .theme-image-box .wp-block-group.box-img .wp-block-image { height: 100%; } .theme-image-main .wp-block-cover .wp-block-cover__background, .theme-image-main .wp-block-cover .wp-block-cover__gradient-background, .theme-image-main .wp-block-cover-image .wp-block-cover__background, .theme-image-main .wp-block-cover-image .wp-block-cover__gradient-background, .theme-image-main .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .theme-image-main .wp-block-cover.has-background-dim:not(.has-background-gradient):before { z-index: 1; } /*------------------------------------------------- >> Basic styles for Location slider -------------------------------------------------*/ .location-slider-single { text-align: left; } .location-single-text { margin-top: 24px; font-size: 12px; } .location-single-text p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 26px; } .location-single-image { aspect-ratio: 450/280; overflow: hidden; } .location-single-image figure { width: 100%; height: 100%; margin: 0; } .location-single-image figure img { border-radius: 8px; } .location-single-image img { will-change: transform; transition: all 0.3s ease-in-out; } @media screen and (hover: hover) { .location-single-image:hover img { transform: scale(1.05); } } .location-tag { font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; color: var(--gb_color_primary); font-size: 16px; padding-left: 35px; background-image: url(images/map-icon.png); background-repeat: no-repeat; background-position: center left; background-size: 21px; text-transform: uppercase; margin-bottom: 6px; } .location-single-content { margin-top: 44px; } .location-single-content .heading-2 { font-size: 42px; letter-spacing: -0.015em; margin-bottom: 34px; } .location-single-content .heading-2 a, .location-single-content .heading-2 a:visited { padding: 0; border: 0; color: var(--gb_color_primary); } .location-slider { padding-bottom: 70px; overflow: visible; } .location-slider .location-slider-single { margin-right: 38px; } .swiper-pagination.swiper-pagination-progressbar { top: auto; bottom: 0; background-color: var(--gb_color_primary); height: 1.33px; } .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { top: -1.5px; height: 3px; background-color: var(--gb_color_primary); } .location-slider-main .location-slider .slick-list, .location-slider-main .perk-slider .slick-list, .perk-slider-main .location-slider .slick-list, .perk-slider-main .perk-slider .slick-list { overflow: visible; } .perk-slider-main .perk-slider-single { margin-right: 30px; } .services-slider-main .swiper-pagination, .location-slider-main .swiper-pagination, .perk-slider-main .swiper-pagination { top: auto; bottom: 2px; background-color: var(--gb_color_primary); height: 1.33px; width: 100%; } .services-slider-main .swiper-pagination .progress-bar span, .location-slider-main .swiper-pagination .progress-bar span, .perk-slider-main .swiper-pagination .progress-bar span { display: block; height: 3px; position: relative; top: -1px; width: 20%; background: var(--gb_color_primary); transition: width 0.4s ease; } .tags { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; } .single-tag, a.single-tag, a.single-tag:visited { font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; font-size: 13px; background-color: var(--gb_white); padding: 4px 8px; border-radius: 100px; line-height: 1; color: var(--gb_color_primary); } .section-head-right .wp-block-button { margin-top: 0; } /*------------------------------------------------- >> Basic styles for social slider -------------------------------------------------*/ .social-slider-head { display: flex; justify-content: space-between; flex-wrap: wrap; } .social-slider-head .heading-2 { margin: 0; } .social-slider-head-right .social-icons a, .social-slider-head-right .social-icons a:visited { border: 0; padding: 0; filter: brightness(0) saturate(100%) invert(34%) sepia(12%) saturate(884%) hue-rotate(338deg) brightness(95%) contrast(92%); } #social-posts-slider { border-radius: 8px; } #social-posts-slider .splide__track { border-radius: 8px; cursor: grab; } #social-posts-slider ul { margin: 0; } #social-posts-slider ul li { margin: 0; padding: 0; } #social-posts-slider ul li::before { display: none; } .social-post-image { aspect-ratio: 257/343; } .social-post-image figure { width: 100%; height: 100%; margin: 0; } .social-post-image img { border-radius: 8px; } .sb-post-item-image-wrap { height: auto !important; aspect-ratio: 1/1.5; } .sb-post-item-image-wrap img { width: 100% !important; height: 100% !important; -o-object-fit: cover !important; object-fit: cover !important; will-change: transform; } .sb-post-item-image-wrap .sb-post-item-play { bottom: 12px !important; left: 18px !important; } .sb-post-item-image-wrap .sb-post-item-play svg { margin: 0; width: 16px; height: 16px; } .social-feeds-section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--gb_space_60); } .social-feeds-section-head .column-right { margin-top: 0; } .social-feeds-section-head .social-icons { margin-top: 0; } .social-feeds-section-head .social-icons a { border-bottom: none; } .social-feeds-section-head .social-icons svg path, .social-feeds-section-head .social-icons svg circle { fill: var(--gb_brown); } .section-head-left { margin-bottom: var(--gb_space_60); } a.eapps-instagram-feed-posts-item-link, a.eapps-instagram-feed-posts-item-link:visited { padding: 0; border: 0; } /*------------------------------------------------- >> Basic styles for featured block -------------------------------------------------*/ .featured-stay-head { display: flex; flex-wrap: wrap; justify-content: space-between; } .featured-stay-head .heading-2 { margin: 0; } .featured-stay-head-right { line-height: 0.65; } .featured-stay-head-right .location-tag { text-transform: uppercase; } .featured-stay-right { width: 42.4%; } .featured-stay-right h2.heading-2 { font-size: var(--gb_font_size_40); margin-bottom: 35px; } .featured-stay-left { width: 50.4%; padding-bottom: var(--gb_space_56); } .featured-stay-left .swiper-arrows { margin: 0 auto; left: auto; right: 0; bottom: 40px; gap: 14px; } .featured-stay-left .swiper-arrows .swiper-button-next, .featured-stay-left .swiper-arrows .swiper-button-prev { width: 40px; height: 40px; } .featured-stay-left .gallery-item { width: 100%; height: 100%; margin: 0; line-height: 0.65; } .featured-stay-left .gallery-item img { aspect-ratio: 955/506; border-radius: 8px; } .featured-stay-left .gallery-item .image-caption { font-size: var(--gb_font_size_18); color: var(--gb_color_primary); font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; margin: 24px 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start; } .featured-stay-single { display: flex; gap: 75px; align-items: flex-start; flex-wrap: wrap; padding-bottom: var(--gb_space_128); margin-top: calc(var(--gb_space_60) + 6px); } .featured-stay-single .featured-faqs { margin-top: calc(var(--gb_font_size_48) - 12px); } .featured-bed-details { font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; font-size: 12px; color: var(--gb_color_primary); margin-top: 32px; } .featured-stay-button { margin-top: calc(var(--gb_space_60) + 6px); } .swiper { cursor: grab; } .location-slider-main { width: 90%; max-width: 1410px; margin: auto; position: relative; } .location-slider-main .location-single-image { border-radius: 6px; overflow: hidden; } /*------------------------------------------------- >> Basic styles for Love letter block -------------------------------------------------*/ .love-letter-main .swiper-arrows { position: initial; margin-top: 40px; gap: 20px; } .love-letter-image { width: 94px; height: 94px; border-radius: 50%; overflow: hidden; margin: 0 auto 24px auto; } .love-letter-single { margin: 0 10px; padding: 24px; border-radius: 16px; background-color: var(--gb_color_primary); text-align: center; color: var(--gb_white); } .love-letter-single h3, .love-letter-single a { color: var(--gb_white); border-color: var(--gb_white); } .love-letter-single a:hover { color: var(--gb_white); border-color: var(--gb_white); } .tiles-with-bg { gap: 20px; } .tiles-with-bg .single-tile { text-align: center; position: relative; border-radius: 16px; overflow: hidden; aspect-ratio: 1/1.5; } .tiles-with-bg .single-tile img { transition: all 0.35s ease-in-out; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-fit: cover; } .tiles-with-bg .single-tile:hover img { transform: scale(1.05); } .tiles-with-bg .single-tile .wp-block-cover__inner-container { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; padding: 24px; box-sizing: border-box; top: auto; text-align: center; } .tiles-with-bg .wp-block-buttons { justify-content: center; } .love-letter-author-info { line-height: 1; } .love-letter-author-info .author-name { display: flex; justify-content: center; gap: 6px; } .love-letter-author-info .author-name > span { display: inline-block; } .love-letter-author-info .author-name:has(span + a) span { display: flex; } .love-letter-author-info .author-name:has(span + a) span::after { content: ", "; } .time-cta-columns .time-cta-image { aspect-ratio: 2/1.4; } .time-cta-columns .single-tile { text-align: center; } .time-cta-columns .faq-content { text-align: left; } .time-cta-accordion details { border-bottom: 1px solid var(--gb_border_1); } .time-cta-accordion details:last-child { border-bottom: none; } .single-tile .wp-block-cover { height: 100%; } /*------------------------------------------------- >> Basic styles for Video Tiles -------------------------------------------------*/ .video-tiles-area .video-tile { aspect-ratio: 1/1.7; border-radius: 16px; position: relative; } .video-tiles-area .video-tile.slick-active { opacity: 1 !important; } .video-tiles-area .video-tile:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(images/mobile-mockup.webp); background-repeat: no-repeat; background-size: contain; background-position: top center; z-index: 3; pointer-events: none; } .video-tiles-area .video-tile .wp-block-cover { height: 99%; padding: 0; width: 80%; margin: auto; border-radius: 60px; } /*------------------------------------------------- >> Styles for Wp Buttons -------------------------------------------------*/ /**** * * WordPress buttons * ****/ .wp-block-button { line-height: 0; } .wp-block-button .wp-block-button__link { position: relative; display: inline-block; overflow: hidden; padding: 8px 16px; text-decoration: none; color: var(--gb_theme_btn_color); background-color: var(--gb_theme_btn_bgcolor); border: 1px solid var(--gb_button_border_color); transition: all 0.35s ease-in-out; text-align: center; font-size: 14px; border-radius: 5px; line-height: 1.5; font-family: "Inter 18pt", arial, sans-serif; font-weight: 300; font-style: normal; box-sizing: border-box; letter-spacing: -0.03em; } @media screen and (hover: hover) { .wp-block-button .wp-block-button__link:hover { background-color: var(--gb_theme_btn_bgcolor_hover); border-color: var(--gb_theme_btn_border_color_hover); color: var(--gb_theme_btn_color_hover); } } .wp-block-button .wp-block-button__link.has-background { border: none; } @media screen and (hover: hover) { .wp-block-button .wp-block-button__link.has-background:hover, .wp-block-button .wp-block-button__link.has-background:focus-visible { border: none; color: unset; } } .wp-block-button .wp-block-button__link.has-text-color.has-background { border: none; } @media screen and (hover: hover) { .wp-block-button .wp-block-button__link.has-text-color.has-background:hover, .wp-block-button .wp-block-button__link.has-text-color.has-background:focus-visible { border: none; } } .wp-block-button.is-color-brown .wp-block-button__link { color: var(--gb_brown); border-color: var(--gb_brown); } @media screen and (hover: hover) { .wp-block-button.is-color-brown .wp-block-button__link:hover { color: var(--gb_white); } } .wp-block-button.is-color-brown-light .wp-block-button__link { color: var(--gb_brown_1); border-color: var(--gb_brown_1); } @media screen and (hover: hover) { .wp-block-button.is-color-brown-light .wp-block-button__link:hover { color: var(--gb_white); border-color: var(--gb_brown-4); background-color: var(--gb_brown_4); } } .wp-block-button.is-color-brown-med .wp-block-button__link { color: var(--gb_brown_3); border-color: var(--gb_brown_3); } @media screen and (hover: hover) { .wp-block-button.is-color-brown-med .wp-block-button__link:hover { color: var(--gb_white); border-color: var(--gb_brown_4); background-color: var(--gb_brown_4); } } .wp-block-button.is-color-brown-ex-light .wp-block-button__link { color: var(--gb_white_1); border-color: var(--gb_white_1); } @media screen and (hover: hover) { .wp-block-button.is-color-brown-ex-light .wp-block-button__link:hover { color: var(--gb_white); border-color: var(--gb_white); } } .wp-block-button.is-color-brown-sharpe .wp-block-button__link { color: var(--gb_brown_4); border-color: var(--gb_brown_4); } @media screen and (hover: hover) { .wp-block-button.is-color-brown-sharpe .wp-block-button__link:hover { color: var(--gb_white); border-color: var(--gb_brown_4); background-color: var(--gb_brown_4); } } .wp-block-button.is-style-with-arrow .wp-block-button__link { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjMyNjE3MiAyMC4zMjMyTDUuNjQyMTYgMTAuMzIzM0wwLjMyNjE3MiAwLjMyMzI5MkgyLjk1ODE3TDExLjAxMDEgOS40ODA2VjExLjE2NTlMMi45NTgxNyAyMC4zMjMySDAuMzI2MTcyWiIgZmlsbD0iI0ZBRjdGMyIvPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-size: 7px; background-position: top 12px right 14px; font-size: 14px; padding-right: 32px; color: var(--gb_white); border-color: var(--gb_white); } @media screen and (hover: hover) { .wp-block-button.is-style-with-arrow .wp-block-button__link:hover { background-color: var(--gb_theme_btn_bgcolor_hover); border-color: var(--gb_theme_btn_border_color_hover); color: var(--gb_theme_btn_color_hover); } } .wp-block-button.is-size-large .wp-block-button__link { padding: 7px 16px; font-size: 24px; letter-spacing: -0.001em; } .wp-block-button.is-style-with-arrow.is-size-large .wp-block-button__link { padding: 10px 46px 10px 20px; font-size: 24px; letter-spacing: -0.001em; background-position: center right 20px; background-size: 10px; } .wp-block-button.is-style-with-arrow.is-color-brown .wp-block-button__link { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); color: var(--gb_brown); border-color: var(--gb_brown); } @media screen and (hover: hover) { .wp-block-button.is-style-with-arrow.is-color-brown .wp-block-button__link:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjMyNjE3MiAyMC4zMjMyTDUuNjQyMTYgMTAuMzIzM0wwLjMyNjE3MiAwLjMyMzI5MkgyLjk1ODE3TDExLjAxMDEgOS40ODA2VjExLjE2NTlMMi45NTgxNyAyMC4zMjMySDAuMzI2MTcyWiIgZmlsbD0iI0ZBRjdGMyIvPg0KPC9zdmc+DQo=); color: var(--gb_white); } } .wp-block-button.is-style-with-arrow.is-color-brown-sharpe .wp-block-button__link { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF85XzcpIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgOS45OTk5NUwwIDBIMi42MzE5OUwxMC42ODQgOS4xNTczMVYxMC44NDI3TDIuNjMxOTkgMjBIMFoiIGZpbGw9IiNBODY4NDIiLz4NCjwvZz4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJjbGlwMF85XzciPg0KPHJlY3Qgd2lkdGg9IjExIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K); color: var(--gb_brown_4); border-color: var(--gb_brown_4); } @media screen and (hover: hover) { .wp-block-button.is-style-with-arrow.is-color-brown-sharpe .wp-block-button__link:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjMyNjE3MiAyMC4zMjMyTDUuNjQyMTYgMTAuMzIzM0wwLjMyNjE3MiAwLjMyMzI5MkgyLjk1ODE3TDExLjAxMDEgOS40ODA2VjExLjE2NTlMMi45NTgxNyAyMC4zMjMySDAuMzI2MTcyWiIgZmlsbD0iI0ZBRjdGMyIvPg0KPC9zdmc+DQo=); color: var(--gb_white); border-color: var(--gb_brown_4); background-color: var(--gb_brown_4); } } .wp-block-button.is-style-with-arrow.is-color-brown-med .wp-block-button__link { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgOS45OTk5NUwwIDBIMi42MzE5OUwxMC42ODQgOS4xNTczMVYxMC44NDI3TDIuNjMxOTkgMjBIMFoiIGZpbGw9IiNFREU1REQiLz4NCjwvc3ZnPg0K); color: var(--gb_brown_3); border-color: var(--gb_brown_3); } @media screen and (hover: hover) { .wp-block-button.is-style-with-arrow.is-color-brown-med .wp-block-button__link:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjMyNjE3MiAyMC4zMjMyTDUuNjQyMTYgMTAuMzIzM0wwLjMyNjE3MiAwLjMyMzI5MkgyLjk1ODE3TDExLjAxMDEgOS40ODA2VjExLjE2NTlMMi45NTgxNyAyMC4zMjMySDAuMzI2MTcyWiIgZmlsbD0iI0ZBRjdGMyIvPg0KPC9zdmc+DQo=); color: var(--gb_white); border-color: var(--gb_brown_4); background-color: var(--gb_brown_4); } } .wp-block-button.is-style-with-arrow.is-color-brown-light .wp-block-button__link { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgOS45OTk5NUwwIDBIMi42MzE5OUwxMC42ODQgOS4xNTczMVYxMC44NDI3TDIuNjMxOTkgMjBIMFoiIGZpbGw9IiNFREU1REQiLz4NCjwvc3ZnPg0K); color: var(--gb_brown_1); border-color: var(--gb_brown_1); } @media screen and (hover: hover) { .wp-block-button.is-style-with-arrow.is-color-brown-light .wp-block-button__link:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjMyNjE3MiAyMC4zMjMyTDUuNjQyMTYgMTAuMzIzM0wwLjMyNjE3MiAwLjMyMzI5MkgyLjk1ODE3TDExLjAxMDEgOS40ODA2VjExLjE2NTlMMi45NTgxNyAyMC4zMjMySDAuMzI2MTcyWiIgZmlsbD0iI0ZBRjdGMyIvPg0KPC9zdmc+DQo=); color: var(--gb_white); border-color: var(--gb_brown_4); background-color: var(--gb_brown_4); } } button#load-more { background-color: var(--gb_color_primary); border: 1px solid var(--gb_color_primary); color: var(--gb_white); padding: 12px 48px; font-size: var(--gb_font_size_24); border-radius: 5px; line-height: 1.5; font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; cursor: pointer; transition: all 0.35s ease-in-out; } @media screen and (hover: hover) { button#load-more:hover, button#load-more:focus-visible { background-color: var(--gb_color_primary); border: 1px solid var(--gb_color_primary); color: var(--gb_white); } } /*------------------------------------------------- >> Styles for Single -------------------------------------------------*/ .gallery-ctn { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 210px; gap: var(--gb_space_30); margin-bottom: 0; } .gallery-item:nth-child(1) { grid-column: span 2; grid-row: span 2; } .gallery-item { position: relative; } .gallery-item img, .gallery-item picture, .gallery-item video { border-radius: 6px; } .gallery-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .more-photos .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .stay-detail-left { width: 66%; } .stay-detail-left .featured-faqs { max-width: 81.6%; } .stay-detail-right { width: 23.5%; } .stay-detail-right .map-iframe { aspect-ratio: 290/140; } .stay-detail-right #single-stay-map > div:nth-child(2) { display: none !important; } .stay-detail-sidebar-widget { padding: var(--gb_space_36); background-color: var(--gb_brown_2); border-radius: 8px; text-align: center; color: var(--gb_white); } .stay-detail-sidebar-widget h3, .stay-detail-sidebar-widget h4, .stay-detail-sidebar-widget h5, .stay-detail-sidebar-widget h6 { color: var(--gb_white); } .stay-sidebar-widget-image { max-width: 220px; aspect-ratio: 1/1; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; margin-inline: auto; } .stay-sidebar-widget-image img { height: 100%; } .stay-sidebar-widget-content { margin-top: 10px; font-size: 12px; } .stay-sidebar-widget-content p { margin-bottom: 24px; } .stay-sidebar-widget-content a.button, .stay-sidebar-widget-content a.button:visited { width: 100%; padding: 9px 22px; text-align: center; font-size: 14px; margin-bottom: 14px; background-image: none !important; } .stay-sidebar-widget-content a.button::after, .stay-sidebar-widget-content a.button:visited::after { content: ""; position: relative; display: inline-block; width: 16px; height: 16px; top: 3px; margin-left: 4px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjMyNjE3MiAyMC4zMjMyTDUuNjQyMTYgMTAuMzIzM0wwLjMyNjE3MiAwLjMyMzI5MkgyLjk1ODE3TDExLjAxMDEgOS40ODA2VjExLjE2NTlMMi45NTgxNyAyMC4zMjMySDAuMzI2MTcyWiIgZmlsbD0iI0ZBRjdGMyIvPg0KPC9zdmc+DQo=); background-size: 40%; background-repeat: no-repeat; background-position: center; transition: all 0.3s ease-in-out; } .stay-sidebar-widget-content a.button:hover, .stay-sidebar-widget-content a.button:visited:hover { background-color: var(--gb_white); color: var(--gb_brown); border-color: var(--gb_white); } .stay-sidebar-widget-content a.button:hover:after, .stay-sidebar-widget-content a.button:visited:hover:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); } #single-stay-map, #single-elevate-map { width: 100%; height: 100%; } #gallery-model-inner { padding: var(--gb_space_96) 0; } .gallery-model-inner { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 0 auto; max-width: 810px; } .gallery-model-inner .gallery-slider-image { aspect-ratio: 402/530; height: 100%; max-width: 402px; overflow: hidden; width: 100%; } .gallery-model-inner .gallery-slider-image a, .gallery-model-inner .gallery-slider-image a:visited { display: block; height: 100%; width: 100%; } .gallery-model-inner .gallery-slider-image a img, .gallery-model-inner .gallery-slider-image a:visited img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .gallery-model-inner .gallery-slider-image:nth-child(5n+1) { aspect-ratio: 810/454; max-width: 100%; } .mfp-close-btn-in .mfp-close { padding: 0; font-size: var(--gb_font_size_32); border: 1px solid var(--gb_brown); position: fixed; top: var(--gb_space_48); right: var(--gb_space_48); color: var(--gb_brown); line-height: 1; background-color: transparent; } .mfp-close-btn-in .mfp-close:hover { background-color: var(--gb_brown); color: var(--gb_white); } .image-collage-popup-images { max-width: 1100px; height: 70vh; margin: 0 auto; } .image-collage-popup-images .slick-next.slick-arrow, .image-collage-popup-images .slick-prev.slick-arrow { font-size: 0; background-repeat: no-repeat; background-position: center; padding-block: 0; height: 60px; width: 60px; border: 0; border: 1px solid var(--gb_brown); border-radius: 50%; background-color: unset !important; z-index: 9; } .image-collage-popup-images .slick-next.slick-arrow { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); } .image-collage-popup-images .slick-next.slick-arrow:before { display: none; } .image-collage-popup-images .slick-prev.slick-arrow { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMDAxXzIpIj4NCjxwYXRoIGQ9Ik0xMSAyMEw1LjUyNjc4IDkuOTk5OThMMTEgMEg4LjI5MDE2TDQuMTAxMDVlLTA3IDkuMTU3MzNWMTAuODQyN0w4LjI5MDE2IDIwSDExWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIwMDFfMiI+DQo8cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMSAwKSIvPg0KPC9jbGlwUGF0aD4NCjwvZGVmcz4NCjwvc3ZnPg0K); } .image-collage-popup-images .slick-prev.slick-arrow:before { display: none; } .image-collage-popup-images .slick-list.draggable { height: 100%; padding: 0 !important; } .image-collage-popup-images .slick-list.draggable .slick-track { height: 100%; } .image-collage-popup-images .slick-list.draggable .slick-track .image-collage-popup-image { height: 100%; } .image-collage-popup-images .image-collage-popup-image.slick-slide img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } a.tag-link, a.tag-link:visited { border: 0; font-size: var(--gb_font_size_14); font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; } .featured-bed-details { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; } .slider-nav-block { margin-top: var(--gb_space_48); } .slider-nav-block .image-collage-popup-image { aspect-ratio: 1/1; opacity: 0.5; transition: all 0.35 ease-in-out; margin: 0 var(--gb_space_12); max-width: 200px; } .slider-nav-block .image-collage-popup-image img { height: 100%; border-radius: 6px; } .slider-nav-block .image-collage-popup-image.slick-current { opacity: 1; } .slider-single-block .image-collage-popup-image img { border-radius: 6px; } .filter-single .parent-term.active .filter-group-inner::after { transform: rotate(-90deg); } .filter-single .child-term .filter-group-inner::after { display: none !important; } .filter-single .parent-term .filter-group-inner { position: relative; padding-right: 10px; display: block; } .filter-single .parent-term .filter-group-inner label { max-width: 300px; } .filter-single .parent-term .filter-group-inner::after { content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; top: 3px; left: auto; right: -15px; margin-left: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); background-repeat: no-repeat; background-size: 48%; background-position: center; transform-origin: center; transform: rotate(90deg); } .filter-single .parent-term .filter-group-inner.no-arrow::after { display: none; } .clear-filter-button { margin-top: var(--gb_space_30); } .theme-image-main .theme-image-bottom .location-tag { padding-left: 0; background-image: none !important; } .elevate-detail-page .theme-image-bottom .location-tag, .stay-detail-page .theme-image-bottom .location-tag { padding-left: 35px; background-image: url(images/map-icon-brown.png) !important; } .elevate-detail-page .theme-image-bottom .location-tag em, .stay-detail-page .theme-image-bottom .location-tag em { font-style: normal; } /* ------------------------------------------------------------------ > Responsive ------------------------------------------------------------------ */ /* ------------------------------------------------- >> Responsive queries ------------------------------------------------- */ @media only screen and (max-width: 747px) { .post-title { margin-bottom: 15px; } .top-bar.center-align { text-align: left; } .hero-single { padding: 40px 0 30px; } .rs-view-100 { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } .post-box-meta { margin-bottom: 10px; } .featured-post { margin-bottom: 0; } .featured-post .post-image { margin-bottom: 20px; min-height: 250px; } .post-meta { flex-wrap: wrap; } .post-meta .post-cat { margin-bottom: 20px; } .post-meta .post-cat a { padding-bottom: 0; margin-bottom: 4px; display: inline-block; } .post-meta .post-shares a { margin: 0 8px 0 0; } } @media only screen and (max-width: 459px) { .footer-widgets .single-widget { width: 100%; margin-bottom: 30px; } .footer-widgets .single-widget:first-child { margin-bottom: 50px; } } /* ------------------------------------------------- >> Base Responsive queries ------------------------------------------------- */ @media only screen and (min-height: 501px) and (max-height: 900px) { .theme-image-head { top: 48px; } } @media only screen and (min-width: 1346px) and (max-width: 1679px) { .location-single-content .heading-2 { font-size: 36px; } .hero-home .wp-block-cover__inner-container.wp-block-cover-is-layout-flow { width: 90% !important; } .hero-home .swiper-horizontal > .swiper-pagination-bullets, .hero-home .swiper-pagination-bullets.swiper-pagination-horizontal, .hero-home .swiper-pagination-custom, .hero-home .swiper-pagination-fraction { width: 90%; } .midpage-image { max-width: 376px; max-height: 376px; } .footer-widgets .single-widget:first-of-type h5 { max-width: 100%; width: 100%; } .featured-stay-left .gallery-item img { aspect-ratio: 955/646; border-radius: 8px; } } @media only screen and (min-width: 1180px) and (max-width: 1345px) { .stay-detail-left .featured-faqs { max-width: 85%; } .stay-detail-right { width: 33.5%; } .hero-home .wp-block-cover__inner-container.wp-block-cover-is-layout-flow { width: 90% !important; } .hero-home .swiper-horizontal > .swiper-pagination-bullets, .hero-home .swiper-pagination-bullets.swiper-pagination-horizontal, .hero-home .swiper-pagination-custom, .hero-home .swiper-pagination-fraction { width: 90%; } .midpage-image { max-width: 376px; max-height: 376px; } .footer-widgets .single-widget:first-of-type h5 { max-width: 100%; width: 100%; } .perk-slider-main .section-head .section-head-left h2, .latest-article-block .section-head .section-head-left h2 { margin-bottom: var(--gb_space_30); } .location-single-content .heading-2 { font-size: 32px; } .featured-stay-button { margin-top: calc(var(--gb_space_30) + 6px); } .featured-stay-left .gallery-item .image-caption { margin-bottom: 24px; } .featured-stay-left .gallery-item img { aspect-ratio: 955/646; } .stays-sidebar .stays-sidebar-inner { padding-right: 20px; } #js-search-icon-btn { width: 26px; height: 26px; } #js-search-icon-btn svg { width: 26px; height: 26px; } .search-button-area { margin-right: 18px; line-height: 1; } .header-nav ul li { margin: 0 10px; } .header-nav ul li a, .header-nav ul li a:visited, .header-nav ul li span.menu-link { font-size: 14px; } .logo { width: 100px; } } @media only screen and (min-width: 1004px) and (max-width: 1179px) { .show-more-filter-item-title { font-size: 16px; } .show-more-filter-item-title::after { width: 12px; height: 14px; background-size: 66%; top: 2px; margin-left: 9px; } [type=checkbox]:checked + label, [type=checkbox]:not(:checked) + label, [type=checkbox]:checked + span, [type=checkbox]:not(:checked) + span { font-size: 15px; } .stays-list-item-image, .stays-list-item-content { width: 100%; } .stay-detail-left .featured-faqs { max-width: 85%; } .stay-detail-right { width: 33.5%; } .gallery-ctn { gap: 12px; } .featured-stay-single { padding-bottom: var(--gb_space_96); margin-top: calc(var(--gb_space_30) + 6px); } .footer-column-logo-left, .footer-column-logo-right { width: 100%; } .footer-column-logo-right { padding-left: 0; padding-top: 10px; font-size: 12px; } .footer-widgets .single-widget:first-of-type h5 { font-size: 18px; width: 100%; margin-bottom: 40px; } .footer-logo { margin-bottom: 30px; max-width: 140px; } .footer-widgets .single-widget:nth-child(3) .heading-4.font-bold { font-size: 20px; } .perk-slider-main .section-head .section-head-left h2, .latest-article-block .section-head .section-head-left h2 { margin-bottom: 20px; } .midpage-content .wp-block-button { margin-top: 0; } .midpage-content p { font-size: 18px; } a.link-arrow, a.link-arrow:visited { padding-right: 24px; } .swiper-arrows { gap: 20px; } .location-single-content .heading-2 { font-size: 30px; margin-bottom: 20px; } .location-slider-main { width: 100%; } .featured-stay-button { margin-top: calc(var(--gb_space_48) + 6px); } .featured-stay-left, .featured-stay-right { width: 100%; } .featured-stay-single { gap: 0px; } .hero-home .wp-block-cover__inner-container.wp-block-cover-is-layout-flow { width: 90% !important; } .hero-home .swiper-horizontal > .swiper-pagination-bullets, .hero-home .swiper-pagination-bullets.swiper-pagination-horizontal, .hero-home .swiper-pagination-custom, .hero-home .swiper-pagination-fraction { width: 90%; } #js-search-icon-btn { width: 26px; height: 26px; } #js-search-icon-btn svg { width: 26px; height: 26px; } .search-button-area { margin-right: 18px; line-height: 1; } .header-nav ul li { margin: 0 10px; } .header-nav ul li a, .header-nav ul li a:visited, .header-nav ul li span.menu-link { font-size: 14px; } .logo { width: 100px; } .js-mobile-filter-button.filter-dropdown-button.desktop-hide { display: block; } .stays-sidebar .stays-sidebar-inner { padding-right: 20px; } } @media only screen and (min-width: 1004px) { .js-mobile-filter-button.filter-dropdown-button.desktop-hide { display: none; } } @media only screen and (max-width: 1003px) { .video-tiles-area .slick-dots { bottom: -40px; } .wp-block-columns.video-tiles { justify-content: center; } .video-tiles-area .video-tile .wp-block-cover { border-radius: 40px; } .tiles-with-bg .single-tile { aspect-ratio: initial; } .wp-block-columns.image-alongside-text-ctn > .wp-block-column.image-alongside-content { margin-top: 60px; } .wp-block-columns.midpage-cta .wp-block-column.midpage-content:has(.vpb-frontend) { position: relative; padding-top: 100px; } .wp-block-columns.midpage-cta .vpb-frontend { bottom: auto; } .wp-block-columns.midpage-cta button.vpb-play-button { width: 80px; height: 80px; } .ctn-full-width .wp-block-columns.midpage-cta { width: 90%; margin: auto; } .single-widget:nth-child(1) .footer-nav { width: 100%; } .footer-widgets .single-widget:nth-child(3) .widget-inner { max-width: 100%; width: 100%; } .logged-in .lity-close, .logged-in .lity-close:active, .logged-in .lity-close:focus, .logged-in .lity-close:hover, .logged-in .lity-close:visited { top: 56px; background-size: 16px; } .js-scrollable-slider .gallery-item { height: 60vh; } .image-collage-item-image { aspect-ratio: 950/870; } .col-50 { width: 100%; } .hero-search-form { max-width: 100%; } .stays-sidebar .stays-sidebar-inner { height: auto !important; top: auto !important; } .stays-images-detail-slider .js-stays-images-detail-slider { overflow: visible !important; } .stays-images-detail-slider .swiper-wrapper { padding-bottom: 48px; } .stay-gallery-image { width: 100%; aspect-ratio: 16/12; border-radius: 8px; overflow: hidden; } .hero-default { height: 70vh; position: relative; } .stays-sidebar button { background-color: transparent; } .offer-popup-columns::before { display: none; } .offer-popup-columns { display: block; padding-bottom: var(--gb_space_96); } .offer-popup-columns .offer-column { width: 100%; } .offer-popup-columns .offer-column.column:nth-child(1) .circle-gif { height: 240px; } .offer-popup-columns .popup-logo.site-logo { display: none !important; } .offer-popup-columns .offer-column.column:nth-child(1) { height: auto; background-color: var(--gb_brown); } .offer-popup-columns .popup-content { margin-top: var(--gb_space_48); } #offer-popup-banner .popup-image { padding-bottom: 48px !important; } .image-collage-popup-images .image-collage-popup-image.slick-slide img { -o-object-fit: contain; object-fit: contain; } .featured-post-single { gap: 0; } .featured-post-single .featured-post-right, .featured-post-single .featured-post-left { width: 100%; } .filter-dropdown-button + .price-range-filter-inner { position: absolute; top: 100px; background-color: white; left: 0; width: 100%; max-width: 375px; padding: 40px 20px; border-radius: 6px; z-index: 9; } .rangeValues { margin-top: 20px; } .filter-dropdown-button.is-button-opened + .price-range-filter-inner { display: block; } .stays-list-item-image, .stays-list-item-content { width: 100%; } .footer-column-logo-right { padding-left: 0; } .tags { gap: 4px; } .mfp-close-btn-in .mfp-close { background-color: var(--gb_brown); color: var(--gb_white); top: var(--gb_space_48); right: 24px; } #gallery-model-inner { padding: var(--gb_space_156) 0; } .gallery-model-inner .gallery-slider-image { aspect-ratio: 402/250; } .stay-detail-left, .stay-detail-right { width: 100%; } .stay-detail-left .featured-faqs { max-width: 100%; } .midpage-image { max-width: 336px; max-height: 336px; } .location-slider-main { width: 100%; } .footer-widgets .single-widget:nth-child(3) { margin-right: 0; width: 100%; padding: 0; } .midpage-cta { justify-content: center; text-align: center; flex-direction: column-reverse; } .sb-grid-wrapper { display: flex !important; flex-wrap: wrap; gap: 20px !important; } .theme-image-head h2 br { display: none; } .theme-image-bottom { bottom: 60px; } .theme-image-box .wp-block-group.box-img { height: 100%; } .theme-image-box .wp-block-group.box-img .wp-block-image { height: 100%; } a.link-arrow, a.link-arrow:visited { padding-right: 16px; background-position: top 4px right 0; } .featured-stay-left .gallery-item img { aspect-ratio: 955/636; } .perk-single-content { margin-top: 24px; } .perk-slider .swiper-slide { width: 320px; } .perk-slider-main .section-head, .latest-article-block .section-head { gap: 24px; } .perk-slider-main .section-head .section-head-left h2, .latest-article-block .section-head .section-head-left h2 { margin-bottom: var(--gb_space_24); } .midpage-content { max-width: 100%; } .midpage-content .wp-block-button { margin-top: 0; } .midpage-image { margin-bottom: 28px !important; margin-inline: auto !important; max-width: 200px; aspect-ratio: 1/1; } .midpage-content .wp-block-heading { font-size: 40px; } .midpage-content p { font-size: 16px; } .midpage-content p br { display: none; } .midpage-content .wp-block-buttons .wp-block-button { width: 100%; } .midpage-content .wp-block-buttons .wp-block-button .wp-block-button__link { width: 100%; display: block; } .location-slider { padding-bottom: 50px; } .location-single-content { margin-top: 24px; } .location-single-content .heading-2 { font-size: 28px; } .featured-stay-right h2.heading-2 { margin-bottom: 22px; } .location-tag { font-size: 15px; } .featured-stay-single { gap: 30px; padding-bottom: var(--gb_space_128); } .featured-stay-left .swiper-arrows { bottom: 28px; } .ctn-1790 .wrapper { width: 90%; } .featured-stay-left, .featured-stay-right { width: 100%; } .swiper-arrows { gap: 16px; } .location-slider .swiper-slide { width: 300px; } .hero-slider-content { max-width: 955px; width: 90%; margin: auto; } .hero-swiper .swiper-pagination.swiper-pagination-bullets { width: 90%; } .header-section.header-black .menu-btn span, .header-section.shrink .menu-btn span, .header-section.header-404 .menu-btn span { background-color: var(--gb_brown); } .js-mobile-filter-button.filter-dropdown-button.desktop-hide { display: none; } .stay-pagination-btn button { width: 46px; height: 46px; } .hero-search-form form input[type=search], .hero-search-form form input[type=text] { height: 72px; padding-left: var(--gb_space_24); font-size: var(--gb_font_size_18); background-position: center right 14px; background-size: 34px; } .hero-default-inner h1 { font-size: var(--gb_font_size_48); } .stays-item-sub-description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .select-dropdown.desktop-hide { display: inline-block !important; } .select-dropdown.desktop-hide .select-dropdown__button { font-size: 18px; font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; padding: 8px 20px; flex-direction: row-reverse; position: relative; top: 4px; } .select-dropdown.desktop-hide .select-dropdown__button::after { margin-left: 0; margin-right: 8px; } .select-dropdown .select-dropdown__button { min-width: auto; } button.filter-dropdown-button { border-color: var(--gb_brown); color: var(--gb_brown); font-size: 18px; font-family: "the-seasons", arial, sans-serif; font-weight: 300; font-style: normal; padding: 8px 20px; } .filter-checkboxes { padding: 24px; background-color: var(--gb_white_1); border-radius: 6px; width: 100%; } .map-iframe { display: none; } .show-more-filter-item-title { display: none; } .show-more-filter-item-content { display: block; } .show-more-filter-items { margin-top: 0; } .mobile-hide, .price-range-filter-inner { display: none; } .filter-checkboxes { display: none; position: absolute; left: 0; top: calc(100% + 4px); z-index: 4; white-space: normal; } .filter-checkboxes.is-active-dropdown { display: block; } .stays-sidebar { width: 100%; height: auto; float: none; position: relative; float: none; } .stays-sidebar .select-dropdown { position: initial; } .stays-sidebar .stays-sidebar-inner { height: auto; padding: 0; white-space: nowrap; width: 111%; margin-left: -5.5%; padding: 0 5%; box-sizing: border-box; overflow-x: auto; position: initial; } .stays-sidebar .stays-sidebar-inner::-webkit-scrollbar { width: 0; height: 0; } .stays-sidebar .stays-sidebar-inner + .s-96 { display: none; } .stays-sidebar .stays-price-range, .stays-sidebar .stays-filter-area { display: inline-block; margin-right: 10px; } .stays-sidebar::before { display: none; } .stays-list { width: 100%; padding-top: 0; padding-left: 0; box-sizing: border-box; float: none; } } @media only screen and (min-width: 748px) and (max-width: 1003px) { .legal-nav { flex-direction: row; justify-content: space-between; } .ctn-full-width .wp-block-columns.midpage-cta { width: 90%; margin: auto; } .stay-sidebar-widget-image { max-width: 250px; margin-inline: auto; margin-bottom: 24px; } .services-slider .service-single-slide { width: 300px; text-align: center; margin: 0 10px; } .footer-column-logo-left { max-width: 50%; } .gallery-ctn { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 200px; gap: 10px; } .sb-post-item-wrap { width: calc(25% - 15px); } .footer-widgets .single-widget:first-of-type { width: 100%; } .footer-widgets .single-widget:nth-child(3) { margin: 48px 0; } } @media only screen and (min-width: 748px) and (max-width: 849px) { .video-tiles-area .video-tile .wp-block-cover { width: 85%; } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: unset !important; } .wp-block-columns.video-tiles { -moz-column-gap: 15px; column-gap: 15px; } } @media only screen and (max-width: 747px) { .play-icon { bottom: 15px; right: 15px; gap: 12px; z-index: 12; } .play-icon button { width: 50px; height: 50px; } .clear-filter-button { position: absolute; margin-bottom: 0; bottom: -30px; top: auto; right: 0; } .clear-filter-button.mobile-hide { display: none !important; } .video-tiles.video-tiles-area .slick-dots li { padding-left: 0; } .video-tiles.video-tiles-area .slick-dots li::before { display: none !important; } .video-tiles.video-tiles-area .slick-dots li button { background: var(--gb_brown); width: 20px; height: 2px; } .video-tiles.video-tiles-area .slick-dots li button::before { display: none !important; } .video-tiles.video-tiles-area .slick-dots li.slick-active button { background: var(--gb_brown_2); } .video-tiles-area .video-tile .wp-block-cover .wp-block-cover__image-background, .video-tiles-area .video-tile .wp-block-cover video.wp-block-cover__video-background, .video-tiles-area .video-tile .wp-block-cover-image .wp-block-cover__image-background, .video-tiles-area .video-tile .wp-block-cover-image video.wp-block-cover__video-background { height: calc(100% - 10px); } .footer-widgets .single-widget { margin-right: 0; width: 100% !important; } .footer-widgets .single-widget:nth-child(2), .footer-widgets .single-widget:last-of-type { width: 100%; } .newsletter-form .gform-footer { margin-top: 24px; } .footer-widgets .single-widget:nth-child(3) .widget-inner { max-width: 100%; } .footer-logo { width: 100%; max-width: 230px; text-align: center; } .service-single-text .heading-4 { font-size: 14px; } .stay-sidebar-widget-content a.button::after, .stay-sidebar-widget-content a.button:visited::after { top: 2px; } .midpage-cta.is-layout-flex { gap: 0; } .location-slider-main .location-slider .slick-list, .location-slider-main .perk-slider .slick-list, .perk-slider-main .location-slider .slick-list, .perk-slider-main .perk-slider .slick-list { padding: 0 !important; } .perk-slider-main .perk-slider-single, .location-slider .location-slider-single { margin: 0 5px; } .services-slider .service-single-slide { margin: 0 10px; } .services-slider { max-width: 100%; margin: auto; } .stay-sidebar-widget-content .heading-5.font-bold { font-size: 25px; } .stay-sidebar-widget-image { max-width: 250px; margin-inline: auto; margin-bottom: 24px; } .stay-sidebar-widget-content .heading-5 { font-size: 32px; } .featured-stay-left .gallery-item .image-caption { margin-bottom: 30px; } .hero-search-form input[type=search], .hero-search-form input[type=text] { height: 64px; padding-left: calc(var(--gb_space_48) - 5px); padding-right: calc(2 * var(--gb_space_48)); background-position: center right 30px; } .hero-default-inner .hero-default-content { width: 100%; } .theme-image-box { width: 100%; height: 70vh; } .theme-image-box::after { height: 70vh; } .theme-image-box.hero-single-post::after { height: 70vh; } .logged-in .hero-home-slide-image { height: calc(80vh - 32px); } .hero-home-slide-image { height: 80vh; } .theme-image-head { top: 80px; } .theme-image-head h2 { font-size: 30px; } .latest-article-block .section-head { gap: 0; margin-bottom: var(--gb_space_96); } .latest-article-block .section-head .section-head-left { margin-bottom: var(--gb_space_48); } .wp-block-button.is-style-with-arrow a.wp-block-button__link, .wp-block-button.is-style-with-arrow a.wp-block-button__link:visited { padding-inline: 16px !important; background-image: none !important; } .wp-block-button.is-style-with-arrow a.wp-block-button__link::after, .wp-block-button.is-style-with-arrow a.wp-block-button__link:visited::after { content: ""; width: 14px; height: 14px; display: inline-block; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjMyNjE3MiAyMC4zMjMyTDUuNjQyMTYgMTAuMzIzM0wwLjMyNjE3MiAwLjMyMzI5MkgyLjk1ODE3TDExLjAxMDEgOS40ODA2VjExLjE2NTlMMi45NTgxNyAyMC4zMjMySDAuMzI2MTcyWiIgZmlsbD0iI0ZBRjdGMyIvPg0KPC9zdmc+DQo=); background-size: 6px; background-position: center; background-repeat: no-repeat; margin-left: 6px; position: relative; top: 0; } .wp-block-button.is-style-with-arrow.is-color-brown a.wp-block-button__link::after, .wp-block-button.is-style-with-arrow.is-color-brown a.wp-block-button__link:visited::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wIDIwTDUuMzE1OTkgMTBMMCA0Ljk0NzE5ZS0wNUgyLjYzMTk5TDEwLjY4NCA5LjE1NzM2VjEwLjg0MjdMMi42MzE5OSAyMEgwWiIgZmlsbD0iIzZCNTQ0NyIvPg0KPC9zdmc+DQo=); } .offer-popup-columns .offer-column.column { padding: 0 5%; } #offer-popup-banner .popup-image { padding: 24px; } .stays-archive .stays-list-item-image { width: 100%; } .stays-archive .stays-list-item-content { width: 100%; } .gallery-ctn { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 140px; gap: 10px; } .copy-right { width: 100%; text-align: left; } .hero-default.with-image .hero-default-content, .hero-default.with-image .hero-default-image { width: 100%; } .iat-image.column { margin-top: 30px; } ul.children li.depth-2, ul.children li.depth-3, ul.children li.depth-4, ul.children li.depth-5, ol.children li.depth-2, ol.children li.depth-3, ol.children li.depth-4, ol.children li.depth-5 { margin: 0 0 30px 20px !important; } .gfield.half-input-field, .ginput_left, .name_first, .ginput_right, .name_last { width: 100%; margin-right: 0; display: block; } figure td, figure th { width: 140px; } } @media only screen and (min-width: 460px) and (max-width: 1003px) { .copy-right { width: 100%; text-align: left; } .legal-nav { width: 100%; flex-direction: column; align-items: flex-start; } .legal-nav .menu-legal-nav-container { margin: 10px 0; } .legal-nav ul li:first-of-type { margin-left: 0; } .legal-nav ul li:first-of-type::before { display: none; } .footer-widgets .single-widget:first-of-type { display: flex; flex-wrap: wrap; justify-content: center; width: 100% !important; margin-right: 0; -moz-column-gap: 3%; column-gap: 3%; } .footer-widgets .single-widget:first-of-type .social-icons a, .footer-widgets .single-widget:first-of-type .social-icons a:visited { width: 30px; height: 30px; margin-right: 22px; transition: all 0.3s ease-in-out; } .footer-widgets .single-widget:first-of-type h5 { width: 100%; margin-bottom: 0; } .footer-widgets .single-widget:first-of-type .footer-logo { width: 100%; } .footer-widgets .single-widget:first-of-type .footer-widget-sub-headline { width: 50%; } .footer-widgets .single-widget:first-of-type .footer-socials-area { width: 47%; padding-left: 24px; } .footer-widgets .single-widget:nth-child(2) { margin-right: 0; width: 50%; padding-top: 35px; } .footer-widgets .single-widget:nth-child(3) { margin-right: 0; width: 47%; padding-top: 35px; } .footer-widgets .single-widget:last-of-type { width: 100%; padding: 20px; margin-right: 0; margin-top: 48px; } .footer-widgets { gap: 3%; } .footer-widgets .footer-column-logo-left { width: 42.5%; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } } @media only screen and (min-width: 460px) and (max-width: 747px) { .sb-post-item-wrap { width: calc(33.33% - 16px); } } @media only screen and (max-width: 459px) { .footer-widgets .single-widget:last-of-type { margin-bottom: 0; } .perk-wrapper .perk-image { width: 100%; aspect-ratio: 16/9; } .perk-wrapper .perk-text-area { width: 100%; margin-top: 24px; } .footer-bottom { flex-wrap: wrap; padding: 30px 0; } .footer-bottom .copy-right, .footer-bottom .menu-legal-nav { width: 100%; } .footer-bottom .legal-nav ul { justify-content: flex-start; } .footer-bottom .legal-nav ul li { margin: 10px 10px 0 0; } .footer-bottom .legal-nav { width: 100%; flex-wrap: wrap; justify-content: flex-start; } .footer-bottom .legal-nav .footer-copyright-text { width: 100%; } .footer-bottom .legal-nav ul { justify-content: center; margin-bottom: 16px; } .footer-bottom .legal-nav ul li { margin: 10px 40px 0 0; } .footer-bottom .legal-nav ul li:first-of-type::before { display: none; } .footer-bottom .legal-nav ul li:last-of-type { margin-right: 0; } .newsletter-form .gfield_label { margin-bottom: 10px; } .footer-column-logo-left { text-align: center; aspect-ratio: 2/2; } .footer-column-logo-left img { height: 100%; } .footer-column-logo-left, .footer-column-logo-right { width: 100%; } .three-columns { grid-template-columns: repeat(1, 1fr); } .sb-post-item-wrap { width: calc(50% - 10px); } .stays-list-item-content, .stays-list-item-image { width: 100%; } } @media only screen and (max-width: 400px) { .perk-slider .swiper-slide { width: 280px; } } /* ------------------------------------------------------------------ > Import Fonts ------------------------------------------------------------------ */ @font-face { font-family: "Inter 18pt"; font-style: normal; font-weight: 300; src: url(fonts/Inter18pt-Light.woff2) format("woff2"); } @font-face { font-family: "Montserrat"; font-style: normal; font-weight: normal; src: url(fonts/Montserrat-Regular.woff2) format("woff2"); } /* ------------------------------------------------------------------ > Vendors CSS Starts Here ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Starts Here ------------------------------------------------------------------ */ /* ------------------------------------------------------------------ > Vendors CSS Example ------------------------------------------------------------------ */ /* Vendor CSS Owl carousel */ /*# sourceMappingURL=styles.min.css.map*/