@charset "utf-8"; .s__514oxQ.oY2_tRb--madefor { --wbu-font-stack: var(--wix-font-stack); --wbu-font-weight-regular: var(--wix-font-weight-regular); --wbu-font-weight-medium: var(--wix-font-weight-medium); --wbu-font-weight-bold: var(--wix-font-weight-bold); } .syjDhab { --wbu-color-blue-0: #0F2CCF; --wbu-color-blue-100: #2F5DFF; --wbu-color-blue-200: #597DFF; --wbu-color-blue-300: #ACBEFF; --wbu-color-blue-400: #D5DFFF; --wbu-color-blue-500: #EAEFFF; --wbu-color-blue-600: #F5F7FF; --wbu-color-black-0: #151414; --wbu-color-black-100: #383838; --wbu-color-black-200: #525150; --wbu-color-black-300: #767574; --wbu-color-black-400: #A8A6A5; --wbu-color-black-500: #E0DFDF; --wbu-color-black-600: #F1F0EF; --wbu-color-red-0: #9C2426; --wbu-color-red-100: #DF3336; --wbu-color-red-200: #E55C5E; --wbu-color-red-300: #ED8F90; --wbu-color-red-400: #F4B8B9; --wbu-color-red-500: #F9D6D7; --wbu-color-red-600: #FCEBEB; --wbu-color-green-0: #0D4F3D; --wbu-color-green-100: #4B916D; --wbu-color-green-200: #97C693; --wbu-color-green-300: #BDE2A7; --wbu-color-green-400: #DAF3C0; --wbu-color-green-500: #EFFAE5; --wbu-color-green-600: #F1F5ED; --wbu-color-yellow-0: #D49341; --wbu-color-yellow-100: #F9AD4D; --wbu-color-yellow-200: #FABD71; --wbu-color-yellow-300: #FCD29D; --wbu-color-yellow-400: #FDEAD2; --wbu-color-yellow-500: #FEF3E5; --wbu-color-yellow-600: #FEF6ED; --wbu-color-orange-0: #AE3E09; --wbu-color-orange-100: #FF8044; --wbu-color-orange-200: #FE9361; --wbu-color-orange-300: #FDA77F; --wbu-color-orange-400: #FBCFBB; --wbu-color-orange-500: #FBE3D9; --wbu-color-orange-600: #FDF1EC; --wbu-color-purple-0: #5000AA; --wbu-color-purple-100: #7200F3; --wbu-color-purple-200: #8B2DF5; --wbu-color-purple-300: #BE89F9; --wbu-color-purple-400: #D7B7FB; --wbu-color-purple-500: #F1E5FE; --wbu-color-purple-600: #F8F2FF; --wbu-color-ai-0: #4D3DD0; --wbu-color-ai-100: #5A48F5; --wbu-color-ai-200: #7B6DF7; --wbu-color-ai-300: #A59BFA; --wbu-color-ai-400: #D6D1FC; --wbu-color-ai-500: #E7E4FE; --wbu-color-ai-600: #EEECFE; --wbu-heading-font-stack: 'Madefor Display', 'Helvetica Neue', Helvetica, Arial, '\E3\192\A1\E3\201A\A4\E3\192\AA\E3\201A\AA', 'meiryo', '\E3\192\2019\E3\192\A9\E3\201A\AE\E3\192\17D\E8\A7\2019\E3\201A\B4 pro w3', 'hiragino kaku gothic pro', sans-serif; --wbu-text-tiny-size: 10px; --wbu-text-tiny-line-height: 12px; --wbu-text-small-size: 12px; --wbu-text-small-line-height: 12px; --wbu-text-medium-size: 14px; --wbu-text-medium-line-height: 16px; --wbu-text-large-size: 16px; --wbu-text-large-line-height: 18px; --wbu-heading-h1-font-size: 32px; --wbu-heading-h1-line-height: 40px; --wbu-heading-h1-letter-spacing: -0.5px; --wbu-heading-h1-font-weight: 400; --wbu-heading-h2-font-size: 24px; --wbu-heading-h2-line-height: 32px; --wbu-heading-h2-letter-spacing: -0.5px; --wbu-heading-h2-font-weight: 500; --wbu-heading-h3-font-size: 16px; --wbu-heading-h3-line-height: 24px; --wbu-heading-h3-letter-spacing: -0.5px; --wbu-heading-h3-font-weight: 700; --wbu-heading-h4-font-size: 14px; --wbu-heading-h4-line-height: 18px; --wbu-heading-h4-letter-spacing: 0px; --wbu-heading-h4-font-weight: 500; --wbu-heading-h5-font-size: 12px; --wbu-heading-h5-line-height: 18px; --wbu-heading-h5-letter-spacing: 0px; --wbu-heading-h5-font-weight: 600; } .s__1Rytdd.oH6LYyn--madefor { --wbu-font-stack: var(--wix-font-stack); --wbu-font-weight-regular: var(--wix-font-weight-regular); --wbu-font-weight-medium: var(--wix-font-weight-medium); --wbu-font-weight-bold: var(--wix-font-weight-bold); } .nav-arrows-container .custom-nav-arrows svg { width: 100%; height: 100%; } .fullscreen-focus-lock { height: 100%; } .pro-gallery-stop-scroll-for-fullscreen { overflow-y: hidden; } div.pro-gallery-parent-container .show-more-container i.show-more:hover { opacity: 1; } div.pro-gallery-parent-container .show-more-container button.show-more { border-style: solid; } div.pro-gallery-parent-container .show-more-container button.show-more:hover { opacity: 1; } div.pro-gallery-parent-container .show-more-container.pro-gallery-mobile-indicator i.show-more:hover { opacity: 1; } div.pro-gallery-parent-container .show-more-container.pro-gallery-mobile-indicator button.show-more { border-style: solid; } div.pro-gallery-parent-container .show-more-container.pro-gallery-mobile-indicator button.show-more:hover { opacity: 1; } .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video i { font-size: 26px; background: none !important; } .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video i.gallery-item-video-play-triangle { z-index: 12; } .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video i.gallery-item-video-play-background { z-index: 11; } .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-slideshow-info i:not(.pro-gallery-loved):not(.info-element-loved):hover, .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-slideshow-info button:not(.pro-gallery-loved):not(.info-element-loved):hover, .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-slideshow-info a:hover, .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-item-hover i:not(.pro-gallery-loved):not(.info-element-loved):hover, .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-item-hover button:not(.pro-gallery-loved):not(.info-element-loved):hover, .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-item-hover a:hover { opacity: 0.7; } .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-slideshow-info .gallery-item-title, .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-slideshow-info .info-element-title { font-size: 22px; } .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-item-hover .custom-button-wrapper button, .pro-gallery.inline-styles .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-custom-button-wrapper button { opacity: 1; background: rgba(0, 0, 0, 0); border-style: solid; } .pro-gallery.inline-styles .gallery-item-container:not(.invert-hover) .gallery-item-hover.default.force-hover::before, .pro-gallery.inline-styles .gallery-item-container:not(.invert-hover):hover .gallery-item-hover.default:not(.hide-hover)::before { opacity: 0.6; } .pro-gallery.inline-styles .gallery-item-container.invert-hover .gallery-item-hover.default.force-hover::before, .pro-gallery.inline-styles .gallery-item-container.invert-hover:hover .gallery-item-hover.default:not(.hide-hover)::before { opacity: 1; } .pro-gallery.inline-styles .gallery-item-container .gallery-item-bottom-info .gallery-item-description, .pro-gallery.inline-styles .gallery-item-container .gallery-item-bottom-info .info-element-description, .pro-gallery.inline-styles .gallery-item-container .gallery-item-top-info .gallery-item-description, .pro-gallery.inline-styles .gallery-item-container .gallery-item-top-info .info-element-description, .pro-gallery.inline-styles .gallery-item-container .gallery-item-left-info .gallery-item-description, .pro-gallery.inline-styles .gallery-item-container .gallery-item-left-info .info-element-description, .pro-gallery.inline-styles .gallery-item-container .gallery-item-right-info .gallery-item-description, .pro-gallery.inline-styles .gallery-item-container .gallery-item-right-info .info-element-description, .pro-gallery.inline-styles .gallery-item-container .gallery-slideshow-info .gallery-item-description, .pro-gallery.inline-styles .gallery-item-container .gallery-slideshow-info .info-element-description { font-size: 15px; } .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-item.gallery-item-video i { font-size: 26px; } .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-item.gallery-item-video i.gallery-item-video-play-triangle { z-index: 12; } .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-item.gallery-item-video i.gallery-item-video-play-background { z-index: 11; } .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-slideshow-info i:not(.pro-gallery-loved):not(.info-element-loved):hover, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-slideshow-info button:not(.pro-gallery-loved):not(.info-element-loved):hover, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-slideshow-info a:hover, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-item-hover i:not(.pro-gallery-loved):not(.info-element-loved):hover, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-item-hover button:not(.pro-gallery-loved):not(.info-element-loved):hover, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-item-hover a:hover { opacity: 0.7; } .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-slideshow-info .gallery-item-title, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-slideshow-info .info-element-title { font-size: 22px; } .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-item-hover .custom-button-wrapper button, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-wrapper .gallery-item-hover .info-element-custom-button-wrapper button { opacity: 1; background: rgba(0, 0, 0, 0); border-style: solid; } .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator:not(.invert-hover) .gallery-item-hover.default.force-hover::before, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator:not(.invert-hover):hover .gallery-item-hover.default:not(.hide-hover)::before { opacity: 0.6; } .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator.invert-hover .gallery-item-hover.default.force-hover::before, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator.invert-hover:hover .gallery-item-hover.default:not(.hide-hover)::before { opacity: 1; } .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-bottom-info .gallery-item-description, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-bottom-info .info-element-description, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-top-info .gallery-item-description, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-top-info .info-element-description, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-left-info .gallery-item-description, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-left-info .info-element-description, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-right-info .gallery-item-description, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-item-right-info .info-element-description, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-slideshow-info .gallery-item-description, .pro-gallery.inline-styles .gallery-item-container.pro-gallery-mobile-indicator .gallery-slideshow-info .info-element-description { font-size: 15px; } .pro-fullscreen-wrapper #fullscreen-view.fullscreen-bright.pro-fullscreen-inline-styles .fullscreen-side-bar-description::after, .pro-fullscreen-wrapper #fullscreen-view.fullscreen-bright.pro-fullscreen-inline-styles .fullscreen-side-bar-description .fullscreen-side-bar-description-line::after, .pro-fullscreen-wrapper #fullscreen-view.fullscreen-bright.pro-fullscreen-inline-styles .fullscreen-side-bar-exif::after, .pro-fullscreen-wrapper #fullscreen-view.fullscreen-bright.pro-fullscreen-inline-styles .fullscreen-side-bar-link::after, .pro-fullscreen-wrapper #fullscreen-view.fullscreen-bright.pro-fullscreen-inline-styles .fullscreen-bottom-link::after { opacity: 0.3; } .pro-fullscreen-wrapper #fullscreen-view.fullscreen-bright.pro-fullscreen-inline-styles .fullscreen-icon.fullscreen-cart-icon { background: inherit !important; } .pro-fullscreen-wrapper #fullscreen-view.fullscreen-bright.pro-fullscreen-inline-styles .fullscreen-icon.fullscreen-social-love-store.pro-gallery-loved { color: rgb(224, 57, 57) !important; } .pro-fullscreen-wrapper #fullscreen-view.fullscreen-bright.pro-fullscreen-inline-styles .fullscreen-icon.fullscreen-social-love.pro-gallery-loved { color: rgb(224, 57, 57) !important; } .social-share-wrapper { position: fixed; inset: 0px; z-index: 200005; } .social-share-wrapper .mobile-social-share-screen { position: absolute; top: 0px; height: 100%; width: 100%; z-index: -1; background-color: rgba(0, 0, 0, 0); } .social-share-wrapper .mobile-social-share-screen.mobile-social-share-screen-visible { z-index: 200005; background-color: rgba(0, 0, 0, 0.6); transition: background-color 0.3s; } .social-share-wrapper .mobile-social-share-screen .mobile-social-share-background { height: calc(100% - 150px); touch-action: none; } .social-share-wrapper .mobile-social-share-screen .mobile-social-share-tab { position: absolute; bottom: 0px; width: 100%; height: 150px; box-sizing: border-box; background-color: rgb(255, 255, 255); margin-bottom: -150px; display: flex; justify-content: center; align-items: center; transition: 0.4s; } .social-share-wrapper .mobile-social-share-screen .mobile-social-share-tab.mobile-social-share-tab-visible { margin-bottom: 0px; } .social-share-wrapper .mobile-social-share-screen .mobile-social-share-tab .social-share-items-container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } .social-share-wrapper .mobile-social-share-screen .mobile-social-share-tab .social-share-items-container .social-share-items-list { display: flex; justify-content: space-between; width: 220px; } .social-share-wrapper .mobile-social-share-screen .mobile-social-share-tab .social-share-items-container .social-share-items-list .social-share-icon { height: 16px; width: 16px; } .social-share-wrapper .mobile-social-share-screen .mobile-social-share-tab .social-share-items-container .social-share-copylink-container { height: 32px; margin-top: 20px; } .social-share-wrapper .mobile-social-share-screen .mobile-social-share-tab .social-share-items-container .social-share-copylink-container .social-share-copylink-input { width: 200px; font-size: 11px; padding: 2px 4px; } .social-share-wrapper .mobile-social-share-screen .mobile-social-share-tab .social-share-items-container .social-share-copylink-container .social-share-copylink-button { width: 40px; } .social-share-wrapper .mobile-social-share-screen .mobile-social-share-tab .social-share-items-container .social-share-copylink-container .social-share-copylink-button .social-share-copylink-icon { height: 16px; width: 16px; } .social-share-wrapper .desktop-social-share-screen { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: -1; background-color: rgba(0, 0, 0, 0); display: flex; justify-content: center; align-items: center; } .social-share-wrapper .desktop-social-share-screen.desktop-social-share-screen-visible { z-index: 200005; background-color: rgba(0, 0, 0, 0.6); transition: 0.4s; } .social-share-wrapper .desktop-social-share-screen .desktop-social-share-background { position: fixed; height: 100%; width: 100%; } .social-share-wrapper .desktop-social-share-screen .desktop-social-share-popup { position: relative; width: 580px; height: 250px; box-sizing: border-box; background-color: rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; margin-bottom: -100px; opacity: 0; transition: 0.4s; } .social-share-wrapper .desktop-social-share-screen .desktop-social-share-popup.desktop-social-share-popup-visible { margin-bottom: 0px; opacity: 1; } .social-share-wrapper .desktop-social-share-screen .desktop-social-share-popup .desktop-social-share-popup-close-button { position: absolute; top: 24px; right: 24px; cursor: pointer; } .social-share-wrapper .desktop-social-share-screen .desktop-social-share-popup .desktop-social-share-popup-close-button:focus { border-radius: 7px; box-shadow: rgb(17, 109, 255) 0px 0px 1px 3px inset; } .social-share-wrapper .desktop-social-share-screen .desktop-social-share-popup .social-share-items-container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } .social-share-wrapper .desktop-social-share-screen .desktop-social-share-popup .social-share-items-container .social-share-items-list { display: flex; justify-content: space-between; width: 280px; } .social-share-wrapper .desktop-social-share-screen .desktop-social-share-popup .social-share-items-container .social-share-items-list .social-share-icon { height: 24px; width: 24px; transition: color 0.2s; } .social-share-wrapper .social-share-item { position: relative; } .social-share-wrapper .social-share-item .social-share-button { opacity: 1; transition: opacity 0.2s; cursor: pointer; } .social-share-wrapper .social-share-item .social-share-button:focus { border-radius: 7px; box-shadow: rgb(17, 109, 255) 0px 0px 1px 3px inset; } .social-share-wrapper .social-share-item .social-share-button:hover { opacity: 0.65; } .social-share-wrapper .social-share-item .social-share-button:active { opacity: 1; } .social-share-wrapper .social-share-copylink-container { display: flex; margin-top: 25px; height: 40px; } .social-share-wrapper .social-share-copylink-container .social-share-copylink-input { border: 1px solid rgb(0, 0, 0); padding: 2px 8px; height: 100%; width: 260px; } .social-share-wrapper .social-share-copylink-container .social-share-copylink-button { width: 50px; height: 100%; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); cursor: pointer; transition: background-color 0.1s; } .social-share-wrapper .social-share-copylink-container .social-share-copylink-button:focus { border-radius: 7px; box-shadow: rgb(17, 109, 255) 0px 0px 1px 3px inset; } .social-share-wrapper .social-share-copylink-container .social-share-copylink-button:hover { background-color: rgba(0, 0, 0, 0.65); } .social-share-wrapper .social-share-copylink-container .social-share-copylink-button .social-share-copylink-icon { margin-top: 2px; } div.pro-gallery .gallery-item-container.main-color-on-hover:not(.hide-hover) .gallery-item-content .gallery-item { transition: opacity 0.4s !important; } div.pro-gallery .gallery-item-container.main-color-on-hover:not(.hide-hover).simulate-hover .gallery-item-content .gallery-item, div.pro-gallery .gallery-item-container.main-color-on-hover:not(.hide-hover):hover .gallery-item-content .gallery-item { opacity: 0; } div.pro-gallery .gallery-item-container.zoom-in-on-hover:not(.hide-hover) .gallery-item-hover:not(.hide-hover), div.pro-gallery .gallery-item-container.zoom-in-on-hover:not(.hide-hover) .gallery-item-content, div.pro-gallery .gallery-item-container.zoom-in-on-hover:not(.hide-hover) .hover-info-element { transition: transform 2.2s cubic-bezier(0.14, 0.4, 0.09, 0.99) !important; } div.pro-gallery .gallery-item-container.zoom-in-on-hover:not(.hide-hover).simulate-hover .gallery-item-content, div.pro-gallery .gallery-item-container.zoom-in-on-hover:not(.hide-hover):hover .gallery-item-content { transform: scale(1.1); } div.pro-gallery .gallery-item-container.zoom-in-on-hover:not(.hide-hover).simulate-hover .gallery-item-hover:not(.hide-hover), div.pro-gallery .gallery-item-container.zoom-in-on-hover:not(.hide-hover):hover .gallery-item-hover:not(.hide-hover) { transform: scale(1.11); } div.pro-gallery .gallery-item-container.zoom-in-on-hover:not(.hide-hover).simulate-hover .gallery-item-hover:not(.hide-hover) .hover-info-element, div.pro-gallery .gallery-item-container.zoom-in-on-hover:not(.hide-hover):hover .gallery-item-hover:not(.hide-hover) .hover-info-element { transform: scale(0.9009); } div.pro-gallery .gallery-item-container.blur-on-hover:not(.hide-hover) .gallery-item-content { transition: filter 0.4s linear !important; } div.pro-gallery .gallery-item-container.blur-on-hover:not(.hide-hover).simulate-hover .gallery-item-content .gallery-item, div.pro-gallery .gallery-item-container.blur-on-hover:not(.hide-hover):hover .gallery-item-content .gallery-item { filter: blur(6px); } div.pro-gallery .gallery-item-container.grayscale-on-hover:not(.hide-hover) .gallery-item-content { transition: filter 0.6s !important; } div.pro-gallery .gallery-item-container.grayscale-on-hover:not(.hide-hover).simulate-hover .gallery-item-content, div.pro-gallery .gallery-item-container.grayscale-on-hover:not(.hide-hover):hover .gallery-item-content { filter: grayscale(1); } div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover) { transition: background-color 0.4s !important; } div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover) .gallery-item-content, div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover) .gallery-item-hover:not(.hide-hover) { transition: transform 0.4s !important; } div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover).simulate-hover, div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover):hover { background-color: rgba(0, 0, 0, 0) !important; } div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover).simulate-hover .gallery-item-content, div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover):hover .gallery-item-content { transform: scale(0.985); } div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover).simulate-hover .gallery-item-hover:not(.hide-hover), div.pro-gallery .gallery-item-container.shrink-on-hover:not(.hide-hover):hover .gallery-item-hover:not(.hide-hover) { transform: scale(0.985); } div.pro-gallery .gallery-item-container.invert-on-hover:not(.hide-hover) .gallery-item-content { transition: filter 0.6s !important; } div.pro-gallery .gallery-item-container.invert-on-hover:not(.hide-hover).simulate-hover .gallery-item-content, div.pro-gallery .gallery-item-container.invert-on-hover:not(.hide-hover):hover .gallery-item-content { filter: invert(1); } div.pro-gallery .gallery-item-container.color-in-on-hover .gallery-item-content { filter: grayscale(1); transition: filter 0.6s !important; } div.pro-gallery .gallery-item-container.color-in-on-hover.simulate-hover:not(.hide-hover) .gallery-item-content, div.pro-gallery .gallery-item-container.color-in-on-hover:hover:not(.hide-hover) .gallery-item-content { filter: grayscale(0); } div.pro-gallery .gallery-item-container.darkened-on-hover .gallery-item-content { filter: brightness(1); transition: filter 0.6s !important; } div.pro-gallery .gallery-item-container.darkened-on-hover.simulate-hover:not(.hide-hover) .gallery-item-content, div.pro-gallery .gallery-item-container.darkened-on-hover:hover:not(.hide-hover) .gallery-item-content { filter: brightness(0.7); } div.pro-gallery .gallery-item-container:not(.invert-hover) .gallery-item-hover { transition: none; } div.pro-gallery .gallery-item-container:not(.invert-hover) .gallery-item-hover::before { opacity: 0; } div.pro-gallery .gallery-item-container:not(.invert-hover) .gallery-item-hover .gallery-item-hover-inner { opacity: 0; } div.pro-gallery .gallery-item-container:not(.invert-hover) .gallery-item-hover.force-hover, div.pro-gallery .gallery-item-container:not(.invert-hover):hover .gallery-item-hover:not(.hide-hover) { transition: none; } div.pro-gallery .gallery-item-container:not(.invert-hover) .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container:not(.invert-hover):hover .gallery-item-hover:not(.hide-hover)::before { opacity: 1; background: rgba(8, 8, 8, 0.75); } div.pro-gallery .gallery-item-container:not(.invert-hover) .gallery-item-hover.force-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container:not(.invert-hover) .gallery-item-hover.force-hover .info-member:not(.hidden), div.pro-gallery .gallery-item-container:not(.invert-hover):hover .gallery-item-hover:not(.hide-hover) .gallery-item-hover-inner, div.pro-gallery .gallery-item-container:not(.invert-hover):hover .gallery-item-hover:not(.hide-hover) .info-member:not(.hidden) { opacity: 1 !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-fade-in .gallery-item-hover { transition: filter 0.4s, opacity 0.4s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-fade-in .gallery-item-hover::before { filter: opacity(0); transition: filter 0.4s, opacity 0.4s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-fade-in .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-fade-in .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.4s; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-fade-in .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-fade-in:hover .gallery-item-hover:not(.hide-hover)::before { filter: opacity(1); } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-expand .gallery-item-hover { transition: transform 0.4s, filter 0.2s, opacity 0.2s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-expand .gallery-item-hover::before { transform: scale(0.9); filter: opacity(0); transition: transform 0.4s, filter 0.2s, opacity 0.2s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-expand .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-expand .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.2s; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-expand .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-expand:hover .gallery-item-hover:not(.hide-hover)::before { transform: scale(1); filter: opacity(1); } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-up .gallery-item-hover { transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-up .gallery-item-hover::before { transform: translateY(100%); filter: opacity(0); transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-up .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-up .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.4s; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-up .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-up:hover .gallery-item-hover:not(.hide-hover)::before { transform: translateY(0px); filter: opacity(1); } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-right .gallery-item-hover { transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-right .gallery-item-hover::before { transform: translateX(-100%); filter: opacity(0); transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-right .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-right .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.4s; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-right .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-right:hover .gallery-item-hover:not(.hide-hover)::before { transform: translateX(0px); filter: opacity(1); } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-left .gallery-item-hover { transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-left .gallery-item-hover::before { transform: translateX(100%); filter: opacity(0); transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-left .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-left .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.4s; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-left .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-left:hover .gallery-item-hover:not(.hide-hover)::before { transform: translateX(0px); filter: opacity(1); } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-down .gallery-item-hover { transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-down .gallery-item-hover::before { transform: translateY(-100%); filter: opacity(0); transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-down .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-down .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.4s; } div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-down .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container:not(.invert-hover).hover-animation-slide-down:hover .gallery-item-hover:not(.hide-hover)::before { transform: translateY(0px); filter: opacity(1); } div.pro-gallery .gallery-item-container.invert-hover .gallery-item-hover { transition: none; } div.pro-gallery .gallery-item-container.invert-hover .gallery-item-hover::before { opacity: 1; background: rgba(8, 8, 8, 0.75); } div.pro-gallery .gallery-item-container.invert-hover .gallery-item-hover .gallery-item-hover-inner { opacity: 1; } div.pro-gallery .gallery-item-container.invert-hover .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container.invert-hover .gallery-item-hover .info-member:not(.hidden) { opacity: 1 !important; } div.pro-gallery .gallery-item-container.invert-hover .gallery-item-hover.force-hover, div.pro-gallery .gallery-item-container.invert-hover:hover .gallery-item-hover:not(.hide-hover) { transition: none; } div.pro-gallery .gallery-item-container.invert-hover .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container.invert-hover:hover .gallery-item-hover:not(.hide-hover)::before { opacity: 0; } div.pro-gallery .gallery-item-container.invert-hover .gallery-item-hover.force-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container.invert-hover .gallery-item-hover.force-hover .info-member:not(.hidden), div.pro-gallery .gallery-item-container.invert-hover:hover .gallery-item-hover:not(.hide-hover) .gallery-item-hover-inner, div.pro-gallery .gallery-item-container.invert-hover:hover .gallery-item-hover:not(.hide-hover) .info-member:not(.hidden) { opacity: 0 !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-fade-in .gallery-item-hover { transition: filter 0.4s, opacity 0.4s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-fade-in .gallery-item-hover::before { filter: opacity(1); transition: filter 0.4s, opacity 0.4s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-fade-in .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-fade-in .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.4s; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-fade-in .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-fade-in:hover .gallery-item-hover:not(.hide-hover)::before { filter: opacity(0); } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-expand .gallery-item-hover { transition: transform 0.4s, filter 0.2s, opacity 0.2s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-expand .gallery-item-hover::before { transform: scale(1); filter: opacity(1); transition: transform 0.4s, filter 0.2s, opacity 0.2s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-expand .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-expand .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.2s; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-expand .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-expand:hover .gallery-item-hover:not(.hide-hover)::before { transform: scale(0.9); filter: opacity(0); } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-up .gallery-item-hover { transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-up .gallery-item-hover::before { transform: translateY(0px); filter: opacity(1); transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-up .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-up .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.4s; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-up .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-up:hover .gallery-item-hover:not(.hide-hover)::before { transform: translateY(100%); filter: opacity(0); } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-right .gallery-item-hover { transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-right .gallery-item-hover::before { transform: translateX(0px); filter: opacity(1); transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-right .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-right .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.4s; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-right .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-right:hover .gallery-item-hover:not(.hide-hover)::before { transform: translateX(-100%); filter: opacity(0); } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-left .gallery-item-hover { transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-left .gallery-item-hover::before { transform: translateX(100%); filter: opacity(1); transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-left .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-left .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.4s; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-left .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-left:hover .gallery-item-hover:not(.hide-hover)::before { transform: translateX(0px); filter: opacity(0); } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-down .gallery-item-hover { transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-down .gallery-item-hover::before { transform: translateY(-100%); filter: opacity(1); transition: transform 0.4s cubic-bezier(0.3, 0.13, 0.12, 1), filter 0.5s, opacity 0.5s !important; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-down .gallery-item-hover .gallery-item-hover-inner, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-down .gallery-item-hover .info-member:not(.hidden) { transition: opacity 0.4s; } div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-down .gallery-item-hover.force-hover::before, div.pro-gallery .gallery-item-container.invert-hover.hover-animation-slide-down:hover .gallery-item-hover:not(.hide-hover)::before { transform: translateY(0px); filter: opacity(0); } .animation-slide { transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s; } .item-with-secondary-media-container .secondary-media-item.hide { opacity: 0; } .item-with-secondary-media-container .secondary-media-item.show { opacity: 1; } [data-collapsed="true"] .pro-gallery-parent-container .gallery-item, [data-hidden="true"] .pro-gallery-parent-container .gallery-item { background-image: none !important; } html.pro-gallery { width: 100%; height: auto; } body.pro-gallery { transition: opacity 2s; } #gallery-loader { position: fixed; top: 50%; } .show-more-container { text-align: center; line-height: 138px; } .show-more-container i.show-more { color: rgb(93, 93, 97); font-size: 40px; cursor: pointer; margin-top: -3px; } .show-more-container button.show-more { display: inline-block; padding: 11px 29px; border-radius: 0px; border: 2px solid rgb(93, 93, 97); font-family: HelveticaNeueW01-45Ligh, HelveticaNeueW02-45Ligh, HelveticaNeueW10-45Ligh, sans-serif; font-size: 12px; color: rgb(93, 93, 97); background: rgba(0, 0, 0, 0); cursor: pointer; } .show-more-container button.show-more:hover { background: rgba(0, 0, 0, 0.1); } .more-items-loader { display: block; width: 100%; text-align: center; line-height: 50px; font-size: 30px; color: rgb(17, 109, 255); } .version-header { color: rgb(224, 57, 57); text-align: left; font-family: Consolas, monospace; font-size: 13px; position: absolute; top: 0px; left: 0px; width: 320px; height: 100px; line-height: 30px; background: rgba(255, 255, 255, 0.8); z-index: 100; } .auto-slideshow-button { margin-top: 19px; padding: 5px; height: 28px; width: 20px; left: auto; z-index: 1; position: absolute; display: flex; text-align: center; cursor: pointer; opacity: 0.9; } .auto-slideshow-counter { margin-top: 24px; left: auto; z-index: 1; position: absolute; display: flex; text-align: center; opacity: 0.9; font-size: 15px; line-height: normal; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .mouse-cursor { display: flex; width: 100%; position: absolute; } .nav-arrows-container { left: auto; position: absolute; display: flex; text-align: center; cursor: pointer; opacity: 0.9; align-items: center; background: rgba(0, 0, 0, 0); border: none; justify-content: center; } .nav-arrows-container.follow-mouse-cursor { position: relative; cursor: none; } .nav-arrows-container:hover { opacity: 1; } .nav-arrows-container.drop-shadow svg { filter: drop-shadow(rgb(178, 178, 178) 0px 1px 0.15px); } .nav-arrows-container .slideshow-arrow { flex-shrink: 0; } .nav-arrows-container:focus:not(:focus-visible) { --focus-ring-box-shadow: none !important; outline: none !important; box-shadow: none !important; } .arrow-portal-container span { animation: 0.1s ease-in-out 0s 1 normal none running fadeIn; position: fixed; transition: top 50ms, left 50ms; display: flex; align-items: center; justify-content: center; } div.gallery-slideshow div.pro-gallery, div.gallery-slideshow .gallery-column { box-sizing: content-box !important; } div.gallery-slideshow .gallery-group, div.gallery-slideshow .gallery-item-container, div.gallery-slideshow .gallery-item-wrapper { overflow: visible !important; } div.gallery-slideshow.streched .gallery-slideshow-info { padding-left: 50px !important; padding-right: 50px !important; } @media (max-width: 500px) { div.gallery-slideshow div.pro-gallery .gallery-slideshow-info { padding-left: 20px; padding-right: 20px; } } div.gallery-slideshow div.pro-gallery .gallery-item-container .gallery-slideshow-info { position: absolute; padding-top: 0px; bottom: -220px; height: 220px; width: 100%; box-sizing: border-box; display: flex; z-index: 15; } .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover { padding: 30px 60px; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover { padding: 30px 10px 50px; } .gallery-columns div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover { padding: 30px; } div.pro-gallery { width: 100%; height: 100%; overflow: hidden; backface-visibility: hidden; position: relative; } div.pro-gallery .gallery-column { float: left; overflow: hidden; position: relative; transform-style: preserve-3d; backface-visibility: hidden; } div.pro-gallery .gallery-column .gallery-left-padding { display: inline-block; height: 100%; } div.pro-gallery .gallery-column .gallery-top-padding { display: block; width: 100%; } div.pro-gallery .gallery-group { float: left; overflow: hidden; position: relative; transform-style: preserve-3d; backface-visibility: hidden; box-sizing: border-box; padding: 0px; font-family: HelveticaNeueW01-45Ligh, HelveticaNeueW02-45Ligh, HelveticaNeueW10-45Ligh, sans-serif; font-size: 11px; } div.pro-gallery .gallery-group.debug.gallery-group-gone { background: rgb(205, 205, 208); } div.pro-gallery .gallery-group.debug.gallery-group-visible { background: rgb(193, 240, 193); } div.pro-gallery .gallery-group.debug.gallery-group-hidden { background: rgb(255, 153, 153); } div.pro-gallery .gallery-item-container { position: absolute; display: inline-block; vertical-align: top; border: none; padding: 0px; border-radius: 0px; overflow: hidden; transform-style: preserve-3d; backface-visibility: hidden; outline: none; text-decoration: none; color: inherit; will-change: top, left, width, height; box-sizing: border-box; font-family: HelveticaNeueW01-45Ligh, HelveticaNeueW02-45Ligh, HelveticaNeueW10-45Ligh, sans-serif; font-size: 11px; cursor: default; scroll-snap-align: center; } div.pro-gallery .gallery-item-container .item-action { width: 1px; height: 1px; overflow: hidden; position: absolute; pointer-events: none; z-index: -1; } div.pro-gallery .gallery-item-container .item-action:focus { --focus-ring-box-shadow: none !important; outline: none !important; box-shadow: none !important; } div.pro-gallery .gallery-item-container:hover .gallery-item-common-info { cursor: pointer; } div.pro-gallery .gallery-item-container:hover .gallery-item-common-info button { text-decoration: underline; cursor: pointer; } div.pro-gallery .gallery-item-container.visible { transform: translate3d(0px, 0px, 0px); } div.pro-gallery .gallery-item-container.clickable { cursor: pointer; } div.pro-gallery .gallery-item-container .gallery-item-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .item-with-secondary-media-container .secondary-media-item { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; left: 0px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .item-with-secondary-media-container .secondary-media-item .gallery-item { object-fit: cover; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .item-with-secondary-media-container .secondary-media-item .text-item > div { width: 100% !important; height: 100% !important; } div.pro-gallery .gallery-item-container .gallery-item-wrapper.transparent, div.pro-gallery .gallery-item-container .gallery-item-wrapper.cube-type-fit { background: rgba(0, 0, 0, 0); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-preload { display: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper.cube-type-fit .gallery-item { background: rgba(0, 0, 0, 0); object-fit: contain; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item { object-fit: cover; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; overflow: hidden; border-radius: 0px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item { box-sizing: border-box; -webkit-font-smoothing: antialiased; white-space: initial; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item .te-pro-gallery-text-item { line-height: normal !important; letter-spacing: normal !important; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item > div { box-sizing: border-box; background: initial !important; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item p, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item span, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item div, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item h1, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item h2, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item h3, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item h4, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item h5, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item h6, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.text-item i { margin: 0px; padding: 0px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item .pro-circle-preloader { top: 50%; left: 50%; height: 30px; width: 15px; z-index: -1; opacity: 0.4; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item img.gallery--placeholder-item { object-fit: cover; object-position: center center; width: 100% !important; height: 100% !important; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-loaded { background-color: rgba(0, 0, 0, 0); opacity: 1 !important; animation: auto ease 0s 1 normal none running none !important; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-loaded.image-item::after { display: none !important; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-loaded ~ .pro-circle-preloader { display: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.error { opacity: 0 !important; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-preloaded { background-size: cover; background-repeat: no-repeat; background-position: center center; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-preloaded.grid-fit { background-size: contain; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video { overflow: hidden; text-align: center; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video iframe { left: 0px; top: 0px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video.playing button, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video.playing i { display: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video.playedOnce ~ .image-item { pointer-events: none; opacity: 0; transition: opacity 0.2s; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video button, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video i { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; z-index: 11; top: 50%; left: 50%; height: 60px; text-align: center; margin: -30px 0px 0px -30px; background: rgb(8, 8, 8); color: rgb(255, 255, 255); border-radius: 50px; opacity: 0.7; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video button.play-triangle, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video i.play-triangle { opacity: 1; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video button.play-triangle, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video button.play-background, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video i.play-triangle, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video i.play-background { font-size: 26px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video button:hover, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video i:hover { opacity: 0.9; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video button::before, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item.gallery-item-video i::before { font-size: 2.3em; opacity: 1; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-info { position: absolute; bottom: -220px; height: 220px; width: 100%; box-sizing: border-box; display: flex; z-index: 15; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-info > div { height: 100%; width: 100%; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover { white-space: initial; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; box-sizing: border-box; border-radius: 0px; z-index: 15; overflow: hidden; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .gallery-item-hover-inner { height: 100%; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover.no-hover-bg::before { opacity: 0 !important; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover::before { content: " "; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; box-sizing: border-box; z-index: -1; } div.pro-gallery .gallery-item-container .gallery-item-common-info { box-sizing: border-box; cursor: pointer; } div.pro-gallery.one-row { white-space: nowrap; float: left; } div.pro-gallery.one-row .gallery-column { width: 100%; float: none; white-space: nowrap; } div.pro-gallery.one-row .gallery-column .gallery-group { display: inline-block; float: none; } div.pro-gallery.one-row.slider .gallery-column { overflow-x: scroll; } div.pro-gallery.one-row.slider .gallery-column.scroll-snap { scroll-snap-type: x mandatory; } div.pro-gallery.one-row .gallery-horizontal-scroll-inner { position: relative; will-change: transform; } div.pro-gallery.thumbnails-gallery { overflow: hidden; float: left; } div.pro-gallery.thumbnails-gallery .galleryColumn { position: relative; overflow: visible; } div.pro-gallery.thumbnails-gallery .thumbnailItem { position: absolute; background-color: rgb(255, 255, 255); background-size: cover; background-position: center center; overflow-y: inherit; border-radius: 0px; cursor: pointer; } div.pro-gallery.thumbnails-gallery .thumbnailItem.pro-gallery-highlight::after { content: ""; display: block; height: 100%; position: absolute; top: 0px; left: 0px; width: 100%; background-color: rgba(255, 255, 255, 0.6); } @media (max-width: 500px) { div.pro-gallery.thumbnails-gallery { overflow: visible; } } div.pro-gallery :focus { box-shadow: none; } div.pro-gallery.accessible i:focus, div.pro-gallery.accessible button:not(.nav-arrows-container, .has-custom-focus):focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset, rgb(17, 109, 255) 0px 0px 1px 4px inset; } div.pro-gallery.accessible i:focus:not(:focus-visible), div.pro-gallery.accessible button:not(.nav-arrows-container, .has-custom-focus):focus:not(:focus-visible) { box-shadow: none !important; } div.pro-gallery.accessible .gallery-item-hover i:focus, div.pro-gallery.accessible .gallery-item-hover button:focus { box-shadow: none; } div.pro-gallery.accessible .gallery-item-container:has(.item-action:focus)::after { content: " "; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; box-shadow: rgb(17, 109, 255) 0px 0px 1px 2px inset, rgb(255, 255, 255) 0px 0px 7px 0px inset, rgb(17, 109, 255) 0px 0px 10px -5px inset; pointer-events: none; border-radius: inherit; z-index: 15; } div.pro-gallery.accessible .pro-gallery-thumbnails-highlighted::before { box-shadow: rgb(17, 109, 255) 0px 0px 1px 2px inset, rgb(255, 255, 255) 0px 0px 7px 0px inset, rgb(17, 109, 255) 0px 0px 10px -5px inset; } div.pro-gallery.accessible .pro-gallery-thumbnails-highlighted::after { content: " "; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; box-shadow: rgb(17, 109, 255) 0px 0px 1px 2px inset, rgb(255, 255, 255) 0px 0px 7px 0px inset, rgb(17, 109, 255) 0px 0px 10px -5px; pointer-events: none; border-radius: inherit; } div.pro-gallery .hide-scrollbars { scrollbar-width: none; } div.pro-gallery .hide-scrollbars::-webkit-scrollbar, div.pro-gallery .hide-scrollbars ::-webkit-scrollbar { width: 0px !important; height: 0px !important; } div.pro-gallery .rtl { direction: rtl; } div.pro-gallery .ltr { direction: ltr; } .sr-only.out-of-view-component { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: circle(0%); border: 0px; } .screen-logs { overflow-wrap: break-word; background: rgb(255, 255, 255); width: 280px; font-size: 10px; } .fade { display: block; transition: opacity 600ms; } .fade-visible { opacity: 1; } .fade-hidden { opacity: 0; } .deck-before { display: block; z-index: 1; transition: transform 600ms; transform: translateX(-100%); } .deck-before-rtl { display: block; z-index: 1; transition: transform 600ms; transform: translateX(100%); } .deck-current { display: block; z-index: 0; transition: transform 600ms; transform: translateX(0px); } .deck-current .override { transition: transform 600ms, opacity 0.1s 200ms !important; } .deck-after { display: block; transition: opacity 0.2s 600ms; z-index: -1; opacity: 0; } .deck-after .override { transition: opacity 0.1s !important; } .disabled-transition { transition: none !important; } @keyframes changing_background { 0% { background-color: rgba(241, 241, 241, 0.2); } 50% { background-color: rgba(241, 241, 241, 0.8); } 100% { background-color: rgba(241, 241, 241, 0.2); } } .pro-gallery-parent-container.gallery-slideshow [data-hook="group-view"]::before { content: ""; position: absolute; scroll-snap-align: center; top: var(--group-top); left: var(--group-left); width: var(--group-width); right: var(--group-right); height: 1px; pointer-events: none; } .pro-gallery-parent-container:not(.gallery-slideshow) [data-hook="group-view"] .item-link-wrapper::before { content: ""; position: absolute; scroll-snap-align: center; top: var(--group-top); left: var(--group-left); width: var(--group-width); right: var(--group-right); height: 1px; pointer-events: none; } .gallery-item-container { scroll-snap-align: none !important; } .gallery-slideshow .gallery-item-container:not(.clickable) a { cursor: default; } .slideshow-info-element-inner { box-sizing: border-box; padding-top: 24px; height: 100%; width: 100%; } .slideshow-info-element-inner .info-element-text { flex-grow: 1; padding: 0px; margin-bottom: 25px; display: flex; flex-direction: column; } .slideshow-info-element-inner .info-element-text > div { width: 100%; } .slideshow-info-element-inner .info-element-text .info-element-title { white-space: normal; font-family: HelveticaNeueW01-Thin, HelveticaNeueW02-Thin, HelveticaNeueW10-35Thin, sans-serif; line-height: 32px; font-size: 21px; height: auto; color: rgb(43, 86, 114); display: block; -webkit-box-orient: vertical; transition: opacity 0.4s; text-overflow: ellipsis; } .slideshow-info-element-inner .info-element-text .info-element-description { font-family: HelveticaNeueW01-Thin, HelveticaNeueW02-Thin, HelveticaNeueW10-35Thin, sans-serif; line-height: 25px; font-size: 15px; height: auto; color: rgb(43, 86, 114); overflow: hidden; display: block; -webkit-box-orient: vertical; transition: opacity 0.4s; white-space: nowrap; text-overflow: ellipsis; } .slideshow-info-element-inner .info-element-text .info-element-description > span { white-space: normal; } .slideshow-info-element-inner .info-element-text .info-member.hide { display: none; } .slideshow-info-element-inner .info-element-text .info-element-custom-button-wrapper { display: flex; justify-content: center; color: rgb(255, 255, 255); } .slideshow-info-element-inner .info-element-text .info-element-custom-button-wrapper button { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; line-height: 25px; height: 45px; min-width: 190px; padding: 0px 15px; position: relative; z-index: 10; cursor: pointer; outline: none; border-style: solid; text-decoration: none; } .slideshow-info-element-inner .info-element-text .info-element-custom-button-wrapper button .overlay { display: none; } .slideshow-info-element-inner .info-element-text .info-element-custom-button-wrapper button:hover { opacity: 1 !important; } .slideshow-info-element-inner .info-element-text .info-element-custom-button-wrapper button:hover .overlay { display: block; background: rgba(255, 255, 255, 0.1); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .slideshow-info-element-inner .info-element-social { height: auto; position: static; display: flex; flex-direction: row; margin: 0px; overflow: visible; z-index: 16; transition: opacity 0.4s; } .slideshow-info-element-inner .info-element-social.populated-item { margin-bottom: 24px; } .slideshow-info-element-inner .info-element-social:hover .info-element-social-share-box { width: 0px !important; } .slideshow-info-element-inner .info-element-social.info-align-center { justify-content: center; } .slideshow-info-element-inner .info-element-social.info-align-center .info-element-social-share { position: relative; } .slideshow-info-element-inner .info-element-social.info-align-center .info-element-social-share .info-element-social-share-box { position: absolute; left: -25px; padding-left: 25px !important; margin-right: 0px !important; } .slideshow-info-element-inner .info-element-social.info-align-right { flex-direction: row-reverse; } .slideshow-info-element-inner .info-element-social.info-align-right .info-element-social-share { flex-direction: row-reverse; } .slideshow-info-element-inner .info-element-social.info-align-right .info-element-social-share:hover .info-element-social-share-box { margin-right: 40px !important; } .slideshow-info-element-inner .info-element-social .info-element-social-button { margin: 0px 15px; display: inline-flex; font-size: 19px; color: rgb(43, 86, 114); cursor: pointer; } .slideshow-info-element-inner .info-element-social .info-element-social-button:hover:not(.info-element-loved) { opacity: 0.7; } .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-comments { font-size: 15px; border: none; background: rgba(0, 0, 0, 0); display: flex; column-gap: 7px; align-items: center; padding: 5px; margin: -5px; } .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-comments .info-element-social-comments-icon { fill: rgb(43, 86, 114); } .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-comments .info-element-social-comments-count { color: rgb(43, 86, 114); font-family: HelveticaNeueW01-UltLt, HelveticaNeueW02-UltLt, HelveticaNeueW10-25UltL, sans-serif; font-style: normal; line-height: 15px; font-size: 15px; letter-spacing: 1px; } .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-love { font-size: 15px; border: none; background: rgba(0, 0, 0, 0); padding: 0px; } .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-love button, .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-love i { float: left; display: inline-block; border: none; background: rgba(0, 0, 0, 0); text-decoration: none; cursor: pointer; } .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-love .info-element-social-love-count { color: rgb(43, 86, 114); font-family: HelveticaNeueW01-UltLt, HelveticaNeueW02-UltLt, HelveticaNeueW10-25UltL, sans-serif; font-style: normal; float: left; margin-top: 2px; display: inline-block; padding-left: 9px; letter-spacing: 1px; } .slideshow-info-element-inner .info-element-social .info-element-social-share { flex-direction: row; outline: none; } .slideshow-info-element-inner .info-element-social .info-element-social-share:hover .info-element-social-share-box { outline: none; width: 210px !important; } .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box { width: 0px; transition: width 0.3s; overflow: hidden; display: inline-block; height: 30px; max-width: 300px; z-index: 16; font-size: 12px; margin-left: 25px !important; margin-right: 25px !important; transform: none !important; } .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box.hovered { outline: none; width: 210px !important; } .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box.opened { outline: none; width: 210px !important; } .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box button, .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box i { display: inline-block; font-size: 15px; color: rgb(43, 86, 114); cursor: pointer; width: 30px; height: 30px; line-height: 14px; text-align: center; margin: 0px 6px; float: left; text-decoration: none; background: rgba(0, 0, 0, 0); border: none; } .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box button:hover, .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box i:hover { opacity: 0.7; } .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box button.twitter-share, .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box i.twitter-share { font-size: 13px; } .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box button.email-share, .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box i.email-share { font-size: 13px; } .gallery-item-common-info.gallery-item-bottom-info { box-sizing: border-box; height: 100%; width: 100%; padding-top: 0px; } .gallery-item-common-info.gallery-item-bottom-info .info-element-text { flex-grow: 1; padding: 0px; margin-bottom: 25px; display: flex; flex-direction: column; } .gallery-item-common-info.gallery-item-bottom-info .info-element-text > div { width: 100%; } .gallery-item-common-info.gallery-item-bottom-info .info-element-text .info-element-title { white-space: normal; font-family: HelveticaNeueW01-Thin, HelveticaNeueW02-Thin, HelveticaNeueW10-35Thin, sans-serif; line-height: 32px; font-size: 21px; height: auto; color: rgb(43, 86, 114); display: block; -webkit-box-orient: vertical; transition: opacity 0.4s; text-overflow: ellipsis; } .gallery-item-common-info.gallery-item-bottom-info .info-element-text .info-element-description { font-family: HelveticaNeueW01-Thin, HelveticaNeueW02-Thin, HelveticaNeueW10-35Thin, sans-serif; line-height: 25px; font-size: 15px; height: auto; color: rgb(43, 86, 114); overflow: hidden; display: block; -webkit-box-orient: vertical; transition: opacity 0.4s; white-space: nowrap; text-overflow: ellipsis; } .gallery-item-common-info.gallery-item-bottom-info .info-element-text .info-element-description > span { white-space: normal; } .gallery-item-common-info.gallery-item-bottom-info .info-element-text .info-member.hide { display: none; } .gallery-item-common-info.gallery-item-bottom-info .info-element-text .info-element-custom-button-wrapper { display: flex; justify-content: center; color: rgb(255, 255, 255); } .gallery-item-common-info.gallery-item-bottom-info .info-element-text .info-element-custom-button-wrapper button { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; line-height: 25px; height: 45px; min-width: 190px; padding: 0px 15px; position: relative; z-index: 10; cursor: pointer; outline: none; border-style: solid; text-decoration: none; } .gallery-item-common-info.gallery-item-bottom-info .info-element-text .info-element-custom-button-wrapper button .overlay { display: none; } .gallery-item-common-info.gallery-item-bottom-info .info-element-text .info-element-custom-button-wrapper button:hover { opacity: 1 !important; } .gallery-item-common-info.gallery-item-bottom-info .info-element-text .info-element-custom-button-wrapper button:hover .overlay { display: block; background: rgba(255, 255, 255, 0.1); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social { height: auto; position: static; display: flex; flex-direction: row; margin: 0px; overflow: visible; z-index: 16; transition: opacity 0.4s; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social.populated-item { margin-bottom: 24px; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social:hover .info-element-social-share-box { width: 0px !important; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social.info-align-center { justify-content: center; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social.info-align-center .info-element-social-share { position: relative; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social.info-align-center .info-element-social-share .info-element-social-share-box { position: absolute; left: -25px; padding-left: 25px !important; margin-right: 0px !important; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social.info-align-right { flex-direction: row-reverse; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social.info-align-right .info-element-social-share { flex-direction: row-reverse; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social.info-align-right .info-element-social-share:hover .info-element-social-share-box { margin-right: 40px !important; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-button { margin: 0px 15px; display: inline-flex; font-size: 19px; color: rgb(43, 86, 114); cursor: pointer; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-button:hover:not(.info-element-loved) { opacity: 0.7; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-button.info-element-social-comments { font-size: 15px; border: none; background: rgba(0, 0, 0, 0); display: flex; column-gap: 7px; align-items: center; padding: 5px; margin: -5px; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-button.info-element-social-comments .info-element-social-comments-icon { fill: rgb(43, 86, 114); } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-button.info-element-social-comments .info-element-social-comments-count { color: rgb(43, 86, 114); font-family: HelveticaNeueW01-UltLt, HelveticaNeueW02-UltLt, HelveticaNeueW10-25UltL, sans-serif; font-style: normal; line-height: 15px; font-size: 15px; letter-spacing: 1px; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-button.info-element-social-love { font-size: 15px; border: none; background: rgba(0, 0, 0, 0); padding: 0px; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-button.info-element-social-love button, .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-button.info-element-social-love i { float: left; display: inline-block; border: none; background: rgba(0, 0, 0, 0); text-decoration: none; cursor: pointer; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-button.info-element-social-love .info-element-social-love-count { color: rgb(43, 86, 114); font-family: HelveticaNeueW01-UltLt, HelveticaNeueW02-UltLt, HelveticaNeueW10-25UltL, sans-serif; font-style: normal; float: left; margin-top: 2px; display: inline-block; padding-left: 9px; letter-spacing: 1px; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share { flex-direction: row; outline: none; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share:hover .info-element-social-share-box { outline: none; width: 210px !important; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box { width: 0px; transition: width 0.3s; overflow: hidden; display: inline-block; height: 30px; max-width: 300px; z-index: 16; font-size: 12px; margin-left: 25px !important; margin-right: 25px !important; transform: none !important; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box.hovered { outline: none; width: 210px !important; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box.opened { outline: none; width: 210px !important; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box button, .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box i { display: inline-block; font-size: 15px; color: rgb(43, 86, 114); cursor: pointer; width: 30px; height: 30px; line-height: 14px; text-align: center; margin: 0px 6px; float: left; text-decoration: none; background: rgba(0, 0, 0, 0); border: none; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box button:hover, .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box i:hover { opacity: 0.7; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box button.twitter-share, .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box i.twitter-share { font-size: 13px; } .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box button.email-share, .gallery-item-common-info.gallery-item-bottom-info .info-element-social .info-element-social-share .info-element-social-share-box i.email-share { font-size: 13px; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner { box-sizing: border-box; padding-top: 24px; height: 100%; width: 100%; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text { flex-grow: 1; padding: 0px; margin-bottom: 25px; display: flex; flex-direction: column; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text > div { width: 100%; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text .info-element-title { white-space: normal; font-family: HelveticaNeueW01-Thin, HelveticaNeueW02-Thin, HelveticaNeueW10-35Thin, sans-serif; line-height: 32px; font-size: 21px; height: auto; color: rgb(43, 86, 114); display: block; -webkit-box-orient: vertical; transition: opacity 0.4s; text-overflow: ellipsis; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text .info-element-description { font-family: HelveticaNeueW01-Thin, HelveticaNeueW02-Thin, HelveticaNeueW10-35Thin, sans-serif; line-height: 25px; font-size: 15px; height: auto; color: rgb(43, 86, 114); overflow: hidden; display: block; -webkit-box-orient: vertical; transition: opacity 0.4s; white-space: nowrap; text-overflow: ellipsis; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text .info-element-description > span { white-space: normal; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text .info-member.hide { display: none; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text .info-element-custom-button-wrapper { display: flex; justify-content: center; color: rgb(255, 255, 255); } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text .info-element-custom-button-wrapper button { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; line-height: 25px; height: 45px; min-width: 190px; padding: 0px 15px; position: relative; z-index: 10; cursor: pointer; outline: none; border-style: solid; text-decoration: none; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text .info-element-custom-button-wrapper button .overlay { display: none; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text .info-element-custom-button-wrapper button:hover { opacity: 1 !important; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-text .info-element-custom-button-wrapper button:hover .overlay { display: block; background: rgba(255, 255, 255, 0.1); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social { height: auto; position: static; display: flex; flex-direction: row; margin: 0px; overflow: visible; z-index: 16; transition: opacity 0.4s; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social.populated-item { margin-bottom: 24px; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social:hover .info-element-social-share-box { width: 0px !important; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social.info-align-center { justify-content: center; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social.info-align-center .info-element-social-share { position: relative; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social.info-align-center .info-element-social-share .info-element-social-share-box { position: absolute; left: -25px; padding-left: 25px !important; margin-right: 0px !important; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social.info-align-right { flex-direction: row-reverse; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social.info-align-right .info-element-social-share { flex-direction: row-reverse; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social.info-align-right .info-element-social-share:hover .info-element-social-share-box { margin-right: 40px !important; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-button { margin: 0px 15px; display: inline-flex; font-size: 19px; color: rgb(43, 86, 114); cursor: pointer; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-button:hover:not(.info-element-loved) { opacity: 0.7; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-comments { font-size: 15px; border: none; background: rgba(0, 0, 0, 0); display: flex; column-gap: 7px; align-items: center; padding: 5px; margin: -5px; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-comments .info-element-social-comments-icon { fill: rgb(43, 86, 114); } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-comments .info-element-social-comments-count { color: rgb(43, 86, 114); font-family: HelveticaNeueW01-UltLt, HelveticaNeueW02-UltLt, HelveticaNeueW10-25UltL, sans-serif; font-style: normal; line-height: 15px; font-size: 15px; letter-spacing: 1px; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-love { font-size: 15px; border: none; background: rgba(0, 0, 0, 0); padding: 0px; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-love button, .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-love i { float: left; display: inline-block; border: none; background: rgba(0, 0, 0, 0); text-decoration: none; cursor: pointer; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-button.info-element-social-love .info-element-social-love-count { color: rgb(43, 86, 114); font-family: HelveticaNeueW01-UltLt, HelveticaNeueW02-UltLt, HelveticaNeueW10-25UltL, sans-serif; font-style: normal; float: left; margin-top: 2px; display: inline-block; padding-left: 9px; letter-spacing: 1px; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share { flex-direction: row; outline: none; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share:hover .info-element-social-share-box { outline: none; width: 210px !important; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box { width: 0px; transition: width 0.3s; overflow: hidden; display: inline-block; height: 30px; max-width: 300px; z-index: 16; font-size: 12px; margin-left: 25px !important; margin-right: 25px !important; transform: none !important; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box.hovered { outline: none; width: 210px !important; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box.opened { outline: none; width: 210px !important; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box button, .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box i { display: inline-block; font-size: 15px; color: rgb(43, 86, 114); cursor: pointer; width: 30px; height: 30px; line-height: 14px; text-align: center; margin: 0px 6px; float: left; text-decoration: none; background: rgba(0, 0, 0, 0); border: none; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box button:hover, .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box i:hover { opacity: 0.7; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box button.twitter-share, .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box i.twitter-share { font-size: 13px; } .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box button.email-share, .gallery-slideshow div.pro-gallery .slideshow-info-element-inner .info-element-social .info-element-social-share .info-element-social-share-box i.email-share { font-size: 13px; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover { padding: 30px; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-text, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-text { padding: 0px; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element { display: flex; flex-direction: column; justify-content: center; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social { margin: 0px; height: auto; position: static; display: flex; flex-direction: row; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.with-arrows, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.with-arrows { width: auto; margin: 0px -10px; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.gradient-top, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.gradient-top { background: linear-gradient(rgba(0, 0, 0, 0.2) 0px, transparent 140px); } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social:hover .info-element-social-share-box, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social:hover .info-element-social-share-box { width: 0px !important; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-center, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-center { justify-content: center; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-center .info-element-social-share, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-center .info-element-social-share { position: relative; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-center .info-element-social-share .info-element-social-share-box, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-center .info-element-social-share .info-element-social-share-box { position: absolute; left: -25px; padding-left: 25px !important; margin-right: 0px !important; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-right, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-right { flex-direction: row-reverse; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-right .info-element-social-share, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-right .info-element-social-share { flex-direction: row-reverse; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-right .info-element-social-share:hover .info-element-social-share-box, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social.info-align-right .info-element-social-share:hover .info-element-social-share-box { margin-right: 40px !important; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-button, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-button { margin: 0px; padding: 0px 20px; font-size: 19px; position: static !important; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-button.info-element-social-share, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-button.info-element-social-share { margin-top: -3px; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-share, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-share { flex-direction: row; outline: none; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-share:hover .info-element-social-share-box, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-share:hover .info-element-social-share-box { outline: none; width: 210px !important; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-share .info-element-social-share-box, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-share .info-element-social-share-box { width: 0px; transition: width 0.3s; overflow: hidden; margin-left: 25px !important; margin-right: 25px !important; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-share .info-element-social-share-box.hovered, .gallery-thumbnails div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .hover-info-element .info-element-social .info-element-social-share .info-element-social-share-box.hovered { outline: none; width: 210px !important; } .gallery-slider div.pro-gallery .gallery-item-container .gallery-item-common-info .info-element-title { white-space: normal; } .gallery-columns div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover { padding: 30px; } .gallery-columns div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-text { padding: 30px 0px 0px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-custom-button-wrapper { display: flex; justify-content: center; opacity: 0; -webkit-box-pack: center; transition: opacity 0.4s; color: rgb(255, 255, 255); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-custom-button-wrapper .buy-icon { margin-right: 7px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-custom-button-wrapper button { line-height: 25px; font-size: 15px; color: rgb(255, 255, 255); overflow: hidden; display: block; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; opacity: 0; height: 45px; min-width: 190px; padding: 0px 15px; position: relative; z-index: 10; cursor: pointer; white-space: nowrap; outline: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-custom-button-wrapper button .overlay { display: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-custom-button-wrapper button:hover .overlay { display: block; background: rgba(255, 255, 255, 0.1); width: 100%; height: 45px; position: absolute; top: 0px; left: 0px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-text { padding: 30px; display: flex; flex-direction: column; margin: 0px; box-sizing: border-box; height: 100%; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-text.short-item { padding-top: 5px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-text.narrow-item { padding-left: 5px; padding-right: 5px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-text.hidden { opacity: 0 !important; pointer-events: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-text > div { width: 100%; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-text.push-down { padding-top: 60px; box-sizing: border-box; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-title { line-height: 32px; font-size: 21px; padding: 0px; color: rgb(255, 255, 255); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; opacity: 0; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-description { line-height: 25px; font-size: 15px; color: rgb(255, 255, 255); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; opacity: 0; white-space: normal; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-member.hide { display: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-new-info-elements { width: 100%; display: flex; flex-direction: row; height: 24px !important; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-new-info-elements .info-element-social-love { margin-right: auto; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-new-info-elements .info-element-social-button { padding-left: 10px; padding-right: 10px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-absolute { position: absolute; top: 0px; left: 0px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social { outline: none; width: 100%; height: 100%; overflow: visible; z-index: 16; transition: opacity 0.4s; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.short-item, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.narrow-item { display: flex; align-items: flex-end; justify-content: space-around; height: 90%; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.short-item .info-element-social-button, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.narrow-item .info-element-social-button { position: initial; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.with-arrows { width: 86%; margin: 0px 7%; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.hidden { opacity: 0 !important; pointer-events: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button { outline: none; bottom: 30px; position: absolute; display: inline-block; font-size: 19px; color: rgb(255, 255, 255); cursor: pointer; opacity: 0; padding: 10px; margin: -10px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button:hover:not(.info-element-loved) { opacity: 0.7; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.visible { opacity: 1 !important; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.info-element-social-comments { left: 26px; top: 26px; bottom: initial; font-size: 15px; border: none; background: rgb(43, 86, 114); display: flex; column-gap: 7px; align-items: center; padding: 5px; margin: -5px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.info-element-social-comments .info-element-social-comments-count { font-family: HelveticaNeueW01-UltLt, HelveticaNeueW02-UltLt, HelveticaNeueW10-25UltL, sans-serif; font-style: normal; line-height: 15px; font-size: 15px; letter-spacing: 1px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.info-element-social-love { left: 30px; bottom: 30px; font-size: 15px; border: none; background: rgba(0, 0, 0, 0); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.info-element-social-love button, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.info-element-social-love i { outline: none; float: left; display: inline-block; line-height: 14px; border: none; background: rgba(0, 0, 0, 0); font-size: 18px; padding: 1px 5px; text-decoration: none; cursor: pointer; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.info-element-social-love .info-element-social-love-count { font-family: HelveticaNeueW01-UltLt, HelveticaNeueW02-UltLt, HelveticaNeueW10-25UltL, sans-serif; font-style: normal; float: left; line-height: 15px; font-size: 15px; margin-top: 2px; display: inline-block; padding-left: 9px; letter-spacing: 1px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.info-element-social-share { bottom: 26px; left: auto; right: 30px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.info-element-social-dots { left: auto; right: 22px; top: 26px; height: 30px; width: 20px; display: flex; justify-content: center; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.info-element-social-download { bottom: 25px; left: auto; right: 68px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social .info-element-social-button.info-element-social-download.pull-right { right: 30px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item .info-element-social-button { bottom: calc(50% - 10px); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item .info-element-social-button.info-element-social-love, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item .info-element-social-button.info-element-social-comments { left: calc(25% - 8px); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item .info-element-social-button.info-element-social-love span, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item .info-element-social-button.info-element-social-comments span { display: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item .info-element-social-button.info-element-social-share { right: calc(25% - 8px); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item .info-element-social-button.info-element-social-download { left: calc(50% - 8px); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item .info-element-social-button.info-element-social-dots { left: calc(50% - 8px); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item.vertical-item .info-element-social-button { bottom: auto; left: calc(50% - 8px); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item.vertical-item .info-element-social-button.info-element-social-love, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item.vertical-item .info-element-social-button.info-element-social-comments { top: calc(25% - 10px); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item.vertical-item .info-element-social-button.info-element-social-share { top: auto; right: auto; bottom: calc(25% - 10px); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item.vertical-item .info-element-social-button.info-element-social-download { top: calc(50% - 10px); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social.small-item.vertical-item .info-element-social-button.info-element-social-dots { bottom: calc(50% - 10px); } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box { position: absolute; top: 0px; left: 50%; width: 100%; height: 100%; max-width: 300px; min-width: 200px; overflow: visible; z-index: 16; font-size: 12px; opacity: 0; transform: translateX(-50%); margin-top: 1px; margin-left: -3px; transition: opacity 0.4s; outline: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box.hidden { opacity: 0 !important; pointer-events: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box button, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box i { display: inline-block; font-size: 15px; color: rgb(255, 255, 255); cursor: pointer; position: absolute; top: 50%; width: 22px; text-align: center; transform: translateY(-50%); background: rgba(0, 0, 0, 0); border: none; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box button:hover, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box i:hover { opacity: 0.7; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box button.network-1, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box i.network-1 { margin-left: 5px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box button.network-2, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box i.network-2 { font-size: 13px; margin-top: 1px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box button.network-4, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box i.network-4 { margin-left: -1px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box button.network-5, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box i.network-5 { font-size: 13px; margin-top: 1px; margin-left: -3px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box.vertical-item { top: 50%; left: 0px; max-width: none; min-width: 0px; max-height: 300px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box.vertical-item button, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box.vertical-item i { left: 50%; margin-left: -10px; margin-top: 8px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box.vertical-item button.network-2, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box.vertical-item i.network-2 { font-size: 13px; } div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box.vertical-item button.network-5, div.pro-gallery .gallery-item-container .gallery-item-wrapper .gallery-item-hover .info-element-social-share-box.vertical-item i.network-5 { font-size: 13px; } div.pro-gallery .gallery-item-container .gallery-item-common-info { box-sizing: border-box; cursor: pointer; } div.pro-gallery .gallery-item-container .gallery-item-common-info .info-element-title { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; } div.pro-gallery .gallery-item-container .gallery-item-common-info .info-element-description { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; } div.pro-gallery .gallery-item-container .gallery-item-common-info .info-element-description > span { white-space: normal; } div.pro-gallery .gallery-item-container .gallery-item-common-info .info-member.hide { display: none; } div.pro-gallery .gallery-item-container .gallery-item-common-info .info-element-custom-button-wrapper { display: flex; justify-content: center; color: rgb(255, 255, 255); } div.pro-gallery .gallery-item-container .gallery-item-common-info .info-element-custom-button-wrapper button { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; line-height: 25px; height: 45px; min-width: 190px; padding: 0px 15px; position: relative; z-index: 10; cursor: pointer; outline: none; border-style: solid; text-decoration: none; } div.pro-gallery .gallery-item-container .gallery-item-common-info .info-element-custom-button-wrapper button .overlay { display: none; } div.pro-gallery .gallery-item-container .gallery-item-common-info .info-element-custom-button-wrapper button:hover .overlay { display: block; background: rgba(255, 255, 255, 0.1); width: 100%; height: 45px; position: absolute; top: 0px; left: 0px; } div.pro-gallery.thumbnails-gallery .gallery-item-container .info-element-custom-button-wrapper { display: none !important; } :root { --tooltip-text-color: white; --tooltip-background-color: black; --tooltip-margin: 30px; --tooltip-arrow-size: 6px; } .tooltip-wrapper { position: absolute; top: 0px; z-index: 100; background-color: var(--tooltip-background-color); color: var(--tooltip-text-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px; border: 1px solid var(--tooltip-text-color); } .tooltip-body { padding: 4px; font-size: 14px; font-family: Helvetica; } .tooltip-body::before { content: " "; left: 50%; border-style: solid; border-color: rgba(0, 0, 0, 0); border-image: initial; height: 0px; width: 0px; position: absolute; pointer-events: none; border-width: var(--tooltip-arrow-size); margin-left: calc(var(--tooltip-arrow-size)*-1); } .tooltip-body.arrow { top: calc(var(--tooltip-margin)*-1); } .tooltip-body.arrow::before { top: 100%; border-top-color: var(--tooltip-background-color); } .pg-render-indicator { position: absolute; bottom: 15.5px; left: 15.5px; border: 1px solid rgb(113, 113, 113); padding: 5px 10px 5px 5px; font-size: 16px; z-index: 2147483647; cursor: default; line-height: 20px; } .pg-render-indicator table { table-layout: fixed; } .pg-render-indicator.rendered { background-color: rgb(127, 255, 0); } .pg-render-indicator.not-rendered { background-color: red; } .pg-render-indicator .log-column { max-height: 450px; max-width: 500px; overflow: auto; background-color: rgb(255, 255, 255); } .pg-render-indicator .show-on-hover { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; top: -9999px; left: -9999px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; } .pg-render-indicator div.worker-log-text { overflow-wrap: break-word; max-width: 500px; min-width: 100px; } .pg-render-indicator:hover { max-width: 90%; max-height: 90%; } .pg-render-indicator:hover .show-on-hover { clip-path: none; display: block; height: auto; line-height: normal; text-decoration: none; width: auto; position: static; clip: auto !important; } .pro-fullscreen-wrapper, .pro-fullscreen-wrapper-loading { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 100005; } .pro-gallery-empty { top: 0px; left: 0px; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.9); } .pro-gallery-empty .pro-gallery-empty-content { height: 334px; width: 100%; overflow: hidden; } .pro-gallery-empty .pro-gallery-empty-image { margin: 66px auto 35px; width: 262px; height: 132px; background-image: url("media/emptystate.85a4add5.svg"); background-size: contain; } .pro-gallery-empty .pro-gallery-empty-title { color: rgb(78, 183, 245); font-family: HelveticaNeueW01-55Roma, HelveticaNeueW02-55Roma, HelveticaNeueW10-55Roma, sans-serif; font-size: 20px; line-height: 25px; text-align: center; margin-bottom: 10px; } .pro-gallery-empty .pro-gallery-empty-info { color: rgb(78, 183, 245); font-family: HelveticaNeueW01-45Ligh, HelveticaNeueW02-45Ligh, HelveticaNeueW10-45Ligh, sans-serif; font-size: 14px; line-height: 20px; text-align: center; }