.forumverse-danger { padding: 1rem 1.5rem; margin-bottom: 2rem; border-left: 5px solid rgba(0, 0, 0, 0.2); font-weight: 700; color: #fff; background-color: #F44336; } .forumverse-gallery-icon-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; width: 100%; padding: 20px; } .forumverse-gallery-icon-container .forumverse-gallery-icon { border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1; } .forumverse-slider .slick-prev, .forumverse-slider .slick-next { background: rgba(255, 255, 255, 0); width: 60px; height: 60px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; border-radius: 0; color: #fff; font-size: 30px; line-height: 1; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .forumverse-slider .slick-prev:before, .forumverse-slider .slick-next:before { display: none; } .forumverse-slider .slick-next { right: 0; left: auto; } .forumverse-slider .slick-prev { right: auto; left: 0; } .forumverse-slider .slick-dots { position: absolute; bottom: 20px; left: 0; right: 0; height: 20px; z-index: 10; } .forumverse-slider .slick-dots li { margin: 0 2px !important; } .forumverse-slider .slick-dots li button { display: inline-block; background: transparent !important; } .forumverse-slider .slick-dots li button:before { color: #fff; } .forumverse-slider.slick-dotted.slick-slider { padding-bottom: 0 !important; } .forumverse-thumbnail-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: nowrap; flex-wrap: nowrap; list-style: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; overflow-x: auto; } .forumverse-dots-inside .forumverse-thumbnail-dots { position: absolute; bottom: 0px; left: 0; right: 0; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 10; } .forumverse-dots-outside .forumverse-thumbnail-dots img { width: 100%; height: auto; } .forumverse-thumbnail-dots li { padding: 0; margin: 0; } .forumverse-thumbnail-dots li img { padding: 0; margin: 0; vertical-align: bottom; height: auto; cursor: pointer; opacity: 0.9; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -o-object-fit: cover; object-fit: cover; max-width: 100%; width: auto; } .forumverse-thumbnail-dots li img:hover { opacity: 1; } .forumverse-slider-wrapper.hide-nav .forumverse-slider .slick-prev, .forumverse-slider-wrapper.hide-nav .forumverse-slider .slick-next, .forumverse-slider-wrapper.hide-nav .forumverse-slider .slick-dots, .forumverse-slider-wrapper.hide-nav .forumverse-slider-thumbnails { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .forumverse-slider-wrapper.hide-nav:hover .forumverse-slider .slick-prev, .forumverse-slider-wrapper.hide-nav:hover .forumverse-slider .slick-next, .forumverse-slider-wrapper.hide-nav:hover .forumverse-slider .slick-dots, .forumverse-slider-wrapper.hide-nav:hover .forumverse-slider-thumbnails { opacity: 1; } .forumverse-slider-url { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; } .forumverse-slider-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .forumverse-slider-wrapper, .forumverse-slider { position: relative; } .forumverse-slider > div { display: none; } .forumverse-slider > div:first-child { display: block; } .forumverse-slider.slick-initialized > div { display: block; } .forumverse-slider .slick-slide { position: relative; } .forumverse-slider-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9999999999; background-repeat: no-repeat; background-position: center center; } .forumverse-css3-loader.forumverse-slider-loader:before { width: 50px; height: 50px; border: 5px solid rgba(255, 255, 255, 0.1); border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(0deg); -webkit-transform: translate(-50%, -50%) rotate(0deg); -webkit-animation: forumverse-slider-loader 1s linear infinite; animation: forumverse-slider-loader 1s linear infinite; content: ""; border-top-color: #fff; } @-webkit-keyframes forumverse-slider-loader { 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } @keyframes forumverse-slider-loader { 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } } .forumverse-slider-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; -webkit-transform: scale(1) translateZ(0) translateY(0) translateX(0); transform: scale(1) translateZ(0) translateY(0) translateX(0); -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .forumverse-slider-inner.none { -webkit-transform: scale(1) translateZ(0) translateY(0) translateX(0) !important; transform: scale(1) translateZ(0) translateY(0) translateX(0) !important; } .forumverse-slider-inner.zoom { -webkit-transform: scale(1.2) translateZ(0) translateY(0) translateX(0); transform: scale(1.2) translateZ(0) translateY(0) translateX(0); } .forumverse-slider-inner.zoom-top { -webkit-transform: scale(1.2) translateZ(0) translateY(-5%) translateX(0); transform: scale(1.2) translateZ(0) translateY(-5%) translateX(0); } .forumverse-slider-inner.zoom-top-left { -webkit-transform: scale(1.2) translateZ(0) translateY(-5%) translateX(-5%); transform: scale(1.2) translateZ(0) translateY(-5%) translateX(-5%); } .forumverse-slider-inner.zoom-top-right { -webkit-transform: scale(1.2) translateZ(0) translateY(-5%) translateX(5%); transform: scale(1.2) translateZ(0) translateY(-5%) translateX(5%); } .forumverse-slider-inner.zoom-bottom { -webkit-transform: scale(1.2) translateZ(0) translateY(5%) translateX(0); transform: scale(1.2) translateZ(0) translateY(5%) translateX(0); } .forumverse-slider-inner.zoom-bottom-left { -webkit-transform: scale(1.2) translateZ(0) translateY(5%) translateX(-5%); transform: scale(1.2) translateZ(0) translateY(5%) translateX(-5%); } .forumverse-slider-inner.zoom-bottom-right { -webkit-transform: scale(1.2) translateZ(0) translateY(5%) translateX(5%); transform: scale(1.2) translateZ(0) translateY(5%) translateX(5%); } .forumverse-slider-inner.zoom-left { -webkit-transform: scale(1.2) translateZ(0) translateY(0) translateX(-5%); transform: scale(1.2) translateZ(0) translateY(0) translateX(-5%); } .forumverse-slider-inner.zoom-right { -webkit-transform: scale(1.2) translateZ(0) translateY(0) translateX(5%); transform: scale(1.2) translateZ(0) translateY(0) translateX(5%); } .forumverse-slider-text-box { max-width: 100%; z-index: 8; } .forumverse-slider-text-box .forumverse-slider-title, .forumverse-slider-text-box .forumverse-slider-desc { margin: 0 !important; padding: 0 !important; } .forumverse-slider-text-box .forumverse-slider-title a, .forumverse-slider-text-box .forumverse-slider-desc a { text-decoration: none !important; } .forumverse-slider-text-box .forumverse-slider-title:before, .forumverse-slider-text-box .forumverse-slider-desc:before { display: none !important; } .forumverse-slider-text-box .forumverse-slider-desc p { margin: 0 !important; padding: 0 !important; } .forumverse-slider .slick-slide .forumverse-slider-desc img { width: auto; height: auto; } .forumverse-slider .noanim { -webkit-animation-name: none !important; animation-name: none !important; opacity: 0 !important; -webkit-transition: opacity 0.2s ease-in-out !important; transition: opacity 0.2s ease-in-out !important; } .forumverse-slider-divider-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .forumverse-slider-divider-wrapper .forumverse-slider-divider { width: 100%; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } .forumverse-slider-text-wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .forumverse-slider-price { position: absolute; z-index: 2; } .forumverse-slider-price.top-left { top: 0; left: 0; } .forumverse-slider-price.top-right { top: 0; right: 0; } .forumverse-slider-price.bottom-left { bottom: 0; left: 0; } .forumverse-slider-price.bottom-right { bottom: 0; right: 0; } .forumverse-slider-price div.bdg { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; padding: 15px; font-size: 16px; font-weight: bold; } .forumverse-slider-badge { position: absolute; z-index: 1; } .forumverse-slider-badge.top-left { top: 0; left: 0; } .forumverse-slider-badge.top-right { top: 0; right: 0; } .forumverse-slider-badge.bottom-left { bottom: 0; left: 0; } .forumverse-slider-badge.bottom-right { bottom: 0; right: 0; } .forumverse-slider-badge ul { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .forumverse-slider-badge ul li { margin: 0; padding: 0; } .forumverse-slider-badge ul li div { display: inline-block; line-height: 1; padding: 15px; font-size: 16px; font-weight: bold; margin: 10px 0 0 10px; } .forumverse-slider-product-cats { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .forumverse-slider-product-cats li { margin: 0; padding: 0; }