/** * Swiper 4.5.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 13, 2019 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;-webkit-transition:.2s top, .2s -webkit-transform;transition:.2s top, .2s -webkit-transform;-webkit-transition:.2s transform, .2s top;transition:.2s transform, .2s top;-webkit-transition:.2s transform, .2s top, .2s -webkit-transform;transition:.2s transform, .2s top, .2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;-webkit-transition:.2s left, .2s -webkit-transform;transition:.2s left, .2s -webkit-transform;-webkit-transition:.2s transform, .2s left;transition:.2s transform, .2s left;-webkit-transition:.2s transform, .2s left, .2s -webkit-transform;transition:.2s transform, .2s left, .2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;-webkit-transition:.2s right, .2s -webkit-transform;transition:.2s right, .2s -webkit-transform;-webkit-transition:.2s transform, .2s right;transition:.2s transform, .2s right;-webkit-transition:.2s transform, .2s right, .2s -webkit-transform;transition:.2s transform, .2s right, .2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);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:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align: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}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-text-decoration:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:baseline;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:baseline;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /*the container must be positioned relative:*/ .form-item.form-type-select, .form-item.js-form-type-select{ position: relative; } .views-exposed-form .form-item.form-type-select label, .views-exposed-form .form-item.js-form-type-select label{ padding: 20px 30px; padding-right: 5px; } .views-exposed-form .form-item.form-type-select, .views-exposed-form .form-item.js-form-type-select{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: flex-start; } .form-item.form-type-select select, .form-item.js-form-type-select select { height: 0px; padding: 0px; border: 0px; display: none !important; } .select-selected { background-color: transparent; } /*style the arrow inside the select element:*/ .select-selected:after { position: absolute; content: ""; top: calc(50% - 5px); right: 13px; width: 14px; height: 10px; -webkit-mask-image: url(../css/svgs/small-arrow.svg); -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; background: #000000; transform: scaleY(-1) ; -webkit-transform: scaleY(-1) ; -moz-transform: scaleY(-1) ; -ms-transform: scaleY(-1) ; -o-transform: scaleY(-1) ; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .select-selected:before{ position: absolute; content: ""; bottom: 0; height: 1px; left: 20px; margin: 0 auto; width: calc(100% - 40px); background: transparent; } .select-selected.select-arrow-active:before{ background: #F2F2F2; } /*point the arrow upwards when the select box is open (active):*/ .select-selected.select-arrow-active:after { transform: scaleY(1) ; -webkit-transform: scaleY(1) ; -moz-transform: scaleY(1) ; -ms-transform: scaleY(1) ; -o-transform: scaleY(1) ; } /*style the items (options), including the selected item:*/ .select-selected { padding: 20px 15px; padding-right: 20px; font-weight: 900; color: #000000; border: 0px solid #962CB0; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; background: white; margin-right: 0px; position: relative; cursor: pointer; opacity: 1; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .select-box { position: relative; margin: 0px; } .select-box:last-child{ margin-bottom: 0px; } .form-type-date-select .select-box{ margin-right: 0px; } @keyframes showup{ 0% {opacity: 0;} 100% {opacity: 1;} } .select-selected.select-arrow-active{ border-bottom: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background: white; } .select-items div, .select-items input{ padding: 5px 15px; padding-right: 15px; color: black; border: 0px solid #962CB0; border-top: 0px; border-bottom: 0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; background: white; font-weight: 500; position: relative; margin-right: 0px; cursor: pointer; width: 100%; } .select-items .go-search { position: absolute; top: 0; right: 0; padding: 5px 15px; background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); color: white; text-align: center; line-height: 35px; cursor: pointer; z-index: 10; } .select-items header { position: sticky; top: 0; z-index: 100; } .select-items input { border-bottom: 1px solid #F2F2F2; } .select-items div:first-child{ padding-top: 15px; } .select-items div:last-child{ padding-bottom: 15px; } .select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; font-weight: 500; color: #962CB0; } /*style items (options):*/ .select-items { position: absolute; background-color: transparent; top: 100%; left: 0; right: 0; z-index: 99; transform: scaleY(1); transform-origin: top; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; max-height: 420px; overflow-y: auto; border-bottom: 0px solid #962CB0; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; box-shadow: 0 10px 20px -10px rgba(105,119,135,0.2), 0 20px 30px -10px rgba(56,56,56,0.05); } .select2-results, .select2-search{ padding: 0px; margin: 0px; } .select2-search input[type="text"] { padding: 2px 10px; border: 1px solid #DFDFE1; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .select2-results .select2-result:nth-child(odd){ background-color: transparent; } .select2-results .select2-result.select2-highlighted{ background-color: #962CB0; color: white; } .select2-results .select2-result{ line-height: 20px; padding: 10px 20px; min-height: 42px; } .select2-container{ color: #962CB0; border: 1px solid #962CB0; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; overflow: hidden; } #block-system-main .node-form > div > div .select2-container a, #block-system-main .node-form > div > div .select2-container a input{ border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } .select2-container.select2-dropdown-open{ border-bottom: 0px; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .select2-drop-active{ border: 1px solid #962CB0; border-bottom-left-radius: 22px; border-bottom-right-radius: 22px; border-top: none; overflow: hidden; } /*hide the items when the select box is closed:*/ .select-hide { transform: scaleY(0); transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; } .select-items div:hover, .same-as-selected { background-color: transparent; color: white; } .select-items div::after{ content: ""; position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; z-index: -1; box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15); background: #fb4f51; background: linear-gradient(to right, #fb4f51 0%,#f52a53 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4f51', endColorstr='#f52a53',GradientType=1 ); } .select-items div:hover::after{ opacity: 1; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } @charset "UTF-8"; body.page-node-type-locations #full-page-wrapper .slider-navigation .left-arrow, body.page-node-type-locations #full-page-wrapper .slider-navigation .right-arrow, #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content a, #block-views-block-city-menu-block-1-2 .view-content .views-field-title .field-content a, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content a, #block-views-block-city-menu-block-1-2 .block-title, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .block-title, #block-views-block-call-us-menu-block-1 .view-content .views-field-title .field-content a, #block-views-block-call-us-menu-block-1-2 .view-content .views-field-title .field-content a, #block-views-block-call-us-menu-block-1-3 .view-content .views-field-title .field-content a, #block-views-block-call-us-menu-block-1 .block-title, #block-views-block-call-us-menu-block-1-2 .block-title, #block-views-block-call-us-menu-block-1-3 .block-title, #block-views-block-city-menu-block-1-4 .view-content .views-field-title .field-content a, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-field-title .field-content a, .js-language-menu > ul div.options li a, .js-language-menu > ul li a, #block-blazingsaddles-main-menu > ul > li > a, #block-blazingsaddles-main-menu > ul, .level-1-item-clone > a, #fullscreen-menu [id^=block-blazingsaddles-] > ul > li > a, #fullscreen-menu [id^=block-blazingsaddles-] > ul { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently */ } .header-image-on.page-node-type-about-us #content #block-blazingsaddles-content .field-lead, .header-slideshow-on.page-node-type-about-us #content #block-blazingsaddles-content .field-lead, .header-image-on.page-node-type-event-tour #content #block-blazingsaddles-content .field-lead, .header-slideshow-on.page-node-type-event-tour #content #block-blazingsaddles-content .field-lead, .page-node-type-page #content #block-blazingsaddles-content header .field-lead { color: #000; font-weight: normal; font-size: 1rem; } #block-views-block-locations-without-map-block-1 .location-subtitle, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-subtitle, .rentable-bikes-wrapper .bike-name, .event-main-box .event-tour-sidebar h2, .js-form-type-number input, .path-checkout .section.sidebar-left .sidebar-left .view-header, .path-checkout .section.sidebar-left .sidebar-left .views-field-nothing .product-name, .block-commerce-cart .view-header, .block-commerce-cart .views-field-nothing .product-name, .view-id-shop .title, .view-id-shop .product-name, #block-views-block-ny-block-1 .title, #block-views-block-ny-block-1 .product-name, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-name, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-name, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-name, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-name, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-name, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-name, .page-node-type-bike-category #block-blazingsaddles-content .bike-name, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-name, #map .location-subtitle, .header-image-on #content #block-blazingsaddles-content header .field-lead, .header-slideshow-on #content #block-blazingsaddles-content header .field-lead, .before-footer .community-section .node__title { color: #000; font-weight: 900; font-size: 1.1rem; } .path-checkout #block-thankyouforyourorder h3, .path-checkout #before-content h3, .path-checkout #block-checkoutprogress h3, .path-product .product-title, .page-node-type-about-us .partners-and-affiliates h1, .before-footer .section-block-title { font-size: 3rem; line-height: 3rem; color: #004ec8; font-weight: 900; } @media (max-width: 580px) { .path-checkout #block-thankyouforyourorder h3, .path-checkout #before-content h3, .path-checkout #block-checkoutprogress h3, .path-product .product-title, .page-node-type-about-us .partners-and-affiliates h1, .before-footer .section-block-title { font-size: 2.5rem; line-height: 2.5rem; } } .landing-locations .field-main-locations .city-name { font-size: 3rem; line-height: 3rem; color: #fff; font-weight: 900; } #block-views-block-something-for-everyone-block-1 .sfe-block > .sfe-title, .custom-title { font-size: 4rem; line-height: 4rem; color: #004ec8; font-weight: 900; } @media (max-width: 768px) { #block-views-block-something-for-everyone-block-1 .sfe-block > .sfe-title, .custom-title { font-size: 3rem; line-height: 3rem; } } .page-node-type-tour-package #block-blazingsaddles-content .tour-title h1, .page-node-type-tour #block-blazingsaddles-content .tour-title h1 { font-size: 3rem; line-height: 3.3rem; font-weight: 900; } @media (max-width: 580px) { .page-node-type-tour-package #block-blazingsaddles-content .tour-title h1, .page-node-type-tour #block-blazingsaddles-content .tour-title h1 { font-size: 2.5rem; line-height: 3rem; } } .page-node-type-bikes-and-prices-for-locations .bike-title, .node--id-206 .referenced-content .review-text::before, .node--id-206 .referenced-content .review-text::after, .page-node-type-language-page #block-blazingsaddles-content h2.node__title span, .blue-title a, .blue-title { font-size: 4rem; line-height: 4rem; font-weight: 900; color: #004ec8; } @media (max-width: 768px) { .page-node-type-bikes-and-prices-for-locations .bike-title, .node--id-206 .referenced-content .review-text::before, .node--id-206 .referenced-content .review-text::after, .page-node-type-language-page #block-blazingsaddles-content h2.node__title span, .blue-title a, .blue-title { font-size: 3.5rem; line-height: 3.5rem; } } @media (max-width: 580px) { .page-node-type-bikes-and-prices-for-locations .bike-title, .node--id-206 .referenced-content .review-text::before, .node--id-206 .referenced-content .review-text::after, .page-node-type-language-page #block-blazingsaddles-content h2.node__title span, .blue-title a, .blue-title { font-size: 3rem; line-height: 3rem; } } #block-views-block-something-for-everyone-block-1 .sfe-block > .sfe-description, .before-footer .community-section .tripadvisor-reviews, h2 { font-size: 3rem; line-height: 3rem; font-weight: 900; color: #004ec8; } @media (max-width: 580px) { #block-views-block-something-for-everyone-block-1 .sfe-block > .sfe-description, .before-footer .community-section .tripadvisor-reviews, h2 { font-size: 2rem; line-height: 2rem; } } .header-teaser, .view-tour-category-header .views-field-field-info-box { font-size: 1.2rem; line-height: 1.5rem; font-weight: normal; color: #000; } #block-views-block-something-for-everyone-block-1 .sfe-block li .sfe-title { font-size: 2.4rem; line-height: 3rem; font-weight: 900; color: #fff; } .landing-locations .field-main-locations .city-subname { font-size: 2.2rem; line-height: 2.6rem; font-weight: normal; color: #fff; } .node--type-promption-blocks .field-boxes .block-box-title, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-title { font-size: 2.2rem; line-height: 2.6rem; font-weight: 900; color: #fff; } .video-block .video-title, .rentable-bikes-wrapper .rentable-bikes-title, #block-views-block-faq-items-block-1 .views-field-title, #block-views-block-faq-items-block-1 .faq-category-title { font-size: 2.2rem; line-height: 2.6rem; font-weight: 900; color: #004ec8; } @media (max-width: 580px) { .video-block .video-title, .rentable-bikes-wrapper .rentable-bikes-title, #block-views-block-faq-items-block-1 .views-field-title, #block-views-block-faq-items-block-1 .faq-category-title { font-size: 1.8rem; line-height: 2rem; } } .path-checkout .section.sidebar-left .sidebar-left .view-footer .red-total-price, .block-commerce-cart .view-footer .red-total-price, .path-product .price, .member-info-wrapper .meber-info-name { font-size: 2.2rem; line-height: 2.6rem; font-weight: 900; color: #f52a53; } .alcatraz-ticket .section.sidebar-left .ticket-departure-time .departure-time-time, .alcatraz-ticket .section.sidebar-left .sidebar-left .price-bottom, .alcatraz-ticket .section.sidebar-left .sidebar-left .price-total-box, .alcatraz-ticket .section.sidebar-left .sidebar-left .ticket-quantity .ticket-quentity-title, .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour h4, div[role=contentinfo], .order-total-line__subtotal .order-total-line-value, .order-total-line-label, .block-commerce-cart .views-field-quantity, .path-product .field-title, .path-product .form-item > label, .path-product legend, .node--id-206 .referenced-content .review-profile-name, .node--id-206 .referenced-content .review-title, .node--id-211 .referenced-content .toggle-lists .field-title, .node--id-191 .referenced-content .member-name, .landing-locations .field-main-locations > div .city-link-text, .ui-dialog .ui-dialog-content .attribute-size, .page-node-type-language-page #block-blazingsaddles-content .field-lead, .webform-submission-build-your-tour-form label, h3, .block-title-inner { font-size: 1.1rem; line-height: 1.1rem; font-weight: 900; color: #000; } .ui-dialog .ui-dialog-content .attribute-color { font-size: 1.3rem; line-height: 1.3rem; font-weight: 900; color: #000; } .node--type-promption-blocks .field-boxes .block-box-info, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-info { font-size: 1.1rem; line-height: 1.5rem; font-weight: 900; color: #fff; } #block-views-block-tours-in-category-block-1 .tour-title, .event-main-box h4, #block-views-block-faq-items-block-1 .node__title, .path-checkout .fieldset-legend, .node--id-177 .referenced-content .history-year, .node--id-211 .referenced-content .job-item-middle .job-item-title { color: #000; font-weight: 900; font-size: 1.7rem; line-height: 1.7rem; } @media (max-width: 768px) { #block-views-block-tours-in-category-block-1 .tour-title, .event-main-box h4, #block-views-block-faq-items-block-1 .node__title, .path-checkout .fieldset-legend, .node--id-177 .referenced-content .history-year, .node--id-211 .referenced-content .job-item-middle .job-item-title { font-size: 1.4rem; line-height: 1.6rem; } } .event-main-box .event-highlight .link-text { color: #e11b48; font-weight: 900; font-size: 1.7rem; line-height: 1.7rem; } .block-webform .block-title h2, .ui-dialog-titlebar .ui-dialog-title, .big-blue-text { color: #004ec8; font-weight: 900; font-size: 1.7rem; line-height: 1.7rem; } .block-commerce-cart .views-field-title, .ui-dialog .ui-dialog-content .cart-message { color: #004ec8; font-weight: 900; font-size: 1.2rem; line-height: 1.2rem; } .alcatraz-ticket .section.sidebar-left .sidebar-left .price-total-box .price-total, .commerce-complete #block-blazingsaddles-content .layout-checkout-form .order-number, .path-cart #main-wrapper .cart-form .product-total-price, .view-id-shop .product-price .view-content div, #block-views-block-ny-block-1 .product-price .view-content div, .view-id-shop .price, #block-views-block-ny-block-1 .price, .red-price, .big-red { color: #f52a53; font-weight: 900; font-size: 1.5rem; line-height: 1.5rem; } @media (max-width: 768px) { .alcatraz-ticket .section.sidebar-left .sidebar-left .price-total-box .price-total, .commerce-complete #block-blazingsaddles-content .layout-checkout-form .order-number, .path-cart #main-wrapper .cart-form .product-total-price, .view-id-shop .product-price .view-content div, #block-views-block-ny-block-1 .product-price .view-content div, .view-id-shop .price, #block-views-block-ny-block-1 .price, .red-price, .big-red { font-size: 1.8rem; line-height: 1.8rem; } } .order-total-line-value, .path-checkout .section.sidebar-left .sidebar-left .views-field-total-price__number, .block-commerce-cart .views-field-total-price__number, .ui-dialog .ui-dialog-content .price, .small-red, .red-bold { color: #f52a53; font-weight: 900; font-size: 1.3rem; line-height: 1.3rem; } @media (max-width: 768px) { .order-total-line-value, .path-checkout .section.sidebar-left .sidebar-left .views-field-total-price__number, .block-commerce-cart .views-field-total-price__number, .ui-dialog .ui-dialog-content .price, .small-red, .red-bold { font-size: 1.5rem; line-height: 1.5rem; } } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div, #block-views-block-tours-in-category-block-1 .tour-inform > *, .path-checkout .section.sidebar-left .sidebar-left .views-field-nothing .product-attributes, .block-commerce-cart .views-field-nothing .product-attributes, .node--id-177 .referenced-content .hisotry-info-right { color: #000; font-size: 0.9rem; line-height: 1.2rem; } .event-main-box .field-sidebar-, .webform-element-description, .before-footer .community-section .copyright { color: #000; font-size: 0.8rem; line-height: 1.5rem; } .block-commerce-cart .cart-block--summary__count { color: #fff; font-size: 0.8rem; line-height: 1.3rem; } #block-views-block-tours-in-category-block-1 .price-time, .category-list-block .views-row a, .crossed { color: #000; font-size: 0.9rem; line-height: 1.1rem; font-weight: 900; } #block-views-block-locations-without-map-block-1 .location-title, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-title, .page-node-type-tour-package #block-blazingsaddles-content .tour-lists .field-title, .page-node-type-tour #block-blazingsaddles-content .tour-lists .field-title, .node--type-promption-blocks .promotion-block-link a, .alcatraz-ticket #block-blazingsaddles-content .guest-header, .path-cart #main-wrapper .cart-form .product-name h2, #map .location-address-title { color: #000; font-size: 1.8rem; line-height: 1.9rem; font-weight: 900; } @media (max-width: 580px) { #block-views-block-locations-without-map-block-1 .location-title, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-title, .page-node-type-tour-package #block-blazingsaddles-content .tour-lists .field-title, .page-node-type-tour #block-blazingsaddles-content .tour-lists .field-title, .node--type-promption-blocks .promotion-block-link a, .alcatraz-ticket #block-blazingsaddles-content .guest-header, .path-cart #main-wrapper .cart-form .product-name h2, #map .location-address-title { font-size: 1.5rem; line-height: 1.6rem; } } .page-node-type-tour-package #block-blazingsaddles-content .bike-price-in-dollar .price-time, .page-node-type-tour #block-blazingsaddles-content .bike-price-in-dollar .price-time { color: #000; font-size: 1.5rem; line-height: 1.7rem; font-weight: 900; } .node--type-promption-blocks .field-boxes .block-box-buttons a, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-buttons a, .recommended { color: #fff; font-weight: 900; font-size: 0.9rem; line-height: 0.9rem; } #block-views-block-locations-without-map-block-1 .link-svg, #block-blazingsaddles-views-block-locations-without-map-block-2 .link-svg, .event-main-box .event-highlight .link-text, .node--id-211 .referenced-content .toggle-lists, .node--id-211 .referenced-content .job-item-info-box, .node--id-191 .referenced-content .field-content, #map .location-popup-container, .js-form-type-number .input-field, .path-product .form-item, .path-product fieldset .fieldset-wrapper > div, .path-product fieldset, #page-header .header-menu-box, .view-id-shop .product-hover, #block-views-block-ny-block-1 .product-hover, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .book-now-bike a, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .book-now-bike a, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .book-now-bike a, .page-node-type-bike-category #block-views-block-bikes-block-1 .book-now-bike a, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a, .page-node-type-bike-category #block-blazingsaddles-content .book-now-bike a, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .book-now-bike a, .alcatraz-ticket #block-blazingsaddles-content .add-guest-button button, .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button button, .button-transparent-white, .button-transparent, .button-blue, .footer-btn-transparent, .node--type-promption-blocks .field-boxes, #block-views-block-tours-in-category-block-1 .one-tour, .node--id-177 .referenced-content .field-content .history-info-box, .node--id-177 .referenced-content .field-content, .node--id-206 .referenced-content .field-content, .landing-locations .field-main-locations .city-hover .field-icon-with-link-and-title, #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content, .fullscreen-menu-header, #block-views-block-city-menu-block-1-4 .view-content .views-field-title .field-content, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-field-title .field-content { display: flex; flex-direction: row; flex-wrap: nowrap; } .node--id-206 .referenced-content .field-content .field-item .review-box, .category-list-block .views-row a, .map-nav, #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content a, #block-views-block-city-menu-block-1-2 .view-content .views-field-title .field-content a, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content a, #block-views-block-call-us-menu-block-1 .view-content .views-field-title .field-content a, #block-views-block-call-us-menu-block-1-2 .view-content .views-field-title .field-content a, #block-views-block-call-us-menu-block-1-3 .view-content .views-field-title .field-content a, #block-views-block-city-menu-block-1-4 .view-content .views-field-title .field-content a, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-field-title .field-content a, #block-blazingsaddles-main-menu > ul, #fullscreen-menu [id^=block-blazingsaddles-] > ul, .site-preloader .preloader-middle, .rentable-bikes-wrapper .view-bike-prices .bike-price-in-dollar, #fullscreen-menu.opened { display: flex; flex-direction: column; flex-wrap: wrap; } .rentable-bikes-wrapper .view-bike-prices .bike-price-in-dollar, #fullscreen-menu.opened { justify-content: center; align-items: center; } .page-node-type-tour-package #block-blazingsaddles-content .bike-price-in-dollar, .page-node-type-tour #block-blazingsaddles-content .bike-price-in-dollar, .page-node-type-tour-package #block-blazingsaddles-content .tour-lists, .page-node-type-tour #block-blazingsaddles-content .tour-lists, .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div, .page-node-type-tour-package #block-blazingsaddles-content .tour-price-and-pay, .page-node-type-tour-package #block-blazingsaddles-content .tour-inform, .page-node-type-tour #block-blazingsaddles-content .tour-price-and-pay, .page-node-type-tour #block-blazingsaddles-content .tour-inform, .page-node-type-tour-package #block-blazingsaddles-content, .page-node-type-tour #block-blazingsaddles-content, #block-views-block-tours-in-category-block-1 .tour-prices .view-content, #block-views-block-tours-in-category-block-1 .tour-prices ul, .rentable-bikes-wrapper .field-rentable-bikes, .event-main-box .event-main-content, .event-main-box .event-tour-sidebar .inner-wrapper-sticky, .event-main-box .event-tour-sidebar, .event-main-box, .page-node-type-bikes-and-prices-for-locations .bike-price-in-dollar .field-prices, .alcatraz-ticket #block-blazingsaddles-content form, .alcatraz-ticket .section.sidebar-left .sidebar-left, #block-views-block-faq-items-block-1 .views-row, .path-checkout .layout-checkout-form, .view-id-shop .view-content, #block-views-block-ny-block-1 .view-content, .node--id-206 .referenced-content .field-content .double-field-item, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .view-content, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .view-content, .page-node-type-bike-category #block-views-block-bikes-block-1 .view-content, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .view-content, .page-node-type-bike-category #block-blazingsaddles-content .view-content, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .view-content, .category-list-block .view-content, .category-list-block, .svg-header-slideshow .header-slideshow-pagers .pagers, .before-footer .community-section .field-social-links, .before-footer .community-section .field-community-block-app-links, .before-footer .community-section .field-app-links, .before-footer .community-section .field-community-block-social-l, nav > ul, .chosen-ticket .label-time, .webform-submission-build-your-tour-form, .section.sidebar-left, #block-blazingsaddles-local-tasks > .content ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } #block-views-block-locations-without-map-block-1 .view-content, #block-blazingsaddles-views-block-locations-without-map-block-2 .view-content, .alcatraz-ticket .section.sidebar-left .sidebar-left .price-bottom, .node--id-177 .referenced-content .field-content .field-item:nth-child(even), #page-header .header-menu { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; } #block-views-block-tours-in-category-block-1 .one-tour, .node--id-177 .referenced-content .field-content .history-info-box, .node--id-177 .referenced-content .field-content, .node--id-206 .referenced-content .field-content, .landing-locations .field-main-locations .city-hover .field-icon-with-link-and-title, #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content, .fullscreen-menu-header, #block-views-block-city-menu-block-1-4 .view-content .views-field-title .field-content, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-field-title .field-content { justify-content: flex-start; align-items: flex-start; } #block-views-block-something-for-everyone-block-1 .sfe-block li .sfe-title, .recommended { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-end; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-prices .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-prices .views-field-nothing, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-prices .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-prices .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-content .bike-prices .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-prices .views-field-nothing { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; } #block-views-block-something-for-everyone-block-1 .sfe-block ul, .alcatraz-ticket .section.sidebar-left .ticket-departure-time, .alcatraz-ticket .section.sidebar-left .sidebar-left .price-total-box, .alcatraz-ticket .section.sidebar-left .sidebar-left .form-item.js-form-type-select, .alcatraz-ticket .section.sidebar-left .sidebar-left .ticket-quantity, .path-checkout .section.sidebar-left .sidebar-left .view-footer, .path-checkout .section.sidebar-left .sidebar-left .view-header, .path-cart #main-wrapper .cart-form .form-actions, .block-commerce-cart .view-header, .block-commerce-cart .view-footer, .page-node-type-about-us .promotion-block-block-boxes .field-subpage { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .node--type-promption-blocks .field-boxes { justify-content: space-between; align-items: flex-start; } @media (max-width: 768px) { .node--type-promption-blocks .field-boxes { justify-content: center !important; } } .event-main-box .event-highlight .link-text, .path-cart #main-wrapper .cart-form td.views-field, .path-cart #main-wrapper .cart-form tr, .node--id-206 .referenced-content .review-info { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } .node--id-177 .referenced-content .field-content .field-item:nth-child(even), .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-prices .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-prices .views-field-nothing, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-prices .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-prices .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-content .bike-prices .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-prices .views-field-nothing { align-items: flex-end; } #block-views-block-tours-in-category-block-1 .one-tour, #block-views-block-something-for-everyone-block-1 .sfe-block ul, .rentable-bikes-wrapper .field-rentable-bikes, .path-checkout .layout-checkout-form, .view-id-shop .view-content, #block-views-block-ny-block-1 .view-content, .node--id-177 .referenced-content .field-content .history-info-box, .node--id-206 .referenced-content .field-content .double-field-item, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .view-content, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .view-content, .page-node-type-bike-category #block-views-block-bikes-block-1 .view-content, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .view-content, .page-node-type-bike-category #block-blazingsaddles-content .view-content, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .view-content, .category-list-block .view-content { align-items: initial; } .view-id-shop .product-hover, #block-views-block-ny-block-1 .product-hover, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .book-now-bike a, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .book-now-bike a, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .book-now-bike a, .page-node-type-bike-category #block-views-block-bikes-block-1 .book-now-bike a, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a, .page-node-type-bike-category #block-blazingsaddles-content .book-now-bike a, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .book-now-bike a, .alcatraz-ticket #block-blazingsaddles-content .add-guest-button button, .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button button, .button-transparent-white, .button-transparent, .button-blue, .footer-btn-transparent { justify-content: center; align-items: center; } @media (max-width: 1023px) { .view-id-shop .product-hover, #block-views-block-ny-block-1 .product-hover, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .book-now-bike a, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .book-now-bike a, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .book-now-bike a, .page-node-type-bike-category #block-views-block-bikes-block-1 .book-now-bike a, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a, .page-node-type-bike-category #block-blazingsaddles-content .book-now-bike a, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .book-now-bike a, .alcatraz-ticket #block-blazingsaddles-content .add-guest-button button, .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button button, .button-transparent-white, .button-transparent, .button-blue, .footer-btn-transparent { flex-wrap: wrap; } } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-prices .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-prices .view-content, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-prices .view-content, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-prices .view-content, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .view-content, .page-node-type-bike-category #block-blazingsaddles-content .bike-prices .view-content, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-prices .view-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: initial; } #block-views-block-tours-in-category-block-1 .tour-bottom, #block-views-block-something-for-everyone-block-1 .sfe-block li .sfe-button a, .video-block, .node--type-promption-blocks .field-boxes .block-box-buttons a, .node--type-promption-blocks .field-boxes .block-box-buttons .field-icon-with-link-and-title, .node--type-promption-blocks .promotion-block-link, .block-commerce-cart .cart-block--contents__inner .cart-block--contents__links, .view-id-shop .product-price .view-content, #block-views-block-ny-block-1 .product-price .view-content, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-buttons a, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-buttons .field-icon-with-link-and-title, .landing-locations .field-main-locations .city-link-icon, .landing-locations .field-main-locations .city-hover .field-icon-with-link-and-title > div, .landing-locations, .ui-dialog .ui-dialog-content .cart-button, .popup .form-actions.webform-actions, .ui-dialog .ui-dialog-buttonpane, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, .svg-header-slideshow .header-slideshow-pagers, .back-to-top .button-red, #fullscreen-menu #block-views-block-city-menu-block-1-4 .view-content .view-header a, #fullscreen-menu #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .view-header a, #fullscreen-menu #block-views-block-city-menu-block-1-4 .view-content .view-header, #fullscreen-menu #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .view-header, #page-header .reserve-now-button, .take-a-tour .video-icon, .link-text, .site-preloader, #block-alertpopup, .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item, .block-commerce-cart .cart-block--summary__icon, #block-views-block-city-menu-block-1-2 .block-title, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .block-title, #block-views-block-call-us-menu-block-1 .block-title, #block-views-block-call-us-menu-block-1-2 .block-title, #block-views-block-call-us-menu-block-1-3 .block-title, .js-language-menu > ul li.selected-language, #menu-icon, .button-white, .button-link-red, .button-red, .reserve-now-button, .ui-dialog .ui-dialog-buttonpane .button-red { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .path-checkout .layout-checkout-form .paypal-buttons-container, .page-node-type-about-us .partners-and-affiliates { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } #block-views-block-locations-without-map-block-1 .location-top, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top, .page-node-type-tour-package #block-blazingsaddles-content .tour-price-and-pay, .page-node-type-tour-package #block-blazingsaddles-content .tour-inform, .page-node-type-tour #block-blazingsaddles-content .tour-price-and-pay, .page-node-type-tour #block-blazingsaddles-content .tour-inform, .category-selector, .site-footer-box, #page-header .layout-container, #page-header #header > .layout-container, .take-a-tour, .js-form-type-radio { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .js-form-type-number .input-field, .path-product .form-item, .path-product fieldset .fieldset-wrapper > div, .path-product fieldset, #page-header .header-menu-box { align-items: center; } #block-views-block-locations-without-map-block-1 .views-row, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row, .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div, #block-views-block-tours-in-category-block-1 .one-tour, #block-views-block-something-for-everyone-block-1 .sfe-block li, .video-block .popup-link, .video-block .video-block-image::before, .rentable-bikes-wrapper .field-item > .node.bike, .rentable-bikes-wrapper .field-item, .event-main-box .event-main-content, .event-main-box .event-tour-sidebar .inner-wrapper-sticky, .node--type-promption-blocks .field-boxes > .field-item, .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item::after, .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item::before, .alcatraz-ticket #block-blazingsaddles-content form, .alcatraz-ticket .section.sidebar-left .sidebar-left #block-tourdetails .content > *.sub-tour, .alcatraz-ticket .section.sidebar-left .sidebar-left, #block-views-block-faq-items-block-1 .views-row, div[role=contentinfo], .path-checkout #main .sidebar-left, .path-checkout .layout-checkout-form, .path-cart #main-wrapper .cart-form tr, .block-commerce-cart .cart-block--contents, .block-commerce-cart .cart-block--summary__count, .path-product .field--name-purchased-entity .fieldset-wrapper .field-color, .path-product .field--name-purchased-entity .fieldset-wrapper .option, .view-id-shop .views-row, #block-views-block-ny-block-1 .views-row, .node--id-177 .referenced-content .field-content .history-info-box, .node--id-206 .referenced-content .field-content .field-item, .node--id-211 .referenced-content .field-content > .field-item, .page-node-type-about-us .promotion-block-block-boxes .field-subpage > .field-item, .landing-locations .field-main-locations > div, .category-selector, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .views-row.bike > .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike > .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .views-row.bike > .views-field-nothing, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-block-1 .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-content .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .views-row.bike > .views-field-nothing, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .views-row.bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .views-row.bike, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .views-row.bike, .page-node-type-bike-category #block-views-block-bikes-block-1 .views-row.bike, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike, .page-node-type-bike-category #block-blazingsaddles-content .views-row.bike, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .views-row.bike, .category-list-block, .map-nav .zoom-button::after, .popup.popup-block form, #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .active, #block-views-block-city-menu-block-1-4 .view-content .active, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .active, .take-a-tour .video-icon::after, .take-a-tour .video-icon::before, .button-transparent::after, .button-blue::after, .button-link-red::after, .button-link-red::before, .button-red::after, .reserve-now-button::after, .ui-dialog .ui-dialog-buttonpane .button-red::after, .button-red::before, .reserve-now-button::before, .ui-dialog .ui-dialog-buttonpane .button-red::before, .footer-btn-transparent::after, .webform-submission-build-your-tour-form, #block-alertpopup .content, textarea, .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item, .block-commerce-cart .cart-block--summary__icon, #block-views-block-city-menu-block-1-2 .block-title, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .block-title, #block-views-block-call-us-menu-block-1 .block-title, #block-views-block-call-us-menu-block-1-2 .block-title, #block-views-block-call-us-menu-block-1-3 .block-title, .js-language-menu > ul li.selected-language, #menu-icon, .button-white, .button-link-red, .button-red, .reserve-now-button, .ui-dialog .ui-dialog-buttonpane .button-red, .node--id-191 .referenced-content .member-profile-image { border: 0; border-radius: 30px; overflow: hidden; } .node--id-191 .referenced-content .member-profile-image { line-height: 0; } .recommended { border: 0; border-radius: 10px; overflow: hidden; } .js-form-type-number input, .category-list-block .views-row { border: 0; border-radius: 20px; overflow: visible; overflow: initial; } #block-views-block-locations-without-map-block-1 .views-row, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row, .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div, .rentable-bikes-wrapper .field-item, .event-main-box .event-tour-sidebar .inner-wrapper-sticky, .alcatraz-ticket #block-blazingsaddles-content form, .alcatraz-ticket .section.sidebar-left .sidebar-left #block-tourdetails .content > *.sub-tour, .alcatraz-ticket .section.sidebar-left .sidebar-left, .js-form-type-number input, .path-checkout #main .sidebar-left, .path-checkout .layout-checkout-form, .path-cart #main-wrapper .cart-form tr, .view-id-shop .views-row, #block-views-block-ny-block-1 .views-row, .node--id-177 .referenced-content .field-content .history-info-box, .node--id-206 .referenced-content .field-content .field-item, .node--id-211 .referenced-content .field-content > .field-item, .category-selector, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .views-row.bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .views-row.bike, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .views-row.bike, .page-node-type-bike-category #block-views-block-bikes-block-1 .views-row.bike, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike, .page-node-type-bike-category #block-blazingsaddles-content .views-row.bike, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .views-row.bike, .category-list-block, .popup.popup-block form, .webform-submission-build-your-tour-form, #block-alertpopup .content, textarea { border: 1px solid #f2f2f2; } .path-product .field--name-purchased-entity .fieldset-wrapper > div > div:first-child .option { border: 3px solid #d9d9d9; border-radius: 30px; overflow: hidden; } #block-views-block-tours-in-category-block-1 .tour-right, .rentable-bikes-wrapper .field-item > .node.bike, .node--type-promption-blocks .field-boxes > .field-item, .page-node-type-about-us .promotion-block-block-boxes .field-subpage > .field-item, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .views-row.bike > .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike > .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .views-row.bike > .views-field-nothing, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-block-1 .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-content .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .views-row.bike > .views-field-nothing, .category-list-block .views-row a, .node--type-promption-blocks .field-boxes .block-box-background::before, .node--type-promption-blocks .field-boxes .block-box-background::after, .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item::after, .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item::before, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-background::before, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-background::after, .category-list-block .views-row::after, .map-nav .zoom-button::after, .take-a-tour .video-icon::after, .take-a-tour .video-icon::before, .button-transparent::after, .button-blue::after, .button-link-red::after, .button-link-red::before, .button-red::after, .reserve-now-button::after, .ui-dialog .ui-dialog-buttonpane .button-red::after, .button-red::before, .reserve-now-button::before, .ui-dialog .ui-dialog-buttonpane .button-red::before, .footer-btn-transparent::after { -webkit-mask-image: -webkit-radial-gradient(white, black); } #block-views-block-locations-without-map-block-1 .location-top-right::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right::after, #block-views-block-tours-in-category-block-1 .tour-right::after, .landing-locations .city-background::after { content: ""; position: absolute; width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item, .block-commerce-cart .cart-block--summary__icon, #block-views-block-city-menu-block-1-2 .block-title, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .block-title, #block-views-block-call-us-menu-block-1 .block-title, #block-views-block-call-us-menu-block-1-2 .block-title, #block-views-block-call-us-menu-block-1-3 .block-title, .js-language-menu > ul li.selected-language, #menu-icon, .button-white, .button-link-red, .button-red, .reserve-now-button, .ui-dialog .ui-dialog-buttonpane .button-red { height: 60px; font-weight: bold; position: relative; padding: 10px 18px; color: #fff; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .block-title, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .block-title, #block-views-block-call-us-menu-block-1-2 .block-title, #fullscreen-menu #block-views-block-city-menu-block-1-4 .view-content .view-header, #fullscreen-menu #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .view-header { border: 0; border-radius: 40px; overflow: hidden; height: 75px; } .alcatraz-ticket #block-blazingsaddles-content .add-guest-button button, .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button button, .button-transparent-white, .button-transparent, .button-blue, .footer-btn-transparent { border-radius: 30px; overflow: hidden; height: 60px; font-weight: bold; position: relative; padding: 1.1vh 2vh; } .node--type-promption-blocks .field-boxes .block-box-background::before, .node--type-promption-blocks .field-boxes .block-box-background::after, .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item::after, .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item::before, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-background::before, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-background::after, .category-list-block .views-row::after, .map-nav .zoom-button::after, .take-a-tour .video-icon::after, .take-a-tour .video-icon::before, .button-transparent::after, .button-blue::after, .button-link-red::after, .button-link-red::before, .button-red::after, .reserve-now-button::after, .ui-dialog .ui-dialog-buttonpane .button-red::after, .button-red::before, .reserve-now-button::before, .ui-dialog .ui-dialog-buttonpane .button-red::before, .footer-btn-transparent::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; z-index: 0; } .button-red.input-button-field, .reserve-now-button.input-button-field, .ui-dialog .ui-dialog-buttonpane .button-red.input-button-field { padding: 0; } .event-main-box .register-button .button-transparent::after, .event-main-box .reserve-now-button::after, .event-main-box .reserve-now-button::before, .map-nav .zoom-button::after, .take-a-tour .video-icon::after, .take-a-tour .video-icon::before { z-index: -1; } #block-views-block-locations-without-map-block-1 .open-time, #block-blazingsaddles-views-block-locations-without-map-block-2 .open-time, #block-views-block-tours-in-category-block-1 .tour-hover a, .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item, .alcatraz-ticket #block-blazingsaddles-content .add-guest-button button, .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button button, .button-transparent-white, .button-transparent, .button-blue, .button-link-red, .button-red.input-button-field input, .button-red.input-button-field button, .reserve-now-button.input-button-field input, .reserve-now-button.input-button-field button, .ui-dialog .ui-dialog-buttonpane .button-red.input-button-field input, .ui-dialog .ui-dialog-buttonpane .button-red.input-button-field button, .button-red, .reserve-now-button, .ui-dialog .ui-dialog-buttonpane .button-red, .footer-btn-transparent { font-family: "Muli", sans-serif; font-weight: bold; } #alcatraz-app .alcatraz-form__container .button-icon, #alcatraz-app .alcatraz-form__sidebar .react-datepicker__input-container::after, .alcatraz-ticket #block-blazingsaddles-content .add-guest-button::before, .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button::before, .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour > .form-date-wrapper::after, #block-views-block-faq-items-block-1 .close-content, .commerce-complete #block-blazingsaddles-content .layout-checkout-form::after, .path-checkout .checkout-pane-shipping-information .button-red.input-button-field .button-icon, .path-cart #main-wrapper .cart-form .form-actions .button-icon, .block-commerce-cart .cart-block--summary__icon::after, .path-product .form-actions .button-icon, .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div::after, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div::after, #block-views-block-tours-in-category-block-1 .tour-inform > *::after { -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; } #block-views-block-locations-without-map-block-1 .link-svg, #block-blazingsaddles-views-block-locations-without-map-block-2 .link-svg, .page-node-type-tour-type .category-list .view-footer .button-icon, #block-views-block-something-for-everyone-block-1 .sfe-block li .sfe-button a::before, .button-blue.email-us::before, .button-transparent.call-to-reserve::before, .button-blue.call-to-reserve::before, .footer-btn-transparent.call-to-reserve::before, #block-views-block-locations-without-map-block-1 .open-time::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .open-time::after, .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div::after, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div::after, .node--id-211 .referenced-content .toggle-lists > div::before { -webkit-mask-position: left center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div::after, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div::after, #block-views-block-tours-in-category-block-1 .tour-inform > *::after { content: ""; position: absolute; background: transparent; } #block-views-block-locations-without-map-block-1 .open-time::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .open-time::after, .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div::after, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div::after, .node--id-211 .referenced-content .toggle-lists > div::before { content: ""; position: absolute; } @media (max-width: 768px) { .node--type-promption-blocks .field-boxes { flex-wrap: wrap; } } @media (max-width: 768px) { .category-list-block .views-row { border-radius: 0; } } :root { touch-action: pan-x pan-y; } @media (max-width: 1024px) { div[data-drupal-messages] { margin-top: 90px; } } .disable-scroll { overflow: hidden; overscroll-behavior: none; } .transaction-info, .order-items-info { display: none; } html { font-size: 16px; scroll-padding-top: 179px !important; } @media (max-width: 1024px) { html { font-size: 15px; } } html.webform-popup-opened, html.category-popup-opened, html.alert-popup-opened, html.popup-open { position: fixed; overflow: hidden !important; height: 100vh !important; top: 0; left: 0; right: 0; bottom: 0; overscroll-behavior: none; touch-action: none; -ms-touch-action: none; } body { font-family: "Nunito", sans-serif; color: #000; margin: 0; background: linear-gradient(140.12deg, #fff 0%, #d0d2d8 100%); position: relative; padding-top: 0; padding-top: var(--drupal-displace-offset-top); } body::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/themes/blazingsaddles/css/images/02bikes-loop-new.png"); background-repeat: repeat-x; background-size: 1000px; z-index: -2; opacity: 0.05; } body .dialog-off-canvas-main-canvas { position: relative; overflow: hidden; } body.webform-popup-opened, body.category-popup-opened, body.alert-popup-opened, body.popup-open { position: fixed; overflow: hidden !important; height: 100% !important; top: 0; left: 0; right: 0; bottom: 0; overscroll-behavior: none; touch-action: none; -ms-touch-action: none; } .grecaptcha-badge { visibility: hidden; } .js-form-item-nid { display: none; } * { box-sizing: border-box; } *:focus { outline: none; background: transparent; } *::before, *::after { box-sizing: border-box; } iframe { max-width: 100%; } #page-wrapper { position: relative; min-height: 100vh; } #page-wrapper .xdebug-var-dump:first-child { display: none; } /* iframe { width: 100%; } */ h1, h2, h3, .block-title-inner { margin: 0; } h2 { margin: 2.5vh 0; } #page-content { padding-top: 150px; } @media (max-width: 1024px) { #page-content { padding-top: 120px; } } @media (max-width: 768px) { #page-content { padding-top: 100px; } } #page-content > * { width: 100%; } #page-content > * #main-wrapper { padding: 4vh 0; } #page-content > *:last-child { padding-bottom: 10vh; } .user-logged-in #page-wrapper { min-height: calc(100vh - 80px); } .contextual-region { position: static; position: initial; } .main-wrapper { padding-top: 0; } .layout-container { position: relative; max-width: 1190px; margin: 0 auto; padding: 0 40px; } @media (max-width: 1024px) { .layout-container { padding: 0 20px; } } .section { background: transparent; } p { margin-top: 0.5em; margin-bottom: 0.5em; } .menu-item { padding-top: 0; } .view { position: relative; } img { max-width: 100%; height: auto; } .region { position: relative; } svg path { transition: all 0.2s ease-in-out; } a { transition: all 0.2s ease-in-out; -webkit-text-decoration: none; text-decoration: none; color: #000; } .full-width { width: 100%; } .half-width { width: 50%; padding: 0 20px; } @media (max-width: 768px) { .half-width { width: 100%; padding: 0 10px; margin-bottom: 3.5vh; } } .blue-title { padding-bottom: 2.5vh; } .big-blue-text { margin-bottom: 3vh; } .crossed { -webkit-text-decoration: line-through; text-decoration: line-through; } #block-blazingsaddles-local-tasks { margin: 0; } #block-blazingsaddles-local-tasks > .content ul { list-style: none; padding: 0; } #block-blazingsaddles-local-tasks a { display: block; padding: 0.2em 1em; -webkit-text-decoration: none; text-decoration: none; } .main-content .pager { position: absolute; top: 20px; right: 10px; font-weight: bold; } .main-content .pager li { display: block; padding: 0; min-width: 26px; height: 22px; margin: 0 7px; } .main-content .pager .pager__item--previous { transform: rotate(180deg); } .main-content .pager a { width: 26px; height: 22px; padding: 0; display: block; color: transparent; mask-image: url("/themes/blazingsaddles/css/svgs/next.svg"); mask-position: center center; mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/next.svg"); -webkit-mask-position: center center; -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; background: #000; } .section.sidebar-left .sidebar-left { max-width: 255px; width: 100%; } @media (max-width: 768px) { .section.sidebar-left .sidebar-left { max-width: 100%; width: 100%; position: relative; padding: 0; } } .section.sidebar-left > main { padding-left: 30px; } @media (max-width: 768px) { .section.sidebar-left > main { padding-left: 0; } } .section.sidebar-left .main-content { width: calc(100% - 255px); } @media (max-width: 768px) { .section.sidebar-left .main-content { max-width: 100%; width: 100%; } } .section.sidebar-left .sidebar-left .block { margin-bottom: 3.5vh; width: 100%; /* @include media("<=bigphone") { display: none; } */ } .section.sidebar-left .sidebar-left .block.category-list-block { margin-bottom: 2vh; } .section.sidebar-left .sidebar-left .block:last-child { margin-bottom: 0; } .section.sidebar-left .block-title { width: 100%; } .section.sidebar-left h3 { width: 100%; padding-bottom: 2vh; border-bottom: 1px solid #d9d9d9; } #top { display: none; } @media (max-width: 768px) { #before-content { padding: 0; } } #before-content .views-field-field-header-image { display: none; } #before-content .block:not(#block-blazingsaddles-local-tasks) { width: 90%; } #before-content .views-row .blue-title { padding-bottom: 2.5vh; } /* .slick-dots { bottom: -7vh; li button:before { font-size: 12px; border: 4px solid transparent; transition: all .4s ease-in-out; line-height: 12px; border-radius: 50%; width: 18px; height: 18px; } li.slick-active button:before { color: transparent; border: 4px solid $color-red; } } */ html .ajax-progress, html .ajax-progress-throbber { background: url("../images/default.gif") no-repeat; background-image: url("../images/default.gif") no-repeat; background-position: center; background-size: 150px; width: 40px; height: 40px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); color: transparent; position: fixed; } html .ajax-progress > *, html .ajax-progress-throbber > * { display: none !important; } html body.page-node-type-locations ~ .ajax-progress { left: calc(50% + 300px); } .custom-title { max-width: 700px; margin: 0 auto; margin-bottom: 3vh; text-align: center; } .custom-description { /* @extend %h2-title; */ font-size: 2.2rem; line-height: 2.6rem; font-weight: normal; color: #000; max-width: 800px; margin: 0 auto; margin-bottom: 5vh; text-align: center; } @media (max-width: 580px) { .custom-description { font-size: 2rem; line-height: 2.3rem; } } #after-content .block { margin: 15vh 0; } #after-content .block:first-child { margin-top: 0; } #main-wrapper ul { list-style: none; } #main-wrapper li { position: relative; -webkit-text-decoration: none; text-decoration: none; line-height: 2rem; } #main-wrapper li::before { content: ""; position: absolute; left: -25px; top: 10px; width: 10px; height: 10px; border-radius: 50%; border: 3px solid #f52a53; } #main-wrapper .contextual-links li::before { display: none; } .page-node-type-page #content #block-blazingsaddles-content header { max-width: 35vw; } .page-node-type-page #content #block-blazingsaddles-content header .field-lead { margin-bottom: 5vh; } @media (max-width: 900px) { .page-node-type-page #content #block-blazingsaddles-content header { width: 100%; max-width: 100%; } } .path-user #page-content > * { width: 100%; margin: 0; padding: 2vh 0; padding-top: 0; } .path-user #page-content > *:first-child { margin-top: 9vh; } .path-user #page-content > *:last-child { margin-bottom: 9vh; } #toolbar-bar #admin-toolbar-search-tab { display: none; } .js-form-item, input, table { width: 100%; } .js-form-item { margin-top: 2vh; margin-bottom: 2vh; position: relative; } .js-form-item label { padding: 0 1.2rem; margin-bottom: 0; position: relative; display: block; width: 100%; height: auto; } .js-form-item label.visually-hidden { position: relative !important; } .js-form-item.js-form-type-textarea label { margin-bottom: 1.5vh; } textarea { width: 100%; padding: 10px 20px; font-size: 1rem; border-color: #d9d9d9; } textarea:focus { outline: none; background: #fff; } input { outline: none; width: 100%; margin-bottom: 0; position: relative; border: 0; border-bottom: 1px solid #d9d9d9; padding: 0 1.2rem; background: transparent; z-index: 1; padding-right: 2.5rem; margin-top: 0; min-height: 45px; font-size: 1rem; padding-top: 15px; } input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -webkit-appearance: textfield; appearance: textfield; -moz-appearance: textfield; } .js-form-type-radio { width: 100%; margin-bottom: 1.5vh; } .js-form-type-radio label { width: auto; margin: 0; } .js-form-type-radio input { width: 24px; min-height: 24px; order: 1; } #block-alertpopup { max-width: 100%; width: 100%; position: fixed; top: 0; left: 0; padding: 0 10px; height: 0; justify-content: center; align-items: center; z-index: 10; background: rgba(140, 140, 140, 0.4); border-radius: 0; overflow: hidden; } #block-alertpopup .content { background: #fff; padding: 3vh; max-width: 600px; transition: all 0.5s ease-in-out; position: relative; } #block-alertpopup .popup-close { top: calc(3vh - 10px); } #block-alertpopup.opened { height: 100vh; } .path-imce .site-preloader { display: none; } .site-preloader { position: fixed; height: 100vh; width: 100%; z-index: 1000; color: #000; background: linear-gradient(140.12deg, #fff 0%, #d0d2d8 100%); transition: all 0.4s ease-in-out; opacity: 1; } .site-preloader.preloader-hide { opacity: 0; transition: all 0.4s ease-in-out; } @keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .site-preloader .preloader-middle { align-items: center; } .site-preloader .preloader-image { order: 1; margin-top: 3vh; } .site-preloader .preloader-image svg { width: 150px; height: 150px; animation: rotating 0.5s linear infinite; } .site-preloader .preloader-site-logo { width: 300px; } .flatpickr-calendar:focus { background: #fff; } .flatpickr-calendar input:hover { background: transparent; } .flatpickr-calendar span.cur-month:hover { background: transparent; } .flatpickr-calendar .numInputWrapper:hover { background: transparent; } .flatpickr-calendar .numInputWrapper:hover .arrowUp, .flatpickr-calendar .numInputWrapper:hover .arrowDown { opacity: 0; } .webform-submission-build-your-tour-form { position: relative; width: 100%; max-width: 850px; background: #fff; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); padding: 3.5vh 4vh; margin: 0 auto; margin-bottom: 3.5vh; } .webform-submission-build-your-tour-form > div { width: 100%; } .webform-submission-build-your-tour-form .button-red.input-button-field { margin: 0 auto; } .webform-submission-build-your-tour-form .button-red.input-button-field:last-child { margin-right: auto; } @media (max-width: 768px) { .webform-submission-build-your-tour-form { padding: 3vh; } .webform-submission-build-your-tour-form .js-form-type-select label { width: 100%; padding-bottom: 2vh; } } .page-node-type-language-page .main-content { max-width: 45vw; } @media (max-width: 900px) { .page-node-type-language-page .main-content { max-width: 100%; } } .page-node-type-language-page #block-blazingsaddles-content .field-lead { margin-bottom: 3vh; } .chosen-ticket { z-index: 999999; position: fixed; right: 15px; top: 20%; padding: 15px; width: 150px; font-size: 1.2rem; background: #fff; border: 0; border-radius: 15px; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); } @media (max-width: 1024px) { .chosen-ticket { z-index: 5; position: relative; right: auto; right: initial; top: auto; top: initial; left: 10px; width: 87% !important; margin-top: 140px; display: block; } } .chosen-ticket::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; border-radius: 15px; opacity: 0.3; transition: all 0.4s ease-in-out; z-index: -1; } .chosen-ticket .description { opacity: 0.3; transition: all 0.4s ease-in-out; } .chosen-ticket .label-time { flex-wrap: nowrap; } .chosen-ticket .label-time > div { opacity: 0.3; transition: all 0.4s ease-in-out; } .chosen-ticket .label-time .time-left { color: #f52a53; opacity: 1; padding-left: 5px; font-weight: bold; } .chosen-ticket:hover::after { opacity: 1; } .chosen-ticket:hover .description { opacity: 1; } .chosen-ticket:hover .label-time > div { opacity: 1; } @media (max-width: 420px) { .chosen-ticket { width: auto; width: initial; margin-left: 15px; } } .page-description img { border-radius: 20px; vertical-align: middle; } .node--type-webform { max-width: 500px; background: white; border-radius: 20px; padding: 20px; } .node--type-webform header { display: none; } .big-title { font-size: 4rem; line-height: 4rem; font-weight: 900; color: #004ec8; } @media (max-width: 1024px) { .big-title { font-size: 2.3rem; line-height: 2.3rem; } } .medium-title { font-size: 3rem; line-height: 3rem; font-weight: 900; color: #004ec8; max-width: 500px; width: 100%; } @media (max-width: 1024px) { .medium-title { font-size: 24px; line-height: 30px; } } .promotional-red { font-size: 3rem; line-height: 3rem; font-weight: 900; color: #f52a53; max-width: 500px; width: 100%; } @media (max-width: 1024px) { .promotional-red { font-size: 24px; line-height: 30px; } } .promotional-blue { font-size: 3rem; line-height: 3rem; font-weight: 900; color: #004ec8; max-width: 500px; width: 100%; } @media (max-width: 1024px) { .promotional-blue { font-size: 24px; line-height: 30px; } } .box-title { font-size: 1.8rem; line-height: 2rem; color: #000; font-weight: 900; width: 200px; margin: 0 auto; } .footer-title { font-family: Nunito, sans-serif; font-weight: 900; font-size: 48px; line-height: 48px; color: #004ec8; } @media (max-width: 1024px) { .footer-title { font-size: 24px; line-height: 30px; text-align: center; margin-bottom: 20px; } } .footer-link { font-family: Nunito, sans-serif; font-weight: 900; font-size: 35px; line-height: 35px; color: #004ec8; } .footer-link:hover { -webkit-text-decoration: underline; text-decoration: underline; } @media (max-width: 1024px) { .footer-link { font-size: 20px; line-height: 26px; text-align: center; margin-bottom: 20px; } } .footer-btn-red { display: flex; justify-content: center; font-family: "Muli", sans-serif; font-weight: bold; color: white; display: flex; align-items: center; width: -moz-max-content; width: max-content; position: relative; margin-right: 10px; border-radius: 30px; overflow: hidden; width: 180px; height: 60px; padding: 1.1vh 2vh; box-shadow: transparent; background: linear-gradient(300.29deg, #f42853, #fb5151); cursor: pointer; } @media (max-width: 1024px) { .footer-btn-red { margin: 0; width: 100%; } } .footer-btn-red:hover { background: linear-gradient(118.97deg, #3664dc, #2b52d1); color: white; } .footer-btn-transparent { color: #f52a53; border: 2px solid #f52a53; box-shadow: transparent; background: transparent; width: -moz-max-content; width: max-content; position: relative; } .footer-btn-transparent > * { z-index: 1; position: relative; } .footer-btn-transparent img { max-height: 34px; } .footer-btn-transparent img, .footer-btn-transparent svg { margin-right: 15px; width: 34px; height: 34px; } .footer-btn-transparent path { fill: #f52a53; } .footer-btn-transparent.call-to-reserve::before { content: ""; width: 30px; height: 45px; position: relative; margin-right: 10px; mask-image: url("/themes/blazingsaddles/css/svgs/call-phone.svg"); -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/call-phone.svg"); background: #f52a53; transition: all 0.2s ease-in-out; z-index: 1; } .footer-btn-transparent.call-to-reserve:hover { color: white; } .footer-btn-transparent.call-to-reserve:hover::before { background: #fff; } .footer-btn-transparent::after { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); opacity: 0; } .footer-btn-transparent:hover { box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); color: #fff; background: #e11b48; } .footer-btn-transparent:hover path { fill: #fff; } .footer-btn-transparent:hover::after { opacity: 0; } @media (max-width: 420px) { .footer-btn-transparent { min-width: 0; min-width: initial; width: 100%; } } .js-countdown { position: fixed; right: 0; top: 30%; width: 12%; background: white; padding: 15px; border: 1px solid #f52a53; border-bottom-left-radius: 30px; border-top-left-radius: 30px; border-right: 0; display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: pointer; } .js-countdown-wrapper { justify-content: center; flex-direction: column; align-items: center; } .js-countdown__text { text-align: center; color: #000; font-size: 15px; font-weight: 900; } .js-countdown__count { font-size: 18px; margin-top: 10px; color: #f52a53; font-weight: 900; text-align: center; } .gmnoprint { display: none; } .gm-fullscreen-control { display: none; } .field-main-locations { display: flex; justify-content: space-between; } @media (max-width: 1024px) { .field-main-locations { flex-wrap: wrap; } } .field-main-locations > .field-item { flex: 0 1 auto; transition: all 0.3s ease-in-out; } .field-main-locations > .field-item:hover { flex: 0 0 auto; } .field-main-locations > .field-item:hover .landing-page-location { max-width: 540px; } .field-main-locations > .field-item:hover .landing-page-location__bottom { top: calc(100% - 170px); } .field-main-locations > .field-item:hover .landing-page-location--text-box { bottom: 180px; } .field-main-locations > .field-item:hover .landing-page-location--link { background-color: #e11b48; } .field-main-locations .landing-page-location { position: relative; max-width: 390px; width: 100%; height: 330px; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); overflow: hidden; border-radius: 30px; transition: all 0.3s ease-in-out; } @media (max-width: 1024px) { .field-main-locations .landing-page-location { max-width: 540px; /* height: 300px; */ /* margin: 0 0 10px 0; */ } } .field-main-locations .landing-page-location__top { height: 100%; max-height: 330px; } .field-main-locations .landing-page-location__bottom { position: absolute; top: 100%; width: 100%; left: 0; background-color: white; display: flex; height: 170px; width: 100%; transition: top 0.4s ease-in-out; z-index: 2; } .field-main-locations .landing-page-location__bottom .tour-link { width: 150px; } @media (max-width: 1024px) { .field-main-locations .landing-page-location__bottom .tour-link { width: 100px; } } .field-main-locations .landing-page-location__bottom .tour-link:hover a { color: #e11b48; } .field-main-locations .landing-page-location__bottom .tour-link:hover svg { fill: #e11b48 !important; } .field-main-locations .landing-page-location__bottom .tour-link:hover svg path { fill: #e11b48 !important; } .field-main-locations .landing-page-location__bottom .tour-link--link a { font-size: 1.1rem; line-height: 1.1rem; font-weight: 900; color: #000; padding-top: 100px; z-index: 5; position: relative; } @media (max-width: 1024px) { .field-main-locations .landing-page-location__bottom .tour-link--link a { font-size: 1rem; line-height: 1rem; } } .field-main-locations .landing-page-location__bottom .field-link { text-align: center; } .field-main-locations .landing-page-location__bottom .field-location-tours { display: flex; justify-content: space-evenly; align-items: center; width: 100%; } .field-main-locations .landing-page-location__bottom .field-location-tours .tour-link--icon { display: flex; justify-content: center; } .field-main-locations .landing-page-location__bottom .field-location-tours .field-tour-icon { display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; } @media (max-width: 1024px) { .field-main-locations .landing-page-location__bottom .field-location-tours .field-tour-icon { height: 85px; width: 85px; } } .field-main-locations .landing-page-location__bottom .field-location-tours .field-tour-icon svg path { fill: #c8c8c8; } .field-main-locations .landing-page-location--image { height: 100%; max-height: 330px; } .field-main-locations .landing-page-location--image * { height: 100%; } .field-main-locations .landing-page-location--image img { -o-object-fit: cover; object-fit: cover; width: 100%; } .field-main-locations .landing-page-location--link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 330px; background-color: #000; opacity: 0.3; z-index: 1; } .field-main-locations .landing-page-location--text-box { position: absolute; bottom: 3vh; left: 4vh; max-width: calc(100% - 80px); transition: all 0.4s ease-in-out; z-index: 6; } .field-main-locations .landing-page-location--city-name a { font-size: 3rem; line-height: 3rem; color: #fff; font-weight: 900; } @media (max-width: 1024px) { .field-main-locations .landing-page-location--city-name a { font-size: 2.5rem; line-height: 2.6rem; } } .field-main-locations .landing-page-location--city-subname a { font-size: 2.2rem; line-height: 2.6rem; font-weight: 400; color: white; } @media (max-width: 1024px) { .field-main-locations .landing-page-location--city-subname a { font-size: 2rem; line-height: 2.2rem; } } .main-animated-svg-container { display: none; clip-path: url(#mainClipPath); overflow: hidden; position: fixed; width: 710px; height: 655px; right: 0; z-index: 0; } .main-animated-svg-container.add-white-bg { background-color: white; } .main-animated-svg-container > * { visibility: visible !important; } .main-animated-svg-container .field-youtube-link, .main-animated-svg-container .field-banner-image { /* -webkit-mask-image: url("/themes/blazingsaddles/images/bannersvg.svg"); mask-image: url("/themes/blazingsaddles/images/bannersvg.svg"); mask-repeat: no-repeat; mask-position: -20% 50px; mask-size: cover; */ clip-path: url(#clipPath); /* width: 550px; height: 485px; */ overflow: hidden; position: absolute; width: 710px; height: 655px; } @media screen and (max-height: 768px) { .main-animated-svg-container .field-youtube-link, .main-animated-svg-container .field-banner-image { width: 550px; height: 500px; left: -125px; top: 0; } } .main-animated-svg-container .field-youtube-link img, .main-animated-svg-container .field-banner-image img { width: 710px; height: 655px; } @media screen and (max-height: 768px) { .main-animated-svg-container .field-youtube-link img, .main-animated-svg-container .field-banner-image img { width: 550px; height: 500px; } } .main-animated-svg-container .field-youtube-link figure, .main-animated-svg-container .field-banner-image figure { margin: 0; position: relative; /* left: calc(50% - 480px); top: -150px; */ left: calc(50% - 525px); top: -27px; scale: 1.25; } @media screen and (max-height: 768px) { .main-animated-svg-container .field-youtube-link figure, .main-animated-svg-container .field-banner-image figure { top: -100px; scale: 1; } } .main-animated-svg-container .animated-svg-container { background-color: white !important; right: 0 !important; top: 0 !important; } .main-animated-svg-container .animated-svg-container svg { width: 100% !important; height: 100% !important; } .main-animated-svg-container .js-google-map { top: -40px; position: relative; } #active-index-trans { background-color: transparent !important; } .hide-side-element { visibility: hidden; } .react-loader { display: flex; justify-content: center; height: 20vh; z-index: 66; position: relative; align-items: center; } .lds-ring { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 64px; height: 64px; margin: 8px; border: 8px solid #f52a53; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #f52a53 transparent transparent transparent; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .node--type-homepage_flexi #page-content { padding-top: 100px; /* &.toolbar-active { padding-top: calc(var(--drupal-displace-offset-top, 80px) + 100px); @include media('<=bigphone') { padding-top: calc(var(--drupal-displace-offset-top, 80px) + 80px); } } */ } @media (max-width: 768px) { .node--type-homepage_flexi #page-content { padding-top: 80px; } } .cart-form .form-actions .button-red.input-button-field:first-child { display: none; } .cart-form .form-actions .button-red.input-button-field:last-child { margin-left: auto; } .page-node-type-location .maintenance-svg { display: none !important; } .recaptcha a { font-weight: 600; } @media (max-width: 1024px) { #block-views-block-categories-block-1 > div > div:nth-child(3) > div > div.view-content { height: 480px; overflow-y: auto; } } .build-your-tour-text-container { width: 100%; max-width: 850px; margin: 0 auto; margin-bottom: 3.5vh; display: flex; flex-wrap: wrap; justify-content: center; } .build-your-tour-text-container h1 { max-width: 700px; margin: 0; margin-bottom: 3vh; width: 100%; text-align: center; color: #004ec8; font-weight: 900; font-size: 4rem; line-height: 4rem; } @media (max-width: 768px) { .build-your-tour-text-container h1 { padding: 0 10px; font-size: 3rem; line-height: 3rem; } } .build-your-tour-text-container p { text-align: center; } @media (max-width: 1024px) { .node--type-homepage_flexi #before-content { padding-top: 0px; } } @media (max-width: 1024px) { .node--type-alcatraz_page #before-content { padding-top: 10px; } } @media (max-width: 768px) { .page-node-type-tour .bike-price-in-dollar .crossed { width: 100%; } } @media (max-width: 768px) { .page-node-type-tour .bike-price-in-dollar .price-time { margin-left: 5px !important; margin-top: 4px; font-size: 1.1rem !important; } } @media (max-width: 1024px) { .path-cart #before-content { padding-top: 0px; } } @media (max-width: 1024px) { .path-cart div[data-drupal-messages] { margin-top: 40px; } } @media (max-width: 1024px) { .path-cart .cart-empty-page { margin-top: 200px; } } .generic-swiper { max-height: 800px; } .generic-swiper .swiper-button-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .generic-swiper .swiper-slide__text { width: 80%; margin: auto; cursor: default; } .gm-style-iw-chr { display: none; } .google-reviews { display: flex; margin: 60px auto; overflow: hidden; position: relative; justify-content: space-between; } @media (max-width: 1024px) { .google-reviews { flex-wrap: wrap; } } .google-reviews #react-google-reviews { overflow: hidden; position: relative; padding: 0 50px; width: 49%; } @media (max-width: 1024px) { .google-reviews #react-google-reviews { width: 100%; margin: 40px 0 20px 0; padding-bottom: 40px; } } .google-reviews__header { width: 49%; } @media (max-width: 1024px) { .google-reviews__header { width: 100%; } } .google-reviews__header h2 { font-size: 3rem; line-height: 3rem; font-weight: 900; color: #f52a53; max-width: 500px; margin-top: 0; } @media (max-width: 1024px) { .google-reviews__header h2 { font-size: 36px; line-height: 40px; } } .google-reviews__header h2 span { color: #004ec8; } .google-reviews__header p { width: 100%; color: #0b0b0b; font-family: Nunito, sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0px; text-align: left; } .google-reviews__header a { font-family: "Muli", sans-serif; font-weight: bold; color: white; display: flex; align-items: center; border: 2px solid transparent; width: -moz-max-content; width: max-content; position: relative; margin-right: 10px; margin-bottom: 10px; border-radius: 30px; overflow: hidden; height: 60px; padding: 1.1vh 2vh; box-shadow: transparent; background: linear-gradient(300.29deg, #f42853, #fb5151); margin-top: 40px; cursor: pointer; } @media (max-width: 1024px) { .google-reviews__header a { width: 100%; justify-content: center; } } .google-reviews__header a:hover { background: transparent; color: #f52a53; border: 2px solid #f52a53; box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); } .google-reviews__header .buttons-container { display: flex; align-items: center; } .google-reviews__header .video-controller { display: flex; width: 215px; align-items: center; margin-top: 30px; margin-left: 10px; cursor: pointer; } @media (min-width: 2000px) { .google-reviews__header .video-controller { left: 15%; } } @media (max-width: 1700px) { .google-reviews__header .video-controller { left: 0; } } @media (max-width: 1400px) { .google-reviews__header .video-controller { display: none; } } .google-reviews__header .video-controller .video-text { display: flex; text-transform: uppercase; } .google-reviews__header .video-controller .video-icon { position: relative; display: flex; justify-content: center; align-items: center; transform: scale(1); width: 60px; height: 60px; margin-right: 10px; } .google-reviews__header .video-controller .video-icon .icon { display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-image: url("/themes/blazingsaddles/css/images/youtubeicon.png"); width: 20px; height: 23px; margin-left: 0px; transform: rotate(121deg); position: relative; top: 3px; } .google-reviews__header .video-controller .video-icon::before { background: linear-gradient(300.29deg, #f42853, #fb5151); box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); z-index: -1; content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; border: 0; overflow: hidden; border-radius: 30px; } .google-reviews__header .video-controller .video-icon::after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; border: 0; overflow: hidden; border-radius: 30px; z-index: -1; background: #000; opacity: 0; box-shadow: 0 10px 30px rgba(54, 100, 220, 0.25); } .google-reviews__header .video-controller:hover .video-icon { animation: pulsal 0.7s infinite; } .google-reviews__header .video-controller:hover .video-icon::after { opacity: 1; } .google-reviews__header .video-controller:hover .video-icon::before { opacity: 0; } .google-reviews .review-section { overflow: hidden; } .google-reviews .swiper-container-review .swiper-slide { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center; } .google-reviews .swiper-container-review .review-card--text { margin-bottom: 20px; text-align: center; } .google-reviews .swiper-container-review .review-card--img { width: 40px; margin: 5px 0; height: 40px; border-radius: 90px; overflow: hidden; } .google-reviews .swiper-container-review .review-card--img img { height: 100%; } .google-reviews .swiper-container-review .review-card--author { font-weight: 600; font-size: 20px; } .google-reviews .swiper-controller { display: flex; position: absolute; left: 0; top: 140px; width: 100%; justify-content: space-between; } .google-reviews .swiper-button-prev-review { top: auto; top: initial; bottom: 0; left: 0; background-image: none; cursor: pointer; } .google-reviews .swiper-button-prev-review svg { transform: rotate(180deg); fill: #f52a53; width: 25px; } .google-reviews .swiper-button-next-review { top: auto; top: initial; bottom: 0; left: 40px; background-image: none; order: 1; margin-left: 15px; cursor: pointer; } .google-reviews .swiper-button-next-review svg { fill: #f52a53; width: 25px; } .google-reviews .swiper-pagination { bottom: 0px; left: 0px; width: 100%; display: flex; justify-content: center; align-items: center; } .google-reviews .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; margin: 5px; background: #d9d9d9; border: 4px solid transparent; } .google-reviews .swiper-pagination .swiper-pagination-bullet-active { width: 18px; height: 18px; background: #d9d9d9; border: 4px solid #f42853; } #block-blazingsaddles-quicknodeblock .google-reviews { margin: 0; margin-bottom: -10vh; } .header-phone-block a { padding-top: 10px; padding-bottom: 10px; padding-right: 22px; padding-left: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 90px; display: flex; align-items: center; justify-content: center; margin: auto; height: 60px; } .header-phone-block a:hover svg path { fill: #f52a53; } .header-visit-us--link { padding-top: 10px; padding-bottom: 10px; padding-right: 22px; padding-left: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 90px; display: none; align-items: center; justify-content: center; margin: auto; height: 60px; font-family: "Nunito", sans-serif; color: #000; font-size: 13px; } .header-visit-us--link.active { display: flex; } .header-visit-us--link span { font-family: "Nunito", sans-serif; color: #000; font-size: 16px; font-weight: 900; width: 100%; display: flex; } .header-visit-us--link:hover span { color: #f52a53; } @media (max-width: 768px) { #block-blazingsaddles-headerphone-2 { display: none !important; } } @media (max-width: 768px) { #block-blazingsaddles-headervisitus-2 { display: none !important; } } #block-blazingsaddles-headerphone-3 { padding: 0 !important; } #block-blazingsaddles-headervisitus-3 { padding: 0 !important; width: 100%; } #block-blazingsaddles-headervisitus-3 .header-visit-us--link { width: -moz-fit-content; width: fit-content; margin-right: auto; margin-left: 0; } .tour-body .field-media-oembed-video iframe { min-height: 400px; min-width: 100%; } @media (max-width: 768px) { .tour-body .field-media-oembed-video iframe { min-height: 230px; } } /* Tours page */ .tour-route-desktop { display: flex; justify-content: flex-end; } .tour-route-desktop iframe { width: 520px; height: 400px; } .mobile-tour-route iframe { width: 100%; height: 350px; } #block-blazingsaddles-breadcrumbs .content nav ol { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; -moz-column-gap: 10px; column-gap: 10px; list-style-type: none; padding-left: 0; } #block-blazingsaddles-breadcrumbs .content nav ol li:last-child { color: #f52a53; font-weight: bold; } #block-blazingsaddles-breadcrumbs .content nav ol li:last-child a { color: inherit; } #block-blazingsaddles-breadcrumbs .content nav ol li:not(:first-child)::before { content: "⟩"; color: #000; color: initial; font-weight: normal; font-weight: initial; padding-right: 5px; } .view.page-top-banner { padding: 0px 40px; } @media (max-width: 1024px) { .view.page-top-banner { padding: 0 20px; } } @media (max-width: 1024px) { .view.page-top-banner.category-banner .view-content .views-row .views-field-field-header-image, .view.page-top-banner.category-banner .view-content .views-row .views-field-field-cover-image { display: none !important; } } @media (max-width: 1024px) { .view.page-top-banner.category-banner .view-content .views-row .views-field-title { position: static; padding: 0; } } @media (max-width: 1024px) { .view.page-top-banner.category-banner .view-content .views-row .views-field-title h1 { color: #004ec8; margin-bottom: 0; text-shadow: none; } } @media (max-width: 768px) { .view.page-top-banner.tour-banner .view-content .views-row .views-field-title h1 { font-size: 30px; line-height: 2rem; margin-bottom: 1.5vh; } } .view.page-top-banner .view-content .views-row { position: relative; } .view.page-top-banner .view-content .views-row .views-field-field-header-image, .view.page-top-banner .view-content .views-row .views-field-field-cover-image { display: block !important; border-radius: 30px; overflow: hidden; } .view.page-top-banner .view-content .views-row .views-field-title { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 40px; z-index: 2; } .view.page-top-banner .view-content .views-row .views-field-title h1 { color: white; font-size: 43px; font-weight: 900; text-shadow: 1px 1px 3px rgb(0, 0, 0); line-height: 4rem; margin-bottom: 2.5vh; } @media (max-width: 1024px) { .reserve-now-button { height: 55px; } } .button-red, .reserve-now-button, .ui-dialog .ui-dialog-buttonpane .button-red { box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); width: -moz-max-content; width: max-content; min-width: 180px; text-align: center; max-width: 100%; position: relative; flex-wrap: nowrap; } @media (max-width: 1024px) { .button-red .field-media-svg, .reserve-now-button .field-media-svg, .ui-dialog .ui-dialog-buttonpane .button-red .field-media-svg { display: none !important; } } .button-red .reverse-now-span, .reserve-now-button .reverse-now-span, .ui-dialog .ui-dialog-buttonpane .button-red .reverse-now-span { font-size: 1.4rem; line-height: 1rem; } .button-red a, .reserve-now-button a, .ui-dialog .ui-dialog-buttonpane .button-red a { color: #fff; } .button-red strong, .reserve-now-button strong, .ui-dialog .ui-dialog-buttonpane .button-red strong { justify-content: center; align-items: center; display: flex; } .button-red > *, .reserve-now-button > *, .ui-dialog .ui-dialog-buttonpane .button-red > * { z-index: 1; position: relative; } .button-red::before, .reserve-now-button::before, .ui-dialog .ui-dialog-buttonpane .button-red::before { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); } .button-red::after, .reserve-now-button::after, .ui-dialog .ui-dialog-buttonpane .button-red::after { background: linear-gradient(118.97deg, #3664dc 0%, #2b52d1 100%); opacity: 0; } .button-red:hover, .button-red:focus, .reserve-now-button:hover, .reserve-now-button:focus, .ui-dialog .ui-dialog-buttonpane .button-red:hover, .ui-dialog .ui-dialog-buttonpane .button-red:focus { box-shadow: 0 10px 30px rgba(54, 100, 220, 0.25); } .button-red:hover::after, .button-red:focus::after, .reserve-now-button:hover::after, .reserve-now-button:focus::after, .ui-dialog .ui-dialog-buttonpane .button-red:hover::after, .ui-dialog .ui-dialog-buttonpane .button-red:focus::after { opacity: 1; } .button-red img, .reserve-now-button img, .ui-dialog .ui-dialog-buttonpane .button-red img { margin-right: 10px; } .button-red svg, .reserve-now-button svg, .ui-dialog .ui-dialog-buttonpane .button-red svg { margin-right: 10px; width: 34px; height: 34px; } .button-red.scrollto img, .reserve-now-button.scrollto img, .ui-dialog .ui-dialog-buttonpane .button-red.scrollto img { margin-right: 0; } .button-red.input-button-field, .reserve-now-button.input-button-field, .ui-dialog .ui-dialog-buttonpane .button-red.input-button-field { margin-right: 15px; } .button-red.input-button-field:last-child, .reserve-now-button.input-button-field:last-child, .ui-dialog .ui-dialog-buttonpane .button-red.input-button-field:last-child { margin-right: 0; } .button-red.input-button-field input, .button-red.input-button-field button, .reserve-now-button.input-button-field input, .reserve-now-button.input-button-field button, .ui-dialog .ui-dialog-buttonpane .button-red.input-button-field input, .ui-dialog .ui-dialog-buttonpane .button-red.input-button-field button { color: #fff; margin: 0; padding: 1.1vh 2vh; min-height: 60px; background: transparent; border: 0; cursor: pointer; min-width: 180px; text-align: center; } @media (max-width: 420px) { .button-red, .reserve-now-button, .ui-dialog .ui-dialog-buttonpane .button-red { min-width: 0; min-width: initial; width: 100%; } } .button-link-red { display: inline-flex; height: auto; height: initial; padding: 0; margin: 5px 0; color: #fff; padding: 1.1vh 2vh; -webkit-text-decoration: none !important; text-decoration: none !important; /* a { color: $color-white; padding: 1.1vh 2vh; text-decoration: none !important; } */ /* strong { justify-content: center; align-items: center; display: flex; } */ /* &>* { z-index: 1; position: relative; } */ } .button-link-red::before { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); z-index: -1; } .button-link-red::after { background: linear-gradient(118.97deg, #3664dc 0%, #2b52d1 100%); opacity: 0; z-index: -1; } .button-link-red:hover, .button-link-red:focus { box-shadow: 0 10px 30px rgba(54, 100, 220, 0.25); } .button-link-red:hover::after, .button-link-red:focus::after { opacity: 1; } .button-transparent, .button-blue { color: #f52a53; border: 2px solid #f52a53; box-shadow: transparent; background: transparent; width: -moz-max-content; width: max-content; position: relative; } .button-transparent > *, .button-blue > * { z-index: 1; position: relative; } .button-transparent img, .button-blue img { max-height: 34px; } .button-transparent img, .button-transparent svg, .button-blue img, .button-blue svg { margin-right: 15px; width: 34px; height: 34px; } .button-transparent path, .button-blue path { fill: #f52a53; } .button-transparent.call-to-reserve::before, .button-blue.call-to-reserve::before { content: ""; width: 30px; height: 45px; position: relative; margin-right: 10px; mask-image: url("/themes/blazingsaddles/css/svgs/call-phone.svg"); -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/call-phone.svg"); background: #f52a53; transition: all 0.2s ease-in-out; z-index: 1; } .button-transparent.call-to-reserve:hover::before, .button-transparent.call-to-reserve:focus::before, .button-blue.call-to-reserve:hover::before, .button-blue.call-to-reserve:focus::before { background: #fff; } .button-transparent::after, .button-blue::after { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); opacity: 0; } .button-transparent:hover, .button-transparent:focus, .button-blue:hover, .button-blue:focus { box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); color: #fff; background: #e11b48; } .button-transparent:hover path, .button-transparent:focus path, .button-blue:hover path, .button-blue:focus path { fill: #fff; } .button-transparent:hover::after, .button-transparent:focus::after, .button-blue:hover::after, .button-blue:focus::after { opacity: 1; } @media (max-width: 420px) { .button-transparent, .button-blue { min-width: 0; min-width: initial; width: 100%; } } .button-blue { color: #004ec8; border: 2px solid #004ec8; } .button-blue path { fill: #004ec8; } .button-blue::after { background: linear-gradient(118.97deg, #3664dc 0%, #2b52d1 100%); } .button-blue:hover, .button-blue:focus { box-shadow: 0 10px 30px rgba(54, 100, 220, 0.25); color: #fff; background: #004ec8; } .button-blue.email-us::before { content: ""; width: 30px; height: 30px; position: relative; margin-right: 10px; mask-image: url("/themes/blazingsaddles/css/svgs/email-us.svg"); -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/email-us.svg"); background: #004ec8; transition: all 0.2s ease-in-out; z-index: 1; } .button-blue.email-us:hover::before, .button-blue.email-us:focus::before { background: #fff; } .button-transparent-white { color: #fff; border: 2px solid #fff; max-width: 100%; position: relative; } .button-transparent-white img, .button-transparent-white svg { margin-right: 15px; } .button-white { color: #000; border: 0; border-radius: 30px; background: #fff; } .take-a-tour { position: absolute; text-transform: uppercase; transform: rotate(-90deg); top: 0; left: -120px; } .take-a-tour .video-icon { position: relative; height: 60px; width: 60px; margin-left: 23px; transform: scale(1); } .take-a-tour .video-icon img { padding-left: 3px; transform: rotate(90deg); z-index: 1; position: relative; } .take-a-tour .video-icon::before { background: #000; box-shadow: 0 10px 30px rgba(54, 100, 220, 0.25); } .take-a-tour .video-icon::after { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); opacity: 0; box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); } .take-a-tour:hover .video-icon, .take-a-tour:focus .video-icon { animation: pulsal 0.7s infinite; } .take-a-tour:hover .video-icon::after, .take-a-tour:focus .video-icon::after { opacity: 1; } .take-a-tour:hover .video-icon::before, .take-a-tour:focus .video-icon::before { opacity: 0; } @keyframes pulsal { 0% { transform: scale(1); } 50% { transform: scale(0.8); } 100% { transform: scale(1); } } .non-scrollable { height: 100vh !important; overflow: hidden !important; } .user-logged-in #page-header { top: 80px; top: var(--drupal-displace-offset-top, 80px); } body.path-frontpage .fullscreen-menu-top { flex-direction: column-reverse; } #page-header { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; transition: background-color 150ms ease; } #page-header #header { width: 100%; z-index: 100; background-color: white; transition: all 240ms ease; } @media (min-width: 769px) and (max-height: 684px) { #page-header #header.opened { height: 100vh; overflow-y: scroll; transform: none; } #page-header #header.opened .layout-container { width: 100%; background: #fff; } } @media (max-width: 768px) { #page-header #header.opened { transform: translateY(0); background-color: #fff; margin-top: 0; padding: 0; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } #page-header #header.opened #block-views-block-site-logo-block-1 { transform: scale(0.9); } #page-header #header.opened > .layout-container { height: 80px; } } @media (max-width: 768px) { #page-header #header.opened .js-language-menu > ul { display: inline-block; } } #page-header #header.opened .header-menu-box #block-views-block-city-menu-block-1, #page-header #header.opened .header-menu-box .city-menu-block { transition: transform 350ms cubic-bezier(0.32, -1, 0.25, 1) 200ms; transform: scale(0); z-index: 1; } #page-header #header.opened .header-menu-box > div.node--type-locations.node--view-mode-header-block, #page-header #header.opened .header-menu-box > a { transition: transform 350ms ease 350ms; z-index: 99; } #page-header #header.opened .header-menu-box .buttonslide { transform: translate(255px); } @media (max-width: 768px) { #page-header #header.opened .header-menu-box .buttonslide { transform: translate(0); } } #page-header #header.opened .fullscreen-menu-header { transform: scale(1); } #page-header #header #block-sitebranding { display: flex; align-items: center; } #page-header #header #block-sitebranding a { height: 80px; display: flex; align-items: center; } @media (min-width: 769px) { #page-header #header #block-sitebranding a { display: flex; align-items: center; } } #page-header #header .reserve-now-button > div { font-size: 16px; margin-top: -2px; } #page-header #header .reserve-now-button > div span { font-size: 22.4px !important; } #page-header #header .sonoma-link .link-text { font-size: 16px; } #page-header #header > .layout-container { justify-content: center; } @media (min-width: 769px) { #page-header #header > .layout-container { height: 100px; } } #page-header #header .header-menu-box > * { position: relative; } @media (max-width: 1270px) { #page-header #header .header-menu-box > #block-mainnavigation, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation { display: none; } } #page-header #header .header-menu-box > #block-mainnavigation .level-0, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 { display: flex; flex-direction: row; align-items: center; } #page-header #header .header-menu-box > #block-mainnavigation .level-0 a, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 a, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 a, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 a { font-family: "Nunito", sans-serif; font-size: 24px; font-weight: 900; letter-spacing: 0px; text-align: left; color: #004ec8; } @media screen and (max-height: 768px) { #page-header #header .header-menu-box > #block-mainnavigation .level-0 a, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 a, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 a, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 a { font-size: 22px; } } #page-header #header .header-menu-box > #block-mainnavigation .level-0 .level-0-item.gift-cards > a, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 .level-0-item.gift-cards > a, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 .level-0-item.gift-cards > a, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 .level-0-item.gift-cards > a { position: relative; display: flex; flex-direction: row; align-items: center; -moz-column-gap: 10px; column-gap: 10px; color: white; font-size: 16px; font-weight: 700; font-family: "Muli", sans-serif; padding: 1.1vh 2vh; border-radius: 30px; overflow: hidden; } #page-header #header .header-menu-box > #block-mainnavigation .level-0 .level-0-item.gift-cards > a::before, #page-header #header .header-menu-box > #block-mainnavigation .level-0 .level-0-item.gift-cards > a::after, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 .level-0-item.gift-cards > a::before, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 .level-0-item.gift-cards > a::after, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 .level-0-item.gift-cards > a::before, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 .level-0-item.gift-cards > a::after, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 .level-0-item.gift-cards > a::before, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 .level-0-item.gift-cards > a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; z-index: -1; } #page-header #header .header-menu-box > #block-mainnavigation .level-0 .level-0-item.gift-cards > a::before, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 .level-0-item.gift-cards > a::before, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 .level-0-item.gift-cards > a::before, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 .level-0-item.gift-cards > a::before { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); } #page-header #header .header-menu-box > #block-mainnavigation .level-0 .level-0-item.gift-cards > a::after, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 .level-0-item.gift-cards > a::after, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 .level-0-item.gift-cards > a::after, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 .level-0-item.gift-cards > a::after { background: linear-gradient(118.97deg, #3664dc 0%, #2b52d1 100%); opacity: 0; } #page-header #header .header-menu-box > #block-mainnavigation .level-0 .level-0-item.gift-cards > a:hover::after, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 .level-0-item.gift-cards > a:hover::after, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 .level-0-item.gift-cards > a:hover::after, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 .level-0-item.gift-cards > a:hover::after { opacity: 1; } #page-header #header .header-menu-box > #block-mainnavigation .level-0 .level-0-item.gift-cards > a .field-icon, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 .level-0-item.gift-cards > a .field-icon, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 .level-0-item.gift-cards > a .field-icon, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 .level-0-item.gift-cards > a .field-icon { line-height: 1; } #page-header #header .header-menu-box > #block-mainnavigation .level-0 .level-0-item.gift-cards > a .field-icon svg, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 .level-0-item.gift-cards > a .field-icon svg, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 .level-0-item.gift-cards > a .field-icon svg, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 .level-0-item.gift-cards > a .field-icon svg { width: 25px; height: 25px; } #page-header #header .header-menu-box > #block-mainnavigation .level-0 .level-0-item.gift-cards > a .field-icon svg path, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 .level-0-item.gift-cards > a .field-icon svg path, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 .level-0-item.gift-cards > a .field-icon svg path, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 .level-0-item.gift-cards > a .field-icon svg path { fill: white; } #page-header #header .header-menu-box > #block-mainnavigation .level-0 .level-0-item.gift-cards > a .link-text, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation .level-0 .level-0-item.gift-cards > a .link-text, #page-header #header .header-menu-box > #block-blazingsaddles-sanfrancisconavigation-2 .level-0 .level-0-item.gift-cards > a .link-text, #page-header #header .header-menu-box > #block-blazingsaddles-newyorknavigation .level-0 .level-0-item.gift-cards > a .link-text { line-height: 1; } #page-header #header #block-views-block-site-logo-block-1 { transition: transform 250ms ease; } #page-header.sticky { background-color: #fff; } #page-header.sticky #header { margin-top: 0; padding: 0; transform: translateY(0); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); max-height: 100px; } #page-header.sticky #header #block-views-block-site-logo-block-1 { transform: scale(0.9); } #page-header.sticky #header > .layout-container { min-height: 100px; } @media (max-width: 768px) { #page-header.sticky #header > .layout-container { min-height: 80px; } } @media (min-width: 769px) { #page-header.sticky #header .layout-container { height: auto; } } #page-header.sticky #fullscreen-menu { transform: none; } @keyframes menu-slidedown { from { transform: translateY(-100%); } to { transform: translateY(0); } } @keyframes menu-slideup { from { opacity: 1; } to { opacity: 0; } } #page-header #block-locationmenu { position: relative; } #page-header .layout-container { z-index: 15; max-width: 1380px; padding: 0 40px; margin: auto; } @media (max-width: 768px) { #page-header .layout-container { padding: 5px 10px; min-height: 80px; } } #page-header img { max-width: 140px; } @media (max-width: 1024px) { #page-header img { max-width: 100px; } } #page-header .header-logos { width: 190px; flex-shrink: 0; } #page-header .header-logos .section, #page-header .header-logos .header-logos_box { width: 100%; } #page-header .header-logos img { width: 100%; } @media (max-width: 768px) { #page-header .header-logos { width: 145px; } } #page-header .header-menu { width: calc(100% - 190px); z-index: 1; } @media (min-width: 769px) { #page-header .header-menu { padding: 0 40px; } } @media (max-width: 768px) { #page-header .header-menu { width: calc(100% - 145px); } } #page-header .header-menu section { max-width: 100%; } #page-header .header-menu img { margin-right: 12px; } @media (max-width: 768px) { #page-header .header-menu-box #block-views-block-city-menu-block-1-2 { display: none !important; } } #page-header .header-menu-box > * { margin: 0 8px; display: none; } #page-header .header-menu-box > *.city-menu-block { display: block; } @media (max-width: 580px) { #page-header .header-menu-box > * { margin: 0 5px; } } #page-header .header-menu-box > *.showheaderitem { display: flex; flex-wrap: nowrap; } @media (max-width: 420px) { #page-header .header-menu-box > *.showheaderitem.reserve-now-button { margin: 0; } } @media (min-width: 1271px) { #page-header .header-menu-box .menu-icon { display: none; } } @media (max-width: 768px) { #page-header .header-menu-box .menu-icon { margin: 0; } } @media (max-width: 1150px) { #page-header .header-menu-box .node--type-locations.node--promoted { display: none; } } #page-header .header-menu-box #block-views-block-city-menu-block-1-4, #page-header .header-menu-box #block-blazingsaddles-views-block-city-menu-block-1-new { z-index: 1; transition: transform 350ms cubic-bezier(0.32, -1, 0.25, 1) 100ms; } #page-header .header-menu-box #block-views-block-city-menu-block-1-4 .non-active.views-row, #page-header .header-menu-box #block-blazingsaddles-views-block-city-menu-block-1-new .non-active.views-row { display: none; } #page-header .header-menu-box #block-views-block-city-menu-block-1-4 .city-options .non-active.views-row, #page-header .header-menu-box #block-blazingsaddles-views-block-city-menu-block-1-new .city-options .non-active.views-row { display: block; } #page-header .header-menu-box #block-views-block-city-menu-block-1-4 .city-menu-block > .view-header > .choose-city, #page-header .header-menu-box #block-blazingsaddles-views-block-city-menu-block-1-new .city-menu-block > .view-header > .choose-city { display: none; } #page-header .header-menu-box #block-views-block-city-menu-block-1-4 .block-title, #page-header .header-menu-box #block-blazingsaddles-views-block-city-menu-block-1-new .block-title { display: none; } @media (max-width: 768px) { #page-header .header-menu-box #block-views-block-city-menu-block-1-4, #page-header .header-menu-box #block-blazingsaddles-views-block-city-menu-block-1-new { display: none; } } #page-header .header-menu-box > div.node--type-locations.node--view-mode-header-block, #page-header .header-menu-box > a { z-index: 99; transition: transform 350ms ease 100ms; } @media (max-width: 768px) { #page-header .header-menu-box > div.node--type-locations.node--view-mode-header-block, #page-header .header-menu-box > a { display: none; } } @media (max-width: 580px) { #page-header .reserve-now-button { /* > img { display: none; } */ } } @media (max-width: 420px) { #page-header .reserve-now-button { width: -moz-max-content; width: max-content; min-width: 0; min-width: initial; } } #fullscreen-menu { z-index: 10; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; flex-wrap: nowrap !important; padding-top: 120px; background: #f5f6f8; display: none; background-image: url("/themes/blazingsaddles/css/images/02bikes-loop.png"); background-repeat: repeat-x; background-size: 50%; } @media (max-width: 768px) { #fullscreen-menu { overflow-y: scroll; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap !important; overflow-x: hidden; } } @media (max-width: 768px) { #fullscreen-menu { background-image: none; background: #fff; } } @media (min-width: 769px) and (max-height: 684px) { #fullscreen-menu { position: relative; height: auto; padding-top: 0; min-height: 100vh; transform: none; } } #fullscreen-menu > img { position: absolute; bottom: 0; right: 0; z-index: -1; height: 100vh; max-width: none; max-width: initial; } #fullscreen-menu > div { position: relative; max-width: 100%; } @media (max-width: 768px) { #fullscreen-menu > div { flex-direction: column; flex-wrap: nowrap; flex: 0; } } #fullscreen-menu > svg path { fill: #fff; } #fullscreen-menu [id^=block-blazingsaddles-] > ul > li > a { font-size: 48px; line-height: 1.2; font-weight: 900; color: #004ec8; text-transform: uppercase; cursor: pointer; z-index: 5; transition: color 100ms linear; } @media (max-width: 768px) { #fullscreen-menu [id^=block-blazingsaddles-] > ul > li > a { font-size: 24px; line-height: 1; } } #fullscreen-menu [id^=block-blazingsaddles-] > ul > li > a:hover { color: #e11b48; } @media (max-width: 768px) { #fullscreen-menu.opened { align-items: flex-start; justify-content: flex-start; padding-top: 0; margin-top: 80px; height: calc(100vh - 80px); } } #fullscreen-menu.opened > img { animation: slide-right 400ms ease 1; } @media (max-width: 768px) { #fullscreen-menu.opened > img { display: none; } } @media (min-width: 769px) { #fullscreen-menu.opened #block-locationmenu .level-1-item { animation: slide-left 250ms ease-out 1; } #fullscreen-menu.opened #block-locationmenu .level-1-item:nth-child(1), #fullscreen-menu.opened #block-locationmenu .level-1-item:nth-child(2) { animation: slide-left 400ms ease-out 1; } } @media (max-width: 768px) { #fullscreen-menu.opened [id^=block-blazingsaddles-], #fullscreen-menu.opened #block-blazingsaddles-main-menu { padding-left: 30px; padding-right: 30px; } } @media (max-width: 320px) { #fullscreen-menu.opened [id^=block-blazingsaddles-], #fullscreen-menu.opened #block-blazingsaddles-main-menu { padding-left: 15px; padding-right: 15px; } } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 { animation: slide-right 250ms ease-out 1; margin-top: 10px; } @media (max-width: 768px) { #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 { margin-top: 20px; animation: none; } } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li { line-height: 51.2px; } @media (max-width: 768px) { #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li { line-height: 1.8; margin-top: 10px; margin-bottom: 10px; } } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li.level-0-item.gift-cards > a, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li.level-0-item.gift-cards > a { position: relative; display: flex; flex-direction: row; align-items: center; -moz-column-gap: 10px; column-gap: 10px; color: white; font-size: 16px; font-weight: 700; font-family: "Muli", sans-serif; padding: 1.1vh 2vh; border-radius: 30px; overflow: hidden; } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li.level-0-item.gift-cards > a::before, #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li.level-0-item.gift-cards > a::after, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li.level-0-item.gift-cards > a::before, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li.level-0-item.gift-cards > a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; z-index: -1; } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li.level-0-item.gift-cards > a::before, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li.level-0-item.gift-cards > a::before { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li.level-0-item.gift-cards > a::after, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li.level-0-item.gift-cards > a::after { background: linear-gradient(118.97deg, #3664dc 0%, #2b52d1 100%); opacity: 0; } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li.level-0-item.gift-cards > a:hover::after, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li.level-0-item.gift-cards > a:hover::after { opacity: 1; } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li.level-0-item.gift-cards > a .field-icon, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li.level-0-item.gift-cards > a .field-icon { line-height: 1; } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li.level-0-item.gift-cards > a .field-icon svg, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li.level-0-item.gift-cards > a .field-icon svg { width: 25px; height: 25px; } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li.level-0-item.gift-cards > a .field-icon svg path, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li.level-0-item.gift-cards > a .field-icon svg path { fill: white; } #fullscreen-menu.opened [id^=block-blazingsaddles-] .level-0 > li.level-0-item.gift-cards > a .link-text, #fullscreen-menu.opened #block-blazingsaddles-main-menu .level-0 > li.level-0-item.gift-cards > a .link-text { line-height: 1; } #fullscreen-menu #block-views-block-city-menu-block-1-4 .view-content, #fullscreen-menu #block-blazingsaddles-views-block-city-menu-block-1-new .view-content { margin-top: -100px; transform: translateX(-15px); } #fullscreen-menu #block-views-block-city-menu-block-1-4 .view-content .view-header, #fullscreen-menu #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .view-header { padding-top: 4px; } #fullscreen-menu #block-views-block-city-menu-block-1-4 .view-content .view-header a, #fullscreen-menu #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .view-header a { font-size: 17.6px; line-height: 1.1rem; font-weight: 900; color: #000; padding: 0; padding-right: 50px; } #fullscreen-menu #block-views-block-city-menu-block-1-4 .view-content .view-header a:hover, #fullscreen-menu #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .view-header a:hover { background: transparent; color: #f52a53; } #fullscreen-menu #block-views-block-city-menu-block-1-4 .view-content.opened .view-header, #fullscreen-menu #block-blazingsaddles-views-block-city-menu-block-1-new .view-content.opened .view-header { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @keyframes slide-left { from { transform: translateX(-350%); } to { transform: translateX(0); } } @keyframes slide-right { from { transform: translateX(350%); } to { transform: translateX(0); } } #menu-icon { background-color: white; width: 60px; min-width: 60px; overflow: hidden; padding: 0; cursor: pointer; } @media (min-width: 769px) { #menu-icon { width: 130px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } } #menu-icon::before, #menu-icon::after { font-size: 16px; font-weight: 900; display: inline-block; position: absolute; color: #000; transition: transform 250ms ease, background-color 250ms ease, opacity 250ms ease 100ms, color 200ms ease; } @media (min-width: 769px) { #menu-icon::before, #menu-icon::after { transform: translateX(-30px); } } @media (min-width: 769px) { #menu-icon::before { content: "CLOSE"; left: -7px; opacity: 0; } #menu-icon::after { content: "MENU"; right: -7px; opacity: 1; } } #menu-icon .line { width: 20px; height: 3px; background-color: #000; position: relative; margin: 0 15px; transition: transform 250ms ease, background-color 250ms ease, opacity 250ms ease 100ms, color 200ms ease; } @media (min-width: 769px) { #menu-icon .line { transform: translateX(-30px); } } #menu-icon .line::before, #menu-icon .line::after { content: ""; position: absolute; right: 0; height: 3px; width: inherit; background-color: #000; transition: transform 300ms ease 100ms, background-color 250ms ease; } #menu-icon .line::before { top: -7px; } #menu-icon .line::after { top: 7px; } @media (max-width: 768px) { #menu-icon.opened { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } } #menu-icon.opened::before, #menu-icon.opened::after { color: #000; display: inline-block; transform: translateX(33px); } #menu-icon.opened::before { opacity: 1; } #menu-icon.opened::after { opacity: 0; } #menu-icon.opened .line { background-color: transparent; } @media (min-width: 769px) { #menu-icon.opened .line { transform: translateX(33px); } } #menu-icon.opened .line::before { transform: translateY(7px) rotateZ(45deg); } #menu-icon.opened .line::after { transform: translateY(-7px) rotateZ(-45deg); } #menu-icon:hover::before, #menu-icon:hover::after { color: #f52a53; } #menu-icon:hover.opened .line { background-color: transparent; } #menu-icon:hover .line { background-color: #f52a53; } #menu-icon:hover .line::before, #menu-icon:hover .line::after { background-color: #f52a53; } .fullscreen-menu-bottom { transition: transform 200ms cubic-bezier(0.79, 0.14, 0.15, 0.86); } .fullscreen-menu-bottom > div { display: flex; padding-bottom: 20px; } @media (max-width: 768px) { .fullscreen-menu-bottom > div { flex-direction: column; flex-wrap: nowrap; width: 100vw; } } .level-1-item-clone { display: flex; flex-direction: column; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; } .level-1-item-clone > a { cursor: pointer; font-size: 27.2px; text-transform: uppercase; font-weight: 900; color: #004ec8; line-height: 44.8px; transition: color 100ms linear; -webkit-text-decoration: none; text-decoration: none; position: relative; } .level-1-item-clone > a.has-submenus::after { background-image: url("../css/images/menubluearrow.png"); background-size: 10px 20px; display: inline-block; width: 10px; height: 20px; content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } @media (max-width: 320px) { .level-1-item-clone > a.has-submenus::after { right: 0; } } .level-1-item-clone > a:hover { color: #e11b48; } #block-locationmenu ul { list-style-type: none; margin: 0; } #block-locationmenu ul li { padding: 0; margin: 0; } #block-locationmenu .level-0-item > a { display: none; } #block-locationmenu .level-1 { display: flex; flex-flow: column wrap; height: 430px; width: 550px; padding-left: 10px; } @media (max-width: 768px) { #block-locationmenu .level-1 { height: auto; } } @media (max-width: 768px) { #block-locationmenu .level-1-item { position: absolute; left: 100vw; width: 100%; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; } } @media (max-width: 768px) and (max-width: 320px) { #block-locationmenu .level-1-item { padding-left: 15px; padding-right: 15px; } } #block-locationmenu .level-1-item > a { font-size: 28.8px; text-transform: uppercase; font-weight: 900; color: #004ec8; line-height: 64px; transition: color 100ms linear; -webkit-text-decoration: none; text-decoration: none; } @media (max-width: 768px) { #block-locationmenu .level-1-item > a { cursor: pointer; line-height: 1.7; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently */ } #block-locationmenu .level-1-item > a::before { content: url("../css/svgs/next.svg"); transform: rotateZ(180deg) translateY(2px); display: inline-block; margin-right: 15px; } } #block-locationmenu .level-1-item > a:hover { color: #e11b48; } #block-locationmenu .level-2 { padding: 0; } @media (max-width: 768px) { #block-locationmenu .level-2 { border-top: 1px solid #f2f2f2; padding-top: 20px; } } #block-locationmenu .level-2-item.last-level-item { margin-left: 40px; } #block-locationmenu .level-2-item > span { font-size: 16px; text-transform: uppercase; font-weight: 900; color: #f52a53; -webkit-text-decoration: none; text-decoration: none; } #block-locationmenu .last-level-item { position: relative; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; line-height: 2rem; line-height: 1.8; } #block-locationmenu .last-level-item::before { content: ""; position: absolute; left: -25px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; border: 3px solid #f52a53; } #block-locationmenu .last-level-item > a { font-size: 16px; transition: color 100ms linear; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); transition: color 100ms linear; } #block-locationmenu .last-level-item > a:hover { color: #e11b48; } @media (max-width: 768px) { #block-locationmenu .last-level-item > a { color: #004ec8; font-weight: 900; font-size: 18px; line-height: 1.7; font-size: 20px; } } #block-blazingsaddles-main-menu > ul > li > a { font-size: 48px; line-height: 1.2; font-weight: 900; color: #004ec8; text-transform: uppercase; cursor: pointer; z-index: 5; transition: color 100ms linear; } @media (max-width: 768px) { #block-blazingsaddles-main-menu > ul > li > a { font-size: 24px; line-height: 1; } } #block-blazingsaddles-main-menu > ul > li > a:hover { color: #e11b48; } .view.view-site-logo.view-id-site_logo.view-display-id-block_1 { z-index: 55; } .view.view-site-logo.view-id-site_logo.view-display-id-block_1 .field-content a { display: block; line-height: 0; } .js-language-menu > ul { position: relative; display: flex; flex-direction: column-reverse; } @media (max-width: 768px) { .js-language-menu > ul { display: none; } } .js-language-menu > ul.level-0.language-menu > .level-0-item { display: none; } .js-language-menu > ul.level-0.language-menu > .level-0-item.selected-language { display: flex; } .js-language-menu > ul a { font-size: 16px; } .js-language-menu > ul li { position: relative; margin: 0; } .js-language-menu > ul li.selected-language { display: flex; z-index: 99; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); position: relative; background: #fff; width: 60px; cursor: pointer; transition: border-radius 370ms ease; } .js-language-menu > ul li.selected-language:hover a { color: #f52a53; } .js-language-menu > ul li.selected-language a { font-size: 16px; position: relative; transform: translateY(-5px); } .js-language-menu > ul li.selected-language a::after { content: url("../images/icons/Path.png"); position: absolute; top: 80%; left: 50%; transition: transform 250ms ease 100ms; transform: translateX(-50%) scale(0.5); } .js-language-menu > ul li a { font-weight: 900; } .js-language-menu > ul div.options { border-top: 2px solid #f2f2f2; opacity: 0; box-shadow: none; transition: transform 250ms ease, background-color 250ms ease, box-shadow 0ms ease 30ms, opacity 250ms ease; position: absolute; width: 60px; padding-top: 10px; padding-bottom: 15px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; text-align: center; top: 100%; transform: translateY(-50%) scaleY(0); } .js-language-menu > ul div.options li a { padding: 3px 0; display: block; } .js-language-menu > ul div.options li:hover a { color: #f52a53; } .js-language-menu > ul.opened .selected-language { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .js-language-menu > ul.opened .selected-language a::after { transform: translateX(-50%) scale(0.5) rotate(180deg); } .js-language-menu > ul.opened div.options { opacity: 1; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transform: translateY(0) scaleY(1); background: #fff; } #block-views-block-city-menu-block-1-4 .view-content, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content { display: flex; flex-direction: column-reverse; position: relative; } #block-views-block-city-menu-block-1-4 .view-content .views-row, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-row { padding: 0; } #block-views-block-city-menu-block-1-4 .view-content .view-header, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .view-header { padding: 4px 25px; padding-top: 14px; font-size: 12.8px; } #block-views-block-city-menu-block-1-4 .view-content .views-field-title .field-content, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-field-title .field-content { line-height: 17.6px; width: 240px; } #block-views-block-city-menu-block-1-4 .view-content .views-field-title .field-content a, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-field-title .field-content a { justify-content: center; padding: 7px 25px; padding-right: 39px; min-width: 50px; } #block-views-block-city-menu-block-1-4 .view-content .views-field-title .field-content a:hover, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-field-title .field-content a:hover { color: #f52a53; } #block-views-block-city-menu-block-1-4 .view-content .views-field-title .field-content a:last-child, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-field-title .field-content a:last-child { display: none; } #block-views-block-city-menu-block-1-4 .view-content .views-field-title .field-content a > div, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-field-title .field-content a > div { font-size: 16px; } #block-views-block-city-menu-block-1-4 .view-content .views-field-title .field-content .city-name, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .views-field-title .field-content .city-name { font-weight: 900; } #block-views-block-city-menu-block-1-4 .view-content .city-options, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .city-options { padding-bottom: 14px; opacity: 0; z-index: 2; box-shadow: none; transition: transform 250ms ease, background-color 250ms ease, box-shadow 0ms ease 30ms, opacity 250ms ease; position: absolute; width: 100%; top: 100%; transform: translateY(-50%) scaleY(0); border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; overflow: hidden; border-top: 2px solid #f2f2f2; background: #fff; } #block-views-block-city-menu-block-1-4 .view-content .city-options .views-row, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .city-options .views-row { border-radius: 0; } #block-views-block-city-menu-block-1-4 .view-content .active, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .active { z-index: 99; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); position: relative; background: #fff; display: block; cursor: pointer; transition: border-radius 370ms ease; } #block-views-block-city-menu-block-1-4 .view-content .active .phone-icon::after, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .active .phone-icon::after { content: url("../css/svgs/call.svg"); transform: translateX(-50px); } #block-views-block-city-menu-block-1-4 .view-content .active .field-content > a, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .active .field-content > a { height: 60px; position: relative; border-right: 1px solid #f2f2f2; } #block-views-block-city-menu-block-1-4 .view-content .active .field-content > a div, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .active .field-content > a div { font-size: 16px; } #block-views-block-city-menu-block-1-4 .view-content .active .field-content > a:first-child::after, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .active .field-content > a:first-child::after { content: url("../images/icons/Path.png"); position: absolute; top: 50%; right: 7px; transition: transform 250ms ease 100ms; transform: translateY(-45%) scale(0.5); } #block-views-block-city-menu-block-1-4 .view-content .active .field-content > a:last-child, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .active .field-content > a:last-child { display: block; border-right: 0; padding-top: 14px; padding-bottom: 10px; padding-right: 22px; padding-left: 10px; } #block-views-block-city-menu-block-1-4 .view-content .active .field-content > a:last-child:hover, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content .active .field-content > a:last-child:hover { background: #f2f2f2; } #block-views-block-city-menu-block-1-4 .view-content.opened .active, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content.opened .active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #block-views-block-city-menu-block-1-4 .view-content.opened .active .field-content > a:first-child::after, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content.opened .active .field-content > a:first-child::after { transform: translateY(-55%) scale(0.5) rotateZ(180deg); } #block-views-block-city-menu-block-1-4 .view-content.opened .city-options, #block-blazingsaddles-views-block-city-menu-block-1-new .view-content.opened .city-options { opacity: 1; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transform: translateY(0) scaleY(1); } @media (max-width: 768px) { #block-views-block-call-us-menu-block-1 { display: none; } } #block-views-block-call-us-menu-block-1, #block-views-block-call-us-menu-block-1-2, #block-views-block-call-us-menu-block-1-3 { position: relative; z-index: 2; } #block-views-block-call-us-menu-block-1 .block-title, #block-views-block-call-us-menu-block-1-2 .block-title, #block-views-block-call-us-menu-block-1-3 .block-title { width: 170px; z-index: 99; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); position: relative; background: #fff; cursor: pointer; transition: border-radius 370ms ease; } #block-views-block-call-us-menu-block-1 .block-title:hover h3, #block-views-block-call-us-menu-block-1-2 .block-title:hover h3, #block-views-block-call-us-menu-block-1-3 .block-title:hover h3 { color: #f52a53; } #block-views-block-call-us-menu-block-1 .block-title .block-title-inner, #block-views-block-call-us-menu-block-1-2 .block-title .block-title-inner, #block-views-block-call-us-menu-block-1-3 .block-title .block-title-inner { padding-right: 20px; font-size: 17.6px !important; } #block-views-block-call-us-menu-block-1 .block-title .block-title-inner::after, #block-views-block-call-us-menu-block-1-2 .block-title .block-title-inner::after, #block-views-block-call-us-menu-block-1-3 .block-title .block-title-inner::after { content: url("../images/icons/Path.png"); position: absolute; top: 50%; right: 20px; display: inline-block; transition: transform 250ms ease 100ms; transform: translateY(-45%) scale(0.5); } #block-views-block-call-us-menu-block-1 .content, #block-views-block-call-us-menu-block-1-2 .content, #block-views-block-call-us-menu-block-1-3 .content { transform: translateY(-50%) scaleY(0); width: 170px; position: absolute; box-shadow: none; transition: transform 250ms ease, background-color 250ms ease, box-shadow 0ms ease 30ms, opacity 250ms ease; top: 100%; left: 0; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border-top: 2px solid #f2f2f2; background: #fff; padding-top: 9px; padding-bottom: 9px; } #block-views-block-call-us-menu-block-1 .city-name, #block-views-block-call-us-menu-block-1 .city-phone, #block-views-block-call-us-menu-block-1-2 .city-name, #block-views-block-call-us-menu-block-1-2 .city-phone, #block-views-block-call-us-menu-block-1-3 .city-name, #block-views-block-call-us-menu-block-1-3 .city-phone { font-size: 16px; } #block-views-block-call-us-menu-block-1.opened .block-title, #block-views-block-call-us-menu-block-1-2.opened .block-title, #block-views-block-call-us-menu-block-1-3.opened .block-title { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #block-views-block-call-us-menu-block-1.opened .block-title .block-title-inner::after, #block-views-block-call-us-menu-block-1-2.opened .block-title .block-title-inner::after, #block-views-block-call-us-menu-block-1-3.opened .block-title .block-title-inner::after { transform: translateY(-55%) scale(0.5) rotateZ(180deg); } #block-views-block-call-us-menu-block-1.opened .content, #block-views-block-call-us-menu-block-1-2.opened .content, #block-views-block-call-us-menu-block-1-3.opened .content { transform: translateY(0) scaleY(1); } #block-views-block-call-us-menu-block-1 .view-content .views-field-title .field-content, #block-views-block-call-us-menu-block-1-2 .view-content .views-field-title .field-content, #block-views-block-call-us-menu-block-1-3 .view-content .views-field-title .field-content { line-height: 17.6px; } #block-views-block-call-us-menu-block-1 .view-content .views-field-title .field-content a, #block-views-block-call-us-menu-block-1-2 .view-content .views-field-title .field-content a, #block-views-block-call-us-menu-block-1-3 .view-content .views-field-title .field-content a { padding: 1vh 2.6vh; } #block-views-block-call-us-menu-block-1 .view-content .views-field-title .field-content a:hover, #block-views-block-call-us-menu-block-1-2 .view-content .views-field-title .field-content a:hover, #block-views-block-call-us-menu-block-1-3 .view-content .views-field-title .field-content a:hover { color: #f52a53; } #block-views-block-call-us-menu-block-1 .view-content .views-field-title .field-content .city-name, #block-views-block-call-us-menu-block-1-2 .view-content .views-field-title .field-content .city-name, #block-views-block-call-us-menu-block-1-3 .view-content .views-field-title .field-content .city-name { font-weight: 900; } @media (max-width: 768px) { #block-views-block-city-menu-block-1-2 { display: none; } } #block-views-block-city-menu-block-1-2, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 { z-index: 1; position: relative; } #block-views-block-city-menu-block-1-2 .choose-city, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .choose-city { display: none; } #block-views-block-city-menu-block-1-2 .block-title, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .block-title { width: 290px; z-index: 99; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); position: relative; background: #fff; cursor: pointer; transition: border-radius 370ms ease; } #block-views-block-city-menu-block-1-2 .block-title:hover .block-title-inner, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .block-title:hover .block-title-inner { color: #f52a53; } #block-views-block-city-menu-block-1-2 .block-title .block-title-inner, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .block-title .block-title-inner { padding-right: 20px; } #block-views-block-city-menu-block-1-2 .block-title .block-title-inner::after, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .block-title .block-title-inner::after { content: url("../images/icons/Path.png"); position: absolute; top: 50%; right: 20px; display: inline-block; transition: transform 250ms ease 100ms; transform: translateY(-45%) scale(0.5); } #block-views-block-city-menu-block-1-2 .content, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .content { transform: translateY(-50%) scaleY(0); width: 100%; position: absolute; box-shadow: none; transition: transform 250ms ease, background-color 250ms ease, box-shadow 0ms ease 30ms, opacity 250ms ease; top: 100%; left: 0; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border-top: 2px solid #f2f2f2; background: #fff; padding-top: 9px; padding-bottom: 9px; } #block-views-block-city-menu-block-1-2.opened .block-title, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3.opened .block-title { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #block-views-block-city-menu-block-1-2.opened .block-title .block-title-inner::after, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3.opened .block-title .block-title-inner::after { transform: translateY(-55%) scale(0.5) rotateZ(180deg); } #block-views-block-city-menu-block-1-2.opened .content, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3.opened .content { transform: translateY(0) scaleY(1); } #block-views-block-city-menu-block-1-2 .view-content .views-field-title .field-content, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content { line-height: 17.6px; padding: 1vh 2.6vh; display: block; } #block-views-block-city-menu-block-1-2 .view-content .views-field-title .field-content a, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content a { display: block; min-width: 130px; } #block-views-block-city-menu-block-1-2 .view-content .views-field-title .field-content a:hover, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content a:hover { color: #f52a53; } #block-views-block-city-menu-block-1-2 .view-content .views-field-title .field-content .city-name, #fullscreen-menu.not-has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content .city-name { font-weight: 900; } .fullscreen-menu-header { position: absolute; top: -100px; transition: transform 350ms cubic-bezier(0.32, 0, 0.25, 1) 200ms; transform: scale(0); } .hidebefore > ul::before { display: none; } .fullscreen-menu-top { display: none; } @media (max-width: 768px) { .fullscreen-menu-top { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; margin-left: 10px; } .fullscreen-menu-top .node--promoted { display: none; } } .fullscreen-menu-top > * { margin: 7px; } .fullscreen-menu-top > #block-languagemenu-2 { z-index: 10; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content { display: flex; flex-direction: column-reverse; position: relative; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-row { padding: 0; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .view-header { padding: 4px 25px; padding-top: 14px; font-size: 12.8px; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content { line-height: 17.6px; width: 240px; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content a { justify-content: center; padding: 7px 25px; padding-right: 40px; min-width: 50px; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content a:hover { color: #f52a53; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content a:last-child { display: none; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content a > div { font-size: 16px; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .views-field-title .field-content .city-name { font-weight: 900; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .city-options { padding-bottom: 14px; opacity: 0; z-index: 2; box-shadow: none; transition: transform 250ms ease, background-color 250ms ease, box-shadow 0ms ease 30ms, opacity 250ms ease; position: absolute; width: 100%; top: 100%; transform: translateY(-50%) scaleY(0); border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; overflow: hidden; border-top: 2px solid #f2f2f2; background: #fff; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .city-options .views-row { border-radius: 0; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .active { z-index: 99; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); position: relative; background: #fff; display: block; cursor: pointer; transition: border-radius 370ms ease; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .active .phone-icon::after { content: url("../css/svgs/call.svg"); transform: translateX(-50px); } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .active .field-content > a { height: 60px; position: relative; border-right: 1px solid #f2f2f2; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .active .field-content > a div { font-size: 16px; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .active .field-content > a:first-child::after { content: url("../images/icons/Path.png"); position: absolute; top: 50%; right: 7px; transition: transform 250ms ease 100ms; transform: translateY(-45%) scale(0.5); } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .active .field-content > a:last-child { display: block; border-right: 0; padding-top: 14px; padding-bottom: 10px; padding-right: 22px; padding-left: 10px; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content .active .field-content > a:last-child:hover { background: #f2f2f2; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content.opened .active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content.opened .active .field-content > a:first-child::after { transform: translateY(-55%) scale(0.5) rotateZ(180deg); } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content.opened .city-options { opacity: 1; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transform: translateY(0) scaleY(1); } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 { margin-right: 15px; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .view-content div.active { border-radius: 40px; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title .field-content > a { transition: all 0.2s ease-in-out; color: #004ec8; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title .field-content > a .city-name { transition: all 0.2s ease-in-out; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title .field-content > a .city-phone { transition: all 0.2s ease-in-out; color: #000; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title .field-content > a:hover .city-name, #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title .field-content > a:hover .city-phone { color: #f52a53; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title a:nth-child(1) { width: 100%; height: 75px; padding: 7px 40px; border-right: none; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title a:nth-child(1) .city-name { margin-top: 9px; font-size: 35.2px; } @media (max-width: 768px) { #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title a:nth-child(1) .city-name { font-size: 25.6px; } } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title a:nth-child(1) .city-phone { margin-top: 9px; } @media (max-width: 768px) { #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title a:nth-child(1) .city-phone { margin-top: 5px; } } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title a:nth-child(1)::after { right: 17px; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title a:nth-child(2) { display: none; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .active .views-field.views-field-title .field-content { width: 350px; max-width: 90vw; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 { z-index: 1; transition: transform 350ms cubic-bezier(0.32, -1, 0.25, 1) 100ms; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .non-active.views-row { display: none; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .city-options .non-active.views-row { display: block; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .city-menu-block > .view-header > .choose-city { display: none; } #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 .block-title { display: none; } @media (max-width: 768px) { #fullscreen-menu.has-location #block-views-block-city-menu-block-1-3 { margin-bottom: 15px; } } @media screen and (max-width: 489px) { #fullscreen-menu.has-location > .fullscreen-menu-top { flex-wrap: wrap; flex-direction: row; align-items: center; /* >#block-views-block-call-us-menu-block-1-2 { order: 0; } >.reserve-now-button { order: 1; } >#block-views-block-city-menu-block-1-3 { order: 2; } */ } } @media (max-width: 768px) { #fullscreen-menu.has-location > .fullscreen-menu-top { flex: 0; } } .before-footer .community-left .section-block-title { color: #004ec8; font-weight: 900; font-size: 1.7rem; line-height: 1.7rem; } #page-footer { min-height: 16vh; padding: 0 11vh; background: #fff; display: block !important; } @media (max-width: 768px) { #page-footer { padding: 0; } } #page-footer .site-footer { padding: 6vh 0; } #page-footer .footer-right { display: flex; justify-content: flex-end; padding: 0; } #page-footer .footer-right ul.footer li { margin-bottom: 10px; } @media (max-width: 1300px) { #page-footer .footer-right ul.footer li:first-child { margin-left: 0; } } @media (max-width: 768px) { #page-footer .footer-right { order: 0; max-width: calc(100% - 60px); justify-content: flex-start; } } @media (max-width: 768px) { #page-footer .footer-left { order: 1; margin-bottom: 0; padding: 0; } } #page-footer .field-community-block-social-l .node__title a { pointer-events: none; cursor: default; } nav > ul { list-style: none outside; margin: 0; padding: 0; text-align: left; } nav > ul li { margin-left: 30px; padding-top: 0; } @media screen and (max-height: 768px) { nav > ul li { margin-left: 10px; } } @media (max-width: 768px) { nav > ul li { margin-left: 0; margin-right: 20px; margin-bottom: 1vh; } } .before-footer { padding-top: 7vh; } @media (max-width: 1300px) { .before-footer .layout-container { padding: 0; } } @media (max-width: 1024px) { .before-footer .layout-container { padding: 0 20px; } } .before-footer .block { margin-bottom: 20vh; } .before-footer .block:last-child { margin-bottom: 0; } .before-footer #block-quicknodeblock { max-width: 1080px; margin: 0 auto; padding: 0 40px; } @media (max-width: 1300px) { .before-footer #block-quicknodeblock { max-width: 1160px; padding: 0 20px; } } @media (max-width: 768px) { .before-footer #block-quicknodeblock { padding: 0; } } .before-footer .community-section { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: space-between; align-items: stretch; } @media (max-width: 1024px) { .before-footer .community-section { padding: 0 8vh; } } .before-footer .community-section > div { margin-bottom: 3vh; } @media (max-width: 1024px) { .before-footer .community-section > div { width: 30%; } } @media (max-width: 900px) { .before-footer .community-section > div { width: 50%; } } @media (max-width: 580px) { .before-footer .community-section > div { width: 100%; } } .before-footer .community-section .community-left > div { width: 100%; } .before-footer .community-section .community-left > div .field-community-block-app-links, .before-footer .community-section .community-left > div .field-app-links { margin-bottom: 6vh; } .before-footer .community-section .community-left > div:last-child { margin-bottom: 0; } .before-footer .community-section .community-left > div:last-child .field-community-block-app-links, .before-footer .community-section .community-left > div:last-child .field-app-links { margin-bottom: 0; } .before-footer .community-section .community-left .community-left-text ul { list-style: none; padding-left: 0px; } .before-footer .community-section .community-left .community-left-text ul li { position: relative; -webkit-text-decoration: none; -webkit-text-decoration: none; text-decoration: none; line-height: 2rem; /* &::before { content: ""; position: absolute; left: -25px; top: 10px; width: 10px; height: 10px; border-radius: 50%; border: 3px solid #f52a53; } */ } @media (max-width: 580px) { .before-footer .community-section .community-left { width: 100%; } } @media (max-width: 900px) { .before-footer .community-section .community-center { order: 1; margin-top: 30px; } } @media (max-width: 580px) { .before-footer .community-section .community-center { order: initial; margin-top: 0; } } .before-footer .community-section .community-right { align-items: flex-end; justify-content: flex-end; margin-left: 70px; } .before-footer .community-section .community-right > div { width: 100%; margin-bottom: 3.5vh; } .before-footer .community-section .community-right > div:last-child { margin-bottom: 0; } @media (max-width: 1024px) { .before-footer .community-section .community-right { width: calc(40% - 50px); align-items: flex-start; justify-content: flex-start; flex-direction: column; margin-left: 50px; } } @media (max-width: 580px) { .before-footer .community-section .community-right { width: 100%; margin-left: 0; } } .before-footer .community-section .tripadvisor { max-width: 360px; } .before-footer .community-section .tripadvisor-button { margin-top: 3.5vh; max-width: 270px; } @media (max-width: 420px) { .before-footer .community-section .tripadvisor-button { max-width: 100%; width: 100%; } } .before-footer .community-section .node__title { line-height: 1.1rem; } .before-footer .community-section .field-community-block-social-l > div { padding: 0 30px; margin-top: 1.5vh; border-right: 1px solid rgb(212, 211, 211); } @media (max-width: 580px) { .before-footer .community-section .field-community-block-social-l > div { padding: 0; border-right: 0; display: block; margin-bottom: 3.5vh; width: 100%; } .before-footer .community-section .field-community-block-social-l > div img, .before-footer .community-section .field-community-block-social-l > div svg { width: 35px; height: 35px; } } .before-footer .community-section .field-community-block-social-l > div:first-child { padding-left: 0; } .before-footer .community-section .field-community-block-social-l > div:last-child { padding-right: 0; border-right: 0; } .before-footer .community-section .field-community-block-social-l h2 { margin-top: 0; } .before-footer .community-section .field-social-links, .before-footer .community-section .field-community-block-app-links, .before-footer .community-section .field-app-links { margin: 1.5vh 0; } .before-footer .community-section .field-social-links img, .before-footer .community-section .field-social-links svg, .before-footer .community-section .field-community-block-app-links img, .before-footer .community-section .field-community-block-app-links svg, .before-footer .community-section .field-app-links img, .before-footer .community-section .field-app-links svg { width: 35px; height: 35px; } .before-footer .community-section .field-social-links h2, .before-footer .community-section .field-community-block-app-links h2, .before-footer .community-section .field-app-links h2 { margin-top: 0; } .before-footer .community-section .field-social-links > div, .before-footer .community-section .field-community-block-app-links > div, .before-footer .community-section .field-app-links > div { margin-right: 3.5vh; } .before-footer .community-section .field-social-links > div:last-child, .before-footer .community-section .field-community-block-app-links > div:last-child, .before-footer .community-section .field-app-links > div:last-child { margin-right: 0; } @media (max-width: 1150px) { .before-footer .community-section .field-social-links > div, .before-footer .community-section .field-community-block-app-links > div, .before-footer .community-section .field-app-links > div { margin-right: 3vh; } } .before-footer .community-section .field-social-links svg:hover path:last-child, .before-footer .community-section .field-community-block-app-links svg:hover path:last-child, .before-footer .community-section .field-app-links svg:hover path:last-child { fill: #f52a53 !important; } .before-footer .community-section .field-community-block-app-links path.st0, .before-footer .community-section .field-app-links path.st0 { fill: none; } @media (max-width: 1024px) { .before-footer .community-section { flex-wrap: wrap; } } .before-footer .section-block-title { font-size: 1.7rem; line-height: 1.7rem; max-width: 360px; } @media (max-width: 580px) { .before-footer .section-block-title { max-width: 100%; width: 100%; } } @media (max-width: 768px) { .before-footer { padding-bottom: 5vh; } } @media (max-width: 1150px) { .path-frontpage .before-footer .community-section .community-left, .page-node-type-page .before-footer .community-section .community-left, .path-user .before-footer .community-section .community-left, .page-node-type-about-us .before-footer .community-section .community-left { width: calc(100% - 440px); } } @media (max-width: 900px) { .path-frontpage .before-footer .community-section .community-left, .page-node-type-page .before-footer .community-section .community-left, .path-user .before-footer .community-section .community-left, .page-node-type-about-us .before-footer .community-section .community-left { width: 100%; } } @media (max-width: 1150px) { .path-frontpage .before-footer .community-section .community-right, .page-node-type-page .before-footer .community-section .community-right, .path-user .before-footer .community-section .community-right, .page-node-type-about-us .before-footer .community-section .community-right { width: 410px; margin-left: 30px; } } @media (max-width: 900px) { .path-frontpage .before-footer .community-section .community-right, .page-node-type-page .before-footer .community-section .community-right, .path-user .before-footer .community-section .community-right, .page-node-type-about-us .before-footer .community-section .community-right { width: 100%; margin-left: 0; } } .path-frontpage .before-footer .community-section .field-community-block-social-l, .page-node-type-page .before-footer .community-section .field-community-block-social-l, .path-user .before-footer .community-section .field-community-block-social-l, .page-node-type-about-us .before-footer .community-section .field-community-block-social-l { margin-top: 2vh; } @media (max-width: 420px) { .path-frontpage .before-footer .community-section .field-community-block-social-l > div:last-child, .page-node-type-page .before-footer .community-section .field-community-block-social-l > div:last-child, .path-user .before-footer .community-section .field-community-block-social-l > div:last-child, .page-node-type-about-us .before-footer .community-section .field-community-block-social-l > div:last-child { margin-bottom: 0; } } @media (max-width: 420px) { .path-frontpage .before-footer .community-section .field-community-block-social-l > div, .page-node-type-page .before-footer .community-section .field-community-block-social-l > div, .path-user .before-footer .community-section .field-community-block-social-l > div, .page-node-type-about-us .before-footer .community-section .field-community-block-social-l > div { width: 100%; } } @media (max-width: 900px) { .path-frontpage .before-footer .community-section, .page-node-type-page .before-footer .community-section, .path-user .before-footer .community-section, .page-node-type-about-us .before-footer .community-section { flex-wrap: wrap; } } .back-to-top-box.layout-container { max-width: 1320px; } .back-to-top { position: absolute; left: 20px; bottom: 6vh; } @media (max-width: 768px) { .back-to-top { position: absolute; right: 20px; left: auto; left: initial; bottom: 27vh; } } .back-to-top img { z-index: 1; } .back-to-top .button-red { padding: 0; width: 60px; min-width: 60px; box-shadow: none; } .back-to-top .button-red::before, .back-to-top .button-red::after { z-index: 0; } .back-to-top .button-red::before { background: #0a0a0a; } .back-to-top .button-red::after { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); } .back-to-top .button-red:hover { box-shadow: none; } .back-to-top .button-red:hover::before { opacity: 0; } .path-frontpage #page-footer .site-footer { padding-right: 100px; } @media (max-width: 1300px) { .path-frontpage #page-footer .site-footer { padding-right: 0; } } .path-frontpage #page-footer .site-footer .half-width { padding-left: 100px; } @media (max-width: 1300px) { .path-frontpage #page-footer .site-footer .half-width { padding-left: 0; } } .before-footer .section-block-title.smaller-title { color: #004ec8; font-weight: 900; font-size: 1.7rem; line-height: 1.7rem; } .social-link-title { display: none; } .path-frontpage .social-link-title { display: block; } body.page-node-type-locations #full-page-wrapper { /* } */ } body.page-node-type-locations #full-page-wrapper .slider-navigation { position: absolute; bottom: 35px; right: 0; z-index: 55; } body.page-node-type-locations #full-page-wrapper .slider-navigation #slide-index { font-size: 1.2rem; } body.page-node-type-locations #full-page-wrapper .slider-navigation .left-arrow, body.page-node-type-locations #full-page-wrapper .slider-navigation .right-arrow { display: inline-block; fill: #e11b48; margin: 0 5px; width: 28px; overflow: hidden; } body.page-node-type-locations #full-page-wrapper .slider-navigation .left-arrow .arrow-container, body.page-node-type-locations #full-page-wrapper .slider-navigation .right-arrow .arrow-container { width: 55px; transition: transform 200ms ease-out; } body.page-node-type-locations #full-page-wrapper .slider-navigation .left-arrow:hover, body.page-node-type-locations #full-page-wrapper .slider-navigation .right-arrow:hover { cursor: pointer; } body.page-node-type-locations #full-page-wrapper .slider-navigation .left-arrow svg { width: 25px; transform: rotate(180deg) translateY(-25%); } body.page-node-type-locations #full-page-wrapper .slider-navigation .left-arrow .arrow-container { transform: translateX(0); } body.page-node-type-locations #full-page-wrapper .slider-navigation .left-arrow:hover .arrow-container { transform: translateX(-50%); } body.page-node-type-locations #full-page-wrapper .slider-navigation .right-arrow svg { width: 25px; transform: translateY(25%); } body.page-node-type-locations #full-page-wrapper .slider-navigation .right-arrow .arrow-container { transform: translateX(-50%); } body.page-node-type-locations #full-page-wrapper .slider-navigation .right-arrow:hover .arrow-container { transform: translateX(0); } @media (max-width: 768px) { body.page-node-type-locations #full-page-wrapper .slider-navigation { position: absolute; top: auto; top: initial; bottom: 0; right: 50%; z-index: 55; transform: translateX(50%); } } #main .field-header-image, #main .header-slideshow, #main .field-mobile-header-image, #before-content .field-header-image, #before-content .header-slideshow, #before-content .field-mobile-header-image { display: none; } .header-image-on #content #block-blazingsaddles-content header .field-lead, .header-slideshow-on #content #block-blazingsaddles-content header .field-lead { margin-bottom: 5vh; } @media (max-width: 900px) { .header-image-on #content #block-blazingsaddles-content header, .header-slideshow-on #content #block-blazingsaddles-content header { max-width: 100%; width: 100%; } } .header-image-on.page-node-type-event-tour #content #block-blazingsaddles-content, .header-slideshow-on.page-node-type-event-tour #content #block-blazingsaddles-content { max-width: 100%; } .header-image-on.page-node-type-event-tour #content #block-blazingsaddles-content .field-lead, .header-slideshow-on.page-node-type-event-tour #content #block-blazingsaddles-content .field-lead { margin-bottom: 5vh; } .header-image-on.page-node-type-about-us #content #block-blazingsaddles-content, .header-slideshow-on.page-node-type-about-us #content #block-blazingsaddles-content { max-width: 100%; } .header-image-on.page-node-type-about-us #content #block-blazingsaddles-content .field-lead, .header-slideshow-on.page-node-type-about-us #content #block-blazingsaddles-content .field-lead { margin-bottom: 5vh; } .header-image-on.page-node-type-about-us #content #block-blazingsaddles-content .page-description, .header-slideshow-on.page-node-type-about-us #content #block-blazingsaddles-content .page-description { max-width: 35vw; } @media (max-width: 900px) { .header-image-on.page-node-type-about-us #content #block-blazingsaddles-content .page-description, .header-slideshow-on.page-node-type-about-us #content #block-blazingsaddles-content .page-description { max-width: 100%; width: 100%; } } .header-image-on #main.sidebar-left #content, .header-slideshow-on #main.sidebar-left #content { max-width: 100%; } .header-image-on .event-tour-header, .header-slideshow-on .event-tour-header { max-width: 35vw; margin-bottom: 5vh; } .bg-svgs { position: absolute; top: 0; right: 0; display: none; height: 100%; } .bg-svgs.active { display: block; right: 0; z-index: -2; } @media (max-width: 900px) { .bg-svgs.active { display: none; } } .bg-svgs .field-content { line-height: 0; } .svg-header-fading { position: absolute; display: block; top: 0; right: 0; min-height: 100%; height: auto; max-width: 45%; background: #fff; mask-image: url("/themes/blazingsaddles/css/svgs/path.svg"); mask-position: top right; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/path.svg"); -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; z-index: -1; } .svg-header-fading .image { position: relative; width: 100%; max-height: 700px; overflow: hidden; } .svg-header-fading .bg-mobile-image { display: none; transform: translateX(-50%); top: 0; left: 50%; position: relative; width: 768px; } .svg-header-fading .bg-image { position: relative; } .svg-header-fading .bg-image::after { content: ""; width: 100%; position: absolute; bottom: -20px; height: 200px; right: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.09) 8%, rgb(255, 255, 255) 87%); } @media (max-width: 1300px) { .svg-header-fading { width: calc(100vw - 700px); } } @media (max-width: 1024px) { .svg-header-fading { display: none; } } .svg-header-regular { position: absolute; display: block; top: 0; right: 0; min-height: calc(100vh - 30px); height: auto; background: #fff; max-width: 45%; mask-image: url("/themes/blazingsaddles/css/svgs/one-tour-base.svg"); mask-position: top right; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/one-tour-base.svg"); -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; z-index: -1; /* .slideshow-image { transform: translateY(-50%); top: 50%; left: 0; position: relative; width: 100%; } */ } .svg-header-regular .slideshow-caption { display: none; } .svg-header-regular .bg-image { position: relative; width: 100%; max-height: 840px; overflow: hidden; } .svg-header-regular .mobile-slideshow-image { display: none; transform: translateX(-50%); top: 0; left: 50%; position: relative; width: 768px; } .svg-header-regular > div { position: relative; width: 620px; height: 100vh; max-height: 845px; } .svg-header-regular > div .slideshow { position: absolute; top: 0; right: 0; opacity: 0; transition: all 0.7s linear; } .svg-header-regular > div .slideshow.active { opacity: 1; z-index: -1; } @media (max-width: 768px) { .svg-header-regular > div .slideshow-item.slideshow-mobile-image-on .slideshow-image { display: none; } .svg-header-regular > div .slideshow-item.slideshow-mobile-image-on .mobile-slideshow-image { display: block; } } @media (max-width: 1300px) { .svg-header-regular { width: calc(100vw - 700px); } } @media (max-width: 1024px) { .svg-header-regular { display: none; } } .page-node-type-tour-type, .page-node-type-tour-package, .page-node-type-tour { /* #before-content { >.section { margin-top: 200px; margin-bottom: -20px; @include media("<=tablet") { margin-top: 0; margin-bottom: 0; } #block-blazingsaddles-breadcrumbs { max-width: 100%; } .views-element-container { max-width: 100%; h1 { font-size: 43px; margin-bottom: 90px; color: white; text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); @include media("<=tablet") { margin-bottom: 0; color: #004ec8; } } } } } */ } .page-node-type-tour-type .svg-header-regular, .page-node-type-tour-package .svg-header-regular, .page-node-type-tour .svg-header-regular { position: absolute; min-height: 0; min-height: initial; max-height: 350px; background: none; -webkit-mask-image: initial; mask-image: initial; width: 100%; max-width: 100%; top: 100px; margin-top: 79px; margin-bottom: 50px; } .page-node-type-tour-type .svg-header-regular .bg-image, .page-node-type-tour-package .svg-header-regular .bg-image, .page-node-type-tour .svg-header-regular .bg-image { max-height: none; max-height: initial; height: 350px; max-width: 1190px; margin: auto; border-radius: 30px; /* &::after { content: ""; position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.3); } */ } .page-node-type-tour-type .svg-header-regular .bg-image img, .page-node-type-tour-package .svg-header-regular .bg-image img, .page-node-type-tour .svg-header-regular .bg-image img { width: 100%; -o-object-fit: cover; object-fit: cover; } .path-product .svg-header-slideshow { display: block; height: auto; background: #fff; max-width: 45%; mask-image: url("/themes/blazingsaddles/css/svgs/one-tour-base.svg"); mask-position: top right; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/one-tour-base.svg"); -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; z-index: -1; } @media (max-width: 1300px) { .path-product .svg-header-slideshow { width: calc(100vw - 700px); } } @media (max-width: 1024px) { .path-product .svg-header-slideshow { display: none; } } .svg-header-slideshow { position: absolute; display: block; top: 0; right: 0; height: auto; max-width: 45%; z-index: 1; /* .slideshow-image { transform: translateY(-50%); top: 50%; left: 0; position: relative; width: 100%; } */ } .svg-header-slideshow .field-slideshow { mask-image: url("/themes/blazingsaddles/css/svgs/one-tour-base.svg"); mask-position: top right; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/one-tour-base.svg"); -webkit-mask-position: top right; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; } @media (max-width: 768px) { .svg-header-slideshow .field-slideshow { mask-image: none; -webkit-mask-image: none; } } .svg-header-slideshow .slideshow-caption { display: none; } .svg-header-slideshow .bg-image { position: relative; width: 100%; max-height: 840px; overflow: hidden; } .svg-header-slideshow .mobile-slideshow-image { display: none; transform: translateX(-50%); top: 0; left: 50%; position: relative; width: 768px; } .svg-header-slideshow div.field-slideshow { position: relative; width: 620px; height: 53vw; max-height: 845px; max-width: 100%; } .svg-header-slideshow div.field-slideshow .slideshow { position: absolute; top: 50%; transform: translateY(-50%); right: 0; opacity: 0; transition: all 0.7s linear; } .svg-header-slideshow div.field-slideshow .slideshow.active { opacity: 1; z-index: -1; } @media (max-width: 768px) { .svg-header-slideshow div.field-slideshow .slideshow-item.slideshow-mobile-image-on .slideshow-image { display: none; } .svg-header-slideshow div.field-slideshow .slideshow-item.slideshow-mobile-image-on .mobile-slideshow-image { display: block; } } @media (max-width: 768px) { .svg-header-slideshow div.field-slideshow { width: 100%; height: 240px; } } .svg-header-slideshow .header-slideshow-pagers { position: relative; top: 0; padding-top: 5vh; width: 100%; height: auto; max-width: 100%; z-index: 10; right: auto; right: initial; left: 0; /* @include media("<=desktop") { top: 65vw; } */ } .svg-header-slideshow .header-slideshow-pagers .pager { width: 20px; height: 20px; border-radius: 50%; border: 4px solid #f5f6f8; margin: 0 15px; cursor: pointer; background: #d9d9d9; transition: all 0.4s ease-in-out; } .svg-header-slideshow .header-slideshow-pagers .pager.active { background: #f5f6f8; border: 4px solid #f52a53; } .svg-header-slideshow .header-slideshow-pagers .pager:only-child { display: none; } @media (max-width: 768px) { .svg-header-slideshow .header-slideshow-pagers { display: none; } } @media (max-width: 900px) { .svg-header-slideshow { display: none; } } /* .header-slideshow-pagers { @extend %flex-center; position: absolute; top: 105vh; right: 0; z-index: 10; width: 620px; max-width: 45%; .pagers { @extend %flex-start; } .pager { width: 20px; height: 20px; border-radius: 50%; border: 4px solid $background-color-light; margin: 0 15px; cursor: pointer; background: $color-grey; transition: all .4s ease-in-out; &.active { background: $background-color-light; border: 4px solid $color-light-red; } &:only-child { display: none; } } @include media("<=desktop") { top: 65vw; } @include media("<=bigphone") { display: none; } } */ .ui-widget { font-family: "Nunito", sans-serif !important; } .video-popup, .webform-popup { height: 0; min-height: 0; width: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(140, 140, 140, 0.4); position: fixed; top: 0px; left: 0px; z-index: 999; transition: all 500ms; -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; overflow: hidden; } @media (max-width: 768px) { .video-popup iframe, .webform-popup iframe { width: 300px; height: 200px; } } .webform-popup > .block-title { display: none; } .video-popup .popup-close { top: 3vh; right: 3vh; position: absolute; cursor: pointer; } .video-popup .popup-close svg { width: 20px; height: 20px; } .video-popup.opened, .webform-popup.opened { height: 100vh; min-height: 100vh; pointer-events: auto; } .video-popup.opened .popup-close, .webform-popup.opened .popup-close { top: 3vh; right: 3vh; } .webform-confirmation { padding: 3vh; } #block-webform { padding: 0 20px; } #block-webform .block-title { display: none; } .block-webform .block-title { padding: 0rem 3vh; box-sizing: border-box; } .content form > .js-form-item { padding: 0rem 2vh; box-sizing: border-box; margin-top: 2vh; margin-bottom: 2vh; } .ui-dialog-content form > .js-form-item { margin: 0rem 3vh; box-sizing: border-box; margin-top: 2vh; margin-bottom: 2vh; max-width: calc(100% - 6vh); } .ui-dialog-content form .select-box { margin-top: 10px; } .form-item--error-message:before { height: 15px; } .block-webform .block-title, .ui-dialog .ui-dialog-titlebar { position: relative; margin-bottom: 2vh; padding: 0rem 3vh; padding-right: 2.4rem; } @media (max-width: 768px) { .block-webform .block-title, .ui-dialog .ui-dialog-titlebar { height: 75px; padding-left: 40px !important; } } .ui-dialog .ui-dialog-title { float: left; margin: 0.1 0.5vh 0; white-space: pre-wrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 768px) { .ui-dialog .ui-dialog-title { display: flex; flex-direction: column; justify-content: center; height: 100%; } } .block .popup-close { position: absolute; top: 5px; right: 3vh; width: 20px; height: 20px; background: #000; mask-image: url(../css/svgs/close.svg); -webkit-mask-image: url(../css/svgs/close.svg); mask-position: center center; -webkit-mask-position: center center; mask-size: contain; -webkit-mask-size: contain; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; cursor: pointer; display: none; } .opened .popup-close { display: block; } .block-webform .content { border-top: 1px solid #f2f2f2; } .block-webform .block-title h2, .ui-dialog-titlebar .ui-dialog-title { margin: 0px; letter-spacing: -0.5px; max-width: calc(100% - 30px); line-height: 1.5; } .webform-popup form { position: relative; } .webform-popup form .messages.messages--error { display: none; } .webform-popup > .block-container { max-width: 600px; width: 100%; } .popup .form-item, .ui-dialog-content .form-item { position: relative; padding-top: 0px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .popup .captcha, .ui-dialog-content .captcha { padding-top: 2vh; } .popup .captcha .form-item, .ui-dialog-content .captcha .form-item { margin-top: 0; } form .form-item.required::after, .ui-dialog-content .form-item.required::after { content: "*"; position: absolute; right: calc(2vh + 20px); top: calc(100% - 33px); font-weight: bold; font-size: 1.5rem; color: #000; height: 30px; display: block; } form fieldset.form-item.required::after { display: none; } form .form-item.required.error-message::after, .popup .captcha.error-message .form-item.required::after, .ui-dialog-content .form-item.required.error-message::after, .ui-dialog-content .captcha.error-message .form-item.required::after { bottom: 20px; } form .captcha .form-item.required::after, .ui-dialog-content .captcha .form-item.required::after { right: 20px; } form .form-item.js-form-type-date.required::after, .ui-dialog-content .form-item.js-form-type-date.required::after { display: none; } .popup .form-item.focus, .ui-dialog-content .form-item.focus { padding-top: 20px; } .popup .form-item.js-form-type-textarea.focus, .ui-dialog-content .form-item.js-form-type-textarea.focus { padding-top: 25px; } .webform-popup .js-form-item label, .ui-dialog-content .js-form-item label { /* z-index: 7; position: absolute; padding: 0px 1.2rem; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; bottom: 10px; z-index: 0; */ padding: 0px 1.2rem; } .ui-dialog-content .select-selected:before { display: none; } .ui-dialog-content .js-form-item .description { margin-top: 1.5vh; } .webform-popup .js-form-type-select label, .ui-dialog-content .js-form-type-select label { position: relative; bottom: 0; } .webform-popup .js-form-item.error-message label, .ui-dialog-content .js-form-item.error-message label { bottom: 30px; } .webform-popup .js-form-item label::after, .ui-dialog-content .js-form-item label::after { display: none; } .popup .form-item.focus label, .ui-dialog-content .form-item.focus label { font-size: 0.9rem; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; bottom: 40px; } .popup .form-item.focus.error-message label, .ui-dialog-content .form-item.focus.error-message label { bottom: 60px; } .popup .contextual-region.focus, .ui-dialog-content .contextual-region.focus { outline: 0px dashed #d6d6d6; } .webform-popup .js-form-type-textarea.focus label, .ui-dialog-content .js-form-type-textarea.focus label { padding: 0 1.2rem; margin-bottom: 1.5vh; position: relative; display: block; } .webform-popup .js-form-item input, .ui-dialog-content .js-form-item input, .user-login-form .js-form-item input { outline: none; width: 100%; padding: 5px; margin-bottom: 0px; position: relative; left: 0; border: none; border-bottom: 1px solid #d9d9d9; padding: 0.55rem 1.2rem; box-sizing: border-box; padding-top: 0; background: transparent; z-index: 1; padding-right: 2.5rem; padding-bottom: 0; min-height: 35px; } .user-login-form .js-form-item input { background: white; max-width: 400px; border-radius: 30px; height: 60px; font-size: 1.2rem; } .ui-dialog-content .js-form-type-number input { text-align: left; } .ui-dialog-content .js-form-type-number input[type=number] { width: 40px; padding: 0; text-align: center; font-size: 1rem; } .content form.user-login-form > .js-form-item { max-width: 400px; padding-left: 0px; position: relative; } .content form.user-login-form > .js-form-item .form-item--error-message { padding-top: 5px; } form.user-login-form .form-item.required::after { content: "*"; position: absolute; right: calc(3vh + 20px); top: 40px; font-weight: bold; font-size: 1.5rem; color: #000; } .content form.user-login-form > .js-form-item .form-item--error-message:before { height: 17px; } .content form.user-login-form > .js-form-item.description { margin-bottom: 3em; } .user-login-form .js-form-item label, .user-login-form .js-form-item .description { width: 100%; padding: 5px 20px; position: relative; display: block; } .user-login-form .js-form-item .description { padding: 10px 20px; position: relative; top: 100%; } .user-login-form .js-form-item label::after { display: none; } .webform-popup .js-form-item.focus input, .ui-dialog-content .js-form-item.focus input, .user-login-form .js-form-item.focus input { font-weight: bold; color: #000; border-bottom: 2px solid #000; } .webform-popup .js-form-item input.error, .ui-dialog-content .js-form-item input.error, .user-login-form .js-form-item input.error { border-bottom: 1px solid #f52a53; color: #f52a53; } .webform-popup .js-form-item.focus input.error, .ui-dialog-content .js-form-item.focus input.error, .user-login-form .js-form-item.focus input.error { border-bottom: 2px solid #f52a53; color: #f52a53; } form .form-item.required.error::after { color: #f52a53; } .webform-popup .js-form-item.js-form-type-date input, .ui-dialog-content .js-form-item.js-form-type-date input { z-index: 0; } .webform-popup .js-form-item input.active-input, .ui-dialog-content .js-form-item input.active-input { border-bottom: 1px solid black; } .form-item-button-icon label { display: none; } .webform-popup .js-form-type-textarea label, .ui-dialog-content .js-form-type-textarea label { padding: 10px 20px; padding-bottom: 0; bottom: calc(100% - 45px); } .webform-popup .js-form-type-textarea.focus label, .ui-dialog-content .js-form-type-textarea.focus label { bottom: calc(100% - 15px); } .form-textarea-wrapper textarea, .ui-dialog-content textarea { display: block; margin: 0; width: 100%; box-sizing: border-box; border-radius: 25px; padding: 1.2rem; box-sizing: border-box; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; margin-top: 1vh; } .popup input[type=date]::-webkit-inner-spin-button, .ui-dialog-content input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; } .popup .js-form-type-date img, .ui-dialog-content .js-form-type-date img { position: absolute; bottom: 10px; right: 2.5rem; height: 1.9rem; width: 2.4rem; background: black; mask-image: url(../css/svgs/date.svg); -webkit-mask-image: url(../css/svgs/date.svg); mask-position: center center; -webkit-mask-position: center center; mask-size: contain; -webkit-mask-size: contain; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; } .popup .js-form-type-date.error img, .ui-dialog-content .js-form-type-date.error img { bottom: 30px; } .ui-widget.ui-widget-content { border: 1px solid #f2f2f2; background: white; padding: 1.9rem 0rem; padding-bottom: 0px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; top: 50% !important; left: 50% !important; width: -moz-max-content !important; width: max-content !important; max-width: calc(100% - 40px); pointer-events: auto; } @media (max-width: 768px) { .ui-widget.ui-widget-content { max-width: 100%; height: 100vh !important; border: 0 solid #f2f2f2; border-radius: 0; } } .ui-widget.ui-widget-content { transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); animation: showup 500ms cubic-bezier(0.5, 0.61, 0.7, 0.9); z-index: 1000; } .ui-widget-overlay { opacity: 0.3; animation: showupoverlay 500ms cubic-bezier(0.5, 0.61, 0.7, 0.9); } @keyframes showup { 0% { transform: translateX(-50%) translateY(-150%); } 100% { transform: translateX(-50%) translateY(-50%); } } @keyframes showupoverlay { 0% { opacity: 0; } 100% { opacity: 0.3; } } .ui-dialog .ui-dialog-titlebar-close { color: transparent; } .ui-dialog .ui-dialog-titlebar-close:hover { color: transparent; } .ui-datepicker th { padding: 10px 5px; text-align: center; font-weight: bold; border: 0; color: #d9d9d9; font-size: 0.7rem; } .ui-widget-header { background: none; border: 0px; } .ui-state-default.ui-state-active { border: 1px solid #d9d9d9; } .captcha { position: relative; margin: 0rem 2vh; } .captcha > p { position: relative; bottom: 0; left: 0; z-index: 0; margin: 0px; padding: 0rem 1.2rem; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; padding-right: 2.5rem; } .captcha > p strong { font-weight: normal; } .captcha.error-message > p { bottom: 30px; } .popup .captcha.focus > p { font-size: 0.9rem; bottom: 40px; } .popup .captcha.error-message.focus > p, .ui-dialog-content .captcha.error-message.focus > p { bottom: 60px; } .captcha .js-form-item-captcha-response label { display: none; } .popup .form-actions.webform-actions, .ui-dialog .ui-dialog-buttonpane { text-align: center; margin: 0px; padding: 3vh 0em; background: #f2f2f2; } @media (max-width: 768px) { .popup .form-actions.webform-actions, .ui-dialog .ui-dialog-buttonpane { padding: 20px 0; } } .popup .form-actions.webform-actions button, .ui-dialog .ui-dialog-buttonpane button { font-family: "Muli", sans-serif; font-weight: bold; color: white; display: flex; align-items: center; border: 2px solid transparent; width: -moz-max-content; width: max-content; background: linear-gradient(300.29deg, #F42853 0%, #FB5151 100%); position: relative; margin-right: 10px; margin-bottom: 10px; border-radius: 30px; overflow: hidden; height: 60px; padding: 1.1vh 2vh; box-shadow: transparent; width: 150px; display: flex; justify-content: center; cursor: pointer; } .popup .form-actions.webform-actions button:hover, .ui-dialog .ui-dialog-buttonpane button:hover { color: #f52a53; border: 2px solid #f52a53; background: transparent; box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); } .popup .form-actions .input-button-field { margin: 0 auto; } .popup .form-actions input { display: block !important; } .popup .form-actions.webform-actions { background: transparent; padding: 0; } .ui-dialog .ui-dialog-titlebar-close { right: 2.4vh !important; } @media (max-width: 768px) { .ui-dialog .ui-dialog-titlebar-close { right: 5vh !important; } } .webform-confirmation__back { margin-top: 30px; width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-content: stretch; align-items: flex-start; } /* form .form-actions input, .webform-confirmation__back a{ background: transparent; box-shadow: none; border-style: solid; border-radius: 40px; border: 0px; color: white; position: relative; padding: 15px 30px; background: #fb4f51; background: -moz-linear-gradient(left, #fb4f51 0%, #f52a53 100%); background: -webkit-linear-gradient(left, #fb4f51 0%,#f52a53 100%); background: linear-gradient(to right, #fb4f51 0%,#f52a53 100%); -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; box-shadow: 0px 10px 30px rgba(251,79,81, 0.25); } form .form-actions input:hover, .webform-confirmation__back a:hover{ background: linear-gradient(118.97deg, #3664DC 0%, #2B52D1 100%); box-shadow: 0 10px 20px 0 rgba(154,16,45,0.05), 0 20px 30px 0 rgba(0,123,255,0.1); } .ui-dialog-buttonset.form-actions button { @extend %muli-bold; color: $color-white; margin: 0; padding: 0; background: transparent; border: 0; } .ui-dialog .ui-dialog-titlebar-close { right: 3vh; } */ .ui-dialog-titlebar button, .ui-dialog-titlebar button:hover, .ui-dialog-titlebar button:focus, .ui-dialog-titlebar button:active { padding: 0; border: 0; width: 20px; height: 20px; background: #000; mask-image: url("/themes/blazingsaddles/css/svgs/close.svg"); -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/close.svg"); mask-position: center center; -webkit-mask-position: center center; mask-size: contain; -webkit-mask-size: contain; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; cursor: pointer; } .ui-button .ui-icon { display: none; } /* form.user-login-form .form-actions input{ margin-top: 20px; } */ .content form > .js-form-item#edit-markup { padding: 1rem 2.4rem; box-sizing: border-box; margin: 0px; text-align: center; padding-bottom: 1.9rem; } .page-node-type-maintenance .content form > .js-form-item.js-form-type-webform-markup { display: none; } .content form > .js-form-item.js-form-type-webform-markup a { color: #000; font-size: 1.1rem; line-height: 1.1rem; font-weight: 900; -webkit-text-decoration: none; text-decoration: none; } .popup .content form > .js-form-type-webform-markup, .ui-dialog-content .content form > .js-form-type-webform-markup { font-size: 0.8rem; font-style: italic; margin-left: 1.2rem; margin-right: 1.2rem; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 500000s ease-in-out 0s, color 5000s ease-in-out 0s; -webkit-transition: background-color 500000s ease-in-out 0s, color 5000s ease-in-out 0s; -moz-transition: background-color 500000s ease-in-out 0s, color 5000s ease-in-out 0s; -ms-transition: background-color 500000s ease-in-out 0s, color 5000s ease-in-out 0s; -o-transition: background-color 500000s ease-in-out 0s, color 5000s ease-in-out 0s; } .ui-dialog .ui-dialog-content { padding: 0; max-height: calc(100vh - 240px) !important; } .ui-dialog .ui-dialog-content::-webkit-scrollbar { width: 5px; } .ui-dialog .ui-dialog-content::-webkit-scrollbar-track { background: #fff; } .ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb { background: #d9d9d9; border: 0; border-radius: 5px; } @media (max-width: 768px) { .ui-dialog .ui-dialog-content { max-height: calc(100vh - 250px) !important; } } .ui-dialog .ui-dialog-content .form-actions { display: none; } .ui-dialog .ui-dialog-content .attribute-color { margin-bottom: 1vh; } .ui-dialog .ui-dialog-content .attribute-size { margin-bottom: 1vh; } .ui-dialog .ui-dialog-content .price { margin-bottom: 1vh; } .ui-dialog .ui-dialog-content .cart-top { padding: 2vh; padding-top: 0; } .ui-dialog .ui-dialog-content .cart-message { margin-bottom: 2vh; } .ui-dialog .ui-dialog-content .cart-button { text-align: center; margin: 0; padding: 2vh 0; background: #f2f2f2; } .ui-dialog .ui-dialog-content .cart-button a { color: #fff; } .popup.popup-block .content { border: 0; /* border-radius: 30px; */ overflow: hidden; position: relative; } .popup.popup-block .content form { overflow-y: scroll; overflow-x: hidden; height: 100vh; max-height: 100vh; border-radius: 0; /* max-height: calc(100vh - 40px); */ } .popup.popup-block .content form::-webkit-scrollbar { width: 5px; } .popup.popup-block .content form::-webkit-scrollbar-track { background: #fff; } .popup.popup-block .content form::-webkit-scrollbar-thumb { background: #d9d9d9; border: 0; border-radius: 5px; } .popup.popup-block form { background: #fff; padding: 3vh; } @media (max-width: 580px) { .captcha { margin-top: 20px !important; } .captcha.error-message > p { bottom: 45px; } .popup .captcha.error-message.focus > p { bottom: 65px; } .form-item--error-message { padding-top: 5px; } } body.page-node-type-locations #full-page-wrapper .section-1 .text-box .field-section-one-buttons a.popup-link { margin-left: 140px; } @media (max-width: 768px) { body.page-node-type-locations #full-page-wrapper .section-1 .text-box .field-section-one-buttons a.popup-link { margin-left: 0px; } } @media (max-width: 1024px) { body.page-node-type-locations #full-page-wrapper .section-1 .text-box .field-section-one-buttons a.popup-link { margin-left: 0px; } } .video-icon { position: relative; height: 35px; width: 35px; margin-left: 0px; transform: scale(1); margin-right: 25px; } .video-icon img { padding-left: 3px; z-index: 1; position: relative; } .map-nav { position: absolute; right: 30px; bottom: 30px; z-index: 5; } .map-nav .zoom-button { z-index: -1; position: relative; font-family: "Nunito-Regular", sans-serif; cursor: pointer; background: #000; font-size: 2rem; border: none; width: 60px; height: 60px; margin-bottom: 15px; border-radius: 50%; transition: all 300ms ease-out; outline: none; overflow: hidden; box-shadow: transparent; } .map-nav .zoom-button img { vertical-align: middle; padding-bottom: 5px; z-index: 5; } .map-nav .zoom-button::after { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); opacity: 0; } .map-nav .zoom-button:hover { background: #f52a53; box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); } .map-nav .zoom-button:hover::after { opacity: 1; } #map .gm-style-iw-c { padding: 0 !important; } #map .gm-style-iw-d { overflow: visible !important; overflow: initial !important; } #map .location-popup-container { max-width: 420px; } #map .location-popup-left { width: 50%; padding: 2.7vh; padding-right: 1.5vh; } #map .location-popup-right { width: 50%; } #map .location-image { line-height: 0; } #map .location-subtitle { line-height: 1.5rem; } #map .location-links { position: absolute; left: 2.7vh; bottom: 2vh; } #map .location-links a { margin-right: 20px; } #map .location-links a:last-child { margin-right: 0; } #map button { top: 10px !important; right: 10px !important; width: 22px !important; height: 22px !important; transition: opacity 400ms ease-out; } #map button > span { display: none !important; } #map button img { opacity: 0; } #map button::before, #map button::after { content: ""; position: absolute; right: 0; top: 11px; height: 2px; width: inherit; background-color: #fff; transition: transform 300ms ease 100ms, background-color 250ms ease; } #map button::before { transform: rotateZ(45deg); } #map button::after { transform: rotateZ(-45deg); } #page-content .sticky-block { transition: all 0.3s ease-in-out; } #page-content .sticky-block.affix { position: fixed; top: 110px; z-index: 0; } #page-content .sticky-block.top-sticky.affix { top: 90px; } #page-content .sticky-block.affix-bottom { position: absolute; bottom: 0; z-index: 0; top: auto; } #page-content .sticky-block.top-sticky.affix-bottom { bottom: 0; } .user-logged-in #page-content .sticky-block.affix { top: 190px; } .user-logged-in #page-content .sticky-block.top-sticky.affix { top: 90px; } .section.sidebar-left.sticky-down .sticky-content { margin-left: 255px; } @media (max-width: 768px) { .section.sidebar-left.sticky-down .sticky-content { width: 100%; margin-left: 0; } } .section.sidebar-left.sticky-down .main-content { width: 100%; } .node--id-6886 #page-header .header-menu { display: none; } .node--id-6886 .section.sidebar-left .sidebar-left.sticky-block { display: none; } .node--id-6886 .section.sidebar-left.sticky-down .sticky-content { width: 100%; margin-left: 0px; } .page-node-type-bike-category .node--id-6886 #block-views-block-bikes-block-1 .views-row.bike:nth-child(2) { margin: 0 10px 20px; } .page-node-type-bike-category .node--id-6886 #block-views-block-bikes-block-1 .views-row.bike { max-width: 245px; } .node--id-6886 #before-content .block { max-width: 100%; } .category-list-block { background: #fff; padding: 3vh 2vh; max-width: 255px; } .category-list-block > .content { padding-top: 0; width: 100%; position: relative; } .category-list-block > .content .category-popup-close { display: none; } @media (max-width: 420px) { .category-list-block > .content .block-title { padding: 3vh 4vw; } } @media (max-width: 420px) { .category-list-block > .content .block-title-inner { font-size: 2rem; line-height: 2rem; } } @media (max-width: 420px) { .category-list-block > .content .block-title h3 { padding-bottom: 15px; padding-top: 10px; height: 50px; } } @media (max-width: 768px) { .category-list-block > .content { background: #fff; padding: 3vh; border-radius: 30px; overflow: hidden; } .category-list-block > .content .category-popup-close { cursor: pointer; display: block; position: absolute; top: 4vh; right: 7vw; width: 20px; height: 20px; background-image: url(../css/svgs/close.svg); background-size: 20px; background-repeat: no-repeat; z-index: 99; } } @media (max-width: 420px) { .category-list-block > .content { border-radius: 0; padding: 5px 0; } } @media (max-height: 680px) { .category-list-block .category-list, .category-list-block .view-categories { overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: visible; margin-top: 10px; } } @media (max-width: 420px) { .category-list-block .category-list, .category-list-block .view-categories { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; padding: 30px 3vh; height: 100vh; box-sizing: border-box; overflow-y: auto; -webkit-overflow-scrolling: touch; visibility: visible; } } .category-list-block .view-content { width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; margin-top: 2vh; padding: 0 1vh; /* @include media("height<=laptop-height") { overflow-y: scroll; max-height: 375px; } */ } @media (max-height: 680px) { .category-list-block .view-content { width: 100%; margin-left: 0; margin-right: 0; } } @media (max-width: 768px) { .category-list-block .view-content { width: 100%; margin-left: 0; margin-right: 0; } } @media (max-width: 420px) { .category-list-block .view-content { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0; padding: 0; } } .category-list-block .views-field-nothing-1 { height: 100%; } .category-list-block .category-name { margin-top: 10px; width: 100%; } @media screen and (min-height: 1200px) { .category-list-block .category-name { font-size: 12px; line-height: 12px; } } .category-list-block .views-row { width: calc(50% - 10px); margin: 5px; flex: 0 1 auto; border-radius: 20px; overflow: visible; overflow: initial; box-shadow: 0 10px 30px #fff; transition: all 0.2s ease-in-out; position: relative; } .category-list-block .views-row::after { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); opacity: 0; z-index: 0; border-radius: 20px; } .category-list-block .views-row > * { z-index: 1; position: relative; } .category-list-block .views-row a { justify-content: flex-start; align-items: center; padding: 15px 10px; text-align: center; height: 100%; transition: all 0.1s ease-in-out; } .category-list-block .views-row a > * { z-index: 1; } @media (max-width: 768px) { .category-list-block .views-row a { font-size: 1.1rem; line-height: 1.1rem; } } .category-list-block .views-row svg { width: auto; max-width: 50px; max-height: 50px; min-height: 40px; } @media screen and (min-height: 1200px) { .category-list-block .views-row svg { max-height: 22px; min-height: 22px; } } .category-list-block .views-row svg path { fill: #d9d9d9; } .category-list-block .views-row:hover, .category-list-block .views-row.active { box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); } .category-list-block .views-row:hover a, .category-list-block .views-row.active a { color: #fff; } .category-list-block .views-row:hover a svg path, .category-list-block .views-row.active a svg path { fill: #fff !important; } .category-list-block .views-row:hover::after, .category-list-block .views-row.active::after { opacity: 1; } @media (max-width: 768px) { .category-list-block .views-row { padding: 5px 0; width: calc(33.333333% - 10px); } } @media (max-width: 420px) { .category-list-block .views-row { width: calc(50% - 10px); } } @media (max-width: 768px) { .category-list-block { max-width: 100%; width: 100%; position: fixed; top: 0; left: 0; padding: 0 10px; height: 0; justify-content: center; align-items: center; z-index: 1000; background: rgba(140, 140, 140, 0.4); border-radius: 0; pointer-events: auto; overflow: hidden; } .category-list-block.opened { height: 100vh; } .category-list-block .block-title h3 { font-size: 1.5rem; line-height: 1.5rem; } } @media (max-width: 420px) { .category-list-block { padding: 0; } } .page-node-type-bike-category-for-sale #block-blazingsaddles-content, .page-node-type-bike-category #block-blazingsaddles-content { display: none; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2, .page-node-type-bike-category-for-sale #block-blazingsaddles-content, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1, .page-node-type-bike-category #block-views-block-bikes-block-1, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2, .page-node-type-bike-category #block-blazingsaddles-content, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 { padding: 0; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .view-content, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .view-content, .page-node-type-bike-category #block-views-block-bikes-block-1 .view-content, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .view-content, .page-node-type-bike-category #block-blazingsaddles-content .view-content, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .view-content { align-items: initial; width: calc(100% + 20px); margin: 0 -10px; } @media (max-width: 768px) { .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .view-content, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .view-content, .page-node-type-bike-category #block-views-block-bikes-block-1 .view-content, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .view-content, .page-node-type-bike-category #block-blazingsaddles-content .view-content, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .view-content { justify-content: center !important; margin: 0; width: 100%; } } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-break, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-break, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-break, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-break, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-break, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-break, .page-node-type-bike-category #block-blazingsaddles-content .bike-break, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-break { width: 100%; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .one-bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .one-bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .one-bike, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .one-bike, .page-node-type-bike-category #block-views-block-bikes-block-1 .one-bike, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .one-bike, .page-node-type-bike-category #block-blazingsaddles-content .one-bike, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .one-bike { height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .book-now-bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .book-now-bike, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .book-now-bike, .page-node-type-bike-category #block-views-block-bikes-block-1 .book-now-bike, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike, .page-node-type-bike-category #block-blazingsaddles-content .book-now-bike, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .book-now-bike { margin: 0 auto; width: 100%; opacity: 1; z-index: 0; transition: all 0.3s ease-in-out; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .book-now-bike a, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .book-now-bike a, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .book-now-bike a, .page-node-type-bike-category #block-views-block-bikes-block-1 .book-now-bike a, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a, .page-node-type-bike-category #block-blazingsaddles-content .book-now-bike a, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .book-now-bike a { width: 100%; flex-wrap: nowrap; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .book-now-bike a ::before, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .book-now-bike a ::after, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a ::before, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a ::after, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .book-now-bike a ::before, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .book-now-bike a ::after, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .book-now-bike a ::before, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .book-now-bike a ::after, .page-node-type-bike-category #block-views-block-bikes-block-1 .book-now-bike a ::before, .page-node-type-bike-category #block-views-block-bikes-block-1 .book-now-bike a ::after, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a ::before, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .book-now-bike a ::after, .page-node-type-bike-category #block-blazingsaddles-content .book-now-bike a ::before, .page-node-type-bike-category #block-blazingsaddles-content .book-now-bike a ::after, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .book-now-bike a ::before, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .book-now-bike a ::after { z-index: -1; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-more-info, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-more-info, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-more-info, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-more-info, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-more-info, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-more-info, .page-node-type-bike-category #block-blazingsaddles-content .bike-more-info, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-more-info { margin-top: 15px; margin-bottom: 5px; text-transform: uppercase; font-size: 16px; font-weight: 900; letter-spacing: 0; text-align: center; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-more-info a, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-more-info a, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-more-info a, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-more-info a, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-more-info a, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-more-info a, .page-node-type-bike-category #block-blazingsaddles-content .bike-more-info a, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-more-info a { color: #e11b48; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-more-info a:hover, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-more-info a:hover, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-more-info a:hover, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-more-info a:hover, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-more-info a:hover, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-more-info a:hover, .page-node-type-bike-category #block-blazingsaddles-content .bike-more-info a:hover, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-more-info a:hover { color: #004ec8; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .views-row.bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .views-row.bike, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .views-row.bike, .page-node-type-bike-category #block-views-block-bikes-block-1 .views-row.bike, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike, .page-node-type-bike-category #block-blazingsaddles-content .views-row.bike, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .views-row.bike { max-width: 400px; width: 100%; margin: 0 10px; margin-bottom: 20px; background: #fff; text-align: center; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); flex: 0 1 auto; } @media (max-width: 580px) { .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .views-row.bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .views-row.bike, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .views-row.bike, .page-node-type-bike-category #block-views-block-bikes-block-1 .views-row.bike, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike, .page-node-type-bike-category #block-blazingsaddles-content .views-row.bike, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .views-row.bike { max-width: 100%; margin: 0; margin-bottom: 20px; } } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .views-row.bike .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .views-row.bike .view-content, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .views-row.bike .view-content, .page-node-type-bike-category #block-views-block-bikes-block-1 .views-row.bike .view-content, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike .view-content, .page-node-type-bike-category #block-blazingsaddles-content .views-row.bike .view-content, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .views-row.bike .view-content { margin: 0; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .views-row.bike > .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike > .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .views-row.bike > .views-field-nothing, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-block-1 .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-content .views-row.bike > .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .views-row.bike > .views-field-nothing { position: relative; overflow: hidden; width: 100%; height: 100%; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-image, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-image, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-image, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-image, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-image, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-image, .page-node-type-bike-category #block-blazingsaddles-content .bike-image, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-image { padding: 10px; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-name, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-name, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-name, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-name, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-name, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-name, .page-node-type-bike-category #block-blazingsaddles-content .bike-name, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-name { margin: 1.5vh 0; font-size: 1.6rem; padding: 0 20px; } @media (max-width: 420px) { .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-name, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-name, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-name, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-name, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-name, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-name, .page-node-type-bike-category #block-blazingsaddles-content .bike-name, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-name { font-size: 1.3rem; } } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-slogen, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-before-price, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-slogen, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-before-price, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-slogen, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-before-price, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-slogen, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-before-price, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-slogen, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-before-price, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-slogen, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-before-price, .page-node-type-bike-category #block-blazingsaddles-content .bike-slogen, .page-node-type-bike-category #block-blazingsaddles-content .bike-before-price, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-slogen, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-before-price { font-size: 0.9rem; } @media (max-width: 420px) { .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-slogen, .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-before-price, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-slogen, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-before-price, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-slogen, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-before-price, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-slogen, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-before-price, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-slogen, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-before-price, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-slogen, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-before-price, .page-node-type-bike-category #block-blazingsaddles-content .bike-slogen, .page-node-type-bike-category #block-blazingsaddles-content .bike-before-price, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-slogen, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-before-price { font-size: 0.7rem; padding: 0 20px; } } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-prices, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-prices, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-prices, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-prices, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-prices, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-prices, .page-node-type-bike-category #block-blazingsaddles-content .bike-prices, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-prices { margin-top: 5px; margin-bottom: 30px; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-prices .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .view-content, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-prices .view-content, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-prices .view-content, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-prices .view-content, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .view-content, .page-node-type-bike-category #block-blazingsaddles-content .bike-prices .view-content, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-prices .view-content { width: 100%; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-prices .views-row, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .views-row, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-prices .views-row, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-prices .views-row, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-prices .views-row, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .views-row, .page-node-type-bike-category #block-blazingsaddles-content .bike-prices .views-row, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-prices .views-row { text-align: center; font-weight: 900; font-size: 0.9rem; padding: 0 10px; margin-top: 5px; border-right: 1px solid #f2f2f2; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-prices .views-row:last-child, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .views-row:last-child, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-prices .views-row:last-child, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-prices .views-row:last-child, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-prices .views-row:last-child, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .views-row:last-child, .page-node-type-bike-category #block-blazingsaddles-content .bike-prices .views-row:last-child, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-prices .views-row:last-child { border-right: 0; } .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1 .bike-prices .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .views-field-nothing, .page-node-type-bike-category-for-sale #block-blazingsaddles-content .bike-prices .views-field-nothing, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1 .bike-prices .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-block-1 .bike-prices .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2 .bike-prices .views-field-nothing, .page-node-type-bike-category #block-blazingsaddles-content .bike-prices .views-field-nothing, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 .bike-prices .views-field-nothing { height: 100%; } @media (max-width: 768px) { .page-node-type-bike-category-for-sale #block-views-block-bikes-block-1, .page-node-type-bike-category-for-sale #block-blazingsaddles-views-block-bikes-block-2, .page-node-type-bike-category-for-sale #block-blazingsaddles-content, .page-node-type-bike-category-for-sale #block-views-block-bikes-for-sale-block-1, .page-node-type-bike-category #block-views-block-bikes-block-1, .page-node-type-bike-category #block-blazingsaddles-views-block-bikes-block-2, .page-node-type-bike-category #block-blazingsaddles-content, .page-node-type-bike-category #block-views-block-bikes-for-sale-block-1 { padding: 0; } } .recommended { position: absolute; width: 160px; height: auto; color: #f52a53; background: transparent; transform: rotate(-90deg); padding: 15px; top: 35%; left: -50px; opacity: 1; } @media (max-width: 420px) { .recommended { left: -60px; } } @media (max-width: 320px) { .recommended { left: -65px; } } #block-views-block-bike-category-information-block-1 { padding-left: 50px; padding-right: 25px; position: relative; } #block-views-block-bike-category-information-block-1 .cat-info > *:first-child::after { content: ""; position: absolute; width: 32px; height: 32px; top: 0; left: -50px; background: url("/themes/blazingsaddles/css/svgs/icon-tips.svg"); } @media (max-width: 768px) { #block-views-block-bike-category-information-block-1 .cat-info > *:first-child::after { top: calc(50% - 16px); } } @media (max-width: 768px) { #block-views-block-bike-category-information-block-1 { margin-bottom: 3vh; } } .category-selector { display: none; font-size: 1.4rem; line-height: 1.4rem; margin-bottom: 3vh; border-color: #d9d9d9; padding: 15px 2vh; cursor: pointer; position: relative; } .category-selector > div { width: calc(100% - 30px); } @media (max-width: 768px) { .category-selector { display: flex; } } .category-selector::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 3vh; width: 20px; height: 10px; background: url("/themes/blazingsaddles/css/images/Path.png"); background-position: center; background-repeat: no-repeat; background-size: cover; } .ie-ed .category-list-block .views-row:hover, .ie-ed .category-list-block .views-row.active { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); } .ie-ed .category-list-block .views-row:hover::after, .ie-ed .category-list-block .views-row.active::after { display: none; } /* .path-frontpage { #page-content .layout-container { max-width: 1420px; padding: 0 20px; @include media("<=bigphone") { padding: 0 10px; padding-top: 80px; } } #block-blazingsaddles-content { @extend %flex-center; padding: 0; margin-top: 7vh; >.content { display: block; width: 100%; } .node--type-main-landing-page { @extend %flex-center; } .site-subtitle { width: 100%; text-align: center; padding: 0 10px; margin: 0; margin-bottom: 5vh; @include media("<=tablet") { font-size: 1.5rem; line-height: 1.8rem; } } .site-title, .custom-title { max-width: 700px; margin: 0; margin-bottom: 3vh; width: 100%; text-align: center; @include media("<=bigphone") { padding: 0 10px; margin-bottom: 8vh; font-size: 3rem; line-height: 3rem; } } h1 { @extend %font-block-title; text-align: center; } .popup-link { position: absolute; text-transform: uppercase; transform: rotate(-90deg) translateX(-35%); top: 0; left: 0; &.take-a-tour { //left: -140px; left: calc(50% - 600px); @include media("<=big-desktop") { //left: 0; left: calc(50% - 600px); } @include media("<=tablet") { //left: -65px; left: calc(50% - 600px); } } @include media("<=frontpage") { display: none; } } @include media("<=bigphone") { margin-top: 0; } } } */ .landing-locations { width: 100%; } .landing-locations .city-background { position: relative; } .landing-locations .city-background img { max-width: none; max-width: initial; transform: translateX(-15%); transition: all 0.3s ease-in-out; } .landing-locations .city-background::after { max-height: 330px; background: #0a0a0a; opacity: 0.3; top: 0; left: 0; } .landing-locations .field-main-locations { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; width: calc(100% + 30px); } @media (max-width: 1149px) { .landing-locations .field-main-locations { flex-wrap: wrap; width: 100%; } } .landing-locations .field-main-locations .city-hover { position: absolute; top: 100%; width: calc(100% + 1px); left: 0; transition: all 0.4s ease-in-out; } .landing-locations .field-main-locations .city-hover .field-icon-with-link-and-title { flex-wrap: nowrap; width: 100%; padding: 0; margin: 0; } .landing-locations .field-main-locations .city-hover .field-icon-with-link-and-title > div { order: 0; flex: 0 1 auto; align-self: auto; width: 100%; min-height: 170px; text-align: center; list-style: none; background: #fff; } .landing-locations .field-main-locations .city-hover .field-icon-with-link-and-title > div svg path { fill: #d9d9d9; } .landing-locations .field-main-locations .city-hover .field-icon-with-link-and-title > div:hover .city-link-text { color: #e11b48; } .landing-locations .field-main-locations .city-hover .field-icon-with-link-and-title > div:hover svg path { fill: #e11b48; } .landing-locations .field-main-locations > div { order: 0; flex: 0 1 auto; align-self: auto; max-width: 390px; width: 100%; height: 330px; padding: 0; margin: 15px; overflow: hidden; position: relative; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); transition: all 0.3s ease-in-out; mask-image: radial-gradient(white, black); -webkit-mask-image: -webkit-radial-gradient(white, black); } @media (max-width: 1149px) { .landing-locations .field-main-locations > div { max-width: 540px; display: flex; justify-content: center; flex: 0 0 auto; } .landing-locations .field-main-locations > div .city-background img { transform: translateX(0); } } .landing-locations .field-main-locations > div .name-subname { position: absolute; bottom: 3vh; left: 4vh; max-width: calc(100% - 80px); transition: all 0.4s ease-in-out; } .landing-locations .field-main-locations > div .city-link-text { padding: 10px 0; transition: all 0.2s ease-in-out; } .landing-locations .field-main-locations > div:hover { max-width: 540px; flex: 0 0 auto; } .landing-locations .field-main-locations > div:hover .name-subname { bottom: 190px; } .landing-locations .field-main-locations > div:hover .city-hover { top: calc(100% - 170px); } .landing-locations .field-main-locations > div:hover .city-background img { transform: translateX(0); } .landing-locations .field-main-locations > div:hover .city-background::after { background: #e11b48; opacity: 0.4; } @media (min-width: 769px) and (max-width: 1024px) { .landing-locations .field-main-locations > div:hover { max-width: 540px; } } .landing-locations .field-main-locations .city-link-icon { width: 100px; height: 100px; margin: 0 auto; } .first-section-buttons { position: relative; } .first-section-buttons .field-section-one-buttons { display: flex; width: 58%; flex-wrap: wrap !important; } @media (min-width: 1501px) { .first-section-buttons .field-section-one-buttons { width: 100%; } } @media (max-width: 767px) { .first-section-buttons .field-section-one-buttons { width: 100%; } } .first-section-buttons .field-section-one-buttons .btn-circle { margin-bottom: 10px; } .first-section-buttons .field-section-one-buttons .popup-link { position: absolute; top: 0; right: 0; } @media (max-width: 1024px) { .page-node-type-homepage-flexi { background: linear-gradient(36deg, #fff 0%, rgba(170, 170, 170, 0.1294117647) 28%); } } .page-node-type-homepage-flexi::before { display: none; } .page-node-type-homepage-flexi .field-layout-item > .field-item > .field-item { position: relative; max-width: 1190px; padding: 0 40px; margin: 0 auto; } .page-node-type-homepage-flexi #page-content #main-wrapper { padding-top: 0; } .page-node-type-homepage-flexi #page-content #main-wrapper .layout-container { max-width: none; max-width: initial; margin: 0; margin: initial; padding: 0; padding: initial; } @media (max-width: 1024px) { .page-node-type-homepage-flexi #page-content #main-wrapper .layout-container { padding: 0 !important; } } .page-node-type-homepage-flexi .maintenance-svg.active { display: none; } .page-node-type-homepage-flexi #page-footer { display: none !important; } .flexi-layout > .video-controller { display: none; position: fixed; left: 8%; top: 40%; width: 190px; align-items: center; transform: rotate(-90deg); cursor: pointer; } @media (min-width: 2000px) { .flexi-layout > .video-controller { left: 15%; } } @media (max-width: 1700px) { .flexi-layout > .video-controller { left: 0; } } @media (max-width: 1400px) { .flexi-layout > .video-controller { display: none; } } .flexi-layout > .video-controller.show-element { display: flex; } @media (max-width: 1400px) { .flexi-layout > .video-controller.show-element { display: none; } } .flexi-layout > .video-controller .video-text { display: flex; text-transform: uppercase; } .flexi-layout > .video-controller .video-icon { position: relative; display: flex; justify-content: center; align-items: center; transform: scale(1); width: 60px; height: 60px; order: 1; margin-right: 0; margin-left: 25px; } .flexi-layout > .video-controller .video-icon .icon { display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-image: url("/themes/blazingsaddles/css/images/youtubeicon.png"); width: 20px; height: 23px; margin-left: 0px; transform: rotate(90deg); position: relative; top: 3px; } .flexi-layout > .video-controller .video-icon::before { background: linear-gradient(300.29deg, #f42853, #fb5151); box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); z-index: -1; content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; border: 0; overflow: hidden; border-radius: 30px; } .flexi-layout > .video-controller .video-icon::after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; border: 0; overflow: hidden; border-radius: 30px; z-index: -1; background: #000; opacity: 0; box-shadow: 0 10px 30px rgba(54, 100, 220, 0.25); } .flexi-layout > .video-controller:hover .video-icon { animation: pulsal 0.7s infinite; } .flexi-layout > .video-controller:hover .video-icon::after { opacity: 1; } .flexi-layout > .video-controller:hover .video-icon::before { opacity: 0; } .flexi-layout .main-video-container { position: fixed; width: 100%; height: 100vh; min-height: 100vh; bottom: 0; right: 0; top: 0; left: 0; z-index: 999; display: flex; justify-content: center; align-items: center; justify-content: center; background-color: hsla(0, 0%, 55%, 0.4); transition: all 0.5s; overflow: hidden; } .flexi-layout .main-video-container.video-hidden { min-height: 0; height: 0; } .flexi-layout .main-video-container .field-title { display: none; } .flexi-layout .animated-svg-container { position: absolute; right: -170px; top: -110px; } .flexi-layout .animated-svg-container svg { height: 500px; width: 500px; } .flexi-layout .animated-svg-container path { fill: white; } @media (max-width: 1024px) { .flexi-layout .animated-svg-container { display: none !important; } } .flexi-layout .layout-item-banner-section { display: flex; flex-direction: column; justify-content: center; min-height: 680px; } @media (max-width: 768px) { .flexi-layout .layout-item-banner-section { height: 100%; margin: 40px 0; min-height: 680px; } } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section { height: 100%; min-height: 100% !important; position: relative; justify-content: flex-start; } } .flexi-layout .layout-item-banner-section.slideshow { position: relative; max-width: 1190px; padding: 0 40px; margin: 0 auto; } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.slideshow { margin-top: 40px; } } .flexi-layout .layout-item-banner-section.slideshow .banner-section__left-col { width: 50%; } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.slideshow .banner-section__left-col { width: 100%; } } .flexi-layout .layout-item-banner-section.slideshow .banner-section__right-col { display: block; pointer-events: inherit; overflow: hidden; width: 62%; margin: auto; } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.slideshow .banner-section__right-col { display: none; } } .flexi-layout .layout-item-banner-section.slideshow .swiper-slide { width: 640px; } .flexi-layout .layout-item-banner-section.slideshow .swiper-slide img { height: 360px; -o-object-fit: cover; object-fit: cover; overflow: hidden; border-radius: 30px; } @media (max-width: 768px) { .flexi-layout .layout-item-banner-section.video { margin-top: 0; } } .flexi-layout .layout-item-banner-section.video .banner-section { min-height: calc(100vh - 100px); width: 100%; overflow: hidden; } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.video .banner-section { display: flex; flex-wrap: wrap; } } .flexi-layout .layout-item-banner-section.video .banner-section .banner-mobile-svg { display: none; } .flexi-layout .layout-item-banner-section.video .banner-section--text { color: white; } .flexi-layout .layout-item-banner-section.video .banner-section--text h1 { color: white; text-shadow: 1px 1px 3px rgb(0, 0, 0); } .flexi-layout .layout-item-banner-section.video .banner-section p { font-size: 18px; text-shadow: 1px 1px 3px rgb(0, 0, 0); } .flexi-layout .layout-item-banner-section.video .banner-section__left-col { flex-direction: column; justify-content: flex-end; max-width: 1190px; margin: 0 auto; } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.video .banner-section__left-col { order: 2; margin-top: 20px; padding: 0 20px; } } .flexi-layout .layout-item-banner-section.video .banner-section__left-col .banner-left-wrapper { width: 100%; margin: auto; margin-bottom: 8%; } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.video .banner-section__left-col .banner-left-wrapper { margin: 0; } } .flexi-layout .layout-item-banner-section.video .banner-section__right-col { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.video .banner-section__right-col { display: block; width: 100%; height: 100%; order: 1; } } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.video .banner-section__right-col .field-banner-img { height: 100%; } } .flexi-layout .layout-item-banner-section.video .banner-section__right-col .field-banner-image { display: none; } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.video .banner-section__right-col .field-banner-image { display: block; width: 100%; margin-top: 0; height: 100%; } } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.video .banner-section__right-col .field-banner-image .blazy { height: 100%; } } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.video .banner-section__right-col .field-banner-image .media { height: 100%; } } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.video .banner-section__right-col .field-banner-image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } } .flexi-layout .layout-item-banner-section.video .banner-section__right-col .field-banner-video { width: 100%; height: calc(100vh - 100px); } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section.video .banner-section__right-col .field-banner-video { display: none; } } .flexi-layout .layout-item-banner-section.video .banner-section__right-col .field-banner-video::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); } .flexi-layout .layout-item-banner-section.video .banner-section__right-col .field-banner-video video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 0; } .flexi-layout .layout-item-banner-section .banner-mobile-svg { display: none; } @media (max-width: 1024px) { .flexi-layout .layout-item-banner-section .banner-mobile-svg { display: block; position: absolute; right: -20px; bottom: -5px; } } .flexi-layout .banner-section { display: flex; position: relative; } .flexi-layout .banner-section__left-col { position: relative; width: 80%; z-index: 6; display: flex; align-items: center; margin-top: 80px; } @media (max-width: 1024px) { .flexi-layout .banner-section__left-col { width: 100%; margin-top: 0; } } .flexi-layout .banner-section__left-col .banner-left-wrapper { /* position: absolute; width: 150%; */ } @media (max-width: 1024px) { .flexi-layout .banner-section__left-col .banner-left-wrapper { position: relative; width: 100%; } } .flexi-layout .banner-section__left-col .field-banner-text h1 { font-family: "Nunito", sans-serif; color: #004ec8; font-weight: 900; font-size: 50px; line-height: 50px; margin-bottom: 20px; } @media (max-width: 1024px) { .flexi-layout .banner-section__left-col .field-banner-text h1 { font-size: 36px; line-height: 40px; } } .flexi-layout .banner-section__left-col .field-banner-text p { width: 80%; } @media (max-width: 1024px) { .flexi-layout .banner-section__left-col .field-banner-text p { width: 100%; } } .flexi-layout .banner-section__left-col .field-banner-text a { color: #f52a53; } .flexi-layout .banner-section__left-col .field-banner-cta-buttons { display: flex; margin-top: 40px; } @media (max-width: 1024px) { .flexi-layout .banner-section__left-col .field-banner-cta-buttons { flex-wrap: wrap; } } @media (max-width: 1024px) { .flexi-layout .banner-section__left-col .field-banner-cta-buttons .field-item { width: 100%; } } .flexi-layout .banner-section__left-col .field-banner-cta-buttons .field-item a { position: relative; color: white; border: none; font-family: "Muli", sans-serif; font-weight: bold; display: flex; align-items: center; width: -moz-max-content; width: max-content; position: relative; margin-right: 10px; margin-bottom: 10px; border-radius: 30px; overflow: hidden; height: 60px; padding: 1.1vh 2vh; box-shadow: none; cursor: pointer; } @media (max-width: 1024px) { .flexi-layout .banner-section__left-col .field-banner-cta-buttons .field-item a { width: 100%; justify-content: center; } } .flexi-layout .banner-section__left-col .field-banner-cta-buttons .field-item a::before, .flexi-layout .banner-section__left-col .field-banner-cta-buttons .field-item a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; z-index: -1; } .flexi-layout .banner-section__left-col .field-banner-cta-buttons .field-item a::before { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); } .flexi-layout .banner-section__left-col .field-banner-cta-buttons .field-item a::after { background: linear-gradient(118.97deg, #3664dc 0%, #2b52d1 100%); opacity: 0; } .flexi-layout .banner-section__left-col .field-banner-cta-buttons .field-item a:hover { color: white; background-color: transparent; border-color: #3664dc; } .flexi-layout .banner-section__left-col .field-banner-cta-buttons .field-item a:hover::after { opacity: 1; } .flexi-layout .banner-section__left-col .video-controller.controller-hide { display: none !important; justify-content: center; font-family: "Muli", sans-serif; font-weight: bold; color: white; display: flex; align-items: center; position: relative; margin-right: 10px; border-radius: 30px; height: 60px; overflow: hidden; padding: 1.1vh 2vh; background: linear-gradient(300.29deg, #f42853, #fb5151); cursor: pointer; width: 100%; margin-bottom: 20px; } @media (max-width: 1024px) { .flexi-layout .banner-section__left-col .video-controller.controller-hide { display: flex !important; } } .flexi-layout .banner-section__left-col .video-controller.controller-hide .video-ctrl-icon { display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-image: url("/themes/blazingsaddles/images/icons/video_camera.png"); background-size: cover; width: 32px; height: 32px; margin-right: 10px; } .flexi-layout .banner-section__right-col { position: relative; width: 40%; pointer-events: none; display: flex; justify-content: center; align-items: center; /* &::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #3498db; clip-path: path("M366.531 64.902C475.531 202.625 495.032 221.89 495.032 351.68C495.032 481.47 397.532 487.18 346.532 593.979C286.936 718.778 125.655 679.544 9.03198 631.68C-114.792 580.86 -236.947 668.342 -314.692 559.387C-394.993 446.887 -378.139 288.187 -291.993 185.887C-204.766 83.494 -137.918 116.574 -53.4936 23.0106C76.0063 -121.013 255.506 -72.2192 366.531 64.902Z" ); } */ } @media (max-width: 1024px) { .flexi-layout .banner-section__right-col { display: none; } } .flexi-layout .banner-section__right-col #animatedSVGMask { /* Hide the original svg which needs to be in the dom */ width: 0; height: 0; } .flexi-layout .banner-section__right-col .animated-svg-container { height: 500px; width: 500px; } .flexi-layout .banner-section__right-col .animated-svg-container svg { height: 500px; width: 500px; } .flexi-layout .banner-section__right-col .html5-video-player { pointer-events: none; } .flexi-layout .banner-section__right-col .field-youtube-link, .flexi-layout .banner-section__right-col .field-banner-image, .flexi-layout .banner-section__right-col .field-banner-video { /* -webkit-mask-image: url("/themes/blazingsaddles/images/bannersvg.svg"); mask-image: url("/themes/blazingsaddles/images/bannersvg.svg"); mask-repeat: no-repeat; mask-position: -20% 50px; mask-size: cover; */ /* -webkit-clip-path: url(#clipPath); clip-path: url(#clipPath); */ /* width: 550px; height: 485px; */ /* overflow: hidden; position: absolute; width: 710px; height: 655px; left: -130px; top: -15px; */ } @media screen and (max-height: 768px) { .flexi-layout .banner-section__right-col .field-youtube-link, .flexi-layout .banner-section__right-col .field-banner-image, .flexi-layout .banner-section__right-col .field-banner-video { width: 550px; height: 500px; left: -125px; top: 0; } } .flexi-layout .banner-section__right-col .field-youtube-link .field-title, .flexi-layout .banner-section__right-col .field-banner-image .field-title, .flexi-layout .banner-section__right-col .field-banner-video .field-title { display: none; } .flexi-layout .banner-section__right-col .field-youtube-link img, .flexi-layout .banner-section__right-col .field-banner-image img, .flexi-layout .banner-section__right-col .field-banner-video img { width: 710px; height: 655px; } @media screen and (max-height: 768px) { .flexi-layout .banner-section__right-col .field-youtube-link img, .flexi-layout .banner-section__right-col .field-banner-image img, .flexi-layout .banner-section__right-col .field-banner-video img { width: 550px; height: 500px; } } .flexi-layout .banner-section__right-col .field-youtube-link figure, .flexi-layout .banner-section__right-col .field-youtube-link video, .flexi-layout .banner-section__right-col .field-banner-image figure, .flexi-layout .banner-section__right-col .field-banner-image video, .flexi-layout .banner-section__right-col .field-banner-video figure, .flexi-layout .banner-section__right-col .field-banner-video video { margin: 0; position: relative; /* left: calc(50% - 480px); top: -150px; */ /* left: calc(50% - 525px); top: -27px; */ scale: 1; width: 605px; border-radius: 30px; overflow: hidden; height: -moz-fit-content; height: fit-content; /* @media screen and (max-height: 768px) { top: -100px; } */ } .flexi-layout .layout-item-promotional-section { display: flex; height: 100%; flex-direction: column; justify-content: center; margin: 40px 0; min-height: 880px; } @media screen and (max-height: 768px) { .flexi-layout .layout-item-promotional-section { height: 100%; min-height: 680px; } } @media (max-width: 1024px) { .flexi-layout .layout-item-promotional-section { height: 100%; min-height: 100%; margin: 20px 0; } } @media (max-width: 1024px) { .flexi-layout .layout-item-promotional-section.hide-image-on-mobile .promotional-section__top .right { display: none; } } @media (max-width: 1024px) { .flexi-layout .promotional-section { margin-bottom: 20px; } } .flexi-layout .promotional-section__top { display: flex; flex-direction: row; align-items: center; -moz-column-gap: 15px; column-gap: 15px; } @media (max-width: 1024px) { .flexi-layout .promotional-section__top { flex-direction: column; } } .flexi-layout .promotional-section__top .left { order: 1; flex: 1 0 45%; z-index: 6; } @media (max-width: 1024px) { .flexi-layout .promotional-section__top .left { position: relative; flex: 1 1 100%; order: 2; } } .flexi-layout .promotional-section__top .left .field-promotional-text { /* h1 { color: #004ec8; font-weight: 900; font-size: 80px; line-height: 80px; margin-bottom: 20px; @include media("<=tablet") { font-size: 36px; line-height: 40px; } } */ } .flexi-layout .promotional-section__top .left .field-promotional-text h1, .flexi-layout .promotional-section__top .left .field-promotional-text h2, .flexi-layout .promotional-section__top .left .field-promotional-text p { font-family: "Nunito", sans-serif; } .flexi-layout .promotional-section__top .left .field-promotional-text p { width: 100%; color: #0b0b0b; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0px; text-align: left; } @media (max-width: 1024px) { .flexi-layout .promotional-section__top .left .field-promotional-text p { width: 100%; } } .flexi-layout .promotional-section__top .left .field-promotional-text p a { color: #f52a53; } .flexi-layout .promotional-section__top .right { position: relative; flex: 0 1 55%; order: 2; margin-bottom: -50px; pointer-events: none; /* #animatedSVGMask { width: 0; height: 0; } */ } @media (max-width: 1024px) { .flexi-layout .promotional-section__top .right { flex: 1 1 100%; order: 1; margin-bottom: 20px; } } .flexi-layout .promotional-section__top .right .animated-svg-container { width: 710px; height: 655px; } @media (max-width: 1024px) { .flexi-layout .promotional-section__top .right .animated-svg-container { display: none; } } .flexi-layout .promotional-section__top .right .animated-svg-container svg { height: 500px; width: 500px; } .flexi-layout .promotional-section__top .right .field-banner-image { clip-path: url(#clipPath2); /* position: absolute; */ width: 710px; height: 655px; /* left: 0px; top: -150px; */ } @media (max-width: 1024px) { .flexi-layout .promotional-section__top .right .field-banner-image { clip-path: initial; width: 100%; max-height: 160px; overflow: hidden; border-radius: 30px; position: static; position: initial; } } .flexi-layout .promotional-section__top .right .field-banner-image article, .flexi-layout .promotional-section__top .right .field-banner-image .field-media-image { height: 100%; } .flexi-layout .promotional-section__top .right .field-banner-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .flexi-layout .promotional-section__bottom { position: relative; z-index: 1; } .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons { display: flex; flex-direction: row; gap: 10px; } @media (max-width: 1024px) { .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons { flex-direction: column; } } .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons .field-item { /* a { font-family: "Muli", sans-serif; font-weight: bold; color: white; display: flex; align-items: center; border: 2px solid transparent; width: max-content; position: relative; margin-right: 10px; margin-bottom: 10px; border-radius: 30px; overflow: hidden; height: 60px; padding: 1.1vh 2vh; box-shadow: transparent; background: linear-gradient(300.29deg, #f42853, #fb5151); cursor: pointer; @include media("<=tablet") { width: 100%; justify-content: center; } &:hover { background: transparent; color: #f52a53; border: 2px solid #f52a53; box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); } } */ } @media (max-width: 1024px) { .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons .field-item { width: 100%; } } .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons .field-item a { position: relative; color: white; border: none; font-family: "Muli", sans-serif; font-weight: bold; display: flex; align-items: center; width: -moz-max-content; width: max-content; position: relative; border-radius: 30px; overflow: hidden; height: 60px; padding: 1.1vh 2vh; box-shadow: none; cursor: pointer; } @media (max-width: 1024px) { .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons .field-item a { width: 100%; justify-content: center; } } .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons .field-item a::before, .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons .field-item a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; z-index: -1; } .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons .field-item a::before { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); } .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons .field-item a::after { background: linear-gradient(118.97deg, #3664dc 0%, #2b52d1 100%); opacity: 0; } .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons .field-item a:hover { color: white; background-color: transparent; border-color: #3664dc; } .flexi-layout .promotional-section__bottom .buttons .field-banner-cta-buttons .field-item a:hover::after { opacity: 1; } .flexi-layout .layout-item-bike-rental-section { display: flex; height: 100%; flex-direction: column; justify-content: center; min-height: 880px; } @media screen and (max-height: 768px) { .flexi-layout .layout-item-bike-rental-section { height: 100%; min-height: 680px; margin: 40px 0; } } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section { height: 100%; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__text { width: 45%; z-index: 6; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__text { display: flex; width: 100%; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__text h2 { font-size: 3rem; line-height: 3rem; font-weight: 900; color: #004ec8; max-width: 500px; width: 100%; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__text h2 { font-size: 24px; line-height: 30px; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper { width: 45%; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper { display: flex; width: 100%; order: 2; justify-content: center; } } @media screen and (max-height: 768px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .custom-swiper { padding-top: 20px; } } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .custom-swiper { padding-top: 0; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .animated-svg-container { position: absolute; width: 710px; height: 655px; clip-path: url(#clipPath3); background: white; right: -50px; } @media screen and (max-height: 768px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .animated-svg-container { width: 550px; height: 470px; top: 0; right: 0; } } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .custom-swiper { max-width: 300px; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide { height: 380px !important; width: 500px !important; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide { width: 100% !important; height: 330px !important; display: flex; flex-wrap: wrap; background: white; padding: 20px 0; border-radius: 30px; flex-direction: column; justify-content: flex-start; margin-bottom: 40px; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--title { font-weight: 900; color: #004ec8; font-size: 2rem !important; line-height: 2rem; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--title { order: 2; color: #000; font-size: 18px !important; line-height: 24px; width: 80%; display: flex; justify-content: center; text-align: center; margin: -10px auto; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--price-details { width: -moz-fit-content; width: fit-content; display: flex; justify-content: center; align-items: flex-end; margin-top: 5px; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--price-details { order: 3; margin-top: 30px; width: 100%; justify-content: space-evenly; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--price-details .single-price { align-items: center; display: flex; flex-direction: column; margin-right: 10px; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--price-details .single-price { margin-left: 10px; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--price { color: #f52a53; font-weight: 900; font-size: 1.5rem; line-height: 1.5rem; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--price-crossed { font-weight: 900; font-size: 0.9rem; -webkit-text-decoration: line-through; text-decoration: line-through; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--price-label { font-weight: 900; font-size: 0.9rem; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--image { display: flex; justify-content: center; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--image { order: 1; margin: 0 auto; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--image img { width: 450px; height: 280px; padding: 0 40px; -o-object-fit: contain; object-fit: contain; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--image img { padding: 0; width: 210px; height: 150px; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--link { position: absolute; bottom: 0; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--link { bottom: -25px; left: calc(50% - 30px); } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--link a { display: flex; justify-content: center; font-family: "Muli", sans-serif; font-weight: bold; color: white; display: flex; align-items: center; width: -moz-max-content; width: max-content; position: relative; margin-right: 10px; border-radius: 30px; overflow: hidden; /* width: 180px; */ height: 60px; padding: 1.1vh 2vh; box-shadow: transparent; background: linear-gradient(300.29deg, #f42853, #fb5151); box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); cursor: pointer; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--link a { margin: 0; width: -moz-fit-content; width: fit-content; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-slide--link a:hover { background: linear-gradient(118.97deg, #3664dc, #2b52d1); color: white; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-controller { position: absolute; display: flex; right: 10px; z-index: 6; bottom: 5px; align-items: center; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-controller { position: relative; justify-content: center; margin-left: 15px; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-controller .swiper-button-prev { position: relative; top: auto; top: initial; bottom: 0; left: 0; background-image: none; margin-top: 0; display: flex; align-items: center; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-controller .swiper-button-prev.swiper-button-disabled { pointer-events: inherit; cursor: pointer; opacity: 1; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-controller .swiper-button-prev svg { transform: rotate(180deg); fill: #f52a53; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-controller .swiper-number { padding: 0 10px; font-size: 1.1rem; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-controller .swiper-button-next { position: relative; top: auto; top: initial; bottom: 0; background-image: none; margin-top: 0; right: 0; display: flex; align-items: center; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-controller .swiper-button-next.swiper-button-disabled { pointer-events: inherit; cursor: pointer; opacity: 1; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section__swiper .swiper-controller .swiper-button-next svg { fill: #f52a53; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal { width: 100%; overflow: hidden; } @media (max-width: 1024px) { .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal { order: 1; } } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-categories { margin-top: 40px; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-categories .swiper-slide { height: 150px !important; display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; border-radius: 30px; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-categories .swiper-slide.active-cat { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); background: linear-gradient(300.29deg, #f42853, #fb5151); } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-categories .swiper-slide.active-cat .category-name { color: white; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-categories .swiper-slide.active-cat img { filter: brightness(0) invert(1); } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-categories .swiper-slide .category-name { color: #000; text-align: center; font-weight: 900; width: 80%; margin: 0 auto; font-size: 12px; text-transform: capitalize; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-categories .swiper-slide .category-image img { width: 100px; height: 55px; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-car-controller { display: flex; margin-top: 40px; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-cat-button-prev { top: auto; top: initial; bottom: 0; left: 0; background-image: none; margin-right: 20px; cursor: pointer; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-cat-button-prev.swiper-button-disabled { cursor: default; pointer-events: none; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-cat-button-prev.swiper-button-disabled svg { opacity: 0.5; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-cat-button-prev svg { transform: rotate(180deg); fill: #f52a53; width: 25px; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-cat-button-next { top: auto; top: initial; bottom: 0; left: 40px; background-image: none; cursor: pointer; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-cat-button-next.swiper-button-disabled { cursor: default; pointer-events: none; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-cat-button-next.swiper-button-disabled svg { opacity: 0.5; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .swiper-cat-button-next svg { fill: #f52a53; width: 25px; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .mobile-swiper-categories { margin-bottom: 40px; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .mobile-swiper-categories .mobile-swiper-active-cat { display: flex; align-items: center; justify-content: space-between; border: 1px solid; border-radius: 30px; padding: 1.1vh 2vh; height: 60px; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .mobile-swiper-categories .mobile-swiper-active-cat.cat-list-opened { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .mobile-swiper-categories .mobile-swiper-active-cat.cat-list-opened svg { transform: rotate(180deg); } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .mobile-swiper-categories .mobile-swiper-active-cat .active-cat-text { font-size: 1.1rem; line-height: 1.1rem; font-weight: 900; color: #000; text-transform: capitalize; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .mobile-swiper-categories .mobile-swiper-categories-list { height: 0; max-height: 0; overflow: hidden; transition: all 0.15s ease-in-out; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .mobile-swiper-categories .mobile-swiper-categories-list.list-opened { height: 100%; max-height: 500px; border: 1px solid; border-top: 0; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .mobile-swiper-categories .mobile-swiper-categories-list .mobile-swiper-cat { font-size: 1.1rem; line-height: 1.1rem; font-weight: 900; color: #000; padding: 2vh 2vh; width: 100%; display: flex; justify-content: center; text-align: center; border-bottom: 1px solid; text-transform: capitalize; } .flexi-layout .layout-item-bike-rental-section .bike-rental-section #rental-portal .mobile-swiper-categories .mobile-swiper-categories-list .mobile-swiper-cat:last-child { border-bottom: 0; } .flexi-layout .field-media-image .field-title { display: none; } .flexi-layout .layout-item-tours-section { display: flex; height: 100%; min-height: 880px; flex-direction: column; justify-content: center; overflow: hidden; } @media screen and (max-height: 768px) { .flexi-layout .layout-item-tours-section { height: 100%; min-height: 680px; margin: 40px 0; } } @media (max-width: 1024px) { .flexi-layout .layout-item-tours-section { height: 100%; margin: 40px 0; min-height: 100% !important; } } .flexi-layout .layout-item-tours-section .tours-section { position: relative; } .flexi-layout .layout-item-tours-section .tours-section .animated-svg-container { position: absolute; top: 0px; width: 710px; height: 655px; clip-path: url(#clipPath4); background: white; right: 0; } @media screen and (max-height: 768px) { .flexi-layout .layout-item-tours-section .tours-section .animated-svg-container { width: 550px; height: 500px; } } .flexi-layout .layout-item-tours-section .tours-section__top { display: flex; justify-content: space-between; margin-bottom: 40px; } .flexi-layout .layout-item-tours-section .tours-section__top--left { width: 48%; z-index: 6; } @media (max-width: 1024px) { .flexi-layout .layout-item-tours-section .tours-section__top--left { width: 100%; } } @media (max-width: 1024px) { .flexi-layout .layout-item-tours-section .tours-section__top--left h2 { width: 60%; } } @media (max-width: 1024px) { .flexi-layout .layout-item-tours-section .tours-section__top--left .field-tours-section-text .medium-title { width: 58%; } } .flexi-layout .layout-item-tours-section .tours-section__top--left .field-tours-section-text div { margin-bottom: 20px; } .flexi-layout .layout-item-tours-section .tours-section__top--right { width: 50%; } @media (max-width: 1024px) { .flexi-layout .layout-item-tours-section .tours-section__top--right { width: 40%; position: absolute; right: 0; } } .flexi-layout .layout-item-tours-section .tours-section__top--right .field-tours-section-image { display: flex; justify-content: center; position: relative; z-index: 6; } .flexi-layout .layout-item-tours-section .tours-section__top--right .field-tours-section-image img { width: 270px; } @media (max-width: 1024px) { .flexi-layout .layout-item-tours-section .tours-section__top--right .field-tours-section-image img { width: 170px; } } @media (max-width: 768px) { .flexi-layout .layout-item-tours-section .tours-section__top--right .field-tours-section-image img { width: 270px; } } .flexi-layout .layout-item-tours-section .tours-section__bottom .custom-swiper { position: relative; padding-bottom: 50px; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-controller { display: flex; margin-top: 40px; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-button-prev-tour { top: auto; top: initial; bottom: 0; left: 0; background-image: none; cursor: pointer; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-button-prev-tour svg { transform: rotate(180deg); fill: #f52a53; width: 25px; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-button-next-tour { top: auto; top: initial; bottom: 0; left: 40px; background-image: none; order: 1; margin-left: 15px; cursor: pointer; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-button-next-tour svg { fill: #f52a53; width: 25px; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide { height: 130px; border-radius: 30px; overflow: hidden; } @media (min-width: 1024px) { .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide { height: 250px; } } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide:hover .swiper-slide--image::before { opacity: 0; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide:hover .swiper-slide--image::after { opacity: 1; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide:hover .swiper-slide--text-box { bottom: 40%; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide:hover .swiper-slide--text-box.has-subtext { bottom: 15%; } @media (max-width: 1024px) { .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide:hover .swiper-slide--text-box.has-subtext { bottom: 15%; } } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide:hover .swiper-slide--sub { opacity: 1; height: 100%; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide .tour-slide--link { position: absolute; width: 100%; height: 100%; z-index: 66; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide--text-box { bottom: 10px; position: absolute; width: 100%; z-index: 15; transition: all 0.4s ease; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide--title { width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-size: 19.2px; font-weight: 800; margin-bottom: 7px; } @media (max-width: 1024px) { .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide--title { line-height: 18px; font-size: 18.2px; } } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide--sub { opacity: 0; width: 100%; height: 0; font-size: 17.6px; line-height: 1.5rem; width: 85%; margin: 0 auto; text-align: center; color: white; } @media (max-width: 1024px) { .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide--sub { font-size: 14.6px; line-height: 1rem; } } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide--image { position: absolute; top: 0; height: 100%; width: 100%; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide--image::before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 10; transition: opacity 0.4s ease; background: linear-gradient(180deg, rgba(54, 100, 220, 0), rgba(22, 34, 75, 0.7)); opacity: 1; border-radius: 30px; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide--image::after { content: ""; left: 0; width: 100%; height: 100%; position: absolute; z-index: 10; transition: opacity 0.4s ease; background: linear-gradient(300.29deg, #f42853, #fb5151); opacity: 0; border-radius: 30px; } .flexi-layout .layout-item-tours-section .tours-section__bottom .swiper-container-tour .swiper-slide--image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .flexi-layout .layout-item-tours-section .tours-section .swiper-pagination { bottom: 0px; width: 100%; display: flex; justify-content: center; align-items: center; } .flexi-layout .layout-item-tours-section .tours-section .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; margin: 5px; background: #d9d9d9; border: 4px solid transparent; } .flexi-layout .layout-item-tours-section .tours-section .swiper-pagination .swiper-pagination-bullet-active { width: 18px; height: 18px; background: #d9d9d9; border: 4px solid #f42853; } .flexi-layout .three-col-section { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; height: 100%; min-height: 750px; position: relative; overflow: hidden; } @media screen and (max-height: 768px) { .flexi-layout .three-col-section { height: 100%; min-height: 580px; margin: 40px 0; padding: 40px 0; } } @media (max-width: 1024px) { .flexi-layout .three-col-section { height: 100%; padding: 0; } } .flexi-layout .three-col-section .animated-svg-container { position: absolute; top: 100px; width: 710px; height: 655px; clip-path: url(#clipPath5); background: white; right: 0; } @media screen and (max-height: 768px) { .flexi-layout .three-col-section .animated-svg-container { width: 550px; height: 500px; } } .flexi-layout .three-col-section__top { text-align: center; margin-bottom: 80px; z-index: 6; } @media (max-width: 1024px) { .flexi-layout .three-col-section__top { margin-bottom: 40px; } } .flexi-layout .three-col-section__bottom .field-three-columns-section-boxe { position: relative; z-index: 6; } .flexi-layout .three-col-section__bottom > div { display: flex; justify-content: space-between; } @media (max-width: 1024px) { .flexi-layout .three-col-section__bottom > div { flex-wrap: wrap; justify-content: center; } } .flexi-layout .three-col-section__bottom > div .field-item { width: 275px; } @media (max-width: 1024px) { .flexi-layout .three-col-section__bottom > div .field-item { margin: 20px 0; } } .flexi-layout .layout-item-icon-box { position: relative; } .flexi-layout .layout-item-icon-box .icon-box { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; } .flexi-layout .layout-item-icon-box .icon-box--icon { width: 100%; margin-bottom: 10px; } .flexi-layout .layout-item-icon-box .icon-box--icon .media { display: flex; justify-content: center; } .flexi-layout .layout-item-icon-box .icon-box--icon .media img { width: 100px; height: 60px; } .flexi-layout .layout-item-icon-box .icon-box--text { text-align: center; } .flexi-layout .layout-item-icon-box .icon-box--text p { line-height: 1.5rem; } .flexi-layout .layout-item-location-section { display: flex; height: 100%; min-height: 880px; justify-content: center; flex-direction: column; } @media screen and (max-height: 768px) { .flexi-layout .layout-item-location-section { height: 100%; min-height: 680px; margin: 40px 0; } } @media (max-width: 1024px) { .flexi-layout .layout-item-location-section { height: 100%; } } .flexi-layout .layout-item-location-section .location-section { display: flex; justify-content: space-between; position: relative; } @media (max-width: 1024px) { .flexi-layout .layout-item-location-section .location-section { flex-wrap: wrap; } } .flexi-layout .layout-item-location-section .location-section__left { width: 40%; margin-top: 60px; } @media (max-width: 1024px) { .flexi-layout .layout-item-location-section .location-section__left { width: 100%; margin-top: 0; } } .flexi-layout .layout-item-location-section .location-section__left .field-location-section-text div { margin-bottom: 40px; } .flexi-layout .layout-item-location-section .location-section__left--link { margin-top: 40px; } .flexi-layout .layout-item-location-section .location-section__left--link a { font-family: "Muli", sans-serif; font-weight: bold; color: #f52a53; display: flex; align-items: center; border: 2px solid #f52a53; width: -moz-max-content; width: max-content; position: relative; margin-right: 10px; margin-bottom: 10px; border-radius: 30px; overflow: hidden; height: 60px; padding: 1.1vh 2vh; box-shadow: transparent; cursor: pointer; } .flexi-layout .layout-item-location-section .location-section__left--link a:hover { background: #f52a53; color: white; box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); } .flexi-layout .layout-item-location-section .location-section__right { width: 55%; } @media (max-width: 1024px) { .flexi-layout .layout-item-location-section .location-section__right { width: 100%; } } .flexi-layout .layout-item-location-section .location-section__right .js-google-map { position: relative; z-index: 6; /* -webkit-mask-image: url("/themes/blazingsaddles/images/mapsvg.svg"); mask-image: url("/themes/blazingsaddles/images/mapsvg.svg"); mask-repeat: no-repeat; mask-position: center 20px; mask-size: cover; */ clip-path: url(#clipPath6); width: 710px; height: 655px; } @media screen and (max-height: 768px) { .flexi-layout .layout-item-location-section .location-section__right .js-google-map { width: 550px; height: 500px; } } @media (max-width: 1024px) { .flexi-layout .layout-item-location-section .location-section__right .js-google-map { height: 100%; width: 100%; } } .flexi-layout .layout-item-location-section .location-section__right .gm-ui-hover-effect span { width: 24px !important; height: 24px !important; background: white; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box { display: flex; border-radius: 30px; background: white; overflow: hidden; height: 220px; margin: 20px 0; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__left { width: 60%; height: 100%; padding: 20px; display: flex; flex-direction: column; justify-content: flex-start; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__left--time { display: flex; align-items: center; margin: 10px 0; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__left--time .mobile-map-info-box--location-time { font-size: 12px; line-height: 12px; width: 65%; margin-left: 10px; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__left--address { font-family: Nunito; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0px; text-align: left; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__left--sub { font-family: Nunito; font-size: 16px; font-weight: 900; line-height: 18px; letter-spacing: 0px; text-align: left; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__left--container { display: flex; justify-content: space-between; margin-top: auto; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__left--location { background: linear-gradient(300.29deg, #f42853 7.19%, #fb5151 91.85%); border-radius: 60px; width: 50px; height: 50px; cursor: pointer; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__left--3d { display: flex; justify-content: center; align-items: center; background: linear-gradient(118.97deg, #3664dc 8.38%, #2b52d1 92.48%); border-radius: 60px; width: 50px; height: 50px; cursor: pointer; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__left--3d a { color: white; font-size: 22px; font-weight: bold; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__right { width: 49%; height: 100%; } .flexi-layout .layout-item-location-section .location-section__right .mobile-map-info-box__right img { height: 100%; -o-object-fit: cover; object-fit: cover; } .flexi-layout .layout-item-location-section .gm-style .gm-style-iw-c { height: 240px !important; width: 420px !important; padding: 0 !important; border-radius: 30px !important; } .flexi-layout .layout-item-location-section .gm-style .gm-style-iw-c button { right: 5px !important; top: 10px !important; } .flexi-layout .layout-item-location-section .map-info-box { display: flex; height: 240px; } .flexi-layout .layout-item-location-section .map-info-box__left { width: 50%; padding: 2.7vh; padding-right: 1.5vh; display: flex; flex-direction: column; } .flexi-layout .layout-item-location-section .map-info-box__left--address { color: #000; font-size: 1.8rem; line-height: 1.9rem; font-weight: 900; } .flexi-layout .layout-item-location-section .map-info-box__left--sub { color: #000; font-size: 1.1rem; line-height: 1.5rem; font-weight: 900; } .flexi-layout .layout-item-location-section .map-info-box__left--container { display: flex; justify-content: space-around; margin-top: auto; } .flexi-layout .layout-item-location-section .map-info-box__left--location { background: linear-gradient(300.29deg, #f42853 7.19%, #fb5151 91.85%); border-radius: 60px; width: 50px; height: 50px; cursor: pointer; } .flexi-layout .layout-item-location-section .map-info-box__left--3d { display: flex; justify-content: center; align-items: center; background: linear-gradient(118.97deg, #3664dc 8.38%, #2b52d1 92.48%); border-radius: 60px; width: 50px; height: 50px; cursor: pointer; } .flexi-layout .layout-item-location-section .map-info-box__left--3d a { color: white; font-size: 22px; font-weight: bold; } .flexi-layout .layout-item-location-section .map-info-box__right { width: 50%; position: relative; height: 100%; } .flexi-layout .layout-item-location-section .map-info-box__right img { width: 210px; height: 100%; -o-object-fit: cover; object-fit: cover; } .flexi-layout .text { font-size: 2.2rem; line-height: 2.6rem; color: #000; margin-top: 25px; } @media (max-width: 1024px) { .flexi-layout .text { font-size: 1.8rem; line-height: 2rem; } } .flexi-layout .text strong { color: #f52a53; } .flexi-layout .layout-item-footer-section { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; position: relative; overflow: hidden; } .flexi-layout .layout-item-footer-section .footer-section { display: flex; flex-direction: row; justify-content: space-between; -moz-column-gap: 10px; column-gap: 10px; } @media (max-width: 1024px) { .flexi-layout .layout-item-footer-section .footer-section { flex-wrap: wrap; } } .flexi-layout .layout-item-footer-section .footer-section__left-col { width: 25%; } @media (max-width: 1024px) { .flexi-layout .layout-item-footer-section .footer-section__left-col { width: 100%; } } @media (max-width: 1024px) { .flexi-layout .layout-item-footer-section .footer-section__left-col .layout-item-ckeditor { text-align: center; } } .flexi-layout .layout-item-footer-section .footer-section__left-col .layout-item-ckeditor ul { padding-left: 0px; } @media (max-width: 1024px) { .flexi-layout .layout-item-footer-section .footer-section__left-col .layout-item-ckeditor ul { padding-left: 0; } } .flexi-layout .layout-item-footer-section .footer-section__left-col .layout-item-ckeditor ul li:before { display: none; } .flexi-layout .layout-item-footer-section .footer-section__left-col .link-container--title { font-family: Nunito, sans-serif; font-weight: 900; font-size: 48px; line-height: 48px; color: #004ec8; } @media (max-width: 1024px) { .flexi-layout .layout-item-footer-section .footer-section__left-col .link-container--title { font-size: 24px; line-height: 30px; text-align: center; } } .flexi-layout .layout-item-footer-section .footer-section__left-col .link-container__links .field-container { display: flex; } @media (max-width: 1024px) { .flexi-layout .layout-item-footer-section .footer-section__left-col .link-container__links .field-container { justify-content: center; } } .flexi-layout .layout-item-footer-section .footer-section__left-col .link-container__links .field-container .field-item { margin: 20px 20px 20px 0; } .flexi-layout .layout-item-footer-section .footer-section__left-col .link-with-image { position: relative; } .flexi-layout .layout-item-footer-section .footer-section__left-col .link-with-image img { width: 60px; height: 60px; padding: 10px; } .flexi-layout .layout-item-footer-section .footer-section__middle-col { width: 25%; } @media (max-width: 1024px) { .flexi-layout .layout-item-footer-section .footer-section__middle-col { width: 100%; text-align: center; margin: 20px 0; } } .flexi-layout .layout-item-footer-section .footer-section__right-col { width: 50%; } @media (max-width: 1024px) { .flexi-layout .layout-item-footer-section .footer-section__right-col { width: 100%; } } .flexi-layout .layout-item-footer-section .footer-section__right-col .field-right-column { margin-bottom: 30px; } .flexi-layout .layout-item-footer-section .footer-section__right-col .review-sites { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; flex-wrap: wrap; -moz-column-gap: 15px; column-gap: 15px; row-gap: 30px; text-align: center; } @media (max-width: 1024px) { .flexi-layout .layout-item-footer-section .footer-section__right-col .review-sites { justify-content: center; } } .flexi-layout .layout-item-footer-section .footer-section__right-col .review-sites .tripadvisor-image img { height: 25px; } .flexi-layout .layout-item-footer-section .footer-section__right-col .review-sites .tripadvisor-reviews { font-size: 1.3rem; line-height: 1.3rem; font-weight: 400; color: #000; margin: 5px 0; } .flexi-layout .layout-item-footer-section .footer-section__right-col .review-sites .tripadvisor .copyright { color: #000; font-size: 1rem; line-height: 1.5rem; margin-bottom: 10px; } .flexi-layout .layout-item-footer-section .footer-section__right-col .review-sites .google-image { margin-bottom: 10px; } .flexi-layout .layout-item-footer-section .footer-section__right-col .review-sites .google-image img { width: 200px; } .page-node-type-about-us .promotion-block-block-boxes { margin-top: 5vh; margin-bottom: 10vh; } .page-node-type-about-us .promotion-block-block-boxes .field-subpage img { max-width: none; max-width: initial; height: 100%; } @media (max-width: 768px) { .page-node-type-about-us .promotion-block-block-boxes .field-subpage img { width: 100%; } } @media (max-width: 580px) { .page-node-type-about-us .promotion-block-block-boxes .field-subpage img { width: auto; } } .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-info { margin: 0 auto; margin-top: 2vh; } .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-buttons { margin-top: 4vh; height: 0; transform: scaleY(0); transition: all 0.3s ease-in-out; width: 100%; } .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-buttons .field-icon-with-link-and-title { width: 100%; } .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-buttons .field-icon-with-link-and-title .field-item { width: 50%; } .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-buttons a .link-text, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-buttons a svg, .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-buttons a img { margin: 0 5px; } .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-background { line-height: 0; position: relative; } .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-background::after { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); opacity: 0; } .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-background::before { background: linear-gradient(180deg, rgba(54, 100, 220, 0) 0%, rgba(22, 34, 75, 0.7) 100%); } .page-node-type-about-us .promotion-block-block-boxes .field-subpage > .field-item { width: calc(50% - 30px); margin: 0 15px; margin-bottom: 30px; position: relative; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); } .page-node-type-about-us .promotion-block-block-boxes .field-subpage > .field-item:hover { box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); } .page-node-type-about-us .promotion-block-block-boxes .field-subpage > .field-item:hover .block-box-buttons { height: 30px; transform: scaleY(1); } .page-node-type-about-us .promotion-block-block-boxes .field-subpage > .field-item:hover .block-box-background::after { opacity: 0.7; } @media (max-width: 768px) { .page-node-type-about-us .promotion-block-block-boxes .field-subpage > .field-item { max-width: 100%; width: 100%; } } .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-content { position: absolute; width: 100%; text-align: center; top: 50%; left: 0; padding: 0 15px; transform: translateY(-50%); } .page-node-type-about-us .promotion-block-block-boxes .field-subpage .block-box-title { margin: 0 auto; } .page-node-type-about-us .partners-and-affiliates h2 { width: 100%; } .page-node-type-about-us .partners-and-affiliates p { max-width: 720px; } @media (max-width: 580px) { .page-node-type-about-us .partners-and-affiliates tr, .page-node-type-about-us .partners-and-affiliates tbody { display: block; } .page-node-type-about-us .partners-and-affiliates td, .page-node-type-about-us .partners-and-affiliates table { width: auto !important; display: block; } } .team-member .member-info { display: none; } .member-info-wrapper .member-info { margin-top: 3vh; } @media (max-width: 768px) { .member-info-wrapper .member-info { display: block !important; margin: 15px; background: #fff; border: 0; border-radius: 30px; overflow: hidden; max-width: 270px; width: 100%; } .member-info-wrapper .member-info > div { padding: 0 3vh; } .member-info-wrapper .member-info > div.meber-profile-image { padding: 0; } .member-info-wrapper .member-info > div.meber-info-name { padding: 3vh; } .member-info-wrapper .member-info > div.member-info-text { padding-bottom: 3vh; } } @media (max-width: 580px) { .member-info-wrapper .member-info { margin: 15px 0; } } @media (max-width: 420px) { .member-info-wrapper .member-info { margin: 15px 0; } } @media (max-width: 768px) { .member-info-wrapper .meber-info-name { color: #004ec8; } } .member-info-wrapper .member-info-text { margin-top: 2vh; } .member-info-wrapper .meber-profile-image { display: none; } @media (max-width: 768px) { .member-info-wrapper .meber-profile-image { display: block; } } @media (max-width: 768px) { .member-info-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 3vh 0; } } .node--id-191 .referenced-content { width: 100vw; left: 50%; transform: translateX(-50%); position: relative; padding: 35px 0; background: rgba(255, 255, 255, 0.8); margin-top: 9vh; } .node--id-191 .referenced-content .content-reference { max-width: 1190px; margin: 0 auto; padding: 0 40px; position: relative; overflow: inherit; } .node--id-191 .referenced-content .field-content .field-item { margin: 0 30px; min-width: 140px; text-align: center; cursor: pointer; } .node--id-191 .referenced-content .field-content .field-item:first-child { margin-left: 0; } .node--id-191 .referenced-content .field-content .field-item:last-child { margin-right: 0; } .node--id-191 .referenced-content .member-name { margin-top: 15px; text-transform: uppercase; transition: all 0.3s ease-in-out; } .node--id-191 .referenced-content .member-position { margin-top: 10px; } .node--id-191 .referenced-content .member-card.active .member-name { color: #f52a53; } @media (max-width: 768px) { .node--id-191 .referenced-content { display: none; } } .node--id-211 .referenced-content { width: 100%; padding-top: 3.5vh; } .node--id-211 .referenced-content .job-item.active .job-item-toggle { display: block; } .node--id-211 .referenced-content .field-content > .field-item { background: #fff; margin-top: 3vh; } .node--id-211 .referenced-content .job-item-info-box { position: relative; } @media (max-width: 900px) { .node--id-211 .referenced-content .job-item-info-box { padding-bottom: 3vh; flex-wrap: wrap; } } .node--id-211 .referenced-content .job-item-info-left { max-width: 230px; width: 100%; line-height: 0; } .node--id-211 .referenced-content .job-item-info-left::after { display: none; content: ""; width: 100%; position: absolute; bottom: 50px; height: 50px; right: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.09) 8%, rgb(255, 255, 255) 87%); } @media (max-width: 900px) { .node--id-211 .referenced-content .job-item-info-left::after { display: block; } } .node--id-211 .referenced-content .job-item-info-left img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (max-width: 900px) { .node--id-211 .referenced-content .job-item-info-left { max-width: 200px; } } @media (max-width: 580px) { .node--id-211 .referenced-content .job-item-info-left { max-width: 100%; max-height: 250px; overflow: hidden; } .node--id-211 .referenced-content .job-item-info-left img { width: 100%; } } .node--id-211 .referenced-content .job-item-middle { padding: 4vh; max-width: calc(100% - 450px); } @media (max-width: 900px) { .node--id-211 .referenced-content .job-item-middle { padding: 3vh; max-width: calc(100% - 200px); } } @media (max-width: 580px) { .node--id-211 .referenced-content .job-item-middle { max-width: 100%; } } .node--id-211 .referenced-content .job-item-toggle { padding: 20px; position: relative; display: none; } .node--id-211 .referenced-content .toggle-lists > div { width: 33.3333333%; padding: 15px; padding-top: 65px; position: relative; } .node--id-211 .referenced-content .toggle-lists > div::before { top: 0; left: 10px; width: 40px; height: 40px; background: #000; } .node--id-211 .referenced-content .toggle-lists > div.toggle-left::before { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/guided.svg"); } .node--id-211 .referenced-content .toggle-lists > div.toggle-middle::before { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/general-question.svg"); } .node--id-211 .referenced-content .toggle-lists > div.toggle-right::before { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/bikes-for-sale.svg"); } @media (max-width: 580px) { .node--id-211 .referenced-content .toggle-lists > div { width: 100%; } } .node--id-211 .referenced-content .toggle-lists .field-title { margin-bottom: 2.5vh; } @media (max-width: 580px) { .node--id-211 .referenced-content .toggle-lists { flex-wrap: wrap; } } .node--id-211 .referenced-content .field-list > div { margin-bottom: 10px; padding-left: 25px; position: relative; } .node--id-211 .referenced-content .field-list > div::before { content: ""; position: absolute; width: 6px; height: 6px; left: 0; top: 7px; border: 0; border-radius: 50%; background: #000; } .node--id-211 .referenced-content .job-apply-button { position: absolute; right: 4vh; bottom: 40px; } @media (max-width: 900px) { .node--id-211 .referenced-content .job-apply-button { right: auto; right: initial; bottom: auto; bottom: initial; position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; } } @media (max-width: 580px) { .node--id-211 .referenced-content .job-apply-button { justify-content: center; } } .node--id-211 .referenced-content .job-item-right { position: absolute; right: 4vh; top: 50%; transform: translateY(-50%); } @media (max-width: 900px) { .node--id-211 .referenced-content .job-item-right { right: auto; right: initial; top: auto; top: initial; bottom: auto; bottom: initial; position: relative; width: 100%; transform: none; padding: 0 3vh; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; } } @media (max-width: 580px) { .node--id-211 .referenced-content .job-item-right { justify-content: center; } } .node--id-211 .referenced-content .job-item-right a, .node--id-211 .referenced-content .job-apply-button a { cursor: pointer; height: 60px; } .node--id-211 .referenced-content .button-red .link-text { min-width: 83px; } .node--id-211 .referenced-content .button-red img { margin-right: 20px; transition: all 0.3s ease-in-out; } .node--id-211 .referenced-content .node.job-item.active .button-red img { transform: scaleY(-1); } .node--id-206 .referenced-content { width: 100%; margin-top: 6vh; overflow: hidden; } .node--id-206 .referenced-content .field-content { width: auto; margin: 0; position: relative; } .node--id-206 .referenced-content .field-content .double-field-item { width: 100%; min-width: 100%; } .node--id-206 .referenced-content .field-content .field-item { background: #fff; width: calc(50% - 30px); margin: 15px; } .node--id-206 .referenced-content .field-content .field-item .review-box { justify-content: flex-end; align-items: flex-end; height: 100%; } @media (max-width: 1024px) { .node--id-206 .referenced-content .field-content .field-item { width: 100%; margin: 15px 10px; } } .node--id-206 .referenced-content .field-content > .field-item { display: none; } .node--id-206 .referenced-content .review-text { padding: calc(4vh + 5px) calc(4.5vh + 50px); position: relative; width: 100%; margin: auto 0; } .node--id-206 .referenced-content .review-text::before, .node--id-206 .referenced-content .review-text::after { content: ",,"; position: absolute; bottom: 4vh; width: 40px; right: 4vh; letter-spacing: -3px; } @media (max-width: 768px) { .node--id-206 .referenced-content .review-text::before, .node--id-206 .referenced-content .review-text::after { width: 20px; } } .node--id-206 .referenced-content .review-text::before { transform: rotate(180deg); bottom: auto; bottom: initial; right: auto; right: initial; top: 4vh; left: 4vh; } @media (max-width: 768px) { .node--id-206 .referenced-content .review-text { padding: calc(4vh + 5px) calc(4.5vh + 30px); } } .node--id-206 .referenced-content .review-info { border-top: 1px solid #f2f2f2; padding: 4.5vh 5vh; width: 100%; min-height: 125px; } .node--id-206 .referenced-content .review-info > div { max-width: 50%; } .node--id-177 .referenced-content { width: 100%; margin-top: 6vh; position: relative; } .node--id-177 .referenced-content .history-year { cursor: pointer; transition: all 0.3s ease-in-out; } @media (max-width: 768px) { .node--id-177 .referenced-content .history-year { position: absolute; top: 30px; left: 25px; z-index: 1; font-size: 2.2rem; line-height: 2.2rem; color: #004ec8; } } .node--id-177 .referenced-content .field-content { min-height: 300px; position: relative; margin-bottom: 10vh; left: 0; transition: all 0.3s ease-in-out; } .node--id-177 .referenced-content .field-content .history-info-box { position: absolute; top: 160px; background: #fff; padding-right: 210px; width: 470px; left: calc(100% - 1px); box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); opacity: 0; transition: all 0.3s ease-in-out; pointer-events: none; } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content .history-info-box { opacity: 1; position: relative; top: 0; left: 0 !important; width: 100%; padding-right: 0; top: 0; } } @media (max-width: 580px) { .node--id-177 .referenced-content .field-content .history-info-box { width: 100%; flex-wrap: wrap; } } .node--id-177 .referenced-content .field-content .field-item { margin-right: 80px; position: relative; min-height: 65px; min-width: 65px; } .node--id-177 .referenced-content .field-content .field-item::after { content: ""; width: 19px; height: 19px; border-radius: 50%; border: 4px solid #d9d9d9; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; cursor: pointer; transition: all 0.3s ease-in-out; background: #fff; } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content .field-item::after { bottom: -10px; } } .node--id-177 .referenced-content .field-content .field-item::before { content: ""; position: absolute; right: 0; top: calc(100% + 5px); height: 155px; width: 38px; background: url("/themes/blazingsaddles/css/svgs/dot-line.svg"); opacity: 0; transition: all 0.3s ease-in-out; pointer-events: none; } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content .field-item::before { height: 10vh; width: 2px; background: #d9d9d9; right: calc(50% - 1px); opacity: 1; } } .node--id-177 .referenced-content .field-content .field-item:nth-child(even) { margin-top: 46px; } .node--id-177 .referenced-content .field-content .field-item:nth-child(even)::after { top: 0; bottom: auto; bottom: initial; } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content .field-item:nth-child(even)::after { top: auto; top: initial; bottom: -10px; } } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content .field-item:nth-child(even) { margin-top: 5vh; display: block; } } .node--id-177 .referenced-content .field-content .field-item:hover .history-year, .node--id-177 .referenced-content .field-content .field-item.active .history-year { color: #f52a53; } .node--id-177 .referenced-content .field-content .field-item:hover .history-info-box, .node--id-177 .referenced-content .field-content .field-item:hover::before, .node--id-177 .referenced-content .field-content .field-item.active .history-info-box, .node--id-177 .referenced-content .field-content .field-item.active::before { opacity: 1; } .node--id-177 .referenced-content .field-content .field-item:hover::after, .node--id-177 .referenced-content .field-content .field-item.active::after { border: 4px solid #f52a53; width: 23px; height: 23px; } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content .field-item:hover::after, .node--id-177 .referenced-content .field-content .field-item.active::after { width: 19px; height: 19px; border: 4px solid #d9d9d9; } } .node--id-177 .referenced-content .field-content .field-item:hover:nth-child(odd)::after, .node--id-177 .referenced-content .field-content .field-item.active:nth-child(odd)::after { bottom: -2px; } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content .field-item:hover:nth-child(odd)::after, .node--id-177 .referenced-content .field-content .field-item.active:nth-child(odd)::after { bottom: -10px; } } .node--id-177 .referenced-content .field-content .field-item:hover:nth-child(even)::after, .node--id-177 .referenced-content .field-content .field-item.active:nth-child(even)::after { top: -2px; } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content .field-item:hover:nth-child(even)::after, .node--id-177 .referenced-content .field-content .field-item.active:nth-child(even)::after { top: auto; top: initial; bottom: -10px; } } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content .field-item { height: auto; height: initial; width: 100%; margin: 5vh 0; } .node--id-177 .referenced-content .field-content .field-item:first-child { margin-top: 0; } } .node--id-177 .referenced-content .field-content::after { content: ""; position: absolute; height: 2px; width: 10000em; left: 25px; top: 54px; background: #d9d9d9; z-index: -1; } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content::after { display: none; } } @media (max-width: 768px) { .node--id-177 .referenced-content .field-content { flex-wrap: wrap; } } .node--id-177 .referenced-content .hisotry-info-right { padding: 30px; width: 260px; } @media (max-width: 768px) { .node--id-177 .referenced-content .hisotry-info-right { padding: 30px 25px; padding-top: 60px; width: calc(100% - 210px); } } @media (max-width: 580px) { .node--id-177 .referenced-content .hisotry-info-right { width: 100%; } } .node--id-177 .referenced-content .history-info-left { line-height: 0; overflow: hidden; max-width: 210px; position: absolute; top: 0; right: 0; height: 100%; width: 100%; } .node--id-177 .referenced-content .history-info-left img { max-width: none; max-width: initial; } @media (max-width: 580px) { .node--id-177 .referenced-content .history-info-left img { width: 100%; } } @media (max-width: 580px) { .node--id-177 .referenced-content .history-info-left { width: 100%; max-width: 100%; position: relative; max-height: 270px; } } body.ie-ed .node--id-177 .referenced-content .field-content :nth-child(2n).field-item .history-year { position: absolute; left: 0; bottom: 0; } .view-id-shop, #block-views-block-ny-block-1 { margin-top: 5vh; } .view-id-shop .view-content, #block-views-block-ny-block-1 .view-content { position: relative; width: calc(100% + 30px); margin: 0 -15px; } @media (max-width: 1024px) { .view-id-shop .view-content, #block-views-block-ny-block-1 .view-content { justify-content: center; } } .view-id-shop .js-form-item, #block-views-block-ny-block-1 .js-form-item { display: none; } .view-id-shop .title, .view-id-shop .product-name, #block-views-block-ny-block-1 .title, #block-views-block-ny-block-1 .product-name { margin: 1.5vh 0; padding: 0 10px; } .view-id-shop .body, .view-id-shop .field-description, #block-views-block-ny-block-1 .body, #block-views-block-ny-block-1 .field-description { font-size: 0.9rem; padding: 0 10px; } .view-id-shop .product-hover, #block-views-block-ny-block-1 .product-hover { position: absolute; top: 60px; left: 15px; width: calc(100% - 30px); opacity: 0; z-index: 0; transition: all 0.3s ease-in-out; } .view-id-shop .product-hover .book-now-bike, #block-views-block-ny-block-1 .product-hover .book-now-bike { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; } .view-id-shop .product-hover input, #block-views-block-ny-block-1 .product-hover input { cursor: pointer; } .view-id-shop .price, #block-views-block-ny-block-1 .price { padding: 0 10px; margin-top: 5px; } .view-id-shop .product-price .view-content div, #block-views-block-ny-block-1 .product-price .view-content div { padding: 0 10px; margin-top: 5px; } .view-id-shop .views-row, #block-views-block-ny-block-1 .views-row { width: calc(25% - 30px); margin: 0 15px; margin-bottom: 30px; text-align: center; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); position: relative; padding: 1.5vh 0; padding-top: 0; background: #fff; } .view-id-shop .views-row:nth-child(3), #block-views-block-ny-block-1 .views-row:nth-child(3) { margin-right: 255px; } .view-id-shop .views-row:hover .product-hover, #block-views-block-ny-block-1 .views-row:hover .product-hover { opacity: 1; z-index: 0; top: 60px; } .view-id-shop .views-row .mobile-icon, #block-views-block-ny-block-1 .views-row .mobile-icon { display: none; width: 60px; height: 60px; background-image: url("/themes/blazingsaddles/css/svgs/details-cart.svg"); background-repeat: no-repeat; background-size: 30px; background-position: center; } .view-id-shop .views-row .product-image, #block-views-block-ny-block-1 .views-row .product-image { height: 160px; display: flex; justify-content: center; align-items: center; } @media (max-width: 1024px) { .view-id-shop .views-row, #block-views-block-ny-block-1 .views-row { width: 255px; } .view-id-shop .views-row:nth-child(3), #block-views-block-ny-block-1 .views-row:nth-child(3) { margin-right: 15px; } } @media (max-width: 768px) { .view-id-shop .views-row, #block-views-block-ny-block-1 .views-row { margin-bottom: 66px; overflow: visible; overflow: initial; padding-bottom: 45px; } .view-id-shop .views-row .product-hover, #block-views-block-ny-block-1 .views-row .product-hover { top: inherit; opacity: 1; bottom: -30px; } .view-id-shop .views-row .product-hover .button-red, #block-views-block-ny-block-1 .views-row .product-hover .button-red { min-width: 60px; padding: 0; } .view-id-shop .views-row .product-hover .link-text, #block-views-block-ny-block-1 .views-row .product-hover .link-text { display: none; } .view-id-shop .views-row .product-hover .mobile-icon, #block-views-block-ny-block-1 .views-row .product-hover .mobile-icon { display: block; } .view-id-shop .views-row:hover .product-hover, #block-views-block-ny-block-1 .views-row:hover .product-hover { top: inherit; } } @media (max-width: 768px) { .view-id-shop .product-image, #block-views-block-ny-block-1 .product-image { border-top-left-radius: 30px; border-top-right-radius: 30px; overflow: hidden; } } .path-product #page-content { min-height: 100vh; } .path-product .product-title { margin-bottom: 3vh; } .path-product #block-blazingsaddles-content .body { margin-bottom: 3vh; } .path-product .product { max-width: 650px; } .path-product .section.sidebar-left .product { max-width: 100%; width: 100%; } .path-product fieldset { margin: 0; position: relative; } .path-product legend { min-width: 160px; display: block; padding: 0 1.2rem; padding-left: 0; } @media (max-width: 420px) { .path-product legend { min-width: 100px; } } .path-product .form-item { margin-bottom: 5vh; } .path-product .form-item > label { min-width: 160px; display: block; padding-right: 3vh; width: auto; margin-bottom: 0; padding-left: 0; } @media (max-width: 420px) { .path-product .form-item > label { min-width: 100px; } } .path-product .form-item::after { display: none; } .path-product .field--name-purchased-entity .fieldset-wrapper { position: absolute; top: -6px; left: 150px; } .path-product .field--name-purchased-entity .fieldset-wrapper .option { padding: 2px; min-width: inherit; margin-right: 5px; } .path-product .field--name-purchased-entity .fieldset-wrapper .field-color { line-height: 0; width: 40px; height: 24px; } @media (max-width: 420px) { .path-product .field--name-purchased-entity .fieldset-wrapper { left: 100px; } } .path-product .form-actions .button-icon { position: absolute; width: 30px; height: 30px; left: 3vh; top: 15px; -webkit-mask-image: url(/themes/blazingsaddles/css/svgs/cart_plus.svg); background: #fff; } .path-product .form-actions input { padding-left: calc(4vh + 30px); padding-right: 3vh; min-width: 0; } @media (max-width: 420px) { .path-product .form-actions input { padding-left: 3vh; } } .product--rendered-attribute .form-item { margin: 0; } .block-commerce-cart { position: relative; display: none; } .block-commerce-cart .cart-block--summary__icon { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); background: #fff; width: 60px; position: relative; } .block-commerce-cart .cart-block--summary__icon img { opacity: 0; } .block-commerce-cart .cart-block--summary__icon::after { content: ""; position: absolute; width: 40px; height: 40px; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/cart-normal.svg"); background: #000; } .block-commerce-cart .cart.cart-block .view-header { display: none; } .block-commerce-cart .cart.cart-block:first-child .view-header { display: flex; } .block-commerce-cart .cart-block--summary__count { position: absolute; top: -5px; right: 0; padding: 0 5px; min-width: 24px; background: #f52a53; text-align: center; display: none; } .block-commerce-cart .cart-block--contents { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); background: #fff; left: 50%; transform: translateX(-50%); top: calc(100% + 10px); width: 350px; padding: 1vh; } @media (max-width: 768px) { .block-commerce-cart .cart-block--contents { left: inherit; transform: none; right: 20px; position: fixed; margin-top: 10px; } } .block-commerce-cart .cart-block--contents.cart-block-hide { display: none !important; } .block-commerce-cart .cart-block--contents__inner { padding: 0; } .block-commerce-cart .cart-block--contents__inner .cart-block--contents__items { overflow-x: auto; overflow-y: hidden; max-height: none; max-height: initial; } .block-commerce-cart .cart-block--contents__inner .view-content { padding: 2vh; max-height: 200px; overflow-x: hidden; overflow-y: scroll; } .block-commerce-cart .cart-block--contents__inner .view-content::-webkit-scrollbar { width: 5px; } .block-commerce-cart .cart-block--contents__inner .view-content::-webkit-scrollbar-track { background: #fff; } .block-commerce-cart .cart-block--contents__inner .view-content::-webkit-scrollbar-thumb { background: #d9d9d9; border: 0; border-radius: 5px; } .block-commerce-cart .cart-block--contents__inner .cart-block--contents__links { text-align: center; margin: 0; padding: 2vh 0; background: #fff; } .block-commerce-cart .cart-block--contents__inner .views-row { position: relative; padding: 2vh 0; border-bottom: 1px solid #d9d9d9; } .block-commerce-cart .cart-block--contents__inner .views-row:last-child { border-bottom: 0; } .block-commerce-cart .views-field-nothing { max-width: calc(100% - 90px); } .block-commerce-cart .views-field-nothing .product-name { margin-bottom: 1.5vh; } .block-commerce-cart .Alcatraz.ticket .views-field-nothing { max-width: 100%; } .block-commerce-cart .Alcatraz.ticket .views-field-nothing .product-attributes { max-width: calc(100% - 90px); } .block-commerce-cart .view-footer { padding: 0 2vh; padding-top: 1vh; } .block-commerce-cart .view-header { padding: 2vh; padding-bottom: 1vh; } .block-commerce-cart .views-field-field-cover-image { position: absolute; top: 2.5vh; right: 0; } .block-commerce-cart .views-field-total-price__number { position: absolute; bottom: 2.5vh; right: 0; } .block-commerce-cart td { padding: 5px; border-right: 1px solid #d9d9d9; } .block-commerce-cart td:first-child { padding-left: 0; } .block-commerce-cart td:last-child { padding-right: 0; border-right: 0; } .block-commerce-cart .cart--cart-block .cart-block--contents a { color: #fff; } .path-cart #main-wrapper .cart-form .form-item::after { display: none; } .path-cart #main-wrapper .cart-form .paypal-buttons-container, .path-cart #main-wrapper .cart-form label { display: none; } .path-cart #main-wrapper .cart-form .form-actions { padding: 3vh 0; } .path-cart #main-wrapper .cart-form .form-actions .button-red { min-width: 0; } .path-cart #main-wrapper .cart-form .form-actions .button-red.input-button-field input { padding-left: calc(4vh + 30px); padding-right: 3vh; min-width: 0; } .path-cart #main-wrapper .cart-form .form-actions .button-icon { position: absolute; width: 30px; height: 30px; left: 3vh; top: 15px; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/update-cart.svg"); background: #fff; } .path-cart #main-wrapper .cart-form .form-actions .button-red:last-child .button-icon { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/checkout-cart.svg"); } @media (max-width: 420px) { .path-cart #main-wrapper .cart-form .form-actions > div { width: 100%; margin: 0; margin-bottom: 3vh; } } .path-cart #main-wrapper .cart-form thead { display: none; } .path-cart #main-wrapper .cart-form table, .path-cart #main-wrapper .cart-form .views-form { width: 100%; } .path-cart #main-wrapper .cart-form .views-field-field-product-image li { display: none; } .path-cart #main-wrapper .cart-form .views-field-field-product-image li:first-child { display: block; line-height: 0; } .path-cart #main-wrapper .cart-form tr { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); background: #fff; width: 100%; margin-bottom: 2.5vh; padding: 2.5vh; } .path-cart #main-wrapper .cart-form tr ul { padding-left: 0; margin: 0; } .path-cart #main-wrapper .cart-form tr li::before { display: none; } .path-cart #main-wrapper .cart-form .product-name h2 { margin: 0; } .path-cart #main-wrapper .cart-form td.views-field { flex-wrap: nowrap; } .path-cart #main-wrapper .cart-form td.views-field.views-field-nothing { width: calc(100% - 220px); } @media (max-width: 768px) { .path-cart #main-wrapper .cart-form td.views-field.views-field-nothing { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; width: 100%; padding-bottom: 2vh; } } .path-cart #main-wrapper .cart-form td.views-field.views-field-nothing-1 { width: 220px; } @media (max-width: 768px) { .path-cart #main-wrapper .cart-form td.views-field.views-field-nothing-1 { width: 100%; padding-top: 2vh; border-top: 1px solid #f2f2f2; } } .path-cart #main-wrapper .cart-form td.views-field > div { padding: 0 10px; } @media (max-width: 768px) { .path-cart #main-wrapper .cart-form td.views-field > div.product-quantity { min-width: 70px; } .path-cart #main-wrapper .cart-form td.views-field > div:first-child { padding-left: 0; } .path-cart #main-wrapper .cart-form td.views-field > div:last-child { padding-right: 0; } } @media (max-width: 580px) { .path-cart #main-wrapper .cart-form td.views-field > div .js-form-type-number { margin-top: 0; margin-bottom: 0; } .path-cart #main-wrapper .cart-form td.views-field > div .js-form-type-number .input-field { flex-direction: column; } .path-cart #main-wrapper .cart-form td.views-field > div .js-form-type-number .minus { order: 2; } .path-cart #main-wrapper .cart-form td.views-field > div .js-form-type-number input { order: 1; } } @media (max-width: 768px) { .path-cart #main-wrapper .cart-form td.views-field { flex-wrap: wrap; } } .path-cart #main-wrapper .cart-form .remove-button { position: relative; width: 60px; height: 60px; margin-right: 25px; } .path-cart #main-wrapper .cart-form .remove-button .button-red.input-button-field { min-width: 60px; } .path-cart #main-wrapper .cart-form .remove-button .button-red.input-button-field::before, .path-cart #main-wrapper .cart-form .remove-button .button-red.input-button-field::after { display: none; } .path-cart #main-wrapper .cart-form .remove-button input { width: 60px; height: 60px; min-width: 60px; opacity: 0; cursor: pointer; z-index: 1; position: relative; } .path-cart #main-wrapper .cart-form .remove-button .button-red { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .path-cart #main-wrapper .cart-form .remove-button::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; z-index: 0; border: 2px solid #f52a53; border-radius: 50%; } .path-cart #main-wrapper .cart-form .remove-button::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.3s ease-in-out; background: #f52a53; -webkit-mask-image: url(../css/svgs/dustbin.svg); -webkit-mask-position: center center; -webkit-mask-size: 20px; -webkit-mask-repeat: no-repeat; } .path-cart #main-wrapper .cart-form .remove-button:hover::after { border: 2px solid #004ec8; } .path-cart #main-wrapper .cart-form .remove-button:hover::before { background: #004ec8; } @media (max-width: 768px) { .path-cart #main-wrapper .cart-form .remove-button { margin: 0; } } .path-checkout #before-content h3, .path-checkout #block-checkoutprogress h3 { padding-bottom: 0; } .path-checkout #block-thankyouforyourorder h3 { padding-bottom: 3vh; } .path-checkout #page-content > header { padding-bottom: 0; } .path-checkout .section.sidebar-left #block-checkoutprogress { display: none; } .path-checkout .section.sidebar-left #content.main-content { padding-left: 30px; } @media (max-width: 768px) { .path-checkout .section.sidebar-left #content.main-content { padding-left: 0; margin-top: 5vh; } } .path-checkout .layout-checkout-form { width: 100%; padding: 6vh; background: #fff; margin-bottom: 0; position: relative; } .path-checkout .layout-checkout-form > fieldset:first-child .fieldset-legend { margin-top: 0; } .path-checkout .layout-checkout-form > div { width: 100%; padding-right: 0; } .path-checkout .layout-checkout-form .layout-region.layout-region-checkout-secondary { display: none; } .path-checkout .layout-checkout-form .paypal-buttons-container { margin-top: 3vh; } .path-checkout .layout-checkout-form .paypal-buttons-container iframe { z-index: 1 !important; } .path-checkout .layout-checkout-form .form-actions { margin-top: 5vh; display: flex; justify-content: flex-end; } @media (max-width: 768px) { .path-checkout .layout-checkout-form { padding: 3vh; } } .path-checkout .checkout-pane-payment-information { display: none; } .path-checkout #main .sidebar-left { background: #fff; padding: 3vh; } .path-checkout .section.sidebar-left .sidebar-left { max-width: 350px; width: 100%; } .path-checkout .section.sidebar-left .sidebar-left .views-row { position: relative; padding: 2.5vh 0; border-bottom: 1px solid #d9d9d9; } .path-checkout .section.sidebar-left .sidebar-left .views-row:last-child { border-bottom: 0; } .path-checkout .section.sidebar-left .sidebar-left .views-field-nothing { max-width: calc(100% - 70px); min-height: 90px; } .path-checkout .section.sidebar-left .sidebar-left .views-field-nothing .product-name { margin-bottom: 1.5vh; } .path-checkout .section.sidebar-left .sidebar-left .views-field-field-cover-image { position: absolute; top: 2.5vh; right: 0; } .path-checkout .section.sidebar-left .sidebar-left .views-field-total-price__number { position: absolute; bottom: 2.5vh; right: 0; } .path-checkout .section.sidebar-left .sidebar-left .view-header { padding: 0; padding-bottom: 1vh; border-bottom: 1px solid #d9d9d9; } .path-checkout .section.sidebar-left .sidebar-left .view-footer { padding: 0; padding-top: 2.5vh; } @media (max-width: 768px) { .path-checkout .section.sidebar-left .sidebar-left { max-width: 100%; } } .path-checkout .section.sidebar-left .main-content { width: calc(100% - 350px); } @media (max-width: 768px) { .path-checkout .section.sidebar-left .main-content { width: 100%; } } .path-checkout .section.sidebar-left.sticky-down .sticky-content { margin-left: 350px; } .path-checkout div#edit-actions-next { position: absolute; right: 6vh; bottom: 6vh; } .path-checkout .fieldset-legend { margin-top: 2vh; margin-bottom: 1.5vh; display: block; } .path-checkout .checkout-progress { padding-left: 10px; } .path-checkout .checkout-progress li:before { display: none; } .path-checkout fieldset { padding: 0; margin: 0; border: 0; position: relative; display: block; width: 100%; } .path-checkout .checkout-pane-shipping-information .button-red.input-button-field .button-icon { position: absolute; width: 30px; height: 30px; left: 3vh; top: 15px; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/update-cart.svg"); background: #fff; } .path-checkout .checkout-pane-shipping-information .button-red.input-button-field.input-button-field input { padding-left: calc(4vh + 30px); padding-right: 3vh; min-width: 0; } .order-total-line-label { margin-right: 15px; } .order-total-line-value { width: auto; } .js-form-type-number { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .js-form-type-number input { width: 50px; height: 40px; padding: 10px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } .js-form-type-number input[type=number]::-webkit-inner-spin-button, .js-form-type-number input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .js-form-type-number .input-field > div { width: 50px; height: 40px; font-size: 2rem; line-height: 40px; color: #000; text-align: center; cursor: pointer; } div[role=contentinfo] { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); background: #fff; width: 100%; padding: 2vh 3vh; padding-right: calc(3vh + 20px); position: relative; margin-bottom: 1.5vh; max-width: 100%; } div[role=contentinfo]:last-child { margin-bottom: 0; } div[role=contentinfo]:only-child { margin-bottom: 3vh; } div[role=contentinfo]::after { content: ""; position: absolute; right: 13px; top: 50%; width: 8px; height: 15px; border: solid #27bc7e; border-width: 0 3px 3px 0; transform: rotate(45deg) translateX(calc(-50% - 10px)); } div[role=contentinfo][aria-label="Error message"] { box-shadow: 0 10px 30px rgba(255, 0, 0, 0.3); border: 2px solid red; } div[role=contentinfo][aria-label="Error message"]::after { border: 0; transform: translateY(-50%); width: 25px; height: 25px; right: 15px; background: url("/themes/blazingsaddles/css/images/error_message.png"); background-size: cover; background-position: center; background-repeat: no-repeat; } form div[role=contentinfo]::after { display: none; } .ny---product-with-color-and-size, .product.default { position: relative; } .ny---product-with-color-and-size .attribute-color, .ny---product-with-color-and-size .attribute-size, .product.default .attribute-color, .product.default .attribute-size { display: none; } .ny---product-with-color-and-size > .js-open-modal.button-transparent, .product.default > .js-open-modal.button-transparent { position: absolute; bottom: 0; right: 0; } .ny---product-with-color-and-size .form-actions, .product.default .form-actions { position: absolute; bottom: 0; right: 200px; } @media (max-width: 420px) { .ny---product-with-color-and-size .form-actions, .product.default .form-actions { width: 100%; right: 0; bottom: 80px; } } @media (max-width: 580px) { .ny---product-with-color-and-size, .product.default { padding-bottom: calc(60px + 3vh); } } @media (max-width: 420px) { .ny---product-with-color-and-size, .product.default { padding-bottom: calc(140px + 3vh); } } .commerce-complete #block-blazingsaddles-content .layout-checkout-form { max-width: 100%; padding: 6vh 4vh; min-height: 200px; padding-right: 200px; } .commerce-complete #block-blazingsaddles-content .layout-checkout-form a { font-weight: 900; color: #f52a53; } .commerce-complete #block-blazingsaddles-content .layout-checkout-form::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; height: 170px; width: 170px; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/checkout-complete.svg"); background: #27bc7e; } @media (max-width: 580px) { .commerce-complete #block-blazingsaddles-content .layout-checkout-form::after { position: relative; margin: 0 auto; margin-top: 3vh; top: 0; right: 0; transform: none; } } @media (max-width: 580px) { .commerce-complete #block-blazingsaddles-content .layout-checkout-form { position: relative; padding: 3vh; } } .product.no-color-no-size { position: relative; } .product.no-color-no-size .price { margin-top: 30px; } .product.no-color-no-size .btn-circle.btn-circle--blue { position: absolute; bottom: 0; left: 190px; } @media (max-width: 420px) { .product.no-color-no-size .btn-circle.btn-circle--blue { width: 100%; left: 0; bottom: 80px; } } @media (max-width: 420px) { .product.no-color-no-size { padding-bottom: calc(140px + 3vh); } } .node--id-53 #block-blazingsaddles-content { display: none; } .node--id-53 #before-content .content { max-width: 600px; } @media (max-width: 768px) { .node--id-53 .category-list-block { padding: 0; } } @media (max-width: 768px) { .node--id-53 .category-list-block > .content { max-width: 100%; height: 100%; border-radius: 0; } } .node--id-53 .category-list-block .view-content { overflow-y: scroll; overflow-x: hidden; /* max-height: calc(100vh - 300px); */ } .node--id-53 .category-list-block .view-content::-webkit-scrollbar { width: 5px; } .node--id-53 .category-list-block .view-content::-webkit-scrollbar-track { background: #fff; } .node--id-53 .category-list-block .view-content::-webkit-scrollbar-thumb { background: #d9d9d9; border: 0; border-radius: 5px; } @media (max-width: 768px) { .node--id-53 #page-content > header { padding-bottom: 0; } .node--id-53 #page-content > article { padding-top: 0; } .node--id-53 #before-content .content { max-width: 100%; } } #block-views-block-faq-items-block-1 { padding-left: 0; } #block-views-block-faq-items-block-1 .faq-category-q-and-a > ul { padding-left: 0; } #block-views-block-faq-items-block-1 .faq-category-q-and-a > ul > li { border-bottom: 1px solid #f2f2f2; padding-bottom: 1.5vh; margin-bottom: 1.5vh; position: relative; } #block-views-block-faq-items-block-1 .faq-category-q-and-a > ul > li::before { display: none; } #block-views-block-faq-items-block-1 .faq-category-q-and-a > ul > li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } #block-views-block-faq-items-block-1 .faq-category-q-and-a > ul > li header { max-width: calc(100% - 40px); } #block-views-block-faq-items-block-1 .faq-category-q-and-a > ul > li > .node.active .close-content { transform: scaleY(1); background: #f52a53; } #block-views-block-faq-items-block-1 .views-row { align-items: initial; position: relative; width: 100%; background: #fff; border: 1px solid #f2f2f2; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2); margin-bottom: 6.5vh; padding: 4.3vh; } #block-views-block-faq-items-block-1 .views-row > * { width: 100%; } #block-views-block-faq-items-block-1 .views-row:last-child { margin-bottom: 0; } #block-views-block-faq-items-block-1 .node__title a { cursor: auto; cursor: initial; pointer-events: none; } #block-views-block-faq-items-block-1 .close-content { display: none; width: 30px; height: 30px; position: absolute; top: 0; right: 0; transition: all 0.3s ease-in-out; -webkit-mask-image: url("/themes/blazingsaddles/images/icons/top.svg"); mask-image: url("/themes/blazingsaddles/images/icons/top.svg"); background-color: #0a0a0a; transform: scaleY(-1); } @media (max-width: 768px) { #block-views-block-faq-items-block-1 .close-content { display: block; } } @media (max-width: 768px) { #block-views-block-faq-items-block-1 { padding-left: 0; } #block-views-block-faq-items-block-1 .node__content { transition: all 0.3s ease-in-out; display: none; padding: 0; margin: 0; overflow: hidden; } } .alcatraz-ticket #edit-purchased-entity-wrapper, .alcatraz-ticket .dates-json, .alcatraz-ticket .sub-tours-json, .alcatraz-ticket #field-departure-times-values, .alcatraz-ticket #edit-field-ticket-date-wrapper, .alcatraz-ticket #edit-field-tour-date-wrapper, .alcatraz-ticket #edit-field-departure-time-wrapper, .alcatraz-ticket #edit-field-variation-id-wrapper, .alcatraz-ticket #tour-gests, .alcatraz-ticket #edit-quantity-wrapper, .alcatraz-ticket .product .price, .alcatraz-ticket .product .field-ticket-number, .alcatraz-ticket .product .field-tickets-purchased, .alcatraz-ticket .product .field-departure-time, .alcatraz-ticket .product .field-company, .alcatraz-ticket .field--name-field-tours-json-data, .alcatraz-ticket .commerce-order-item-add-to-cart-form #edit-field-departure-times-wrapper { display: none; } .alcatraz-ticket #page-content .field-introduction { max-width: 1190px; margin: 0 auto; padding: 4vh 40px; position: relative; } .alcatraz-ticket .section.sidebar-left .sidebar-left { background: #fff; overflow: visible; overflow: initial; max-width: 400px; width: 100%; } .alcatraz-ticket .section.sidebar-left .sidebar-left input::-moz-placeholder { opacity: 1; font-size: 0.83em; font-style: italic; } .alcatraz-ticket .section.sidebar-left .sidebar-left input::placeholder { opacity: 1; font-size: 0.83em; font-style: italic; } .alcatraz-ticket .section.sidebar-left .sidebar-left input:-ms-input-placeholder { font-size: 0.83em; font-style: italic; } .alcatraz-ticket .section.sidebar-left .sidebar-left input::-ms-input-placeholder { font-size: 0.83em; font-style: italic; } .alcatraz-ticket .section.sidebar-left .sidebar-left #block-tourdetails { padding: 1vh; padding-bottom: 1vh; } @media (max-width: 768px) { .alcatraz-ticket .section.sidebar-left .sidebar-left #block-tourdetails { padding: 1.5vh; padding-bottom: 1vh; } } .alcatraz-ticket .section.sidebar-left .sidebar-left #block-tourdetails .block-title h3 { border-bottom: 0; padding: 1vh 1.5vh; } .alcatraz-ticket .section.sidebar-left .sidebar-left #block-tourdetails .content > * { padding: 0 1.5vh; } .alcatraz-ticket .section.sidebar-left .sidebar-left #block-tourdetails .content > *.sub-tour { margin-bottom: 1vh; padding: 1.5vh; overflow: visible; background-color: #fdfdfd; } .alcatraz-ticket .section.sidebar-left .sidebar-left #block-tourdetails .content > * .form-item.js-form-type-select { margin-bottom: 0; } .alcatraz-ticket .section.sidebar-left .sidebar-left .js-form-type-date label { display: none; } .alcatraz-ticket .section.sidebar-left .sidebar-left label { margin-bottom: 2vh; } .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour h4 { margin-top: 0; margin-block-end: 0; margin-bottom: 0; padding: 0; margin-left: 0; } .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour > * { padding: 0 1.5vh; padding-right: 0; margin-left: 1vh; } .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour > *.form-date-wrapper { padding-left: 0; } .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour > * h4 { font-size: 0.83em; line-height: 1rem; font-weight: bold; margin-top: 0; } .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour > * .select-selected { padding: 15px; } .alcatraz-ticket .section.sidebar-left .sidebar-left .ticket-quantity { margin-top: 1vh; margin-bottom: 0; padding: 0 1.5vh; align-items: center; } .alcatraz-ticket .section.sidebar-left .sidebar-left .ticket-quantity h4 { margin: 2vh 0; } .alcatraz-ticket .section.sidebar-left .sidebar-left .form-item { margin-top: 0; } .alcatraz-ticket .section.sidebar-left .sidebar-left .form-item.js-form-type-select { margin: 1vh 0; align-items: center; } .alcatraz-ticket .section.sidebar-left .sidebar-left .tour-departure-time .form-item { margin-bottom: 0; } .alcatraz-ticket .section.sidebar-left .sidebar-left .price-total-box { margin-top: 1.5vh; margin-bottom: 0; } .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour > .form-date-wrapper { position: relative; margin-top: 1vh; padding-top: 5px; } .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour > .form-date-wrapper .tour-date { position: absolute; margin: 0; top: 0; left: 0; } .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour > .form-date-wrapper::after { content: ""; position: absolute; width: 40px; height: 30px; top: calc(50% - 15px); right: 0; mask-image: url("/themes/blazingsaddles/css/svgs/date.svg"); -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/date.svg"); background: #000; transition: all 0.3s ease-in-out; } .alcatraz-ticket .section.sidebar-left .sidebar-left .sub-tour > .form-date-wrapper:hover::after { background: #f52a53; } .alcatraz-ticket .section.sidebar-left .sidebar-left .tour-departure-time { margin-left: 15px; } .alcatraz-ticket .section.sidebar-left .sidebar-left .tour-departure-time label { font-size: 1rem; line-height: 1rem; font-weight: normal; } @media (max-width: 900px) { .alcatraz-ticket .section.sidebar-left .sidebar-left { margin-bottom: 6vh; max-width: 100%; position: relative !important; top: 0 !important; } } @media (max-height: 680px) { .alcatraz-ticket .section.sidebar-left .sidebar-left { margin-bottom: 6vh; max-width: 100%; position: relative !important; top: 0 !important; } } .alcatraz-ticket .section.sidebar-left .main-content { width: calc(100% - 400px); } @media (max-width: 900px) { .alcatraz-ticket .section.sidebar-left .main-content { width: 100%; padding-left: 0; } } @media (max-height: 680px) { .alcatraz-ticket .section.sidebar-left .main-content { width: 100%; padding-left: 0; } } .alcatraz-ticket .section.sidebar-left.sticky-down .sticky-content { margin-left: 400px; } @media (max-width: 900px) { .alcatraz-ticket .section.sidebar-left.sticky-down .sticky-content { margin-left: 0; } } @media (max-height: 680px) { .alcatraz-ticket .section.sidebar-left.sticky-down .sticky-content { margin-left: 0; } } .alcatraz-ticket .section.sidebar-left .ticket-departure-time { margin-bottom: 3vh; margin-left: 15px; } .alcatraz-ticket .section.sidebar-left .ticket-departure-time .departure-time-time { color: #f52a53; } .alcatraz-ticket .product-title { margin-bottom: 0; } .alcatraz-ticket .guest-container { position: relative; margin-bottom: 5vh; } .alcatraz-ticket .form-item { flex-wrap: wrap; margin-bottom: 3vh; } .alcatraz-ticket #block-blazingsaddles-content .product-title, .alcatraz-ticket #block-blazingsaddles-content .field-sub-tour { display: none; } .alcatraz-ticket #block-blazingsaddles-content form { position: relative; width: 100%; background: #fff; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); padding: 3.5vh 6vh; } .alcatraz-ticket #block-blazingsaddles-content form > div { width: 100%; } .alcatraz-ticket #block-blazingsaddles-content form .disclaimer_1, .alcatraz-ticket #block-blazingsaddles-content form .disclaimer_2, .alcatraz-ticket #block-blazingsaddles-content form .disclaimer_3 { padding-left: 0; position: relative; } @media (max-width: 420px) { .alcatraz-ticket #block-blazingsaddles-content form .disclaimer_1, .alcatraz-ticket #block-blazingsaddles-content form .disclaimer_2, .alcatraz-ticket #block-blazingsaddles-content form .disclaimer_3 { padding-left: 0; } } .alcatraz-ticket #block-blazingsaddles-content form .disclaimer_3 { margin-top: 3.5vh; } .alcatraz-ticket #block-blazingsaddles-content form .field--type-datetime { width: 100%; } .alcatraz-ticket #block-blazingsaddles-content form .form-actions { width: 100%; display: flex; justify-content: flex-end; margin-top: 3vh; position: relative; } @media (max-width: 768px) { .alcatraz-ticket #block-blazingsaddles-content form .form-actions { justify-content: center; } } @media (max-width: 768px) { .alcatraz-ticket #block-blazingsaddles-content form { padding: 3vh; } .alcatraz-ticket #block-blazingsaddles-content form .js-form-type-select label { width: 100%; padding-bottom: 2vh; } } @media (max-width: 580px) { .alcatraz-ticket #block-blazingsaddles-content form .select-box { min-width: 100% !important; } } .alcatraz-ticket #block-blazingsaddles-content .add-guest-button, .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button { position: relative; width: auto; margin: 0 auto; margin-bottom: 3vh; margin-top: 3vh; } .alcatraz-ticket #block-blazingsaddles-content .add-guest-button button, .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button button { border: 2px solid #f52a53; color: #f52a53; box-shadow: transparent; background: transparent; width: -moz-max-content; width: max-content; position: relative; cursor: pointer; padding-left: calc(3vh + 33px); } .alcatraz-ticket #block-blazingsaddles-content .add-guest-button::before, .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button::before { content: ""; position: absolute; top: 50%; left: 2vh; width: 34px; height: 34px; mask-image: url("/themes/blazingsaddles/css/svgs/new-quest.svg"); -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/new-quest.svg"); background: #f52a53; transform: translateY(-50%); } @media (max-width: 420px) { .alcatraz-ticket #block-blazingsaddles-content .add-guest-button { width: 100%; } .alcatraz-ticket #block-blazingsaddles-content .add-guest-button button { width: 100%; padding-left: 2vh; } .alcatraz-ticket #block-blazingsaddles-content .add-guest-button::before { left: 3vh; } } .alcatraz-ticket #block-blazingsaddles-content .guest-header { width: 100%; } .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button { margin: 0; position: absolute; right: 0; top: 0; z-index: 2; } .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button button { border: 0; padding: 0; padding-right: calc(2vh + 24px); height: 40px; } @media (max-width: 420px) { .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button button { width: 24px; padding: 0; color: transparent; } } .alcatraz-ticket #block-blazingsaddles-content .guest-delete-button::before { left: inherit; width: 24px; right: 0; mask-image: url("/themes/blazingsaddles/css/svgs/dustbin.svg"); -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/dustbin.svg"); background: #f52a53; } .alcatraz-ticket .disclaimer_1, .alcatraz-ticket .disclaimer_2, .alcatraz-ticket .disclaimer_3 { margin-bottom: 3vh; } @media (max-width: 768px) { .alcatraz-ticket .bg-svgs.active { display: none; } } .flatpickr-calendar.open { display: inline-block; z-index: 100000; } .flatpickr-calendar .flatpickr-months .flatpickr-month { height: 50px; } .flatpickr-calendar .flatpickr-current-month { height: 100%; } .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .flatpickr-calendar .flatpickr-months .flatpickr-next-month { top: 10px; } .flatpickr-calendar .flatpickr-day.selected { background: #f52a53; border-color: #f52a53; } .flatpickr-calendar .flatpickr-day.nextMonthDay, .flatpickr-calendar .flatpickr-day.prevMonthDay { color: #393939; } .flatpickr-calendar .flatpickr-day.nextMonthDay.disabled, .flatpickr-calendar .flatpickr-day.prevMonthDay.disabled { color: rgba(57, 57, 57, 0.1); } .flatpickr-calendar .flatpickr-day.nextMonthDay.selected, .flatpickr-calendar .flatpickr-day.prevMonthDay.selected { color: #fff; } .flatpickr-calendar .flatpickr-innerContainer, .flatpickr-calendar .flatpickr-days { overflow: visible; } .flatpickr-day-extra-popup { position: absolute; background: #fff; border: 1px solid #f2f2f2; border-radius: 5px; overflow: hidden; padding: 5px; width: 250px; z-index: 1; line-height: 1rem; left: 50%; transition: all 0.3s ease-in-out; transform: translateX(-50%) scaleY(0); color: #000; } .flatpickr-day.disabled:hover .flatpickr-day-extra-popup { transform: translateX(-50%) scaleY(1); } .node--type-alcatraz-page > header { display: none; } .page-alcatraz-app--text { margin-bottom: 80px; } @media (max-width: 900px) { .page-alcatraz-app--text { margin-bottom: 40px; } } #alcatraz-app .react-datepicker { font-family: "Nunito", sans-serif; } #alcatraz-app .form-error-container--title { font-size: 20px; font-weight: 600; padding-bottom: 20px; color: #f52a53; } #alcatraz-app .form-error-container--item { color: #f52a53; padding: 2px 0; } #alcatraz-app .alcatraz-form { display: flex; justify-content: space-between; } @media (max-width: 900px) { #alcatraz-app .alcatraz-form { flex-wrap: wrap; } } #alcatraz-app .alcatraz-form__sidebar { width: 40%; max-width: 400px; border: 1px solid #f2f2f2; border-radius: 30px; padding: 40px 20px; background: white; max-height: 700px; } #alcatraz-app .alcatraz-form__sidebar.not-all-date-selected { max-height: 600px; } #alcatraz-app .alcatraz-form__sidebar.no-date-selected { max-height: 550px; } @media (max-width: 900px) { #alcatraz-app .alcatraz-form__sidebar { width: 100%; max-width: 100%; margin-bottom: 50px; } } #alcatraz-app .alcatraz-form__sidebar .field-error--date label { color: #f52a53; } #alcatraz-app .alcatraz-form__sidebar .field-error--date input { border-bottom: 1px solid #f52a53 !important; } #alcatraz-app .alcatraz-form__sidebar .field-error--departure label { color: #f52a53; } #alcatraz-app .alcatraz-form__sidebar .field-error--departure .departure-select { border: 1px solid #f52a53; } #alcatraz-app .alcatraz-form__sidebar label strong { color: #f52a53; margin-left: 2px; } #alcatraz-app .alcatraz-form__sidebar--title { font-size: 1.1rem; line-height: 1.1rem; font-weight: 900; color: black; padding: 0 20px; } #alcatraz-app .alcatraz-form__sidebar .departure_time--title { display: flex; align-items: center; } #alcatraz-app .alcatraz-form__sidebar .react-datepicker__input-container { cursor: pointer; margin-top: 10px; } #alcatraz-app .alcatraz-form__sidebar .react-datepicker__input-container::after { cursor: pointer; content: ""; position: absolute; width: 40px; height: 30px; top: calc(50% - 15px); right: 0; mask-image: url("/themes/blazingsaddles/css/svgs/date.svg"); -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/date.svg"); background: #000; transition: all 0.3s ease-in-out; } #alcatraz-app .alcatraz-form__sidebar .react-datepicker__input-container:hover::after { background: #f52a53; } #alcatraz-app .alcatraz-form__sidebar .react-datepicker__input-container input { font-family: "Nunito", sans-serif; cursor: pointer; width: 100%; border: none; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker { width: 100%; padding: 15px 0 0 10px; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker label { position: absolute; font-size: 16px; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker-wrapper { width: 100%; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker { box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker__navigation { top: 15px; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker__current-month { color: rgba(0, 0, 0, 0.54); font-size: 18px; padding: 10px; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker__day-name { color: rgba(0, 0, 0, 0.54); } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker__day { width: 39px; height: 39px; line-height: 39px; margin: auto; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker__day--outside-month { height: 0; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker__day:hover { border-radius: 30px; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker__day--selected { border-radius: 30px; background-color: #f52a53; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker__day--selected:hover { border-radius: 30px; background-color: #f52a53; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker__day--keyboard-selected { border-radius: 30px; background-color: #f52a53; color: white; } #alcatraz-app .alcatraz-form__sidebar .custom-date-picker .react-datepicker__header { background: white; border: none; } #alcatraz-app .alcatraz-form__sidebar .tour-date-picker { border-radius: 30px; padding: 20px; background: white; margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } #alcatraz-app .alcatraz-form__sidebar .tour-date-picker .tour-name { width: 100%; } #alcatraz-app .alcatraz-form__sidebar .tour-date-picker .datepicker-mobile { outline: none; width: 100%; margin-bottom: 0; position: relative; border: 0; border-bottom: 1px solid #d9d9d9; padding: 0 1.2rem; padding-left: 10px; background: transparent; z-index: 1; padding-right: 2.5rem; margin-top: 0; min-height: 45px; font-size: 0.9rem; padding-top: 15px; font-family: "Nunito", sans-serif; cursor: pointer; width: 100%; border: none; } #alcatraz-app .alcatraz-form__sidebar .tour-date-picker .datepicker-mobile.date-selected { color: #000 !important; } #alcatraz-app .alcatraz-form__sidebar .departure-container { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; padding: 10px 0 0 10px; width: 100%; } @media (max-width: 767px) { #alcatraz-app .alcatraz-form__sidebar .departure-container { align-items: flex-end; } } #alcatraz-app .alcatraz-form__sidebar .departure-container__left { width: 50%; } @media (max-width: 900px) { #alcatraz-app .alcatraz-form__sidebar .departure-container__left { width: 75%; } } #alcatraz-app .alcatraz-form__sidebar .departure-container__right { margin-right: 5px; } @media (max-width: 767px) { #alcatraz-app .alcatraz-form__sidebar .departure-container__right { margin-bottom: 9px; } } #alcatraz-app .alcatraz-form__sidebar .departure { margin: 10px 0; width: 100%; position: relative; } #alcatraz-app .alcatraz-form__sidebar .departure-select { height: 40px; padding: 10px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 30px; border: 1px solid #f2f2f2; color: black; font-size: 1.1rem; align-items: center; display: flex; justify-content: center; background: white; cursor: pointer; } @media (max-width: 900px) { #alcatraz-app .alcatraz-form__sidebar .departure-select { font-size: 1rem; } } #alcatraz-app .alcatraz-form__sidebar .departure__list { max-height: 0; overflow: hidden; transition: max-height 0.25s ease-in-out; background: white; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; position: absolute; width: 100%; top: 40px; left: 0; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border: 1px solid #f2f2f2; } #alcatraz-app .alcatraz-form__sidebar .departure__list--time { width: 100%; padding: 5px 10px; display: flex; justify-content: center; font-weight: 600; cursor: pointer; } #alcatraz-app .alcatraz-form__sidebar .departure__list--time:hover { background-color: #f52a53; color: white; } #alcatraz-app .alcatraz-form__sidebar .departure.departure-list-opened .departure-select { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #alcatraz-app .alcatraz-form__sidebar .departure.departure-list-opened .departure__list { max-height: 400px; } #alcatraz-app .alcatraz-form__sidebar .tour-price { display: flex; justify-content: space-between; padding: 10px 15px; } #alcatraz-app .alcatraz-form__sidebar .tour-price--title { font-size: 1.1rem; line-height: 1.1rem; font-weight: 900; color: black; } #alcatraz-app .alcatraz-form__sidebar .tour-price__wrapper { text-align: right; } #alcatraz-app .alcatraz-form__sidebar .tour-price--sum { color: #f52a53; font-weight: 900; font-size: 40px; line-height: 40px; } #alcatraz-app .alcatraz-form__sidebar .tour-price--per-unit { font-size: 1.1rem; line-height: 1.1rem; font-weight: 900; color: black; } #alcatraz-app .alcatraz-form__sidebar--tickets { display: flex; justify-content: space-between; padding: 0 15px; margin-top: 10px; align-items: center; } #alcatraz-app .alcatraz-form__sidebar--tickets .ticket--title { font-size: 1.1rem; line-height: 1.1rem; font-weight: 900; color: black; } #alcatraz-app .alcatraz-form__sidebar--tickets .ticket-counter__wrapper { display: flex; } #alcatraz-app .alcatraz-form__sidebar--tickets .ticket-controller { font-size: 1.5rem; line-height: 1.1rem; font-weight: 900; color: black; display: flex; justify-content: center; align-items: center; cursor: pointer; } #alcatraz-app .alcatraz-form__sidebar--tickets .ticket-controller.counter-disabled { opacity: 0.4; pointer-events: none; } #alcatraz-app .alcatraz-form__sidebar--tickets .ticket-number { width: 50px; height: 40px; padding: 10px; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-radius: 30px; border: 1px solid #f2f2f2; color: black; font-weight: 900; font-size: 1.1rem; align-items: center; display: flex; justify-content: center; margin: 0 10px; background: white; } #alcatraz-app .alcatraz-form__sidebar--max-ticket { display: flex; justify-content: space-between; padding: 0 15px; margin-top: 10px; align-items: center; } #alcatraz-app .alcatraz-form__sidebar--max-ticket .ticket--title { font-size: 16px; line-height: 1.1rem; color: black; } #alcatraz-app .alcatraz-form__sidebar--max-ticket .ticket-number { width: 50px; height: 40px; padding: 10px; text-align: center; font-size: 16px; line-height: 1.1rem; color: black; } #alcatraz-app .alcatraz-form__container { width: 59%; border: 1px solid #f2f2f2; border-radius: 30px; padding: 30px 60px; background: white; } @media (max-width: 900px) { #alcatraz-app .alcatraz-form__container { width: 100%; max-width: 100%; padding: 15px; } } #alcatraz-app .alcatraz-form__container .field-error label { color: #f52a53; } #alcatraz-app .alcatraz-form__container label strong { color: #f52a53; } #alcatraz-app .alcatraz-form__container .form-text { margin-bottom: 5vh; } #alcatraz-app .alcatraz-form__container .form-text-middle { margin-top: 40px; } #alcatraz-app .alcatraz-form__container .button-red { margin-left: auto; cursor: pointer; } #alcatraz-app .alcatraz-form__container .button-icon { position: absolute; width: 30px; height: 30px; left: 3vh; top: 15px; mask-image: url(/themes/blazingsaddles/css/svgs/cart_plus.svg); -webkit-mask-image: url(/themes/blazingsaddles/css/svgs/cart_plus.svg); background: #fff; } #alcatraz-app .alcatraz-form__container label { font-size: 1.1rem; line-height: 1.1rem; font-weight: 900; color: black; } #alcatraz-app .alcatraz-form__container .guest-group { margin-top: 10px; } #alcatraz-app .alcatraz-form__container .guest-group label { font-size: 0.9rem; } #alcatraz-app .alcatraz-form__container .guest-item--title { display: flex; margin-bottom: 10px; } #alcatraz-app .alcatraz-form__container input { font-family: "Nunito", sans-serif; outline: none; width: 100%; margin-bottom: 0; position: relative; border-bottom: 1px solid #d9d9d9; z-index: 1; background: transparent; min-height: 45px; font-size: 1rem; padding-top: 15px; } #alcatraz-app .alcatraz-form__container button { font-family: "Nunito", sans-serif; border: none; background: transparent; color: white; padding-left: 40px; font-size: 17px; cursor: pointer; } #alcatraz-app .alcatraz-form__container form > div { margin-top: 2vh; margin-bottom: 3vh; } #alcatraz-app .country-select { position: relative; } #alcatraz-app .country-select .country-list { max-height: 400px; overflow-y: scroll; display: none; position: absolute; width: 100%; background-color: white; z-index: 6; border: 1px solid lightgray; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); } #alcatraz-app .country-select .country-list.opened { display: block; } #alcatraz-app .country-select .country-list .select-option { padding: 10px; cursor: pointer; } #alcatraz-app .country-select .country-list .select-option:hover { background-color: #f52a53; color: white; } #alcatraz-app .country-select .country-list .selected { background-color: #f52a53; color: white; } #alcatraz-app .field-error--referral-code input { color: #f52a53; } #alcatraz-app .referral-code-invalid { margin-top: 10px; font-weight: bold; color: #f52a53; } #alcatraz-app .react-datepicker-popper { z-index: 66; } .alcatraz-popup { max-width: 100%; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; display: flex; padding: 0 10px; justify-content: center; align-items: center; z-index: 10; background: hsla(0, 0%, 54.9%, 0.4); border-radius: 0; overflow: hidden; } .alcatraz-popup__container { background: #fff; padding: 3vh; max-width: 600px; transition: all 0.5s ease-in-out; position: relative; border-radius: 30px; } .alcatraz-popup__container--text { font-size: 2.2rem; line-height: 2.6rem; font-weight: 400; color: #000; margin: 2.5vh 0; padding-right: 30px; } .alcatraz-popup__container--close { position: relative; display: flex; justify-content: flex-end; font-size: 1.2rem; line-height: 0.6rem; font-weight: 400; color: #000; cursor: pointer; } .page-node-type-blogpost .bg-svgs { display: none; } .page-node-type-blogpost #main .blogpost-header { position: relative; z-index: 0; } .page-node-type-blogpost #main .blogpost-header .blogpost-title { text-align: center; } .page-node-type-blogpost #main .blogpost-header-image { border-radius: 30px; border: 0; position: relative; overflow: hidden; width: 1250px; left: 50%; transform: translateX(-50%); } .page-node-type-blogpost #main .blogpost-header-image .field-header-image { display: block; line-height: 0; } @media (max-width: 1270px) { .page-node-type-blogpost #main .blogpost-header-image { width: calc(100% + 40px); border-radius: 0; } } .page-node-type-blogpost #main .blogpost-main-box { padding: 50px 70px; max-width: 790px; margin: 0 auto; background: #fff; border: 0; border-radius: 30px; margin-top: -120px; z-index: 10; position: relative; background: linear-gradient(180deg, #fff 15%, rgba(228, 227, 227, 0.9019607843)); } .page-node-type-blogpost #main .blogpost-main-box a { -webkit-text-decoration: underline; text-decoration: underline; } .page-node-type-blogpost #main .blogpost-main-box .bigtext-inline { margin-top: 50px; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link { margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item { box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); width: -moz-max-content; width: max-content; min-width: 180px; text-align: center; max-width: calc(50% - 15px); position: relative; flex-wrap: nowrap; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item > * { z-index: 1; position: relative; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item a { color: #fff; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item::before { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item::after { background: linear-gradient(118.97deg, #3664dc 0%, #2b52d1 100%); opacity: 0; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item:hover { box-shadow: 0 10px 30px rgba(54, 100, 220, 0.25); } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item:hover::after { opacity: 1; } @media (max-width: 580px) { .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item { min-width: 0; min-width: initial; max-width: 100%; width: 100%; margin-bottom: 30px; } } @media (max-width: 580px) { .page-node-type-blogpost #main .blogpost-main-box { padding: 10px 20px; margin: -60px auto 0; } } .page-node-type-bikes-and-prices-for-locations .bike-top-right { display: none; } @media (max-width: 900px) { .page-node-type-bikes-and-prices-for-locations #page-content { padding-top: 320px; } } @media (max-width: 900px) { .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow .header-slideshow-pagers { display: flex; padding-top: 20px; } } .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow div.field-slideshow { background: #fff; width: 560px; height: 770px; } .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow div.field-slideshow .slideshow { top: auto; top: initial; transform: none; bottom: 10px; } @media (max-width: 900px) { .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow div.field-slideshow .slideshow img { height: 240px; width: auto; max-width: inherit; } } @media (max-width: 900px) { .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow div.field-slideshow .slideshow { height: 240px; right: 50%; transform: translateX(50%); } } @media (max-width: 1270px) { .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow div.field-slideshow { width: 560px; min-height: 750px; } } @media (max-width: 1024px) { .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow div.field-slideshow { mask-position: bottom right; -webkit-mask-position: bottom right; } } @media (max-width: 900px) { .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow div.field-slideshow { min-height: inherit; height: 240px; mask-image: none; -webkit-mask-image: none; z-index: -1; width: 100%; } } @media (max-width: 1270px) { .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow { max-width: 560px; } } @media (max-width: 1024px) { .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow { max-width: 450px; } } @media (max-width: 900px) { .page-node-type-bikes-and-prices-for-locations .svg-header-slideshow { display: block; max-width: 100%; width: 100%; height: 290px; min-height: 0; -webkit-mask-image: none; overflow: hidden; top: 130px; } } .page-node-type-bikes-and-prices-for-locations .bike-title { padding: 2.5vh 0; width: 48vw; } @media (max-width: 900px) { .page-node-type-bikes-and-prices-for-locations .bike-title { width: 100%; } } .page-node-type-bikes-and-prices-for-locations .bike-price-in-dollar .field-prices { margin-bottom: 30px; align-items: inherit; } .page-node-type-bikes-and-prices-for-locations .bike-price-in-dollar .field-prices .field-item { display: flex; align-items: flex-end; padding-right: 30px; } .page-node-type-bikes-and-prices-for-locations .bike-top { width: 48vw; } .page-node-type-bikes-and-prices-for-locations .bike-top .node--type-bikes-and-prices-for-locations .node__content { display: flex; flex-wrap: wrap; align-items: center; } .page-node-type-bikes-and-prices-for-locations .bike-top .node--type-bikes-and-prices-for-locations .node__content > div { padding-right: 30px; } .page-node-type-bikes-and-prices-for-locations .bike-top .node--type-bikes-and-prices-for-locations .node__content > div:last-child { padding-right: 0; } .page-node-type-bikes-and-prices-for-locations .bike-top .bike-title { color: #004ec8; font-size: 4rem; font-weight: 900; margin-bottom: 20px; width: 48vw; } .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-title, .page-node-type-bikes-and-prices-for-locations .bike-top .bike-rental-prices-title, .page-node-type-bikes-and-prices-for-locations .bike-top .bike-stores-title { color: #004ec8; font-size: 3rem; font-weight: 900; margin-top: 30px; margin-bottom: 20px; line-height: 1.4; } .page-node-type-bikes-and-prices-for-locations .bike-top .bike-details { margin: 30px 0 0; } .page-node-type-bikes-and-prices-for-locations .bike-top .node--type-bikes-and-prices-for-locations header { display: none; } .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: flex-start; } .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .bike-specs { width: 50%; } .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .bike-specs.specs-left { padding-right: 15px; } @media (max-width: 768px) { .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .bike-specs.specs-left { padding: 0; } } .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .bike-specs.specs-right { padding-left: 15px; } @media (max-width: 768px) { .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .bike-specs.specs-right { padding: 0; } } @media (max-width: 768px) { .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .bike-specs { width: 100%; padding: 0; } } .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .paragraph { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: flex-start; } .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .paragraph .field-spec-name { min-width: 160px; color: #452e26; font-weight: 900; font-size: 18px; margin-bottom: 20px; padding-right: 20px; } @media (max-width: 420px) { .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .paragraph .field-spec-name { width: 100%; padding-right: 0; margin-bottom: 5px; } } .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .paragraph .field-spec-detail { margin-bottom: 20px; } @media (max-width: 420px) { .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .paragraph .field-spec-detail { width: 100%; } } @media (max-width: 420px) { .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group .paragraph { flex-wrap: wrap; } } @media (max-width: 1150px) { .page-node-type-bikes-and-prices-for-locations .bike-top .bike-specs-group { width: calc(100vw - 80px); } } @media (max-width: 1150px) { .page-node-type-bikes-and-prices-for-locations .bike-top { width: calc(100% - 550px); } } @media (max-width: 1024px) { .page-node-type-bikes-and-prices-for-locations .bike-top { width: 48vw; } } @media (max-width: 900px) { .page-node-type-bikes-and-prices-for-locations .bike-top { width: 100%; } } .node--type-promption-blocks .promotion-block-link { margin-top: 5vh; } .node--type-promption-blocks .field-boxes img { max-width: none; max-width: initial; } .node--type-promption-blocks .field-boxes a { display: block; } .node--type-promption-blocks .field-boxes .block-box-info { margin: 0 auto; margin-top: 2vh; } .node--type-promption-blocks .field-boxes .block-box-buttons { margin-top: 4vh; height: 0; transform: scaleY(0); transition: all 0.3s ease-in-out; width: 100%; } .node--type-promption-blocks .field-boxes .block-box-buttons .field-icon-with-link-and-title { width: 100%; } @media (max-width: 420px) { .node--type-promption-blocks .field-boxes .block-box-buttons .field-icon-with-link-and-title { margin-top: 15px; } } .node--type-promption-blocks .field-boxes .block-box-buttons .field-icon-with-link-and-title .field-item { width: 50%; } @media (max-width: 420px) { .node--type-promption-blocks .field-boxes .block-box-buttons .field-icon-with-link-and-title .field-item a { display: flex; flex-wrap: wrap; } } @media (max-width: 420px) { .node--type-promption-blocks .field-boxes .block-box-buttons .field-icon-with-link-and-title .field-item a .link-text { width: 100%; } } .node--type-promption-blocks .field-boxes .block-box-buttons a .link-text, .node--type-promption-blocks .field-boxes .block-box-buttons a img { margin: 0 5px; } .node--type-promption-blocks .field-boxes .block-box-buttons a svg { width: 35px; height: 35px; } .node--type-promption-blocks .field-boxes .block-box-buttons a svg path { fill: #fff; } @media (max-width: 420px) { .node--type-promption-blocks .field-boxes .block-box-buttons { margin-top: 1vh; } } .node--type-promption-blocks .field-boxes .block-box-background { line-height: 0; position: relative; } .node--type-promption-blocks .field-boxes .block-box-background::after { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); opacity: 0; } .node--type-promption-blocks .field-boxes .block-box-background::before { background: linear-gradient(180deg, rgba(54, 100, 220, 0) 0%, rgba(22, 34, 75, 0.7) 100%); } .node--type-promption-blocks .field-boxes > .field-item { width: 50%; margin: 0 15px; position: relative; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); } .node--type-promption-blocks .field-boxes > .field-item:hover { box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); } .node--type-promption-blocks .field-boxes > .field-item:hover .block-box-buttons { height: 30px; transform: scaleY(1); } .node--type-promption-blocks .field-boxes > .field-item:hover .block-box-background::after { opacity: 0.7; } @media (max-width: 768px) { .node--type-promption-blocks .field-boxes > .field-item { max-width: 540px; width: 100%; margin: 0; margin-bottom: 3.5vh; } .node--type-promption-blocks .field-boxes > .field-item :first-child { margin-bottom: 0; } } .node--type-promption-blocks .field-boxes .block-box-content { position: absolute; width: 100%; text-align: center; top: 50%; left: 0; padding: 0 15px; transform: translateY(-50%); } .node--type-promption-blocks .field-boxes .block-box-title { margin: 0 auto; } .page-node-type-event-tour .event-main-box > .event-content .field-lead { display: none; } @media (max-width: 768px) { .page-node-type-event-tour .svg-header-fading { display: block; max-width: 100%; width: 100%; height: 240px; min-height: 0; mask-image: none; -webkit-mask-image: none; overflow: hidden; top: 80px; } .page-node-type-event-tour .svg-header-fading::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; z-index: 1; background: linear-gradient(180deg, rgba(54, 100, 220, 0) 0%, rgba(22, 34, 75, 0.7) 100%); } .page-node-type-event-tour .svg-header-fading.mobile-image-on .bg-image { display: none; } .page-node-type-event-tour .svg-header-fading.mobile-image-on .bg-mobile-image { display: block; } .page-node-type-event-tour #page-content { padding-top: 320px; } .page-node-type-event-tour #page-content > header { padding: 0; } .page-node-type-event-tour #page-content #main-wrapper { margin-top: -100px; } .page-node-type-event-tour .event-tour-lead { display: none; } .page-node-type-event-tour .event-main-box > .event-content .field-lead { display: block; } .page-node-type-event-tour .event-tour-title { color: #fff; width: 100%; text-align: center; font-size: 1.8rem; line-height: 2rem; padding: 0 20px; } .page-node-type-event-tour .event-tour-header { margin: 0; position: absolute; bottom: calc(100% + 3vh); left: 0; } } .event-main-box .event-tour-sidebar { /* @extend %border-radius-style; @extend %border-one-grey; */ /* background: $color-white; padding: 3vh; max-width: 255px; */ width: 250px; margin-bottom: 20px; } .event-main-box .event-tour-sidebar h2 { line-height: 1.1rem; } @media (max-width: 768px) { .event-main-box .event-tour-sidebar { max-width: 100%; width: 100%; } } .event-main-box .event-tour-sidebar .inner-wrapper-sticky { background: #fff; padding: 3vh; width: 250px; } .event-main-box .event-content { width: calc(100% - 285px); margin-left: 30px; } @media (max-width: 768px) { .event-main-box .event-content { margin-left: 0; max-width: 100%; width: 100%; margin-top: 5vh; } } .event-main-box .event-main-content { align-items: initial; position: relative; width: 100%; margin-left: 0; padding: 4.3vh; padding-left: 7vh; background: #fff; border: 1px solid #f2f2f2; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); margin-bottom: 5vh; } .event-main-box .event-main-content > div { width: 100%; } @media (max-width: 768px) { .event-main-box .event-main-content { padding: 3vh; } } .event-main-box.sticky-down .event-content { width: 100%; margin-left: 285px; } .event-main-box.sticky-down .event-content .event-main-content { margin-left: 0; } @media (max-width: 768px) { .event-main-box.sticky-down .event-content { margin-left: 0; } } .event-main-box .event-highlight .link-text { margin-top: 5vh; max-width: calc(100% - 165px); min-height: 135px; position: relative; } .event-main-box .event-highlight .link-text img { max-width: 150px; margin-left: 15px; position: absolute; left: 100%; } @media (max-width: 420px) { .event-main-box .event-highlight .link-text img { position: relative; left: 0; margin-left: 0; margin-top: 3vh; } } @media (max-width: 420px) { .event-main-box .event-highlight .link-text { justify-content: center; max-width: 100%; min-height: 0; } } .event-main-box .reserve-tour { margin-bottom: 2vh; width: 100%; } .event-main-box .reserve-now-button { z-index: 1; padding: 1.1vh 1.1vh; width: 100%; } .event-main-box .reserve-now-button div { max-width: 106px; } .event-main-box .reserve-now-button::after, .event-main-box .reserve-now-button::before { z-index: -1; } .event-main-box .register-button { width: 100%; } .event-main-box .register-button .button-transparent { width: 100%; padding: 1.1vh 1.1vh; /* &::before { @extend %mask-left-center; content: ""; position: relative; height: 30px; width: 35px; margin-right: 15px; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/register-now.svg"); background: $color-light-red; transition: all .3s ease-in-out; } &:hover { &::before { background: $color-white; } } */ } .event-main-box .register-button .button-transparent::after { z-index: -1; } .rentable-bikes-wrapper { width: 100%; } .rentable-bikes-wrapper .rentable-bikes-title { margin-bottom: 4vh; } .rentable-bikes-wrapper .field-rentable-bikes { align-items: initial; margin: 0 -10px; width: calc(100% + 20px); } @media (max-width: 768px) { .rentable-bikes-wrapper .field-rentable-bikes { justify-content: center; } } .rentable-bikes-wrapper .field-item { max-width: 400px; width: 100%; margin: 0 10px; margin-bottom: 20px; background: #fff; text-align: center; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); flex: 0 1 auto; } .rentable-bikes-wrapper .field-item > .node.bike { position: relative; overflow: hidden; width: 100%; padding: 10px; padding-bottom: 20px; } .rentable-bikes-wrapper .field-item:hover .book-now-bike { opacity: 1; z-index: 0; top: 150px; } .rentable-bikes-wrapper .bike-image { padding: 10px; } .rentable-bikes-wrapper .bike-name { font-size: 1.6rem; margin: 1.5vh 0; padding: 0 20px; } @media (max-width: 420px) { .rentable-bikes-wrapper .bike-name { font-size: 1.3rem; } } .rentable-bikes-wrapper .bike-slogen, .rentable-bikes-wrapper .bike-before-price { font-size: 0.9rem; } @media (max-width: 420px) { .rentable-bikes-wrapper .bike-slogen, .rentable-bikes-wrapper .bike-before-price { font-size: 0.7rem; padding: 0 20px; } } .rentable-bikes-wrapper .view-bike-prices { margin-top: 5px; text-align: center; font-weight: 900; font-size: 0.9rem; } .rentable-bikes-wrapper .view-bike-prices .bike-price-in-dollar { height: 100%; } .video-block .video-block-image { position: relative; background: rgba(54, 100, 220, 0.25); } .video-block .video-block-image img { transition: all 0.3s ease-in-out; opacity: 1; } .video-block .video-block-image::after { content: ""; position: absolute; top: 50%; left: calc(50% + 2px); width: 20px; height: 23px; padding-left: 3px; transform: translateX(-50%) translateY(-50%); background: url("/themes/blazingsaddles/css/images/youtubeicon.png"); background-size: 20px 23px; opacity: 0; transition: all 0.3s ease-in-out; z-index: 1; } @media (max-width: 1024px) { .video-block .video-block-image::after { opacity: 1; } } .video-block .video-block-image::before { content: ""; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; transform: translateX(-50%) translateY(-50%); background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); opacity: 0; transition: all 0.3s ease-in-out; z-index: 1; } @media (max-width: 1024px) { .video-block .video-block-image::before { opacity: 1; } } .video-block .video-block-left { width: calc(100% - 730px); padding: 4vh; padding-right: 40px; padding-left: 0; } @media (max-width: 1300px) { .video-block .video-block-left { width: 100%; padding: 4vh; padding-right: 0; padding-left: 0; } } .video-block .video-block-right { max-width: 730px; width: 100%; position: relative; } .video-block .video-block-right:hover .video-block-image::after, .video-block .video-block-right:hover .video-block-image::before { opacity: 1; } .video-block .video-block-right:hover .video-block-image img { opacity: 0.5; } @media (max-width: 1024px) { .video-block .video-block-right .video-block-image img { opacity: 0.5; } } .video-block .video-title { margin-bottom: 5vh; } .video-block .popup-link { background: #000; padding: 1.8vh 2.8vh; display: block; } @media (max-width: 1024px) { .video-block .popup-link { background: transparent; padding: 0; display: flex; } } .video-block .popup-link img { width: 100%; } @media (max-width: 1024px) { .video-block .popup-link img { height: 100%; } } #block-views-block-something-for-everyone-block-1 .sfe-block { margin: 0 auto; } #block-views-block-something-for-everyone-block-1 .sfe-block > .sfe-title { max-width: 750px; margin: 0 auto; width: 100%; text-align: center; padding-bottom: 3vh; } #block-views-block-something-for-everyone-block-1 .sfe-block > .sfe-description { max-width: 750px; margin: 0 auto; width: 100%; text-align: center; } #block-views-block-something-for-everyone-block-1 .sfe-block ul { padding-left: 0; width: 100%; margin-top: 5vh; } #block-views-block-something-for-everyone-block-1 .sfe-block li { list-style: none; width: calc(33.3333333333% - 20px); position: relative; margin-bottom: 30px; line-height: 0; } #block-views-block-something-for-everyone-block-1 .sfe-block li::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.3; background: #16224b; transition: all 0.3s ease-in-out; } #block-views-block-something-for-everyone-block-1 .sfe-block li .sfe-title { position: absolute; top: 0; left: 0; text-align: center; height: calc(50% + 20px); width: 100%; } #block-views-block-something-for-everyone-block-1 .sfe-block li .sfe-button { position: absolute; opacity: 0; bottom: 70px; left: 50%; text-align: center; transform: translateX(-50%); transition: opacity 0.3s ease-in-out; } #block-views-block-something-for-everyone-block-1 .sfe-block li .sfe-button a { position: relative; } #block-views-block-something-for-everyone-block-1 .sfe-block li .sfe-button a::before { content: ""; margin-right: 15px; width: 33px; height: 20px; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/starts-at.svg"); background: #fff; } #block-views-block-something-for-everyone-block-1 .sfe-block li:hover .sfe-button { opacity: 1; } #block-views-block-something-for-everyone-block-1 .sfe-block li:hover::before { opacity: 0.6; background: #f52a53; } #block-views-block-something-for-everyone-block-1 .sfe-block a { color: #fff; } .tour-title h2 { color: #004ec8; font-size: 2.3rem; line-height: 2.5rem; font-weight: 900; } .view-tour-category-header .blue-title { font-size: 4rem; line-height: 4rem; } @media (max-width: 768px) { .view-tour-category-header .blue-title { font-size: 3.5rem; line-height: 3.5rem; } } @media (max-width: 580px) { .view-tour-category-header .blue-title { font-size: 3rem; line-height: 3rem; } } #block-views-block-tours-in-category-block-1 .view-footer p:first-child { padding-top: 30px; } #block-views-block-tours-in-category-block-1 .tour-right { width: 285px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } #block-views-block-tours-in-category-block-1 .tour-right::after { background: linear-gradient(180deg, rgba(54, 100, 220, 0) 0%, rgba(22, 34, 75, 0.7) 100%); opacity: 0; top: 0; } @media (max-width: 1024px) { #block-views-block-tours-in-category-block-1 .tour-right::after { opacity: 0.7; } } #block-views-block-tours-in-category-block-1 .views-row { margin-bottom: 20px; } #block-views-block-tours-in-category-block-1 .views-row:last-child { margin-bottom: 0; } #block-views-block-tours-in-category-block-1 .one-tour { align-items: initial; position: relative; width: 100%; background: #fff; border: 1px solid #f2f2f2; box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); } #block-views-block-tours-in-category-block-1 .one-tour > * { order: 0; flex: 0 1 auto; position: relative; overflow: hidden; min-width: 285px; } #block-views-block-tours-in-category-block-1 .one-tour .tour-left { padding: 4.3vh; } #block-views-block-tours-in-category-block-1 .one-tour .tour-left > * { margin-bottom: 2vh; } #block-views-block-tours-in-category-block-1 .one-tour .tour-left > *:last-child { margin-bottom: 0; } #block-views-block-tours-in-category-block-1 .one-tour:hover .tour-right::after { opacity: 0.7; } #block-views-block-tours-in-category-block-1 .one-tour:hover .tour-right .tour-hover { opacity: 1; } #block-views-block-tours-in-category-block-1 .tour-images { height: 100%; width: 285px; position: absolute; } #block-views-block-tours-in-category-block-1 .tour-images .destop-image { max-width: none; max-width: initial; transition: all 0.3s ease-in-out; transform: translateY(-50%); top: 50%; position: relative; } #block-views-block-tours-in-category-block-1 .tour-images .mobile-cover-image { display: none; max-width: none; max-width: initial; transition: all 0.3s ease-in-out; transform: translateX(-50%); top: 0; left: 50%; position: relative; width: 768px; } @media (max-width: 1024px) { #block-views-block-tours-in-category-block-1 .tour-images { width: 100%; } #block-views-block-tours-in-category-block-1 .tour-images img { width: 100%; } #block-views-block-tours-in-category-block-1 .tour-images.mobile-cover-on .destop-image { display: none; } #block-views-block-tours-in-category-block-1 .tour-images.mobile-cover-on .mobile-cover-image { display: block; } } #block-views-block-tours-in-category-block-1 .tour-inform > * { position: relative; padding: 15px 0; padding-left: 50px; } #block-views-block-tours-in-category-block-1 .tour-inform > *::after { top: 0; left: 0; height: 100%; width: 25px; } #block-views-block-tours-in-category-block-1 .tour-inform > *.start::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/starts-at.svg"); background: #000; } #block-views-block-tours-in-category-block-1 .tour-inform > *.approx-time::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/clock.svg"); background: #000; } #block-views-block-tours-in-category-block-1 .tour-inform > *.level::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/level.svg"); background: #000; } #block-views-block-tours-in-category-block-1 .tour-inform > *.distance::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/distance.svg"); background: #000; } #block-views-block-tours-in-category-block-1 .tour-hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; min-width: 200px; opacity: 0; transition: all 0.3s ease-in-out; } #block-views-block-tours-in-category-block-1 .tour-hover a { color: #fff; } #block-views-block-tours-in-category-block-1 .tour-bottom > div { width: 50%; } @media (max-width: 580px) { #block-views-block-tours-in-category-block-1 .tour-bottom > div { width: 100%; } } @media (max-width: 580px) { #block-views-block-tours-in-category-block-1 .tour-bottom .button-transparent.call-to-reserve::before { margin-top: -5px; } } @media (max-width: 580px) { #block-views-block-tours-in-category-block-1 .tour-bottom { border-top: 1px solid #f2f2f2; } } @media (max-width: 580px) { #block-views-block-tours-in-category-block-1 .tour-bottom .tour-call-to-reserve { margin-bottom: 10px; } } @media (max-width: 580px) { #block-views-block-tours-in-category-block-1 .tour-bottom .tour-call-to-reserve .pay-book-text { margin-top: -5px; } } #block-views-block-tours-in-category-block-1 .tour-reserve { max-width: 200px; } #block-views-block-tours-in-category-block-1 .tour-reserve .pay-book-text { width: 55%; display: flex; justify-content: center; align-content: center; text-align: center; } @media (max-width: 580px) { #block-views-block-tours-in-category-block-1 .tour-reserve { max-width: 100%; order: 1; } } #block-views-block-tours-in-category-block-1 .tour-prices .view-content, #block-views-block-tours-in-category-block-1 .tour-prices ul { align-items: flex-end; padding-left: 0; } #block-views-block-tours-in-category-block-1 .tour-prices .view-content .views-row, #block-views-block-tours-in-category-block-1 .tour-prices ul .views-row { margin-left: 25px; list-style-type: none; } #block-views-block-tours-in-category-block-1 .tour-prices .view-content li, #block-views-block-tours-in-category-block-1 .tour-prices ul li { margin-left: 25px; list-style-type: none; } #block-views-block-tours-in-category-block-1 .tour-prices .view-content li::before, #block-views-block-tours-in-category-block-1 .tour-prices ul li::before { display: none; } @media (max-width: 580px) { #block-views-block-tours-in-category-block-1 .tour-prices .view-content li, #block-views-block-tours-in-category-block-1 .tour-prices ul li { margin-left: 0; margin-right: 25px; } } @media (max-width: 580px) { #block-views-block-tours-in-category-block-1 .tour-prices .view-content, #block-views-block-tours-in-category-block-1 .tour-prices ul { margin-bottom: 3vh; } } #block-views-block-tours-in-category-block-1 .price-time { margin-top: 5px; } @media (max-width: 1024px) { #block-views-block-tours-in-category-block-1 .one-tour .tour-left { z-index: 1; padding-top: calc(160px + 4.3vh); min-width: 0; min-width: initial; } #block-views-block-tours-in-category-block-1 .one-tour .tour-title { position: absolute; bottom: calc(100% - 145px); left: 4.3vh; margin-bottom: 0; max-width: calc(100% - 8.3vh); } #block-views-block-tours-in-category-block-1 .one-tour .tour-title a { color: #fff; } #block-views-block-tours-in-category-block-1 .tour-right { position: absolute; width: 100%; top: 0; left: 0; height: 160px; z-index: 0; border-bottom-right-radius: 0; border-top-left-radius: 30px; } #block-views-block-tours-in-category-block-1 .tour-hover { display: none; } } @media (max-width: 768px) { #block-views-block-tours-in-category-block-1 { padding: 0; } } @media (max-width: 768px) { #block-blazingsaddles-content > div.content > div > div.tour-header > div.tour-header-left > div.tour-title { margin-bottom: 3vh; position: absolute; bottom: calc(100% + 4vh); width: 100%; left: 0; z-index: 10; bottom: calc(100% + 6vh); } #block-blazingsaddles-content > div.content > div > div.tour-header > div.tour-header-left > div.tour-title h1 { color: #fff; width: 100%; text-align: center; font-size: 1.5rem; line-height: 1.8rem; padding: 0 20px; } } .page-node-type-tour-package #block-blazingsaddles-content > .content, .page-node-type-tour #block-blazingsaddles-content > .content { width: 100%; } .page-node-type-tour-package #block-blazingsaddles-content .tour-header, .page-node-type-tour #block-blazingsaddles-content .tour-header { max-width: 60%; } @media (max-width: 768px) { .page-node-type-tour-package #block-blazingsaddles-content .tour-header, .page-node-type-tour #block-blazingsaddles-content .tour-header { max-width: 100%; } } .page-node-type-tour-package #block-blazingsaddles-content .node--type-tour .tour-header, .page-node-type-tour #block-blazingsaddles-content .node--type-tour .tour-header { max-width: 600px; } @media (max-width: 1024px) { .page-node-type-tour-package #block-blazingsaddles-content .node--type-tour .tour-header, .page-node-type-tour #block-blazingsaddles-content .node--type-tour .tour-header { max-width: 60%; padding: 0; } } @media (max-width: 768px) { .page-node-type-tour-package #block-blazingsaddles-content .node--type-tour .tour-header, .page-node-type-tour #block-blazingsaddles-content .node--type-tour .tour-header { max-width: 100%; } } .page-node-type-tour-package #block-blazingsaddles-content .tour-header-left > div, .page-node-type-tour #block-blazingsaddles-content .tour-header-left > div { margin-bottom: 3vh; } .page-node-type-tour-package #block-blazingsaddles-content .tour-header-left > div .ajax-progress, .page-node-type-tour #block-blazingsaddles-content .tour-header-left > div .ajax-progress { display: none; } .page-node-type-tour-package #block-blazingsaddles-content .tour-header-left > div:last-child, .page-node-type-tour #block-blazingsaddles-content .tour-header-left > div:last-child { margin-bottom: 0; } .page-node-type-tour-package #block-blazingsaddles-content .tour-price-and-pay > div, .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div, .page-node-type-tour #block-blazingsaddles-content .tour-price-and-pay > div, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div { width: 50%; } .page-node-type-tour-package #block-blazingsaddles-content .tour-price-and-pay > div.tour-prices, .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div.tour-prices, .page-node-type-tour #block-blazingsaddles-content .tour-price-and-pay > div.tour-prices, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div.tour-prices { width: 100%; margin-bottom: 20px; } .page-node-type-tour-package #block-blazingsaddles-content .tour-title h1, .page-node-type-tour #block-blazingsaddles-content .tour-title h1 { color: #004ec8; } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div { padding: 15px 0; padding-left: 50px; position: relative; } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div::after, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div::after { top: 0; left: 0; height: 100%; width: 25px; } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div > div, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div > div { position: relative; } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div > div.field-title::after, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div > div.field-title::after { content: ":"; position: relative; margin-right: 5px; } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div.field-starts::after, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div.field-starts::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/starts-at.svg"); background: #000; } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div.field-approx-time::after, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div.field-approx-time::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/clock.svg"); background: #000; } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div.field-level::after, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div.field-level::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/level.svg"); background: #000; } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div.field-distance::after, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div.field-distance::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/distance.svg"); background: #000; } .page-node-type-tour-package #block-blazingsaddles-content .tour-reserve, .page-node-type-tour #block-blazingsaddles-content .tour-reserve { max-width: 250px; } .page-node-type-tour-package #block-blazingsaddles-content .tour-lists, .page-node-type-tour #block-blazingsaddles-content .tour-lists { width: 100%; margin-top: 5vh; margin-bottom: 5vh; } .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div { width: calc(33% - 30px); margin: 0 15px; background: #fff; padding: 3.5vh; padding-top: 120px; position: relative; } .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div::after, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div::after { top: 30px; left: 30px; width: calc(100% - 60px); min-width: 250px; height: 60px; background: #004ec8; } .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div.point-of-interest::after, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div.point-of-interest::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/points.svg"); } .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div.what-is-included::after, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div.what-is-included::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/included.svg"); } .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div.insider-tips::after, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div.insider-tips::after { -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/insider.svg"); } @media (max-width: 1024px) { .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div { width: calc(50% - 30px); } } @media (max-width: 768px) { .page-node-type-tour-package #block-blazingsaddles-content .tour-lists > div, .page-node-type-tour #block-blazingsaddles-content .tour-lists > div { width: 100%; margin: 0; margin-bottom: 3vh; } } .page-node-type-tour-package #block-blazingsaddles-content .tour-lists .field-title, .page-node-type-tour #block-blazingsaddles-content .tour-lists .field-title { margin-bottom: 2vh; } .page-node-type-tour-package #block-blazingsaddles-content .tour-lists .field-list > div, .page-node-type-tour #block-blazingsaddles-content .tour-lists .field-list > div { position: relative; -webkit-text-decoration: none; text-decoration: none; cursor: pointer; line-height: 2rem; margin-left: 30px; cursor: auto; cursor: initial; } .page-node-type-tour-package #block-blazingsaddles-content .tour-lists .field-list > div::before, .page-node-type-tour #block-blazingsaddles-content .tour-lists .field-list > div::before { content: ""; position: absolute; left: -25px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; border: 3px solid #f52a53; } .page-node-type-tour-package #block-blazingsaddles-content .tour-lists .field-list > div::before, .page-node-type-tour #block-blazingsaddles-content .tour-lists .field-list > div::before { top: 16px; } .page-node-type-tour-package #block-blazingsaddles-content .tour-slideshow, .page-node-type-tour #block-blazingsaddles-content .tour-slideshow { display: none; } .page-node-type-tour-package #block-blazingsaddles-content .prices, .page-node-type-tour #block-blazingsaddles-content .prices { padding: 10px 0; } .page-node-type-tour-package #block-blazingsaddles-content .bike-price-in-dollar .price-time, .page-node-type-tour #block-blazingsaddles-content .bike-price-in-dollar .price-time { margin-left: 10px; position: relative; } .page-node-type-tour-package #block-blazingsaddles-content .bike-price-in-dollar .price-time::before, .page-node-type-tour #block-blazingsaddles-content .bike-price-in-dollar .price-time::before { content: "/"; position: relative; padding-right: 5px; } .page-node-type-tour-package .node--id-131 #block-blazingsaddles-content .node--type-tour .tour-header-left > div { margin-bottom: 0; } .page-node-type-tour-package .node--id-131 #block-blazingsaddles-content .field-tours-for-type > .field-item { margin-bottom: 5vh; } .page-node-type-tour-type .bg-svgs, .page-node-type-tour-package .bg-svgs, .page-node-type-tour .bg-svgs { display: none; } .page-node-type-tour-type #page-content > header #before-content > .section, .page-node-type-tour-package #page-content > header #before-content > .section, .page-node-type-tour #page-content > header #before-content > .section { padding: 0; margin-bottom: -20px; } @media (max-width: 1024px) { .page-node-type-tour-type #page-content > header #before-content > .section, .page-node-type-tour-package #page-content > header #before-content > .section, .page-node-type-tour #page-content > header #before-content > .section { margin-top: 0; margin-bottom: 0; } } .page-node-type-tour-type #page-content > header #before-content > .section #block-blazingsaddles-breadcrumbs, .page-node-type-tour-package #page-content > header #before-content > .section #block-blazingsaddles-breadcrumbs, .page-node-type-tour #page-content > header #before-content > .section #block-blazingsaddles-breadcrumbs { max-width: 100%; padding: 0 40px; } @media (max-width: 1024px) { .page-node-type-tour-type #page-content > header #before-content > .section #block-blazingsaddles-breadcrumbs, .page-node-type-tour-package #page-content > header #before-content > .section #block-blazingsaddles-breadcrumbs, .page-node-type-tour #page-content > header #before-content > .section #block-blazingsaddles-breadcrumbs { padding: 0 20px; } } .page-node-type-tour-type #page-content > header #before-content > .section .views-element-container, .page-node-type-tour-package #page-content > header #before-content > .section .views-element-container, .page-node-type-tour #page-content > header #before-content > .section .views-element-container { max-width: 100%; } .page-node-type-tour-package, .page-node-type-tour { /* .svg-header-slideshow { @include media("<=small-tablet") { display: block; } @include media("<=bigphone") { max-width: 100%; width: 100%; height: 240px; min-height: 0; -webkit-mask-image: none; overflow: hidden; top: 80px; >div { position: relative; width: 100%; height: 100%; .slideshow { top: 0; width: 100%; transform: translateY(0px); } } img { width: 100%; } &::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.2s ease-in-out; z-index: 0; background: $overflow-gradient; } } } */ } .page-node-type-tour-package #main-wrapper, .page-node-type-tour #main-wrapper { padding-top: 2vh; padding-bottom: 5vh; } @media (max-width: 900px) { .page-node-type-tour-package #block-blazingsaddles-content .tour-header-left > div:last-child, .page-node-type-tour #block-blazingsaddles-content .tour-header-left > div:last-child { width: calc(100vw - 60px); margin-bottom: 0; } } @media (max-width: 768px) { .page-node-type-tour-package #block-blazingsaddles-content .tour-header-left, .page-node-type-tour #block-blazingsaddles-content .tour-header-left { /* .tour-body { iframe { width: 280px; height: 200px; } } */ } .page-node-type-tour-package #block-blazingsaddles-content .tour-header-left > div:last-child, .page-node-type-tour #block-blazingsaddles-content .tour-header-left > div:last-child { width: 100%; } .page-node-type-tour-package #block-blazingsaddles-content .node--type-tour-package > .tour-header .tour-title, .page-node-type-tour #block-blazingsaddles-content .node--type-tour-package > .tour-header .tour-title { position: absolute; bottom: calc(100% + 6vh); width: 100%; left: 0; z-index: 10; } .page-node-type-tour-package #block-blazingsaddles-content .node--type-tour-package > .tour-header .tour-title h1, .page-node-type-tour #block-blazingsaddles-content .node--type-tour-package > .tour-header .tour-title h1 { color: #fff; width: 100%; text-align: center; font-size: 2rem; line-height: 2.3rem; padding: 0 20px; } } @media (max-width: 580px) { .page-node-type-tour-package #block-blazingsaddles-content .tour-inform, .page-node-type-tour #block-blazingsaddles-content .tour-inform { padding: 0 10px; padding-bottom: 2vh; margin-bottom: 2vh; border-bottom: 1px solid #f2f2f2; } .page-node-type-tour-package #block-blazingsaddles-content .tour-inform > div, .page-node-type-tour #block-blazingsaddles-content .tour-inform > div { width: 100%; font-size: 1.1rem; } .page-node-type-tour-package #block-blazingsaddles-content .field-prices, .page-node-type-tour #block-blazingsaddles-content .field-prices { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } .page-node-type-tour-package #block-blazingsaddles-content .field-prices .field-item, .page-node-type-tour #block-blazingsaddles-content .field-prices .field-item { width: 50%; margin-top: auto; } .page-node-type-tour-package #block-blazingsaddles-content .tour-price-and-pay > div, .page-node-type-tour #block-blazingsaddles-content .tour-price-and-pay > div { width: 100%; max-width: 100%; margin-bottom: 2vh; } .page-node-type-tour-package #block-blazingsaddles-content .tour-price-and-pay > div.tour-prices, .page-node-type-tour #block-blazingsaddles-content .tour-price-and-pay > div.tour-prices { padding: 0 10px; } .page-node-type-tour-package #block-blazingsaddles-content .tour-price-and-pay > div .button-red, .page-node-type-tour-package #block-blazingsaddles-content .tour-price-and-pay > div .button-blue, .page-node-type-tour #block-blazingsaddles-content .tour-price-and-pay > div .button-red, .page-node-type-tour #block-blazingsaddles-content .tour-price-and-pay > div .button-blue { width: 100%; } } .page-node-type-tour-type .category-list .view-footer { width: 100%; padding-top: 3vh; margin-top: 2vh; border-top: 1px solid #d9d9d9; } .page-node-type-tour-type .category-list .view-footer .button-red { margin: 0 auto; } .page-node-type-tour-type .category-list .view-footer .button-icon { width: 30px; height: 35px; margin-right: 10px; -webkit-mask-image: url("/themes/blazingsaddles/css/svgs/promenade.svg"); mask-image: url("/themes/blazingsaddles/css/svgs/promenade.svg"); background: #fff; transition: all 0.2s ease-in-out; z-index: 1; } /* .header-sticky { #block-views-block-locations-without-map-block-1 .view-header { top: 80px; max-height: calc(100vh - 80px); } } */ .block-views-blocklocations-without-map-block-1 .block-title, .block-views-blocklocations-without-map-block-2 .block-title { max-width: 1260px; margin: 0 auto; position: relative; margin-bottom: 3vh; } .block-views-blocklocations-without-map-block-1 .block-title h1, .block-views-blocklocations-without-map-block-2 .block-title h1 { color: #004ec8; font-size: 3rem; line-height: 3.3rem; font-weight: 900; } #block-views-block-locations-without-map-block-1, #block-blazingsaddles-views-block-locations-without-map-block-2 { width: 100%; } #block-views-block-locations-without-map-block-1 > .content, #block-blazingsaddles-views-block-locations-without-map-block-2 > .content { width: 100%; } #block-views-block-locations-without-map-block-1 .view-content, #block-blazingsaddles-views-block-locations-without-map-block-2 .view-content { width: 50%; min-width: 635px; } @media (max-width: 1300px) { #block-views-block-locations-without-map-block-1 .view-content, #block-blazingsaddles-views-block-locations-without-map-block-2 .view-content { min-width: 0; min-width: initial; } } @media (max-width: 900px) { #block-views-block-locations-without-map-block-1 .view-content, #block-blazingsaddles-views-block-locations-without-map-block-2 .view-content { width: 100%; } } #block-views-block-locations-without-map-block-1 .view-header, #block-blazingsaddles-views-block-locations-without-map-block-2 .view-header { height: 100%; max-height: 100%; max-width: 50%; width: 100%; position: absolute; right: 0; top: 0; padding-left: 40px; transition: all 0.3s ease-in-out; } #block-views-block-locations-without-map-block-1 .view-header #map-wrapper, #block-blazingsaddles-views-block-locations-without-map-block-2 .view-header #map-wrapper { height: 100%; } #block-views-block-locations-without-map-block-1 .view-header #map, #block-blazingsaddles-views-block-locations-without-map-block-2 .view-header #map { height: 100%; } @media (max-width: 900px) { #block-views-block-locations-without-map-block-1 .view-header, #block-blazingsaddles-views-block-locations-without-map-block-2 .view-header { display: none; } } #block-views-block-locations-without-map-block-1 .location-address, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-address { display: none; } #block-views-block-locations-without-map-block-1 .location-top, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top { align-items: inherit; } @media (max-width: 900px) { #block-views-block-locations-without-map-block-1 .location-top, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top { justify-content: space-between; } } #block-views-block-locations-without-map-block-1 .location-top-left, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-left { width: 50%; padding: 30px; } @media (max-width: 420px) { #block-views-block-locations-without-map-block-1 .location-top-left, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-left { width: 100%; order: 1; } } #block-views-block-locations-without-map-block-1 .location-top-right, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right { width: 50%; line-height: 0; position: relative; overflow: hidden; } #block-views-block-locations-without-map-block-1 .location-top-right > *, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right > * { transition: all 0.3s ease-in-out; } #block-views-block-locations-without-map-block-1 .location-top-right .button-transparent-white, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right .button-transparent-white { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; opacity: 0; visibility: hidden; } @media (max-width: 1024px) { #block-views-block-locations-without-map-block-1 .location-top-right .button-transparent-white, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right .button-transparent-white { display: none !important; opacity: 0 !important; visibility: hidden !important; } } @media (max-width: 420px) { #block-views-block-locations-without-map-block-1 .location-top-right .button-transparent-white, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right .button-transparent-white { display: none !important; opacity: 0 !important; visibility: hidden !important; } } #block-views-block-locations-without-map-block-1 .location-top-right::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right::after { background: linear-gradient(180deg, rgba(54, 100, 220, 0) 0%, rgba(22, 34, 75, 0.7) 100%); opacity: 0; visibility: hidden; top: 0; } @media (max-width: 1024px) { #block-views-block-locations-without-map-block-1 .location-top-right::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right::after { display: none !important; opacity: 0 !important; visibility: hidden !important; } } @media (max-width: 420px) { #block-views-block-locations-without-map-block-1 .location-top-right::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right::after { display: none !important; opacity: 0 !important; visibility: hidden !important; } } #block-views-block-locations-without-map-block-1 .location-top-right img, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right img { position: absolute; height: 100%; max-width: none; max-width: initial; right: 0; } @media (max-width: 420px) { #block-views-block-locations-without-map-block-1 .location-top-right img, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right img { position: relative; width: 100%; } } @media (max-width: 900px) { #block-views-block-locations-without-map-block-1 .location-top-right, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right { max-width: 330px; } } @media (max-width: 420px) { #block-views-block-locations-without-map-block-1 .location-top-right, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-top-right { width: 100%; max-width: 100%; } } #block-views-block-locations-without-map-block-1 .location-bottom, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-bottom { padding: 30px; padding-top: 0; position: relative; display: none; top: 0; width: 100%; } @media (max-width: 1024px) { #block-views-block-locations-without-map-block-1 .location-bottom, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-bottom { display: block !important; } } #block-views-block-locations-without-map-block-1 .location-subtitle, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-subtitle { margin-bottom: 0.5rem; } #block-views-block-locations-without-map-block-1 .open-time, #block-blazingsaddles-views-block-locations-without-map-block-2 .open-time { color: #f52a53; margin-top: 1vh; padding: 5px 0; padding-left: 45px; position: relative; } #block-views-block-locations-without-map-block-1 .open-time::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .open-time::after { width: 26px; height: 100%; top: 0; left: 0; mask-image: url(/themes/blazingsaddles/css/svgs/dashboard.svg); -webkit-mask-image: url(/themes/blazingsaddles/css/svgs/dashboard.svg); background: #f52a53; } #block-views-block-locations-without-map-block-1 .close-button, #block-blazingsaddles-views-block-locations-without-map-block-2 .close-button { z-index: -10; opacity: 0; visibility: hidden; width: 22px; height: 22px; position: absolute; top: 40px; right: 40px; transition: transform 250ms ease, background-color 250ms ease, opacity 250ms ease 100ms, visibility 250ms ease 100ms, color 200ms ease; cursor: pointer; } #block-views-block-locations-without-map-block-1 .close-button::before, #block-views-block-locations-without-map-block-1 .close-button::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .close-button::before, #block-blazingsaddles-views-block-locations-without-map-block-2 .close-button::after { content: ""; position: absolute; right: 0; top: 11px; height: 2px; width: inherit; background-color: #d9d9d9; transition: transform 300ms ease 100ms, background-color 250ms ease; } #block-views-block-locations-without-map-block-1 .close-button::before, #block-blazingsaddles-views-block-locations-without-map-block-2 .close-button::before { transform: rotateZ(45deg); } #block-views-block-locations-without-map-block-1 .close-button::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .close-button::after { transform: rotateZ(-45deg); } @media (max-width: 1024px) { #block-views-block-locations-without-map-block-1 .close-button, #block-blazingsaddles-views-block-locations-without-map-block-2 .close-button { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } } @media (max-width: 420px) { #block-views-block-locations-without-map-block-1 .close-button, #block-blazingsaddles-views-block-locations-without-map-block-2 .close-button { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } } #block-views-block-locations-without-map-block-1 .location-button, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-button { margin-top: 3vh; max-width: 200px; } #block-views-block-locations-without-map-block-1 .location-button .get-direction-3d, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-button .get-direction-3d { display: none; } @media (max-width: 420px) { #block-views-block-locations-without-map-block-1 .location-button, #block-blazingsaddles-views-block-locations-without-map-block-2 .location-button { margin: 0 auto; margin-top: 3vh; } } #block-views-block-locations-without-map-block-1 .link-svg, #block-blazingsaddles-views-block-locations-without-map-block-2 .link-svg { left: 0; top: 0; width: 25px; height: 100%; width: 30px; height: 30px; margin-right: 10px; position: relative; mask-image: url(/themes/blazingsaddles/css/svgs/directions.svg); -webkit-mask-image: url(/themes/blazingsaddles/css/svgs/directions.svg); background: #fff; } #block-views-block-locations-without-map-block-1 .marker-img, #block-blazingsaddles-views-block-locations-without-map-block-2 .marker-img { display: none; } #block-views-block-locations-without-map-block-1 .views-row, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row { box-shadow: 0 10px 20px -10px rgba(105, 119, 135, 0.2), 0 20px 30px -10px rgba(56, 56, 56, 0.05); background: #fff; margin-bottom: 3vh; max-width: 635px; width: 100%; position: relative; cursor: pointer; } @media (max-width: 1024px) { #block-views-block-locations-without-map-block-1 .views-row, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row { cursor: default; } } #block-views-block-locations-without-map-block-1 .views-row:last-child, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row:last-child { margin-bottom: 0; } @media (min-width: 1025px) { #block-views-block-locations-without-map-block-1 .views-row:hover .location-top-right::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row:hover .location-top-right::after { opacity: 1; visibility: visible; } #block-views-block-locations-without-map-block-1 .views-row:hover .button-transparent-white, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row:hover .button-transparent-white { opacity: 1; visibility: visible; } } @media (min-width: 1025px) { #block-views-block-locations-without-map-block-1 .views-row .location-wrapper.active, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row .location-wrapper.active { cursor: auto; cursor: initial; } #block-views-block-locations-without-map-block-1 .views-row .location-wrapper.active .location-top-right img, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row .location-wrapper.active .location-top-right img { opacity: 0; visibility: hidden; } #block-views-block-locations-without-map-block-1 .views-row .location-wrapper.active .location-top-right::after, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row .location-wrapper.active .location-top-right::after { opacity: 0; visibility: hidden; } #block-views-block-locations-without-map-block-1 .views-row .location-wrapper.active .location-top-right .button-transparent-white, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row .location-wrapper.active .location-top-right .button-transparent-white { opacity: 0; visibility: hidden; } #block-views-block-locations-without-map-block-1 .views-row .location-wrapper.active ~ .close-button, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row .location-wrapper.active ~ .close-button { z-index: 0; opacity: 1; visibility: visible; } } @media (max-width: 900px) { #block-views-block-locations-without-map-block-1 .views-row, #block-blazingsaddles-views-block-locations-without-map-block-2 .views-row { max-width: 100%; } } @media (max-width: 1300px) { #block-views-block-locations-without-map-block-1, #block-blazingsaddles-views-block-locations-without-map-block-2 { padding: 0 20px; min-width: 0; min-width: initial; } } .page-node-type-locations #page-content { padding-top: 0; } .page-node-type-locations #page-content > div { width: 100%; margin: 0; } .page-node-type-location #page-content > *:last-child { padding-bottom: 0; } .page-node-type-location #page-content header, .page-node-type-location #page-content article { padding: 0; /* display: none; */ } .node--type-location #page-content > * { padding: 0; margin: 0; } .gm-style .gm-style-iw * { overflow: hidden !important; } .node--type-blog_page .b-lazy { opacity: 0; transition: opacity 0.3s ease-in-out; } .node--type-blog_page .b-loaded { opacity: 1; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item { margin-bottom: 5vh; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-pagination-bullets { text-align: center; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-pagination-bullets span { margin: 2.5px; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #004ec8; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-controller { display: flex; align-items: center; justify-content: space-between; font-family: Nunito, sans-serif; font-size: 20px; font-weight: 900; line-height: 32px; color: #004ec8; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-controller--decor { width: 20vw; height: 10px; background-color: #004ec8; border-radius: 25px; margin-right: auto; margin-left: 10px; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-controller .swiper-button-container { display: flex; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-controller .swiper-button-container .disabled-button { pointer-events: none; cursor: not-allowed; opacity: 0; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-controller .swiper-button-container [class^=swiper-button-] { display: flex; align-items: center; justify-content: center; padding: 5px; margin: 5px; background-color: #fff; border: 1.2px solid rgba(226, 226, 226, 0.6); border-radius: 999px; width: 40px; height: 40px; outline: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: all 0.2s ease-out; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-controller .swiper-button-container [class^=swiper-button-]:hover { box-shadow: 0 0 0 0.5px rgba(184, 184, 184, 0.5); } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-controller .swiper-button-container [class^=swiper-button-]:active { border: 0.5px solid rgba(226, 226, 226, 0.6); box-shadow: inset 0 0 0 0.5px rgba(184, 184, 184, 0.5); } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .swiper-controller .swiper-button-container [class^=swiper-button-] svg { outline: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .blog-posts-large { display: flex; flex-wrap: wrap; gap: 20px; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .blogpost-card-large .blogpost-card-large--img, .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .blogpost-card-promoted .blogpost-card-large--img { overflow: hidden; aspect-ratio: 2/1; border-radius: 20px; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .blogpost-card-large .blogpost-card-large--img .blogpost-card--img_element, .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .blogpost-card-promoted .blogpost-card-large--img .blogpost-card--img_element { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 20px; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .blogpost-card-large .blogpost-card--name, .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .blogpost-card-promoted .blogpost-card--name { padding-top: 10px; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .blogpost-card-large .blogpost-card--teaser, .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category .blogpost-card-promoted .blogpost-card--teaser { margin-bottom: 20px; padding-top: 10px; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category [class^=swiper-container-] { overflow: hidden; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category [class^=swiper-container-] .swiper-wrapper { display: flex; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card { display: flex; flex-direction: column; height: 100%; font-family: Nunito, sans-serif; text-align: left; color: #000; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--img { height: 200px; display: flex; justify-content: center; align-items: center; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--img_element { width: 100%; height: 100%; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--name { padding: 5px; font-size: 18px; font-weight: 700; line-height: 26px; } .node--type-blog_page #block-blazingsaddles-content .content article .field-layout-item .field-item article .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--teaser { padding: 5px; font-size: 14px; font-weight: 600; line-height: 20px; } .page-node-type-blog-page #page-content > header { display: none; } .page-node-type-blog-page #page-title { font-family: Nunito, sans-serif; font-size: 4rem; font-weight: 900; line-height: 50px; text-align: left; color: #004ec8; margin-bottom: 20px; } /* --- Media Queries --- */ @media (min-width: 768px) { .react-blog-category .blog-posts-container { display: flex; flex-direction: column-reverse; gap: 20px; } .react-blog-category .blog-posts-large > .blogpost-card-large { width: calc(50% - 10px); } .react-blog-category .blogpost-card-promoted { width: 100%; } .react-blog-category .blogpost-card-large .blogpost-card--name, .react-blog-category .blogpost-card-promoted .blogpost-card--name { font-size: 24px; font-weight: 900; } } @media (max-width: 767px) { .field-page-title { margin-top: 100px; } .react-blog-category .swiper-controller { display: none; } .react-blog-category .blog-posts-container { display: flex; flex-direction: column-reverse; gap: 20px; } .react-blog-category .blog-posts-large { flex-direction: column; } .react-blog-category .blogpost-card-large, .react-blog-category .blogpost-card-promoted { width: 100%; } .react-blog-category .blogpost-card-large .blogpost-card--name, .react-blog-category .blogpost-card-promoted .blogpost-card--name { font-size: 22px; font-weight: 900; } } @media (max-width: 900px) { .swiper-controller--decor { display: none; } } @media (max-width: 600px) { .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card { padding: 0 10vw; } .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--img { align-items: center; } .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--img div, .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--img_element { width: 100% !important; } .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--name, .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--teaser { width: 100% !important; align-self: flex-start; } } @media (max-width: 440px) { .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card { padding: 0 5vw; } .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--img { align-items: center; } .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--img div, .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--img_element { width: 100% !important; } .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--name, .react-blog-category [class^=swiper-container-] .swiper-wrapper .blogpost-card--teaser { width: 100% !important; align-self: center; } } /* 1) Card image wrappers */ .blogpost-card--img, .blogpost-card-large--img { position: relative; border-radius: 20px; /* match your design */ overflow: hidden; /* clip any subpixel overflow from transforms */ background: transparent; /* ensure parent isn’t painting a bg */ isolation: isolate; /* avoids weird blending in some browsers */ } /* 2) Gray placeholder + space reservation + shimmer overlay */ .lazy-wrap { position: relative; width: 100%; /* If your design uses a fixed ratio, keep this. If the large/promoted cards have different ratios, define specific rules below for each type. */ aspect-ratio: 16/9; background: #e9ecef; /* static gray block */ border-radius: inherit; /* keep corners consistent with the card */ overflow: hidden; /* clamp any subpixel bleed */ box-sizing: border-box; } /* Shimmer animation overlay */ .lazy-wrap::before { content: ""; position: absolute; top: 0; left: -150%; width: 150%; height: 100%; background: linear-gradient(90deg, rgba(233, 236, 239, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(233, 236, 239, 0) 100%); animation: skeleton-shimmer 1.6s infinite; } /* Stop shimmer once loaded */ .lazy-wrap.is-loaded::before { display: none; } @keyframes skeleton-shimmer { 0% { left: -150%; } 100% { left: 150%; } } /* 3) Loaded state: remove the gray once the image is in */ .lazy-wrap.is-loaded { background: transparent; } /* 4) The image should fill the wrapper exactly, no flicker, no gaps */ .lazy-wrap > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* top:0 right:0 bottom:0 left:0 */ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; margin: 0; border: 0; /* These two lines neutralize global theme rules that can shrink the img: */ max-width: none; /* ignore Drupal/global img { max-width:100% } */ max-height: none; /* Crisp edges + avoid subpixel weirdness on Safari/Chrome GPU paths */ backface-visibility: hidden; transform: translateZ(0); /* No fade; if you want a micro fade later, add a short transition here */ opacity: 1; } /* 5) If you want the image hidden until Blazy loads it, flip opacity: .lazy-wrap > img { opacity: 0; } .lazy-wrap.is-loaded > img { opacity: 1; } */ /* 6) Optional: if large/promoted cards have different ratios */ .blogpost-card-large .lazy-wrap { aspect-ratio: 16/9; } /* example */ .blogpost-card-promoted .lazy-wrap { aspect-ratio: 2/1; } /* example */ /* 7) Safety clamp for Swiper rounding: keep slides from bleeding */ .swiper .swiper-slide { overflow: hidden; /* prevents 0–1px bleed when Swiper transforms slides */ } /* 8) Kill any default borders/backgrounds images might pick up from theme */ .blogpost-card--img_element { background: transparent !important; border: 0 !important; } .blogpost-card-promoted.is-skeleton { display: none !important; } .page-node-type-blogpost .bg-svgs { display: none; } .page-node-type-blogpost #main .blogpost-header { position: relative; z-index: 0; } .page-node-type-blogpost #main .blogpost-header .blogpost-title { text-align: center; } .page-node-type-blogpost #main .blogpost-header-image { border-radius: 30px; border: 0; position: relative; overflow: hidden; width: 1250px; left: 50%; transform: translateX(-50%); } .page-node-type-blogpost #main .blogpost-header-image .field-header-image { display: block; line-height: 0; } @media (max-width: 1270px) { .page-node-type-blogpost #main .blogpost-header-image { width: calc(100% + 40px); border-radius: 0; } } .page-node-type-blogpost #main .blogpost-main-box { padding: 50px 70px; max-width: 790px; margin: 0 auto; background: #fff; border: 0; border-radius: 30px; margin-top: -120px; z-index: 10; position: relative; background: linear-gradient(180deg, #fff 15%, rgba(228, 227, 227, 0.9019607843)); } .page-node-type-blogpost #main .blogpost-main-box a { -webkit-text-decoration: underline; text-decoration: underline; } .page-node-type-blogpost #main .blogpost-main-box .bigtext-inline { margin-top: 50px; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link { margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item { box-shadow: 0 10px 30px rgba(251, 79, 81, 0.25); width: -moz-max-content; width: max-content; min-width: 180px; text-align: center; max-width: calc(50% - 15px); position: relative; flex-wrap: nowrap; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item > * { z-index: 1; position: relative; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item a { color: #fff; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item::before { background: linear-gradient(300.29deg, #f42853 0%, #fb5151 100%); } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item::after { background: linear-gradient(118.97deg, #3664dc 0%, #2b52d1 100%); opacity: 0; } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item:hover { box-shadow: 0 10px 30px rgba(54, 100, 220, 0.25); } .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item:hover::after { opacity: 1; } @media (max-width: 580px) { .page-node-type-blogpost #main .blogpost-main-box .field-bottom-link .field-item { min-width: 0; min-width: initial; max-width: 100%; width: 100%; margin-bottom: 30px; } } @media (max-width: 580px) { .page-node-type-blogpost #main .blogpost-main-box { padding: 10px 20px; margin: -60px auto 0; } }