.elementor-76 .elementor-element.elementor-element-89c38eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-76 .elementor-element.elementor-element-26351b9{padding:0% 0% 0% 0%;}.elementor-76 .elementor-element.elementor-element-26351b9 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:66px;font-weight:400;line-height:52px;color:#103B14;}.elementor-76 .elementor-element.elementor-element-3a61531{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-76 .elementor-element.elementor-element-634390a .elementor-icon-list-icon i{color:var( --e-global-color-bd707d6 );transition:color 0.3s;}.elementor-76 .elementor-element.elementor-element-634390a .elementor-icon-list-icon svg{fill:var( --e-global-color-bd707d6 );transition:fill 0.3s;}.elementor-76 .elementor-element.elementor-element-634390a{--e-icon-list-icon-size:18px;--icon-vertical-offset:-1px;}.elementor-76 .elementor-element.elementor-element-634390a .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-76 .elementor-element.elementor-element-634390a .elementor-icon-list-text{transition:color 0.3s;}.elementor-76 .elementor-element.elementor-element-3f5f953{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-76 .elementor-element.elementor-element-f5412e7 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-76 .elementor-element.elementor-element-f5412e7 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-76 .elementor-element.elementor-element-f5412e7 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-76 .elementor-element.elementor-element-f5412e7 .jet-listing-dynamic-field__content{text-align:left;}.elementor-76 .elementor-element.elementor-element-598a3e2{--display:flex;--justify-content:flex-start;--gap:97px 97px;--row-gap:97px;--column-gap:97px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-76 .elementor-element.elementor-element-cdd5113{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-76 .elementor-element.elementor-element-08bfeda{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-76 .elementor-element.elementor-element-1c1dea6 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-76 .elementor-element.elementor-element-1c1dea6 .elementor-icon-box-title{margin-block-end:9px;color:var( --e-global-color-1ff06ad );}.elementor-76 .elementor-element.elementor-element-1c1dea6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e68731c );}.elementor-76 .elementor-element.elementor-element-1c1dea6.elementor-view-framed .elementor-icon, .elementor-76 .elementor-element.elementor-element-1c1dea6.elementor-view-default .elementor-icon{fill:var( --e-global-color-e68731c );color:var( --e-global-color-e68731c );border-color:var( --e-global-color-e68731c );}.elementor-76 .elementor-element.elementor-element-1c1dea6 .elementor-icon{font-size:32px;}.elementor-76 .elementor-element.elementor-element-1c1dea6 .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-1c1dea6 .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-size:15px;font-weight:600;}.elementor-76 .elementor-element.elementor-element-1c1dea6:has(:hover) .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-1c1dea6:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1ff06ad );}.elementor-76 .elementor-element.elementor-element-1c1dea6 .elementor-icon-box-description{font-family:"Arial", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-bd707d6 );}.elementor-76 .elementor-element.elementor-element-8013f9c{--display:flex;}.elementor-76 .elementor-element.elementor-element-d9cd316 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-76 .elementor-element.elementor-element-d9cd316 .elementor-icon-box-title{margin-block-end:9px;color:var( --e-global-color-1ff06ad );}.elementor-76 .elementor-element.elementor-element-d9cd316.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e68731c );}.elementor-76 .elementor-element.elementor-element-d9cd316.elementor-view-framed .elementor-icon, .elementor-76 .elementor-element.elementor-element-d9cd316.elementor-view-default .elementor-icon{fill:var( --e-global-color-e68731c );color:var( --e-global-color-e68731c );border-color:var( --e-global-color-e68731c );}.elementor-76 .elementor-element.elementor-element-d9cd316 .elementor-icon{font-size:32px;}.elementor-76 .elementor-element.elementor-element-d9cd316 .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-d9cd316 .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-size:15px;font-weight:600;}.elementor-76 .elementor-element.elementor-element-d9cd316:has(:hover) .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-d9cd316:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1ff06ad );}.elementor-76 .elementor-element.elementor-element-d9cd316 .elementor-icon-box-description{font-family:"Arial", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-bd707d6 );}.elementor-76 .elementor-element.elementor-element-ddc282f{--display:flex;}.elementor-76 .elementor-element.elementor-element-18fbb24 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-76 .elementor-element.elementor-element-18fbb24 .elementor-icon-box-title{margin-block-end:9px;color:var( --e-global-color-1ff06ad );}.elementor-76 .elementor-element.elementor-element-18fbb24.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e68731c );}.elementor-76 .elementor-element.elementor-element-18fbb24.elementor-view-framed .elementor-icon, .elementor-76 .elementor-element.elementor-element-18fbb24.elementor-view-default .elementor-icon{fill:var( --e-global-color-e68731c );color:var( --e-global-color-e68731c );border-color:var( --e-global-color-e68731c );}.elementor-76 .elementor-element.elementor-element-18fbb24 .elementor-icon{font-size:32px;}.elementor-76 .elementor-element.elementor-element-18fbb24 .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-18fbb24 .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-size:15px;font-weight:600;}.elementor-76 .elementor-element.elementor-element-18fbb24:has(:hover) .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-18fbb24:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1ff06ad );}.elementor-76 .elementor-element.elementor-element-18fbb24 .elementor-icon-box-description{font-family:"Arial", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-bd707d6 );}.elementor-76 .elementor-element.elementor-element-d2d68b8{--display:flex;}.elementor-76 .elementor-element.elementor-element-fde669f .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-76 .elementor-element.elementor-element-fde669f .elementor-icon-box-title{margin-block-end:9px;color:var( --e-global-color-1ff06ad );}.elementor-76 .elementor-element.elementor-element-fde669f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-e68731c );}.elementor-76 .elementor-element.elementor-element-fde669f.elementor-view-framed .elementor-icon, .elementor-76 .elementor-element.elementor-element-fde669f.elementor-view-default .elementor-icon{fill:var( --e-global-color-e68731c );color:var( --e-global-color-e68731c );border-color:var( --e-global-color-e68731c );}.elementor-76 .elementor-element.elementor-element-fde669f .elementor-icon{font-size:32px;}.elementor-76 .elementor-element.elementor-element-fde669f .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-fde669f .elementor-icon-box-title a{font-family:"Arial", Sans-serif;font-size:15px;font-weight:600;}.elementor-76 .elementor-element.elementor-element-fde669f:has(:hover) .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-fde669f:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-1ff06ad );}.elementor-76 .elementor-element.elementor-element-fde669f .elementor-icon-box-description{font-family:"Arial", Sans-serif;font-size:15px;font-weight:400;color:var( --e-global-color-bd707d6 );}.elementor-76 .elementor-element.elementor-element-d7c4b9d{--display:flex;}.elementor-76 .elementor-element.elementor-element-68abe6f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-76 .elementor-element.elementor-element-c829b23{padding:0% 0% 0% 0%;}.elementor-76 .elementor-element.elementor-element-c829b23 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:42px;font-weight:400;line-height:52px;color:#103B14;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-76 .elementor-element.elementor-element-ef77560{font-family:"Arial", Sans-serif;font-size:16px;font-weight:400;line-height:26px;color:#516045;}.elementor-76 .elementor-element.elementor-element-d164fe4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-76 .elementor-element.elementor-element-55cd0f1{--display:flex;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-76 .elementor-element.elementor-element-55cd0f1:not(.elementor-motion-effects-element-type-background), .elementor-76 .elementor-element.elementor-element-55cd0f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6EDB9;}.elementor-76 .elementor-element.elementor-element-40fc608{padding:0% 0% 0% 0%;}.elementor-76 .elementor-element.elementor-element-40fc608 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:31px;font-weight:400;line-height:52px;color:#103B14;}.elementor-76 .elementor-element.elementor-element-d65cd7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-76 .elementor-element.elementor-element-eda94e8{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 5px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:5px;border-color:var( --e-global-color-bd707d6 );--border-color:var( --e-global-color-bd707d6 );--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-76 .elementor-element.elementor-element-eda94e8:not(.elementor-motion-effects-element-type-background), .elementor-76 .elementor-element.elementor-element-eda94e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6EDB9;}.elementor-76 .elementor-element.elementor-element-e087100{font-family:"Arial", Sans-serif;font-size:18px;font-weight:400;line-height:26px;color:#516045;}.elementor-76 .elementor-element.elementor-element-e087100 a{color:var( --e-global-color-1ff06ad );}/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-f5412e7 *//* ===================================================== BRANTA TOURS — TELESCOPE / LENS GALLERY SINGLE DARK-GREEN OUTER RIM JetEngine + Swiper - 3 visible images - Larger middle image - Perfect circles - ONE dark-green outer rim only - NO inner black ring - Image fills complete circle - No hover change - Lightbox remains active - Compatible with frontend stabilizer ===================================================== */ /* ===================================================== VARIABLES ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 { /* Desktop circle sizes */ --branta-side-size: 320px; --branta-centre-size: 470px; /* Gallery vertical space */ --branta-gallery-height: 500px; /* Spacing between slides */ --branta-slide-gap: 8px; /* * IMPORTANT: * Frontend stabilizer reads this variable. * Keep at ZERO so no black gap appears around image. */ --branta-frame-padding: 0px; /* Single scope rim */ --branta-rim-size: 7px; --branta-rim-color: #103B14; /* Soft depth outside the rim */ --branta-lens-shadow: 0 16px 30px rgba(48, 58, 23, 0.20); width: 100% !important; max-width: 100% !important; } /* ===================================================== WIDGET WIDTH ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-listing-dynamic-field, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-listing-dynamic-field__content, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider { width: 100% !important; max-width: 100% !important; } /* ===================================================== SWIPER CONTAINER ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider.swiper { position: relative !important; width: 100% !important; min-height: var(--branta-gallery-height) !important; margin: 0 auto !important; padding: 0 65px !important; box-sizing: border-box !important; overflow: hidden !important; } /* ===================================================== SWIPER TRACK ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider .swiper-wrapper { display: flex !important; align-items: center !important; min-height: var(--branta-gallery-height) !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== ALL SWIPER SLIDES ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; height: var(--branta-gallery-height) !important; min-height: var(--branta-gallery-height) !important; margin: 0 !important; padding: 34px calc(var(--branta-slide-gap) / 2) !important; box-sizing: border-box !important; overflow: visible !important; opacity: 1 !important; filter: none !important; transform-style: flat !important; } /* ===================================================== VISIBLE SWIPER POSITIONS Current JetEngine behaviour: swiper-slide-active = LEFT swiper-slide-next = MIDDLE following sibling = RIGHT ===================================================== */ /* Left */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-active { z-index: 5 !important; } /* Middle */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next { z-index: 20 !important; } /* Right */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next + .jet-engine-gallery-slider__item.swiper-slide { z-index: 5 !important; } /* ===================================================== DEFAULT CIRCULAR FRAME ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 a.jet-engine-gallery-slider__item-wrap.jet-engine-gallery-item-wrap, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap { position: relative !important; display: block !important; width: var(--branta-side-size) !important; height: var(--branta-side-size) !important; inline-size: var(--branta-side-size) !important; block-size: var(--branta-side-size) !important; min-width: var(--branta-side-size) !important; min-height: var(--branta-side-size) !important; max-width: var(--branta-side-size) !important; max-height: var(--branta-side-size) !important; flex: 0 0 var(--branta-side-size) !important; aspect-ratio: 1 / 1 !important; margin: 0 auto !important; /* * Absolutely no internal spacing. */ padding: 0 !important; box-sizing: border-box !important; /* * No physical border. * The single rim is produced by box-shadow. */ border: 0 !important; outline: 0 !important; border-radius: 50% !important; overflow: hidden !important; /* * IMPORTANT: * Was #111 previously. * That was responsible for the black inner ring * whenever any image inset became visible. */ background: transparent !important; opacity: 1 !important; filter: none !important; transform: none !important; /* * ONE DARK-GREEN OUTER RIM */ box-shadow: 0 0 0 var(--branta-rim-size) var(--branta-rim-color), var(--branta-lens-shadow) !important; transition: none !important; } /* ===================================================== LEFT FRAME ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-active .jet-engine-gallery-slider__item-wrap { width: var(--branta-side-size) !important; height: var(--branta-side-size) !important; inline-size: var(--branta-side-size) !important; block-size: var(--branta-side-size) !important; min-width: var(--branta-side-size) !important; min-height: var(--branta-side-size) !important; max-width: var(--branta-side-size) !important; max-height: var(--branta-side-size) !important; flex: 0 0 var(--branta-side-size) !important; aspect-ratio: 1 / 1 !important; } /* ===================================================== LARGE MIDDLE FRAME ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next .jet-engine-gallery-slider__item-wrap { width: var(--branta-centre-size) !important; height: var(--branta-centre-size) !important; inline-size: var(--branta-centre-size) !important; block-size: var(--branta-centre-size) !important; min-width: var(--branta-centre-size) !important; min-height: var(--branta-centre-size) !important; max-width: var(--branta-centre-size) !important; max-height: var(--branta-centre-size) !important; flex: 0 0 var(--branta-centre-size) !important; aspect-ratio: 1 / 1 !important; box-shadow: 0 0 0 var(--branta-rim-size) var(--branta-rim-color), 0 19px 36px rgba(48, 58, 23, 0.25) !important; } /* ===================================================== RIGHT FRAME ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next + .jet-engine-gallery-slider__item.swiper-slide .jet-engine-gallery-slider__item-wrap { width: var(--branta-side-size) !important; height: var(--branta-side-size) !important; inline-size: var(--branta-side-size) !important; block-size: var(--branta-side-size) !important; min-width: var(--branta-side-size) !important; min-height: var(--branta-side-size) !important; max-width: var(--branta-side-size) !important; max-height: var(--branta-side-size) !important; flex: 0 0 var(--branta-side-size) !important; aspect-ratio: 1 / 1 !important; } /* ===================================================== REMOVE ALL PSEUDO-ELEMENT RINGS ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap::before, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap::after, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:hover::before, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:hover::after, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:focus::before, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:focus::after, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:active::before, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:active::after { content: none !important; display: none !important; border: 0 !important; background: none !important; box-shadow: none !important; } /* ===================================================== ACTUAL IMAGE FILLS THE ENTIRE CIRCULAR OPENING ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 img.jet-engine-gallery-slider__item-img, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap img { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; inset: 0 !important; z-index: 1 !important; display: block !important; width: 100% !important; height: 100% !important; inline-size: 100% !important; block-size: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; border-radius: 50% !important; box-sizing: border-box !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; filter: saturate(1.02) contrast(1.015) !important; transform: none !important; transition: none !important; } /* ===================================================== HOVER / FOCUS / ACTIVE NOTHING SHOULD CHANGE ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:focus, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:active, .elementor-76 .elementor-element.elementor-element-f5412e7 a.jet-engine-gallery-slider__item-wrap:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 a.jet-engine-gallery-slider__item-wrap:focus, .elementor-76 .elementor-element.elementor-element-f5412e7 a.jet-engine-gallery-slider__item-wrap:active { border: 0 !important; outline: 0 !important; border-radius: 50% !important; opacity: 1 !important; visibility: visible !important; filter: none !important; transform: none !important; /* * No black background on hover. */ background: transparent !important; /* * Keep exactly the same single green rim. */ box-shadow: 0 0 0 var(--branta-rim-size) var(--branta-rim-color), var(--branta-lens-shadow) !important; } /* Middle frame keeps stronger depth on hover */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next .jet-engine-gallery-slider__item-wrap:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next .jet-engine-gallery-slider__item-wrap:focus { box-shadow: 0 0 0 var(--branta-rim-size) var(--branta-rim-color), 0 19px 36px rgba(48, 58, 23, 0.25) !important; } /* ===================================================== IMAGE MUST NEVER CHANGE ON HOVER ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:hover img, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:focus img, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:active img, .elementor-76 .elementor-element.elementor-element-f5412e7 img.jet-engine-gallery-slider__item-img:hover { width: 100% !important; height: 100% !important; inline-size: 100% !important; block-size: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; filter: saturate(1.02) contrast(1.015) !important; transform: none !important; transition: none !important; } /* ===================================================== HIDE JETENGINE PLUS ICON LIGHTBOX STILL WORKS ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-lightbox-icon, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-lightbox-icon:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-lightbox-icon.is-svg-icon, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-lightbox-icon svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-lightbox-icon path { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } /* ===================================================== NAVIGATION ARROWS ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow { position: absolute !important; top: 50% !important; bottom: auto !important; z-index: 50 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(37, 41, 20, 0.18) !important; border-radius: 50% !important; background: #f3f5cb !important; color: #4b5925 !important; box-shadow: 0 4px 12px rgba(37, 41, 20, 0.12) !important; transform: translateY(-50%) !important; cursor: pointer !important; } /* Previous */ .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow { left: 12px !important; right: auto !important; } /* Next */ .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow { right: 12px !important; left: auto !important; } /* Arrow SVG */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow svg { display: block !important; width: 17px !important; height: 17px !important; opacity: 1 !important; } /* Arrow hover */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow:hover { background: #e9edb5 !important; color: #303b19 !important; transform: translateY(-50%) !important; } /* ===================================================== TABLET ===================================================== */ @media only screen and (max-width: 1024px) { .elementor-76 .elementor-element.elementor-element-f5412e7 { --branta-side-size: 205px; --branta-centre-size: 275px; --branta-gallery-height: 345px; --branta-slide-gap: 10px; --branta-frame-padding: 0px; --branta-rim-size: 6px; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider.swiper { padding: 0 52px !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide { padding: 28px calc(var(--branta-slide-gap) / 2) !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow svg { width: 15px !important; height: 15px !important; } } /* ===================================================== MOBILE KEEP ALL THREE IMAGES VISIBLE ===================================================== */ @media only screen and (max-width: 767px) { .elementor-76 .elementor-element.elementor-element-f5412e7 { --branta-side-size: 82px; --branta-centre-size: 112px; --branta-gallery-height: 175px; --branta-slide-gap: 2px; --branta-frame-padding: 0px; --branta-rim-size: 3px; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider.swiper { padding: 0 30px !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide { padding: 20px calc(var(--branta-slide-gap) / 2) !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow { left: 0 !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow { right: 0 !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow svg { width: 12px !important; height: 12px !important; } }/* End custom CSS */ /* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-f5412e7 *//* ===================================================== BRANTA TOURS — TELESCOPE / LENS GALLERY SINGLE DARK-GREEN OUTER RIM JetEngine + Swiper - 3 visible images - Larger middle image - Perfect circles - ONE dark-green outer rim only - NO inner black ring - Image fills complete circle - No hover change - Lightbox remains active - Compatible with frontend stabilizer ===================================================== */ /* ===================================================== VARIABLES ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 { /* Desktop circle sizes */ --branta-side-size: 320px; --branta-centre-size: 470px; /* Gallery vertical space */ --branta-gallery-height: 500px; /* Spacing between slides */ --branta-slide-gap: 8px; /* * IMPORTANT: * Frontend stabilizer reads this variable. * Keep at ZERO so no black gap appears around image. */ --branta-frame-padding: 0px; /* Single scope rim */ --branta-rim-size: 7px; --branta-rim-color: #103B14; /* Soft depth outside the rim */ --branta-lens-shadow: 0 16px 30px rgba(48, 58, 23, 0.20); width: 100% !important; max-width: 100% !important; } /* ===================================================== WIDGET WIDTH ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-listing-dynamic-field, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-listing-dynamic-field__content, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider { width: 100% !important; max-width: 100% !important; } /* ===================================================== SWIPER CONTAINER ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider.swiper { position: relative !important; width: 100% !important; min-height: var(--branta-gallery-height) !important; margin: 0 auto !important; padding: 0 65px !important; box-sizing: border-box !important; overflow: hidden !important; } /* ===================================================== SWIPER TRACK ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider .swiper-wrapper { display: flex !important; align-items: center !important; min-height: var(--branta-gallery-height) !important; margin: 0 !important; padding: 0 !important; } /* ===================================================== ALL SWIPER SLIDES ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; height: var(--branta-gallery-height) !important; min-height: var(--branta-gallery-height) !important; margin: 0 !important; padding: 34px calc(var(--branta-slide-gap) / 2) !important; box-sizing: border-box !important; overflow: visible !important; opacity: 1 !important; filter: none !important; transform-style: flat !important; } /* ===================================================== VISIBLE SWIPER POSITIONS Current JetEngine behaviour: swiper-slide-active = LEFT swiper-slide-next = MIDDLE following sibling = RIGHT ===================================================== */ /* Left */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-active { z-index: 5 !important; } /* Middle */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next { z-index: 20 !important; } /* Right */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next + .jet-engine-gallery-slider__item.swiper-slide { z-index: 5 !important; } /* ===================================================== DEFAULT CIRCULAR FRAME ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 a.jet-engine-gallery-slider__item-wrap.jet-engine-gallery-item-wrap, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap { position: relative !important; display: block !important; width: var(--branta-side-size) !important; height: var(--branta-side-size) !important; inline-size: var(--branta-side-size) !important; block-size: var(--branta-side-size) !important; min-width: var(--branta-side-size) !important; min-height: var(--branta-side-size) !important; max-width: var(--branta-side-size) !important; max-height: var(--branta-side-size) !important; flex: 0 0 var(--branta-side-size) !important; aspect-ratio: 1 / 1 !important; margin: 0 auto !important; /* * Absolutely no internal spacing. */ padding: 0 !important; box-sizing: border-box !important; /* * No physical border. * The single rim is produced by box-shadow. */ border: 0 !important; outline: 0 !important; border-radius: 50% !important; overflow: hidden !important; /* * IMPORTANT: * Was #111 previously. * That was responsible for the black inner ring * whenever any image inset became visible. */ background: transparent !important; opacity: 1 !important; filter: none !important; transform: none !important; /* * ONE DARK-GREEN OUTER RIM */ box-shadow: 0 0 0 var(--branta-rim-size) var(--branta-rim-color), var(--branta-lens-shadow) !important; transition: none !important; } /* ===================================================== LEFT FRAME ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-active .jet-engine-gallery-slider__item-wrap { width: var(--branta-side-size) !important; height: var(--branta-side-size) !important; inline-size: var(--branta-side-size) !important; block-size: var(--branta-side-size) !important; min-width: var(--branta-side-size) !important; min-height: var(--branta-side-size) !important; max-width: var(--branta-side-size) !important; max-height: var(--branta-side-size) !important; flex: 0 0 var(--branta-side-size) !important; aspect-ratio: 1 / 1 !important; } /* ===================================================== LARGE MIDDLE FRAME ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next .jet-engine-gallery-slider__item-wrap { width: var(--branta-centre-size) !important; height: var(--branta-centre-size) !important; inline-size: var(--branta-centre-size) !important; block-size: var(--branta-centre-size) !important; min-width: var(--branta-centre-size) !important; min-height: var(--branta-centre-size) !important; max-width: var(--branta-centre-size) !important; max-height: var(--branta-centre-size) !important; flex: 0 0 var(--branta-centre-size) !important; aspect-ratio: 1 / 1 !important; box-shadow: 0 0 0 var(--branta-rim-size) var(--branta-rim-color), 0 19px 36px rgba(48, 58, 23, 0.25) !important; } /* ===================================================== RIGHT FRAME ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next + .jet-engine-gallery-slider__item.swiper-slide .jet-engine-gallery-slider__item-wrap { width: var(--branta-side-size) !important; height: var(--branta-side-size) !important; inline-size: var(--branta-side-size) !important; block-size: var(--branta-side-size) !important; min-width: var(--branta-side-size) !important; min-height: var(--branta-side-size) !important; max-width: var(--branta-side-size) !important; max-height: var(--branta-side-size) !important; flex: 0 0 var(--branta-side-size) !important; aspect-ratio: 1 / 1 !important; } /* ===================================================== REMOVE ALL PSEUDO-ELEMENT RINGS ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap::before, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap::after, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:hover::before, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:hover::after, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:focus::before, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:focus::after, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:active::before, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:active::after { content: none !important; display: none !important; border: 0 !important; background: none !important; box-shadow: none !important; } /* ===================================================== ACTUAL IMAGE FILLS THE ENTIRE CIRCULAR OPENING ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 img.jet-engine-gallery-slider__item-img, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap img { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; inset: 0 !important; z-index: 1 !important; display: block !important; width: 100% !important; height: 100% !important; inline-size: 100% !important; block-size: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; border-radius: 50% !important; box-sizing: border-box !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; filter: saturate(1.02) contrast(1.015) !important; transform: none !important; transition: none !important; } /* ===================================================== HOVER / FOCUS / ACTIVE NOTHING SHOULD CHANGE ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:focus, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:active, .elementor-76 .elementor-element.elementor-element-f5412e7 a.jet-engine-gallery-slider__item-wrap:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 a.jet-engine-gallery-slider__item-wrap:focus, .elementor-76 .elementor-element.elementor-element-f5412e7 a.jet-engine-gallery-slider__item-wrap:active { border: 0 !important; outline: 0 !important; border-radius: 50% !important; opacity: 1 !important; visibility: visible !important; filter: none !important; transform: none !important; /* * No black background on hover. */ background: transparent !important; /* * Keep exactly the same single green rim. */ box-shadow: 0 0 0 var(--branta-rim-size) var(--branta-rim-color), var(--branta-lens-shadow) !important; } /* Middle frame keeps stronger depth on hover */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next .jet-engine-gallery-slider__item-wrap:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide-next .jet-engine-gallery-slider__item-wrap:focus { box-shadow: 0 0 0 var(--branta-rim-size) var(--branta-rim-color), 0 19px 36px rgba(48, 58, 23, 0.25) !important; } /* ===================================================== IMAGE MUST NEVER CHANGE ON HOVER ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:hover img, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:focus img, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item-wrap:active img, .elementor-76 .elementor-element.elementor-element-f5412e7 img.jet-engine-gallery-slider__item-img:hover { width: 100% !important; height: 100% !important; inline-size: 100% !important; block-size: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; filter: saturate(1.02) contrast(1.015) !important; transform: none !important; transition: none !important; } /* ===================================================== HIDE JETENGINE PLUS ICON LIGHTBOX STILL WORKS ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-lightbox-icon, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-lightbox-icon:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-lightbox-icon.is-svg-icon, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-lightbox-icon svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-lightbox-icon path { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } /* ===================================================== NAVIGATION ARROWS ===================================================== */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow { position: absolute !important; top: 50% !important; bottom: auto !important; z-index: 50 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(37, 41, 20, 0.18) !important; border-radius: 50% !important; background: #f3f5cb !important; color: #4b5925 !important; box-shadow: 0 4px 12px rgba(37, 41, 20, 0.12) !important; transform: translateY(-50%) !important; cursor: pointer !important; } /* Previous */ .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow { left: 12px !important; right: auto !important; } /* Next */ .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow { right: 12px !important; left: auto !important; } /* Arrow SVG */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow svg { display: block !important; width: 17px !important; height: 17px !important; opacity: 1 !important; } /* Arrow hover */ .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow:hover, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow:hover { background: #e9edb5 !important; color: #303b19 !important; transform: translateY(-50%) !important; } /* ===================================================== TABLET ===================================================== */ @media only screen and (max-width: 1024px) { .elementor-76 .elementor-element.elementor-element-f5412e7 { --branta-side-size: 205px; --branta-centre-size: 275px; --branta-gallery-height: 345px; --branta-slide-gap: 10px; --branta-frame-padding: 0px; --branta-rim-size: 6px; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider.swiper { padding: 0 52px !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide { padding: 28px calc(var(--branta-slide-gap) / 2) !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow svg { width: 15px !important; height: 15px !important; } } /* ===================================================== MOBILE KEEP ALL THREE IMAGES VISIBLE ===================================================== */ @media only screen and (max-width: 767px) { .elementor-76 .elementor-element.elementor-element-f5412e7 { --branta-side-size: 82px; --branta-centre-size: 112px; --branta-gallery-height: 175px; --branta-slide-gap: 2px; --branta-frame-padding: 0px; --branta-rim-size: 3px; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider.swiper { padding: 0 30px !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-gallery-slider__item.swiper-slide { padding: 20px calc(var(--branta-slide-gap) / 2) !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow { width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow { left: 0 !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow { right: 0 !important; } .elementor-76 .elementor-element.elementor-element-f5412e7 .jet-engine-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .prev-arrow svg, .elementor-76 .elementor-element.elementor-element-f5412e7 .next-arrow svg { width: 12px !important; height: 12px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3f5f953 *//* ===================================================== BRANTA TOURS — SINGLE TOUR GALLERY Paste inside: Dynamic Field Widget > Advanced > Custom CSS ===================================================== */ .elementor-76 .elementor-element.elementor-element-3f5f953 { --gallery-height: 440px; --gallery-gap: 16px; --arrow-size: 48px; } /* ===================================================== MAIN GALLERY WIDTH ===================================================== */ .elementor-76 .elementor-element.elementor-element-3f5f953, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-listing-dynamic-field__content, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider, .elementor-76 .elementor-element.elementor-element-3f5f953 .slick-slider { width: 100%; max-width: 100%; } /* Allow arrows to remain visible */ .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider, .elementor-76 .elementor-element.elementor-element-3f5f953 .slick-slider { position: relative; overflow: visible; } /* ===================================================== GAP BETWEEN IMAGES ===================================================== */ .elementor-76 .elementor-element.elementor-element-3f5f953 .slick-list { margin-left: calc(var(--gallery-gap) / -2) !important; margin-right: calc(var(--gallery-gap) / -2) !important; } /* Add half the gap to each side of every slide */ .elementor-76 .elementor-element.elementor-element-3f5f953 .slick-slide, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item { padding-left: calc(var(--gallery-gap) / 2) !important; padding-right: calc(var(--gallery-gap) / 2) !important; box-sizing: border-box !important; } /* Prevent an unwanted vertical gap */ .elementor-76 .elementor-element.elementor-element-3f5f953 .slick-track { display: flex !important; align-items: stretch !important; } /* ===================================================== IMAGE HEIGHT AND CROPPING ===================================================== */ .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item { height: var(--gallery-height) !important; min-height: var(--gallery-height) !important; } .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap > a { position: relative !important; display: block !important; width: 100% !important; height: var(--gallery-height) !important; min-height: var(--gallery-height) !important; overflow: hidden !important; } /* Images */ .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item img, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap img, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap > a img { display: block !important; width: 100% !important; height: var(--gallery-height) !important; min-height: var(--gallery-height) !important; max-height: var(--gallery-height) !important; object-fit: cover !important; object-position: center center !important; margin: 0 !important; padding: 0 !important; transform: none !important; transition: none !important; } /* Disable image zoom on hover */ .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item:hover img, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap:hover img, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap > a:hover img { transform: none !important; } /* ===================================================== REMOVE PLUS ICON AND HOVER OVERLAY The image can remain clickable for the lightbox. ===================================================== */ /* JetEngine pseudo-element plus icon */ .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap::before, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap::after, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap:hover::before, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap:hover::after, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap.is-lightbox::before, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap.is-lightbox::after, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap.is-lightbox:hover::before, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap.is-lightbox:hover::after, .elementor-76 .elementor-element.elementor-element-3f5f953 a.jet-engine-gallery-slider__item-wrap::before, .elementor-76 .elementor-element.elementor-element-3f5f953 a.jet-engine-gallery-slider__item-wrap::after, .elementor-76 .elementor-element.elementor-element-3f5f953 a.jet-engine-gallery-slider__item-wrap:hover::before, .elementor-76 .elementor-element.elementor-element-3f5f953 a.jet-engine-gallery-slider__item-wrap:hover::after, .elementor-76 .elementor-element.elementor-element-3f5f953 a.jet-engine-gallery-slider__item-wrap.is-lightbox::before, .elementor-76 .elementor-element.elementor-element-3f5f953 a.jet-engine-gallery-slider__item-wrap.is-lightbox::after, .elementor-76 .elementor-element.elementor-element-3f5f953 a.jet-engine-gallery-slider__item-wrap.is-lightbox:hover::before, .elementor-76 .elementor-element.elementor-element-3f5f953 a.jet-engine-gallery-slider__item-wrap.is-lightbox:hover::after { content: none !important; display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; background: none !important; background-image: none !important; border: 0 !important; } /* Remove any real HTML icon used instead of a pseudo-element */ .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap .jet-engine-gallery-icon, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap .jet-engine-gallery-lightbox-icon, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap .gallery-icon, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap .lightbox-icon, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap .fa-plus, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap .fa-search-plus, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap .fas, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap .far, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap > i, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap > span:not(.elementor-screen-only), .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap > a > i, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap > a > svg { display: none !important; visibility: hidden !important; opacity: 0 !important; } /* Remove any colour overlay while hovering */ .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap:hover, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap > a, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__item-wrap > a:hover { background: transparent !important; background-image: none !important; } /* ===================================================== NAVIGATION ARROWS ===================================================== */ .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-arrow, .elementor-76 .elementor-element.elementor-element-3f5f953 .prev-arrow, .elementor-76 .elementor-element.elementor-element-3f5f953 .next-arrow, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__prev-arrow, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__next-arrow { position: absolute !important; top: 50% !important; bottom: auto !important; z-index: 50 !important; width: var(--arrow-size) !important; height: var(--arrow-size) !important; min-width: var(--arrow-size) !important; min-height: var(--arrow-size) !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 50% !important; background: #f6f8d5 !important; color: #667c31 !important; box-shadow: 0 3px 12px rgba(34, 48, 21, 0.14) !important; transform: translateY(-50%) !important; cursor: pointer !important; } /* Previous arrow */ .elementor-76 .elementor-element.elementor-element-3f5f953 .prev-arrow, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__prev-arrow { left: 24px !important; right: auto !important; } /* Next arrow */ .elementor-76 .elementor-element.elementor-element-3f5f953 .next-arrow, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__next-arrow { right: 24px !important; left: auto !important; } /* Arrow icon size */ .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-arrow svg, .elementor-76 .elementor-element.elementor-element-3f5f953 .prev-arrow svg, .elementor-76 .elementor-element.elementor-element-3f5f953 .next-arrow svg, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__prev-arrow svg, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__next-arrow svg { display: block !important; visibility: visible !important; opacity: 1 !important; width: 18px !important; height: 18px !important; } /* Arrow hover */ .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-arrow:hover, .elementor-76 .elementor-element.elementor-element-3f5f953 .prev-arrow:hover, .elementor-76 .elementor-element.elementor-element-3f5f953 .next-arrow:hover, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__prev-arrow:hover, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__next-arrow:hover { background: #667c31 !important; color: #ffffff !important; } /* ===================================================== TABLET ===================================================== */ @media only screen and (max-width: 1024px) { .elementor-76 .elementor-element.elementor-element-3f5f953 { --gallery-height: 360px; --gallery-gap: 12px; --arrow-size: 44px; } .elementor-76 .elementor-element.elementor-element-3f5f953 .prev-arrow, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__prev-arrow { left: 16px !important; } .elementor-76 .elementor-element.elementor-element-3f5f953 .next-arrow, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__next-arrow { right: 16px !important; } } /* ===================================================== MOBILE ===================================================== */ @media only screen and (max-width: 767px) { .elementor-76 .elementor-element.elementor-element-3f5f953 { --gallery-height: 300px; --gallery-gap: 8px; --arrow-size: 40px; } .elementor-76 .elementor-element.elementor-element-3f5f953 .prev-arrow, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__prev-arrow { left: 10px !important; } .elementor-76 .elementor-element.elementor-element-3f5f953 .next-arrow, .elementor-76 .elementor-element.elementor-element-3f5f953 .jet-engine-gallery-slider__next-arrow { right: 10px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-96b5e91 *//* Branta Tours — responsive embedded tour map */ .elementor-76 .elementor-element.elementor-element-96b5e91 { width: 100%; } .elementor-76 .elementor-element.elementor-element-96b5e91 .branta-tour-map { position: relative; width: 100%; height: 380px; overflow: hidden; border-radius: 0; background: #e9edc1; } .elementor-76 .elementor-element.elementor-element-96b5e91 .branta-tour-map iframe { display: block; width: 100% !important; height: 100% !important; margin: 0; padding: 0; border: 0; } /* Tablet */ @media only screen and (max-width: 1024px) { .elementor-76 .elementor-element.elementor-element-96b5e91 .branta-tour-map { height: 350px; } } /* Mobile */ @media only screen and (max-width: 767px) { .elementor-76 .elementor-element.elementor-element-96b5e91 .branta-tour-map { height: 300px; } }/* End custom CSS */