#wpgs-gallery {
float: left;
}
#wpgs-gallery img {
max-width: 100%;
height: auto;
}
div.product div.summary,
div.product div.product-description {
min-width: 150px;
overflow: hidden;
}
#wpgs-gallery .slick-slider .slick-list * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#wpgs-gallery .slick-slider img:focus {
outline: none;
}
#wpgs-gallery.woocommerce-product-gallery {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
#wpgs-gallery.woocommerce-product-gallery.vertical {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
#wpgs-gallery.woocommerce-product-gallery .wcgs-carousel {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#wpgs-gallery.woocommerce-product-gallery .gallery-navigation-carousel {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
#wpgs-gallery.woocommerce-product-gallery
.wcgs-carousel:not(.slick-initialized) {
display: none;
}
#wpgs-gallery.woocommerce-product-gallery
.gallery-navigation-carousel:not(.slick-initialized) {
display: none;
}
.slick-vertical .slick-slide {
border: 0;
}
.wcgs-carousel {
position: relative;
overflow: hidden;
}
.wcgs-carousel .wcgs-slider-image {
position: relative;
overflow: hidden;
}
.wcgs-carousel .slick-arrow {
font-family: "FontAwesome";
font-size: 12px;
}
.wcgs-carousel .slick-arrow.icon-sp_wgs-left-open,
.wcgs-carousel .slick-arrow.icon-sp_wgs-right-open {
position: absolute;
cursor: pointer;
width: 30px;
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;
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
background-image: none !important;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
margin-top: -19px;
z-index: 9;
text-decoration: none;
top: 50%;
}
.wcgs-carousel .slick-arrow.icon-sp_wgs-left-open:before,
.wcgs-carousel .slick-arrow.icon-sp_wgs-right-open:before {
display: contents;
font-size: 10px;
}
.wcgs-carousel .slick-arrow.icon-sp_wgs-left-open.pointer,
.wcgs-carousel .slick-arrow.icon-sp_wgs-right-open.pointer {
pointer-events: none;
}
.wcgs-carousel .slick-arrow.icon-sp_wgs-left-open {
left: 0;
min-width: 38px;
min-height: 38px;
-webkit-animation: leftArrow 0.5s;
animation: leftArrow 0.5s;
}
.wcgs-carousel .slick-arrow.icon-sp_wgs-right-open {
left: auto;
min-width: 38px;
min-height: 38px;
right: 0;
-webkit-animation: rightArrow 0.5s;
animation: rightArrow 0.5s;
}
.wcgs-carousel .slick-dots {
position: absolute;
margin: 0;
display: block;
text-align: center;
width: 100%;
bottom: 0;
cursor: pointer;
-webkit-animation: bulletAnimation 0.5s;
animation: bulletAnimation 0.5s;
}
.wcgs-carousel .slick-dots li {
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
}
.wcgs-carousel .slick-dots li button::before,
.wcgs-carousel .slick-dots li button::after {
content: none;
}
.wcgs-carousel .slick-dots li button {
width: 10px !important;
height: 10px !important;
min-height: 10px !important;
position: relative;
font-size: 10px;
background-color: rgba(115, 119, 121, 0.5);
display: inline-block;
text-decoration: none;
border-radius: 50%;
margin-right: 6px;
border: none;
padding: 0;
color: transparent !important;
}
.wcgs-carousel .slick-dots li.slick-active button {
background-color: rgba(0, 0, 0, 0.8);
}
.wcgs-carousel.vertical .slick-arrow {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.wcgs-carousel.vertical .slick-arrow.icon-sp_wgs-left-open,
.wcgs-carousel.vertical .slick-arrow.icon-sp_wgs-right-open {
margin-left: -19px;
left: 50%;
margin-top: 0;
-webkit-animation: none;
animation: none;
}
.wcgs-carousel.vertical .slick-arrow.icon-sp_wgs-left-open {
bottom: 0;
top: auto;
}
.wcgs-carousel.vertical .slick-arrow.icon-sp_wgs-right-open {
top: 0;
bottom: auto;
}
.wcgs-carousel.vertical .slick-dots {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: 8px;
width: auto;
-webkit-animation: none;
animation: none;
}
.wcgs-carousel.vertical .slick-dots li {
display: block;
margin: 0;
padding: 0;
line-height: 1;
}
.wcgs-carousel.vertical .slick-dots li a {
margin-right: 0;
display: block;
}
.gallery-navigation-carousel {
overflow: hidden;
position: relative;
display: none;
}
.gallery-navigation-carousel .slick-slide.wcgs-thumb {
opacity: 0.5;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.gallery-navigation-carousel .slick-slide.wcgs-thumb .video-icon::after {
font-size: 36px;
}
.gallery-navigation-carousel .slick-slide.wcgs-thumb img {
width: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gallery-navigation-carousel .slick-slide.wcgs-thumb.slick-current.wcgs-thumb {
opacity: 1;
}
.gallery-navigation-carousel .slick-arrow {
font-family: "FontAwesome";
font-size: 12px;
top: 0;
width: 25px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
color: #fff;
background-color: rgba(115, 119, 121, 0.5);
font-size: 10px;
z-index: 99;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.gallery-navigation-carousel .slick-arrow:before {
display: contents;
}
.gallery-navigation-carousel .slick-arrow:hover {
cursor: pointer;
background: rgba(0, 0, 0, 0.8);
color: #fff;
}
.gallery-navigation-carousel .icon-sp_wgs-left-open {
left: 0;
}
.gallery-navigation-carousel .icon-sp_wgs-left-open:before {
font-size: 8px;
}
.gallery-navigation-carousel .icon-sp_wgs-right-open {
right: 0;
}
.gallery-navigation-carousel .icon-sp_wgs-right-open:before {
font-size: 8px;
}
.gallery-navigation-carousel.always .slick-arrow {
opacity: 1;
}
.gallery-navigation-carousel:hover .icon-sp_wgs-left-open,
.gallery-navigation-carousel:hover .icon-sp_wgs-right-open {
opacity: 1;
}
.gallery-navigation-carousel.vertical {
height: 100%;
margin: auto;
}
.gallery-navigation-carousel.vertical .slick-arrow {
height: 30px;
width: 100%;
}
.gallery-navigation-carousel.vertical .slick-arrow::before {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
display: inline-block;
}
.gallery-navigation-carousel.vertical .slick-arrow.icon-sp_wgs-right-open {
right: auto;
top: 0;
}
.gallery-navigation-carousel.vertical .slick-arrow.icon-sp_wgs-left-open {
right: auto;
top: auto;
bottom: 0;
}
.photo {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 0;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
background-color: #fff;
}
.photo:hover {
opacity: 1;
}
.wcgs-hidden-gallery {
display: none;
}
.wcgs-lightbox a {
position: absolute;
top: 10px;
right: 10px;
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;
padding: 5px;
border-radius: 50%;
text-decoration: none;
background-color: #fff;
cursor: pointer;
z-index: 999;
}
.wcgs-lightbox a {
padding: 9px;
line-height: 1;
}
#wpgs-gallery .wcgs-lightbox a {
font-size: 13px;
width: 34px;
height: 34px;
}
.wcgs-lightbox.top_right a {
top: 14px;
right: 14px;
font-size: 12px;
}
.wcgs-lightbox.top_left a {
top: 14px;
right: auto;
left: 14px;
}
.wcgs-lightbox.bottom_right a {
top: auto;
right: 14px;
bottom: 14px;
left: auto;
}
.wcgs-lightbox.bottom_left a {
top: auto;
right: auto;
bottom: 14px;
left: 14px;
}
.wcgs-lightbox.middle a {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@-webkit-keyframes leftArrow {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes leftArrow {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes rightArrow {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes rightArrow {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes bulletAnimation {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bulletAnimation {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.video-icon {
background-color: transparent;
width: 50%;
height: 50%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
.video-icon:after {
font-family: "FontAwesome";
font-size: 100px;
color: #fff;
opacity: 0.8;
content: "\f01d";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.wcgs-gallery-preloader {
width: 100%;
height: 100%;
position: absolute;
z-index: -99;
background-color: #fff;
background-image: url(//detodoinformatica.com.ar/wp-content/plugins/gallery-slider-for-woocommerce/public/images/loader-white1.gif);
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
}
.wcgs-gallery-preloader.blur {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
#wpgs-gallery {
display: inline-block;
z-index: 0;
}
.gray_normal_hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.gray_normal_hover:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.gray_onhover,
.gray_onhover ~ .photo {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.gray_onhover:hover,
.gray_onhover ~ .photo:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.gray_always,
.gray_always ~ .photo {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.gray_always:hover,
.gray_always ~ .photo:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.slick-slide .gray_active_normal {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.slick-slide.slick-current .gray_active_normal {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.slick-slide .active_gray_normal {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.slick-slide .active_gray_normal ~ .photo {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.slick-slide.slick-current .active_gray_normal {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
@media (min-width: 768px) {
#wpgs-gallery.woocommerce-product-gallery { margin-right: 30px;
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
float: left !important;
overflow: hidden;
}
}
.wcgs-iframe-wraper {
position: relative;
padding-bottom: 100%;
height: 0;
overflow: hidden;
width: 100%;
}
.wcgs-iframe-wraper iframe,
.wcgs-iframe-wraper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
}
.fancybox-navigation .fancybox-button {
background: transparent !important;
}
.fancybox-navigation .fancybox-button > div {
background: rgba(30, 30, 30, 0.6);
}
.admin-bar .fancybox-container {
top: 32px;
}
.wcgs-fancybox-custom-wrapper .fancybox-caption__body {
margin-bottom: 72px;
} .product #et-boc .et-l #wpgs-gallery ul {
text-align: center;
}
.product #et-boc .et-l #wpgs-gallery .wcgs-lightbox a {
color: #fff;
background-color: rgba(0, 0, 0, 0.5);
padding: 7px;
border-radius: 50%;
}
.product #et-boc .et-l .wcgs-carousel .slick-arrow.icon-sp_wgs-left-open,
.product #et-boc .et-l .wcgs-carousel .slick-arrow.icon-sp_wgs-right-open {
color: #fff;
line-height: 30px;
padding-bottom: 0 !important;
} .wcgs-gallery-slider.theme-Avada.woocommerce #content div.product div.summary {
float: none !important;
overflow: hidden;
}
@media (min-width: 801px) {
.wcgs-gallery-slider.theme-Avada.woocommerce
.avada-single-product-gallery-wrapper {
max-width: 500px;
}
}
@media (max-width: 800px) {
.wcgs-gallery-slider.theme-Avada.woocommerce #wpgs-gallery,
.wcgs-gallery-slider.theme-Avada.woocommerce
#content
div.product
div.summary {
max-width: 100% !important;
}
}
@media (min-width: 768px) and (max-width: 800px) {
.wcgs-gallery-slider.theme-Avada.woocommerce
#content
div.product
div.summary {
margin-left: 0 !important;
}
}
.wcgs-gallery-slider.theme-Avada.woocommerce .product .summary.entry-summary {
margin-left: unset !important;
margin-right: unset !important;
}
.rtl.wcgs-gallery-slider.theme-Avada.woocommerce
.avada-single-product-gallery-wrapper {
float: right;
margin-left: 30px;
margin-right: unset;
} .theme-uncode span.font-ui {
position: absolute;
} .rtl #wpgs-gallery {
float: right;
}
@media (min-width: 768px) {
.rtl #wpgs-gallery.woocommerce-product-gallery {
margin-right: 0;
margin-left: 30px;
}
.rtl.woocommerce #content div.product div.summary,
.rtl.woocommerce div.product div.summary,
.rtl.woocommerce-page #content div.product div.summary,
.rtl.woocommerce-page div.product div.summary {
float: right !important;
}
} #wpgs-gallery * {
box-sizing: border-box;
}
.wcgs-carousel:not(.slick-initialized) {
display: flex !important;
}
.wcgs-carousel:not(.slick-initialized) .wcgs-slider-image {
min-width: 100%;
font-size: 0;
}
.gallery-navigation-carousel.horizontal:not(.slick-initialized) {
margin-right: -10px;
text-align: center;
font-size: 0;
}
.gallery-navigation-carousel.horizontal:not(.slick-initialized) .wcgs-thumb {
padding-right: 10px;
width: 20%;
display: inline-block;
padding-bottom: 6px;
}