.elementor-lightbox { --lightbox-ui-color: hsla(0, 0%, 93%, .9); --lightbox-ui-color-hover: #fff; --lightbox-text-color: var(--lightbox-ui-color); --lightbox-header-icons-size: 20px; --lightbox-navigation-icons-size: 25px } .elementor-lightbox:not(.elementor-popup-modal) .dialog-header, .elementor-lightbox:not(.elementor-popup-modal) .dialog-message { text-align: center } .elementor-lightbox .dialog-header { display: none } .elementor-lightbox .dialog-widget-content { background: none; box-shadow: none; height: 100%; width: 100% } .elementor-lightbox .dialog-message { animation-duration: .3s; height: 100% } .elementor-lightbox .dialog-message.dialog-lightbox-message { padding: 0 } .elementor-lightbox .dialog-lightbox-close-button { cursor: pointer; display: flex; font-size: var(--lightbox-header-icons-size); inset-inline-end: .75em; line-height: 1; margin-top: 13px; padding: .25em; position: absolute; z-index: 2 } .elementor-lightbox .dialog-lightbox-close-button svg { height: 1em; width: 1em } .elementor-lightbox .dialog-lightbox-close-button, .elementor-lightbox .elementor-swiper-button { color: var(--lightbox-ui-color); opacity: 1; transition: all .3s } .elementor-lightbox .dialog-lightbox-close-button svg, .elementor-lightbox .elementor-swiper-button svg { fill: var(--lightbox-ui-color) } .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-lightbox .elementor-swiper-button:hover { color: var(--lightbox-ui-color-hover) } .elementor-lightbox .dialog-lightbox-close-button:hover svg, .elementor-lightbox .elementor-swiper-button:hover svg { fill: var(--lightbox-ui-color-hover) } .elementor-lightbox .swiper { height: 100% } .elementor-lightbox .elementor-lightbox-item { align-items: center; box-sizing: border-box; display: flex; height: 100%; justify-content: center; margin: auto; padding: 70px; position: relative } @media (max-width:767px) { .elementor-lightbox .elementor-lightbox-item { padding: 70px 0 } } .elementor-lightbox .elementor-lightbox-image { max-height: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none } .elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-lightbox-image:hover { border: none; filter: none; opacity: 1 } .elementor-lightbox .elementor-lightbox-image { border-radius: 2px; box-shadow: 0 0 30px rgba(0, 0, 0, .3), 0 0 8px -5px rgba(0, 0, 0, .3) } .elementor-lightbox .elementor-video-container { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100% } .elementor-lightbox .elementor-video-container .elementor-video-landscape, .elementor-lightbox .elementor-video-container .elementor-video-portrait, .elementor-lightbox .elementor-video-container .elementor-video-square { height: 100%; margin: auto; width: 100% } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-square iframe { background-color: #000; border: 0 } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video, .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait video, .elementor-lightbox .elementor-video-container .elementor-video-square iframe, .elementor-lightbox .elementor-video-container .elementor-video-square video { aspect-ratio: var(--video-aspect-ratio, 1.77777) } .elementor-lightbox .elementor-video-container .elementor-video-square iframe, .elementor-lightbox .elementor-video-container .elementor-video-square video { height: min(90vh, 90vw); width: min(90vh, 90vw) } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video { height: auto; max-height: 90vh; width: 100% } .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait video { height: 100%; max-width: 90vw } @media (min-width:1025px) { .elementor-lightbox .elementor-video-container .elementor-video-landscape { max-height: 85vh; width: 85vw } .elementor-lightbox .elementor-video-container .elementor-video-portrait { height: 85vh; max-width: 85vw } } @media (max-width:1024px) { .elementor-lightbox .elementor-video-container .elementor-video-landscape { max-height: 95vh; width: 95vw } .elementor-lightbox .elementor-video-container .elementor-video-portrait { height: 95vh; max-width: 95vw } } .elementor-lightbox .swiper .elementor-swiper-button-prev { left: 0 } .elementor-lightbox .swiper .elementor-swiper-button-next { right: 0 } .elementor-lightbox .swiper .swiper-pagination-fraction { color: #fff; width: -moz-max-content; width: max-content } .elementor-lightbox .elementor-swiper-button:focus { outline-width: 1px } .elementor-lightbox .elementor-swiper-button-next, .elementor-lightbox .elementor-swiper-button-prev { align-items: center; display: flex; font-size: var(--lightbox-navigation-icons-size); height: 100%; justify-content: center; width: 15% } @media (max-width:1024px) { .elementor-lightbox .elementor-swiper-button-next:active, .elementor-lightbox .elementor-swiper-button-prev:active { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .elementor-lightbox .elementor-swiper-button-next i, .elementor-lightbox .elementor-swiper-button-next svg, .elementor-lightbox .elementor-swiper-button-prev i, .elementor-lightbox .elementor-swiper-button-prev svg { cursor: pointer } .elementor-lightbox .elementor-swiper-button-next i:active, .elementor-lightbox .elementor-swiper-button-next svg:active, .elementor-lightbox .elementor-swiper-button-prev i:active, .elementor-lightbox .elementor-swiper-button-prev svg:active { background-color: rgba(0, 0, 0, .5); outline: none } } @media (max-width:767px) { .elementor-lightbox .elementor-swiper-button:focus { outline: none } .elementor-lightbox .elementor-swiper-button-next, .elementor-lightbox .elementor-swiper-button-prev { width: 20% } .elementor-lightbox .elementor-swiper-button-next:active, .elementor-lightbox .elementor-swiper-button-prev:active { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .elementor-lightbox .elementor-swiper-button-next i, .elementor-lightbox .elementor-swiper-button-prev i { background-color: rgba(0, 0, 0, .5); padding: 10px } .elementor-lightbox .elementor-swiper-button-next i, .elementor-lightbox .elementor-swiper-button-next svg, .elementor-lightbox .elementor-swiper-button-prev i, .elementor-lightbox .elementor-swiper-button-prev svg { cursor: pointer } .elementor-lightbox .elementor-swiper-button-next i:active, .elementor-lightbox .elementor-swiper-button-next svg:active, .elementor-lightbox .elementor-swiper-button-prev i:active, .elementor-lightbox .elementor-swiper-button-prev svg:active { background-color: rgba(0, 0, 0, .5); outline: none } .elementor-lightbox .elementor-swiper-button-prev { justify-content: flex-start; left: 0 } .elementor-lightbox .elementor-swiper-button-next { justify-content: flex-end; right: 0 } } .elementor-slideshow__counter { color: currentColor; font-size: .75em; width: -moz-max-content; width: max-content } .elementor-slideshow__footer, .elementor-slideshow__header { left: 0; padding: 15px 20px; position: absolute; transition: .3s; width: 100% } .elementor-slideshow__footer { color: var(--lightbox-text-color) } .elementor-slideshow__header { align-items: center; color: var(--lightbox-ui-color); display: flex; flex-direction: row-reverse; font-size: var(--lightbox-header-icons-size); padding-inline-end: 2.6em; padding-inline-start: 1em; top: 0; z-index: 10 } .elementor-slideshow__header>i, .elementor-slideshow__header>svg { cursor: pointer; margin: 0 .35em; padding: .25em } .elementor-slideshow__header>i { font-size: inherit } .elementor-slideshow__header>i:hover { color: var(--lightbox-ui-color-hover) } .elementor-slideshow__header>svg { box-sizing: content-box; fill: var(--lightbox-ui-color); height: 1em; width: 1em } .elementor-slideshow__header>svg:hover { fill: var(--lightbox-ui-color-hover) } .elementor-slideshow__header .elementor-slideshow__counter { margin-inline-end: auto } .elementor-slideshow__header .elementor-icon-share { z-index: 5 } .elementor-slideshow__share-menu { background-color: transparent; height: 0; overflow: hidden; position: absolute; transition: background-color .4s; width: 0 } .elementor-slideshow__share-menu .elementor-slideshow__share-links a { color: #0c0d0e } .elementor-slideshow__share-links { background-color: #fff; border-radius: 3px; box-shadow: 0 4px 15px rgba(0, 0, 0, .3); display: block; inset-inline-end: 2.8em; min-width: 200px; opacity: 0; padding: 14px 20px; position: absolute; top: 3em; transform: scale(0); transform-origin: 90% 10%; transition: all .25s .1s } .elementor-slideshow__share-links a { color: #3f444b; display: block; font-size: 12px; line-height: 2.5; opacity: 0; text-align: start; transition: opacity .5s .1s } .elementor-slideshow__share-links a:hover { color: #000 } .elementor-slideshow__share-links a i, .elementor-slideshow__share-links a svg { margin-inline-end: .75em } .elementor-slideshow__share-links a i { font-size: 1.25em } .elementor-slideshow__share-links a svg { height: 1.25em; width: 1.25em } .elementor-slideshow__share-links:before { border: .45em solid transparent; border-bottom-color: #fff; content: ""; display: block; inset-inline-end: .5em; position: absolute; top: 1px; transform: translateY(-100%) scaleX(.7) } .elementor-slideshow__footer { bottom: 0; position: fixed; z-index: 5 } .elementor-slideshow__description, .elementor-slideshow__title { margin: 0 } .elementor-slideshow__title { font-size: 16px; font-weight: 700 } .elementor-slideshow__description { font-size: 14px } .elementor-slideshow--ui-hidden .elementor-slideshow__footer, .elementor-slideshow--ui-hidden .elementor-slideshow__header { opacity: 0; pointer-events: none } .elementor-slideshow--ui-hidden .elementor-swiper-button-next, .elementor-slideshow--ui-hidden .elementor-swiper-button-prev { opacity: 0 } .elementor-slideshow--fullscreen-mode .elementor-video-container { width: 100% } .elementor-slideshow--zoom-mode .elementor-slideshow__footer, .elementor-slideshow--zoom-mode .elementor-slideshow__header { background-color: rgba(0, 0, 0, .5) } .elementor-slideshow--zoom-mode .elementor-swiper-button-next, .elementor-slideshow--zoom-mode .elementor-swiper-button-prev { opacity: 0; pointer-events: none } .elementor-slideshow--share-mode .elementor-slideshow__share-menu { background-color: rgba(0, 0, 0, .5); cursor: default; height: 100vh; left: 0; opacity: 1; top: 0; width: 100vw } .elementor-slideshow--share-mode .elementor-slideshow__share-links { transform: scale(1) } .elementor-slideshow--share-mode .elementor-slideshow__share-links, .elementor-slideshow--share-mode .elementor-slideshow__share-links a { opacity: 1 } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-twitter { color: #1da1f2 } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-facebook { color: #3b5998 } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-pinterest { color: #bd081c } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-download-bold { color: #9da5ae } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-twitter { fill: #1da1f2 } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-facebook { fill: #3b5998 } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-pinterest { fill: #bd081c } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-download-bold { fill: #9da5ae } .elementor-slideshow--share-mode .eicon-share-arrow { z-index: 2 }