File: /var/www/html/onlineshop/wp-content/themes/nautica/sass/components/_special.scss
.block-inline {
.product-block {
margin-bottom: 0 !important;
.price {
margin-top: 0;
max-height: 32px;
overflow: hidden;
}
}
}
.hover-zoom {
a {
display: block;
overflow: hidden;
position: relative;
&:before {
content: "";
@include absolute(top 0);
margin-left: -100%;
width: 200px;
height: 100%;
background: $white;
opacity: .8;
display: block;
@include transition(all .3s ease);
}
img {
@include transition(all .3s ease);
backface-visibility: hidden;
}
&:hover {
&:before {
margin-left: auto;
margin-right: -200px;
opacity: 0;
}
img {
@include transform(scale(1.05));
}
}
}
}
/** Custom Parallax **/
.widget-in-parallax {
.widget-text-heading {
padding:0;
.widget-heading-main {
font-size: inherit;
margin: 0;
&:after {
content: "";
background: none;
width: 9rem;
height: 1px;
background-color: $white;
margin: 3rem auto 2.5rem;
}
span {
color: $white;
font: 700 2.4rem/2.4rem $headings-font-family;
}
}
}
.wpb_content_element {
font: 500 1.6rem/3.4rem $font-family-base;
padding: 0 100px;
text-align: center;
color: $white;
}
.feature-box-v4 {
border: 1px solid #bcbcbc;
h4 {
color: $brand-primary;
}
small {
color: $white;
}
}
}
/** Custom Revolution slider **/
.rev_slider{
&.fullscreenbanner {
.tp-revslider-mainul {
li {
.slotholder {
&:before {
background: url(images/interference.gif);
opacity: 0.1;
content: "" !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 9999;
}
}
}
}
}
}
/* Fix for browser */
.engo-browser {
&.Safari, &.Firefox {
/**
* Product Single Page
*/
.product-block{
.image{
.img-rotate{
display: block;
img{
@include transition(all .5s ease);
z-index: 10;
&.attachment-shop_catalog {
opacity: 1;
visibility: visible;
}
&.image-catalog-hover {
opacity: 0;
visibility: hidden;
@include transform(rotateY(0deg));
}
}
&:hover {
img {
&.attachment-shop_catalog {
opacity: 0;
visibility:hidden;
}
&.image-catalog-hover {
opacity: 1;
visibility:visible;
@include transform(rotateY(0deg));
}
}
.image-hover{
@include transform(rotateY(0deg));
}
}
}
} /** **/
}
}
}