.verticalflash-stage { position: relative !important; display: block !important; width: 100vw !important; max-width: 100vw !important; margin: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 0 !important; overflow-x: hidden !important; overflow-y: visible !important; box-sizing: border-box !important; } .verticalflash-track { position: relative !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; align-content: flex-start !important; width: max-content !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; box-sizing: border-box !important; will-change: transform; transition: transform 0.7s cubic-bezier(.77, 0, .175, 1); } .verticalflash-track > [class*="verticalflash-panel-"] { position: relative !important; display: block !important; flex: 0 0 100vw !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 100vw !important; align-self: flex-start !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; } .verticalflash-track > .verticalflash-clone { position: relative !important; display: block !important; flex: 0 0 100vw !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: 100vw !important; align-self: flex-start !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main { position: relative !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; width: 100% !important; max-width: none !important; height: 100vh !important; height: 100dvh !important; min-height: 100vh !important; min-height: 100dvh !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; overflow: hidden !important; box-sizing: border-box !important; touch-action: pan-y; cursor: grab; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main:active { cursor: grabbing; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .elementor-widget-html { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100% !important; flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .elementor-widget-html > .elementor-widget-container { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .elementor-widget-html > .verticalflash-picture { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .elementor-widget-html > .verticalflash-picture > picture { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .elementor-widget-html > .verticalflash-picture > picture > img { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; box-sizing: border-box !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-title { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; z-index: 10 !important; box-sizing: border-box !important; pointer-events: none !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-title > * { position: relative; z-index: 1; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-scroll-hint { position: absolute !important; left: 50% !important; bottom: 28px !important; transform: translateX(-50%) !important; width: auto !important; max-width: 90% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 8px !important; z-index: 30 !important; text-align: center !important; pointer-events: none !important; box-sizing: border-box !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-scroll-hint > .elementor-icon { font-size: 34px !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; color: #fff !important; filter: drop-shadow( 0 2px 6px rgba(0, 0, 0, .8) ); animation: verticalflashScrollHintArrow 1.6s ease-in-out infinite; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-scroll-hint > .elementor-heading-title, .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-scroll-hint > p { margin: 0 !important; padding: 0 !important; color: #fff !important; font-family: Arial, sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; text-shadow: 0 2px 8px rgba(0, 0, 0, .85); } @keyframes verticalflashScrollHintArrow { 0%, 100% { transform: translateY(0); opacity: .75; } 50% { transform: translateY(8px); opacity: 1; } } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-body-content { position: relative !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 0 !important; box-sizing: border-box !important; } .verticalflash-stage, .verticalflash-track, .verticalflash-track > [class*="verticalflash-panel-"], .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main, .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-title { gap: 0 !important; column-gap: 0 !important; row-gap: 0 !important; } @media (max-width: 1024px) { .verticalflash-stage { width: 100vw !important; max-width: 100vw !important; } .verticalflash-track { width: max-content !important; max-width: none !important; } .verticalflash-track > [class*="verticalflash-panel-"] { flex: 0 0 100vw !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; } .verticalflash-track > .verticalflash-clone { flex: 0 0 100vw !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main { width: 100% !important; height: 100vh !important; height: 100dvh !important; min-height: 100vh !important; min-height: 100dvh !important; } } @media (max-width: 767px) { .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main { height: 100vh !important; height: 100dvh !important; min-height: 100vh !important; min-height: 100dvh !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-scroll-hint { bottom: 22px !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-scroll-hint > .elementor-icon { font-size: 30px !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-scroll-hint > .elementor-heading-title, .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-scroll-hint > p { font-size: 14px !important; } } .verticalflash-film-overlay { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; margin: 0 !important; padding: 0 !important; background: #000 !important; opacity: 0; visibility: hidden; pointer-events: none !important; z-index: 2147483646 !important; box-sizing: border-box !important; } .verticalflash-film-overlay.verticalflash-film-active { visibility: visible !important; animation: verticalflashFilmCut 3s cubic-bezier(.77, 0, .175, 1) 1 both !important; } @keyframes verticalflashFilmCut { 0% { opacity: 0; } 8% { opacity: .20; } 14% { opacity: .65; } 20% { opacity: 1; } 29% { opacity: .97; } 40% { opacity: .72; } 55% { opacity: .38; } 70% { opacity: .15; } 85% { opacity: .045; } 100% { opacity: 0; } } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before { content: ""; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 39px !important; margin: 0 !important; padding: 0 !important; display: block !important; box-sizing: border-box !important; pointer-events: none !important; z-index: 2147483647 !important; border-top: 1px solid rgba(255,255,255,.45); border-bottom: 2px solid rgba(0,0,0,.85); background-image: linear-gradient( to bottom, rgba(72,72,72,.88) 0%, rgba(42,42,42,.90) 22%, rgba(20,20,20,.94) 55%, rgba(48,48,48,.90) 82%, rgba(72,72,72,.86) 100% ), linear-gradient( to right, transparent 0, rgba(255,255,255,.11) 50%, transparent 100% ); background-repeat: no-repeat, no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='39' viewBox='0 0 180 39'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V39H0ZM29 11.5H45V27.5H29ZM74 11.5H90V27.5H74ZM119 11.5H135V27.5H119ZM164 11.5H180V27.5H164Z'/%3E%3C/svg%3E"); mask-repeat: repeat-x; mask-position: 0 0; mask-size: 180px 39px; mask-mode: alpha; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='39' viewBox='0 0 180 39'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V39H0ZM29 11.5H45V27.5H29ZM74 11.5H90V27.5H74ZM119 11.5H135V27.5H119ZM164 11.5H180V27.5H164Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-x; -webkit-mask-position: 0 0; -webkit-mask-size: 180px 39px; box-shadow: 0 5px 18px rgba(0,0,0,.75); animation: verticalflashPermanentFilmTop 4.57s linear infinite; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { content: ""; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 39px !important; margin: 0 !important; padding: 0 !important; display: block !important; box-sizing: border-box !important; pointer-events: none !important; z-index: 2147483647 !important; border-top: 2px solid rgba(0,0,0,.85); border-bottom: 1px solid rgba(255,255,255,.45); background-image: linear-gradient( to bottom, rgba(72,72,72,.86) 0%, rgba(48,48,48,.90) 18%, rgba(20,20,20,.94) 48%, rgba(42,42,42,.90) 78%, rgba(72,72,72,.86) 100% ), linear-gradient( to right, transparent 0, rgba(255,255,255,.11) 50%, transparent 100% ); background-repeat: no-repeat, no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='39' viewBox='0 0 180 39'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V39H0ZM29 11.5H45V27.5H29ZM74 11.5H90V27.5H74ZM119 11.5H135V27.5H119ZM164 11.5H180V27.5H164Z'/%3E%3C/svg%3E"); mask-repeat: repeat-x; mask-position: 0 0; mask-size: 180px 39px; mask-mode: alpha; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='39' viewBox='0 0 180 39'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V39H0ZM29 11.5H45V27.5H29ZM74 11.5H90V27.5H74ZM119 11.5H135V27.5H119ZM164 11.5H180V27.5H164Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-x; -webkit-mask-position: 0 0; -webkit-mask-size: 180px 39px; box-shadow: 0 -5px 18px rgba(0,0,0,.75); animation: verticalflashPermanentFilmBottom 4.57s linear infinite; } @keyframes verticalflashPermanentFilmTop { from { mask-position: 0 0; -webkit-mask-position: 0 0; } to { mask-position: -180px 0; -webkit-mask-position: -180px 0; } } @keyframes verticalflashPermanentFilmBottom { from { mask-position: 0 0; -webkit-mask-position: 0 0; } to { mask-position: -180px 0; -webkit-mask-position: -180px 0; } } @media (max-width: 1024px) { .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before, .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { height: 32px !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='32' viewBox='0 0 180 32'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V32H0ZM31 9H45V23H31ZM76 9H90V23H76ZM121 9H135V23H121ZM166 9H180V23H166Z'/%3E%3C/svg%3E"); mask-repeat: repeat-x; mask-size: 180px 32px; mask-position: 0 0; mask-mode: alpha; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='32' viewBox='0 0 180 32'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V32H0ZM31 9H45V23H31ZM76 9H90V23H76ZM121 9H135V23H121ZM166 9H180V23H166Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-x; -webkit-mask-size: 180px 32px; -webkit-mask-position: 0 0; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='32' viewBox='0 0 180 32'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V32H0ZM31 9H45V23H31ZM76 9H90V23H76ZM121 9H135V23H121ZM166 9H180V23H166Z'/%3E%3C/svg%3E"); mask-repeat: repeat-x; mask-size: 180px 32px; mask-position: 0 0; mask-mode: alpha; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='32' viewBox='0 0 180 32'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V32H0ZM31 9H45V23H31ZM76 9H90V23H76ZM121 9H135V23H121ZM166 9H180V23H166Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-x; -webkit-mask-size: 180px 32px; -webkit-mask-position: 0 0; } } @media (max-width: 767px) { .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before { animation-duration: 3.43s; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before, .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { height: 26px !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='26' viewBox='0 0 180 26'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V26H0ZM33 7H45V19H33ZM78 7H90V19H78ZM123 7H135V19H123ZM168 7H180V19H168Z'/%3E%3C/svg%3E"); mask-repeat: repeat-x; mask-size: 180px 26px; mask-position: 0 0; mask-mode: alpha; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='26' viewBox='0 0 180 26'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V26H0ZM33 7H45V19H33ZM78 7H90V19H78ZM123 7H135V19H123ZM168 7H180V19H168Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-x; -webkit-mask-size: 180px 26px; -webkit-mask-position: 0 0; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='26' viewBox='0 0 180 26'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V26H0ZM33 7H45V19H33ZM78 7H90V19H78ZM123 7H135V19H123ZM168 7H180V19H168Z'/%3E%3C/svg%3E"); mask-repeat: repeat-x; mask-size: 180px 26px; mask-position: 0 0; mask-mode: alpha; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='26' viewBox='0 0 180 26'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H180V26H0ZM33 7H45V19H33ZM78 7H90V19H78ZM123 7H135V19H123ZM168 7H180V19H168Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-x; -webkit-mask-size: 180px 26px; -webkit-mask-position: 0 0; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { animation-duration: 3.43s; } } .verticalflash-film-logo-layer { position: absolute !important; left: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; overflow: hidden !important; box-sizing: border-box !important; display: block !important; z-index: 2147483646 !important; } .verticalflash-film-logo-layer[data-verticalflash-film-logo="top"] { top: 0 !important; bottom: auto !important; } .verticalflash-film-logo-layer[data-verticalflash-film-logo="bottom"] { top: auto !important; bottom: 0 !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before, .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { z-index: 2147483645 !important; } .verticalflash-film-logo-layer[data-verticalflash-film-logo="top"] .verticalflash-film-logo, .verticalflash-film-logo-layer[data-verticalflash-film-logo="bottom"] .verticalflash-film-logo { transform: translateY(-11px) !important; opacity: .46 !important; visibility: visible !important; display: block !important; } @media (max-width: 1024px) { .verticalflash-film-logo-layer[data-verticalflash-film-logo="top"] .verticalflash-film-logo, .verticalflash-film-logo-layer[data-verticalflash-film-logo="bottom"] .verticalflash-film-logo { transform: translateY(-9px) !important; } } @media (max-width: 767px) { .verticalflash-film-logo-layer[data-verticalflash-film-logo="top"] .verticalflash-film-logo, .verticalflash-film-logo-layer[data-verticalflash-film-logo="bottom"] .verticalflash-film-logo { transform: translateY(-7px) !important; } } .verticalflash-stage { position: relative !important; display: block !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; overscroll-behavior: none !important; } .verticalflash-track { position: relative !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; align-content: flex-start !important; width: 100vw !important; max-width: 100vw !important; height: max-content !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; box-sizing: border-box !important; will-change: transform; } .verticalflash-track > [class*="verticalflash-panel-"] { position: relative !important; display: block !important; flex: 0 0 100dvh !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; transform: translate3d(0,0,0); transition: transform 0.7s cubic-bezier(.77,0,.175,1); } .verticalflash-track > .verticalflash-clone { position: relative !important; display: block !important; flex: 0 0 100dvh !important; width: 100vw !important; min-width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; transform: translate3d(0,0,0); transition: transform 0.7s cubic-bezier(.77,0,.175,1); } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main, .verticalflash-track > .verticalflash-clone > .verticalflash-main { position: absolute !important; top: 0 !important; left: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; padding: 0 !important; display: block !important; overflow: visible !important; box-sizing: border-box !important; touch-action: none !important; transform: none !important; z-index: 10 !important; } .verticalflash-main > .elementor-widget-html { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; max-width: none !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .verticalflash-main > .elementor-widget-html > .elementor-widget-container { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .verticalflash-picture { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .verticalflash-picture picture { position: relative !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .verticalflash-picture picture > img { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; display: block !important; width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: center center !important; opacity: 1 !important; visibility: visible !important; box-sizing: border-box !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main > .verticalflash-title { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; z-index: 20 !important; pointer-events: none !important; box-sizing: border-box !important; } .verticalflash-left-content, .verticalflash-right-content { position: absolute !important; top: 0 !important; width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; box-sizing: border-box !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-y !important; z-index: 30 !important; opacity: 1 !important; visibility: visible !important; } .verticalflash-left-content { left: -100vw !important; } .verticalflash-right-content { left: 100vw !important; } .verticalflash-left-content > *, .verticalflash-right-content > * { box-sizing: border-box !important; } .verticalflash-main > .verticalflash-left-content, .verticalflash-main > .verticalflash-right-content, .verticalflash-main .verticalflash-left-content, .verticalflash-main .verticalflash-right-content { overflow-x: hidden !important; overflow-y: auto !important; z-index: 30 !important; } .verticalflash-navigation { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: block !important; transform: none !important; z-index: 1000 !important; pointer-events: none !important; box-sizing: border-box !important; } .verticalflash-arrow-up, .verticalflash-arrow-down, .verticalflash-arrow-left, .verticalflash-arrow-right { position: absolute !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; cursor: pointer !important; pointer-events: auto !important; z-index: 1001 !important; } .verticalflash-arrow-up { top: 51px !important; right: auto !important; bottom: auto !important; left: 50% !important; transform: translateX(-50%) !important; } .verticalflash-arrow-down { top: auto !important; right: auto !important; bottom: 51px !important; left: 50% !important; transform: translateX(-50%) !important; } .verticalflash-arrow-left { top: 50% !important; right: auto !important; bottom: auto !important; left: 51px !important; transform: translateY(-50%) !important; } .verticalflash-arrow-right { top: 50% !important; right: 51px !important; bottom: auto !important; left: auto !important; transform: translateY(-50%) !important; } .verticalflash-arrow-up .elementor-icon, .verticalflash-arrow-up .elementor-icon-wrapper .elementor-icon, .verticalflash-arrow-down .elementor-icon, .verticalflash-arrow-down .elementor-icon-wrapper .elementor-icon, .verticalflash-arrow-left .elementor-icon, .verticalflash-arrow-left .elementor-icon-wrapper .elementor-icon, .verticalflash-arrow-right .elementor-icon, .verticalflash-arrow-right .elementor-icon-wrapper .elementor-icon { animation-duration: 1.65s !important; animation-timing-function: ease-in-out !important; animation-iteration-count: infinite !important; } .verticalflash-arrow-up .elementor-icon, .verticalflash-arrow-up .elementor-icon-wrapper .elementor-icon { animation-name: verticalflashArrowPulseUp !important; } .verticalflash-arrow-down .elementor-icon, .verticalflash-arrow-down .elementor-icon-wrapper .elementor-icon { animation-name: verticalflashArrowPulseDown !important; } .verticalflash-arrow-left .elementor-icon, .verticalflash-arrow-left .elementor-icon-wrapper .elementor-icon { animation-name: verticalflashArrowPulseLeft !important; } .verticalflash-arrow-right .elementor-icon, .verticalflash-arrow-right .elementor-icon-wrapper .elementor-icon { animation-name: verticalflashArrowPulseRight !important; } @keyframes verticalflashArrowPulseUp { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } @keyframes verticalflashArrowPulseDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } } @keyframes verticalflashArrowPulseLeft { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-6px); } } @keyframes verticalflashArrowPulseRight { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(6px); } } @media (max-width: 1024px) { .verticalflash-arrow-up { top: 44px !important; } .verticalflash-arrow-down { bottom: 44px !important; } .verticalflash-arrow-left { left: 44px !important; } .verticalflash-arrow-right { right: 44px !important; } } @media (max-width: 767px) { .verticalflash-arrow-up, .verticalflash-arrow-down, .verticalflash-arrow-left, .verticalflash-arrow-right { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; } .verticalflash-arrow-up { top: 38px !important; } .verticalflash-arrow-down { bottom: 38px !important; } .verticalflash-arrow-left { left: 38px !important; } .verticalflash-arrow-right { right: 38px !important; } } @media (min-width: 1025px) { body:has(.verticalflash-stage) .elementor-element:has(.verticalflash-stage) { overflow: visible !important; } .verticalflash-stage { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } } @media (max-width: 1024px) { .verticalflash-stage { position: relative !important; top: auto !important; left: auto !important; right: auto !important; margin: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; } } @media (min-width: 1025px) { html:has(.verticalflash-stage), body:has(.verticalflash-stage) { overflow-x: hidden !important; } body:has(.verticalflash-stage) .verticalflash-stage { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; transform: none !important; } } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before { top: 0 !important; bottom: 0 !important; left: 0 !important; right: auto !important; width: 39px !important; height: 100% !important; border-top: none !important; border-bottom: none !important; border-left: 1px solid rgba(255,255,255,.45); border-right: 2px solid rgba(0,0,0,.85); background-image: linear-gradient( to right, transparent 0, rgba(72,72,72,.88) 0, rgba(42,42,42,.90) 22%, rgba(20,20,20,.94) 55%, rgba(48,48,48,.90) 82%, rgba(72,72,72,.86) 100% ), linear-gradient( to bottom, transparent 0, rgba(255,255,255,.11) 50%, transparent 100% ); background-repeat: no-repeat, no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='180' viewBox='0 0 39 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H39V180H0ZM11.5 29H27.5V45H11.5ZM11.5 74H27.5V90H11.5ZM11.5 119H27.5V135H11.5ZM11.5 164H27.5V180H11.5Z'/%3E%3C/svg%3E"); mask-repeat: repeat-y; mask-position: 0 0; mask-size: 39px 180px; mask-mode: alpha; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='180' viewBox='0 0 39 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H39V180H0ZM11.5 29H27.5V45H11.5ZM11.5 74H27.5V90H11.5ZM11.5 119H27.5V135H11.5ZM11.5 164H27.5V180H11.5Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-y; -webkit-mask-position: 0 0; -webkit-mask-size: 39px 180px; box-shadow: 5px 0 18px rgba(0,0,0,.75); animation: verticalflashPermanentFilmLeft 4.57s linear infinite; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { top: 0 !important; bottom: 0 !important; left: auto !important; right: 0 !important; width: 39px !important; height: 100% !important; border-top: none !important; border-bottom: none !important; border-left: 2px solid rgba(0,0,0,.85); border-right: 1px solid rgba(255,255,255,.45); background-image: linear-gradient( to right, rgba(72,72,72,.86) 0, rgba(48,48,48,.90) 18%, rgba(20,20,20,.94) 48%, rgba(42,42,42,.90) 78%, rgba(72,72,72,.86) 100% ), linear-gradient( to bottom, transparent 0, rgba(255,255,255,.11) 50%, transparent 100% ); background-repeat: no-repeat, no-repeat; background-size: 100% 100%, 100% 100%; background-position: 0 0, 0 0; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='180' viewBox='0 0 39 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H39V180H0ZM11.5 29H27.5V45H11.5ZM11.5 74H27.5V90H11.5ZM11.5 119H27.5V135H11.5ZM11.5 164H27.5V180H11.5Z'/%3E%3C/svg%3E"); mask-repeat: repeat-y; mask-position: 0 0; mask-size: 39px 180px; mask-mode: alpha; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='180' viewBox='0 0 39 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H39V180H0ZM11.5 29H27.5V45H11.5ZM11.5 74H27.5V90H11.5ZM11.5 119H27.5V135H11.5ZM11.5 164H27.5V180H11.5Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-y; -webkit-mask-position: 0 0; -webkit-mask-size: 39px 180px; box-shadow: -5px 0 18px rgba(0,0,0,.75); animation: verticalflashPermanentFilmRight 4.57s linear infinite; } @keyframes verticalflashPermanentFilmLeft { from { mask-position: 0 0; -webkit-mask-position: 0 0; } to { mask-position: 0 180px; -webkit-mask-position: 0 180px; } } @keyframes verticalflashPermanentFilmRight { from { mask-position: 0 0; -webkit-mask-position: 0 0; } to { mask-position: 0 180px; -webkit-mask-position: 0 180px; } } @media (max-width: 1024px) { .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before, .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { width: 32px !important; height: 100% !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='180' viewBox='0 0 32 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H32V180H0ZM9 31H23V45H9ZM9 76H23V90H9ZM9 121H23V135H9ZM9 166H23V180H9Z'/%3E%3C/svg%3E"); mask-repeat: repeat-y; mask-size: 32px 180px; mask-position: 0 0; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='180' viewBox='0 0 32 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H32V180H0ZM9 31H23V45H9ZM9 76H23V90H9ZM9 121H23V135H9ZM9 166H23V180H9Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-y; -webkit-mask-size: 32px 180px; -webkit-mask-position: 0 0; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='180' viewBox='0 0 32 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H32V180H0ZM9 31H23V45H9ZM9 76H23V90H9ZM9 121H23V135H9ZM9 166H23V180H9Z'/%3E%3C/svg%3E"); mask-repeat: repeat-y; mask-size: 32px 180px; mask-position: 0 0; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='180' viewBox='0 0 32 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H32V180H0ZM9 31H23V45H9ZM9 76H23V90H9ZM9 121H23V135H9ZM9 166H23V180H9Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-y; -webkit-mask-size: 32px 180px; -webkit-mask-position: 0 0; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before, .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { animation-duration: 4.57s; } } @media (max-width: 767px) { .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before, .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { width: 26px !important; height: 100% !important; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='180' viewBox='0 0 26 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H26V180H0ZM7 33H19V45H7ZM7 78H19V90H7ZM7 123H19V135H7ZM7 168H19V180H7Z'/%3E%3C/svg%3E"); mask-repeat: repeat-y; mask-size: 26px 180px; mask-position: 0 0; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='180' viewBox='0 0 26 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H26V180H0ZM7 33H19V45H7ZM7 78H19V90H7ZM7 123H19V135H7ZM7 168H19V180H7Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-y; -webkit-mask-size: 26px 180px; -webkit-mask-position: 0 0; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='180' viewBox='0 0 26 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H26V180H0ZM7 33H19V45H7ZM7 78H19V90H7ZM7 123H19V135H7ZM7 168H19V180H7Z'/%3E%3C/svg%3E"); mask-repeat: repeat-y; mask-size: 26px 180px; mask-position: 0 0; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='180' viewBox='0 0 26 180'%3E%3Cpath fill='white' fill-rule='evenodd' d='M0 0H26V180H0ZM7 33H19V45H7ZM7 78H19V90H7ZM7 123H19V135H7ZM7 168H19V180H7Z'/%3E%3C/svg%3E"); -webkit-mask-repeat: repeat-y; -webkit-mask-size: 26px 180px; -webkit-mask-position: 0 0; } .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::before, .verticalflash-track > [class*="verticalflash-panel-"] > .verticalflash-main::after { animation-duration: 3.43s; } } .verticalflash-film-logo-layer[data-verticalflash-film-logo="top"] { left: 0 !important; right: auto !important; top: 0 !important; bottom: auto !important; } .verticalflash-film-logo-layer[data-verticalflash-film-logo="bottom"] { left: auto !important; right: 0 !important; top: 0 !important; bottom: auto !important; } .verticalflash-film-logo-layer[data-verticalflash-film-logo="left"] { left: 0 !important; right: auto !important; top: 0 !important; bottom: auto !important; } .verticalflash-film-logo-layer[data-verticalflash-film-logo="right"] { left: auto !important; right: 0 !important; top: 0 !important; bottom: auto !important; } .verticalflash-film-logo-layer[data-verticalflash-film-logo="top"] .verticalflash-film-logo, .verticalflash-film-logo-layer[data-verticalflash-film-logo="bottom"] .verticalflash-film-logo, .verticalflash-film-logo-layer[data-verticalflash-film-logo="left"] .verticalflash-film-logo, .verticalflash-film-logo-layer[data-verticalflash-film-logo="right"] .verticalflash-film-logo { transform: none !important; opacity: .46 !important; visibility: visible !important; display: block !important; } @media (max-width: 767px) { .verticalflash-left-content .elementor-widget, .verticalflash-right-content .elementor-widget { display: block !important; visibility: visible !important; opacity: 1 !important; max-width: 100% !important; } .verticalflash-left-content .elementor-widget-container, .verticalflash-right-content .elementor-widget-container { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 100% !important; } .verticalflash-left-content .elementor-widget-text-editor, .verticalflash-right-content .elementor-widget-text-editor, .verticalflash-left-content .elementor-widget-gallery, .verticalflash-right-content .elementor-widget-gallery { visibility: visible !important; opacity: 1 !important; } } @media (max-width: 767px), (max-width: 1024px) and (max-height: 500px) and (orientation: landscape) { .verticalflash-film-overlay.verticalflash-vintage-ready { pointer-events: none !important; } } @media (max-width: 767px), (max-width: 1024px) and (max-height: 500px) and (orientation: landscape) { .verticalflash-left-content, .verticalflash-right-content, .verticalflash-main > .verticalflash-left-content, .verticalflash-main > .verticalflash-right-content, .verticalflash-main .verticalflash-left-content, .verticalflash-main .verticalflash-right-content { position: absolute !important; top: 0 !important; height: 100dvh !important; min-height: 100dvh !important; max-height: none !important; display: block !important; overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; touch-action: pan-y !important; box-sizing: border-box !important; } .verticalflash-left-content .e-con, .verticalflash-right-content .e-con, .verticalflash-left-content .elementor-container, .verticalflash-right-content .elementor-container { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; box-sizing: border-box !important; } .verticalflash-left-content .elementor-widget, .verticalflash-right-content .elementor-widget, .verticalflash-left-content .elementor-widget-container, .verticalflash-right-content .elementor-widget-container { height: auto !important; min-height: 0 !important; max-height: none !important; box-sizing: border-box !important; } .verticalflash-left-content > *, .verticalflash-right-content > * { height: auto !important; min-height: 0 !important; max-height: none !important; box-sizing: border-box !important; } } /* ================================================= ELSŐ SLIDE – FILMSZALAG KIKAPCSOLÁSA A verticalflash-panel-1 saját filmszalag pseudo-elementjei nem jelennek meg. A többi slide változatlan marad. ================================================= */ .verticalflash-track > .verticalflash-panel-1 > .verticalflash-main::before, .verticalflash-track > .verticalflash-panel-1 > .verticalflash-main::after { display: none !important; } /* ================================================= VERTICALFLASH – BAL OLDALI IKON + SZÖVEG Külön navigációs elem a sima .verticalflash-arrow-left mellett. Funkciója ugyanaz, mint a bal oldali nyílnak: openVerticalflashSide(-1) ================================================= */ .verticalflash-arrow-left-text { position: absolute !important; top: 50% !important; right: auto !important; bottom: auto !important; left: 51px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 42px !important; margin: 0 !important; padding: 10px 14px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; box-sizing: border-box !important; transform: translateY(-50%) !important; cursor: pointer !important; pointer-events: auto !important; z-index: 1001 !important; color: #fff !important; white-space: nowrap !important; } .verticalflash-arrow-left-text .elementor-widget-container { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } .verticalflash-arrow-left-text .elementor-icon, .verticalflash-arrow-left-text .elementor-icon-wrapper, .verticalflash-arrow-left-text .elementor-heading-title, .verticalflash-arrow-left-text p, .verticalflash-arrow-left-text span { margin: 0 !important; padding: 0 !important; } .verticalflash-arrow-left-text .elementor-icon, .verticalflash-arrow-left-text .elementor-icon-wrapper .elementor-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; color: inherit !important; animation: verticalflashArrowLeftTextPulse 1.65s ease-in-out infinite !important; } .verticalflash-arrow-left-text .elementor-heading-title, .verticalflash-arrow-left-text p, .verticalflash-arrow-left-text span { color: inherit !important; line-height: 1.2 !important; white-space: nowrap !important; } @keyframes verticalflashArrowLeftTextPulse { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-6px); } } @media (max-width: 1024px) { .verticalflash-arrow-left-text { left: 44px !important; } } @media (max-width: 767px) { .verticalflash-arrow-left-text { left: 38px !important; min-height: 38px !important; padding: 8px 10px !important; gap: 8px !important; } } .verticalflash-arrow-left-text .elementor-icon-box-wrapper { align-items: center !important; } .verticalflash-arrow-left-text .elementor-icon-box-content { display: flex !important; align-items: center !important; } .verticalflash-arrow-left-text .elementor-icon-box-title { margin: 0 !important; line-height: 1 !important; position: relative !important; top: 2px !important; } /* ================================================= VERTICALFLASH – JOBB OLDALI IKON + SZÖVEG Funkciója ugyanaz, mint a jobb oldali nyílnak: openVerticalflashSide(1) ================================================= */ .verticalflash-arrow-right-text { position: absolute !important; top: 50% !important; right: 51px !important; bottom: auto !important; left: auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 42px !important; margin: 0 !important; padding: 10px 14px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; box-sizing: border-box !important; transform: translateY(-50%) !important; cursor: pointer !important; pointer-events: auto !important; z-index: 1001 !important; color: #fff !important; white-space: nowrap !important; } .verticalflash-arrow-right-text .elementor-widget-container { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } .verticalflash-arrow-right-text .elementor-icon, .verticalflash-arrow-right-text .elementor-icon-wrapper, .verticalflash-arrow-right-text .elementor-heading-title, .verticalflash-arrow-right-text p, .verticalflash-arrow-right-text span { margin: 0 !important; padding: 0 !important; } .verticalflash-arrow-right-text .elementor-icon, .verticalflash-arrow-right-text .elementor-icon-wrapper .elementor-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; color: inherit !important; animation: verticalflashArrowRightTextPulse 1.65s ease-in-out infinite !important; } .verticalflash-arrow-right-text .elementor-heading-title, .verticalflash-arrow-right-text p, .verticalflash-arrow-right-text span { color: inherit !important; line-height: 1.2 !important; white-space: nowrap !important; } @keyframes verticalflashArrowRightTextPulse { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(6px); } } @media (max-width: 1024px) { .verticalflash-arrow-right-text { right: 44px !important; } } @media (max-width: 767px) { .verticalflash-arrow-right-text { right: 38px !important; min-height: 38px !important; padding: 8px 10px !important; gap: 8px !important; } } .verticalflash-arrow-right-text .elementor-icon-box-wrapper { align-items: center !important; } .verticalflash-arrow-right-text .elementor-icon-box-content { display: flex !important; align-items: center !important; } .verticalflash-arrow-right-text .elementor-icon-box-title { margin: 0 !important; line-height: 1 !important; position: relative !important; top: 2px !important; } /* ================================================= VERTICALFLASH – FELSŐ IKON + SZÖVEG Funkciója ugyanaz, mint a felső nyílnak: goToVerticalflashSlide(-1) ================================================= */ .verticalflash-arrow-up-text { position: absolute !important; top: 51px !important; right: auto !important; bottom: auto !important; left: 50% !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 42px !important; margin: 0 !important; padding: 10px 14px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 10px !important; box-sizing: border-box !important; transform: translateX(-50%) !important; cursor: pointer !important; pointer-events: auto !important; z-index: 1001 !important; color: #fff !important; white-space: nowrap !important; } .verticalflash-arrow-up-text .elementor-widget-container { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } .verticalflash-arrow-up-text .elementor-icon, .verticalflash-arrow-up-text .elementor-icon-wrapper, .verticalflash-arrow-up-text .elementor-heading-title, .verticalflash-arrow-up-text p, .verticalflash-arrow-up-text span { margin: 0 !important; padding: 0 !important; } .verticalflash-arrow-up-text .elementor-icon, .verticalflash-arrow-up-text .elementor-icon-wrapper .elementor-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; color: inherit !important; animation: verticalflashArrowUpTextPulse 1.65s ease-in-out infinite !important; } .verticalflash-arrow-up-text .elementor-heading-title, .verticalflash-arrow-up-text p, .verticalflash-arrow-up-text span { color: inherit !important; line-height: 1.2 !important; white-space: nowrap !important; } @keyframes verticalflashArrowUpTextPulse { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } @media (max-width: 1024px) { .verticalflash-arrow-up-text { top: 44px !important; } } @media (max-width: 767px) { .verticalflash-arrow-up-text { top: 38px !important; min-height: 38px !important; padding: 8px 10px !important; gap: 8px !important; } } .verticalflash-arrow-up-text .elementor-icon-box-wrapper { align-items: center !important; } .verticalflash-arrow-up-text .elementor-icon-box-content { display: flex !important; align-items: center !important; } .verticalflash-arrow-up-text .elementor-icon-box-title { margin: 0 !important; line-height: 1 !important; position: relative !important; top: 2px !important; } /* ================================================= VERTICALFLASH – ALSÓ IKON + SZÖVEG Funkciója ugyanaz, mint az alsó nyílnak: goToVerticalflashSlide(1) ================================================= */ .verticalflash-arrow-down-text { position: absolute !important; top: auto !important; right: auto !important; bottom: 51px !important; left: 50% !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 42px !important; margin: 0 !important; padding: 10px 14px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 10px !important; box-sizing: border-box !important; transform: translateX(-50%) !important; cursor: pointer !important; pointer-events: auto !important; z-index: 1001 !important; color: #fff !important; white-space: nowrap !important; } .verticalflash-arrow-down-text .elementor-widget-container { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; } .verticalflash-arrow-down-text .elementor-icon, .verticalflash-arrow-down-text .elementor-icon-wrapper, .verticalflash-arrow-down-text .elementor-heading-title, .verticalflash-arrow-down-text p, .verticalflash-arrow-down-text span { margin: 0 !important; padding: 0 !important; } .verticalflash-arrow-down-text .elementor-icon, .verticalflash-arrow-down-text .elementor-icon-wrapper .elementor-icon { display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; color: inherit !important; animation: verticalflashArrowDownTextPulse 1.65s ease-in-out infinite !important; } .verticalflash-arrow-down-text .elementor-heading-title, .verticalflash-arrow-down-text p, .verticalflash-arrow-down-text span { color: inherit !important; line-height: 1.2 !important; white-space: nowrap !important; } @keyframes verticalflashArrowDownTextPulse { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } } @media (max-width: 1024px) { .verticalflash-arrow-down-text { bottom: 44px !important; } } @media (max-width: 767px) { .verticalflash-arrow-down-text { bottom: 38px !important; min-height: 38px !important; padding: 8px 10px !important; gap: 8px !important; } } .verticalflash-arrow-down-text .elementor-icon-box-wrapper { align-items: center !important; } .verticalflash-arrow-down-text .elementor-icon-box-content { display: flex !important; align-items: center !important; } .verticalflash-arrow-down-text .elementor-icon-box-title { margin: 0 !important; line-height: 1 !important; position: relative !important; top: 2px !important; } /* ================================================================ VERTICALFLASH – TÖBBSZINTŰ SIDE CONTENT BŐVÍTÉS A JS a következő classokat automatikusan felismeri: verticalflash-left-content = bal 1. szint verticalflash-left1-content = bal 2. szint verticalflash-left2-content = bal 3. szint ... verticalflash-right-content = jobb 1. szint verticalflash-right1-content = jobb 2. szint verticalflash-right2-content = jobb 3. szint ... ================================================================ */ .verticalflash-side-content { position: absolute !important; top: 0 !important; width: 100vw !important; height: 100dvh !important; min-height: 100dvh !important; max-height: none !important; margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; overflow-y: auto !important; box-sizing: border-box !important; overscroll-behavior: contain !important; -webkit-overflow-scrolling: touch !important; touch-action: pan-y !important; z-index: 30 !important; opacity: 1 !important; visibility: visible !important; } .verticalflash-side-content > * { box-sizing: border-box !important; } .verticalflash-side-navigation { z-index: 1000 !important; } .verticalflash-side-content .elementor-widget, .verticalflash-side-content .elementor-widget-container, .verticalflash-side-content .e-con, .verticalflash-side-content .elementor-container { box-sizing: border-box !important; } @media (max-width: 767px), (max-width: 1024px) and (max-height: 500px) and (orientation: landscape) { .verticalflash-side-content { position: absolute !important; top: 0 !important; height: 100dvh !important; min-height: 100dvh !important; max-height: none !important; display: block !important; overflow-x: hidden !important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; touch-action: pan-y !important; box-sizing: border-box !important; } .verticalflash-side-content .e-con, .verticalflash-side-content .elementor-container, .verticalflash-side-content .elementor-widget, .verticalflash-side-content .elementor-widget-container, .verticalflash-side-content > * { height: auto !important; min-height: 0 !important; max-height: none !important; box-sizing: border-box !important; } .verticalflash-side-content .elementor-widget, .verticalflash-side-content .elementor-widget-container { display: block !important; visibility: visible !important; opacity: 1 !important; max-width: 100% !important; } } \n\n/* =================================================\n SIDE CONTENT NAVIGATION\n KÜLÖN CLASSOK – NEM A MAIN NAVIGÁCIÓ MÁSOLATA\n================================================= */\n\n.verticalflash-content-navigation {\n\n position: absolute !important;\n\n top: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n left: 0 !important;\n\n width: 100% !important;\n height: 100% !important;\n\n margin: 0 !important;\n padding: 0 !important;\n\n display: block !important;\n\n z-index: 1000 !important;\n\n pointer-events: none !important;\n\n box-sizing: border-box !important;\n}\n\n.verticalflash-content-navigation-arrow-up,\n.verticalflash-content-navigation-arrow-down,\n.verticalflash-content-navigation-arrow-left,\n.verticalflash-content-navigation-arrow-right {\n\n position: absolute !important;\n\n width: 42px !important;\n height: 42px !important;\n\n min-width: 42px !important;\n min-height: 42px !important;\n\n margin: 0 !important;\n padding: 0 !important;\n\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n\n box-sizing: border-box !important;\n\n cursor: pointer !important;\n pointer-events: auto !important;\n\n z-index: 1001 !important;\n}\n\n.verticalflash-content-navigation-arrow-up {\n top: 51px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n}\n\n.verticalflash-content-navigation-arrow-down {\n bottom: 51px !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n}\n\n.verticalflash-content-navigation-arrow-left {\n top: 50% !important;\n left: 51px !important;\n transform: translateY(-50%) !important;\n}\n\n.verticalflash-content-navigation-arrow-right {\n top: 50% !important;\n right: 51px !important;\n transform: translateY(-50%) !important;\n}\n\n.verticalflash-content-navigation-arrow-up .elementor-icon,\n.verticalflash-content-navigation-arrow-up .elementor-icon-wrapper .elementor-icon,\n.verticalflash-content-navigation-arrow-down .elementor-icon,\n.verticalflash-content-navigation-arrow-down .elementor-icon-wrapper .elementor-icon,\n.verticalflash-content-navigation-arrow-left .elementor-icon,\n.verticalflash-content-navigation-arrow-left .elementor-icon-wrapper .elementor-icon,\n.verticalflash-content-navigation-arrow-right .elementor-icon,\n.verticalflash-content-navigation-arrow-right .elementor-icon-wrapper .elementor-icon {\n animation-duration: 1.65s !important;\n animation-timing-function: ease-in-out !important;\n animation-iteration-count: infinite !important;\n}\n\n.verticalflash-content-navigation-arrow-up .elementor-icon,\n.verticalflash-content-navigation-arrow-up .elementor-icon-wrapper .elementor-icon {\n animation-name: verticalflashContentNavigationPulseUp !important;\n}\n\n.verticalflash-content-navigation-arrow-down .elementor-icon,\n.verticalflash-content-navigation-arrow-down .elementor-icon-wrapper .elementor-icon {\n animation-name: verticalflashContentNavigationPulseDown !important;\n}\n\n.verticalflash-content-navigation-arrow-left .elementor-icon,\n.verticalflash-content-navigation-arrow-left .elementor-icon-wrapper .elementor-icon {\n animation-name: verticalflashContentNavigationPulseLeft !important;\n}\n\n.verticalflash-content-navigation-arrow-right .elementor-icon,\n.verticalflash-content-navigation-arrow-right .elementor-icon-wrapper .elementor-icon {\n animation-name: verticalflashContentNavigationPulseRight !important;\n}\n\n@keyframes verticalflashContentNavigationPulseUp {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-6px); }\n}\n\n@keyframes verticalflashContentNavigationPulseDown {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(6px); }\n}\n\n@keyframes verticalflashContentNavigationPulseLeft {\n 0%, 100% { transform: translateX(0); }\n 50% { transform: translateX(-6px); }\n}\n\n@keyframes verticalflashContentNavigationPulseRight {\n 0%, 100% { transform: translateX(0); }\n 50% { transform: translateX(6px); }\n}\n\n@media (max-width: 1024px) {\n .verticalflash-content-navigation-arrow-up { top: 44px !important; }\n .verticalflash-content-navigation-arrow-down { bottom: 44px !important; }\n .verticalflash-content-navigation-arrow-left { left: 44px !important; }\n .verticalflash-content-navigation-arrow-right { right: 44px !important; }\n}\n\n@media (max-width: 767px) {\n .verticalflash-content-navigation-arrow-up,\n .verticalflash-content-navigation-arrow-down,\n .verticalflash-content-navigation-arrow-left,\n .verticalflash-content-navigation-arrow-right {\n width: 38px !important;\n height: 38px !important;\n min-width: 38px !important;\n min-height: 38px !important;\n }\n\n .verticalflash-content-navigation-arrow-up { top: 38px !important; }\n .verticalflash-content-navigation-arrow-down { bottom: 38px !important; }\n .verticalflash-content-navigation-arrow-left { left: 38px !important; }\n .verticalflash-content-navigation-arrow-right { right: 38px !important; }\n}\n /* ================================================= SIDE CONTENT NAVIGATION KÜLÖN NAVIGÁCIÓ – NEM A MAIN NAVIGÁCIÓ MÁSOLATA ================================================= */ /* FONTOS: A .verticalflash-content-navigation Elementor Container, ezért a .verticalflash-side-content .e-con szabály nem korlátozhatja a magasságát. */ .verticalflash-side-content .verticalflash-content-navigation { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; min-width: 0 !important; min-height: 100% !important; max-height: none !important; margin: 0 !important; padding: 0 !important; display: block !important; transform: none !important; z-index: 1000 !important; pointer-events: none !important; box-sizing: border-box !important; } /* Az Elementor belső container-szabályait is felülírjuk, hogy a navigáció valóban a teljes side content magasságát használja. */ .verticalflash-side-content .verticalflash-content-navigation.e-con, .verticalflash-side-content .verticalflash-content-navigation.elementor-element { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: none !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: block !important; box-sizing: border-box !important; } /* Saját side-navigation nyilak. Ezek teljesen külön classok, a MAIN navigationtól függetlenül. */ .verticalflash-content-navigation-arrow-up, .verticalflash-content-navigation-arrow-down, .verticalflash-content-navigation-arrow-left, .verticalflash-content-navigation-arrow-right { position: absolute !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; cursor: pointer !important; pointer-events: auto !important; z-index: 1001 !important; } /* FEL */ .verticalflash-content-navigation-arrow-up { top: 51px !important; right: auto !important; bottom: auto !important; left: 50% !important; transform: translateX(-50%) !important; } /* LE */ .verticalflash-content-navigation-arrow-down { top: auto !important; right: auto !important; bottom: 51px !important; left: 50% !important; transform: translateX(-50%) !important; } /* BALRA */ .verticalflash-content-navigation-arrow-left { top: 50% !important; right: auto !important; bottom: auto !important; left: 51px !important; transform: translateY(-50%) !important; } /* JOBBRA */ .verticalflash-content-navigation-arrow-right { top: 50% !important; right: 51px !important; bottom: auto !important; left: auto !important; transform: translateY(-50%) !important; } /* A MAIN navigációhoz hasonló animáció, de teljesen saját keyframe-nevekkel. */ .verticalflash-content-navigation-arrow-up .elementor-icon, .verticalflash-content-navigation-arrow-up .elementor-icon-wrapper .elementor-icon, .verticalflash-content-navigation-arrow-down .elementor-icon, .verticalflash-content-navigation-arrow-down .elementor-icon-wrapper .elementor-icon, .verticalflash-content-navigation-arrow-left .elementor-icon, .verticalflash-content-navigation-arrow-left .elementor-icon-wrapper .elementor-icon, .verticalflash-content-navigation-arrow-right .elementor-icon, .verticalflash-content-navigation-arrow-right .elementor-icon-wrapper .elementor-icon { animation-duration: 1.65s !important; animation-timing-function: ease-in-out !important; animation-iteration-count: infinite !important; } /* FEL animáció */ .verticalflash-content-navigation-arrow-up .elementor-icon, .verticalflash-content-navigation-arrow-up .elementor-icon-wrapper .elementor-icon { animation-name: verticalflashContentNavigationArrowPulseUp !important; } /* LE animáció */ .verticalflash-content-navigation-arrow-down .elementor-icon, .verticalflash-content-navigation-arrow-down .elementor-icon-wrapper .elementor-icon { animation-name: verticalflashContentNavigationArrowPulseDown !important; } /* BALRA animáció */ .verticalflash-content-navigation-arrow-left .elementor-icon, .verticalflash-content-navigation-arrow-left .elementor-icon-wrapper .elementor-icon { animation-name: verticalflashContentNavigationArrowPulseLeft !important; } /* JOBBRA animáció */ .verticalflash-content-navigation-arrow-right .elementor-icon, .verticalflash-content-navigation-arrow-right .elementor-icon-wrapper .elementor-icon { animation-name: verticalflashContentNavigationArrowPulseRight !important; } /* ================================================= SAJÁT CONTENT NAVIGATION KEYFRAME-EK ================================================= */ @keyframes verticalflashContentNavigationArrowPulseUp { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } } @keyframes verticalflashContentNavigationArrowPulseDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } } @keyframes verticalflashContentNavigationArrowPulseLeft { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-6px); } } @keyframes verticalflashContentNavigationArrowPulseRight { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(6px); } } /* ================================================= VERTICALFLASH – MOBIL NYILAK ÉS CONTENT-TEXT NAVIGÁCIÓ Az eredeti 3332 sor változatlan. Ez a blokk csak kiegészítés. A -text classok ÖNÁLLÓ Elementor widgetek lehetnek. Nem feltételezzük, hogy Icon Box vagy Icon List. A class közvetlenül a widgeten/containeren is működik. ================================================= */ /* ================================================= CONTENT NAVIGATION – TEXT ELEMEK ALAPHELYZETE ================================================= */ .verticalflash-content-navigation-arrow-up-text, .verticalflash-content-navigation-arrow-down-text, .verticalflash-content-navigation-arrow-left-text, .verticalflash-content-navigation-arrow-right-text { position: absolute !important; width: auto !important; min-width: 0 !important; max-width: calc(100vw - 36px) !important; height: auto !important; min-height: 42px !important; margin: 0 !important; padding: 10px 14px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; cursor: pointer !important; pointer-events: auto !important; z-index: 1001 !important; color: #fff !important; white-space: nowrap !important; } /* FEL */ .verticalflash-content-navigation-arrow-up-text { top: 51px !important; right: auto !important; bottom: auto !important; left: 50% !important; transform: translateX(-50%) !important; justify-content: center !important; } /* LE */ .verticalflash-content-navigation-arrow-down-text { top: auto !important; right: auto !important; bottom: 51px !important; left: 50% !important; transform: translateX(-50%) !important; justify-content: center !important; } /* BALRA */ .verticalflash-content-navigation-arrow-left-text { top: 50% !important; right: auto !important; bottom: auto !important; left: 51px !important; transform: translateY(-50%) !important; flex-direction: row !important; justify-content: flex-start !important; gap: 10px !important; } /* JOBBRA */ .verticalflash-content-navigation-arrow-right-text { top: 50% !important; right: 51px !important; bottom: auto !important; left: auto !important; transform: translateY(-50%) !important; flex-direction: row !important; justify-content: flex-end !important; gap: 10px !important; } /* ================================================= CONTENT TEXT – ELEMENTOR BELSŐ STRUKTÚRÁK Nem számít, hogy sima widget, Icon Box vagy Icon List. ================================================= */ .verticalflash-content-navigation-arrow-up-text .elementor-widget-container, .verticalflash-content-navigation-arrow-down-text .elementor-widget-container, .verticalflash-content-navigation-arrow-left-text .elementor-widget-container, .verticalflash-content-navigation-arrow-right-text .elementor-widget-container { width: auto !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; } .verticalflash-content-navigation-arrow-up-text .elementor-icon-box-wrapper, .verticalflash-content-navigation-arrow-down-text .elementor-icon-box-wrapper, .verticalflash-content-navigation-arrow-left-text .elementor-icon-box-wrapper, .verticalflash-content-navigation-arrow-right-text .elementor-icon-box-wrapper { display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .verticalflash-content-navigation-arrow-up-text .elementor-icon-box-content, .verticalflash-content-navigation-arrow-down-text .elementor-icon-box-content, .verticalflash-content-navigation-arrow-left-text .elementor-icon-box-content, .verticalflash-content-navigation-arrow-right-text .elementor-icon-box-content { display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .verticalflash-content-navigation-arrow-up-text .elementor-icon-list-items, .verticalflash-content-navigation-arrow-down-text .elementor-icon-list-items, .verticalflash-content-navigation-arrow-left-text .elementor-icon-list-items, .verticalflash-content-navigation-arrow-right-text .elementor-icon-list-items { display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } .verticalflash-content-navigation-arrow-up-text .elementor-icon, .verticalflash-content-navigation-arrow-up-text .elementor-icon-wrapper, .verticalflash-content-navigation-arrow-up-text .elementor-heading-title, .verticalflash-content-navigation-arrow-up-text .elementor-icon-list-text, .verticalflash-content-navigation-arrow-up-text p, .verticalflash-content-navigation-arrow-up-text span, .verticalflash-content-navigation-arrow-down-text .elementor-icon, .verticalflash-content-navigation-arrow-down-text .elementor-icon-wrapper, .verticalflash-content-navigation-arrow-down-text .elementor-heading-title, .verticalflash-content-navigation-arrow-down-text .elementor-icon-list-text, .verticalflash-content-navigation-arrow-down-text p, .verticalflash-content-navigation-arrow-down-text span, .verticalflash-content-navigation-arrow-left-text .elementor-icon, .verticalflash-content-navigation-arrow-left-text .elementor-icon-wrapper, .verticalflash-content-navigation-arrow-left-text .elementor-heading-title, .verticalflash-content-navigation-arrow-left-text .elementor-icon-list-text, .verticalflash-content-navigation-arrow-left-text p, .verticalflash-content-navigation-arrow-left-text span, .verticalflash-content-navigation-arrow-right-text .elementor-icon, .verticalflash-content-navigation-arrow-right-text .elementor-icon-wrapper, .verticalflash-content-navigation-arrow-right-text .elementor-heading-title, .verticalflash-content-navigation-arrow-right-text .elementor-icon-list-text, .verticalflash-content-navigation-arrow-right-text p, .verticalflash-content-navigation-arrow-right-text span { margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; color: inherit !important; } /* ================================================= CONTENT TEXT – IKON ANIMÁCIÓ ================================================= */ .verticalflash-content-navigation-arrow-up-text .elementor-icon, .verticalflash-content-navigation-arrow-up-text .elementor-icon-wrapper .elementor-icon { animation: verticalflashContentNavigationArrowPulseUp 1.65s ease-in-out infinite !important; } .verticalflash-content-navigation-arrow-down-text .elementor-icon, .verticalflash-content-navigation-arrow-down-text .elementor-icon-wrapper .elementor-icon { animation: verticalflashContentNavigationArrowPulseDown 1.65s ease-in-out infinite !important; } .verticalflash-content-navigation-arrow-left-text .elementor-icon, .verticalflash-content-navigation-arrow-left-text .elementor-icon-wrapper .elementor-icon { animation: verticalflashContentNavigationArrowPulseLeft 1.65s ease-in-out infinite !important; } .verticalflash-content-navigation-arrow-right-text .elementor-icon, .verticalflash-content-navigation-arrow-right-text .elementor-icon-wrapper .elementor-icon { animation: verticalflashContentNavigationArrowPulseRight 1.65s ease-in-out infinite !important; } /* ================================================= MOBIL – ÁLLÓ NÉZET BAL / JOBB NYILAK ALUL, NEM KÖZÉPEN ================================================= */ @media (max-width: 767px) and (orientation: portrait) { /* MAIN – BAL */ .verticalflash-arrow-left { top: auto !important; right: auto !important; bottom: 18px !important; left: 18px !important; transform: none !important; } /* MAIN – JOBB */ .verticalflash-arrow-right { top: auto !important; right: 18px !important; bottom: 18px !important; left: auto !important; transform: none !important; } /* MAIN – BAL TEXT */ .verticalflash-arrow-left-text { top: auto !important; right: auto !important; bottom: 10px !important; left: 18px !important; transform: none !important; } /* MAIN – JOBB TEXT */ .verticalflash-arrow-right-text { top: auto !important; right: 18px !important; bottom: 10px !important; left: auto !important; transform: none !important; } /* CONTENT – BAL */ .verticalflash-content-navigation-arrow-left { top: auto !important; right: auto !important; bottom: 18px !important; left: 18px !important; transform: none !important; } /* CONTENT – JOBB */ .verticalflash-content-navigation-arrow-right { top: auto !important; right: 18px !important; bottom: 18px !important; left: auto !important; transform: none !important; } /* CONTENT – BAL TEXT */ .verticalflash-content-navigation-arrow-left-text { top: auto !important; right: auto !important; bottom: 10px !important; left: 18px !important; transform: none !important; justify-content: flex-start !important; } /* CONTENT – JOBB TEXT */ .verticalflash-content-navigation-arrow-right-text { top: auto !important; right: 18px !important; bottom: 10px !important; left: auto !important; transform: none !important; justify-content: flex-end !important; } } /* ================================================= CONTENT NAVIGATION TEXT – ICON BOX IGAZÍTÁS Pontosan a MAIN text navigáció belső igazításának megfelelően. ================================================= */ .verticalflash-content-navigation-arrow-left-text .elementor-icon-box-wrapper, .verticalflash-content-navigation-arrow-right-text .elementor-icon-box-wrapper, .verticalflash-content-navigation-arrow-up-text .elementor-icon-box-wrapper, .verticalflash-content-navigation-arrow-down-text .elementor-icon-box-wrapper { align-items: center !important; } .verticalflash-content-navigation-arrow-left-text .elementor-icon-box-content, .verticalflash-content-navigation-arrow-right-text .elementor-icon-box-content, .verticalflash-content-navigation-arrow-up-text .elementor-icon-box-content, .verticalflash-content-navigation-arrow-down-text .elementor-icon-box-content { display: flex !important; align-items: center !important; } .verticalflash-content-navigation-arrow-left-text .elementor-icon-box-title, .verticalflash-content-navigation-arrow-right-text .elementor-icon-box-title, .verticalflash-content-navigation-arrow-up-text .elementor-icon-box-title, .verticalflash-content-navigation-arrow-down-text .elementor-icon-box-title { margin: 0 !important; line-height: 1 !important; position: relative !important; top: 2px !important; }