@charset "UTF-8";

 @-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
.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;
}
@media (print), (prefers-reduced-motion: reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
}
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;margin:0 0 -4px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left;padding:0}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin:0;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:var(--wc-form-color-background,#fff);color:var(--wc-form-color-text,#000);border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected],.select2-results__option[data-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none;margin:5px 5px 0 0}.select2-container--default .select2-selection--multiple .select2-selection__rendered li:before{content:"";display:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[data-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:#0073aa;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single:focus{border:1px solid #0073aa}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #0073aa}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #0073aa}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #0073aa}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected],.select2-container--classic .select2-results__option--highlighted[data-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#0073aa}:root {
--color_body: #868686;
--color_main: #ff3636;
--color_heading: #000000;
--color_border: #ececec;
--color_link: #000000;
--color_link_hover: #ff3636;
--color_light: #FFFFFF;
--color_dark: #000000;
--color_button_background: #000000;
--color_button_background_hover: #ff3636;
--color_input_text: #868686;
--color_input_text_focus: #000000;
--color_input_border: #e4e4e4;
--color_input_border_focus: #000000;
--header_container_width: 1460px;
--header_height: 100px;
--header_height_sticky: 100px;
--header_height_mobile: 66px;
--header_color_bg: #ffffff;
--header_color_bg_bottom: #f5f5f5;
--header_color_bg_sticky: #ffffff;
--header_color_bg_transparent: transparent;
--header_color_text: #000000;
--header_color_text_bottom: #ff3636;
--header_color_text_sticky: #000000;
--header_color_text_transparent: #000000;
--header_color_text_hover: #ff3636;
--header_color_text_hover_bottom: yellow;
--header_color_text_hover_sticky: #ff3636;
--header_color_text_hover_transparent: #ff3636;
--header_color_divider: #ececec;
--header_color_divider_transparent: transparent;
--topbar_height: 50px;
--topbar_color_bg: #ffffff;
--topbar_color_divider: #e4e4e4;
--announcement_color_bg: #ff3636;
}
html {
font-size: 1rem;
}
body {
position: relative;
color: var(--color_body);
font-size: 15px;
line-height: 1.5; }
body .alignnone {
margin: 5px 20px 20px 0;
}
body .aligncenter, body div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
body .alignright {
float: right;
margin: 5px 0 20px 20px;
clear: right;
}
body .alignleft {
float: left;
margin: 5px 20px 20px 0;
clear: left;
}
body .wp-caption {
background: #fff;
max-width: 100%; text-align: center;
margin-bottom: 20px;
}
body .wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
body .wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
body .wp-caption.alignright {
margin: 5px 0 20px 20px;
}
body .wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
body .wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
body ins {
text-decoration: none !important;
}
body .gallery-caption {
display: block;
}
body .bypostauthor {
display: inline-block;
}
body .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
body .screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
body.customize-partial-edit-shortcuts-shown .theme.css button.customize-partial-edit-shortcut-button {
padding: 0;
border-radius: 100% !important;
background: rgba(0, 0, 0, 0.3) !important;
border: 2px solid #0073aa;
box-shadow: none;
color: #0073aa;
}
body.customize-partial-edit-shortcuts-shown .theme.css button.customize-partial-edit-shortcut-button:hover {
background-color: #0073aa !important;
}
body.box-shadow {
box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
body.has-offcanvas--overlay {
overflow: hidden;
}
a {
color: var(--color_link);
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
a:hover {
color: var(--color_main);
text-decoration: none;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: var(--color_heading);
font-weight: 600;
}
svg {
max-width: 100%;
display: inline-block;
height: auto;
}
svg.fm-icon {
width: 1rem;
height: 1rem;
}
svg.fm-icon.fill:not(.stroke) {
stroke: none !important;
}
svg.fm-icon.stroke:not(.fill) {
fill: none !important;
}
.hidden {
display: none;
}
.img-responsive {
max-width: 100%;
}
*:focus {
outline: none !important;
}
.familab_theme em {
font-size: 0.8125rem;
}
.hover_dropdown_wrapper {
position: relative;
}
.hover_dropdown_wrapper .dropdown_content {
position: absolute;
top: 100%;
right: 0;
z-index: 340;
background-color: #FFF;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.header-left-control .hover_dropdown_wrapper .dropdown_content {
left: 0;
right: auto;
}
td, th {
border-color: #e4e4e4;
border-style: solid;
border-width: 1px;
padding: 10px;
}
.woocommerce #respond input#submit, .familab_theme #respond input#submit, .woocommerce a.button, .familab_theme a.button, .woocommerce button.button, .familab_theme button.button, .woocommerce button.button.alt, .familab_theme button.button.alt, .woocommerce input.button, .familab_theme input.button, .woocommerce button, .familab_theme button, .woocommerce .btn, .familab_theme .btn {
height: 50px;
padding: 12px 15px;
font-size: 14px;
line-height: 20px;
letter-spacing: 2px;
font-weight: 500;
text-transform: uppercase;
color: #ffffff;
border: none;
text-align: center;
justify-content: center;
align-items: center;
display: inline-flex;
background-color: var(--color_button_background);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce #respond input#submit svg, .familab_theme #respond input#submit svg, .woocommerce a.button svg, .familab_theme a.button svg, .woocommerce button.button svg, .familab_theme button.button svg, .woocommerce button.button.alt svg, .familab_theme button.button.alt svg, .woocommerce input.button svg, .familab_theme input.button svg, .woocommerce button svg, .familab_theme button svg, .woocommerce .btn svg, .familab_theme .btn svg {
fill: #ffffff;
}
.woocommerce #respond input#submit:hover, .familab_theme #respond input#submit:hover, .woocommerce a.button:hover, .familab_theme a.button:hover, .woocommerce button.button:hover, .familab_theme button.button:hover, .woocommerce button.button.alt:hover, .familab_theme button.button.alt:hover, .woocommerce input.button:hover, .familab_theme input.button:hover, .woocommerce button:hover, .familab_theme button:hover, .woocommerce .btn:hover, .familab_theme .btn:hover {
color: #ffffff;
background-color: var(--color_button_background_hover);
}
.familab_theme #respond input#submit.disabled,
.familab_theme #respond input#submit:disabled[disabled],
.familab_theme a.button:disabled, .familab_theme a.button:disabled[disabled],
.familab_theme button.button:disabled,
.familab_theme button.button:disabled[disabled],
.familab_theme input.button:disabled,
.familab_theme input.button:disabled[disabled],
.familab_theme #respond input#submit.alt, .familab_theme a.button.alt,
.familab_theme button.button.alt, .familab_theme input.button.alt {
height: 50px;
padding: 12px 15px;
font-size: 14px;
line-height: 20px;
letter-spacing: 2px;
font-weight: 500;
text-transform: uppercase;
color: #ffffff;
border: none;
text-align: center;
justify-content: center;
align-items: center;
display: inline-flex;
background-color: var(--color_button_background);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.familab_theme #respond input#submit.disabled svg,
.familab_theme #respond input#submit:disabled[disabled] svg,
.familab_theme a.button:disabled svg, .familab_theme a.button:disabled[disabled] svg,
.familab_theme button.button:disabled svg,
.familab_theme button.button:disabled[disabled] svg,
.familab_theme input.button:disabled svg,
.familab_theme input.button:disabled[disabled] svg,
.familab_theme #respond input#submit.alt svg, .familab_theme a.button.alt svg,
.familab_theme button.button.alt svg, .familab_theme input.button.alt svg {
fill: #ffffff;
}
.woocommerce.tinv-wishlist button.button.alt {
font-size: 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.woocommerce.tinv-wishlist button.button.alt > .caston-add-to-cart-text {
display: none;
}
.woocommerce.tinv-wishlist button.button.alt .tinvwl-txt {
font-size: 14px;
}
.woocommerce.tinv-wishlist button.button.alt .tinvwl-txt svg {
display: none;
}
@media (min-width: 992px) {
.woocommerce.tinv-wishlist button.button.alt {
max-width: 220px;
}
}
input[type=email], input[type=search], input[type=number], input[type=url], input[type=tel], input[type=text], input[type=password] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
width: 100%;
max-width: 100%;
border: 1px solid var(--color_input_border);
background-color: transparent;
font-size: 14px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none;
-webkit-transition: border-color 0.5s linear 0s;
-moz-transition: border-color 0.5s linear 0s;
-ms-transition: border-color 0.5s linear 0s;
-o-transition: border-color 0.5s linear 0s;
transition: border-color 0.5s linear 0s;
vertical-align: middle;
padding: 0 20px;
height: 50px;
}
input[type=email]:focus, input[type=search]:focus, input[type=number]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=password]:focus {
outline: none;
border-color: var(--color_input_border_focus);
color: var(--color_input_text_focus);
-webkit-transition: border-color 0.4s linear 0s;
-moz-transition: border-color 0.4s linear 0s;
-ms-transition: border-color 0.4s linear 0s;
-o-transition: border-color 0.4s linear 0s;
transition: border-color 0.4s linear 0s;
}
input[type=radio], input[type=checkbox] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin-top: 0;
margin-right: 5px;
vertical-align: middle;
}
input[type=search] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=number] {
padding: 0;
text-align: center;
}
input[type=number]::-webkit-search-cancel-button, input[type=number]::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
border-color: var(--color_input_border);
-webkit-text-fill-color: var(--color_input_text);
}
input:focus:-webkit-autofill {
border-color: var(--color_input_border);
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
max-width: 100%;
border: 1px solid var(--color_input_border);
background-color: transparent;
font-size: 14px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none;
-webkit-transition: border-color 0.5s linear 0s;
-moz-transition: border-color 0.5s linear 0s;
-ms-transition: border-color 0.5s linear 0s;
-o-transition: border-color 0.5s linear 0s;
transition: border-color 0.5s linear 0s;
vertical-align: middle;
padding: 0 20px;
height: 50px;
padding: 10px 15px;
min-height: 190px;
overflow: auto;
}
textarea:focus {
outline: none;
border-color: var(--color_input_border_focus);
color: var(--color_input_text_focus);
-webkit-transition: border-color 0.4s linear 0s;
-moz-transition: border-color 0.4s linear 0s;
-ms-transition: border-color 0.4s linear 0s;
-o-transition: border-color 0.4s linear 0s;
transition: border-color 0.4s linear 0s;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
max-width: 100%;
border: 1px solid var(--color_input_border);
background-color: transparent;
font-size: 14px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none;
-webkit-transition: border-color 0.5s linear 0s;
-moz-transition: border-color 0.5s linear 0s;
-ms-transition: border-color 0.5s linear 0s;
-o-transition: border-color 0.5s linear 0s;
transition: border-color 0.5s linear 0s;
vertical-align: middle;
padding: 0 20px;
height: 50px;
padding-right: 30px;
background-position: right 10px top 50%;
background-size: auto 16px;
background-repeat: no-repeat;
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/select_icon.svg);
padding-left: 15px;
padding-right: 15px;
}
select:focus {
outline: none;
border-color: var(--color_input_border_focus);
color: var(--color_input_text_focus);
-webkit-transition: border-color 0.4s linear 0s;
-moz-transition: border-color 0.4s linear 0s;
-ms-transition: border-color 0.4s linear 0s;
-o-transition: border-color 0.4s linear 0s;
transition: border-color 0.4s linear 0s;
}
select::-ms-expand {
display: none;
}
.familab_theme .select2-container--default .select2-selection {
border-radius: 0;
border: 1px solid var(--color_input_border);
-webkit-transition: border-color 0.4s linear 0s;
-moz-transition: border-color 0.4s linear 0s;
-ms-transition: border-color 0.4s linear 0s;
-o-transition: border-color 0.4s linear 0s;
transition: border-color 0.4s linear 0s;
background-color: transparent;
min-width: 60px;
}
.familab_theme .select2-container--default .select2-selection:focus {
outline: none;
border-color: var(--color_input_border_focus);
color: var(--color_input_text_focus);
-webkit-transition: border-color 0.4s linear 0s;
-moz-transition: border-color 0.4s linear 0s;
-ms-transition: border-color 0.4s linear 0s;
-o-transition: border-color 0.4s linear 0s;
transition: border-color 0.4s linear 0s;
}
.familab_theme .select2-container--default .select2-selection--single {
position: relative;
text-align: left;
font-size: 14px;
padding: 0 15px;
height: 50px;
line-height: 48px;
}
.familab_theme .select2-container--default .select2-selection--single > .select2-selection__arrow {
height: 100%;
}
.familab_theme .select2-container--default .select2-selection--single > .select2-selection__rendered {
display: inline;
padding-left: 0 !important;
color: inherit;
line-height: inherit;
}
.select2-container { }
.select2-container.select2-container--default .select2-selection--single > .select2-selection__arrow {
background-position: left center;
background-size: auto;
background-repeat: no-repeat;
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/select_icon.svg);
}
.shop-control-quick-search .select2-container.select2-container--default .select2-selection--single > .select2-selection__arrow {
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/select_icon_single_product.svg);
}
.select2-container.select2-container--default .select2-selection--single > .select2-selection__arrow > b {
display: none;
}
.select2-container.select2-container--default .select2-dropdown {
min-width: 188px;
border: none;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.select2-container.select2-container--default .select2-dropdown .select2-results > .select2-results__options {
max-height: 288px;
}
.select2-container.select2-container--default .select2-dropdown .select2-results > .select2-results__options .select2-results__option {
padding: 9px 12px;
color: var(--color_heading);
}
.select2-container.select2-container--default .select2-dropdown .select2-results > .select2-results__options .select2-results__option[aria-selected=true], .select2-container.select2-container--default .select2-dropdown .select2-results > .select2-results__options .select2-results__option[data-selected=true], .select2-container.select2-container--default .select2-dropdown .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted[aria-selected], .select2-container.select2-container--default .select2-dropdown .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted[data-selected] {
background-color: #eee;
color: var(--color_heading);
}
body.site_layout_boxed,
body.site_layout_framed {
margin-left: auto;
margin-right: auto;
background: none;
}
.site-content {
overflow-x: hidden;
}
#content {
padding: 35px 0;
}
.home:not(.blog) #content, #content.content-only {
padding: 0;
}
.caston-sidebar-content .widget {
margin-bottom: 2rem;
}
.widget .widget-title, .widget .wp-block-group__inner-container > h2, .widget.widget_search .wp-block-search__label {
position: relative;
display: flex;
align-items: center;
height: 53px;
width: 100%;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
color: var(--color_heading);
background-color: #f0f0f0;
margin-bottom: 0;
padding: 0 20px;
}
.widget .widget-title + ul, .widget .widget-title + ol, .widget .widget-title + div, .widget .widget-title + form, .widget .wp-block-group__inner-container > h2 + ul, .widget .wp-block-group__inner-container > h2 + ol, .widget .wp-block-group__inner-container > h2 + div, .widget .wp-block-group__inner-container > h2 + form, .widget.widget_search .wp-block-search__label + ul, .widget.widget_search .wp-block-search__label + ol, .widget.widget_search .wp-block-search__label + div, .widget.widget_search .wp-block-search__label + form {
border: 1px solid #dddddd;
border-top: none;
padding: 20px;
}
#product-sidebar .widget {
display: block;
}
#product-sidebar .widget ~ .widget {
margin-top: 2rem;
}
.widget.woocommerce ul.product_list_widget {
padding: 0;
}
.widget.woocommerce ul.product_list_widget li {
display: flex;
flex-direction: column;
position: relative;
margin: 20px 0 0;
padding: 20px 0 0;
border-top: 1px solid var(--color_border);
padding-left: 95px;
min-height: 105px;
}
.widget.woocommerce ul.product_list_widget li a {
font-size: 15px;
font-weight: 400;
color: var(--color_heading);
}
.widget.woocommerce ul.product_list_widget li a img {
float: left;
margin-left: 0;
margin-right: 15px;
height: auto;
box-shadow: none;
width: 80px;
height: 85px;
object-fit: cover;
position: absolute;
left: 0;
top: 20px;
}
.widget.woocommerce ul.product_list_widget li a span.product-title {
margin-bottom: 2px;
display: block;
}
.widget.woocommerce ul.product_list_widget li .star-rating {
order: -1;
margin: 0;
font-size: 11px;
width: 82px;
margin-bottom: 6px;
}
.widget.woocommerce ul.product_list_widget li .woocs_price_code {
font-size: 15px;
color: var(--color_heading);
font-weight: 500;
display: block;
}
.widget.woocommerce ul.product_list_widget li:first-child {
border-top: none;
padding-top: 0;
min-height: 85px;
}
.widget.woocommerce ul.product_list_widget li:first-child a img {
top: 0;
}
.single-post #comments, .page:not(.woocommerce-page) #comments {
margin-top: 50px;
padding-top: 50px;
border-top: 1px solid var(--color_border);
}
.single-post #comments .comments-title, .page:not(.woocommerce-page) #comments .comments-title {
margin-bottom: 2rem;
font-weight: normal;
}
.single-post #comments .comment-list, .page:not(.woocommerce-page) #comments .comment-list {
list-style: none;
padding-left: 0;
margin-bottom: 30px;
text-align: left;
}
.single-post #comments .comment-list + #respond, .page:not(.woocommerce-page) #comments .comment-list + #respond {
margin-top: 55px;
}
.single-post #comments .comment-list .comment.depth-1:not(.parent), .page:not(.woocommerce-page) #comments .comment-list .comment.depth-1:not(.parent) {
padding-bottom: 20px;
border-bottom: solid 1px var(--color_border);
margin-bottom: 20px;
}
.single-post #comments .comment-list .comment-body, .page:not(.woocommerce-page) #comments .comment-list .comment-body {
display: flex;
flex-wrap: wrap;
}
.single-post #comments .comment-list .comment-body .comment-content, .page:not(.woocommerce-page) #comments .comment-list .comment-body .comment-content {
flex: 0 0 100%;
max-width: 100%;
}
.single-post #comments .comment-list .comment-body .comment-content .comment-heading, .page:not(.woocommerce-page) #comments .comment-list .comment-body .comment-content .comment-heading {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.single-post #comments .comment-list .comment-body .comment-content .comment-heading .comment-info, .page:not(.woocommerce-page) #comments .comment-list .comment-body .comment-content .comment-heading .comment-info {
display: flex;
flex-direction: column;
}
.single-post #comments .comment-list .comment-body .comment-content .comment-heading .comment-info .author-display-name, .single-post #comments .comment-list .comment-body .comment-content .comment-heading .comment-info .author-display-name a, .page:not(.woocommerce-page) #comments .comment-list .comment-body .comment-content .comment-heading .comment-info .author-display-name, .page:not(.woocommerce-page) #comments .comment-list .comment-body .comment-content .comment-heading .comment-info .author-display-name a {
font-weight: 500;
font-style: normal;
text-transform: capitalize;
color: var(--color_heading);
font-size: 20px;
}
.single-post #comments .comment-list .comment-body .comment-content .comment-heading .comment-info time, .page:not(.woocommerce-page) #comments .comment-list .comment-body .comment-content .comment-heading .comment-info time {
font-size: 13px;
color: #b0b0b0;
}
.single-post #comments .comment-list .comment-body .comment-content .comment-heading .comment-action a, .page:not(.woocommerce-page) #comments .comment-list .comment-body .comment-content .comment-heading .comment-action a {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
color: var(--color_body);
margin-right: 10px;
}
.single-post #comments .comment-list .comment-body .comment-content .comment-heading .comment-action a:last-child, .page:not(.woocommerce-page) #comments .comment-list .comment-body .comment-content .comment-heading .comment-action a:last-child {
margin-right: 0;
}
.single-post #comments .comment-list .comment-body .comment-content .comment-heading .comment-action a:hover, .page:not(.woocommerce-page) #comments .comment-list .comment-body .comment-content .comment-heading .comment-action a:hover {
color: var(--color_heading);
}
.single-post #comments .comment-list .comment-body .comment-content .comment-text p:last-child, .page:not(.woocommerce-page) #comments .comment-list .comment-body .comment-content .comment-text p:last-child {
margin-bottom: 0;
}
.single-post #comments .comment-list .comment-body .user-avatar, .page:not(.woocommerce-page) #comments .comment-list .comment-body .user-avatar {
flex: 0 0 75px;
}
.single-post #comments .comment-list .comment-body .user-avatar + .comment-content, .page:not(.woocommerce-page) #comments .comment-list .comment-body .user-avatar + .comment-content {
flex: 0 0 calc(100% - 75px);
max-width: calc(100% - 75px);
}
.single-post #comments .comment-list .comment-body .user-avatar .comment-author img, .page:not(.woocommerce-page) #comments .comment-list .comment-body .user-avatar .comment-author img {
width: 60px;
margin-right: 15px;
max-width: 100%;
height: auto;
border: 1px solid #f1f1f1;
padding: 0;
border-radius: 0;
}
.single-post #comments .comment-list .comment-body #respond, .page:not(.woocommerce-page) #comments .comment-list .comment-body #respond {
flex: 0 0 100%;
margin-top: 35px;
padding-top: 55px;
padding-bottom: 25px;
border-top: 1px solid var(--color_border);
}
.single-post #comments .comment-list .comment-body #respond #reply-title, .page:not(.woocommerce-page) #comments .comment-list .comment-body #respond #reply-title {
display: flex;
justify-content: space-between;
line-height: 1.2;
}
.single-post #comments .comment-list .comment-body #respond #reply-title #cancel-comment-reply-link, .page:not(.woocommerce-page) #comments .comment-list .comment-body #respond #reply-title #cancel-comment-reply-link {
font-size: 15px;
}
.single-post #comments .comment-list .comment-body #respond #commentform .form-submit, .page:not(.woocommerce-page) #comments .comment-list .comment-body #respond #commentform .form-submit {
margin-bottom: 0;
}
.single-post #comments .comment-list .children, .page:not(.woocommerce-page) #comments .comment-list .children {
padding-left: 30px;
list-style: none;
text-align: left;
}
.single-post #comments .comment-list .children .comment, .page:not(.woocommerce-page) #comments .comment-list .children .comment {
margin-top: 20px;
border-top: 1px solid var(--color_border);
padding-top: 20px;
}
.single-post #comments .comment-list .children .comment:not(.parent):last-child, .page:not(.woocommerce-page) #comments .comment-list .children .comment:not(.parent):last-child {
padding-bottom: 20px;
border-bottom: 1px solid var(--color_border);
margin-bottom: 20px;
}
.single-post #comments .comment-list .pingback, .single-post #comments .comment-list .trackback, .page:not(.woocommerce-page) #comments .comment-list .pingback, .page:not(.woocommerce-page) #comments .comment-list .trackback {
margin-bottom: 1.5rem;
}
.single-post #comments .comment-respond #reply-title, .page:not(.woocommerce-page) #comments .comment-respond #reply-title {
display: block;
margin-bottom: 10px;
font-size: 24px;
font-weight: 400;
color: var(--color_heading);
}
.single-post #comments .comment-respond .comment-form p, .page:not(.woocommerce-page) #comments .comment-respond .comment-form p {
margin-bottom: 23px;
}
.single-post #comments .comment-respond .comment-form .caston_comment_fields_group, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .caston_comment_fields_group {
display: flex;
flex-wrap: wrap;
}
.single-post #comments .comment-respond .comment-form .caston_comment_fields_group > p, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .caston_comment_fields_group > p {
width: calc((100% - 60px)/3);
margin-right: 30px;
margin-bottom: 10px;
}
.single-post #comments .comment-respond .comment-form .caston_comment_fields_group > p:nth-child(3n), .page:not(.woocommerce-page) #comments .comment-respond .comment-form .caston_comment_fields_group > p:nth-child(3n) {
margin-right: 0;
}
.single-post #comments .comment-respond .comment-form .caston_comment_fields_group > p.comment-form-cookies-consent, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .caston_comment_fields_group > p.comment-form-cookies-consent {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.single-post #comments .comment-respond .comment-form .caston_comment_fields_group > p.comment-form-cookies-consent label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .caston_comment_fields_group > p.comment-form-cookies-consent label {
margin-bottom: 0;
}
.single-post #comments .comment-respond .comment-form .caston_comment_fields_group > p.comment-form-cookies-consent #wp-comment-cookies-consent, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .caston_comment_fields_group > p.comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: 0px;
}
.single-post #comments .comment-respond .comment-form .form-submit input#submit, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .form-submit input#submit {
width: 200px;
}
.single-post #comments .comment-respond .comment-form .form-submit input#submit:hover, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .form-submit input#submit:hover {
background-color: var(--color_main);
}
.single-post #comments .comment-respond .comment-form .comment-form-comment, .single-post #comments .comment-respond .comment-form .comment-form-author, .single-post #comments .comment-respond .comment-form .comment-form-email, .single-post #comments .comment-respond .comment-form .comment-form-url, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-comment, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-author, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-email, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-url {
position: relative;
}
.single-post #comments .comment-respond .comment-form .comment-form-comment input:focus ~ label, .single-post #comments .comment-respond .comment-form .comment-form-comment input.has-content ~ label, .single-post #comments .comment-respond .comment-form .comment-form-comment textarea:focus ~ label, .single-post #comments .comment-respond .comment-form .comment-form-comment textarea.has-content ~ label, .single-post #comments .comment-respond .comment-form .comment-form-author input:focus ~ label, .single-post #comments .comment-respond .comment-form .comment-form-author input.has-content ~ label, .single-post #comments .comment-respond .comment-form .comment-form-author textarea:focus ~ label, .single-post #comments .comment-respond .comment-form .comment-form-author textarea.has-content ~ label, .single-post #comments .comment-respond .comment-form .comment-form-email input:focus ~ label, .single-post #comments .comment-respond .comment-form .comment-form-email input.has-content ~ label, .single-post #comments .comment-respond .comment-form .comment-form-email textarea:focus ~ label, .single-post #comments .comment-respond .comment-form .comment-form-email textarea.has-content ~ label, .single-post #comments .comment-respond .comment-form .comment-form-url input:focus ~ label, .single-post #comments .comment-respond .comment-form .comment-form-url input.has-content ~ label, .single-post #comments .comment-respond .comment-form .comment-form-url textarea:focus ~ label, .single-post #comments .comment-respond .comment-form .comment-form-url textarea.has-content ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-comment input:focus ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-comment input.has-content ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-comment textarea:focus ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-comment textarea.has-content ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-author input:focus ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-author input.has-content ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-author textarea:focus ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-author textarea.has-content ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-email input:focus ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-email input.has-content ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-email textarea:focus ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-email textarea.has-content ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-url input:focus ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-url input.has-content ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-url textarea:focus ~ label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-url textarea.has-content ~ label {
top: 0;
color: var(--color_heading);
width: auto;
}
.single-post #comments .comment-respond .comment-form .comment-form-comment label, .single-post #comments .comment-respond .comment-form .comment-form-author label, .single-post #comments .comment-respond .comment-form .comment-form-email label, .single-post #comments .comment-respond .comment-form .comment-form-url label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-comment label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-author label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-email label, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-url label {
font-size: 15px;
color: var(--color_body);
position: absolute;
left: 8px;
top: 0;
transform: translateY(-50%);
margin: 0;
background: #ffffff;
padding: 0 8px;
line-height: 20px;
z-index: 1;
-webkit-transition: top 0.25s linear 0s;
-moz-transition: top 0.25s linear 0s;
-ms-transition: top 0.25s linear 0s;
-o-transition: top 0.25s linear 0s;
transition: top 0.25s linear 0s;
}
.single-post #comments .comment-respond .comment-form .comment-form-cookies-consent, .page:not(.woocommerce-page) #comments .comment-respond .comment-form .comment-form-cookies-consent {
margin-bottom: 10px;
margin-top: 10px;
}
.single-post #comments .comment-navigation, .page:not(.woocommerce-page) #comments .comment-navigation {
margin-top: 1rem;
margin-bottom: 2rem;
}
@media (max-width: 767px) {
.single-post #comments .comment-respond .comment-form .caston_comment_fields_group > p:not(.comment-form-cookies-consent), .page:not(.woocommerce-page) #comments .comment-respond .comment-form .caston_comment_fields_group > p:not(.comment-form-cookies-consent) {
width: 100%;
margin-right: 0px;
margin-top: 15px;
}
.single-post #comments .comment-respond .comment-form .caston_comment_fields_group > p:nth-child(1), .page:not(.woocommerce-page) #comments .comment-respond .comment-form .caston_comment_fields_group > p:nth-child(1) {
margin-top: 2px;
}
}
body .caston-sidebar-content aside.widget > ul:not(.woof_list) {
padding-left: 20px;
padding-right: 20px;
border: 1px solid #dddddd;
border-top: none;
}
body .caston-sidebar-content aside.widget ul:not(.woof_list) {
padding-left: 20px;
padding-right: 20px;
list-style: none;
margin-bottom: 0;
}
body .caston-sidebar-content aside.widget ul:not(.woof_list) li {
padding: 8px 0;
line-height: 20px;
}
body .caston-sidebar-content aside.widget ul:not(.woof_list) li ul {
padding-left: 12px;
}
body .caston-sidebar-content aside.widget ul:not(.woof_list) li ul li:first-child {
margin-top: 8px;
}
body .caston-sidebar-content aside.widget ul:not(.woof_list) li:last-child {
padding-bottom: 0;
}
body .caston-sidebar-content aside.widget.widget_calendar .calendar_wrap {
padding: 20px 20px 13px;
}
body .caston-sidebar-content aside.widget.widget_calendar table.wp-calendar-table {
width: 100%;
}
body .caston-sidebar-content aside.widget.widget_calendar table.wp-calendar-table thead, body .caston-sidebar-content aside.widget.widget_calendar table.wp-calendar-table tbody {
border-left: 1px solid var(--color_border);
}
body .caston-sidebar-content aside.widget.widget_calendar table.wp-calendar-table thead tr, body .caston-sidebar-content aside.widget.widget_calendar table.wp-calendar-table tbody tr {
border-bottom: 1px solid var(--color_border);
}
body .caston-sidebar-content aside.widget.widget_calendar table.wp-calendar-table thead th, body .caston-sidebar-content aside.widget.widget_calendar table.wp-calendar-table thead td, body .caston-sidebar-content aside.widget.widget_calendar table.wp-calendar-table tbody th, body .caston-sidebar-content aside.widget.widget_calendar table.wp-calendar-table tbody td {
border-right: 1px solid var(--color_border);
border-top: 1px solid var(--color_border);
text-align: center;
vertical-align: middle;
padding: 8px;
}
body .caston-sidebar-content aside.widget.widget_text .textwidget {
padding: 20px;
}
body .caston-sidebar-content aside.widget.widget_text .textwidget .wp-caption {
margin: 0;
}
body .caston-sidebar-content aside.widget.widget_text .textwidget strong {
font-weight: 500;
color: var(--color_heading);
}
body .caston-sidebar-content aside.widget.widget_text .textwidget p img {
margin: 13px 0;
}
body .caston-sidebar-content aside.widget.widget_text .textwidget img {
max-width: 100%;
height: auto;
}
body .caston-sidebar-content aside.widget.widget_rss > ul {
padding-top: 13px;
padding-bottom: 20px;
}
body .caston-sidebar-content aside.widget.widget_rss .rss-date {
display: block;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: var(--color_main);
margin-bottom: 5px;
}
body .caston-sidebar-content aside.widget.widget_rss a.rsswidget {
display: inline-block;
line-height: 1.3;
}
body .caston-sidebar-content aside.widget.widget_rss cite {
color: #555;
}
body .caston-sidebar-content aside.widget.widget_recent_entries > ul {
padding-top: 13px;
padding-bottom: 20px;
}
body .caston-sidebar-content aside.widget.widget_recent_comments ul#recentcomments {
padding-top: 20px;
padding-bottom: 20px;
}
body .caston-sidebar-content aside.widget.widget_recent_comments .recentcomments {
padding: 8px 0;
line-height: 20px;
}
body .caston-sidebar-content aside.widget.widget_recent_comments .recentcomments .comment-author-link {
font-style: italic;
}
body .caston-sidebar-content aside.widget.widget_recent_comments .recentcomments .comment-author-link a {
color: var(--color_body);
}
body .caston-sidebar-content aside.widget.widget_recent_comments .recentcomments:first-child {
padding-top: 0;
}
body .caston-sidebar-content aside.widget.widget_recent_comments .recentcomments:last-child {
padding-bottom: 0;
}
body .wp-caption-text {
font-size: 13px;
font-style: italic;
padding-top: 10px;
}
body .site-main article.post.sticky .entry-title {
margin-bottom: 1rem;
}
body .site-main article.post.sticky .entry-title > a {
height: max-content;
display: inline-flex;
align-items: center;
}
body .site-main article.post.sticky .entry-title > a:before {
margin-right: 9px;
content: "";
display: block;
border-style: solid;
border-width: 4.5px 0 4.5px 8px;
border-color: transparent transparent transparent var(--color_main);
}
body .post-password-form input[type=submit] {
background: var(--color_heading);
color: #FFF;
height: 50px;
padding: 10px 20px;
line-height: 22px;
border: none;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
}
body .post-password-form input[type=submit]:hover {
background: var(--color_main);
}
body .entry-content > table {
margin-bottom: 1rem;
}
body.familab_theme .wp-block-button {
margin-bottom: 20px;
}
body.familab_theme .wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
body.familab_theme .wp-block-button__link {
color: #ffffff;
background-color: #32373c;
}
body.familab_theme .wp-block-button__link:hover {
color: #ffffff;
}
body.familab_theme .is-style-outline .wp-block-button__link, body.familab_theme .wp-block-button__link.is-style-outline {
color: #32373c;
background-color: transparent;
}
body.familab_theme .is-style-outline .wp-block-button__link:hover, body.familab_theme .wp-block-button__link.is-style-outline:hover {
color: #32373c;
}
body.familab_theme section.wp-block-cover-image h2 a, body.familab_theme section.wp-block-cover-image h2 a:hover, body.familab_theme section.wp-block-cover-image h2 a:focus, body.familab_theme section.wp-block-cover-image h2 a:active, body.familab_theme .wp-block-cover-image-text a, body.familab_theme .wp-block-cover-image-text a:hover, body.familab_theme .wp-block-cover-image-text a:focus, body.familab_theme .wp-block-cover-image-text a:active, body.familab_theme .wp-block-cover-text a, body.familab_theme .wp-block-cover-text a:hover, body.familab_theme .wp-block-cover-text a:focus, body.familab_theme .wp-block-cover-text a:active {
color: #fff;
}
body.familab_theme .entry-content > *.alignfull, body.familab_theme .entry-summary > *.alignfull, body.familab_theme .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignfull, body.familab_theme .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignfull {
position: relative;
left: -1rem;
width: calc(100% + (2*1rem));
max-width: calc(100% + (2*1rem));
clear: both;
}
body.familab_theme .sidebar-right .entry-content > *.alignfull, body.familab_theme .sidebar-right .entry-summary > *.alignfull, body.familab_theme .sidebar-right .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignfull, body.familab_theme .sidebar-right .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignfull, body.familab_theme .sidebar-right .entry-content > *.alignfull, body.familab_theme .sidebar-right .entry-summary > *.alignfull, body.familab_theme .sidebar-right .entry-summary > .wp-block-group > .wp-block-group__inner-container > *.alignfull, body.familab_theme .sidebar-right .entry-content > .wp-block-group > .wp-block-group__inner-container > *.alignfull {
max-width: 100%;
left: 0;
}
body .wp-block-cover .wp-block-cover-text {
color: #ffffff;
}
body table caption {
caption-side: top;
background: #f8f8f8;
padding: 10px 15px;
text-transform: capitalize;
font-weight: 500;
color: var(--color_heading);
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: var(--color_border);
}
body table th, body table b, body table strong {
font-weight: 500;
}
body .calendar_wrap table.wp-calendar-table caption {
text-align: center;
}
body .calendar_wrap nav.wp-calendar-nav {
display: flex;
justify-content: space-between;
margin-top: 6px;
}
body.search .page-title {
margin-bottom: 30px;
}
body.search .site-main {
min-height: 75vh;
}
body .caston-sidebar-content aside.widget {
margin-bottom: 40px;
}
body .caston-sidebar-content aside.widget .caston-posts-list {
padding: 0 !important;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item {
display: flex;
position: relative;
margin-bottom: 20px;
border-top: 1px solid #dddddd;
padding: 20px 20px 0 20px;
counter-increment: my-awesome-counter;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item::before {
content: counter(my-awesome-counter);
font-size: 12px;
color: #ffffff;
background: var(--color_heading);
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 20px;
display: none;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item .post-list-thumb {
margin-right: 18px;
flex: 0 0 82px;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item .post-list-thumb a {
display: flex;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item .post-list-thumb a img {
max-width: 100%;
height: 100%;
margin-bottom: 0;
aspect-ratio: 1/1;
object-fit: cover;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item .post-list-content {
display: flex;
flex-direction: column;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item .post-list-content .post-list-category {
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 6px;
display: none;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item .post-list-content .post-list-category a {
color: var(--color_body);
line-height: inherit;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item .post-list-content .post-list-category:hover a {
color: var(--color_heading);
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item .post-list-content .post-list-title {
font-size: 14px;
font-weight: 500;
line-height: 22px;
color: var(--color_heading);
margin-bottom: 0;
order: 2;
margin-top: -4px;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item .post-list-content .post-list-meta {
font-size: 12px;
line-height: 15px;
color: #868686;
font-weight: bold;
order: 1;
margin-top: -2px;
margin-bottom: 5px;
text-transform: uppercase;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item.has_background .cat-links {
font-size: 0;
line-height: 12px;
display: none;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item.has_background .cat-links a {
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
font-weight: 600;
color: var(--color_body);
display: none;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item.has_background .cat-links a:hover {
color: var(--color_heading);
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item.has_background .cat-links a:first-child {
display: block;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item.has_background .post-list-meta .posted-on {
font-size: 0;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item.has_background .post-list-meta .posted-on a {
font-size: 12px;
line-height: 15px;
color: #868686;
letter-spacing: 2px;
font-weight: 600;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item.has_background .post-list-meta .post-author {
display: none;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item:not(.has_background) .post-list-meta .posted-on {
font-size: 12px;
line-height: 15px;
color: #868686;
letter-spacing: 2px;
margin-bottom: 5px;
display: block;
font-weight: 600;
}
body .caston-sidebar-content aside.widget .caston-posts-list .post-item:first-child {
border-top: none;
}
body .caston-sidebar-content aside.widget > .archive-dropdown, body .caston-sidebar-content aside.widget > select {
padding-left: 15px;
padding-right: 15px;
}
body .caston-sidebar-content aside.widget.widget_search .fm-search-form {
height: auto;
width: 100%;
}
body .caston-sidebar-content aside.widget.widget_search .fm-search-form input.search_text_input {
background: #f5f5f5;
border: none;
padding: 0 20px;
font-weight: 400;
font-size: 14px;
color: #868686;
height: 50px;
}
body .caston-sidebar-content aside.widget.widget_search .fm-search-form input.search_text_input::placeholder {
color: inherit;
font-weight: inherit;
}
body .caston-sidebar-content aside.widget.widget_search .fm-search-form input.search_text_input:focus {
color: var(--color_heading);
}
body .caston-sidebar-content aside.widget.widget_search .fm-search-form button[type=submit] {
width: 54px;
padding: 0;
flex: 0 0 54px;
border-radius: 0;
letter-spacing: 0;
height: 50px;
}
body .caston-sidebar-content aside.widget.widget_search .fm-search-form button[type=submit] svg.fm-icon {
fill: #ffffff;
width: 20px;
height: 20px;
}
body .caston-sidebar-content aside.widget.widget_search .fm-search-form button[type=submit]:hover {
background: var(--color_main);
}
body .caston-sidebar-content aside.widget.widget_search .wp-block-search .wp-block-search__input {
background: #f5f5f5;
border: none;
padding: 0 20px;
font-weight: 400;
font-size: 14px;
color: #868686;
}
body .caston-sidebar-content aside.widget.widget_search .wp-block-search .wp-block-search__button {
width: 100px;
padding: 0;
flex: 0 0 100px;
border-radius: 0;
order: 1;
background: var(--color_button_background);
color: #ffffff;
border: none;
margin: 0;
}
body .caston-sidebar-content aside.widget.widget_search .wp-block-search .wp-block-search__button:hover {
background-color: var(--color_main);
}
body .caston-sidebar-content aside.widget.widget_categories ul, body .caston-sidebar-content aside.widget ul.wp-block-archives-list, body .caston-sidebar-content aside.widget ul.wp-block-categories-list, body .caston-sidebar-content aside.widget.widget_meta ul, body .caston-sidebar-content aside.widget.widget_archive ul {
margin-top: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
body .caston-sidebar-content aside.widget.widget_categories ul li, body .caston-sidebar-content aside.widget.widget_categories ul li.cat-item-all, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li.cat-item-all, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li.cat-item-all, body .caston-sidebar-content aside.widget.widget_meta ul li, body .caston-sidebar-content aside.widget.widget_meta ul li.cat-item-all, body .caston-sidebar-content aside.widget.widget_archive ul li, body .caston-sidebar-content aside.widget.widget_archive ul li.cat-item-all {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
line-height: 20px;
padding: 8px 0;
font-size: 12px;
}
body .caston-sidebar-content aside.widget.widget_categories ul li a, body .caston-sidebar-content aside.widget.widget_categories ul li.cat-item-all a, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li a, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li.cat-item-all a, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li a, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li.cat-item-all a, body .caston-sidebar-content aside.widget.widget_meta ul li a, body .caston-sidebar-content aside.widget.widget_meta ul li.cat-item-all a, body .caston-sidebar-content aside.widget.widget_archive ul li a, body .caston-sidebar-content aside.widget.widget_archive ul li.cat-item-all a {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
color: var(--color_heading);
margin-left: 0;
margin-right: auto;
}
body .caston-sidebar-content aside.widget.widget_categories ul li a::before, body .caston-sidebar-content aside.widget.widget_categories ul li.cat-item-all a::before, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li a::before, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li.cat-item-all a::before, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li a::before, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li.cat-item-all a::before, body .caston-sidebar-content aside.widget.widget_meta ul li a::before, body .caston-sidebar-content aside.widget.widget_meta ul li.cat-item-all a::before, body .caston-sidebar-content aside.widget.widget_archive ul li a::before, body .caston-sidebar-content aside.widget.widget_archive ul li.cat-item-all a::before {
margin-right: 10px;
content: "";
display: block;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent #b4b4b4;
display: none;
}
body .caston-sidebar-content aside.widget.widget_categories ul li a:hover, body .caston-sidebar-content aside.widget.widget_categories ul li.cat-item-all a:hover, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li a:hover, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li.cat-item-all a:hover, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li a:hover, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li.cat-item-all a:hover, body .caston-sidebar-content aside.widget.widget_meta ul li a:hover, body .caston-sidebar-content aside.widget.widget_meta ul li.cat-item-all a:hover, body .caston-sidebar-content aside.widget.widget_archive ul li a:hover, body .caston-sidebar-content aside.widget.widget_archive ul li.cat-item-all a:hover {
color: var(--color_main);
}
body .caston-sidebar-content aside.widget.widget_categories ul li.cat-item-all, body .caston-sidebar-content aside.widget.widget_categories ul li:first-child, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li.cat-item-all, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li:first-child, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li.cat-item-all, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li:first-child, body .caston-sidebar-content aside.widget.widget_meta ul li.cat-item-all, body .caston-sidebar-content aside.widget.widget_meta ul li:first-child, body .caston-sidebar-content aside.widget.widget_archive ul li.cat-item-all, body .caston-sidebar-content aside.widget.widget_archive ul li:first-child {
padding-top: 0;
}
body .caston-sidebar-content aside.widget.widget_categories ul li:last-child, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li:last-child, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li:last-child, body .caston-sidebar-content aside.widget.widget_meta ul li:last-child, body .caston-sidebar-content aside.widget.widget_archive ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
body .caston-sidebar-content aside.widget.widget_categories ul li ul.children, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li ul.children, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li ul.children, body .caston-sidebar-content aside.widget.widget_meta ul li ul.children, body .caston-sidebar-content aside.widget.widget_archive ul li ul.children {
flex: 0 0 100%;
padding-left: 12px;
}
body .caston-sidebar-content aside.widget.widget_categories ul li ul.children > li, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li ul.children > li, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li ul.children > li, body .caston-sidebar-content aside.widget.widget_meta ul li ul.children > li, body .caston-sidebar-content aside.widget.widget_archive ul li ul.children > li {
padding: 15px 0 0 !important;
border: none;
}
body .caston-sidebar-content aside.widget.widget_categories ul li ul.children > li:first-child, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li ul.children > li:first-child, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li ul.children > li:first-child, body .caston-sidebar-content aside.widget.widget_meta ul li ul.children > li:first-child, body .caston-sidebar-content aside.widget.widget_archive ul li ul.children > li:first-child {
margin-top: 0;
}
body .caston-sidebar-content aside.widget.widget_categories ul li ul.children > li:last-child, body .caston-sidebar-content aside.widget ul.wp-block-archives-list li ul.children > li:last-child, body .caston-sidebar-content aside.widget ul.wp-block-categories-list li ul.children > li:last-child, body .caston-sidebar-content aside.widget.widget_meta ul li ul.children > li:last-child, body .caston-sidebar-content aside.widget.widget_archive ul li ul.children > li:last-child {
padding-bottom: 0 !important;
}
body .caston-sidebar-content aside.widget.widget_categories ul li ul.children > li {
padding: 8px 0 !important;
}
body .caston-sidebar-content aside.widget.widget_categories ul li ul.children > li:first-child {
margin-top: 0;
}
body .caston-sidebar-content aside.widget.widget_categories ul li ul.children > li:last-child {
padding-bottom: 8px !important;
}
body .caston-sidebar-content aside.widget.widget_pages > ul {
padding-top: 13px;
padding-bottom: 20px;
}
body .caston-sidebar-content aside.widget.widget_categories ul {
padding: 0;
}
body .caston-sidebar-content aside.widget.widget_categories ul li {
padding: 8px 20px 8px 20px !important;
}
body .caston-sidebar-content aside.widget.widget_categories ul li:last-child {
border-bottom: none;
}
body .caston-sidebar-content aside.widget.widget_categories ul ul {
margin: 8px 0 -8px !important;
}
body .caston-sidebar-content aside.widget.widget_categories > ul {
padding: 15px 0;
}
body .caston-sidebar-content aside.widget.widget_nav_menu .menu-testing-menu-container {
padding-top: 13px;
padding-bottom: 20px;
}
body .caston-sidebar-content aside.widget.widget_nav_menu li.menu-item {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
line-height: 20px;
padding: 8px 0;
font-size: 16px;
}
body .caston-sidebar-content aside.widget.widget_nav_menu li.menu-item a {
display: flex;
align-items: center;
font-size: inherit;
font-weight: 400;
text-transform: capitalize;
margin-left: 0;
margin-right: auto;
}
body .caston-sidebar-content aside.widget.widget_nav_menu li.menu-item a.toggle-submenu {
display: none;
}
body .caston-sidebar-content aside.widget.widget_nav_menu li.menu-item a:not(:hover) {
color: var(--color_heading);
}
body .caston-sidebar-content aside.widget.widget_nav_menu li:last-child {
padding-bottom: 0;
border-bottom: none;
}
body .caston-sidebar-content aside.widget.widget_nav_menu li.menu-item-has-children ul.sub-menu {
flex: 0 0 100%;
padding-left: 12px;
padding-right: 0;
}
body .caston-sidebar-content aside.widget.widget_nav_menu li.menu-item-has-children ul.sub-menu > li.menu-item:first-child {
margin-top: 8px;
}
body .caston-sidebar-content aside.widget.widget_nav_menu > li:first-child {
padding-top: 0;
}
body .caston-sidebar-content aside.widget.widget_archive li a::before {
margin-right: 10px;
content: "";
display: block;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent #b4b4b4;
}
body .caston-sidebar-content aside.widget.widget_archive li a:hover::before {
border-left-color: var(--color_main);
}
body .caston-sidebar-content aside.widget.widget_archive li:last-child {
padding-bottom: 0;
border-bottom: none;
}
body .caston-sidebar-content aside.widget.widget_archive > li:first-child {
padding-top: 0;
}
body .caston-sidebar-content aside.widget.widget_archive .select2-container {
max-width: 100%;
}
body .caston-sidebar-content aside.widget.widget_archive .select2-container.select2 {
padding: 20px;
border: 1px solid #dddddd;
border-top: none;
}
body .caston-sidebar-content aside.widget.caston_newsletter > .text {
color: var(--color_body);
font-size: 15px;
line-height: 24px;
border-bottom: none;
padding: 12px 20px 0;
margin-bottom: -8px;
}
body .caston-sidebar-content aside.widget.caston_newsletter > form {
border: 1px solid #ddd;
border-top: none;
padding: 20px 0;
}
body .caston-sidebar-content aside.widget.caston_newsletter .fm_newsletter_form {
display: flex;
height: 45px;
padding: 0 20px;
}
body .caston-sidebar-content aside.widget.caston_newsletter .fm_newsletter_form input[type=email] {
width: 100%;
background: #ffffff;
border: none;
height: 100%;
padding: 0 15px;
font-weight: 400;
font-size: 14px;
color: var(--color_body);
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
}
body .caston-sidebar-content aside.widget.caston_newsletter .fm_newsletter_form input[type=email]::placeholder {
color: inherit;
font-weight: inherit;
}
body .caston-sidebar-content aside.widget.caston_newsletter .fm_newsletter_form input[type=email]:focus {
color: var(--color_heading);
}
body .caston-sidebar-content aside.widget.caston_newsletter .fm_newsletter_form input[type=submit] {
flex: 0 0 45px;
height: 100%;
border: none;
padding: 0 10px;
font-size: 0;
letter-spacing: 0;
text-transform: uppercase;
color: #FFF;
font-weight: 500;
background: #000;
-webkit-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-moz-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-ms-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-o-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-size: 20px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/newsletter.svg);
}
body .caston-sidebar-content aside.widget.caston_newsletter .fm_newsletter_form input[type=submit]:hover {
opacity: 0.7;
}
body .caston-sidebar-content aside.widget.widget_tag_cloud {
margin-bottom: 35px;
}
body .caston-sidebar-content aside.widget.widget_tag_cloud .tagcloud {
display: flex;
flex-wrap: wrap;
padding: 18px 13px 16px 13px;
border: 1px solid #ddd;
border-top: none;
}
body .caston-sidebar-content aside.widget.widget_tag_cloud .tagcloud a {
display: inline-block;
font-size: 14px !important;
font-weight: 400;
color: #868686;
border: 1px solid #ddd;
padding: 7px 20px;
line-height: 18px;
margin: 0 7px 14px 7px;
text-transform: capitalize;
-webkit-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-moz-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-ms-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-o-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
}
body .caston-sidebar-content aside.widget.widget_tag_cloud .tagcloud a:hover {
color: #fff;
border-color: var(--color_main);
background-color: var(--color_main);
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list {
padding-left: 20px;
padding-right: 20px;
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li.cat-item-all, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li.cat-item-all, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li.cat-item-all {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
line-height: 20px;
padding: 8px 0;
font-size: 12px;
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li a, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li.cat-item-all a, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li a, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li.cat-item-all a, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li a, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li.cat-item-all a {
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
color: var(--color_heading);
margin-left: 0;
margin-right: auto;
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li a::before, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li.cat-item-all a::before, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li a::before, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li.cat-item-all a::before, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li a::before, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li.cat-item-all a::before {
margin-right: 10px;
content: "";
display: block;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent #b4b4b4;
display: none;
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li a:hover, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li.cat-item-all a:hover, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li a:hover, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li.cat-item-all a:hover, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li a:hover, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li.cat-item-all a:hover {
color: var(--color_main);
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li.cat-item-all, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li:first-child, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li.cat-item-all, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li:first-child, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li.cat-item-all, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li:first-child {
padding-top: 0;
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li:last-child, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li:last-child, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li:last-child {
padding-bottom: 0;
border-bottom: none;
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li ul.children, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li ul.children, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li ul.children {
flex: 0 0 100%;
padding-left: 12px;
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-categories-list > li ul.children > li:first-child, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-archives-list > li ul.children > li:first-child, body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ul.wp-block-latest-posts__list > li ul.children > li:first-child {
margin-top: 8px;
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ol.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
line-height: 1.3;
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ol.wp-block-latest-comments li.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a.wp-block-latest-comments__comment-author {
font-style: italic;
color: var(--color_body);
margin-right: 3px;
}
body .caston-sidebar-content aside.widget_block .wp-block-group__inner-container ol.wp-block-latest-comments li.wp-block-latest-comments__comment:last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
.sidebar-right, .sidebar-left {
flex-direction: column;
}
.sidebar-right .caston-sidebar-content, .sidebar-left .caston-sidebar-content {
order: 2;
padding-top: 50px;
margin-top: 40px;
border-top: 1px solid var(--color_border);
}
}
.site-header {
position: relative;
z-index: 100;
width: 100%;
}
.site-content .site-header .header-container {
max-width: 100%;
width: var(--header_container_width);
}
.header-container {
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.header-control-wrap {
display: flex;
align-items: center;
}
.header-control-wrap.header-left-control {
justify-content: flex-start;
}
.header-control-wrap.header-right-control {
justify-content: flex-end;
}
.site-branding .site-logo {
display: inline-block;
}
.site-branding .site-logo img, .site-branding .site-logo .logo-img {
width: 100%;
}
.site-branding .site-logo.has-sticky-logo .sticky-logo {
display: none;
}
.site-branding .logo.text {
text-decoration: none;
color: var(--header_color_text);
}
.header-element {
font-size: inherit;
color: var(--header_color_text);
}
.top-bar-control .header-element {
font-size: 14px;
}
.header-element > a {
transition: all 0.3s;
color: var(--header_color_text);
}
.header-element > a > svg {
transition: all 0.3s;
fill: var(--header_color_text);
}
.header-element > a > svg + span {
margin-left: 5px;
}
.header-main .header-element > a {
font-size: 14px;
text-transform: capitalize;
display: flex;
align-items: center;
color: var(--header_color_text);
}
.header-element.search_box.button {
position: relative;
}
.header-element.search_box.button .search-btn.search-btn-dropdown {
position: relative;
display: inline-block;
}
.header-element.search_box.button .search-btn.search-btn-dropdown:after {
display: inline-block;
content: "";
width: 100%;
height: 25px;
position: absolute;
bottom: -100%;
left: 0;
}
.header-element.search_box.button .search-btn.search-btn-dropdown:not(.show_text) {
width: 24px;
height: 24px;
line-height: 24px;
}
.header-bottom-right-control .header-element.search_box.button .search-btn.search-btn-dropdown {
text-align: right;
}
.header-bottom-left-control .header-element.search_box.button .search-btn.search-btn-dropdown + .search_form_wrapper.dropdown {
left: 0;
right: auto;
}
.header-element.search_box.button .search_form_wrapper.dropdown {
position: absolute;
top: calc( 100% + 15px );
right: 0;
z-index: 340;
background-color: #FFF;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.header-element.search_box.button .search_form_wrapper.dropdown::before {
width: 50px;
height: 50px;
display: block;
position: absolute;
top: -25px;
z-index: 5;
content: "";
right: 20px;
}
.header-left-control .header-element.search_box.button .search_form_wrapper.dropdown {
left: 0;
right: auto;
}
.header-right-control .header-element.search_box.button .search_form_wrapper.dropdown {
left: auto;
right: 0;
}
.header-element.search_box.button .search_form_wrapper .wc_search_form {
display: flex;
}
.header-element.search_box.button .search_form_wrapper .wc_search_form.style2 .search_categories {
order: -1;
}
.header-element.search_box.form .fm-search-form .search_text_input {
font-size: inherit;
}
.header-element.search_box a {
color: var(--header_color_text);
}
.header-element.search_box a svg {
fill: var(--header_color_text);
}
.header-element.cart_box > a {
position: relative;
}
.header-element.cart_box > a .cart-counter {
font-size: 0;
}
.header-element.cart_box > a, .header-element.cart_box > a span {
color: var(--header_color_text);
}
.header-element.cart_box > a svg {
fill: var(--header_color_text);
}
.header-element.cart_box a.cart-btn {
display: flex;
align-items: center;
}
.header-element.cart_box a.cart-btn .mini-cart-contents {
margin-left: 0;
}
.header-element.cart_box a.cart-btn .mini-cart-contents .cart-counter {
font-size: 0;
}
.header-element.cart_box a.cart-btn .mini-cart-contents .cart-counter > span {
font-size: 14px;
font-weight: 500;
position: absolute;
top: -2px;
left: 100%;
width: 8px;
height: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
color: var(--header_color_text);
}
.header-element.cart_box .cart_box_content {
width: 20rem;
}
.header-element.cart_box .cart_box_content li.woocommerce-mini-cart-item > a {
display: inline-block;
}
.header-element.cart_box .cart_box_content li.woocommerce-mini-cart-item img.attachment-woocommerce_thumbnail {
max-width: 100%;
height: auto;
}
.header-element.social-icon-box {
display: flex;
align-items: center;
}
.header-element.social-icon-box a.fm-social-icon-link {
font-size: 0.75rem;
font-weight: bold;
text-transform: uppercase;
line-height: 12px;
}
.header-element.social-icon-box a.fm-social-icon-link svg {
fill: var(--header_color_text);
width: 14px;
height: 14px;
}
.header-element.social-icon-box a.fm-social-icon-link svg + .fm-social-icon-title {
margin-left: 6px;
}
.top-bar-left-control .header-element.social-icon-box a.fm-social-icon-link:not(:last-child), .header-left-control .header-element.social-icon-box a.fm-social-icon-link:not(:last-child) {
margin-right: 15px;
}
.top-bar-right-control .header-element.social-icon-box a.fm-social-icon-link:not(:first-child), .header-right-control .header-element.social-icon-box a.fm-social-icon-link:not(:first-child) {
margin-left: 20px;
}
.header-element.contact-info-box {
color: var(--header_color_text);
}
.header-element.contact-info-box svg {
fill: var(--header_color_text);
}
.header-element.contact-info-box svg + span {
margin-left: 6px;
}
.header-element.contact-info-box .ct-title::after {
content: ":";
display: inline-block;
margin-right: 3px;
}
.header-element.contact-info-box .ct-info:not(:last-child) {
margin-right: 15px;
}
.header-element.hamburger-box > a {
color: var(--header_color_text);
}
.header-element.hamburger-box > a svg {
fill: var(--header_color_text);
}
.header-element.my-account-box a.account-btn {
color: var(--header_color_text);
font-weight: 500;
display: flex;
padding: 3px 21px;
border: 1px solid;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}
.header-element.my-account-box a.account-btn svg {
fill: var(--header_color_text);
}
.header-element.my-account-box a.account-btn svg + span {
margin-left: 6px;
}
.header-element.my-account-box a.account-btn:hover {
color: var(--color_main);
}
.header-element.my-account-box a.account-btn:hover svg {
fill: var(--color_main);
}
.header-element.wishlist-box .wishlist-btn {
display: flex;
align-items: center;
position: relative;
color: var(--header_color_text);
}
.header-element.wishlist-box .wishlist-btn svg {
fill: var(--header_color_text);
}
.header-element.wishlist-box .wishlist-btn span.wishlist_counter {
margin-left: 3px;
font-size: 11px;
font-weight: 500;
position: absolute;
top: -14px;
left: 80%;
width: 20px;
height: 20px;
line-height: 0;
border-radius: 50%;
background: var(--color_main);
display: inline-flex;
align-items: center;
justify-content: center;
color: #ffffff !important;
}
.header-element.search_form_wrapper .ajax_search .fm-search-results {
background: #ffffff;
min-width: 800px;
}
.header-element.search_box svg, .header-element.cart_box svg, .header-element.my-account-box svg, .header-element.wishlist-box svg, .header-element.hamburger-box svg {
width: 20px;
height: 20px;
}
.header-element.html_right_1 *, .header-element.html_left_1 *, .header-element.html_topbar_center *, .header-element.html_topbar_left *, .header-element.html_topbar_right * {
margin-bottom: 0;
}
.header-left-control .header-element:not(.cart_box):not(.wishlist-box):not(.search_box):not(.my-account-box) {
margin-right: 0.5rem;
}
.header-right-control .header-element:not(.cart_box):not(.wishlist-box):not(.search_box):not(.my-account-box) {
margin-left: 0.5rem;
}
.header-center-control .header-element:not(.cart_box):not(.wishlist-box):not(.search_box):not(.my-account-box) {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.currency.list-dropdown, .language.list-dropdown {
display: flex;
line-height: 24px;
font-size: 12px;
text-transform: uppercase;
justify-content: center;
border: 1px solid;
padding: 5px 15px;
border-radius: 20px;
}
.currency.list-dropdown > span.label, .language.list-dropdown > span.label {
margin-right: 6px;
display: none;
}
.currency.list-dropdown .dropdown, .language.list-dropdown .dropdown {
position: relative;
}
.currency.list-dropdown .dropdown .current, .language.list-dropdown .dropdown .current {
display: inline-flex;
align-items: center;
}
.currency.list-dropdown .dropdown .current svg, .language.list-dropdown .dropdown .current svg {
width: 8px;
height: 8px;
margin-left: 8px;
}
.currency.list-dropdown .dropdown ul, .language.list-dropdown .dropdown ul {
display: flex;
flex-direction: column;
position: absolute;
right: -15px;
top: calc(100% + 6px);
margin: 0;
padding: 0;
opacity: 0;
visibility: hidden;
background-color: #f8f8f8;
list-style: none;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-webkit-transition: opacity ease-in-out 0.25s, visibility ease-in-out 0.25s;
-moz-transition: opacity ease-in-out 0.25s, visibility ease-in-out 0.25s;
-ms-transition: opacity ease-in-out 0.25s, visibility ease-in-out 0.25s;
-o-transition: opacity ease-in-out 0.25s, visibility ease-in-out 0.25s;
transition: opacity ease-in-out 0.25s, visibility ease-in-out 0.25s;
}
.currency.list-dropdown .dropdown ul li, .language.list-dropdown .dropdown ul li {
min-width: 80px;
padding: 5px 0;
background: #ffffff;
text-align: center;
}
.currency.list-dropdown .dropdown ul li a, .language.list-dropdown .dropdown ul li a {
display: inline-block;
height: 24px;
line-height: 24px;
width: 100%;
color: var(--color_heading);
}
.currency.list-dropdown .dropdown ul li a.woocs_flag_view_item_current, .language.list-dropdown .dropdown ul li a.woocs_flag_view_item_current {
color: var(--color_main);
opacity: 1;
}
.top-bar-left-control .currency.list-dropdown > .dropdown > ul, .top-bar-left-control .language.list-dropdown > .dropdown > ul {
left: 0;
right: auto;
z-index: 9;
}
.header-main .header-container .header-control-wrap {
height: inherit;
}
.header-main .header-container .header-control-wrap .header-element.cart_box.hover_dropdown_wrapper {
height: inherit;
display: flex;
align-items: center;
}
.site-footer {
clear: both;
}
.site-footer .footer-container {
display: flex;
justify-content: space-between;
max-width: 100%;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
width: var(--header_container_width);
}
.site-footer .footer-wrap {
display: flex;
flex-direction: column;
}
.site-footer .footer-section > .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.site-footer .footer-section .footer-items.footer-center {
margin: 0 auto;
}
.site-footer .footer-section.footer_main {
border-top: 1px solid #e4e4e4;
}
.site-footer .footer-section.footer_main .footer-items {
flex: 1;
}
.site-footer .footer-section.footer_main .footer-items .footer-copyright {
width: 100%;
text-align: center;
display: inline-block;
padding: 30px 15px;
}
.theme-caston #cart-canvas .offcanvas-content .cart_box_head {
position: relative;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 16px 20px 15px 20px;
z-index: 10;
border-bottom: 1px solid var(--color_border);
}
.theme-caston #cart-canvas .offcanvas-content .cart_box_head > h3 {
margin-bottom: 0;
line-height: 20px;
font-weight: 600;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
padding-top: 2px;
position: relative;
}
.theme-caston #cart-canvas .offcanvas-content .cart_box_head > h3::after {
display: inline-block;
content: "";
width: 100%;
height: 2px;
background: #000;
position: absolute;
left: 0;
bottom: 0;
display: none;
}
.theme-caston #cart-canvas .caston-close-btn {
position: absolute;
right: 20px;
top: 20px;
line-height: 24px;
height: auto;
width: auto;
}
.theme-caston #cart-canvas .caston-close-btn > .c-button__text {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.theme-caston #cart-canvas .caston-close-btn .button-title {
display: inline-block;
font-size: 10px;
font-weight: 600;
line-height: 12px;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--color_heading);
font-size: 0;
}
.theme-caston #cart-canvas .caston-close-btn svg {
width: 16px;
height: 16px;
margin-left: 6px;
padding: 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
fill: #aaa;
border: 1px solid #aaa;
}
.theme-caston #cart-canvas .caston-close-btn svg:hover {
fill: var(--color_main);
border-color: var(--color_main);
}
#hamburger-canvas .caston-close-btn {
position: static;
line-height: 24px;
height: auto;
width: auto;
}
#hamburger-canvas .caston-close-btn > .c-button__text {
display: flex;
align-items: center;
flex-direction: row-reverse;
width: max-content;
}
#hamburger-canvas .caston-close-btn .button-title {
display: inline-block;
font-weight: 500;
font-size: 15px;
text-transform: capitalize;
color: var(--color_heading);
font-size: 0;
}
#hamburger-canvas .caston-close-btn svg.fm-icon {
width: 26px;
height: 26px;
padding: 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
fill: #aaa;
border: 1px solid #aaa;
}
#hamburger-canvas .caston-close-btn svg.fm-icon:hover {
fill: var(--color_main);
border-color: var(--color_main);
}
#hamburger-canvas .hamburger-screen-inner {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
align-items: center;
overflow-y: auto;
overflow-x: hidden;
}
#hamburger-canvas .hamburger-screen-inner .hamburger-screen-head {
position: relative;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 25px;
border-bottom: 1px solid var(--color_border);
}
#hamburger-canvas .hamburger-screen-inner .hamburger-screen-head .hm-logo {
display: flex;
justify-content: space-between;
width: 100%;
}
#hamburger-canvas .hamburger-screen-inner .hamburger-screen-head .hm-logo .site-logo {
max-width: 100%;
width: 110px;
}
#hamburger-canvas .hamburger-screen-inner .hamburger-screen-head .hm-logo .site-logo .sticky-logo {
display: none;
}
#hamburger-canvas .hamburger-screen-inner .hamburger-screen-content {
padding: 0 15px;
width: 100%;
}
#hamburger-canvas .hamburger-screen-inner .hamburger-bottom {
margin-top: auto;
margin-bottom: 1px;
padding: 0 15px;
display: flex;
flex-direction: column;
width: 100%;
}
.spinner {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid;
border-top-color: transparent;
-webkit-animation: spin infinite 1s linear;
animation: spin infinite 1s linear;
}
.theme-caston #account-canvas .account_form_content {
display: flex;
flex-direction: column;
justify-content: center;
margin: 20px;
position: relative;
}
.theme-caston #account-canvas .account_form_content .caston-close-btn {
position: absolute;
line-height: 24px;
height: auto;
width: auto;
right: 0;
top: 0;
background: none;
}
.theme-caston #account-canvas .account_form_content .caston-close-btn > .c-button__text {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.theme-caston #account-canvas .account_form_content .caston-close-btn .button-title {
display: inline-block;
font-weight: 500;
font-size: 10px;
text-transform: uppercase;
color: var(--color_heading);
font-size: 0;
}
.theme-caston #account-canvas .account_form_content .caston-close-btn svg.fm-icon {
width: 16px;
height: 16px;
margin-left: 6px;
padding: 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
fill: var(--color_main);
border: 1px solid var(--color_main);
}
.theme-caston #account-canvas .account_form_content .caston-close-btn:focus {
outline: none;
}
.theme-caston #account-canvas .account_form_content .nav-tabs {
position: absolute;
left: 0;
top: 0;
border: none;
}
.theme-caston #account-canvas .account_form_content .nav-tabs .nav-link {
padding: 0;
border: none;
font-weight: 500;
font-size: 15px;
text-transform: capitalize;
color: var(--color_body);
margin-right: 20px;
}
.theme-caston #account-canvas .account_form_content .nav-tabs .nav-link.active {
color: var(--color_heading);
}
.theme-caston #account-canvas .account_form_content .tab-content .woocommerce-form {
padding: 0;
border: none;
}
.theme-caston #account-canvas .account_form_content .tab-content .woocommerce-form label {
margin-bottom: 3px;
color: var(--color_heading);
}
.theme-caston #account-canvas .account_form_content .tab-content .woocommerce-form .woocommerce-LostPassword label {
margin-bottom: 0;
color: var(--color_body);
}
.theme-caston #account-canvas .woocommerce-form .input-text {
height: 50px;
background: #ffffff;
}
.theme-caston #account-canvas .woocommerce-form .input-text#username::placeholder, .theme-caston #account-canvas .woocommerce-form .input-text#password::placeholder {
opacity: 0;
}
.theme-caston #account-canvas .woocommerce-form .password-input {
width: 100%;
}
.theme-caston #account-canvas .woocommerce-form .password-input .show-password-input {
top: 15px;
}
.theme-caston #account-canvas .woocommerce-form button.woocommerce-form-login__submit, .theme-caston #account-canvas .woocommerce-form button.woocommerce-form-register__submit {
height: 50px;
padding: 12px 15px;
font-size: 14px;
line-height: 20px;
letter-spacing: 2px;
font-weight: 500;
text-transform: uppercase;
color: #ffffff;
border: none;
text-align: center;
justify-content: center;
align-items: center;
display: inline-flex;
background-color: var(--color_button_background);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
width: 100%;
margin: 0;
}
.theme-caston #account-canvas .woocommerce-form button.woocommerce-form-login__submit svg, .theme-caston #account-canvas .woocommerce-form button.woocommerce-form-register__submit svg {
fill: #ffffff;
}
.theme-caston #account-canvas .woocommerce-form p.woocommerce-LostPassword.lost_password {
display: flex;
justify-content: space-between;
align-items: center;
}
.fm-search-form {
display: flex;
position: relative;
height: 50px;
}
.fm-search-form .twitter-typeahead {
width: 100%;
}
.fm-search-form .search_text_input {
height: 100%;
border: 1px solid var(--color_input_border);
border-right: none;
box-sizing: border-box;
}
.fm-search-form .btn_clear_text {
display: none;
align-items: center;
height: 100%;
}
.fm-search-form .btn_clear_text svg {
width: 12px;
height: 12px;
}
.fm-search-form .btn_clear_text.show {
display: flex;
position: absolute;
z-index: 9999;
right: 50px;
}
.site-header .fm-search-form .search_categories {
border: none;
height: 100%;
line-height: 100%;
width: 150px;
padding: 0 15px 0 0;
}
.site-header .fm-search-form .search_categories ~ .select2-container.select2-container--default .select2-selection--single {
border: none;
}
.site-header .fm-search-form .search_categories ~ .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
width: 15px;
}
.site-header .fm-search-form .search_categories ~ .select2-container.select2-container--default .select2-dropdown {
transform: translateX(-50%);
}
.fm-search-form button[type=submit] {
margin-top: 0;
font-size: 0;
height: 100%;
line-height: 100%;
padding: 0 10px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border: none;
letter-spacing: 0;
}
.ajax_search.fm-search-form .fm-search-results {
padding: 50px 0 30px 0;
margin: 0 -15px;
width: calc(100% + 30px);
overflow-y: auto;
height: 550px;
}
#search-canvas .ajax_search.fm-search-form .fm-search-results {
height: auto;
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset {
display: flex;
flex-wrap: wrap;
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item {
flex: 0 0 33.3333%;
display: flex;
flex-direction: column;
padding: 0 8px;
text-align: left;
margin-bottom: 20px;
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a.item-link {
display: inline-block;
width: 100%;
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a.item-link img {
width: 100%;
height: auto;
margin-bottom: 8px;
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_info {
font-size: 16px;
margin-bottom: 0;
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_info .star-rating {
float: none;
margin: 2px 0 5px;
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .product-item-cat-title {
font-size: 11px;
text-transform: uppercase;
line-height: 12px;
margin-bottom: 6px;
letter-spacing: 1px;
color: var(--color_body);
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_title {
line-height: 18px;
font-size: 16px;
font-weight: 400;
margin-bottom: 8px;
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_price {
font-size: 16px;
font-weight: 500;
line-height: 18px;
color: var(--color_heading);
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_price del .amount {
font-size: 13px;
color: #aaaaaa;
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_price ins .amount {
color: var(--color_heading);
text-decoration: none;
font-weight: 500;
}
.search_box.form .ajax_search.fm-search-form .fm-search-results, .header-layout7 .ajax_search.fm-search-form .fm-search-results, .header-layout8 .ajax_search.fm-search-form .fm-search-results, .header-layout9 .ajax_search.fm-search-form .fm-search-results, .header-layout11 .ajax_search.fm-search-form .fm-search-results, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results, .caston-mobile .ajax_search.fm-search-form .fm-search-results {
width: 100%;
height: auto;
min-width: 320px;
max-width: 100%;
max-height: 25rem;
background-color: #ffffff;
top: 50px !important;
border-top: none;
left: 15px !important;
right: 0;
padding: 1.3rem;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
}
.search_box.form .ajax_search.fm-search-form .fm-search-results .fm-dataset, .header-layout7 .ajax_search.fm-search-form .fm-search-results .fm-dataset, .header-layout8 .ajax_search.fm-search-form .fm-search-results .fm-dataset, .header-layout9 .ajax_search.fm-search-form .fm-search-results .fm-dataset, .header-layout11 .ajax_search.fm-search-form .fm-search-results .fm-dataset, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results .fm-dataset, .caston-mobile .ajax_search.fm-search-form .fm-search-results .fm-dataset {
display: flex;
flex-direction: column;
}
.search_box.form .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item, .header-layout7 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item, .header-layout8 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item, .header-layout9 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item, .header-layout11 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item, .caston-mobile .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item {
flex: 0 0 100%;
display: flex;
flex-direction: row;
padding: 0;
margin-bottom: 20px;
}
.search_box.form .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a, .header-layout7 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a, .header-layout8 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a, .header-layout9 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a, .header-layout11 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a, .caston-mobile .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a {
display: flex;
flex-direction: row;
align-items: center;
width: 85px;
flex: 0 0 85px;
max-width: 85px;
}
.search_box.form .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a img, .header-layout7 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a img, .header-layout8 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a img, .header-layout9 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a img, .header-layout11 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a img, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a img, .caston-mobile .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item > a img {
width: 68px;
flex: 0 0 68px;
max-width: 68px;
height: auto;
margin: 0 15px 0 0;
}
.search_box.form .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_info, .header-layout7 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_info, .header-layout8 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_info, .header-layout9 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_info, .header-layout11 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_info, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_info, .caston-mobile .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_info {
font-size: 14px;
font-weight: 400;
}
.search_box.form .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .star-rating, .header-layout7 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .star-rating, .header-layout8 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .star-rating, .header-layout9 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .star-rating, .header-layout11 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .star-rating, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .star-rating, .caston-mobile .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .star-rating {
display: none;
}
.search_box.form .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .product-item-cat-title, .header-layout7 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .product-item-cat-title, .header-layout8 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .product-item-cat-title, .header-layout9 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .product-item-cat-title, .header-layout11 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .product-item-cat-title, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .product-item-cat-title, .caston-mobile .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .product-item-cat-title {
font-size: 10px;
}
.search_box.form .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_title, .header-layout7 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_title, .header-layout8 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_title, .header-layout9 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_title, .header-layout11 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_title, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_title, .caston-mobile .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .result_item_title {
line-height: 16px;
margin-bottom: 8px;
}
.search_box.form .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .amount, .header-layout7 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .amount, .header-layout8 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .amount, .header-layout9 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .amount, .header-layout11 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .amount, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .amount, .caston-mobile .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .amount {
font-size: 15px;
font-weight: 400;
}
.search_box.form .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item:last-child, .header-layout7 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item:last-child, .header-layout8 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item:last-child, .header-layout9 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item:last-child, .header-layout11 .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item:last-child, .search_form_wrapper.dropdown .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item:last-child, .caston-mobile .ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item:last-child {
margin-bottom: 0;
}
#fm-search-modal {
z-index: 99999;
}
#fm-search-modal .search-modal {
max-width: 100%;
}
#fm-search-modal .modal-content {
transition: none;
width: 100vw;
height: 100vh;
padding-top: 0;
top: 0;
left: 0;
position: fixed;
border: none;
border-radius: 0;
background: #FFF;
}
#fm-search-modal .modal-header {
justify-content: center;
border: none;
flex-direction: column-reverse;
padding: 0 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%;
max-width: 1440px;
}
#fm-search-modal .modal-header .modal-title {
font-size: 1rem;
color: var(--color_heading);
width: 100%;
}
#fm-search-modal .modal-header button.close {
position: static;
opacity: 1;
display: flex;
align-items: center;
flex-direction: row-reverse;
margin: 25px auto 15px auto;
padding: 0;
}
#fm-search-modal .modal-header button.close .button-title {
display: inline-block !important;
font-size: 10px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
letter-spacing: 2px;
color: #555555;
font-size: 0;
}
#fm-search-modal .modal-header button.close svg.fm-icon {
width: 26px;
height: 26px;
padding: 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
fill: #aaa;
border: 1px solid #aaa;
}
#fm-search-modal .modal-header button.close svg.fm-icon:hover {
fill: var(--color_main);
border-color: var(--color_main);
}
#fm-search-modal .modal-body.search_form_wrapper {
display: flex;
justify-content: center;
padding: 0;
}
#fm-search-modal .product-cats {
transition: all 0.5s ease 0.5s;
transform: translateY(30px);
text-align: center;
margin-bottom: 100px;
opacity: 0;
}
#fm-search-modal .search_form_content {
width: 100%;
max-width: 1440px;
transition: transform 0.5s ease 0.6s, opacity 0.5s ease 0.6s, border 0.5s;
transform: translateY(60px);
position: relative;
padding: 10px 15px;
opacity: 0;
}
#fm-search-modal .search_form_content .fm-search-form {
margin: auto;
height: 50px;
width: 100%;
}
#fm-search-modal .search_form_content .fm-search-form .search_text_input {
color: var(--color_body);
border-width: 0 0 2px 0;
border-color: var(--color_body);
font-size: 16px;
padding: 10px 0;
line-height: 30px;
background: #FFF !important;
z-index: 111;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-appearance: none;
}
#fm-search-modal .search_form_content .fm-search-form .search_text_input::placeholder {
color: inherit;
}
#fm-search-modal .search_form_content .fm-search-form .search_text_input:focus {
color: var(--color_heading);
}
#fm-search-modal .search_form_content .fm-search-form .search_text_input:focus ~ button[type=submit] {
color: var(--color_heading);
}
#fm-search-modal .search_form_content .fm-search-form .search_text_input:focus ~ button[type=submit] svg.fm-icon {
fill: var(--color_heading);
}
#fm-search-modal .search_form_content .fm-search-form button[type=submit] {
position: absolute;
right: 0;
bottom: 0;
background: none;
color: var(--color_heading);
z-index: 999;
letter-spacing: 0;
width: 40px;
height: 40px;
padding-right: 0;
}
#fm-search-modal .search_form_content .fm-search-form button[type=submit] svg.fm-icon {
fill: var(--color_heading);
width: 18px;
height: 18px;
}
#fm-search-modal .search_result {
margin-top: 60px;
}
#fm-search-modal.show .product-cats,
#fm-search-modal.show .search_form_content {
transform: translateY(0);
opacity: 1;
}
#fm-search-modal .empty-message {
text-align: center;
display: inline-block;
width: 100%;
}
@media (max-width: 575px) {
#search-canvas {
height: 100vh;
}
#search-canvas .offcanvas-content > h2 {
margin-bottom: 10px;
}
#search-canvas .offcanvas-content .search_form_wrapper {
width: 100%;
}
#search-canvas .offcanvas-content .search_form_wrapper .search_form_content {
width: 100%;
}
#search-canvas .offcanvas-content .search_form_wrapper .search_form_content .twitter-typeahead {
width: 100%;
}
#search-canvas .offcanvas-content .search_form_wrapper .search_form_content .fm-search-form {
height: max-content;
}
#search-canvas .offcanvas-content .search_form_wrapper .search_form_content .fm-search-form .search_text_input {
width: 100%;
padding: 0;
font-size: 14px;
height: 40px;
}
#search-canvas .offcanvas-content .search_form_wrapper .search_form_content .fm-search-form button[type=submit] {
height: 40px;
top: 0;
width: 40px;
padding-right: 0;
}
#search-canvas .offcanvas-content .search_form_wrapper .search_form_content .fm-search-form .btn_clear_text {
right: 36px;
}
#search-canvas .ajax_search .fm-search-results {
max-width: 100%;
padding: 20px 0;
margin: 0;
height: 350px;
width: 100%;
min-width: 100%;
}
#search-canvas .ajax_search .fm-search-results .fm-dataset .search-result-item {
flex: 0 0 33.3333%;
padding: 0;
}
}
.default-nav-menu ul, .default-nav-menu .menu.default-nav-menu ul {
list-style: none;
padding: 0.5rem 0;
}
.default-nav-menu ul li.menu-item, .default-nav-menu ul li.page_item, .default-nav-menu .menu.default-nav-menu ul li.menu-item, .default-nav-menu .menu.default-nav-menu ul li.page_item {
position: relative;
line-height: 1.5rem;
padding: 0.5rem 0;
}
.default-nav-menu ul li.menu-item ul.sub-menu, .default-nav-menu ul li.menu-item ul.children, .default-nav-menu ul li.page_item ul.sub-menu, .default-nav-menu ul li.page_item ul.children, .default-nav-menu .menu.default-nav-menu ul li.menu-item ul.sub-menu, .default-nav-menu .menu.default-nav-menu ul li.menu-item ul.children, .default-nav-menu .menu.default-nav-menu ul li.page_item ul.sub-menu, .default-nav-menu .menu.default-nav-menu ul li.page_item ul.children {
list-style: none;
padding: 0;
padding-left: 0.75rem;
visibility: hidden;
opacity: 0;
height: 0;
-webkit-transition: height 0.35s linear 0s;
-moz-transition: height 0.35s linear 0s;
-ms-transition: height 0.35s linear 0s;
-o-transition: height 0.35s linear 0s;
transition: height 0.35s linear 0s;
}
.default-nav-menu ul li.menu-item ul.sub-menu li:last-child, .default-nav-menu ul li.menu-item ul.children li:last-child, .default-nav-menu ul li.page_item ul.sub-menu li:last-child, .default-nav-menu ul li.page_item ul.children li:last-child, .default-nav-menu .menu.default-nav-menu ul li.menu-item ul.sub-menu li:last-child, .default-nav-menu .menu.default-nav-menu ul li.menu-item ul.children li:last-child, .default-nav-menu .menu.default-nav-menu ul li.page_item ul.sub-menu li:last-child, .default-nav-menu .menu.default-nav-menu ul li.page_item ul.children li:last-child {
padding-bottom: 0;
}
.default-nav-menu ul li.menu-item a.toggle-submenu, .default-nav-menu ul li.page_item a.toggle-submenu, .default-nav-menu .menu.default-nav-menu ul li.menu-item a.toggle-submenu, .default-nav-menu .menu.default-nav-menu ul li.page_item a.toggle-submenu {
position: absolute;
right: 0;
top: 0;
display: inline-block;
height: 40px;
width: 40px;
line-height: 100%;
font-size: 1.5rem;
text-align: center;
}
.default-nav-menu ul li.menu-item a.toggle-submenu .toggle-icon, .default-nav-menu ul li.page_item a.toggle-submenu .toggle-icon, .default-nav-menu .menu.default-nav-menu ul li.menu-item a.toggle-submenu .toggle-icon, .default-nav-menu .menu.default-nav-menu ul li.page_item a.toggle-submenu .toggle-icon {
display: flex;
align-items: center;
height: 100%;
width: 100%;
justify-content: flex-end;
}
.default-nav-menu ul li.menu-item a.toggle-submenu .toggle-icon::before, .default-nav-menu ul li.page_item a.toggle-submenu .toggle-icon::before, .default-nav-menu .menu.default-nav-menu ul li.menu-item a.toggle-submenu .toggle-icon::before, .default-nav-menu .menu.default-nav-menu ul li.page_item a.toggle-submenu .toggle-icon::before {
content: "";
display: inherit;
width: 7px;
height: 7px;
border: 1px solid #b2b2b2;
border-width: 1px 1px 0 0;
transform: rotate(45deg);
}
.default-nav-menu ul li.menu-item a.toggle-submenu .toggle-icon::after, .default-nav-menu ul li.page_item a.toggle-submenu .toggle-icon::after, .default-nav-menu .menu.default-nav-menu ul li.menu-item a.toggle-submenu .toggle-icon::after, .default-nav-menu .menu.default-nav-menu ul li.page_item a.toggle-submenu .toggle-icon::after {
content: "";
width: 7px;
height: 7px;
border: 1px solid #b2b2b2;
border-width: 1px 1px 0 0;
transform: rotate(-45deg);
display: none;
}
.default-nav-menu ul li.menu-item.open > a.toggle-submenu .toggle-icon::before, .default-nav-menu ul li.page_item.open > a.toggle-submenu .toggle-icon::before, .default-nav-menu .menu.default-nav-menu ul li.menu-item.open > a.toggle-submenu .toggle-icon::before, .default-nav-menu .menu.default-nav-menu ul li.page_item.open > a.toggle-submenu .toggle-icon::before {
display: none;
}
.default-nav-menu ul li.menu-item.open > a.toggle-submenu .toggle-icon::after, .default-nav-menu ul li.page_item.open > a.toggle-submenu .toggle-icon::after, .default-nav-menu .menu.default-nav-menu ul li.menu-item.open > a.toggle-submenu .toggle-icon::after, .default-nav-menu .menu.default-nav-menu ul li.page_item.open > a.toggle-submenu .toggle-icon::after {
display: inline-block;
}
.default-nav-menu ul li.menu-item.open > ul.sub-menu, .default-nav-menu ul li.menu-item.open > ul.children, .default-nav-menu ul li.page_item.open > ul.sub-menu, .default-nav-menu ul li.page_item.open > ul.children, .default-nav-menu .menu.default-nav-menu ul li.menu-item.open > ul.sub-menu, .default-nav-menu .menu.default-nav-menu ul li.menu-item.open > ul.children, .default-nav-menu .menu.default-nav-menu ul li.page_item.open > ul.sub-menu, .default-nav-menu .menu.default-nav-menu ul li.page_item.open > ul.children {
visibility: visible;
opacity: 1;
height: auto;
}
.js-offcanvas-close.caston-close-btn[aria-controls=mobile-header-canvas] {
padding: 6px;
}
#mobile-header-canvas {
width: 300px;
z-index: 99999;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner {
display: flex;
flex-direction: column;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-title {
display: flex;
height: 50px;
flex: 0 0 50px;
width: 100%;
padding: 0 20px;
justify-content: space-between;
align-items: center;
background-color: #fefefe;
border-bottom: 1px solid var(--color_border);
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-title h3 {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: var(--color_heading);
font-weight: 600;
margin: 0;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-title .js-offcanvas-close {
position: static;
right: 15px;
top: 15px;
line-height: 24px;
height: auto;
width: auto;
padding: 0;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-title .js-offcanvas-close > .c-button__text {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-title .js-offcanvas-close .button-title {
display: inline-block;
font-weight: 400;
font-size: 10px;
text-transform: uppercase;
color: var(--color_heading);
font-size: 0;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-title .js-offcanvas-close svg.fm-icon {
width: 16px;
height: 16px;
margin-left: 6px;
padding: 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
fill: #aaa;
border: 1px solid #aaa;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-title .js-offcanvas-close svg.fm-icon:hover {
fill: var(--color_main);
border-color: var(--color_main);
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-navigation {
width: 100%;
padding: 6px 20px 0 20px;
height: calc(100% - 100px);
overflow-y: auto;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-navigation ul.menu {
margin-bottom: 0;
padding-bottom: 0;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-navigation ul.menu li {
line-height: 24px;
padding: 0.5rem 0;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-navigation ul.menu li .sub-menu {
padding-top: 0;
padding-bottom: 0;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-navigation ul.menu li .sub-menu li {
padding: 5px 0;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-navigation ul.menu li .sub-menu li:last-child {
padding-bottom: 0;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-navigation ul.menu li.open {
padding-bottom: 0;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-navigation ul.menu > li > a {
font-weight: 500;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-navigation ul.menu > li > a:hover {
color: var(--color_main);
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-bottom {
border-top: 1px solid var(--color_border);
margin-top: auto;
margin-bottom: 1px;
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-bottom a.fm-social-icon-link {
margin-right: 20px;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-bottom .contact-icon-box {
width: 45px;
height: 45px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--color_heading);
margin-right: 15px;
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-bottom .contact-icon-box:before {
content: "";
width: 25px;
height: 25px;
display: inline-flex;
background-repeat: no-repeat;
background-size: 100%;
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/phone-call.svg);
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-bottom .contact-info-box {
color: var(--color_heading);
display: flex;
flex-direction: column;
}
#mobile-header-canvas.c-offcanvas--full-fade {
width: 100%;
}
.theme-caston .cart_box_content ul.cart_list {
list-style: none;
padding-left: 0;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item {
position: relative;
display: flex;
flex-direction: column;
font-size: 16px;
margin-top: 16px;
padding: 20px 25px 0 86px;
min-height: 100px;
z-index: 1;
border-top: 1px solid var(--color_border);
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item img {
position: absolute;
left: 0;
top: 20px;
margin: 0;
width: 68px;
display: block;
border: 1px solid var(--color_border);
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .remove {
position: absolute;
right: 0;
top: 20px;
font-size: 15px;
font-weight: 600;
background-color: transparent;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .remove svg {
width: 15px;
height: 15px;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .remove:hover svg {
fill: var(--color_main);
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item a {
transition: color 0.3s;
display: block;
line-height: 18px;
font-weight: 400;
font-size: 15px;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item dl {
margin: 0;
display: inline-block;
border: none;
padding: 0;
clear: both;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item dl * {
padding-bottom: 0;
margin-bottom: 0;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item dl dt {
font-weight: 400;
color: #999999;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item dl dd {
font-weight: 400;
color: var(--color_heading);
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item dl.variation {
font-size: 14px;
font-weight: 400;
color: var(--color_heading);
display: inline-flex;
flex-wrap: wrap;
line-height: 16px;
margin-top: 6px;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item dl.variation dt {
color: var(--color_body);
font-weight: inherit;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item dl.variation dd {
margin-left: 3px;
font-weight: inherit;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item dl.variation dd + dt {
margin-left: 6px;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item dl.variation dd + dt::before {
content: "/";
content: var(--color_body);
margin-right: 6px;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .quantity-wrap {
display: flex;
flex-direction: column;
margin-top: 6px;
font-size: 15px;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .quantity-wrap .woocommerce-mini-cart-item__qty .quantity {
display: flex;
justify-content: flex-start;
align-items: center;
line-height: 20px;
margin-bottom: 2px;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .quantity-wrap .woocommerce-mini-cart-item__qty .quantity .qty {
border: none;
width: 20px;
font-size: 13px;
font-weight: 400;
line-height: inherit;
height: 20px;
color: var(--color_body);
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .quantity-wrap .woocommerce-mini-cart-item__qty .quantity .qty_label {
font-size: 13px;
font-weight: 500;
line-height: inherit;
color: var(--color_body);
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .quantity-wrap .woocommerce-mini-cart-item__qty .quantity > a {
width: 15px;
height: 15px;
border: 1px solid #aaaaaa;
align-items: center;
border-radius: 50%;
justify-content: center;
flex: 0 0 15px;
display: none;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .quantity-wrap .woocommerce-mini-cart-item__qty .quantity > a svg {
fill: var(--color_body);
width: 7px;
height: 7px;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .quantity-wrap .woocs_special_price_code .amount {
color: var(--color_heading);
font-weight: 500;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item:first-child {
margin-top: 0;
border: none;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__total {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 20px;
font-weight: 500;
color: var(--color_heading);
border-top: 1px solid #dddddd;
padding-top: 25px;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__total strong {
font-weight: 500 !important;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__total .woocs_special_price_code {
font-size: 25px;
font-weight: 500;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__buttons {
display: flex;
flex-direction: column;
margin-bottom: 0;
margin-top: 25px;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__buttons a.button {
background: #a0a0a0;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__buttons a.button + .button {
margin-top: 15px;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__buttons a.button.checkout {
background-color: var(--color_heading);
}
.theme-caston .cart_box_content .woocommerce-mini-cart__buttons a.button:hover {
text-decoration: none;
}
.theme-caston .cart_box_content .caston-free-shipping-msg {
font-size: 15px;
color: var(--color_heading);
margin-top: 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.theme-caston .cart_box_content .caston-free-shipping-msg .woocommerce-Price-amount {
margin-left: 5px;
}
.theme-caston .cart_box_content .caston-free-shipping-msg svg {
width: 20px;
height: 20px;
fill: var(--color_heading);
margin-right: 10px;
}
.cart_box_content .caston-cart-empty-box {
display: flex;
flex-direction: column;
height: 100%;
align-items: center;
justify-content: center;
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 1;
}
.cart_box_content .caston-cart-empty-box .woocommerce-mini-cart__empty-icon {
text-align: center;
margin-bottom: 20px;
}
.cart_box_content .caston-cart-empty-box .woocommerce-mini-cart__empty-icon svg {
width: 80px;
height: 80px;
fill: var(--color_body);
margin-left: 25px;
}
.cart_box_content .caston-cart-empty-box .woocommerce-mini-cart__empty-message {
font-size: 22px;
font-weight: 500;
text-align: center;
color: var(--color_dark);
margin-bottom: 25px;
}
.cart_box_content .caston-cart-empty-box .caston-parent-term-link {
height: 50px;
padding: 12px 15px;
font-size: 14px;
line-height: 20px;
letter-spacing: 2px;
font-weight: 500;
text-transform: uppercase;
color: #ffffff;
border: none;
text-align: center;
justify-content: center;
align-items: center;
display: inline-flex;
background-color: var(--color_button_background);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-moz-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-ms-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-o-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
}
.cart_box_content .caston-cart-empty-box .caston-parent-term-link svg {
fill: #ffffff;
}
.cart_box_content .caston-cart-empty-box .caston-parent-term-link svg {
width: 10px;
height: 10px;
fill: var(--color_light);
margin-left: 10px;
}
.cart_box_content .caston-cart-empty-box ~ .caston-free-shipping-msg {
flex-wrap: wrap;
justify-content: center;
z-index: 2;
color: var(--color_dark);
position: absolute;
bottom: 35px;
}
.cart_box_content .caston-cart-empty-box ~ .caston-free-shipping-msg svg {
fill: var(--color_dark);
}
.theme-caston .offcanvas-content .cart_box_content {
padding: 0 20px 20px;
}
.theme-caston .offcanvas-content .cart_box_content .woocommerce-mini-cart__total {
margin-top: auto;
margin-bottom: 0;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content {
padding: 30px 20px 20px;
width: 390px;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content ul.cart_list {
margin-bottom: 20px;
max-height: 350px;
overflow-y: auto;
position: relative;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content ul.cart_list li.mini_cart_item .remove {
right: 8px;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .woocommerce-mini-cart__total {
font-size: 16px;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .woocommerce-mini-cart__total .woocs_special_price_code {
font-size: 20px;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .woocommerce-mini-cart__buttons {
justify-content: space-between;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .woocommerce-mini-cart__buttons a.button {
width: calc(50% - 8px);
height: 43px;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .caston-cart-empty-box {
position: static;
background: #ffffff;
padding: 30px 0;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .caston-cart-empty-box .woocommerce-mini-cart__empty-icon {
margin-bottom: 10px;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .caston-cart-empty-box .woocommerce-mini-cart__empty-icon svg {
width: 50px;
height: 50px;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .caston-cart-empty-box .woocommerce-mini-cart__empty-message {
color: var(--color_heading);
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .caston-cart-empty-box .caston-parent-term-link {
border: 2px solid var(--color_heading);
color: var(--color_heading);
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .caston-cart-empty-box .caston-parent-term-link svg {
fill: var(--color_heading);
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .caston-cart-empty-box ~ .caston-free-shipping-msg {
position: static;
color: var(--color_heading);
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .caston-cart-empty-box ~ .caston-free-shipping-msg svg {
fill: var(--color_heading);
}
.cart_box_content.dropdown_content .woocommerce-mini-cart__empty-message {
text-align: center;
font-size: 12px;
font-weight: 500;
color: var(--color_heading);
text-transform: uppercase;
letter-spacing: 1.2px;
margin: 0;
padding: 30px 0;
}
ol.flex-control-nav { }
ol.flex-control-nav li {
margin: 0;
}
ol.flex-control-nav li a {
margin: 0 5px;
padding: 0;
font-size: 0;
position: relative;
}
ol.flex-control-nav li a::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
box-sizing: content-box;
background: #ababab;
border-radius: 50%;
}
ol.flex-control-nav li a.flex-active::before {
background-color: var(--color_heading);
}
#search-canvas .offcanvas-content {
display: flex;
flex-direction: column;
width: 100%;
padding: 0 15px;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
#search-canvas .offcanvas-content .js-offcanvas-close.caston-close-btn {
position: static;
line-height: 24px;
display: block;
margin: 30px 0;
}
#search-canvas .offcanvas-content .js-offcanvas-close.caston-close-btn > .c-button__text {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
#search-canvas .offcanvas-content .js-offcanvas-close.caston-close-btn .button-title {
display: inline-block;
font-size: 9px;
font-weight: 500;
line-height: 12px;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--color_heading);
}
#search-canvas .offcanvas-content .js-offcanvas-close.caston-close-btn svg.fm-icon {
width: 8px;
height: 8px;
margin-left: 6px;
fill: var(--color_heading);
}
#search-canvas .offcanvas-content > h2 {
color: var(--color_heading);
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 25px;
width: 100%;
text-align: left;
}
#search-canvas .offcanvas-content .search_form_content {
display: flex;
justify-content: center;
}
#search-canvas .offcanvas-content .search_form_content .fm-search-form {
height: 50px;
width: 100%;
}
#search-canvas .offcanvas-content .search_form_content .fm-search-form .search_text_input {
border-width: 0 0 2px 0;
border-color: var(--color_heading);
font-size: 16px;
padding: 10px 0;
line-height: 30px;
color: var(--color_heading);
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0;
}
#search-canvas .offcanvas-content .search_form_content .fm-search-form .search_text_input::placeholder {
color: inherit;
}
#search-canvas .offcanvas-content .search_form_content .fm-search-form .search_text_input:focus ~ button[type=submit] {
color: var(--color_heading);
}
#search-canvas .offcanvas-content .search_form_content .fm-search-form .search_text_input:focus ~ button[type=submit] svg.fm-icon {
fill: var(--color_heading);
}
#search-canvas .offcanvas-content .search_form_content .fm-search-form button[type=submit] {
position: absolute;
right: 0;
bottom: 0;
background: none;
color: var(--color_heading);
padding-right: 0;
}
#search-canvas .offcanvas-content .search_form_content .fm-search-form button[type=submit] svg.fm-icon {
fill: var(--color_body);
width: 20px;
height: 20px;
}
.page-heading-wrap ~ .header-breadcrumb-wrap {
margin-top: 15px;
}
.caston-breadcrumbs .trail-items {
padding: 0;
margin: 0;
color: var(--color_body);
}
.page-heading-content .caston-breadcrumbs .trail-items {
margin: 0;
}
.caston-breadcrumbs .trail-items .trail-item, .caston-breadcrumbs .trail-items .trail-item a {
font-size: 14px;
font-weight: normal;
text-transform: capitalize;
}
.caston-breadcrumbs .trail-items .trail-item {
color: var(--color_body);
display: inline-block;
}
.caston-breadcrumbs .trail-items .trail-item:not(.trail-end)::after {
display: inline-block;
margin: 0 8px;
content: "";
width: 6px;
height: 6px;
border: 1px solid var(--color_border);
transform: rotate(45deg);
border-width: 1px 1px 0 0;
}
.familab_theme .swiper-button-next,
.familab_theme .swiper-button-prev {
background-image: none;
}
.familab_theme .swiper-button-next:after,
.familab_theme .swiper-button-prev:after {
display: none;
}
.familab_theme .swiper-button-next.swiper-button-disabled,
.familab_theme .swiper-button-prev.swiper-button-disabled {
opacity: 0.2;
}
.caston-carousel-wrap {
position: relative;
}
.comment-navigation, .posts-navigation, .post-navigation {
overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-previous svg, .posts-navigation .nav-previous svg, .post-navigation .nav-previous svg {
margin-right: 20px;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
float: right;
width: 50%;
text-align: right;
}
.comment-navigation .nav-next svg, .posts-navigation .nav-next svg, .post-navigation .nav-next svg {
margin-left: 20px;
}
.comment-navigation a, .posts-navigation a, .post-navigation a {
font-size: 12px;
font-size: 1.2rem;
font-weight: 600;
text-transform: uppercase;
}
.post-navigation {
clear: both;
text-align: center;
padding: 20px 0;
border-top: 1px solid var(--color_border);
border-bottom: 1px solid var(--color_border);
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
padding: 5px 0;
}
.post-navigation .nav-next {
float: right;
width: 50%;
text-align: center;
border-left: 2px solid var(--color_border);
}
.single-portfolio .post-navigation {
padding-top: 60px;
padding-bottom: 60px;
border-bottom: 0;
}
.single-portfolio .post-navigation .nav-previous {
text-align: right;
padding-right: 70px;
}
.single-portfolio .post-navigation .nav-next {
text-align: left;
padding-left: 70px;
}
.post-navigation .single-post {
padding-bottom: 0;
border-bottom: none;
}
.ajax-navigation {
text-align: center;
padding-top: 50px;
}
.ajax-navigation .button-text {
transition: 0.5s;
color: var(--color_light);
opacity: 1;
}
.ajax-navigation .loading-icon {
transition: 0.5s;
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
}
.ajax-navigation a {
font-size: 14px;
font-size: 1.4rem;
text-transform: capitalize;
}
.ajax-navigation.loading a {
cursor: wait;
}
.ajax-navigation.loading a .button-text {
opacity: 0;
}
.ajax-navigation.loading a .loading-icon {
opacity: 1;
}
.comments-pagination {
text-align: center;
padding: 0 0 30px;
}
.comments-pagination a, .comments-pagination span {
font-weight: 500;
margin: 0 15px;
}
body:not(.woocommerce-page) .page-links {
clear: both;
}
body:not(.woocommerce-page) .page-links .post-page-numbers {
margin: 0 2.5px;
text-transform: uppercase;
font-weight: 400;
width: 41px;
height: 41px;
line-height: 41px;
background: #fff;
color: var(--color_body);
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--color_border);
}
body:not(.woocommerce-page) .page-links .post-page-numbers.current, body:not(.woocommerce-page) .page-links .post-page-numbers:hover {
color: var(--color_heading);
border-color: var(--color_heading);
}
body:not(.woocommerce-page) .pagination .nav-links {
display: inline-block;
width: 100%;
}
body:not(.woocommerce-page) .pagination .nav-links ul.page-numbers li .page-numbers {
margin: 0 4.5px;
text-transform: uppercase;
font-weight: 400;
width: 41px;
height: 41px;
line-height: 40px;
background: #fff;
}
body:not(.woocommerce-page) .pagination .nav-links ul.page-numbers li .page-numbers.next {
font-size: 0;
padding: 0 8px 0 12px;
}
body:not(.woocommerce-page) .pagination .nav-links ul.page-numbers li .page-numbers.prev {
font-size: 0;
padding: 0 7px 0 11px;
}
body:not(.woocommerce-page) .pagination .nav-links ul.page-numbers li:first-child > .page-numbers {
margin-left: 0;
}
body:not(.woocommerce-page) .pagination .nav-links ul.page-numbers li:last-child > .page-numbers {
margin-right: 0;
}
.pagination {
display: block;
clear: both;
margin: 0;
border-radius: 0;
}
.pagination .nav-links {
display: inline-block;
width: 100%;
}
.pagination .nav-links ul.page-numbers {
display: flex;
list-style: none;
padding-left: 0;
}
.pagination-align-left .pagination .nav-links ul.page-numbers {
justify-content: flex-start;
}
.pagination-align-center .pagination .nav-links ul.page-numbers {
justify-content: center;
}
.pagination-align-right .pagination .nav-links ul.page-numbers {
justify-content: flex-end;
}
.pagination .nav-links ul.page-numbers li .page-numbers {
margin: 4.5px;
color: var(--color_body);
font-size: 16px;
display: inline-block;
font-weight: 500;
width: 41px;
height: 41px;
line-height: 41px;
padding: 0;
background: #fff;
border: 1px solid var(--color_border);
box-sizing: border-box;
position: relative;
text-align: center;
transition: all 0.5s;
}
.pagination .nav-links ul.page-numbers li .page-numbers:first-child {
margin-left: 0;
}
.pagination .nav-links ul.page-numbers li .page-numbers:last-child {
margin-right: 0;
}
.pagination .nav-links ul.page-numbers li .page-numbers svg.fm-icon {
width: 11px;
height: 11px;
fill: var(--color_body);
stroke: var(--color_body);
}
.pagination-style1 .pagination .nav-links ul.page-numbers li .page-numbers {
background-color: #FFF;
border-radius: 50%;
margin: 2px;
}
.pagination-style1 .pagination .nav-links ul.page-numbers li .page-numbers.next, .pagination-style1 .pagination .nav-links ul.page-numbers li .page-numbers.prev {
font-size: 0;
}
.pagination-style1 .pagination .nav-links ul.page-numbers li .page-numbers.current, .pagination-style1 .pagination .nav-links ul.page-numbers li .page-numbers:hover {
color: var(--color_heading);
border-color: var(--color_heading);
}
.pagination-style1 .pagination .nav-links ul.page-numbers li .page-numbers.current svg.fm-icon, .pagination-style1 .pagination .nav-links ul.page-numbers li .page-numbers:hover svg.fm-icon {
fill: var(--color_heading);
stroke: var(--color_heading);
}
.pagination-style2 .pagination .nav-links ul.page-numbers li .page-numbers {
margin: 4.5px;
}
.pagination-style2 .pagination .nav-links ul.page-numbers li .page-numbers.current, .pagination-style2 .pagination .nav-links ul.page-numbers li .page-numbers:hover {
color: var(--color_heading);
border-color: var(--color_heading);
}
.pagination-style2 .pagination .nav-links ul.page-numbers li .page-numbers.current svg.fm-icon, .pagination-style2 .pagination .nav-links ul.page-numbers li .page-numbers:hover svg.fm-icon {
fill: var(--color_heading);
stroke: var(--color_heading);
}
.modal-dialog .caston-close-btn {
font-size: 0 !important;
background: none !important;
border: none !important;
}
.modal-dialog .caston-close-btn:hover {
background: none !important;
}
.modal-dialog.account-modal .account_form_content .nav {
justify-content: center;
}
.js-offcanvas .caston-close-btn {
background: none !important;
border: none !important;
padding: 0;
}
.js-offcanvas .account_form_content .tab-content h2 {
display: none;
}
.js-offcanvas .account_form_content .tab-content .woocommerce-form {
padding: 15px 20px;
}
.js-offcanvas .account_form_content .tab-content .woocommerce-form > .form-row {
margin-left: 0;
margin-right: 0;
position: relative;
padding-left: 0;
padding-right: 0;
}
.js-offcanvas .account_form_content .tab-content .woocommerce-form > .form-row > label {
font-size: 15px;
color: var(--color_body);
position: absolute;
left: 8px;
top: 2px;
transform: translateY(-50%);
margin: 0;
background: #ffffff;
padding: 0 8px;
line-height: 20px;
z-index: 1;
}
.js-offcanvas .cart_box_content {
padding: 0 15px;
margin: 0;
height: calc(100% - 68px);
}
.js-offcanvas .cart_box_content .widget_shopping_cart_content {
height: 100%;
display: flex;
flex-direction: column;
}
.js-offcanvas .cart_box_content .widget_shopping_cart_content ul.cart_list {
padding-left: 0;
list-style: none;
}
.js-offcanvas .cart_box_content .widget_shopping_cart_content ul.cart_list .woocommerce-mini-cart-item img {
max-width: 100%;
height: auto;
aspect-ratio: 10/11;
object-fit: cover;
}
.js-offcanvas .cart_box_content .widget_shopping_cart_content ul.cart_list .woocommerce-mini-cart-item .quantity {
clear: left;
display: inline-block;
}
.js-offcanvas .cart_box_content .widget_shopping_cart_content .woocommerce-mini-cart__buttons {
display: flex;
width: 100%;
justify-content: space-between;
}
.js-offcanvas.is-open {
z-index: 99999;
}
.header-mobile > .container,
.header-container,
#content > .container,
.site-content .page-heading-wrap .page-heading-container,
.header-breadcrumb-wrap > .container {
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.entry-content img.aligncenter, .entry-content img.alignnone {
max-width: 100%;
}
.elementor-widget:not(:last-child) {
margin-bottom: 0 !important;
}
@media screen and (max-width: 600px) {
body {
position: initial;
}
}
.theme-caston .kirki-customizer-loading-wrapper {
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/fm_logo.svg);
}
.igrowl-dismiss {
display: none !important;
}
.woocommerce .star-rating {
color: #ffd015;
}
.woocommerce .star-rating, .woocommerce .star-rating span {
width: 80px;
letter-spacing: 4px;
font-size: 11px;
min-height: 12px;
padding-top: 16px;
}
.woocommerce .star-rating:before, .woocommerce .star-rating span:before {
min-height: 14px;
padding-top: 1px;
}
.woocommerce ul.products li.product .star-rating {
display: inline-block;
margin-bottom: 10px;
width: 80px;
letter-spacing: 4px;
font-size: 11px;
}
.woocommerce ul.products.products-grid-style li.product {
margin-bottom: 15px;
}
.woocommerce ul.products.products-grid-style li.product .fmc-flashs-group {
display: flex;
flex-direction: column;
position: absolute;
z-index: 1;
top: 10px;
right: auto;
left: 10px;
}
.woocommerce ul.products.products-grid-style li.product .fmc-flashs-group .woocommerce-badge {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
height: 20px;
line-height: 20px;
text-align: center;
padding: 0px 10px;
min-width: 36px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 6px;
}
.woocommerce ul.products.products-grid-style li.product .fmc-flashs-group .woocommerce-badge.sold_out .fm-icon {
display: none;
}
.woocommerce ul.products.products-grid-style li.product .product-thumbnail {
margin-bottom: 15px;
}
.woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action {
width: 100%;
position: absolute;
font-size: 0;
line-height: 0;
-webkit-transition: 0.4s linear;
-moz-transition: 0.4s linear;
-ms-transition: 0.4s linear;
-o-transition: 0.4s linear;
transition: 0.4s linear;
display: flex;
justify-content: center;
align-items: center;
}
.woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action > a.yith-wcqv-button, .woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action > button.woosq-btn {
display: none;
}
.woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action > .added_to_cart.wc-forward {
display: none !important;
}
.woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action > *:not(.variations_form):hover, .woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action > .button.added, .woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action .tinvwl_add_to_wishlist_button:hover {
background-color: var(--color_main);
border: var(--color_main);
}
.woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action > *:not(.variations_form):hover svg, .woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action > .button.added svg, .woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action .tinvwl_add_to_wishlist_button:hover svg {
fill: #fff;
}
.woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action .tinvwl_add_to_wishlist_button {
display: inherit;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
border-radius: inherit;
}
.woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action.bottom {
bottom: 3px;
top: auto;
}
.woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action.right {
right: 0;
left: auto;
width: auto;
height: 100%;
top: 0;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .product-top-infos, .woocommerce ul.products.products-grid-style li.product .product-infos .caston_item_title_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .product-top-infos .star-rating, .woocommerce ul.products.products-grid-style li.product .product-infos .caston_item_title_wrapper .star-rating {
margin-bottom: 0;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .product-item-cat-link {
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
color: #868686;
letter-spacing: 1.5px;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .woocommerce-loop-product__title {
font-size: 14px;
line-height: 1.2;
color: var(--color_heading);
font-weight: normal;
padding: 0;
margin-bottom: 8px;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .woocommerce-loop-product__title a:not(:hover) {
color: inherit;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .price {
color: #979797;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .price span.woocs_price_code {
display: inline-flex;
align-items: center;
flex-direction: row-reverse;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .price ins {
float: left;
color: var(--color_heading);
margin-right: 8px;
font-weight: inherit;
font-size: inherit;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .price del {
color: #979797;
font-weight: inherit;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .variations_form {
background: none;
}
.woocommerce ul.products.products-grid-style li.product .product-infos .variations_form.wvs-archive-variation-wrapper .variations .woo-variation-items-wrapper {
margin: 0;
}
.woo-variation-swatches .woocommerce ul.products.products-grid-style li.product .product-infos .variations_form .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item {
margin: 4px 12px 4px 0;
}
.woo-variation-swatches .woocommerce ul.products.products-grid-style li.product .product-infos .variations_form .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item:not(:hover) {
box-shadow: 0 0 0 1px transparent !important;
background-color: transparent !important;
}
.woo-variation-swatches .woocommerce ul.products.products-grid-style li.product .product-infos .variations_form .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span-color:after {
box-shadow: none;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail {
margin-bottom: 0;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action {
opacity: 0;
left: 0;
padding: 19px 0 10px;
visibility: hidden;
background-color: transparent;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action.right {
bottom: 12px !important;
top: auto !important;
z-index: 2;
right: 7px !important;
align-items: flex-end;
left: auto;
background-color: transparent;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action.right .variable-items-wrapper {
flex-direction: column !important;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action:not(.right) > * {
color: #232529;
display: inline-flex;
width: 46px;
height: 46px;
align-items: center;
justify-content: center;
border-radius: 50%;
padding: 0;
font-weight: 400;
margin: 0 5px 10px;
background-color: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
font-size: 0;
text-align: center;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-ms-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
visibility: hidden;
opacity: 0.5;
letter-spacing: 0;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action:not(.right) > * > svg {
font-size: 15px;
fill: #232529;
display: inline-block;
width: 100%;
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action:not(.right) > * > svg.icon-hover {
fill: var(--color_main);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action > .button.added {
background-color: var(--color_main);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action > .button.added > svg.fm-icon {
fill: #fff;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action > .added_to_cart.wc-forward:after {
width: 15px;
height: 15px;
margin-top: 0;
display: inline-block;
content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGQ9Ik00NTguNzM3LDQyMi4yMThsLTIyLjg2NS0yODguMTE2Yy0xLjQyNS0xOC41NjItMTcuMTIzLTMzLjEwMy0zNS43MzktMzMuMTAzSDM1NC45N3YtMi4wMw0KCQkJQzM1NC45Nyw0NC4zOTcsMzEwLjU3MywwLDI1Ni4wMDEsMHMtOTguOTY5LDQ0LjM5Ny05OC45NjksOTguOTY5djIuMDNIMTExLjg3Yy0xOC42MTcsMC0zNC4zMTYsMTQuNTQtMzUuNzM2LDMzLjA2NA0KCQkJTDUzLjI2Miw0MjIuMjU3Yy0xLjc3LDIzLjA3NSw2LjIzNSw0Ni4wNDgsMjEuOTYxLDYzLjAyNkM5MC45NDksNTAyLjI2MSwxMTMuMjQyLDUxMiwxMzYuMzg1LDUxMmgyMzkuMjMxDQoJCQljMjMuMTQyLDAsNDUuNDM2LTkuNzM4LDYxLjE2My0yNi43MTdDNDUyLjUwNSw0NjguMzA0LDQ2MC41MDksNDQ1LjMzMiw0NTguNzM3LDQyMi4yMTh6IE0xODcuMDIyLDk4Ljk2OQ0KCQkJYzAtMzguMDM1LDMwLjk0NS02OC45NzksNjguOTc5LTY4Ljk3OXM2OC45NzksMzAuOTQ1LDY4Ljk3OSw2OC45Nzl2Mi4wM0gxODcuMDIyVjk4Ljk2OXogTTQxNC43NzYsNDY0LjkwNQ0KCQkJYy0xMC4yMTgsMTEuMDMtMjQuMTI0LDE3LjEwNS0zOS4xNiwxNy4xMDVoLTIzOS4yM2MtMTUuMDM2LDAtMjguOTQyLTYuMDc1LTM5LjE2LTE3LjEwNQ0KCQkJYy0xMC4yMTctMTEuMDMxLTE1LjIxMS0yNS4zNjMtMTQuMDYzLTQwLjMxNWwyMi44Ny0yODguMTk1YzAuMjMyLTMuMDMyLDIuNzk2LTUuNDA2LDUuODM3LTUuNDA2aDQ1LjE2MnYzNi45MzUNCgkJCWMwLDguMjgxLDYuNzE0LDE0Ljk5NSwxNC45OTUsMTQuOTk1YzguMjgxLDAsMTQuOTk1LTYuNzE0LDE0Ljk5NS0xNC45OTV2LTM2LjkzNUgzMjQuOTh2MzYuOTM1DQoJCQljMCw4LjI4MSw2LjcxNCwxNC45OTUsMTQuOTk1LDE0Ljk5NXMxNC45OTUtNi43MTQsMTQuOTk1LTE0Ljk5NXYtMzYuOTM1aDQ1LjE2M2MzLjA0LDAsNS42MDQsMi4zNzUsNS44NCw1LjQ0NmwyMi44NjUsMjg4LjExNQ0KCQkJQzQyOS45ODgsNDM5LjU0Miw0MjQuOTkzLDQ1My44NzMsNDE0Ljc3Niw0NjQuOTA1eiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMzIzLjU1NiwyNTQuMjg1Yy01Ljg1NC01Ljg1Ni0xNS4zNDktNS44NTYtMjEuMjA0LDBsLTY2Ljk1Niw2Ni45NTZsLTI1Ljc0Ni0yNS43NDZjLTUuODU1LTUuODU2LTE1LjM1LTUuODU2LTIxLjIwNiwwDQoJCQljLTUuODU2LDUuODU2LTUuODU2LDE1LjM1LDAsMjEuMjA2bDM2LjM0OSwzNi4zNDljMi45MjgsMi45MjgsNi43NjYsNC4zOTMsMTAuNjAyLDQuMzkzczcuNjc1LTEuNDY0LDEwLjYwMi00LjM5M2w3Ny41NTgtNzcuNTU4DQoJCQlDMzI5LjQxMiwyNjkuNjM1LDMyOS40MTIsMjYwLjE0MSwzMjMuNTU2LDI1NC4yODV6Ii8+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=");
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action > .added_to_cart.wc-forward:hover:after {
fill: #fff;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-infos {
text-align: left;
position: relative;
padding-top: 17px;
display: flex;
flex-direction: column;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-infos .variations_form.wvs-archive-variation-wrapper .variable-items-wrapper {
justify-content: flex-start;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-infos .star-rating, .woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-infos .product-item-cat-link {
order: -1;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-infos .woocommerce-loop-product__title + .star-rating {
margin-bottom: 8px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-infos .price {
margin-bottom: 2px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product {
background: #FFF;
text-align: center;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .fmc-flashs-group {
left: 12px;
right: auto;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail {
margin-bottom: 0;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.bottom {
bottom: 0;
display: flex;
width: 100% !important;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.bottom > a.button {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 100%;
font-size: 15px;
font-weight: 400;
text-transform: capitalize;
transition: background-color 0.35s linear 0s, transform 0.35s linear 0s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.bottom > a.button svg {
margin-right: 6px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.bottom > a.button svg.icon-hover {
fill: var(--color_main);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.bottom > a.button.loading:after {
top: 1.2em;
right: 7em;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.right {
right: 6px;
align-items: self-start;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.right > .woosq-btn {
display: none;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.right .variable-items-wrapper {
flex-direction: column;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-infos {
padding: 17px 0;
display: flex;
flex-direction: column;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-infos .variations_form {
margin-top: 8px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-infos .variations_form .variations .variable-items-wrapper {
justify-content: center !important;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-infos .product-item-cat-link {
order: -1;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-infos .star-rating {
margin: 0 auto;
order: -1;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-infos .star-rating + .price {
margin-top: 5px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-infos .woocommerce-loop-product__title {
margin-bottom: 0;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-infos .woocommerce-loop-product__title a:hover {
opacity: 1;
color: var(--color_main);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-infos .woocommerce-loop-product__title + .star-rating {
margin-top: 2px;
margin-bottom: 8px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-infos .woocommerce-loop-product__title + .price {
margin-top: 6px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .fmc-flashs-group {
top: 8px;
right: auto;
left: 8px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail {
border: 1px solid var(--color_border);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > * {
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
font-size: 0;
letter-spacing: 0;
padding: 0;
position: relative;
overflow: hidden;
background: none !important;
border: none;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > * svg {
fill: #666666;
width: 16px;
height: 16px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > * svg.icon-hover {
fill: var(--color_main);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom button.woosq-btn {
display: none;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.right {
top: 0;
bottom: auto;
align-items: flex-start;
padding-top: 10px;
right: 5px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.right .variations_form {
background: none !important;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.right .variations_form ul.variations {
padding: 0;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.right .variations_form ul.variations .woo-variation-items-wrapper {
margin: 0;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.right .variations_form ul.variations .variable-items-wrapper {
flex-direction: column;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos {
display: flex;
flex-direction: column;
width: 100%;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos .woocommerce-loop-product__title {
margin-bottom: 10px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos .price {
margin-bottom: 2px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos .star-rating {
margin-bottom: 7px;
order: -1;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos .caston_item_title_wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos .caston_item_title_wrapper .tinv-wraper {
flex: 0 0 20px;
text-align: right;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos a.tinvwl_add_to_wishlist_button {
margin: 0;
background: none;
border-width: 0;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos a.tinvwl_add_to_wishlist_button svg {
fill: var(--color_body);
width: 16px;
height: 16px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list svg.fm-icon.icon-hover, .woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list svg.fm-icon.icon-hover:hover {
fill: var(--color_main);
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap {
display: flex !important;
flex-direction: column;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .fmc-flashs-group {
position: absolute;
z-index: 1;
top: 15px;
left: 15px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .fmc-flashs-group .woocommerce-badge {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
height: 20px;
line-height: 20px;
text-align: center;
padding: 0px 10px;
min-width: 36px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 6px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .fmc-flashs-group .woocommerce-badge.sold_out .fm-icon {
display: none;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-thumbnail {
margin-bottom: 15px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos {
line-height: 24px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos a.product-item-cat-link {
font-size: 11px;
color: var(--color_body);
text-transform: uppercase;
line-height: 16px;
display: block;
margin-bottom: 5px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos .woocommerce-loop-product__title {
padding: 0;
font-size: 15px;
font-weight: 500;
line-height: 24px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos .woocommerce-loop-product__title:not(:hover) {
color: var(--color_heading);
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos .star-rating {
letter-spacing: 4px;
font-size: 11px;
color: var(--color_heading);
margin: 0 3px 0 0;
width: 75px;
line-height: 24px;
height: 24px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos .product-item-excerpt {
font-size: 13px;
color: var(--color_body);
margin: 8px 0 10px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos .price {
font-weight: bold;
color: #555;
font-size: 14px;
margin: 6px 0 0;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos .price del {
color: #aaa;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos .price ins {
color: #ec1d25;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos .wvs-archive-variation-wrapper .variable-items-wrapper {
justify-content: flex-start !important;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: flex-start;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper > * {
width: 100%;
text-align: center;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper a.button {
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper a.button:after {
top: 15px;
right: 20px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper a.button svg.fm-icon {
margin-right: 6px;
margin-bottom: 4px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper a.button.yith-wcqv-button, .woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper a.button.compare {
display: none;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .woosq-btn svg.fm-icon {
margin-right: 6px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper a.added_to_cart.wc-forward {
display: none;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .price {
font-weight: 500;
color: #555;
font-size: 16px;
margin: 0;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .price del {
color: #aaa;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .price ins {
color: #ec1d25;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wraper .tinvwl_add_to_wishlist_button {
margin: 10px 0 0;
display: block;
width: 100%;
font-size: 10px;
text-transform: uppercase;
padding: 13px 20px;
line-height: 24px;
background-color: var(--color_button_background);
color: #FFF;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wraper .tinvwl_add_to_wishlist_button svg.fm-icon, .woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wraper .tinvwl_add_to_wishlist_button svg.fm-icon.icon-hover {
fill: #ffffff !important;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wraper .tinvwl_add_to_wishlist_button:hover {
background-color: var(--color_button_background_hover);
color: #ffffff;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wraper .tinvwl_add_to_wishlist_button:hover svg.fm-icon, .woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wraper .tinvwl_add_to_wishlist_button:hover svg.fm-icon.icon-hover {
fill: #ffffff !important;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button::before { display: none !important;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text, .woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text, .woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button span.tinvwl_remove_from_wishlist-text {
margin-left: 3px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button svg.fm-icon {
display: inline-block;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button svg.fm-icon.icon-hover {
display: none;
fill: #aaaaaa;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button svg.fm-icon.icon-hover:hover {
fill: #ec1d25;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button:hover svg.fm-icon {
display: none;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button:hover svg.fm-icon.icon-hover {
display: inline-block;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list svg.fm-icon {
display: none;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list svg.fm-icon.icon-hover {
display: inline-block;
}
.woocommerce ul.products.products-list-style li.product.product-type-external .product-item-wrap .caston_item_button_wrapper a.button svg.fm-icon {
margin-bottom: 5px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap {
display: flex;
flex-direction: column;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .fmc-flashs-group {
position: absolute;
z-index: 1;
top: 15px;
left: 15px;
right: auto;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .fmc-flashs-group .woocommerce-badge {
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
height: 20px;
line-height: 20px;
padding: 0 10px;
min-width: 36px;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .fmc-flashs-group .woocommerce-badge + .woocommerce-badge {
margin-top: 3px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .fmc-flashs-group .woocommerce-badge.sold_out .fm-icon {
fill: #FFF;
margin-right: 5px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-thumbnail {
margin-bottom: 15px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos {
line-height: 24px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos a.product-item-cat-link {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
line-height: 16px;
display: block;
color: var(--color_body);
margin-bottom: 5px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .woocommerce-loop-product__title {
padding: 0;
font-size: 15px;
font-weight: 500;
line-height: 24px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .woocommerce-loop-product__title:not(:hover) {
color: var(--color_heading);
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .star-rating {
letter-spacing: 3px;
font-size: 11px;
color: var(--color_heading);
margin: 0 3px 0 0;
width: 75px;
line-height: 24px;
height: 24px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .product-item-excerpt {
font-size: 13px;
color: var(--color_body);
margin: 8px 0 10px;
max-height: 75px;
overflow-y: hidden;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .price {
font-weight: bold;
color: #555;
font-size: 14px;
margin: 6px 0 0;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .price del {
color: #aaa;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .price ins {
color: #ec1d25;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .yith-wcwl-add-to-wishlist {
margin: 0;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.button {
font-size: 0;
background: none;
width: 30px;
height: 30px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.button svg.fm-icon {
fill: var(--color_heading);
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button {
display: flex;
align-items: center;
justify-content: center;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button.product_type_external svg.fm-icon {
display: none;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button svg.fm-icon {
margin-right: 6px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button.yith-wcqv-button, .woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button.compare {
display: none;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_title_wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button {
margin: 0;
display: flex;
width: 35px;
}
@media (min-width: 768px) {
.woocommerce ul.products.products-grid-style li.product {
margin-bottom: 20px;
}
.woocommerce ul.products.products-grid-style li.product .fmc-flashs-group {
top: 12px;
left: 12px;
}
.woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action > a.yith-wcqv-button, .woocommerce ul.products.products-grid-style li.product .product-thumbnail .caston_thumb_action > button.woosq-btn {
display: inline-flex;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail {
-webkit-transition: 0.4s linear;
-moz-transition: 0.4s linear;
-ms-transition: 0.4s linear;
-o-transition: 0.4s linear;
transition: 0.4s linear;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail img {
-webkit-transition: 0.4s linear;
-moz-transition: 0.4s linear;
-ms-transition: 0.4s linear;
-o-transition: 0.4s linear;
transition: 0.4s linear;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action:not(.right) > *:hover {
background-color: var(--color_button_background_hover);
border: var(--color_button_background_hover);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action:not(.right) > *:hover svg {
fill: #fff;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action:not(.right) > *:hover a.tinvwl_add_to_wishlist_button .icon-hover.fm-icon {
display: inline-block;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail .caston_thumb_action:not(.right) > *:hover a.tinvwl_add_to_wishlist_button .fm-icon:not(.icon-hover) {
display: none;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail:hover .caston_thumb_action {
opacity: 1;
visibility: visible;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail:hover .caston_thumb_action > * {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-1 li.product .product-thumbnail:hover .caston_thumb_action.right {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-item-wrap {
-webkit-transition: box-shadow 0.25s linear 0s;
-moz-transition: box-shadow 0.25s linear 0s;
-ms-transition: box-shadow 0.25s linear 0s;
-o-transition: box-shadow 0.25s linear 0s;
transition: box-shadow 0.25s linear 0s;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.right a.button.compare, .woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.right a.button.yith-wcqv-button {
opacity: 0;
visibility: hidden;
transition: opacity ease-in-out 0.3s, visibility ease-in-out 0.3s;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.bottom a.button {
-webkit-transition: bottom 0.35s linear 0s;
-moz-transition: bottom 0.35s linear 0s;
-ms-transition: bottom 0.35s linear 0s;
-o-transition: bottom 0.35s linear 0s;
transition: bottom 0.35s linear 0s;
bottom: -50px;
height: 50px;
font-size: 12px;
letter-spacing: 0;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.bottom a.button svg {
margin-right: 5px;
width: 14px;
height: 14px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail:hover .caston_thumb_action.right a.button.compare, .woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail:hover .caston_thumb_action.right a.button.yith-wcqv-button {
opacity: 1;
visibility: visible;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button {
display: flex;
background: none;
justify-content: center;
align-items: center;
color: var(--color_heading);
box-shadow: none;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button:hover {
background-color: var(--color_main);
border: var(--color_main);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product:hover .product-item-wrap {
-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product:hover .product-thumbnail .caston_thumb_action.bottom a.button {
bottom: 0;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .fmc-flashs-group {
top: 12px;
left: 12px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail {
margin-bottom: 17px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom {
bottom: 15px;
top: auto;
right: auto;
left: 0;
width: 100%;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > * {
width: 44px;
height: 44px;
display: flex;
background: #ffffff !important;
border: none;
margin: 0 5px;
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-o-transform: translateY(-15px);
transform: translateY(-15px);
-webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
visibility: hidden;
opacity: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > *:hover, .woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > *.added {
background-color: var(--color_main) !important;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > *:hover svg, .woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > *.added svg {
fill: #ffffff;
-webkit-transition: fill 0.2s linear 0s;
-moz-transition: fill 0.2s linear 0s;
-ms-transition: fill 0.2s linear 0s;
-o-transition: fill 0.2s linear 0s;
transition: fill 0.2s linear 0s;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom .tinv-wraper {
-webkit-transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom button.woosq-btn {
display: flex;
-webkit-transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
-ms-transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail:hover .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > * {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail:hover .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > *.tinv-wraper:hover a.tinvwl_add_to_wishlist_button .icon-hover.fm-icon {
display: inline-block;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail:hover .caston_product_item_thumb_action_wrap .caston_thumb_action.bottom > *.tinv-wraper:hover a.tinvwl_add_to_wishlist_button .fm-icon:not(.icon-hover) {
display: none;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-infos {
display: flex;
flex-direction: column;
width: 100%;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap {
flex-direction: row;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-thumbnail {
flex: 0 0 330px;
margin-right: 30px;
margin-bottom: 0;
border: 1px solid var(--color_border);
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos {
margin-right: 30px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos .woocommerce-loop-product__title {
font-size: 18px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-infos .product-item-excerpt {
font-size: 15px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper {
flex: 0 0 220px;
margin-left: auto;
justify-content: flex-start;
align-items: center;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper > * {
width: 100%;
text-align: center;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper > * + * {
margin-top: 10px;
margin-bottom: 0;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .variations_form .variations {
margin-bottom: 0;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .variations_form .variations .variable-items-wrapper {
justify-content: center !important;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper a.button {
white-space: nowrap;
max-width: 220px;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper a.button.yith-wcqv-button, .woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper a.button.compare {
display: flex;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
height: 50px;
width: 100%;
background-color: var(--color_button_background);
color: #ffffff;
transition: background-color 0.3s, color 0.2s;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button::before { display: none !important;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button svg {
fill: #ffffff !important;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text, .woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text, .woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button span.tinvwl_remove_from_wishlist-text {
margin-left: 6px;
display: inline-block !important;
font-size: 14px;
line-height: 25px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button:hover {
background-color: var(--color_button_background_hover);
}
.woocommerce ul.products.products-list-style li.product:not(:last-child) .product-item-wrap {
padding-bottom: 42px;
border-bottom: 1px solid var(--color_border);
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap {
flex-direction: row;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-thumbnail {
flex: 0 0 230px;
margin-right: 20px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos {
flex: 0 0 calc(100% - 250px);
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button, .woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper button.woosq-btn {
flex: 1;
padding: 13px 0;
line-height: 24px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button.yith-wcqv-button, .woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button.compare, .woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper button.woosq-btn.yith-wcqv-button, .woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper button.woosq-btn.compare {
display: flex;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button + .button, .woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button + button, .woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper button.woosq-btn + .button, .woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper button.woosq-btn + button {
margin-left: 10px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button:not(:hover):not(.added), .woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper button.woosq-btn:not(:hover):not(.added) {
background: var(--color_button_background);
color: #FFF;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper a.button:not(:hover):not(.added) svg.fm-icon, .woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper button.woosq-btn:not(:hover):not(.added) svg.fm-icon {
fill: #ffffff;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper button.woosq-btn {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
margin-top: 10px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper button.woosq-btn svg {
margin-right: 6px;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper .variations_form {
flex: 0 0 100%;
max-width: 100%;
}
.woocommerce ul.products.products-list2-style li.product .product-item-wrap .product-infos .caston_item_button_wrapper .variations_form ul.variations {
margin: 0;
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
.woocommerce ul.products.products-list2-style li.product {
width: 100%;
}
}
@media (min-width: 1025px) {
.woocommerce ul.products.products-grid-style li.product {
margin-bottom: 35px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-border li.product .product-thumbnail:hover .caston_thumb_action {
bottom: 15px;
}
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-item-wrap::before {
width: calc(100% + 30px);
height: calc(100% + 80px);
transform: translate3d(-15px, -15px, 0);
}
}
@media (min-width: 1440px) {
.woocommerce ul.products.columns-2.products-list2-style li.product {
margin-right: 80px;
width: calc((100% - 80px) / 2);
}
.woocommerce ul.products.columns-2.products-list2-style li.product:nth-child(2n+0) {
margin-right: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.woocommerce ul.products.products-list-style li.product .product-item-wrap .product-thumbnail {
flex: 0 0 250px;
}
}
@media (max-width: 767px) {
.woocommerce ul.products.products-grid-style.product-item-caston-style-12 li.product .product-thumbnail .caston_thumb_action.bottom > *, .woocommerce ul.products.products-grid-style.product-item-caston-style-13 li.product .product-thumbnail .caston_thumb_action.bottom > * {
display: none !important;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist {
margin-top: 10px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
height: 50px;
width: 100%;
background-color: var(--color_button_background);
color: #ffffff;
transition: background-color 0.3s, color 0.2s;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button::before { display: none !important;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button svg {
fill: #ffffff !important;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text, .woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text, .woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button span.tinvwl_remove_from_wishlist-text {
margin-left: 6px;
display: inline-block !important;
font-size: 14px;
line-height: 25px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 2px;
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .tinv-wishlist.tinv-wraper a.tinvwl_add_to_wishlist_button:hover {
background-color: var(--color_button_background_hover);
}
.woocommerce ul.products.products-list-style li.product .product-item-wrap .caston_item_button_wrapper .woosq-btn {
margin-top: 10px;
}
}
.elementor-element .fmtpl-products ul.products {
list-style: none;
}
.elementor-element .fmtpl-products ul.products:before, .elementor-element .fmtpl-products ul.products:after {
content: none;
}
.elementor-element .fmtpl-products ul.products.columns-1 li.product {
width: 100%;
}
.elementor-element .fmtpl-products ul.products.columns-2 li.product {
width: 50%;
}
.elementor-element .fmtpl-products ul.products.columns-3 li.product {
width: 33.3333333333%;
}
.elementor-element .fmtpl-products ul.products.columns-4 li.product {
width: 25%;
}
.elementor-element .fmtpl-products ul.products.columns-5 li.product {
width: 20%;
}
.elementor-element .fmtpl-products ul.products.columns-6 li.product {
width: 16.6666666667%;
}
.elementor-element .fmtpl-products ul.products .fami-product-item {
position: relative;
}
.elementor-element .fmtpl-products ul.products .fami-product-item .product-item-wrap .product-thumbnail {
position: relative;
overflow: hidden;
}
.elementor-element .fmtpl-products ul.products .fami-product-item .product-item-wrap .product-thumbnail .product-thumbnail-zoom {
display: block;
}
.elementor-element .fmtpl-products ul.products .fami-product-item .product-item-wrap .product-thumbnail img {
margin-bottom: 0;
}
.elementor-element .fmtpl-products ul.products .fami-product-item .product-item-wrap .product-thumbnails--hover img {
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.elementor-element .fmtpl-products ul.products .fami-product-item .product-item-wrap .product-thumbnails--hover .hover-image {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.elementor-element .fmtpl-products ul.products .fami-product-item .product-item-wrap:hover .hover-image {
opacity: 1;
}
.elementor-element .fmtpl-products ul.products .fami-product-item .fami_flashs_group {
display: flex;
flex-direction: column;
position: absolute;
top: 15px;
left: 15px;
text-align: right;
z-index: 1;
}
.elementor-element .fmtpl-products div:not(.swiper-container) > ul.products {
margin-left: -15px;
margin-right: -15px;
}
.elementor-element .fmtpl-products div:not(.swiper-container) > ul.products li.product {
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-element .fmtpl-products ul.products.medium-columns-1 li.product {
width: 100%;
}
.elementor-element .fmtpl-products ul.products.medium-columns-2 li.product {
width: 50%;
}
.elementor-element .fmtpl-products ul.products.medium-columns-3 li.product {
width: 33.3333333333%;
}
.elementor-element .fmtpl-products ul.products.medium-columns-4 li.product {
width: 25%;
}
.elementor-element .fmtpl-products div:not(.swiper-container) > ul.products {
margin-left: -10px;
margin-right: -10px;
}
.elementor-element .fmtpl-products div:not(.swiper-container) > ul.products li.product {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 767px) {
.elementor-element .fmtpl-products ul.products.small-columns-1 li.product {
width: 100%;
}
.elementor-element .fmtpl-products ul.products.small-columns-2 li.product {
width: 50%;
}
.elementor-element .fmtpl-products div:not(.swiper-container) > ul.products {
margin-left: -7.5px;
margin-right: -7.5px;
}
.elementor-element .fmtpl-products div:not(.swiper-container) > ul.products li.product {
padding-left: 7.5px;
padding-right: 7.5px;
}
} .woocommerce ul.products:before, .woocommerce ul.products:after {
content: none;
}
.woocommerce ul.products li.product.caston-product-item .product-item-wrap {
display: block;
position: relative;
}
.woocommerce ul.products li.product.caston-product-item .product-item-wrap .product-thumbnail {
position: relative;
overflow: hidden;
}
.woocommerce ul.products li.product.caston-product-item .product-item-wrap .product-thumbnail .product-thumbnail-zoom {
display: block;
}
.woocommerce ul.products li.product.caston-product-item .product-item-wrap .product-thumbnail img {
margin-bottom: 0;
background: #f6f6f6;
}
.woocommerce ul.products li.product.caston-product-item .product-item-wrap .product-thumbnails--hover img {
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.woocommerce ul.products li.product.caston-product-item .product-item-wrap .product-thumbnails--hover .hover-image {
position: absolute;
top: 0;
opacity: 0;
}
.woocommerce ul.products li.product.caston-product-item .product-item-wrap:hover .hover-image {
opacity: 1;
}
.woocommerce div:not(.swiper-container) > ul.products li.product.caston-product-item {
margin-left: 0 !important;
margin-right: 0 !important;
}
@media (min-width: 1025px) {
.woocommerce ul.products.columns-1 li.product {
width: 100%;
}
.woocommerce ul.products.columns-1.product-item-border li.product {
padding-left: 0;
padding-right: 0;
}
.woocommerce ul.products.columns-2 li.product {
width: 50%;
}
.woocommerce ul.products.columns-2.product-item-border li.product {
width: calc(50% - 1px);
padding-left: 0;
padding-right: 0;
}
.woocommerce ul.products.columns-3 li.product {
width: 33.3333333333%;
}
.woocommerce ul.products.columns-3.product-item-border li.product {
width: calc(33.3333333333% - 1px);
padding-left: 0;
padding-right: 0;
}
.woocommerce ul.products.columns-4 li.product {
width: 25%;
}
.woocommerce ul.products.columns-4.product-item-border li.product {
width: calc(25% - 1px);
padding-left: 0;
padding-right: 0;
}
.woocommerce ul.products.columns-5 li.product {
width: 20%;
}
.woocommerce ul.products.columns-5.product-item-border li.product {
width: calc(20% - 1px);
padding-left: 0;
padding-right: 0;
}
.woocommerce ul.products.columns-6 li.product {
width: 16.6666666667%;
}
.woocommerce ul.products.columns-6.product-item-border li.product {
width: calc(16.6666666667% - 1px);
padding-left: 0;
padding-right: 0;
}
.woocommerce div:not(.swiper-container) > ul.products {
margin-left: -15px;
margin-right: -15px;
}
.woocommerce div:not(.swiper-container) > ul.products li.product {
padding-left: 15px;
padding-right: 15px;
}
.woocommerce:not(.swiper-container) > ul.products {
margin-left: -15px;
margin-right: -15px;
}
.woocommerce:not(.swiper-container) > ul.products li.product {
padding-left: 15px;
padding-right: 15px;
margin-right: 0;
}
.shop-page-layout-full-width.woocommerce ul.products {
margin-left: -var(--right_item_layout_fullwidth)/2;
margin-right: -var(--right_item_layout_fullwidth)/2;
}
.shop-page-layout-full-width.woocommerce ul.products li.product {
padding-left: var(--right_item_layout_fullwidth)/2;
padding-right: var(--right_item_layout_fullwidth)/2;
}
.shop-page-layout-full-width.woocommerce ul.products.columns-2 li.product {
width: 50%;
}
.shop-page-layout-full-width.woocommerce ul.products.columns-2.product-item-border li.product {
width: calc(50% - 1px);
padding-left: 0;
padding-right: 0;
}
.shop-page-layout-full-width.woocommerce ul.products.columns-3 li.product {
width: 33.3333333333%;
}
.shop-page-layout-full-width.woocommerce ul.products.columns-3.product-item-border li.product {
width: calc(33.3333333333% - 1px);
padding-left: 0;
padding-right: 0;
}
.shop-page-layout-full-width.woocommerce ul.products.columns-4 li.product {
width: 25%;
}
.shop-page-layout-full-width.woocommerce ul.products.columns-4.product-item-border li.product {
width: calc(25% - 1px);
padding-left: 0;
padding-right: 0;
}
.shop-page-layout-full-width.woocommerce ul.products.columns-5 li.product {
width: 20%;
}
.shop-page-layout-full-width.woocommerce ul.products.columns-5.product-item-border li.product {
width: calc(20% - 1px);
padding-left: 0;
padding-right: 0;
}
.shop-page-layout-full-width.woocommerce ul.products.columns-6 li.product {
width: 16.6666666667%;
}
.shop-page-layout-full-width.woocommerce ul.products.columns-6.product-item-border li.product {
width: calc(16.6666666667% - 1px);
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.woocommerce ul.products.medium-columns-1 li.product {
width: 100%;
}
.woocommerce ul.products.medium-columns-1.product-item-border li.product {
padding-left: 0;
padding-right: 0;
}
.woocommerce ul.products.medium-columns-2 li.product {
width: 50%;
}
.woocommerce ul.products.medium-columns-2.product-item-border li.product {
width: calc(50% - 1px);
padding-left: 0;
padding-right: 0;
}
.woocommerce ul.products.medium-columns-3 li.product {
width: 33.3333333333%;
}
.woocommerce ul.products.medium-columns-3.product-item-border li.product {
width: calc(33.3333333333% - 1px);
padding-left: 0;
padding-right: 0;
}
.woocommerce ul.products.medium-columns-4 li.product {
width: 25%;
}
.woocommerce ul.products.medium-columns-4.product-item-border li.product {
width: calc(25% - 1px);
padding-left: 0;
padding-right: 0;
}
.woocommerce div:not(.swiper-container) > ul.products, .woocommerce:not(.swiper-container) > ul.products {
margin-left: -10px;
margin-right: -10px;
}
.woocommerce div:not(.swiper-container) > ul.products li.product, .woocommerce:not(.swiper-container) > ul.products li.product {
padding-left: 10px;
padding-right: 10px;
}
}
@media (max-width: 767px) {
.woocommerce ul.products.small-columns-1 li.product {
width: 100%;
}
.woocommerce ul.products.small-columns-2 li.product {
width: 50%;
}
.woocommerce div:not(.swiper-container) > ul.products, .woocommerce:not(.swiper-container) > ul.products {
margin-left: -10px;
margin-right: -10px;
}
.woocommerce div:not(.swiper-container) > ul.products li.product, .woocommerce:not(.swiper-container) > ul.products li.product {
padding-left: 7.5px;
padding-right: 7.5px;
}
} .smooth-banner .smooth-banner-box-img canvas {
min-width: 100%;
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .caston-carousel-box-heading {
display: flex;
justify-content: center;
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .caston-carousel-box-heading .caston-carousel-box-title {
display: flex;
height: 48px;
align-items: center;
justify-content: center;
border: 2px solid #fff;
width: 228px;
color: #fff;
letter-spacing: 3px;
font-weight: 500;
margin-bottom: 56px;
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .elementor-caston-category-carousel-banner {
position: relative;
display: inline-flex;
justify-content: center;
cursor: pointer;
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .elementor-caston-category-carousel-banner .caston-elementor_content {
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
font-size: 0;
line-height: 0;
z-index: 1;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .elementor-caston-category-carousel-banner:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .gallery-top .swiper-slide {
display: flex;
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .gallery-top .swiper-slide .elementor-caston-category-top-carousel-banner {
position: relative;
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .gallery-top .swiper-slide .elementor-caston-category-top-carousel-banner .top_item_bg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.elementor-widget-caston-vertical-carousel-categories-banner .caston-carousel-item-btn {
display: inline-flex;
align-items: center;
justify-content: center;
}
.elementor-widget-caston-vertical-carousel-categories-banner .swiper-pagination.disabled {
display: none;
}
.elementor-widget-caston-vertical-carousel-categories-banner .elementor-swiper-button {
justify-content: center;
align-items: center;
}
.elementor-widget-caston-vertical-carousel-categories-banner .elementor-swiper-button:hover {
opacity: 0.8;
}
@media (min-width: 1025px) {
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .elementor-caston-category-carousel-banner:not(:hover) .caston-elementor_content {
opacity: 0;
visibility: hidden;
top: calc(50% + 10px);
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .elementor-caston-category-carousel-banner:not(:hover):after {
opacity: 0;
visibility: hidden;
top: -5px;
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .elementor-swiper-button.elementor-swiper-button-prev svg {
margin-left: -1px;
margin-top: -1px;
}
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .elementor-swiper-button.elementor-swiper-button-next svg {
margin-left: -1px;
margin-bottom: -2px;
}
}
@media (max-width: 1024px) {
.elementor-widget-caston-vertical-carousel-categories-banner .vertical_swiper.swiper-group-wrap .caston-carousel-box-heading .caston-carousel-box-title {
margin-bottom: 35px;
}
.elementor-widget-caston-vertical-carousel-categories-banner .elementor-swiper-button svg {
transform: rotate(-90deg);
}
}
@media (min-width: 1200px) {
.custom-box-banner .info-hover-2 {
cursor: pointer;
}
.custom-box-banner .info-hover-2 .fmtpl-inner-banner:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, 0.6);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.custom-box-banner .info-hover-2 .fmtpl-inner-banner .fmtpl-inner-banner-content {
position: relative;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.custom-box-banner .info-hover-2 .fmtpl-inner-banner .fmtpl-inner-banner-content:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 3px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: var(--color_main);
}
.custom-box-banner:not(:hover) .info-hover-2 .fmtpl-inner-banner:before {
opacity: 0;
visibility: hidden;
}
.custom-box-banner:hover .info-hover-2:hover .fmtpl-inner-banner:before {
opacity: 0;
visibility: hidden;
}
.custom-box-banner:hover .info-hover-2:hover .fmtpl-inner-banner .fmtpl-inner-banner-content {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
}
@media (max-width: 1199px) {
.custom-box-banner .info-hover-2 .fmtpl-inner-banner .fmtpl-inner-banner-content {
position: relative;
}
.custom-box-banner .info-hover-2 .fmtpl-inner-banner .fmtpl-inner-banner-content:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 3px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-color: var(--color_main);
}
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter .newsletter-form-content {
display: inline-block;
width: 100%;
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input[type=email] {
height: auto;
transition: all 0.3s;
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input[type=email]:focus {
border-color: var(--color_main);
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input[type=email]::placeholder {
color: inherit;
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form button[type=submit], .elementor-widget-fmtpl-newsletter .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input[type=submit], .elementor-widget-fmtpl-newsletter .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input[type=email] {
transition: all 0.3s;
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input[type=email] {
height: auto !important;
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form button[type=submit], .elementor-widget-fmtpl-newsletter .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input[type=submit] {
height: auto;
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter.newsletter_horizontal .mc4wp-form .fm_newsletter_form {
display: flex;
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter.newsletter_horizontal .mc4wp-form .fm_newsletter_form input[type=email] {
text-align: left;
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter.newsletter_horizontal .mc4wp-form .fm_newsletter_form button[type=submit], .elementor-widget-fmtpl-newsletter .fmtpl-newsletter.newsletter_horizontal .mc4wp-form .fm_newsletter_form input[type=submit] {
flex: 0 0 auto;
justify-content: center;
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter.newsletter_vertical .mc4wp-form .fm_newsletter_form {
display: flex;
flex-direction: column;
}
.elementor-widget-fmtpl-newsletter .fmtpl-newsletter.newsletter_vertical .mc4wp-form .fm_newsletter_form button[type=submit], .elementor-widget-fmtpl-newsletter .fmtpl-newsletter.newsletter_vertical .mc4wp-form .fm_newsletter_form input[type=submit] {
width: 100%;
display: inline-block;
text-align: inherit;
}
.elementor-widget-fmtpl-newsletter.custom-autofill .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input:-webkit-autofill,
.elementor-widget-fmtpl-newsletter.custom-autofill .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input:-webkit-autofill:hover,
.elementor-widget-fmtpl-newsletter.custom-autofill .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input:-webkit-autofill:focus,
.elementor-widget-fmtpl-newsletter.custom-autofill .fmtpl-newsletter .newsletter-form-content .mc4wp-form .fm_newsletter_form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px #AA8C6F inset !important;
-webkit-text-fill-color: #fff !important;
}
.elementor-widget-fmtpl-title .fmtpl-heading-title .fmtpl-tittle-content-wrap {
max-width: 100%;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-meta svg {
width: 1em;
height: 1em;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-carousel-item {
position: relative;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-carousel-item .fmtpl-post-thumb {
position: relative;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-carousel-item .fmtpl-post-thumb > a {
display: block;
width: 100%;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-carousel-item .fmtpl-post-thumb > a img {
width: 100%;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-carousel-item .fmtpl-post-content {
width: 100%;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
padding: 25px 8%;
background: black;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(170, 170, 170, 0) 100%);
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-category {
margin: 0 0 5px 0;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-category a {
font-size: 12px;
font-weight: bold;
line-height: 12px;
text-transform: uppercase;
color: #FFF;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-title a {
color: #FFF;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-meta-wrap span {
text-transform: capitalize;
line-height: 12px;
height: 15px;
display: inline-block;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-meta-wrap .fmtpl-post-meta + .fmtpl-post-meta {
padding-left: 12px;
margin-left: 10px;
border-left: 1px solid #FFF;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl_post_excerpt {
display: none;
color: #FFF;
font-size: 14px;
line-height: 20px;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-readmore {
display: none;
margin: 15px 0 0 0;
padding: 0 0 5px 0;
border-bottom: solid 1px #FFF;
line-height: 10px;
letter-spacing: 1px;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-readmore a {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-default .fmtpl-post-meta-wrap span:not(.fmtpl-post-date) {
line-height: 12px;
display: inline-block;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-default .fmtpl-post-meta-wrap .fmtpl-post-meta + .fmtpl-post-meta:not(.fmtpl-post-date) {
padding-left: 12px;
margin-left: 10px;
border-left: 1px solid #ccc;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-default .fmtpl-post-carousel-item {
position: relative;
}
.elementor-widget-fmtpl-menu .fmtpl-menu .fmtpl-divider {
display: inline-block;
}
.elementor-widget-fmtpl-menu .fmtpl-menu.default .nav_menu_content ul.menu {
padding: 0;
margin: 0;
list-style: none;
}
.elementor-widget-fmtpl-menu .fmtpl-menu.horizontal_style1 .nav_menu_content ul.menu {
padding: 0;
margin: 0 -13px;
list-style: none;
}
.elementor-widget-fmtpl-menu .fmtpl-menu.horizontal_style1 .nav_menu_content ul.menu li {
display: inline-block;
margin: 0 13px;
}
.elementor-widget-fmtpl-menu .fmtpl-menu.horizontal_style2 .nav_menu_content ul.menu {
padding: 0;
margin: 0;
list-style: none;
display: inline-flex;
flex-wrap: wrap;
}
.elementor-widget-fmtpl-menu .fmtpl-menu.horizontal_style2 .nav_menu_content ul.menu li {
display: inline-block;
position: relative;
padding-right: 12px;
margin-right: 12px;
}
.elementor-widget-fmtpl-menu .fmtpl-menu.horizontal_style2 .nav_menu_content ul.menu li:not(:last-child):after {
content: "";
position: absolute;
top: 6px;
right: 0;
width: 1px;
height: 12px;
background-color: #ccc;
}
.elementor-widget-fmtpl-menu .fmtpl-menu.horizontal_style3 ul.menu {
list-style: none;
padding: 0;
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
}
.elementor-widget-fmtpl-menu .fmtpl-menu.horizontal_style3 ul.menu .menu-item {
display: inline-flex;
align-items: center;
}
.elementor-widget-fmtpl-menu .fmtpl-menu.horizontal_style3 ul.menu .menu-item ~ .menu-item:before {
display: inline-block;
content: "";
width: 5px;
margin: 0 5px;
height: 1px;
background: rgba(125, 125, 125, 0.5);
}
.elementor-widget-fmtpl-products-grid .fmtpl_ajax_notice {
display: none;
}
.elementor-widget-fmtpl-products-grid .fmtpl-products.grid.disabled_load .fmtpl_ajax_notice {
display: inline-block;
}
.elementor-widget-fmtpl-products-grid .fmtpl-products.grid.disabled_load .ajax_load_product_btn {
display: none;
}
.elementor-widget-fmtpl-products-grid span.fmtpl_ajax_notice {
line-height: 20px;
padding: 15px 22px;
border-radius: 25px;
background: #999;
color: #fefefe;
}
.elementor-widget-fmtpl-deal .fmtpl-product-deal .fmtpl-product-deal-content {
max-width: 100%;
}
.elementor-widget-fmtpl-deal .fmtpl-product-deal .fmtpl-product-deal-content .fmtpl-divider {
display: inline-block;
clear: both;
}
.elementor-widget-fmtpl-deal .fmtpl-product-deal .fmtpl-product-deal-content .fmtpl-product-deal-time .box-count .num {
display: flex;
align-items: center;
justify-content: center;
}
.elementor-widget-fmtpl-deal .fmtpl-product-deal .fmtpl-product-deal-content .product-price .woocs_price_code {
display: inline-flex;
align-items: flex-end;
}
.elementor-widget-fmtpl-deal .fmtpl-product-deal .fmtpl-product-deal-content .product-price .woocs_price_code > ins {
text-decoration: none !important;
margin-left: 10px;
}
.elementor-widget-fmtpl-deal .fmtpl-product-deal img {
width: 100%;
}
.elementor-widget-fmtpl-deal.fmtpl-content-align-center .fmtpl-product-deal-content {
text-align: center;
}
.elementor-widget-fmtpl-deal.fmtpl-content-align-center .fmtpl-product-deal-time {
justify-content: center;
}
.elementor-widget-fmtpl-deal.fmtpl-content-align-right .fmtpl-product-deal-content {
text-align: right;
}
.elementor-widget-fmtpl-deal.fmtpl-content-align-right .fmtpl-product-deal-time {
justify-content: flex-end;
}
.elementor-widget-fmtpl-products-tabs .fmtpl-products.fmtpl-products-tabs .fmtpl-tabs-wrapper .nav-tabs {
border-bottom: none;
}
.elementor-widget-fmtpl-products-tabs .fmtpl_ajax_notice {
display: none;
line-height: 20px;
padding: 15px 22px;
border-radius: 25px;
background: #999;
color: #fefefe;
}
.elementor-widget-fmtpl-products-tabs .disabled_load .fmtpl_ajax_notice {
display: inline-block !important;
}
.elementor-widget-fmtpl-products-tabs .disabled_load .ajax_load_product_btn {
display: none;
}
.elementor-widget-fmtpl-title.fmtpl-content-align-left .fmtpl-heading-title.heading_default .fmtpl-tittle-content-wrap {
align-items: inherit;
}
.elementor-widget-fmtpl-title.fmtpl-content-align-left .fmtpl-heading-title.heading_default .fmtpl-tittle-content-wrap .fmtpl-widget-title.icon-pos-right {
justify-content: space-between;
}
.elementor-widget-fmtpl-title.fmtpl-divider-position-left .fmtpl-heading-title.heading_horizontal1 .fmtpl-tittle-content-wrap .fmtpl-divider {
order: 1;
}
.elementor-widget-fmtpl-title.fmtpl-divider-position-left .fmtpl-heading-title.heading_horizontal1 .fmtpl-tittle-content-wrap .fmtpl-widget-title {
order: 2;
}
.elementor-widget-fmtpl-title.fmtpl-divider-position-top .fmtpl-heading-title.heading_horizontal1 .fmtpl-tittle-content-wrap {
align-items: center;
}
.elementor-widget-fmtpl-title.fmtpl-divider-position-top .fmtpl-heading-title.heading_horizontal1 .fmtpl-tittle-content-wrap .fmtpl-widget-title {
order: 1;
}
.elementor-widget-fmtpl-title.fmtpl-divider-position-top .fmtpl-heading-title.heading_horizontal1 .fmtpl-tittle-content-wrap .fmtpl-divider {
order: 2;
}
.elementor-widget-fmtpl-title.fmtpl-divider-position-top .fmtpl-heading-title.heading_horizontal1 .fmtpl-tittle-content-wrap .fmtpl-title-desc {
order: 3;
margin-top: -15px;
}
.elementor-widget-fmtpl-carousel-reviews .fmtpl-carousel-reviews.fmtpl-reviews-layout-default .fmtpl-reviews-image {
display: inline-flex;
}
.elementor-widget-fmtpl-carousel-reviews .fmtpl-carousel-reviews.fmtpl-reviews-layout-default2 .fmtpl-reviews-item .fmtpl-reviews-author {
display: inline-flex;
align-items: center;
}
.elementor-widget-fmtpl-carousel-reviews .fmtpl-carousel-reviews.fmtpl-reviews-layout-info_right .fmtpl-reviews-item {
flex-direction: column;
}
.elementor-widget-fmtpl-carousel-reviews .fmtpl-carousel-reviews.fmtpl-reviews-layout-info_right .fmtpl-reviews-info-wrap {
display: inline-flex;
flex-direction: column;
}
.elementor-widget-fmtpl-carousel-reviews .fmtpl-carousel-reviews.fmtpl-reviews-layout-info_right .fmtpl-reviews-title-wrap {
display: inline-flex;
align-items: flex-end;
}
.elementor-widget-fmtpl-banner .fmtpl-banner {
background-position: center center;
}
.elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-image-wrap {
position: relative;
overflow: hidden;
}
.elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-content {
max-width: 100%;
}
.elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-content .fmtpl-banner-button {
transition: all 0.3s;
}
.elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.overlay:before, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.overlay + .fmtpl-banner-box-img:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: background-color 0.4s ease;
-moz-transition: background-color 0.4s ease;
-o-transition: background-color 0.4s ease;
transition: background-color 0.4s ease;
}
.elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.overlay2:before, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.overlay2:after, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.overlay2 + .fmtpl-banner-box-img:before, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.overlay2 + .fmtpl-banner-box-img:after {
content: "";
position: absolute;
pointer-events: none;
margin: auto;
width: 100%;
height: 100%;
}
.elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.overlay2:before, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.overlay2 + .fmtpl-banner-box-img:before {
right: 100%;
bottom: 100%;
-webkit-transition: background-color 0.4s ease, right 0.4s ease, bottom 0.4s ease;
-moz-transition: background-color 0.4s ease, right 0.4s ease, bottom 0.4s ease;
-o-transition: background-color 0.4s ease, right 0.4s ease, bottom 0.4s ease;
transition: background-color 0.4s ease, right 0.4s ease, bottom 0.4s ease;
}
.elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.overlay2:after, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.overlay2 + .fmtpl-banner-box-img:after {
top: 100%;
left: 100%;
-webkit-transition: background-color 0.4s ease, left 0.4s ease, top 0.4s ease;
-moz-transition: background-color 0.4s ease, left 0.4s ease, top 0.4s ease;
-o-transition: background-color 0.4s ease, left 0.4s ease, top 0.4s ease;
transition: background-color 0.4s ease, left 0.4s ease, top 0.4s ease;
}
.elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.effect_border:before, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.effect_border:after, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.effect_border + .fmtpl-banner-box-img:before, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.effect_border + .fmtpl-banner-box-img:after {
content: "";
position: absolute;
pointer-events: none;
border: solid #fff;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
margin: auto;
}
.elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.effect_border:before, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.effect_border + .fmtpl-banner-box-img:before {
width: 0;
border-width: 1px 0;
-webkit-transition: width 0.6s ease, transform 0.6s ease;
-moz-transition: width 0.6s ease, transform 0.6s ease;
-o-transition: width 0.6s ease, transform 0.6s ease;
transition: width 0.6s ease, transform 0.6s ease;
}
.elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.effect_border:after, .elementor-widget-fmtpl-banner .fmtpl-banner .fmtpl-banner-background.effect_border + .fmtpl-banner-box-img:after {
height: 0;
border-width: 0 1px;
-webkit-transition: height 0.6s ease;
-moz-transition: height 0.6s ease;
-o-transition: height 0.6s ease;
transition: height 0.6s ease;
}
.elementor-widget-fmtpl-banner.fmtpl-divider-position-bottom { }
.elementor-widget-fmtpl-banner.fmtpl-divider-position-left .fmtpl-banner-content .fmtpl-banner-title {
display: flex;
align-items: center;
}
.elementor-widget-fmtpl-banner.fmtpl-divider-position-left .fmtpl-banner-content .fmtpl-banner-title .fmtpl-divider {
order: -1;
}
.elementor-widget-fmtpl-banner.fmtpl-divider-position-right .fmtpl-banner-content .fmtpl-banner-title {
display: flex;
align-items: center;
}
.elementor-widget-fmtpl-banner.fmtpl-divider-position-top .fmtpl-banner-content .fmtpl-banner-title {
display: flex;
flex-direction: column;
}
.elementor-widget-fmtpl-banner.fmtpl-divider-position-top .fmtpl-banner-content .fmtpl-banner-title .fmtpl-divider {
order: -1;
}
.elementor-widget-fmtpl-outside-banner .fmtpl-outside-banner-wrap .fmtpl-outside-banner-button {
display: inline-block;
}
.elementor-widget-fmtpl-post-list ul.fmtpl-post-list {
display: flex;
}
.elementor-widget-fmtpl-post-list ul.fmtpl-post-list:not(.fmtpl-post-list-inline) {
flex-direction: column;
}
.elementor-widget-fmtpl-post-list ul.fmtpl-post-list:not(.fmtpl-post-list-inline) li.fmtpl-post-list-item {
display: block;
width: 100%;
margin: 0 20px 0 0;
padding: 0;
}
.elementor-widget-fmtpl-post-list ul.fmtpl-post-list:not(.fmtpl-post-list-inline) li.fmtpl-post-list-item .fmtpl-post-list-title a {
white-space: normal;
}
.site-footer .elementor-widget-fmtpl-language .fmtpl-language .language.fmtpl-dropdown .dropdown {
text-align: right;
}
.site-footer .elementor-widget-fmtpl-language .fmtpl-language .language.fmtpl-dropdown .dropdown ul {
right: 0;
}
.elementor-widget-fmtpl-language .fmtpl-language .language.fmtpl-dropdown .dropdown .current .fmtpl-dropdow-icon > svg {
width: 8px;
height: 8px;
margin-left: 8px;
}
.elementor-widget-fmtpl-language .fmtpl-language .language.fmtpl-dropdown .dropdown > ul {
opacity: 0;
visibility: hidden;
list-style: none;
padding: 0;
margin: 0;
position: absolute;
bottom: 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-webkit-transition: opacity ease-in-out 0.25s, visibility ease-in-out 0.25s;
-moz-transition: opacity ease-in-out 0.25s, visibility ease-in-out 0.25s;
-ms-transition: opacity ease-in-out 0.25s, visibility ease-in-out 0.25s;
-o-transition: opacity ease-in-out 0.25s, visibility ease-in-out 0.25s;
transition: opacity ease-in-out 0.25s, visibility ease-in-out 0.25s;
}
.elementor-widget-fmtpl-language .fmtpl-language .language.fmtpl-dropdown .dropdown > ul li {
min-width: 68px;
padding: 8px 0;
background: #ffffff;
text-align: center;
}
.elementor-widget-fmtpl-language .fmtpl-language .language.fmtpl-dropdown .dropdown > ul li:hover {
background: #f4f4f4;
}
.elementor-widget-fmtpl-language .fmtpl-language .language.fmtpl-dropdown .dropdown > ul li a {
display: inline-block;
width: 100%;
color: var(--color_heading);
}
.elementor-widget-fmtpl-language .fmtpl-language .language.fmtpl-dropdown .dropdown .lang_flag {
margin-right: 6px;
}
.elementor-widget-fmtpl-language .fmtpl-language .language.fmtpl-dropdown .dropdown:hover > ul {
opacity: 1;
visibility: visible;
}
.site-footer .elementor-widget-wp-widget-woocs_selector.currency-switcher .widget-woocommerce-currency-switcher form.woocommerce-currency-switcher-form .select2-selection {
height: 25px;
line-height: 25px;
border: none !important;
padding: 0 20px 0 0;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: var(--color_heading);
}
.site-footer .elementor-widget-wp-widget-woocs_selector.currency-switcher .widget-woocommerce-currency-switcher form.woocommerce-currency-switcher-form .select2-selection > .select2-selection__arrow {
background-position: left 0 top 50%;
background-size: auto 8px;
background-repeat: no-repeat;
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/select_icon.svg);
}
.site-footer .elementor-widget-wp-widget-woocs_selector.currency-switcher .widget-woocommerce-currency-switcher form.woocommerce-currency-switcher-form .select2-selection > .select2-selection__arrow .presentation {
display: none;
}
.site-footer .elementor-widget-wp-widget-woocs_selector.currency-switcher.color_dark .widget-woocommerce-currency-switcher form.woocommerce-currency-switcher-form .select2-selection {
color: var(--color_heading);
}
.site-footer .elementor-widget-wp-widget-woocs_selector.currency-switcher.color_light .widget-woocommerce-currency-switcher form.woocommerce-currency-switcher-form .select2-selection {
color: #ffffff;
}
.elementor-widget-fmtpl-category-banner .fmtpl-category-banner .fmtpl-category-banner-image-wrap {
position: relative;
overflow: hidden;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner .fmtpl-elementor_image {
overflow: hidden;
z-index: 1 !important;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner .fmtpl-elementor_image img {
max-width: 100%;
height: 100%;
aspect-ratio: 1.13/1;
object-fit: cover;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner .fmtpl-elementor_image:hover img {
transform: scale(0.98);
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner .fmtpl-elementor_content {
z-index: 2;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner .fmtpl-elementor_content .category-title {
line-height: 100%;
margin: 0;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner .fmtpl-elementor_content .category-title a {
border-bottom: 2px solid transparent;
transition: all 0.3s;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner .fmtpl-elementor_content .category-title a:hover {
border-color: var(--color_main);
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner .fmtpl-elementor_content .fmtpl-products-count {
display: inline-flex;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner .fmtpl-elementor_content .fmtpl-products-count.left .count-value {
float: left;
margin-right: 5px;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner.fmtpl-carousel-categories-banner-layout-cate_slide_banner_inside1 .fmtpl-elementor_content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 40px 40px 48px;
text-align: center;
min-width: 217px;
max-width: 90%;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner.fmtpl-carousel-categories-banner-layout-cate_slide_banner_outside1 .fmtpl-elementor_content .category-title {
position: relative;
display: inline-flex;
flex-direction: column;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner.fmtpl-carousel-categories-banner-layout-cate_slide_banner_outside1 .fmtpl-elementor_content .category-title:after {
content: "";
width: 90px;
height: 6px;
background-color: var(--color_button_background_hover);
opacity: 0.5;
display: inline-flex;
margin-top: -6px;
-webkit-transition: transform 0.3s linear 0s;
-moz-transition: transform 0.3s linear 0s;
-ms-transition: transform 0.3s linear 0s;
-o-transition: transform 0.3s linear 0s;
transition: transform 0.3s linear 0s;
}
.elementor-widget-fmtpl-carousel-categories-banner .fmtpl-carousel-categories-banner.fmtpl-carousel-categories-banner-layout-cate_slide_banner_outside1 .elementor-fmtpl-category-carousel-banner:hover .fmtpl-elementor_content .category-title:after {
transform: rotateZ(-8deg);
}
.elementor-widget-fmtpl-carousel-images .fmtpl-carousel-images.fmtpl-carousel-images-layout-carousel_images_brands .fmtpl-elementor_image img {
transition: opacity 0.3s linear 0s;
}
.elementor-widget-fmtpl-carousel-images .fmtpl-carousel-images.fmtpl-carousel-images-layout-carousel_images_brands .fmtpl-elementor_image img:not(:hover) {
opacity: 0.3;
}
.elementor-widget-caston_slider {
overflow: hidden;
}
.elementor-widget-caston_slider .fmtpl-elementor-swiper-slide-wrap {
grid-gap: 0;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper {
overflow: visible;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper .swiper-wrapper {
z-index: 1;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper .elementor-swiper-button {
display: flex;
flex-direction: row-reverse;
align-items: center;
z-index: 3;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper .elementor-swiper-button > span {
margin: 0;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-prev {
left: -15px;
justify-content: flex-end;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-prev > span {
margin-right: 6px;
margin-left: 0 !important;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-next {
right: -15px;
justify-content: flex-start;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-next > span {
margin-left: 6px;
margin-right: 0 !important;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper::before, .elementor-widget-caston_slider .fmtpl-elementor-main-swiper::after {
display: inline-block;
position: absolute;
top: 0;
width: 10px;
height: 100%;
background: #ffffff;
z-index: 2;
content: "";
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper::before {
left: -10px;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper::after {
right: -10px;
}
.fmtpl-elementor-widget .nav-tabs {
border-bottom: none;
}
.fmtpl-elementor-widget .nav-tabs .fmtpl-tab-link {
border: none;
}
.familab_theme .elementor-widget-fmtpl-product-pin .fmtpl_product_pin .fmtpl-product-pin-item .pin_content_wrap .pin-product-box {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
padding: 10px;
border: 1px solid transparent;
transition: all 0.3s;
}
.familab_theme .elementor-widget-fmtpl-product-pin .fmtpl_product_pin .fmtpl-product-pin-item .pin_content_wrap .pin-product-box .pin-product-thumb-wraper {
margin-bottom: 16px;
}
.familab_theme .elementor-widget-fmtpl-product-pin .fmtpl_product_pin .fmtpl-product-pin-item .pin_content_wrap .pin-product-box .product-title {
font-size: 15px;
font-weight: 400;
line-height: 1.2;
color: #000000;
margin-bottom: 6px;
}
.familab_theme .elementor-widget-fmtpl-product-pin .fmtpl_product_pin .fmtpl-product-pin-item .pin_content_wrap .pin-product-box .product-price {
line-height: 1;
font-size: 14px;
color: #333333;
}
.familab_theme .elementor-widget-fmtpl-product-pin .fmtpl_product_pin .fmtpl-product-pin-item .pin_content_wrap .pin-product-box .product-price del {
color: #aaaaaa;
font-size: 12px;
margin-right: 5px;
}
.familab_theme .elementor-widget-fmtpl-product-pin .fmtpl_product_pin .fmtpl-product-pin-item .pin_content_wrap .pin-product-box:hover {
border-color: var(--color_main);
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram .instagram-feed-content {
display: grid;
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram .instagram-feed-content .fmins-item {
position: relative;
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram .instagram-feed-content .fmins-item .image-box a:after {
content: "";
display: block;
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
position: absolute;
border: 15px solid rgba(255, 255, 255, 0.4);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram .instagram-feed-content .fmins-item .image-box a:before {
content: "";
display: block;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
position: absolute;
width: 50%;
height: 50%;
background-color: rgba(255, 255, 255, 0.4);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition-delay: 0.5s;
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram .instagram-feed-content .fmins-item .img-overlay {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
color: #fff;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
z-index: 2;
font-size: 0;
line-height: 0;
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram .instagram-feed-content .fmins-item .img-overlay .ins-like:before {
content: "";
width: 30px;
height: 30px;
fill: #fff;
display: block;
background-size: 100%;
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/instagram.svg);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram .instagram-feed-content .fmins-item:hover .img-overlay {
opacity: 1;
visibility: visible;
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram .instagram-feed-content .fmins-item:hover .img-overlay .ins-like:before {
opacity: 0;
visibility: hidden;
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram .instagram-feed-content .fmins-item:hover .image-box a:after, .elementor-widget-fmtpl-instagram .fmtpl-instagram .instagram-feed-content .fmins-item:hover .image-box a:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram.gird_style1 .instagram-feed-content {
grid-template-columns: repeat(4, 1fr);
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram.gird_style1 .instagram-feed-content .fmins-item:nth-child(10n+1), .elementor-widget-fmtpl-instagram .fmtpl-instagram.gird_style1 .instagram-feed-content .fmins-item:nth-child(10n+8) {
grid-column: span 2;
grid-row: span 2;
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram.gird_style2 .instagram-feed-content {
grid-template-columns: repeat(4, 1fr);
}
.elementor-widget-fmtpl-instagram .fmtpl-instagram.gird_style2 .instagram-feed-content .fmins-item:nth-child(5n+2) {
grid-column: span 2;
grid-row: span 2;
}
.elementor-element .elementor-pagination-type-bullets.elementor-pagination-position-outside .swiper-container {
padding-bottom: 0;
}
.elementor-element .elementor-pagination-type-bullets.elementor-pagination-position-outside .fmtpl-elementor-main-swiper .swiper-pagination-bullets {
position: static;
}
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .elementor-swiper-button:focus {
outline: none;
}
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
opacity: 1;
margin-left: 0;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.fmtpl-dot-style-default .elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
min-width: 12px;
min-height: 12px;
background: #ffffff;
border: 1px solid #dddddd;
opacity: 1;
}
.fmtpl-dot-style-default .elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .fmtpl-dot-style-default .elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover {
background-color: var(--color_heading);
border-color: var(--color_heading);
}
.elementor-pagination-type-progressbar .elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .swiper-pagination.swiper-pagination-progressbar {
height: 2px;
position: static;
background-color: #dddddd;
transform: translateY(-20px);
}
.elementor-pagination-type-progressbar .elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .swiper-pagination.swiper-pagination-progressbar > .swiper-pagination-progressbar-fill {
background-color: var(--color_heading);
}
.elementor-element .fmtpl-button-default, .elementor-element .caston-button-default {
transition: background 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
}
.elementor-element .fmtpl-button-default .fmtpl-btn-icon, .elementor-element .caston-button-default .fmtpl-btn-icon {
display: flex;
align-items: center;
}
.elementor-element .fmtpl-elementor-widget .fmtpl-tab-link,
.elementor-element .fmtpl-products-tabs .fmtpl-tab-link {
transition: color 0.3s linear 0s, border 0.3s linear 0s;
}
@media (min-width: 768px) {
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-readmore, .elementor-widget-fmtpl-carousel-posts .fmtpl-post-title a, .elementor-widget-fmtpl-carousel-posts .fmtpl-post-category a {
transition: color 0.25s linear 0s, border-bottom-color 0.25s linear 0s;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-carousel-item .fmtpl-post-content {
padding-top: 80px;
padding-bottom: 30px;
padding-left: 16%;
padding-right: 16%;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-carousel-item .fmtpl-post-readmore {
display: inline-block;
}
.elementor-widget-fmtpl-carousel-posts .fmtpl-post-list.fmtpl-post-layout-info_inside .fmtpl-post-carousel-item .fmtpl_post_excerpt {
display: inline;
}
.elementor-widget-fmtpl-carousel-product-banner .elementor-fmtpl-product-carousel-banner .fmtpl-elementor_image img {
height: 100%;
aspect-ratio: 1/1;
object-fit: cover;
}
.elementor-widget-icon-list .elementor-icon-list-item a, .elementor-widget-icon-list .elementor-icon-list-item a .elementor-icon-list-text {
transition: color 0.3s;
}
.elementor-widget-fmtpl-carousel-product-banner .fmtpl-carousel-product-banner .fmtpl-item-title a {
transition: color 0.3s;
}
}
.elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container {
display: flex;
flex-wrap: wrap;
}
.elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field {
margin-left: 0;
width: 100%;
flex: 100%;
}
.elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field input, .elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field textarea {
color: var(--color_body);
line-height: inherit;
border: 1px solid var(--color_border);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
width: 100%;
}
.elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field input::placeholder, .elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field textarea::placeholder {
color: #aaaaaa;
font-size: 14px;
}
.elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field input:focus, .elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field textarea:focus {
border-color: var(--color_main);
color: var(--color_heading);
}
.elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field input[type=email], .elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field input[type=text] {
height: 50px;
padding: 0 15px;
}
.elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field textarea {
padding: 15px;
}
.elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field.wpforms-one-half {
flex: 0 0 100%;
max-width: 100%;
}
.elementor-widget.elementor-widget-wpforms .wpforms-container.contact_form form.wpforms-form .wpforms-submit-container button.wpforms-submit {
width: 100%;
border: none;
color: #fff;
height: 50px;
background-color: var(--color_button_background);
}
.elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form .wpforms-field-label {
display: block;
font-weight: 500;
font-size: 12px;
float: none;
line-height: 1.3;
margin: 0 0 8px 0;
padding: 0;
color: #000;
letter-spacing: 2px;
text-transform: uppercase;
}
.elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form input, .elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form select, .elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form textarea {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-color: var(--color_input_border);
height: 50px;
}
.elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form input:focus, .elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form select:focus, .elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form textarea:focus {
border-color: var(--color_input_border_focus);
}
.elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form input[type=submit], .elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form button[type=submit], .elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form .wpforms-page-button {
font-size: 12px;
line-height: 1.2;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 500;
height: 50px;
padding: 0 20px;
min-width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #FFF;
background: #000;
border: none;
}
.elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form input[type=submit]:hover, .elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form button[type=submit]:hover, .elementor-widget.elementor-widget-wpforms.contact_form_v3 div.wpforms-container .wpforms-form .wpforms-page-button:hover {
background-color: var(--color_main);
color: #ffffff;
border: none;
}
.elementor-widget-fmtpl-product-pin .fmtpl_product_pin .fmtpl_product_pin-background {
background-position: center !important;
}
@media (min-width: 768px) {
.elementor-widget.elementor-widget-wpforms.contact_form_v1 .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field.wpforms-one-half {
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
.elementor-widget.elementor-widget-wpforms.contact_form_v1 .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field.wpforms-one-half ~ .wpforms-one-half {
margin-left: 19px;
}
.elementor-widget.elementor-widget-wpforms.contact_form_v1 .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field input[type=text]:focus::placeholder, .elementor-widget.elementor-widget-wpforms.contact_form_v1 .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field input[type=email]:focus::placeholder, .elementor-widget.elementor-widget-wpforms.contact_form_v1 .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field textarea:focus::placeholder {
opacity: 0;
}
.elementor-widget.elementor-widget-wpforms.contact_form_v1 .wpforms-container.contact_form form.wpforms-form .wpforms-submit-container button.wpforms-submit:hover {
background-color: var(--color_main);
}
.elementor-widget.elementor-widget-wpforms.contact_form_v1 div.wpforms-container-full .wpforms-form label.wpforms-error {
color: #999999;
}
.elementor-widget.elementor-widget-wpforms.contact_form_v2 .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field.wpforms-one-half {
flex: 0 0 calc(50% - 10px);
max-width: calc(50% - 10px);
}
.elementor-widget.elementor-widget-wpforms.contact_form_v2 .wpforms-container.contact_form form.wpforms-form .wpforms-field-container .wpforms-field.wpforms-one-half ~ .wpforms-one-half {
margin-left: 19px;
}
.elementor-widget.elementor-widget-wpforms.contact_form_v2 .wpforms-container.contact_form form.wpforms-form .wpforms-submit-container button.wpforms-submit {
width: 180px;
margin-left: auto;
margin-right: auto;
font-size: 14px;
}
.elementor-widget-fmtpl-carousel-products .swiper-container-horizontal ul.products.products-grid-style > li.product {
margin-bottom: 0 !important;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-prev {
left: -45px;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-next {
right: -45px;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper::before, .elementor-widget-caston_slider .fmtpl-elementor-main-swiper::after {
width: 30px;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper::before {
left: -30px;
}
.elementor-widget-caston_slider .fmtpl-elementor-main-swiper::after {
right: -30px;
}
.elementor-widget-fmtpl-carousel-reviews .fmtpl-carousel-reviews.fmtpl-reviews-layout-info_right .fmtpl-reviews-item {
flex-direction: row;
}
.elementor-widget-fmtpl-banner .fmtpl-banner:hover .fmtpl-banner-background.overlay:before, .elementor-widget-fmtpl-banner .fmtpl-banner:hover .fmtpl-banner-background.overlay + .fmtpl-banner-box-img:before {
background-color: rgba(0, 0, 0, 0.4);
}
.elementor-widget-fmtpl-banner .fmtpl-banner:hover .fmtpl-banner-background.overlay2:before, .elementor-widget-fmtpl-banner .fmtpl-banner:hover .fmtpl-banner-background.overlay2 + .fmtpl-banner-box-img:before {
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.elementor-widget-fmtpl-banner .fmtpl-banner:hover .fmtpl-banner-background.overlay2:after, .elementor-widget-fmtpl-banner .fmtpl-banner:hover .fmtpl-banner-background.overlay2 + .fmtpl-banner-box-img:after {
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.elementor-widget-fmtpl-banner .fmtpl-banner:hover .fmtpl-banner-background.effect_border:before, .elementor-widget-fmtpl-banner .fmtpl-banner:hover .fmtpl-banner-background.effect_border + .fmtpl-banner-box-img:before {
width: calc(100% - 10px);
transform: translate(-15px, 0);
}
.elementor-widget-fmtpl-banner .fmtpl-banner:hover .fmtpl-banner-background.effect_border:after, .elementor-widget-fmtpl-banner .fmtpl-banner:hover .fmtpl-banner-background.effect_border + .fmtpl-banner-box-img:after {
height: calc(100% - 10px);
}
.elementor-widget-fmtpl-banner .fmtpl-banner.info_move_up .fmtpl-banner-content {
transition: transform 0.35s linear 0s;
}
.elementor-widget-fmtpl-banner .fmtpl-banner.info_move_up .fmtpl-banner-content .fmtpl-banner-button {
opacity: 0;
visibility: hidden;
transition: all 0.35s linear 0s;
}
.elementor-widget-fmtpl-banner .fmtpl-banner.info_move_up:hover .fmtpl-banner-content {
transform: translateY(-30px);
}
.elementor-widget-fmtpl-banner .fmtpl-banner.info_move_up:hover .fmtpl-banner-content .fmtpl-banner-button {
opacity: 1;
visibility: visible;
}
.elementor-widget-fmtpl-menu .fmtpl-menu-heading {
line-height: 0;
}
.elementor-widget-fmtpl-menu .fmtpl-menu .menu-item a {
transition: color 0.3s linear 0s;
}
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper {
position: relative;
}
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .elementor-swiper-button {
transition: all 0.25s linear 0s;
opacity: 0;
visibility: hidden;
}
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-prev, .elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-next {
transform: translate(0, -50%);
}
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper:hover .elementor-swiper-button {
opacity: 1;
visibility: visible;
}
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper:hover .elementor-swiper-button.elementor-swiper-button-prev {
left: 0;
transform: translate(-45%, -50%);
}
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper:hover .elementor-swiper-button.elementor-swiper-button-next {
right: 0;
transform: translate(45%, -50%);
}
.elementor-element .fmtpl-button-default, .elementor-element .caston-button-default {
transition: background 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
}
.elementor-element .fmtpl-button-default .fmtpl-btn-icon, .elementor-element .caston-button-default .fmtpl-btn-icon {
display: flex;
align-items: center;
}
.elementor-element .fmtpl-products-tabs .fmtpl-tab-link {
transition: background-color 0.3s linear 0s, color 0.2s linear 0s, border 0.3s linear 0s;
}
}
.fmtpl-divider-wrap, .fmtpl-divider {
line-height: 0;
}
@media (min-width: 992px) {
.elementor-widget-fmtpl-product-pin .caston-product-pin-item .pin_content_wrap:hover {
background: #ffffff;
}
.elementor-widget-fmtpl-product-pin .caston-product-pin-item .pin_content_wrap:hover .pin-product-box {
opacity: 1;
visibility: visible;
}
}
@media (min-width: 1200px) {
.elementor-widget-fmtpl-product-pin .caston-product-pin-item .pin_content_wrap .pin-product-box {
width: 250px;
}
}
@media (max-width: 767px) {
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .elementor-swiper-button {
top: 50% !important;
}
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-prev {
transform: translate(-50%, -50%);
left: 3px;
}
.elementor-element .fmtpl-elementor-swiper .fmtpl-elementor-main-swiper .elementor-swiper-button.elementor-swiper-button-next {
transform: translate(50%, -50%);
right: 3px;
}
.fmtpl-elementor-swiper-slide-wrap .swiper-pagination {
display: inline-block !important;
}
}
@media (min-width: 768px) {
.header-layout ~ .header-mobile.not_mobile_hidden, .header-layout ~ .header-mobile-spacer.not_mobile_hidden {
display: none !important;
}
.not_mobile_hidden:not(.header-mobile, .header-mobile-spacer) {
display: none !important;
}
}
@media (min-width: 1025px) {
.header-layout ~ .header-mobile.not_device_hidden, .header-layout ~ .header-mobile-spacer.not_device_hidden {
display: none !important;
}
.not_device_hidden:not(.header-mobile, .header-mobile-spacer) {
display: none !important;
}
}
@media (max-width: 1024px) {
.hidden_on_device {
display: none !important;
}
.theme-caston:not(.caston-mobile) .header-mobile > .container .site-branding {
justify-content: flex-start;
}
.theme-caston:not(.caston-mobile) .header-mobile.header-mobile-layout1 > .container .site-branding {
justify-content: center;
}
}
@media (max-width: 767px) {
.hidden_on_mobile {
display: none !important;
}
}
.header-mobile {
height: var(--header_height_mobile);
background: var(--header_color_bg);
}
.header-mobile > .container {
height: 100%;
max-width: 100%;
display: flex;
align-items: center;
}
.header-mobile > .container .site-branding {
padding: 0;
display: inline-flex;
align-items: center;
letter-spacing: 0;
justify-content: center;
}
.header-mobile > .container .mobile-nav-btn > a {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
line-height: 15px;
height: 24px;
width: 24px;
position: relative;
display: flex;
align-items: center;
color: #000;
}
.header-mobile > .container .mobile-nav-btn > a svg {
width: 22px;
height: 22px;
fill: #000;
}
.header-mobile > .container .header-element a svg {
fill: #000;
}
.header-mobile > .container .header-element.cart_box a.cart-btn > span.c-button__text {
display: flex;
align-items: center;
}
.header-mobile .site-logo a.logo {
display: flex;
align-items: center;
}
.header-mobile.header-mobile-layout1 > .container {
justify-content: space-between;
}
.header-mobile.header-mobile-layout1 > .container > div {
flex: 1;
}
.header-mobile.header-mobile-layout1 .site-branding {
text-align: center;
}
.header-mobile.header-mobile-layout1 .header-mobile-right-control > .header-element {
margin-left: 12px;
}
.header-mobile.header-mobile-layout2 > .container {
justify-content: flex-end;
}
.header-mobile.header-mobile-layout2 .site-branding {
margin-left: 0;
margin-right: auto;
justify-content: flex-start;
}
.header-mobile.header-mobile-layout2 .mobile-nav-btn {
margin-left: 1rem;
}
.header-mobile.header-mobile-layout2 .header-mobile-right-control > .header-element {
margin-left: 1rem;
}
.header-mobile.header-mobile-layout3 > .container {
justify-content: flex-start;
}
.header-mobile.header-mobile-layout3 .site-branding {
margin-left: 0;
margin-right: auto;
justify-content: flex-start;
}
.header-mobile.header-mobile-layout3 .mobile-nav-btn {
margin-right: 1rem;
}
.header-mobile.header-mobile-layout3 .header-mobile-right-control {
margin-right: 0;
margin-left: auto;
}
.header-mobile.header-mobile-layout3 .header-mobile-right-control > .header-element {
margin-left: 1rem;
}
.header-mobile .header-control-wrap.header-mobile-right-control {
justify-content: flex-end;
}
.header-mobile.header-mobile-sticky + .header-mobile-spacer {
height: 66px;
}
.header-mobile.header-mobile-sticky.headroom--pinned.headroom--not-top {
box-shadow: 8px 6px 30px 0 rgba(0, 0, 0, 0.06);
}
.home .header-mobile.header-mobile-sticky.headroom--pinned.headroom--not-top {
border-bottom: none;
}
.header-mobile .header-element > a, .header-mobile .header-element.my-account-box a.account-btn span.c-button__text {
display: flex;
align-items: center;
}
.site-header:not(.fmc-transparent-header) .header-mobile {
border-bottom: 1px solid var(--color_border);
}
form.woocommerce-form-track-order {
text-align: center;
}
form.woocommerce-form-track-order .form-row, form.woocommerce-form-track-order > p {
width: 100%;
position: relative;
margin-bottom: 34px;
padding: 0;
}
form.woocommerce-form-track-order .form-row label, form.woocommerce-form-track-order > p label {
font-size: 15px;
color: var(--color_body);
position: absolute;
left: 8px;
top: 0;
transform: translateY(-50%);
margin: 0;
background: #ffffff;
padding: 0 8px;
line-height: 20px;
z-index: 1;
}
form.woocommerce-form-track-order .form-row input[type=email], form.woocommerce-form-track-order .form-row input[type=search], form.woocommerce-form-track-order .form-row input[type=number], form.woocommerce-form-track-order .form-row input[type=url], form.woocommerce-form-track-order .form-row input[type=tel], form.woocommerce-form-track-order .form-row input[type=text], form.woocommerce-form-track-order .form-row input[type=password], form.woocommerce-form-track-order > p input[type=email], form.woocommerce-form-track-order > p input[type=search], form.woocommerce-form-track-order > p input[type=number], form.woocommerce-form-track-order > p input[type=url], form.woocommerce-form-track-order > p input[type=tel], form.woocommerce-form-track-order > p input[type=text], form.woocommerce-form-track-order > p input[type=password] {
height: 50px;
background: #ffffff;
}
form.woocommerce-form-track-order .form-row .button, form.woocommerce-form-track-order > p .button {
min-width: 200px;
}
.no-results.not-found {
text-align: center;
}
.no-results.not-found .fm-search-form {
display: inline-flex;
}
.no-results.not-found .fm-search-form button[type=submit] {
line-height: initial;
width: 54px;
}
.error404 #content {
padding-top: 90px;
}
.error404 ul.products {
margin-top: 20px;
}
.error404 .site-main .fm-search-form {
margin: 10px auto 80px auto;
min-width: 500px;
}
.error404 .site-main .fm-search-form button[type=submit] {
width: 80px;
color: #ffffff;
}
.error404 .site-main .fm-search-form button[type=submit] svg {
fill: #ffffff;
}
@media (min-width: 992px) {
.error404 .page-title-404 {
font-size: 200px;
font-weight: 600;
}
}
@media (min-width: 1440px) {
.error404 .site-main .fm-search-form {
margin-bottom: 180px;
}
}.c-offcanvas, .c-offcanvas-content-wrap {
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.c-offcanvas-bg.c-offcanvas-bg--push, .c-offcanvas-bg.c-offcanvas-bg--reveal, .c-offcanvas-content-wrap, .c-offcanvas {
transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}
.c-offcanvas.is-open {
transform: translate3d(0, 0, 0);
visibility: visible;
opacity: 1;
} .c-offcanvas-content-wrap {
position: relative;
z-index: 3;
overflow: hidden;
} .c-offcanvas {
position: fixed;
min-height: 100%;
max-height: none;
top: 0;
display: block;
background: #fff;
overflow: hidden;
}
.c-offcanvas--opening {
transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.c-offcanvas.is-closed {
max-height: 100%;
overflow: hidden;
visibility: hidden;
box-shadow: none;
opacity: 0;
z-index: -1;
}
.c-offcanvas.is-scrollable {
overflow-y: auto;
}
.c-offcanvas--overlay {
z-index: 1080;
}
.c-offcanvas--reveal {
z-index: 2;
} .c-offcanvas-bg {
position: fixed;
top: 0;
height: 100%;
width: 100%;
z-index: 1079;
left: -100%;
background-color: transparent;
transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
left: 0;
background-color: rgba(0, 0, 0, 0.68);
visibility: visible;
}
.c-offcanvas-bg.is-closed {
visibility: hidden;
}
.c-offcanvas-bg--closing.is-animating {
background: transparent;
} .c-offcanvas--left {
height: 100%;
width: 20rem;
transform: translate3d(-20rem, 0, 0);
}
.c-offcanvas--full-left {
height: 100%;
width: 100%;
transform: translate3d(-100%, 0, 0);
} .c-offcanvas--right {
height: 100%;
width: 20rem;
right: 0;
transform: translate3d(20rem, 0, 0);
}
.c-offcanvas--full-right {
height: 100%;
width: 100%;
right: 0;
transform: translate3d(100%, 0, 0);
} .c-offcanvas--top {
left: 0;
right: 0;
top: 0;
height: 15rem;
min-height: auto;
width: 100%;
transform: translate3d(0, -15rem, 0);
} .c-offcanvas--bottom {
top: auto;
left: 0;
right: 0;
bottom: 0;
height: 15rem;
min-height: auto;
width: 100%;
transform: translate3d(0, 15rem, 0);
} .c-offcanvas-content-wrap {
z-index: 3;
}
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
transform: translate3d(20rem, 0, 0);
}
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
transform: translate3d(-25rem, 0, 0);
}
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--full-left.is-open {
transform: translate3d(100%, 0, 0);
}
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--full-right.is-open {
transform: translate3d(-100%, 0, 0);
}
.c-offcanvas--reveal {
z-index: 0;
transform: translate3d(0, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
transform: translate3d(20rem, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
transform: translate3d(-25rem, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--full-left.is-open {
transform: translate3d(100%, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--full-right.is-open {
transform: translate3d(-100%, 0, 0);
} .c-offcanvas--push {
z-index: 6;
}
.c-offcanvas--push--opening {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.c-offcanvas-content-wrap {
z-index: 3;
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
transform: translate3d(20rem, 0, 0);
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
transform: translate3d(-25rem, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
transform: translate3d(20rem, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
transform: translate3d(-25rem, 0, 0);
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--full-left.is-open {
transform: translate3d(100%, 0, 0);
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--full-right.is-open {
transform: translate3d(-100%, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--full-left.is-open {
transform: translate3d(100%, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--full-right.is-open {
transform: translate3d(-100%, 0, 0);
}
.c-offcanvas--full-fade{
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 300ms cubic-bezier(0.4, 0, 0.6, 1),visibility 300ms cubic-bezier(0.4, 0, 0.6, 1);
}
.c-offcanvas--full-fade.is_open{
opacity: 1;
visibility: visible;
}
.c-offcanvas.is-open .offcanvas-content {
height: 100%;
overflow: auto;
}
.c-offcanvas.c-offcanvas--top .offcanvas-content {
text-align: center;
}
@media (min-width: 1200px) {
.c-offcanvas--left {
width: 435px;
transform: translate3d(-435px, 0, 0);
}
}
@media (max-width: 767px) {
.c-offcanvas--left,
.c-offcanvas--right {
max-width: 100%;
}
}body{font-family: Barlow;font-size: 14px;line-height: 20px;}body {color:#7c7b7b;}body button.close svg { fill: #7c7b7b;}h1, .h1{font-family: Barlow;}h2, .h2{font-family: Barlow;}h3, .h3{font-family: Barlow;}h4, .h4{font-family: Barlow;}h5, .h5{font-family: Barlow;}h6, .h6{font-family: Barlow;}.fmc-announcement-box{font-family: Roboto;font-weight: 400;font-size: 14px;line-height: 2;letter-spacing: 1px;}.fmc-announcement-box {color:#ffffff;}.fmc-announcement-box button.close svg { fill: #ffffff;}.fmc-announcement-box svg.stroke{stroke:#ffffff;}.fmc-announcement-box svg.fill{fill:#ffffff;}.site-header .main-navigation, .site-header .main-navigation a{font-family: Barlow;font-size: 14px;line-height: 14px;}.site-header .main-navigation, .site-header .main-navigation a {color:#ffffff;}.site-header .main-navigation, .site-header .main-navigation a button.close svg { fill: #ffffff;}.familab_theme #respond input#submit.btn-flat, .familab_theme a.button.btn-flat, .familab_theme button.button.btn-flat, .familab_theme input.button.btn-flat, .btn-woo-flat.familab_theme button, .btn-woo-flat.familab_theme a.button, .btn-woo-flat.familab_theme button.button, .btn-woo-flat.familab_theme #respond input#submit, .btn-woo-flat.familab_theme #respond input.button, .btn-woo-flat.familab_theme .widget_shopping_cart .buttons a, .btn-woo-flat.familab_theme #respond input#submit.alt, .btn-woo-flat.familab_theme a.button.alt, .btn-woo-flat.familab_theme button.button.alt, .btn-woo-flat.familab_theme input.button.alt, .btn-default.btn-flat {background-color:#ca4e48;color:#ffffff;}.familab_theme #respond input#submit.btn-flat:hover, .familab_theme a.button.btn-flat:hover, .familab_theme button.button.btn-flat:hover, .familab_theme input.button.btn-flat:hover, .btn-woo-flat.familab_theme button:hover, .btn-woo-flat.familab_theme a.button:hover, .btn-woo-flat.familab_theme button.button:hover, .btn-woo-flat.familab_theme #respond input#submit:hover, .btn-woo-flat.familab_theme #respond input.button:hover, .btn-woo-flat.familab_theme .widget_shopping_cart .buttons a:hover, .btn-woo-flat.familab_theme #respond input#submit.alt:hover, .btn-woo-flat.familab_theme a.button.alt:hover, .btn-woo-flat.familab_theme button.button.alt:hover, .btn-woo-flat.familab_theme input.button.alt:hover, .btn-default.btn-flat:hover {background-color:#000000;color:#ffffff;}@media(min-width: 1200px) {.container{ max-width:1200px;}.header-mobile > .container, .site-header .header-container, #content > .container, .site-content .page-heading-wrap .page-heading-container, .site-content .shop-heading-container, .header-breadcrumb-wrap > .container, .term-description-full-content > .container { max-width:1200px;}.elementor-section.elementor-section-boxed > .elementor-container { max-width:1200px;}}.header-layout{border-bottom-width: 1px;border-bottom-style: solid;}.site-branding{width:80px;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;text-align:left;align-self:center;}.header-layout3 .header-main {grid-template-columns: 1fr 80px 1fr}.header-layout5 .header-main {grid-template-columns: 1fr 80px 1fr}.header-layout6 .header-main {grid-template-columns: 1fr 80px 1fr}.site-logo{max-width:80px;}.header-mobile .site-logo{max-width:80px;}.search_box{margin-right:10px;}.my-account-box{margin-left:10px;}@media (min-width: 1200px) {.fm-search-form{width: 200px;}}#hamburger-canvas,#hamburger-canvas p,#hamburger-canvas a{color:#ffffff;}#hamburger-canvas svg.stroke{stroke:#ffffff;}#hamburger-canvas svg.fill{fill:#ffffff;}.blog-heading-content{background-image: url(https://faupin.com/wp-content/uploads/2022/05/FAUPIN-paysage02B.webp);background-repeat:no-repeat;background-size:cover;}.blog-heading-content{height:450px;}.blog-heading-content{padding-top:200px;padding-bottom:20px;}@media(max-width: 767px) {.blog-heading-content{height:300px;}.blog-heading-content{padding-top:45px;padding-bottom:15px;}}.shop-heading-content{background-image: url(https://faupin.com/wp-content/uploads/2022/07/FAUPIN-paysage01.webp);background-color:#000000;background-repeat:no-repeat;background-position:center center;background-size:cover;}.shop-heading-content .page-heading-overlay{background-color: rgba(0,0,0,0.9);}.shop-heading-content{height:350px;}.shop-heading-content{padding-top:200px;padding-bottom:20px;}@media(max-width: 767px) {.shop-heading-content{height:300px;}.shop-heading-content{padding-top:100px;padding-bottom:50px;}}.woocommerce-badge.on_sale {color: #ffffff;background-color: #55a61d;;}.woocommerce-badge.new {color: #666666;background-color: #ff9331;;}.woocommerce-badge.featured {color: #ffffff;background-color: #fe4819;;}.woocommerce-badge.sold_out {color: #fb1c1c;background-color: #8e908f;;}.page-shop-option .page-heading-wrap.has-divider .shop-heading-content{border-color: #dcdcdc;}@media (min-width: 992px) {.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper{height: 400px;}}@media (min-width: 1200px) {.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper{height: 675px;}}.top-bar {
color: inherit;
width: 100%;
position: relative;
z-index: 3;
height: var(--topbar_height);
background-color: var(--topbar_color_bg);
border-bottom-color: var(--topbar_color_divider);
}
.top-bar > .header-container {
display: flex;
align-items: center;
height: 100%;
}
.top-bar ul.ul_topbar {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.top-bar ul.ul_topbar li {
line-height: 12px;
}
.top-bar ul.ul_topbar li > a, .top-bar ul.ul_topbar li > * {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
line-height: 12px;
}
.top-bar ul.ul_topbar li + li {
padding-left: 12px;
margin-left: 12px;
border-left-width: 1px;
border-left-style: solid;
}
.top-bar.top-bar-layout1 > .header-container {
justify-content: space-between;
}
.top-bar.top-bar-layout1 .top-bar-left-control {
display: flex;
}
.top-bar.top-bar-layout1 .top-bar-left-control .header-element {
margin: 0 1rem 0 0;
}
.top-bar.top-bar-layout1 .top-bar-left-control .header-element.html_topbar_left * {
margin-bottom: 0;
}
.top-bar.top-bar-layout1 .top-bar-right-control {
display: flex;
}
.top-bar.top-bar-layout1 .top-bar-right-control .header-element {
margin: 0 0 0 1.25rem;
position: relative;
}
.top-bar.top-bar-layout1 .top-bar-right-control .header-element ~ .header-element {
padding-left: 1.25rem;
}
.top-bar.top-bar-layout1 .top-bar-right-control .header-element ~ .header-element:before {
content: "";
height: 20px;
width: 1px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #d9d9d9;
}
.top-bar.top-bar-layout1 .top-bar-right-control .header-element.html_topbar_right * {
margin-bottom: 0;
}
.top-bar.top-bar-layout2 > .header-container {
align-items: center;
justify-content: space-between;
}
.top-bar.top-bar-layout2 .top-bar-control {
flex: 1;
display: flex;
align-items: center;
}
.top-bar.top-bar-layout2 .top-bar-control .header-element.html_topbar_left *, .top-bar.top-bar-layout2 .top-bar-control .header-element.html_topbar_center *, .top-bar.top-bar-layout2 .top-bar-control .header-element.html_topbar_right * {
margin-bottom: 0;
}
.top-bar.top-bar-layout2 .top-bar-control.top-bar-left-control {
text-align: left;
justify-content: flex-start;
}
.top-bar.top-bar-layout2 .top-bar-control.top-bar-left-control .header-element {
margin: 0 1rem 0 0;
}
.top-bar.top-bar-layout2 .top-bar-control.top-bar-center-control {
text-align: center;
justify-content: center;
}
.top-bar.top-bar-layout2 .top-bar-control.top-bar-center-control .header-element {
margin: 0 0.5rem;
font-size: 10px;
font-weight: 600;
letter-spacing: 3px;
}
.top-bar.top-bar-layout2 .top-bar-control.top-bar-right-control {
text-align: right;
justify-content: flex-end;
}
.top-bar.top-bar-layout2 .top-bar-control.top-bar-right-control .header-element {
margin: 0 0 0 1rem;
}
.top-bar.dark *, .top-bar.dark a, .top-bar.dark p {
color: var(--color_dark);
}
.top-bar.dark svg.fm-icon {
fill: var(--color_dark);
}
.top-bar.dark .header-element.social-icon-box a.fm-social-icon-link svg, .top-bar.dark .header-element.my-account-box a.account-btn svg {
fill: var(--color_dark);
}
.top-bar.dark .header-element.hamburger-box > a:hover svg, .top-bar.dark .header-element.wishlist-box > a:hover svg, .top-bar.dark .header-element.my-account-box > a:hover svg, .top-bar.dark .header-element.social-icon-box > a:hover svg {
fill: var(--color_dark);
}
.top-bar.dark.top-bar-layout1 .top-bar-control.top-bar-left-control .header-element:before, .top-bar.dark.top-bar-layout1 .top-bar-control.top-bar-right-control .header-element:before {
background-color: rgba(0, 0, 0, 0.3);
}
.top-bar.light *, .top-bar.light a, .top-bar.light p {
color: var(--color_light);
}
.top-bar.light svg.fm-icon {
fill: var(--color_light);
}
.top-bar.light .header-element.social-icon-box a.fm-social-icon-link svg, .top-bar.light .header-element.my-account-box a.account-btn svg {
fill: var(--color_light);
}
.top-bar.light .header-element.hamburger-box > a:hover svg, .top-bar.light .header-element.wishlist-box > a:hover svg, .top-bar.light .header-element.my-account-box > a:hover svg, .top-bar.light .header-element.social-icon-box > a:hover svg {
fill: var(--color_light);
}
.top-bar.light.top-bar-layout1 .top-bar-control.top-bar-left-control .header-element:before, .top-bar.light.top-bar-layout1 .top-bar-control.top-bar-right-control .header-element:before {
background-color: rgba(255, 255, 255, 0.3);
}
#topbar .header-container {
max-width: 100%;
}
ul.caston_list_link_topbar {
list-style: none;
display: inline-flex;
align-items: center;
height: 100%;
}
ul.caston_list_link_topbar li {
display: flex;
align-items: center;
}
ul.caston_list_link_topbar li:before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
display: block;
margin: 0 15px;
}
.light ul.caston_list_link_topbar li:before {
background: #ffffff80;
}
.dark ul.caston_list_link_topbar li:before {
background: #aaa;
}
ul.caston_list_link_topbar li:first-child:before {
display: none;
}
@media (min-width: 768px) {
.top-bar.dark a:hover {
color: var(--color_main);
}
.top-bar.dark a:hover svg {
fill: var(--color_main);
}
}.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999999;
background: #fff;
}
.preloader .preloader-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.preloader .loading {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid;
border-top-color: transparent;
-webkit-animation: spin infinite 1s linear;
animation: spin infinite 1s linear;
}
.no-js .preloader, .wp-embed-responsive .preloader {
display: none;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}.scroll_to_top {
position: fixed;
display: inline-block;
right: -15px;
bottom: 50px;
border: 2px solid;
z-index: 999;
width: 45px;
height: 45px;
text-align: center;
line-height: 40px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border-radius: 50%;
font-weight: bold;
font-size: 15px;
background: none;
color: #232529;
-webkit-transition: right 0.3s linear 0s;
-moz-transition: right 0.3s linear 0s;
-ms-transition: right 0.3s linear 0s;
-o-transition: right 0.3s linear 0s;
transition: right 0.3s linear 0s;
}
.scroll_to_top.show {
opacity: 1;
visibility: visible;
right: 25px;
}
.scroll_to_top.percent_circle {
border: 2px solid #88888815;
width: 40px;
height: 40px;
border-radius: 50%;
font-weight: 700;
}
.scroll_to_top.percent_circle .backtotop-round {
transform: rotate(-90deg);
fill: none;
stroke: var(--color_main);
stroke-width: 5px;
stroke-dasharray: 0, 999;
position: absolute;
left: -6px;
top: -6px;
width: 48px;
height: 48px;
max-width: inherit;
}
.scroll_to_top.percent_circle .up-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
margin-top: -1px;
fill: #555555;
}
.single-product .scroll_to_top {
display: none;
}.page-heading-content {
display: flex;
position: relative;
color: var(--color_body);
align-items: center;
}
.page-heading-content .woocommerce-breadcrumb,
.page-heading-content .woocommerce-breadcrumb > a {
color: var(--color_body);
}
.page-heading-content.heading-color-light {
color: var(--color_light);
}
.page-heading-content.heading-color-light .woocommerce-breadcrumb, .page-heading-content.heading-color-light .woocommerce-breadcrumb a {
color: var(--color_light);
}
.page-heading-content.heading-color-light .woocommerce-breadcrumb:hover, .page-heading-content.heading-color-light .woocommerce-breadcrumb a:hover {
color: var(--color_light);
}
.page-heading-content.heading-color-light .page-heading-title {
color: var(--color_light);
}
.page-heading-content.heading-color-light .caston-breadcrumbs .trail-items .trail-item, .page-heading-content.heading-color-light .caston-breadcrumbs .trail-items .trail-item a {
color: var(--color_light);
}
.page-heading-content.heading-color-light .caston-breadcrumbs .trail-items .trail-item:not(.trail-end)::after {
border-color: var(--color_light);
}
.page-heading-content.heading-color-light ul li a, .page-heading-content.heading-color-light ul.blog_category_list li a {
color: var(--color_light);
}
.woocommerce-page .page-heading-content.heading-color-light .woocommerce-breadcrumb span::before {
border-color: var(--color_light);
}
.page-heading-content.heading-color-dark {
color: var(--color_dark);
}
.page-heading-content.heading-color-dark .woocommerce-breadcrumb {
color: var(--color_dark);
}
.page-heading-content.heading-color-dark .page-heading-title {
color: var(--color_dark);
}
.page-heading-content.heading-color-dark .caston-breadcrumbs .trail-items .trail-item:not(.trail-end)::after {
border-color: var(--color_dark);
}
.woocommerce-page .page-heading-content.heading-color-dark .woocommerce-breadcrumb span::before {
border-color: var(--color_dark);
}
.page-heading-content .page-heading-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
.page-heading-content.heading-left {
text-align: left;
justify-content: flex-start;
}
.page-heading-content.heading-center {
text-align: center;
justify-content: center;
}
.page-heading-content.heading-right {
text-align: right;
justify-content: flex-end;
}
.blog-heading-content {
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: transparent;
}
.page-heading-content .page-heading-title, .page-heading-content .page-heading-title.blog-title, .page-heading-content .page-heading-title.shop-title, .blog-heading-content .page-heading-title, .blog-heading-content .page-heading-title.blog-title, .blog-heading-content .page-heading-title.shop-title {
font-size: 50px;
margin-bottom: 12px;
line-height: 1;
}
@media (max-width: 767px) {
.page-heading-content .page-heading-title, .page-heading-content .page-heading-title.blog-title, .page-heading-content .page-heading-title.shop-title, .blog-heading-content .page-heading-title, .blog-heading-content .page-heading-title.blog-title, .blog-heading-content .page-heading-title.shop-title {
font-size: 30px;
line-height: 1.3;
}
}.fm-header-sticky {
position: fixed;
width: 100%;
z-index: 2;
}
#topbar + .fm-header-sticky.headroom--top {
position: absolute;
}
.fmc-announcement-box ~ .site-content .fm-header-sticky.headroom--top {
position: absolute;
}
.fm-header-sticky.headroom {
will-change: transform;
-webkit-transition: -webkit-transform 300ms linear, background-color 300ms linear, height 300ms linear;
transition: transform 300ms linear, background-color 300ms linear, height 300ms linear;
}
.fm-header-sticky.headroom--pinned {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.fm-header-sticky.headroom--pinned.headroom--not-top {
position: fixed;
top: 0;
border-bottom: none;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.fm-header-sticky.headroom--pinned.headroom--not-top.fromTop {
visibility: hidden;
}
#topbar + .fm-header-sticky.headroom--pinned.headroom--not-top {
position: fixed;
}
.fm-header-sticky.headroom--pinned.headroom--not-top .search_form_wrapper .search_form_content .fm-search-form .search_text_input::placeholder {
color: #aaaaaa;
}
.fm-header-sticky.headroom--unpinned.always-sticky {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.fm-header-sticky.headroom--unpinned.always-sticky.headroom--not-top {
position: fixed;
top: 0;
border-bottom: none;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
}
#topbar + .fm-header-sticky.headroom--unpinned.always-sticky.headroom--not-top {
position: fixed;
}
.fm-header-sticky.headroom--unpinned:not(.always-sticky) {
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.fm-header-sticky.headroom--not-top {
height: var(--header_height_sticky);
}
.theme-caston .fm-header-sticky.headroom--not-top {
background-color: var(--header_color_bg_sticky);
border: none;
}
.fm-header-sticky.headroom--not-top .has-sticky-logo img, .fm-header-sticky.headroom--not-top .has-sticky-logo .logo-text {
display: none;
}
.fm-header-sticky.headroom--not-top .has-sticky-logo .logo-img.sticky-logo {
display: block;
}
.fm-header-sticky.headroom--not-top .has-sticky-logo .logo-img:not(.sticky-logo) {
display: none;
}
.fm-header-sticky.headroom--not-top .has-sticky-logo .transparent-logo {
display: none;
}
.fm-header-sticky.headroom--not-top .header-main {
height: 100%;
}
.fm-header-sticky.headroom--not-top .header-main a.logo.text {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-main a.logo.text:hover {
color: var(--header_color_text_hover_sticky);
}
.fm-header-sticky.headroom--not-top .mobile-nav-btn > a {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .mobile-nav-btn > a svg {
fill: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.search_box.form .fm-search-form .search_text_input, .fm-header-sticky.headroom--not-top .header-element.search_form_wrapper .fm-search-form .search_text_input {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.search_box.button > a, .fm-header-sticky.headroom--not-top .header-element.search_box.button > a span {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.search_box.button > a svg, .fm-header-sticky.headroom--not-top .header-element.search_box.button > a svg {
fill: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.search_box.button > a:hover, .fm-header-sticky.headroom--not-top .header-element.search_box.button > a:hover span {
color: var(--header_color_text_hover_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.search_box.button > a:hover svg, .fm-header-sticky.headroom--not-top .header-element.search_box.button > a:hover svg {
fill: var(--header_color_text_hover_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.cart_box, .fm-header-sticky.headroom--not-top .header-element.cart_box > a, .fm-header-sticky.headroom--not-top .header-element.cart_box > a span, .fm-header-sticky.headroom--not-top .header-element.my-account-box, .fm-header-sticky.headroom--not-top .header-element.my-account-box > a, .fm-header-sticky.headroom--not-top .header-element.my-account-box > a span, .fm-header-sticky.headroom--not-top .header-element.wishlist-box, .fm-header-sticky.headroom--not-top .header-element.wishlist-box > a, .fm-header-sticky.headroom--not-top .header-element.wishlist-box > a span, .fm-header-sticky.headroom--not-top .header-element.hamburger-box, .fm-header-sticky.headroom--not-top .header-element.hamburger-box > a, .fm-header-sticky.headroom--not-top .header-element.hamburger-box > a span, .fm-header-sticky.headroom--not-top .header-element.social-icon-box, .fm-header-sticky.headroom--not-top .header-element.social-icon-box > a, .fm-header-sticky.headroom--not-top .header-element.social-icon-box > a span {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.cart_box > a svg, .fm-header-sticky.headroom--not-top .header-element.cart_box > a svg, .fm-header-sticky.headroom--not-top .header-element.my-account-box > a svg, .fm-header-sticky.headroom--not-top .header-element.my-account-box > a svg, .fm-header-sticky.headroom--not-top .header-element.wishlist-box > a svg, .fm-header-sticky.headroom--not-top .header-element.wishlist-box > a svg, .fm-header-sticky.headroom--not-top .header-element.hamburger-box > a svg, .fm-header-sticky.headroom--not-top .header-element.hamburger-box > a svg, .fm-header-sticky.headroom--not-top .header-element.social-icon-box > a svg, .fm-header-sticky.headroom--not-top .header-element.social-icon-box > a svg {
fill: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.cart_box > a:hover, .fm-header-sticky.headroom--not-top .header-element.cart_box > a:hover span, .fm-header-sticky.headroom--not-top .header-element.my-account-box > a:hover, .fm-header-sticky.headroom--not-top .header-element.my-account-box > a:hover span, .fm-header-sticky.headroom--not-top .header-element.wishlist-box > a:hover, .fm-header-sticky.headroom--not-top .header-element.wishlist-box > a:hover span, .fm-header-sticky.headroom--not-top .header-element.hamburger-box > a:hover, .fm-header-sticky.headroom--not-top .header-element.hamburger-box > a:hover span, .fm-header-sticky.headroom--not-top .header-element.social-icon-box > a:hover, .fm-header-sticky.headroom--not-top .header-element.social-icon-box > a:hover span {
color: var(--header_color_text_hover_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.cart_box > a:hover svg, .fm-header-sticky.headroom--not-top .header-element.cart_box > a:hover svg, .fm-header-sticky.headroom--not-top .header-element.my-account-box > a:hover svg, .fm-header-sticky.headroom--not-top .header-element.my-account-box > a:hover svg, .fm-header-sticky.headroom--not-top .header-element.wishlist-box > a:hover svg, .fm-header-sticky.headroom--not-top .header-element.wishlist-box > a:hover svg, .fm-header-sticky.headroom--not-top .header-element.hamburger-box > a:hover svg, .fm-header-sticky.headroom--not-top .header-element.hamburger-box > a:hover svg, .fm-header-sticky.headroom--not-top .header-element.social-icon-box > a:hover svg, .fm-header-sticky.headroom--not-top .header-element.social-icon-box > a:hover svg {
fill: var(--header_color_text_hover_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.cart_box > a.cart-btn .mini-cart-contents .cart-counter span {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.cart_box > a.cart-btn:hover .mini-cart-contents .cart-counter span {
color: var(--header_color_text_hover_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.contact-info-box, .fm-header-sticky.headroom--not-top .header-element.contact-info-box > a, .fm-header-sticky.headroom--not-top .header-element.contact-info-box > span {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.contact-info-box svg, .fm-header-sticky.headroom--not-top .header-element.contact-info-box svg {
fill: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.currency-box > span.label, .fm-header-sticky.headroom--not-top .header-element.currency-box .dropdown > .current, .fm-header-sticky.headroom--not-top .header-element.currency-box .dropdown > .current span, .fm-header-sticky.headroom--not-top .header-element.language-box > span.label, .fm-header-sticky.headroom--not-top .header-element.language-box .dropdown > .current, .fm-header-sticky.headroom--not-top .header-element.language-box .dropdown > .current span {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.currency-box .dropdown > .current svg, .fm-header-sticky.headroom--not-top .header-element.currency-box svg, .fm-header-sticky.headroom--not-top .header-element.language-box .dropdown > .current svg, .fm-header-sticky.headroom--not-top .header-element.language-box svg {
fill: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.html_right_1, .fm-header-sticky.headroom--not-top .header-element.html_left_1 {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top .header-element.html_right_1 svg, .fm-header-sticky.headroom--not-top .header-element.html_right_1 svg, .fm-header-sticky.headroom--not-top .header-element.html_left_1 svg, .fm-header-sticky.headroom--not-top .header-element.html_left_1 svg {
fill: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top #site-navigation > .nav-menu > li > a, .fm-header-sticky.headroom--not-top #site-navigation > .nav-menu > li > a span {
color: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top #site-navigation > .nav-menu > li > a svg, .fm-header-sticky.headroom--not-top #site-navigation > .nav-menu > li > a svg {
fill: var(--header_color_text_sticky);
}
.fm-header-sticky.headroom--not-top #site-navigation > .nav-menu > li > a:hover {
color: var(--header_color_text_hover_sticky);
}
body:not(.caston-mobile).has-offcanvas--overlay.hasVerticalScrollbar .fm-header-sticky {
padding-right: 17px;
}.single-product { }
.single-product div.images, #content .single-product div.images {
float: none;
width: auto;
}
.single-product #content {
padding: 15px 0 35px;
}
.single-product .product-main {
position: relative;
}
.single-product .product-main .product-content {
position: relative;
padding-bottom: 1.5rem;
}
.single-product .product-main .product-gallery .woocommerce-badge {
display: none;
}
.single-product .product-main.sidebar-left {
flex-direction: row-reverse;
}
.single-product .product-main.sidebar-left > .row {
flex-direction: column;
}
.single-product .product-main.sidebar-left > .row .product-content:before {
left: 33.3333%;
}
.single-product .product-main.sidebar-left > .row .product-content > .row {
flex-direction: column;
}
.single-product .product-main.sidebar-left .product-sidebar {
margin-bottom: 2rem;
}
.single-product .product-main.sidebar-right {
flex-direction: row;
}
.single-product .product-main.sidebar-right > .row {
flex-direction: column;
}
.single-product .product-main.sidebar-right > .row .product-content:before {
left: 66.6666%;
}
.single-product .product-main.sidebar-right > .row .product-content > .row {
flex-direction: column;
}
.single-product .product-main.sidebar-right .product-sidebar {
margin-bottom: 2rem;
}
.single-product .product-main.sidebar-left-full {
flex-direction: row-reverse;
}
.single-product .product-main.sidebar-left-full > .row {
flex-direction: column;
}
.single-product .product-main.sidebar-left-full > .row .product-content > .row {
flex-direction: column;
}
.single-product .product-main.sidebar-left-full .related.products:before {
width: 100%;
left: 0;
transform: translateX(0);
}
.single-product .product-main.sidebar-left-full .related.products > h2 {
margin-bottom: 1.2rem;
}
.single-product .product-main.sidebar-left-full .up-sells.products:before {
width: 100%;
left: 0;
transform: translateX(0);
}
.single-product .product-main.sidebar-left-full .up-sells.products > h2 {
margin-bottom: 1.2rem;
}
.single-product .product-main.sidebar-right-full {
flex-direction: row;
}
.single-product .product-main.sidebar-right-full > .row {
flex-direction: column;
}
.single-product .product-main.sidebar-right-full > .row .product-content > .row {
flex-direction: column;
}
.single-product .product-main.sidebar-right-full .related.products:before {
width: 100%;
left: 0;
transform: translateX(0);
}
.single-product .product-main.sidebar-right-full .related.products > h2 {
margin-bottom: 1.2rem;
}
.single-product .product-main.wide-gallery {
display: flex;
flex-direction: column;
}
.single-product .product-main.wide-gallery .product-gallery {
width: 100vw;
position: relative;
margin-left: -50vw;
margin-bottom: 30px;
left: 50%;
}
.single-product .product-main.wide-gallery .product-gallery .woocommerce-product-gallery.gallery_style_list .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.swiper-slide {
opacity: 0.3;
}
.single-product .product-main.wide-gallery .product-gallery .woocommerce-product-gallery.gallery_style_list .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.swiper-slide.swiper-slide-prev, .single-product .product-main.wide-gallery .product-gallery .woocommerce-product-gallery.gallery_style_list .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.swiper-slide.swiper-slide-active, .single-product .product-main.wide-gallery .product-gallery .woocommerce-product-gallery.gallery_style_list .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image.swiper-slide.swiper-slide-next {
opacity: 1;
}
.single-product .product-main.wide-gallery .product-gallery .woocommerce-product-gallery.gallery_style_list .woocommerce-product-gallery__wrapper .zoomImg {
cursor: crosshair;
}
.single-product .product-main.wide-gallery .product-gallery .wide_gallery_swiper .swiper-pagination {
display: none;
}
.single-product .product-main.wide-gallery .product-info {
position: relative;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.single-product .product-main.wide-gallery .product-info form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.single-product .product-main.has_background {
position: relative;
}
.single-product .product-main.has_background::before {
content: "";
position: absolute;
width: 100vw !important;
margin-left: -50vw;
left: 50% !important;
top: -55px;
bottom: 0;
}
.single-product .product-main.sticky-layout .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
width: 100%;
}
.single-product .product-main .product-info {
margin-bottom: 1.5rem;
}
.single-product .product-main .product-info .woocommerce-product-rating {
display: flex;
align-items: center;
margin-bottom: 21px;
line-height: 1;
}
.single-product .product-main .product-info .woocommerce-product-rating .star-rating {
margin: 0 8px 0 0;
}
.single-product .product-main .product-info .woocommerce-product-rating a.woocommerce-review-link {
color: var(--color_body);
}
.single-product .product-main .product-info h1.product_title {
font-size: 28px;
line-height: 1.2;
font-weight: 500;
color: var(--color_heading);
margin-bottom: 16px;
text-transform: unset;
letter-spacing: 0;
}
.single-product .product-main .product-info .out-of-stock {
font-size: 28px;
}
.single-product .product-main .product-info .price {
font-size: 20px;
font-weight: 600;
color: var(--color_heading);
margin-bottom: 1.5rem;
}
.single-product .product-main .product-info .price del {
color: var(--color_body);
font-size: 16px;
}
.single-product .product-main .product-info .price ins {
text-decoration: unset !important;
color: var(--color_heading);
font-weight: 500;
}
.single-product .product-main .product-info .woocs_price_code .ins {
text-decoration: none !important;
}
.single-product .product-main .product-info .woocommerce-product-details__short-description {
line-height: 2;
margin-bottom: 1.3rem;
}
.single-product .product-main .product-info .woocommerce-product-details__short-description p {
margin-bottom: 0.5rem;
}
.single-product .product-main .product-info .woocommerce-product-details__short-description ul {
padding-left: 0;
list-style: none;
}
.single-product .product-main .product-info .woocommerce-product-details__short-description ul li {
position: relative;
line-height: 1.5;
padding-left: 16px;
}
.single-product .product-main .product-info .woocommerce-product-details__short-description ul li::before {
content: "";
width: 8px;
height: 8px;
background: #ddd;
border-radius: 50%;
display: inline-block;
position: absolute;
top: 8px;
left: 0;
}
.single-product .product-main .product-info .woocommerce-product-details__short-description ul li + li {
margin-top: 6px;
}
.single-product .product-main .product-info form.cart {
margin-bottom: 1rem;
flex-wrap: wrap;
display: flex;
}
.single-product .product-main .product-info form.cart .quantity {
border: 2px solid var(--color_heading);
height: 55px;
min-width: 67px;
border-radius: 0;
position: relative;
flex: 0 0 67px;
width: 67px;
margin: 0 0px 8px 8px;
}
.single-product .product-main .product-info form.cart .quantity .quantity-group-buttons {
border: none;
display: flex;
flex-direction: column;
}
.single-product .product-main .product-info form.cart .quantity .quantity-group-buttons > a {
position: absolute;
width: 30px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
.single-product .product-main .product-info form.cart .quantity .quantity-group-buttons > a.quantity-plus, .single-product .product-main .product-info form.cart .quantity .quantity-group-buttons > a.quantity-minus {
right: 0;
top: 0;
align-items: flex-end;
}
.single-product .product-main .product-info form.cart .quantity .quantity-group-buttons > a.quantity-plus svg.fm-icon, .single-product .product-main .product-info form.cart .quantity .quantity-group-buttons > a.quantity-minus svg.fm-icon {
width: 12px;
height: 12px;
}
.single-product .product-main .product-info form.cart .quantity .quantity-group-buttons > a.quantity-minus {
bottom: -3px;
top: auto;
align-items: flex-start;
}
.single-product .product-main .product-info form.cart .quantity .input-text {
height: 50px;
border: none;
display: flex;
min-height: 100%;
width: 100%;
justify-content: center;
align-items: center;
font-size: 20px;
color: #000;
text-align: left;
padding: 0 20px;
font-weight: 600;
-moz-appearance: textfield;
}
.single-product .product-main .product-info form.cart .quantity.hidden {
border: none;
height: 0;
min-height: 0;
}
.single-product .product-main .product-info form.cart .tinv-wraper {
flex: 0 0 100%;
width: 100%;
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button {
display: flex;
align-items: center;
margin: 0 0 8px 0;
color: var(--color_heading);
font-size: 1rem;
font-weight: 500;
width: 100%;
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button::before {
display: none !important;
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text, .single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text, .single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button span.tinvwl_remove_from_wishlist-text {
margin-left: 3px;
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button svg.fm-icon {
display: inline-block;
width: 15px;
height: 15px;
fill: var(--color_body);
margin-top: 2px;
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button svg.fm-icon.icon-hover {
display: none;
fill: #aaaaaa;
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button svg.fm-icon.icon-hover:hover {
fill: #ec1d25;
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button .caston_yith_wcwl_icon, .single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button .caston_tinv_wl_icon {
border: 1px solid;
margin-right: 10px;
width: 43px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border-color: var(--color_border);
-webkit-transition: border-color 0.25s linear 0s;
-moz-transition: border-color 0.25s linear 0s;
-ms-transition: border-color 0.25s linear 0s;
-o-transition: border-color 0.25s linear 0s;
transition: border-color 0.25s linear 0s;
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list svg.fm-icon, .single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover svg.fm-icon {
display: none;
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list svg.fm-icon.icon-hover, .single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover svg.fm-icon.icon-hover {
display: inline-block;
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button.disabled-add-wishlist {
color: var(--color_body);
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover .caston_yith_wcwl_icon, .single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover .caston_tinv_wl_icon {
border-color: var(--color_heading);
}
.single-product .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover svg.fm-icon {
fill: var(--color_heading);
}
.single-product .product-main .product-info form.cart .single_add_to_cart_button {
flex: 0 0 calc(100% - 75px);
width: calc(100% - 75px);
}
.single-product .product-main .product-info form.cart button.single_add_to_cart_button {
font-weight: 600;
color: #ffffff;
font-size: 0.8rem;
text-transform: uppercase;
height: 55px;
padding: 0 15px;
margin: 0 0 25px 0;
letter-spacing: 2px;
order: -1;
}
.single-product .product-main .product-info form.cart button.single_add_to_cart_button svg.fm-icon {
display: none;
width: 15px;
height: 15px;
margin-right: 6px;
fill: #ffffff;
}
.single-product .product-main .product-info .product_meta {
display: flex;
flex-wrap: wrap;
flex-direction: column;
color: var(--color_heading);
font-weight: 600;
}
.single-product .product-main .product-info .product_meta > span + span {
margin-left: 0;
margin-top: 4px;
}
.single-product .product-main .product-info .product_meta .posted_in {
display: block;
}
.single-product .product-main .product-info .product_meta .posted_in a {
font-weight: 400;
color: var(--color_body);
}
.single-product .product-main .product-info .product_meta .posted_in a:hover {
color: var(--color_main);
}
.single-product .product-main .product-info .product_meta .tagged_as {
font-weight: 600;
flex: 0 0 100%;
width: 100%;
margin-left: 0;
}
.single-product .product-main .product-info .product_meta .sku_wrapper {
display: block;
text-transform: capitalize;
}
.single-product .product-main .product-info .product_meta .sku_wrapper .sku {
color: var(--color_body);
font-weight: 400;
}
.single-product .product-main .product-info .product_meta .tagged_as a {
color: var(--color_body);
font-weight: 400;
}
.single-product .product-main .product-info .product_meta .tagged_as a:hover {
color: var(--color_main);
}
.single-product .product-main .product-info .product-share {
width: 100%;
}
.single-product .product-main .product-info .product-share, .single-product .product-main .product-info .product-share .socials-sharing {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.single-product .product-main .product-info .product-share ul.socials-sharing {
list-style: none;
padding: 0;
margin-bottom: 0;
}
.single-product .product-main .product-info .product-share ul.socials-sharing > li {
padding: 0 10px;
}
.single-product .product-main .product-info .product-share ul.socials-sharing > li a svg {
fill: var(--color_heading);
}
.single-product .product-main .product-info .product-share ul.socials-sharing > li a:hover svg {
fill: var(--color_main);
}
.single-product .product-main .product-info .product-share > label {
margin-bottom: 0;
display: flex;
align-items: center;
font-weight: 600;
color: var(--color_heading);
}
.single-product .product-main .product-info .product-share > label svg {
display: none;
}
.single-product .product-main .product-info .product-share > label span::after {
display: inline-block;
content: ":";
margin: 0 5px 0 2px;
}
.single-product.theme-caston #content div.product .woocommerce-product-gallery.images {
width: 100%;
margin-bottom: 1.5rem;
}
.single-product.theme-caston #content div.product .product-main.sticky-layout .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
width: 100%;
}
.single-product .woocommerce-product-gallery {
position: relative;
margin-bottom: 30px;
width: 100%;
opacity: 0;
transition: opacity 0.25s ease-in-out;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
width: 40px !important;
height: 40px !important;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 !important;
-webkit-transition: background 0.25s linear 0s;
-moz-transition: background 0.25s linear 0s;
-ms-transition: background 0.25s linear 0s;
-o-transition: background 0.25s linear 0s;
transition: background 0.25s linear 0s;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:not(:hover) {
background: none !important;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::after {
display: none !important;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
width: 25px !important;
height: 25px !important;
position: static !important;
border: none !important;
border-radius: 0 !important;
background-size: 100%;
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/zoom.svg);
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger img {
display: none !important;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
box-shadow: 0 3px 28px rgba(0, 0, 0, 0.08);
}
.single-product .woocommerce-product-gallery .swiper-button-disabled {
visibility: hidden;
}
.single-product .woocommerce-product-gallery .flex-control-paging {
display: flex;
list-style: none;
padding: 0;
margin: 0;
justify-content: center;
align-items: center;
position: absolute;
bottom: 10px;
margin-left: 50%;
transform: translateX(-50%);
}
.single-product .woocommerce-product-gallery .flex-control-paging li > a {
display: inline-block;
padding: 0;
margin: 0 5px;
color: #888;
}
.single-product .woocommerce-product-gallery .flex-control-paging li > a.flex-active {
font-weight: bold;
color: var(--color_main);
}
.single-product .woocommerce-product-gallery .flex-direction-nav {
padding: 0;
list-style: none;
margin: 0;
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev,
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next {
display: flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;
transition: opacity ease 0.3s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev a,
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next a {
line-height: 20px;
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev svg,
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next svg {
width: 20px;
height: 20px;
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-prev:hover,
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next:hover {
box-shadow: 0 0 20px -3px rgba(0, 0, 0, 0.2), 0 7px 6px rgba(0, 0, 0, 0.02);
}
.single-product .woocommerce-product-gallery .flex-direction-nav .flex-nav-next {
right: 10px;
left: auto;
}
.single-product .woocommerce-product-gallery .gallery_thumb_swiper {
position: static;
}
.single-product .woocommerce-product-gallery .gallery_thumb_swiper .caston-prev, .single-product .woocommerce-product-gallery .gallery_thumb_swiper .caston-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 1;
}
.single-product .woocommerce-product-gallery .gallery_thumb_swiper .caston-prev:focus, .single-product .woocommerce-product-gallery .gallery_thumb_swiper .caston-next:focus {
outline: none;
}
.single-product .woocommerce-product-gallery .gallery_thumb_swiper .caston-prev:hover, .single-product .woocommerce-product-gallery .gallery_thumb_swiper .caston-next:hover {
box-shadow: 0 0 20px -3px rgba(0, 0, 0, 0.2), 0 7px 6px rgba(0, 0, 0, 0.02);
}
.single-product .woocommerce-product-gallery .gallery_thumb_swiper .caston-prev {
left: 2px;
}
.single-product .woocommerce-product-gallery .gallery_thumb_swiper .caston-next {
right: 2px;
}
.single-product .woocommerce-product-gallery .gallery_thumb_swiper .swiper-pagination-bullets {
bottom: 10px;
margin: 0;
padding: 0;
}
.single-product .woocommerce-product-gallery.gallery_style_default .gallery_thumb_swiper > .flex-control-thumbs {
display: none;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper {
position: static;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .flex-control-thumbs {
opacity: 0;
z-index: -1;
height: 1px;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .caston-prev, .single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .caston-next {
display: none;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .caston-prev svg, .single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .caston-next svg {
transform: rotate(-90deg);
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .swiper-pagination-bullets {
margin: 0;
padding: 0;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
right: 15px;
}
.single-product .woocommerce-product-gallery.gallery_style_list .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
width: 100%;
display: block;
margin-bottom: 15px;
border: 1px solid var(--color_border);
}
.single-product .woocommerce-product-gallery.gallery_style_grid .woocommerce-product-gallery__wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.single-product .woocommerce-product-gallery.gallery_style_grid .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
width: 100% !important;
}
.single-product .woocommerce-product-gallery.gallery_style_grid .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-of-type {
-ms-grid-column: 1;
grid-column-start: 1;
grid-column-end: 3;
}
.single-product .woocommerce-product-gallery.gallery_style_grid2 .woocommerce-product-gallery__wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.single-product .woocommerce-product-gallery.gallery_style_grid2 .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
width: 100% !important;
border: 1px solid var(--color_border);
}
.single-product .summary, #content .single-product .summary {
float: none;
width: auto;
}
.single-product .summary.product-info table.variations tr {
display: flex;
}
.single-product .summary.product-info.text-center {
text-align: center;
}
.single-product .summary.product-info.text-center form.cart {
display: flex;
justify-content: center;
}
.single-product .summary.product-info.text-center form.cart.variations_form, .single-product .summary.product-info.text-center form.cart.grouped_form {
flex-direction: column;
align-items: center;
}
.single-product .summary.product-info.text-center form.cart ul.variable-items-wrapper {
justify-content: center;
}
.single-product .summary.product-info.text-center .woocommerce-product-rating {
justify-content: center;
}
.single-product .summary.product-info.text-center .product-share {
justify-content: center;
}
.single-product .summary.product-info.text-center table.variations tr {
justify-content: center;
}
.single-product .summary.product-info.text-left {
text-align: left;
}
.single-product .summary.product-info.text-left form.cart {
display: flex;
justify-content: flex-start;
}
.single-product .summary.product-info.text-left form.cart.variations_form, .single-product .summary.product-info.text-left form.cart.grouped_form {
flex-direction: column;
align-items: flex-start;
}
.single-product .summary.product-info.text-left form.cart ul.variable-items-wrapper {
justify-content: flex-start;
}
.single-product .summary.product-info.text-left .product-share {
justify-content: flex-start;
}
.single-product .summary.product-info.text-right {
text-align: right;
}
.single-product .summary.product-info.text-right form.cart {
display: flex;
justify-content: flex-end;
}
.single-product .summary.product-info.text-right form.cart.variations_form, .single-product .summary.product-info.text-right form.cart.grouped_form {
flex-direction: column;
align-items: flex-end;
}
.single-product .summary.product-info.text-right form.cart ul.variable-items-wrapper {
justify-content: flex-end;
}
.single-product .summary.product-info.text-right .product-share {
justify-content: flex-end;
}
.single-product .summary.product-info.text-right table.variations tr {
justify-content: flex-end;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs {
display: -ms-flexbox;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
max-width: 1170px;
margin: 0 auto;
position: relative;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title {
width: 100%;
padding: 0;
text-align: center;
margin-bottom: 1.5rem;
font-size: 0;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title::before {
display: none;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li {
border: none;
background: none;
display: inline-block;
background-color: #fff;
padding: 0 20px;
margin: 0;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li::before, .single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li::after {
display: none;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li > a {
position: relative;
display: inline-block;
padding: 0 0 2px 0;
margin-bottom: 6px;
font-size: 14px;
font-weight: 600;
color: var(--color_body);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li.active > a {
color: var(--color_heading);
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .woocommerce-Tabs-panel {
width: 100%;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .woocommerce-Tabs-panel h2.woocommerce-Reviews-title,
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .woocommerce-Tabs-panel > h2:first-child {
display: none;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .panel {
margin-bottom: 0;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs:not(.vertical):before {
display: inline-block;
content: "";
position: absolute;
width: 100%;
left: 50%;
transform: translateX(-50%);
top: 11px;
border-top: 1px solid var(--color_border);
}
.single-product .product-page-sections {
margin: 0 auto;
max-width: 1170px;
}
.single-product .product-page-sections .product-section .section-tab-header h5 {
position: relative;
padding-bottom: 12px;
margin-bottom: 20px;
}
.single-product .product-page-sections .product-section .section-tab-header h5::before {
content: "";
width: 45px;
height: 1px;
background: var(--color_border);
position: absolute;
left: 1px;
bottom: 0;
}
.single-product .product-page-sections .product-section .section-tab-content h2 {
display: none;
}
.single-product .product-page-sections .product-section ~ .product-section {
margin-top: 2.5rem;
}
.single-product .product-page-sections .product-section table.shop_attributes {
margin-left: 0;
}
.single-product .product-page-accordian {
margin-left: auto;
margin-right: auto;
}
.single-product .product-page-accordian .accordion-item.card {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.single-product .product-page-accordian .accordion-item.card button.btn-link {
background: none;
border-radius: 0;
border-width: 0 0 1px 0;
border-color: var(--color_border);
display: flex;
align-items: center;
justify-content: space-between;
letter-spacing: 0;
line-height: 30px;
padding: 10px 0;
font-size: 1.375rem;
font-weight: 500;
text-transform: capitalize;
color: var(--color_heading);
}
.single-product .product-page-accordian .accordion-item.card button.btn-link svg.fm-icon {
fill: var(--color_heading);
}
.single-product .product-page-accordian .accordion-item.card button.btn-link:hover {
text-decoration: none;
}
.single-product .product-page-accordian .accordion-item.card button.btn-link:not(.collapsed) svg.icon-collapsed {
display: none;
}
.single-product .product-page-accordian .accordion-item.card button.btn-link.collapsed svg.icon-not-collapsed {
display: none;
}
.single-product .product-page-accordian .accordion-item.card button.btn-link.collapsed svg.icon-collapsed {
display: inline-block;
}
.single-product .product-page-accordian .accordion-item.card .accordion-inner {
padding-top: 1rem;
}
.single-product .product-page-accordian .accordion-item.card .accordion-inner table.shop_attributes {
margin-left: 0;
}
.single-product .product-page-accordian .accordion-item.card .accordion-inner h2, .single-product .product-page-accordian .accordion-item.card .accordion-inner .h2 {
display: none;
}
.single-product .product-page-accordian .accordion-item.card:first-child button.btn-link {
border-top: none;
}
.single-product .product-page-accordian .accordion-item.card:last-child button.btn-link {
border-bottom: none;
}
.single-product .product-footer {
padding-top: 0rem;
}
.single-product .product-footer .related.products, .single-product .product-footer .up-sells.products {
padding-top: 3rem;
margin-top: 3rem;
position: relative;
}
.single-product .product-footer .related.products:before, .single-product .product-footer .up-sells.products:before {
display: inline-block;
content: "";
position: absolute;
width: 100%;
left: 50%;
transform: translateX(-50%);
top: 0;
border-top: 1px solid var(--color_border);
}
.single-product .product-footer .related.products > h2, .single-product .product-footer .up-sells.products > h2 {
line-height: 1;
position: relative;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 18px;
font-weight: 600;
padding-bottom: 24px;
margin-bottom: 30px;
}
.single-product .product-footer .related.products > h2:after, .single-product .product-footer .up-sells.products > h2:after {
position: absolute;
content: "";
width: 40px;
height: 2px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
background-color: var(--color_main);
}
.single-product .product-footer .related.products .caston-carousel.swiper-container-horizonta, .single-product .product-footer .up-sells.products .caston-carousel.swiper-container-horizonta {
padding: 20px;
margin: -20px;
}
.single-product .product-footer .related .caston-carousel .swiper-pagination-bullets, .single-product .product-footer .up-sells .caston-carousel .swiper-pagination-bullets {
bottom: 0;
}
.single-product .product-footer .related .caston-carousel-wrap .swiper-button-next.swiper-button-disabled,
.single-product .product-footer .related .caston-carousel-wrap .swiper-button-prev.swiper-button-disabled, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-next.swiper-button-disabled,
.single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-prev.swiper-button-disabled {
opacity: 0;
}
.single-product .product-footer .related .caston-carousel-wrap .swiper-button-prev svg, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-prev svg {
margin-left: 6px;
margin-right: -6px;
}
.single-product .product-sidebar::before {
content: "";
width: 100%;
display: block;
margin-top: 30px;
margin-bottom: 40px;
border-top: 1px solid #e4e4e4;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations {
position: relative;
margin-bottom: 0;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr {
display: flex;
margin-bottom: 20px;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr td {
padding-top: 0;
padding-bottom: 0;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr td.label {
min-width: 68px;
display: flex;
align-items: center;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr td.label .woo-selected-variation-item-name {
display: none;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr td.label label {
position: relative;
margin-bottom: 0;
font-size: 12px;
text-transform: uppercase;
color: #000;
line-height: 30px;
font-weight: 700;
letter-spacing: 1px;
margin: 0;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr td.label label::after {
content: ":";
margin-left: 4px;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations select {
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/select_icon_single_product.svg);
background-position: right 8px top 50%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .select2-container--default {
height: 50px;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .select2-container--default .select2-selection--single {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 50px;
line-height: 50px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
color: var(--color_body);
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .select2-container--default .select2-selection--single > .select2-selection__arrow {
height: 100%;
width: 28px;
background-position: left center;
background-size: auto;
background-repeat: no-repeat;
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/select_icon_single_product.svg);
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .select2-container--default .select2-selection--single > .select2-selection__arrow > b {
display: none;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item {
margin-right: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item span.variable-item-span-color {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item span.variable-item-span-color::after {
display: none;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item:not(.radio-variable-item) {
box-shadow: 0 0 0 1px transparent !important;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item:not(.radio-variable-item):hover, .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item:not(.radio-variable-item).selected {
box-shadow: 0 0 0 1px var(--color_border) !important;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.image-variable-item {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.image-variable-item:not(.radio-variable-item) {
box-shadow: 0 0 0 1px transparent !important;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.image-variable-item:not(.radio-variable-item):hover, .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.image-variable-item:not(.radio-variable-item).selected {
box-shadow: 0 0 0 1px var(--color_border) !important;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.image-variable-item > img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item {
width: auto;
margin: 0 10px 5px 0;
font-size: 16px;
line-height: 18px;
padding: 0 6px;
background: none;
height: 36px;
min-width: 36px;
color: var(--color_body);
-webkit-transition: box-shadow 0.25s linear 0s;
-moz-transition: box-shadow 0.25s linear 0s;
-ms-transition: box-shadow 0.25s linear 0s;
-o-transition: box-shadow 0.25s linear 0s;
transition: box-shadow 0.25s linear 0s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item span {
font-size: inherit;
text-transform: capitalize;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item:hover, .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item.selected {
color: var(--color_heading);
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.radio-variable-item {
width: auto;
height: auto;
display: flex;
align-items: center;
margin-right: 16px;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.radio-variable-item > * {
margin: 0 3px;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item:not(.radio-variable-item) {
box-shadow: 0 0 0 1px var(--color_border) !important;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item:not(.radio-variable-item):hover, .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item:not(.radio-variable-item).selected {
box-shadow: 0 0 0 1px var(--color_heading) !important;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper.radio-variable-wrapper {
display: flex;
align-items: center;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .woo-variation-items-wrapper {
display: flex;
align-items: center;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations {
position: relative;
display: block;
margin: 0 0 0 15px;
color: var(--color_heading);
font-size: 11px;
text-transform: uppercase;
padding-right: 15px;
letter-spacing: 1px;
text-decoration: none;
line-height: 11px;
height: 11px;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations::before, .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations::after {
display: flex;
content: "";
width: 1px;
height: 11px;
background: var(--color_heading);
position: absolute;
right: 5px;
top: 0;
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations::before {
transform: rotate(45deg);
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations::after {
transform: rotate(-45deg);
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations:hover {
color: var(--color_main);
}
.single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations:hover::before, .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations:hover::after {
background: var(--color_main);
}
.single-product .type-product.product-type-variable .summary form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap;
}
.single-product .type-product.product-type-variable .summary form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {
width: 67px;
flex: 0 0 67px;
margin: 0 0px 8px 8px;
}
.single-product .type-product.product-type-variable .summary form.cart .single_variation_wrap .woocommerce-variation-price {
margin-bottom: 0px;
}
.single-product .type-product.product-type-variable .woocommerce-variation-add-to-cart {
display: inline-block;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table {
flex: 0 0 100%;
width: 100%;
border: none;
margin-bottom: 25px;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table tr td {
padding: 10px 0 10px 15px;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table tr td.woocommerce-grouped-product-list-item__quantity {
padding-left: 0;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table tr td.woocommerce-grouped-product-list-item__price {
padding-left: 0;
text-align: right;
width: 68px;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table tr ~ tr {
border-top: 1px solid var(--color_border);
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table .quantity .quantity-group-buttons > a.quantity-minus {
right: auto;
left: 0;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item {
display: table-row;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item a.button {
display: flex;
align-items: center;
justify-content: center;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item a.button.product_type_simple {
background: var(--color_body);
color: #ffffff;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
height: 50px;
padding: 0 30px;
min-width: 150px;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item a.button.product_type_simple svg.fm-icon {
width: 15px;
height: 15px;
margin-right: 6px;
fill: #ffffff;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item a.button.product_type_simple:hover {
background: var(--color_main);
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity .quantity {
margin: 0;
border-width: 1px;
height: 32px;
border-radius: 0;
flex: 0 0 100px;
min-width: 100px;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity .quantity .quantity-group-buttons > a {
height: 30px;
align-items: center;
transform: rotate(90deg);
bottom: 0;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity .quantity .quantity-group-buttons > a svg {
width: 10px;
height: 10px;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity .quantity .input-text {
height: 30px;
font-size: 15px;
color: var(--color_heading);
text-align: center;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__label label {
margin: 0;
line-height: 16px;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__label label a {
color: var(--color_heading);
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price .woocs_price_code {
line-height: 16px;
color: var(--color_heading);
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price .woocs_price_code del {
color: var(--color_body);
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price .woocs_price_code ins {
text-decoration: none !important;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .out-of-stock {
margin-bottom: 0;
}
.single-product .type-product.product-type-grouped .summary form.cart.grouped_form .single_add_to_cart_button {
flex: 0 0 100%;
}
.single-product table.shop_attributes {
border: 1px solid var(--color_border);
border-width: 1px 0 0 1px;
font-size: 15px;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.single-product table.shop_attributes tr th {
border: 1px solid var(--color_border);
border-width: 0 1px 1px 0;
color: var(--color_heading);
font-weight: 500;
padding: 15px;
text-transform: capitalize;
background: #ffffff !important;
}
.single-product table.shop_attributes tr td {
border: 1px solid var(--color_border);
border-width: 0 1px 1px 0;
font-style: normal;
padding: 15px;
background: #ffffff !important;
}
.single-product #reviews #comments ol.commentlist {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0 0 15px 0;
}
.single-product #reviews #comments ol.commentlist li.review {
position: relative;
margin: 0 0 20px 0;
padding: 20px 20px 10px 20px;
border: 1px solid var(--color_border);
flex: 0 0 100%;
}
.single-product #reviews #comments ol.commentlist li.review:nth-child(2n+1) {
margin-right: 20px;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container img.avatar {
float: left;
position: absolute;
height: auto;
background: #c4c4c4;
border: 1px solid #c4c4c4;
margin: 0;
box-shadow: none;
border-radius: 50%;
top: 22px;
left: 15px;
padding: 0;
width: 36px;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text {
margin: 0;
border: none;
border-radius: 0;
padding: 0;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .star-rating {
margin-top: 0;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta {
margin-top: 0;
margin-bottom: 10px;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta .woocommerce-review__author,
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta .woocommerce-review__published-date,
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta .woocommerce-review__awaiting-approval {
margin-left: 45px;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta .woocommerce-review__author {
font-size: 15px;
font-weight: 500;
color: var(--color_heading);
text-transform: uppercase;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta .woocommerce-review__dash {
display: none;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta .woocommerce-review__published-date {
font-size: 13px;
display: block;
line-height: 18px;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .description {
font-size: 15px;
color: var(--color_heading);
}
.single-product #reviews #review_form_wrapper .comment-respond #reply-title {
font-size: 16px;
font-weight: 600;
font-weight: 600;
color: var(--color_heading);
display: inline-block;
margin: 0 0 25px 0;
line-height: 20px;
text-align: center;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform {
display: flex;
flex-flow: wrap;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform > * {
flex: 0 0 100%;
margin: 0;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-rating {
display: flex;
align-items: center;
margin: 15px 0;
color: var(--color_heading);
text-transform: uppercase;
font-weight: 500;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-rating > label {
min-width: 68px;
margin-right: 10px;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-rating .stars {
min-width: 80px;
line-height: 1;
margin-right: 10px;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-rating #rating {
max-width: 150px;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment {
position: relative;
margin-bottom: 20px;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment label {
color: var(--color_heading);
position: absolute;
left: 8px;
top: 0;
transform: translateY(-10px);
margin: 0;
background: #ffffff;
padding: 0 8px;
line-height: 20px;
z-index: 1;
-webkit-transition: top 0.25s linear 0s;
-moz-transition: top 0.25s linear 0s;
-ms-transition: top 0.25s linear 0s;
-o-transition: top 0.25s linear 0s;
transition: top 0.25s linear 0s;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment label .required {
color: inherit;
font-size: inherit;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment textarea {
font-size: 15px;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment textarea:focus ~ label, .single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment textarea.has-content ~ label {
top: 0;
transform: translateY(-50%);
color: var(--color_heading);
width: auto;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .form-submit input.submit {
width: 100%;
height: 55px;
font-size: 14px;
font-weight: bold;
color: #FFF;
background: #000;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 5px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-author, .single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-email {
display: block;
width: 100%;
text-transform: capitalize;
position: relative;
margin: 0 0 20px;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-author label, .single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-email label {
color: var(--color_heading);
position: absolute;
left: 10px;
top: 0;
transform: translateY(-50%);
margin: 0;
background: #ffffff;
padding: 0 10px;
line-height: 20px;
z-index: 1;
-webkit-transition: top 0.25s linear 0s;
-moz-transition: top 0.25s linear 0s;
-ms-transition: top 0.25s linear 0s;
-o-transition: top 0.25s linear 0s;
transition: top 0.25s linear 0s;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-author label .required, .single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-email label .required {
color: inherit;
font-size: inherit;
}
.single-product .fmc-product-control {
display: flex;
justify-content: space-between;
align-items: center;
}
.single-product .product-navigation {
display: none;
position: absolute;
top: 50%;
transform: translate(-50%);
width: 100vw;
left: 50%;
z-index: 1;
}
.single-product .product-navigation .product-nav-item {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.single-product .product-navigation .product-nav-item > a {
display: flex;
align-items: center;
}
.single-product .product-navigation .product-nav-item > a svg {
margin: 0 6px;
}
.single-product .product-navigation .product-nav-item > a .product_thumb {
display: inline-block;
width: 80px;
border: 1px solid var(--color_border);
transition: border-color 0.3s;
}
.single-product .product-navigation .product-nav-item > a .product_thumb:hover {
border-color: var(--color_main);
}
.single-product .product-navigation .product-nav-item > a > span:not(.product_thumb) {
position: absolute;
}
.single-product .product-navigation .product-nav-item.item-prev {
left: 30px;
}
.single-product .product-navigation .product-nav-item.item-next {
right: 30px;
}
.single-product .product-navigation .product-nav-item.item-next > a {
flex-direction: row-reverse;
}
.single-product .product-navigation .product-nav-item.hover_dropdown_wrapper > .dropdown_content {
display: none !important;
box-shadow: none;
padding: 6px 15px;
}
.single-product .product-navigation .product-nav-item.hover_dropdown_wrapper > .dropdown_content a {
line-height: 16px;
color: var(--color_heading);
}
.single-product .sticky-wrapper {
will-change: min-height;
}
.single-product .sticky-wrapper .sticky-inner {
transform: translate(0, 0); transform: translate3d(0, 0, 0);
will-change: position, transform;
}
.single-product .product-page-accordian, .single-product .woocommerce-tabs, .single-product .section-tab-content {
overflow-wrap: break-word;
}
.single-product.single_product_has_background #content > .container .product-main.has_background .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
opacity: 0.6;
}
.single-product.single_product_has_background #content > .container .product-main.has_background .woocommerce-product-gallery:hover .woocommerce-product-gallery__trigger {
opacity: 1;
}
.single-product.single_product_has_background #content > .container .product-main.has_background .woocommerce-product-gallery.gallery_style_vertical .flex-control-thumbs li:hover img,
.single-product.single_product_has_background #content > .container .product-main.has_background .woocommerce-product-gallery.gallery_style_vertical .flex-control-thumbs li.swiper-slide-active img {
opacity: 0.68;
}
.single-product.single_product_color-light .woocommerce-breadcrumb,
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info h1.product_title,
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info .price,
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button,
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info .product_meta .sku_wrapper .sku,
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info .product_meta .posted_in a,
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info form.cart .quantity .input-text {
color: var(--color_light);
}
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover .caston_yith_wcwl_icon,
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover .caston_tinv_wl_icon {
border-color: var(--color_light);
}
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info .product-share ul.socials-sharing > li svg,
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover svg.fm-icon {
fill: var(--color_light);
}
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info > .price::before,
.single-product.single_product_color-light #content .type-product .product-container .product-main .product-info .product_meta::before {
background-color: #55555550;
}
.single-product.single_product_color-light .header-layout {
border-color: #55555550;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth {
display: flex;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info .product-content {
padding-bottom: 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info .product-content::before {
display: none;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.large .product-info .caston-breadcrumb-summary {
display: none;
}
.caston-sticky-atc-btn {
padding: 8px 0;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
background: #fff;
box-shadow: 0 28px 250px 0 rgba(0, 0, 0, 0.11);
transform: translateY(120%);
opacity: 0;
visibility: hidden;
transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out, visibility 0.35s ease-in-out;
}
.caston-sticky-atc-btn.show {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.caston-sticky-atc-btn .caston-sticky-btn-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.caston-sticky-atc-btn .caston-sticky-btn-content, .caston-sticky-atc-btn .caston-sticky-btn-cart, .caston-sticky-atc-btn .caston-sticky-variations, .caston-sticky-atc-btn .caston_sticky_single_variation_wrap {
display: flex;
align-items: center;
}
.caston-sticky-atc-btn .caston-sticky-btn-cart > form {
display: flex;
align-items: center;
}
.caston-sticky-atc-btn .product-promo-wrap {
display: none;
}
.caston-sticky-atc-btn.mobile-off, .caston-sticky-atc-btn .tinv-wishlist, .caston-sticky-atc-btn .woocommerce-wishlist {
display: none;
}
.caston-sticky-atc-btn .caston-sticky-btn-price {
margin-left: auto;
display: none;
}
.caston-sticky-atc-btn .caston-sticky-btn-info {
display: none;
}
.caston-sticky-atc-btn .caston-sticky-btn-thumbnail {
max-width: 60px;
}
.caston-sticky-atc-btn .caston-sticky-btn-info .product-title {
font-size: 1.25rem;
font-weight: 400;
margin: 0 10px 0 0;
}
.caston-sticky-atc-btn .woocs_price_code {
display: flex;
flex-direction: row-reverse;
align-items: center;
font-size: 16px;
color: #000000;
}
.caston-sticky-atc-btn .woocs_price_code ins {
color: inherit;
font-size: inherit;
margin-right: 15px;
}
.caston-sticky-atc-btn .woocs_price_code del {
color: #868686;
font-size: 12px;
}
.caston-sticky-atc-btn .caston-sticky-btn-cart .quantity .qty {
font-size: 18px;
font-weight: 500;
border-width: 0 0 2px 0;
border-color: #cbcbcb;
height: 32px;
}
.caston-sticky-atc-btn button.single_add_to_cart_button, .caston-sticky-atc-btn .caston-sticky-variations-atc, .caston-sticky-atc-btn .caston-sticky-btn-cart .quantity {
margin-left: 10px;
position: relative;
}
.caston-sticky-atc-btn button.single_add_to_cart_button .quantity-group-buttons > *, .caston-sticky-atc-btn .caston-sticky-variations-atc .quantity-group-buttons > *, .caston-sticky-atc-btn .caston-sticky-btn-cart .quantity .quantity-group-buttons > * {
position: absolute;
bottom: 6px;
right: -7px;
display: inline-block;
transform: rotate(90deg);
width: 20px;
height: 20px;
padding: 0px 5px;
}
.caston-sticky-atc-btn button.single_add_to_cart_button .quantity-group-buttons > * svg, .caston-sticky-atc-btn .caston-sticky-variations-atc .quantity-group-buttons > * svg, .caston-sticky-atc-btn .caston-sticky-btn-cart .quantity .quantity-group-buttons > * svg {
width: 10px;
height: 10px;
}
.caston-sticky-atc-btn button.single_add_to_cart_button .quantity-group-buttons > *.quantity-minus, .caston-sticky-atc-btn .caston-sticky-variations-atc .quantity-group-buttons > *.quantity-minus, .caston-sticky-atc-btn .caston-sticky-btn-cart .quantity .quantity-group-buttons > *.quantity-minus {
left: -4px;
right: auto;
}
.single-product .caston-sticky-atc-btn button.single_add_to_cart_button, .single-product .caston-sticky-atc-btn .caston-sticky-variations-atc {
border: none;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
line-height: 16px;
padding: 15px 25px;
min-width: 175px;
text-align: center;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.single-product .caston-sticky-atc-btn button.single_add_to_cart_button svg, .single-product .caston-sticky-atc-btn .caston-sticky-variations-atc svg {
display: none;
}
.single-product .caston-sticky-atc-btn button.single_add_to_cart_button:hover, .single-product .caston-sticky-atc-btn .caston-sticky-variations-atc:hover {
background-color: #000000;
color: #ffffff;
}
.caston-sticky-atc-btn .woo_sc_price_btn_popup {
display: none;
}
a.product-360-button {
position: absolute;
z-index: 2;
left: 35px;
top: 20px;
background: #FFF;
line-height: 18px;
padding: 9px 20px;
border-radius: 50px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
a.product-360-button svg {
width: 30px;
height: 30px;
}
a.product-360-button.on_vertical_thumbs {
left: 150px;
}
a.product-360-button:hover {
color: var(--color_main);
}
a.product-360-button:hover svg {
fill: var(--color_main);
}
.product-360-view-wrapper .modal-content {
background: transparent;
border: none;
}
.product-360-view-wrapper .modal-body {
max-height: 786px;
overflow: hidden;
display: flex;
align-items: flex-end;
}
.product-360-view-wrapper .caston-threed-view {
cursor: ew-resize;
margin: 0 auto;
overflow: hidden;
position: relative;
max-height: 100%;
height: auto !important;
background: #ffffff;
}
.product-360-view-wrapper .caston-threed-view::after {
border-color: rgba(175, 175, 175, 0.05) rgba(175, 175, 175, 0.1) rgba(175, 175, 175, 0.15);
border-radius: 50%;
border-style: solid;
border-width: 2px 2px 5px;
bottom: 15px;
content: "";
height: 50%;
left: 15px;
position: absolute;
right: 15px;
z-index: 10;
}
.product-360-view-wrapper .caston-threed-view .threed-view-images {
display: none;
list-style: outside none none;
margin: 0;
padding: 0;
}
.product-360-view-wrapper .caston-threed-view .threed-view-images img {
height: auto;
position: absolute;
top: 0;
width: 100%;
left: 0;
}
.product-360-view-wrapper .caston-threed-view .threed-view-images img.current-image {
position: static;
visibility: visible;
z-index: 9;
}
.product-360-view-wrapper .caston-threed-view .threed-view-images img.previous-image {
visibility: hidden;
}
.product-360-view-wrapper .caston-threed-view .nav_bar {
bottom: 15px;
box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.15);
left: 50%;
background: #fff;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
padding: 0;
z-index: 11;
}
.product-360-view-wrapper .caston-threed-view .nav_bar a {
display: inline-block;
text-decoration: none;
font-size: 0;
text-align: center;
vertical-align: middle;
width: 30px;
height: 30px;
margin: 5px 8px;
position: relative;
}
.product-360-view-wrapper .caston-threed-view .nav_bar a:before {
content: "";
width: 30px;
height: 30px;
font-size: 15px;
border-radius: 50%;
background: #f8f8f8;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.product-360-view-wrapper .caston-threed-view .nav_bar a.nav_bar_previous:before {
content: "<";
}
.product-360-view-wrapper .caston-threed-view .nav_bar a.nav_bar_play:after {
content: "";
border-style: solid;
display: block;
position: absolute;
top: 9px;
left: 7px;
border-width: 6px;
border-color: #aaa #aaa transparent transparent;
transform: rotateZ(45deg);
border-radius: 0;
width: auto;
height: auto;
}
.product-360-view-wrapper .caston-threed-view .nav_bar a.nav_bar_stop:after {
content: "";
width: 14px;
height: 14px;
border: 2px solid #aaa;
background: #aaa;
display: block;
position: absolute;
top: 8px;
left: 8px;
}
.product-360-view-wrapper .caston-threed-view .nav_bar a.nav_bar_next:before {
content: ">";
}
.product-360-view-wrapper .caston-threed-view .spinner {
text-align: center;
}
.flex-viewport.has-video {
height: auto !important;
}
.video-frame {
position: relative;
}
.video-frame .fmfw-video-iframe {
width: 100%;
height: 100%;
border: none;
background: #000;
position: absolute;
}
.video-frame .video-lazy-image {
width: 100%;
height: auto;
visibility: hidden;
opacity: 0;
max-height: 100%;
}
.video-frame.lazy-video .video-lazy-image {
opacity: 1;
visibility: visible;
}
.video-frame.lazy-video .fmfw-video-iframe {
z-index: -1;
}
.video-frame.lazy-video .fmfw-video-iframe.playing {
z-index: 1;
}
a.product-video-button {
position: absolute;
z-index: 2;
left: 20px;
top: 20px;
background: #FFF;
line-height: 18px;
padding: 13px 20px;
border-radius: 50px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
a.product-video-button svg.fm-icon {
width: 22px;
height: 22px;
margin-right: 3px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
a.product-video-button:hover svg.fm-icon {
fill: var(--color_main);
}
.product-video-view-wrapper .modal-content {
background: transparent;
border: none;
}
.product-video-view-wrapper .modal-body {
height: calc(100vh - 200px);
max-height: 786px;
overflow: hidden;
display: flex;
align-items: flex-end;
}
.product-video-view-wrapper .modal-body iframe {
width: 100%;
height: 100%;
border: none;
background: #000;
}
.single-product .woo_sc_data_content {
margin: 0;
}
.single-product .woo_sc_modal_content {
background: #fafafa;
padding: 15px;
border-radius: 0;
box-shadow: none;
}
.single-product div.woo_sc_btn_span span.woo_sc_size_icon {
background: url(//faupin.com/wp-content/themes/caston/assets/images/icon_sizechart.png) no-repeat transparent;
background-size: contain;
}
.single-product .woo_sc_frontend_btn div.woo_sc_price_btn_popup {
margin-top: 0;
padding: 0;
}
.single-product .woo_sc_frontend_btn div.woo_sc_price_btn_popup:focus, .single-product .woo_sc_frontend_btn div.woo_sc_price_btn_popup:hover {
outline: none;
box-shadow: none;
}
.single-product.single_product_has_background .woo_sc_frontend_btn div.woo_sc_price_btn_popup, .single-product.single-product-style-modern .woo_sc_frontend_btn div.woo_sc_price_btn_popup {
background: none;
}
.caston-mobile.single-product .product-gallery .woocommerce-product-gallery.gallery_style_vertical .flex-viewport {
margin-left: 0;
}
@media (min-width: 576px) {
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title {
display: block;
min-width: unset;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li a {
padding: 0 0 9px 0;
margin-bottom: 0;
}
.single-product .product-main .product-info form.cart .tinv-wraper {
flex: 0 0 50%;
}
.single-product .product-main .product-info .product_meta > span + span {
margin-left: 0px;
}
.caston-sticky-atc-btn {
padding: 15px 0;
}
.caston-sticky-atc-btn .caston-sticky-btn-info, .caston-sticky-atc-btn .caston-sticky-btn-price {
display: block;
}
}
@media (max-width: 767px) {
a.product-360-button {
left: 20px;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title {
display: block;
overflow: inherit;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li {
padding: 0 15px;
}
.single-product .product-footer .related.products > h2, .single-product .product-footer .up-sells.products > h2 {
padding-bottom: 15px;
}
.single-product .product-footer .related .caston-carousel-wrap .swiper-arrow-button.swiper-button-prev, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-arrow-button.swiper-button-prev {
left: -10px;
}
.single-product .product-footer .related .caston-carousel-wrap .swiper-arrow-button.swiper-button-next, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-arrow-button.swiper-button-next {
right: -10px;
}
.single-product .product-main.wide-gallery .product-gallery .wide_gallery_swiper .swiper-pagination {
display: block;
bottom: 40px;
}
}@media (min-width: 768px) {
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .panel {
margin-bottom: 3rem;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li > a::after {
position: absolute;
bottom: 0;
left: 0;
content: "";
width: 100%;
border-bottom: 2px solid transparent;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li > a:hover {
color: var(--color_heading);
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li > a:hover::after {
border-bottom-color: var(--color_main);
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs .caston-tabs-title > li.active > a::after {
border-bottom-color: var(--color_main);
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical {
flex-direction: row;
max-width: 100%;
display: flex;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical .panel {
width: calc(100% - 280px);
margin-bottom: 0;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical .panel table.shop_attributes {
margin-left: 0;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical .caston-tabs-title {
width: max-content;
display: flex;
flex-direction: column;
min-width: 280px;
text-align: left;
margin-bottom: 0;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical .caston-tabs-title > li {
width: 100%;
margin: 0;
padding: 0 0 20px 0;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform {
padding-bottom: 60px;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment, .single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform .caston_comment_fields_group, .single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform .form-submit {
flex: 0 0 100%;
margin-left: 0;
margin-right: 0;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform .form-submit {
transform: translateY(100%);
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform .comment-form-cookies-consent {
bottom: 60px;
align-items: flex-start;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform .comment-form-cookies-consent .wp-comment-cookies-consent {
margin-top: 5px;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform .comment-form-cookies-consent label {
line-height: 1.3;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment textarea {
min-height: 150px;
}
.single-product .product-footer .related.products .caston-carousel .swiper-pagination-bullets, .single-product .product-footer .up-sells .caston-carousel .swiper-pagination-bullets {
display: none;
}
.single-product .product-footer .related.products .caston-carousel .caston_navigation_wrap, .single-product .product-footer .up-sells .caston-carousel .caston_navigation_wrap {
display: block;
}
.single-product .product-footer .related.products .caston-carousel.swiper-container-horizontal, .single-product .product-footer .up-sells .caston-carousel.swiper-container-horizontal {
padding: 0 19px;
margin: 0 -19px;
}
.single-product .product-footer .related.products .caston-carousel-wrap .swiper-button-next,
.single-product .product-footer .related.products .caston-carousel-wrap .swiper-button-prev, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-next,
.single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-prev {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border: none;
color: var(--color_heading);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid var(--color_border);
background-color: #fff;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.single-product .product-footer .related.products .caston-carousel-wrap .swiper-button-next svg,
.single-product .product-footer .related.products .caston-carousel-wrap .swiper-button-prev svg, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-next svg,
.single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-prev svg {
fill: var(--color_heading);
width: 15px;
height: 15px;
-webkit-transition: fill 0.25s linear 0s;
-moz-transition: fill 0.25s linear 0s;
-ms-transition: fill 0.25s linear 0s;
-o-transition: fill 0.25s linear 0s;
transition: fill 0.25s linear 0s;
}
.single-product .product-footer .related.products .caston-carousel-wrap .swiper-button-next:hover,
.single-product .product-footer .related.products .caston-carousel-wrap .swiper-button-prev:hover, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-next:hover,
.single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-prev:hover {
border-color: var(--color_heading);
}
.single-product .product-footer .related.products .caston-carousel-wrap .swiper-button-next, .single-product .product-footer .related.products .caston-carousel-wrap.swiper-container-rtl .swiper-button-prev, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-next, .single-product .product-footer .up-sells .caston-carousel-wrap.swiper-container-rtl .swiper-button-prev {
right: -19px;
}
.single-product .product-footer .related.products .caston-carousel-wrap .swiper-button-next svg, .single-product .product-footer .related.products .caston-carousel-wrap.swiper-container-rtl .swiper-button-prev svg, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-next svg, .single-product .product-footer .up-sells .caston-carousel-wrap.swiper-container-rtl .swiper-button-prev svg {
margin-left: 6px;
}
.single-product .product-footer .related.products .caston-carousel-wrap .swiper-button-prev, .single-product .product-footer .related.products .caston-carousel-wrap.swiper-container-rtl .swiper-button-next, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-prev, .single-product .product-footer .up-sells .caston-carousel-wrap.swiper-container-rtl .swiper-button-next {
left: -19px;
}
.single-product .product-footer .related.products .caston-carousel-wrap .swiper-button-prev svg, .single-product .product-footer .related.products .caston-carousel-wrap.swiper-container-rtl .swiper-button-next svg, .single-product .product-footer .up-sells .caston-carousel-wrap .swiper-button-prev svg, .single-product .product-footer .up-sells .caston-carousel-wrap.swiper-container-rtl .swiper-button-next svg {
margin-right: 4px;
}
.single-product .product-footer .related.products .caston-carousel-wrap:not(:hover) .swiper-button-next,
.single-product .product-footer .related.products .caston-carousel-wrap:not(:hover) .swiper-button-prev, .single-product .product-footer .up-sells .caston-carousel-wrap:not(:hover) .swiper-button-next,
.single-product .product-footer .up-sells .caston-carousel-wrap:not(:hover) .swiper-button-prev {
opacity: 0;
visibility: hidden;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform {
position: relative;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment, .single-product #reviews #review_form_wrapper .comment-respond #commentform .caston_comment_fields_group {
flex: 0 0 calc(50% - 10px);
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment {
order: 5;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-comment textarea {
min-height: 205px;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .form-submit {
order: 6;
flex: 0 0 calc(50% - 10px);
margin-left: 20px;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .caston_comment_fields_group {
margin-right: 20px;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .caston_comment_fields_group ~ .form-submit {
margin-left: 0;
transform: translateY(-75px);
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-cookies-consent {
position: absolute;
bottom: 0;
display: flex;
align-items: center;
}
.single-product #reviews #review_form_wrapper .comment-respond #commentform .comment-form-cookies-consent label {
margin-bottom: 0;
}
.single-product #reviews #review_form_wrapper .comment-respond #reply-title {
font-size: 18px;
}
.single-product #reviews #comments ol.commentlist li.review {
padding-top: 30px;
padding-left: 30px;
flex: 0 0 calc(50% - 11px);
}
.single-product #reviews #comments ol.commentlist li.review:nth-child(2n+1) {
margin-right: 20px;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container img.avatar {
top: 25px;
left: 30px;
padding: 10px;
width: 60px;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta {
margin-top: 5px;
margin-bottom: 20px;
}
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta .woocommerce-review__author,
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta .woocommerce-review__published-date,
.single-product #reviews #comments ol.commentlist li.review .comment_container .comment-text .meta .woocommerce-review__awaiting-approval {
margin-left: 75px;
}
.single-product .product-main .product-info .product_meta .posted_in a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-ms-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
.single-product .product-info.summary #reviews #comments ol.commentlist li.review, .single-product .product-info.summary #reviews #review_form_wrapper .comment-respond #commentform .form-submit, .single-product .product-info.summary #reviews #review_form_wrapper .comment-respond #commentform > * {
flex: 0 0 100%;
margin-right: 0 !important;
margin-left: 0 !important;
width: 100%;
}
}
@media (min-width: 992px) {
.single-product { }
.single-product .woocommerce-product-gallery {
margin-bottom: 0;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img {
border: 1px solid var(--color_border);
width: max-content;
float: none;
opacity: 1 !important;
-webkit-transition: border-color 0.25s linear 0s;
-moz-transition: border-color 0.25s linear 0s;
-ms-transition: border-color 0.25s linear 0s;
-o-transition: border-color 0.25s linear 0s;
transition: border-color 0.25s linear 0s;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
border-color: var(--color_main);
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
border-color: var(--color_main);
}
.single-product .woocommerce-product-gallery .caston-prev, .single-product .woocommerce-product-gallery .caston-next {
width: 40px;
height: 40px;
-webkit-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-moz-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-ms-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-o-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
}
.single-product .woocommerce-product-gallery .caston-prev:hover, .single-product .woocommerce-product-gallery .caston-next:hover {
background: var(--color_main);
color: #ffffff;
box-shadow: none;
}
.single-product .woocommerce-product-gallery .caston-prev:hover svg, .single-product .woocommerce-product-gallery .caston-next:hover svg {
fill: #ffffff;
}
.single-product .woocommerce-product-gallery.gallery_style_default .flex-viewport {
margin-bottom: 10px;
border: 1px solid var(--color_border);
}
.single-product .woocommerce-product-gallery.gallery_style_default .gallery_thumb_swiper {
position: relative;
}
.single-product .woocommerce-product-gallery.gallery_style_default .gallery_thumb_swiper > .flex-control-thumbs {
padding: 1px 0 !important;
display: flex;
overflow: initial;
}
.single-product .woocommerce-product-gallery.gallery_style_default .gallery_thumb_swiper > .flex-control-thumbs li img {
width: 100%;
}
.single-product .woocommerce-product-gallery.gallery_style_default .gallery_thumb_swiper .swiper-pagination-bullets {
display: none;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical {
display: grid;
grid-template-columns: 100px 1fr;
grid-gap: 10px;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .flex-viewport {
border: 1px solid var(--color_border);
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper {
position: relative;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .flex-control-thumbs {
display: flex;
opacity: 1;
z-index: 1;
height: auto;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .flex-control-thumbs li.swiper-slide {
width: 100%;
box-sizing: border-box;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .swiper-pagination-bullets {
display: none;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .caston-prev, .single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .caston-next {
display: flex;
left: 50%;
right: auto;
transform: rotate(90deg);
margin-left: -20px;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .caston-prev {
top: 3px;
bottom: auto;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .gallery_thumb_swiper .caston-next {
top: auto;
bottom: 3px;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical > .woocommerce-product-gallery__wrapper {
grid-column: 1/span 2;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .flex-viewport {
order: 1;
}
.single-product .woocommerce-product-gallery.gallery_style_grid2 {
margin-bottom: 60px;
}
.single-product .product-main.sidebar-left > .row, .single-product .product-main.sidebar-left-full > .row, .single-product .product-main.sidebar-right > .row, .single-product .product-main.sidebar-right-full > .row {
flex-direction: row;
}
.single-product .product-main.sidebar-left > .row .product-content > .row, .single-product .product-main.sidebar-left-full > .row .product-content > .row, .single-product .product-main.sidebar-right > .row .product-content > .row, .single-product .product-main.sidebar-right-full > .row .product-content > .row {
flex-direction: row;
}
.single-product .product-main.sidebar-left .product-info, .single-product .product-main.sidebar-left-full .product-info, .single-product .product-main.sidebar-right .product-info, .single-product .product-main.sidebar-right-full .product-info {
padding-left: 65px;
padding-right: 0;
}
.single-product .product-main.sidebar-left .product-sidebar .widget, .single-product .product-main.sidebar-left-full .product-sidebar .widget, .single-product .product-main.sidebar-right .product-sidebar .widget, .single-product .product-main.sidebar-right-full .product-sidebar .widget {
max-width: 320px;
margin-left: auto;
}
.single-product .product-main.sidebar-left > .row, .single-product .product-main.sidebar-left-full > .row {
flex-direction: row-reverse;
}
.single-product .product-main.sidebar-left .product-sidebar .widget, .single-product .product-main.sidebar-left-full .product-sidebar .widget {
margin-left: initial;
}
.single-product .product-main.no-sidebar .product-gallery, .single-product .product-main.sticky-layout .product-gallery, .single-product .product-main.sidebar-left .product-gallery, .single-product .product-main.sidebar-left-full .product-gallery, .single-product .product-main.sidebar-right .product-gallery, .single-product .product-main.sidebar-right-full .product-gallery {
-ms-flex: 0 0 60;
flex: 0 0 60%;
max-width: 60%;
}
.single-product .product-main.no-sidebar .product-info, .single-product .product-main.sticky-layout .product-info, .single-product .product-main.sidebar-left .product-info, .single-product .product-main.sidebar-left-full .product-info, .single-product .product-main.sidebar-right .product-info, .single-product .product-main.sidebar-right-full .product-info {
max-width: 40%;
width: 40%;
}
.single-product .product-main.wide-gallery .product-info {
padding-bottom: 60px;
margin-bottom: 60px;
width: 100% !important;
padding-right: 60%;
}
.single-product .product-main.wide-gallery .product-info > form.cart {
position: absolute;
right: 0;
top: 0;
width: 35%;
}
.single-product .product-main.wide-gallery .product-info::after {
display: inline-block;
content: "";
position: absolute;
width: 100vw;
left: 50%;
transform: translateX(-50%);
bottom: 0;
border-top: 1px solid var(--color_border);
}
.single-product .product-main .product-page-accordian {
margin-top: 60px;
}
.single-product .product-main .product-page-accordian .accordion-item.card button.btn-link {
font-size: 22px;
}
.single-product #content div.product .woocommerce-tabs.caston-tabs-title {
margin-bottom: 0;
}
.single-product #content div.product .woocommerce-tabs.caston-tabs-title > li {
padding: 0 20px;
}
.single-product #content div.product .woocommerce-tabs.caston-tabs-title ~ .woocommerce-Tabs-panel {
padding: 20px 0;
}
.single-product #content div.product .woocommerce-tabs.vertical {
flex-direction: row;
flex-wrap: nowrap;
}
.single-product #content div.product .woocommerce-tabs.vertical .caston-tabs-title {
border-right: 1px solid var(--color_border);
margin-right: 50px;
}
.single-product #content div.product .woocommerce-tabs.vertical .caston-tabs-title > li {
padding: 20px 0;
}
.single-product .product-page-sections .product-section .section-tab-content {
padding-left: 115px;
}
.single-product .product-page-sections .product-section ~ .product-section {
margin-top: 50px;
}
.single-product.single-product-layout-special #content {
padding-top: 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special .product-content {
padding-bottom: 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row {
justify-content: space-between;
align-items: center;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-gallery {
padding: 0;
display: block;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-gallery .woocommerce-product-gallery .flex-control-paging {
bottom: 30px;
right: 40px;
margin: 0;
transform: translateX(0);
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-gallery .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
bottom: 30px;
top: auto;
left: 50px;
right: auto;
background: transparent;
-webkit-transition: background-color 0.25s linear 0s;
-moz-transition: background-color 0.25s linear 0s;
-ms-transition: background-color 0.25s linear 0s;
-o-transition: background-color 0.25s linear 0s;
transition: background-color 0.25s linear 0s;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-gallery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background: #ffffff;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-info {
max-width: 50%;
width: 50%;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-info .product_clean_wrap {
position: relative;
left: 50%;
top: 50px;
flex: 0 0 50vw;
width: 50vw;
max-width: 50vw;
transform: translateX(-50vw);
padding: 0;
display: block;
text-align: center;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-info .product_clean_wrap h1.product_title {
max-width: 450px;
font-size: 40px;
line-height: 48px;
margin-left: auto;
margin-right: auto;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-info .product_clean_wrap .woocommerce-product-rating {
justify-content: center;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-info .product_clean_summary_wrap {
width: 450px;
max-width: 100%;
margin-left: auto;
margin-right: 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern {
position: relative;
height: max-content;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern::before {
display: inline-block;
content: "";
position: absolute;
width: 100vw;
height: 100%;
left: 50%;
transform: translateX(-50%);
right: 0;
top: 0;
bottom: 0;
background-color: #f6f6f6;
z-index: 1;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern::before .content-row {
z-index: 2;
height: max-content;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row {
justify-content: space-between;
align-items: center;
padding: 80px 0 0 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-gallery, .single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-info {
position: relative;
z-index: 3;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-info {
flex: 0 0 380px;
max-width: 25%;
width: 380px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-info h1.product_title {
font-size: 40px;
line-height: 46px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-info > .price {
padding-bottom: 0;
margin-bottom: 20px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-info > .price::before {
display: none;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-info form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {
flex: 0 0 100%;
margin: 0 0 15px 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-info form.cart .single_add_to_cart_button {
flex: 0 0 100%;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-info form.cart .quantity {
flex: 0 0 100%;
margin: 0 0 15px 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-info form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item {
padding: 15px 8px;
margin: 0 8px 8px 0;
height: 40px;
min-width: 40px;
background: none;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-gallery {
position: relative;
flex: 0 0 calc(50%);
max-width: 50%;
width: 50%;
display: flex;
justify-content: center;
padding: 35px 15px 80px 15px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-gallery .woocommerce-product-gallery .gallery_thumb_swiper {
margin-top: 10px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-gallery .woocommerce-product-gallery .flex-control-thumbs:not(swiper-wrapper) {
margin-top: 10px;
display: flex;
justify-content: center;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern .content-row .product-gallery .woocommerce-product-gallery .flex-control-thumbs:not(swiper-wrapper) li {
margin: 0 5px;
max-width: 105px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth {
display: block;
position: relative;
height: max-content;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth::before {
display: inline-block;
content: "";
position: absolute;
width: 100vw;
height: 100%;
left: 50%;
transform: translateX(-50%);
right: 0;
top: 0;
bottom: 0;
background-color: #f6f6f6;
z-index: 1;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth::before .content-row {
z-index: 2;
height: max-content;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-gallery {
display: flex;
z-index: 2;
position: relative;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-gallery .woocommerce-product-gallery .flex-viewport {
position: relative;
margin: 0;
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-gallery .woocommerce-product-gallery .flex-control-thumbs {
position: absolute;
top: 120px;
left: auto;
z-index: 5;
right: 0;
margin: 0;
display: flex;
flex-direction: column;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-gallery .woocommerce-product-gallery .flex-control-thumbs > li {
width: 100%;
max-width: 68px;
margin-bottom: 10px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-gallery .woocommerce-product-gallery .flex-control-thumbs > li img {
border-color: var(--color_border);
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-gallery .woocommerce-product-gallery .flex-control-thumbs > li img:hover, .single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-gallery .woocommerce-product-gallery .flex-control-thumbs > li img.flex-active {
opacity: 0.5;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
position: absolute;
bottom: 60px;
z-index: 3;
display: flex;
flex-direction: column;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info h1.product_title {
font-size: 40px;
line-height: 46px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info > .price {
padding-bottom: 0;
margin-bottom: 20px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info .product_meta {
padding-top: 0;
margin-top: 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info .price::before, .single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info .product_meta::before, .single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info .tinv-wraper {
display: none;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart {
order: 2;
margin: 0;
flex-wrap: nowrap;
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
max-width: 100%;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart .quantity,
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .quantity,
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart button.single_add_to_cart_button {
margin-bottom: 0 !important;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart .quantity {
background: #ffffff;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart button.single_add_to_cart_button {
flex: 0 0 280px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart table.variations {
flex: 0 0 50%;
max-width: 50%;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart table.variations tbody {
display: flex;
align-items: center;
justify-content: flex-start;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart table.variations tbody tr {
margin-bottom: 0;
flex-direction: column;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart table.variations tbody tr td.label label {
padding: 0 0 10px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart table.variations tbody tr td.woo-variation-items-wrapper {
position: relative;
padding-right: 50px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart table.variations tbody tr td.woo-variation-items-wrapper .reset_variations {
margin: 0;
bottom: 5px;
top: auto;
position: absolute;
right: 5px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart table.variations .variable-items-wrapper .variable-item {
margin-bottom: 0 !important;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart .single_variation_wrap {
flex: 0 0 50%;
max-width: 50%;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
justify-content: flex-end;
flex-wrap: nowrap;
flex: 0 0 430px;
max-width: 80%;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart .single_variation_wrap > .woocommerce-variation {
margin-right: auto;
margin-left: 6px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart .single_variation_wrap .woocommerce-variation-price {
margin-bottom: 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart .single_variation_wrap .woocommerce-variation-description {
display: none;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item {
margin: 0 10px 5px 0;
padding: 0 6px;
height: 36px;
min-width: 36px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.large .content-row {
justify-content: space-between;
align-items: center;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.large .content-row .product-gallery {
padding: 0;
display: block;
max-width: 55%;
width: 55%;
flex: 0 0 55%;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.large .content-row .product-info {
max-width: 45%;
width: 495px;
flex: 0 0 495px;
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.large .content-row .product-info .product_meta {
margin-top: 10px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.large .content-row .product-info .caston-breadcrumb-summary {
order: -1;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.large .content-row .product-info .caston-breadcrumb-summary .woocommerce-breadcrumb {
margin-bottom: 0;
}
.single-product.single-product-layout-special.single-product-style-fullwidth .site-header, .single-product.single-product-layout-special.single-product-style-modern .site-header, .single-product.single-product-layout-special.single-product-style-clean .site-header {
position: fixed;
width: 100%;
}
.single-product.single-product-layout-special.single-product-style-clean .site-header .header-layout {
border-bottom-color: transparent;
}
.single-product.single-product-layout-special.single-product-style-clean .site-header .header-layout::after {
content: "";
display: inline-block;
position: absolute;
right: 0;
width: 50%;
height: 1px;
border-bottom: 1px solid var(--color_border);
}
.single-product.single-product-layout-special.single-product-style-clean .site-header .header-layout.fm-header-sticky.headroom--pinned.headroom--not-top::after {
display: none;
}
.single-product.single-product-layout-special.single-product-style-clean #content > .container {
padding-left: 15px;
padding-right: 15px;
}
.single-product #product-sidebar .widget.caston_featured_box .widget-title {
display: none;
}
.single-product #product-sidebar .widget.caston_featured_box .content-box .icon {
margin-bottom: 15px;
}
.single-product #product-sidebar .widget.caston_featured_box .content-box .content-text .title {
text-transform: uppercase;
color: var(--color_heading);
font-size: 14px;
margin-bottom: 10px;
}
.single-product #product-sidebar .widget.caston_featured_box .content-box .content-text .text {
color: #83868c;
font-size: 14px;
line-height: 24px;
}
.single-product #content .type-product .product-container .product-sidebar::before {
display: none;
}
.single-product #content {
padding-top: 34px;
overflow-x: hidden;
}
.single-product .product-main {
margin-bottom: 3rem;
}
.single-product .product-main .product-info {
margin-bottom: 0;
}
.single-product .product-main.sidebar-right-full .product-content, .single-product .product-main.sidebar-left-full .product-content {
padding-bottom: 0;
margin-bottom: 0;
}
.single-product .product-main.sidebar-right-full .product-content::before, .single-product .product-main.sidebar-left-full .product-content::before {
display: none !important;
}
.single-product .product-main.sidebar-right-full .product-content > .content-row, .single-product .product-main.sidebar-left-full .product-content > .content-row {
padding-bottom: 3rem;
margin-bottom: 3rem;
border-bottom: 1px solid var(--color_border);
}
.single-product .product-footer {
padding-bottom: 20px;
padding-top: 0;
}
.single-product .product-footer .related.products, .single-product .product-footer .up-sells.products {
padding-top: 3rem;
margin-top: 3rem;
}
.single-product .product-footer .related.products ul.products, .single-product .product-footer .related.products ul.products li.product, .single-product .product-footer .up-sells.products ul.products, .single-product .product-footer .up-sells.products ul.products li.product {
margin-bottom: 0;
}
.single-product .product-footer .related.products > h2, .single-product .product-footer .up-sells.products > h2 {
margin-bottom: 3rem;
}
.single-product .product-footer .related.products .caston-carousel .swiper-pagination-bullets, .single-product .product-footer .up-sells.products .caston-carousel .swiper-pagination-bullets {
display: none;
}
.single-product .product-footer .related.products .caston-carousel .caston_navigation_wrap, .single-product .product-footer .up-sells.products .caston-carousel .caston_navigation_wrap {
display: block;
}
.single-product .product-main .product-info > .price {
position: relative;
padding-bottom: 25px;
margin-bottom: 25px;
}
.single-product .product-main .product-info > .price::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: var(--color_border);
left: 0;
bottom: 0;
}
.single-product .product-main .product-info .product_meta {
position: relative;
padding-top: 25px;
margin-top: 25px;
}
.single-product .product-main .product-info .product_meta::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: var(--color_border);
left: 0;
top: 0;
}
.single-product .product-main .product-info .product-share {
position: relative;
padding-top: 25px;
margin-top: 25px;
}
.single-product .product-main .product-info .product-share::before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: var(--color_border);
left: 0;
top: 0;
}
.single-product .product-main .product-info .type-product.product-type-variable .product-container .product-main .product-info form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item {
margin: 0 16px 8px 0;
padding: 15px;
height: 48px;
min-width: 48px;
}
.caston-sticky-atc-btn.mobile-off {
display: block;
}
.caston-sticky-atc-btn button.single_add_to_cart_button, .caston-sticky-atc-btn .caston-sticky-variations-atc, .caston-sticky-atc-btn .caston-sticky-btn-cart .quantity {
margin-left: 25px;
}
.caston-sticky-atc-btn .caston-sticky-btn-thumbnail {
margin-right: 20px;
}
a.product-video-button.on_vertical_thumbs {
left: 150px;
}
.product-360-button ~ a.product-video-button {
top: 60px;
}
a.product-360-button.on_vertical_thumbs {
left: 150px;
}
}
@media (min-width: 1200px) {
.single-product .product-main.no-sidebar .product-info, .single-product .product-main.sticky-layout .product-info, .single-product .product-main.sidebar-left .product-info, .single-product .product-main.sidebar-left-full .product-info, .single-product .product-main.sidebar-right .product-info, .single-product .product-main.sidebar-right-full .product-info {
padding-left: 30px;
}
.single-product .woocommerce-product-gallery.gallery_style_default .flex-viewport {
margin-bottom: 15px;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical {
grid-gap: 15px;
}
.single-product .woocommerce-product-gallery.gallery_style_vertical .flex-control-thumbs li {
margin-bottom: 15px;
}
.single-product .product-main .product-info .type-product .product-container .product-footer .caston-wc-tabs .caston-tabs-title > li {
padding: 0 30px;
}
.single-product .product-main .product-info .type-product .product-container .product-footer .caston-wc-tabs.vertical .caston-tabs-title > li {
padding: 20px 0;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs:not(.vertical):before {
width: 100vw;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform {
padding-bottom: 0;
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform .form-submit {
transform: translateY(30px);
}
.single-product #content div.product .woocommerce-tabs.caston-wc-tabs.vertical #reviews #review_form_wrapper .comment-respond #commentform .comment-form-cookies-consent {
bottom: 30px;
}
.single-product .product-main .product-content:before,
.single-product .product-footer .related.products:before,
.single-product .product-footer .up-sells.products:before {
width: 100vw;
}
.single-product .product-footer .related.products, .single-product .product-footer .up-sells.products {
padding-top: 4rem;
margin-top: 4rem;
}
.single-product .product-main {
margin-bottom: 4rem;
}
.single-product .product-main.sidebar-right-full .product-content > .content-row, .single-product .product-main.sidebar-left-full .product-content > .content-row {
padding-bottom: 4rem;
margin-bottom: 4rem;
}
.single-product .product-main.no-sidebar:not(.special):not(.sticky):not(.has_background):not(.sticky-layout) {
margin-bottom: 28px;
}
.single-product .product-main.no-sidebar:not(.special):not(.sticky):not(.has_background):not(.sticky-layout) .product-content {
padding-bottom: 0;
}
.single-product .product-main.no-sidebar:not(.special):not(.sticky):not(.has_background):not(.sticky-layout) .product-content:before {
bottom: -41px;
}
.single-product.theme-caston #content div.product .woocommerce-product-gallery.images, .single-product.theme-caston #content div.product .woocommerce-product-gallery.images + .product-info {
margin-bottom: 4rem;
}
}
@media (min-width: 1440px) {
.single-product .product-navigation {
display: block;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row {
margin-left: 0;
margin-right: 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-info .product_clean_wrap {
top: 0;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.clean .content-row .product-info .product_clean_summary_wrap {
margin-right: auto;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-gallery .woocommerce-product-gallery .flex-control-thumbs {
top: 150px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-gallery .woocommerce-product-gallery .flex-control-thumbs > li {
max-width: 117px;
margin-bottom: 15px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart table.variations tbody tr {
flex: 1;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart table.variations tbody tr td.label label {
padding: 0 0 20px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.fullwidth .product-info form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item {
margin: 0 16px 8px 0;
padding: 15px;
height: 48px;
min-width: 48px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.large .product-info {
padding-bottom: 30px;
padding-top: 30px;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.large .product-info .caston-breadcrumb-summary {
display: block;
}
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.large .product-info .caston-breadcrumb-summary .woocommerce-breadcrumb {
margin-bottom: 10px;
}
.single-product.single-product-layout-special.single-product-style-clean #content > .container, .single-product.single-product-layout-special.single-product-style-large #content > .container {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.single-product.single-product-layout-special.single-product-style-clean .product-footer, .single-product.single-product-layout-special.single-product-style-large .product-footer {
max-width: 1410px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1800px) {
.single-product.single-product-layout-special #content .type-product .product-container .product-main.special.modern {
position: relative;
height: max-content;
width: 1740px;
margin-left: 50%;
transform: translateX(-50%);
}
}.woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
padding: 0.5rem 1rem;
color: var(--color_heading);
border-style: solid;
border-width: 0 0 0 2px;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: space-between;
}
.woocommerce .woocommerce-error .button, .woocommerce-page .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce-page .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-message .button {
float: none;
margin: 0;
order: 2;
background: var(--color_heading);
color: #ffffff;
font-size: 10px;
text-transform: uppercase;
font-weight: 600;
}
.woocommerce .woocommerce-error .button:hover, .woocommerce-page .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce-page .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover, .woocommerce-page .woocommerce-message .button:hover {
background-color: var(--color_main);
}
.woocommerce .woocommerce-error::before, .woocommerce-page .woocommerce-error::before, .woocommerce .woocommerce-info::before, .woocommerce-page .woocommerce-info::before, .woocommerce .woocommerce-message::before, .woocommerce-page .woocommerce-message::before {
display: none;
}
.woocommerce-NoticeGroup-checkout .woocommerce-error, .woocommerce-NoticeGroup-checkout .woocommerce-info, .woocommerce-NoticeGroup-checkout .woocommerce-message {
flex-direction: column;
align-items: flex-start;
}
.woocommerce-notices-wrapper .woocommerce-message a.button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
}
.woocommerce-message {
border-color: #6dc22e;
}
.woocommerce-error {
border-color: #aa0000;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
border-color: var(--color_input_border);
}
#add_payment_method table.cart td.actions .coupon .input-text :hover, #add_payment_method table.cart td.actions .coupon .input-text :focus, .woocommerce-cart table.cart td.actions .coupon .input-text :hover, .woocommerce-cart table.cart td.actions .coupon .input-text :focus, .woocommerce-checkout table.cart td.actions .coupon .input-text :hover, .woocommerce-checkout table.cart td.actions .coupon .input-text :focus {
border-color: var(--color_input_border_focus);
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: var(--color_button_background);
color: #fff;
}
.woocommerce form .form-row, .woocommerce-page form .form-row {
position: relative;
margin-bottom: 20px;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
font-size: 15px;
color: var(--color_body);
position: absolute;
left: 8px;
top: 0;
transform: translateY(-50%);
margin: 0;
background: #ffffff;
padding: 0 8px;
line-height: 20px;
z-index: 1;
-webkit-transition: top 0.25s linear 0s;
-moz-transition: top 0.25s linear 0s;
-ms-transition: top 0.25s linear 0s;
-o-transition: top 0.25s linear 0s;
transition: top 0.25s linear 0s;
}
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox, .woocommerce form .form-row label.woocommerce-form-login__rememberme, .woocommerce-page form .form-row label.woocommerce-form__label-for-checkbox, .woocommerce-page form .form-row label.woocommerce-form-login__rememberme {
position: static;
background: none;
transform: translateY(0);
width: auto;
}
.woocommerce form .form-row label .required, .woocommerce-page form .form-row label .required {
color: inherit;
font-size: inherit;
font-weight: normal;
}
.woocommerce form .form-row .input-text#billing_address_1::placeholder, .woocommerce form .form-row .input-text #shipping_address_1::placeholder, .woocommerce form .form-row .input-text#billing_email::placeholder, .woocommerce form .form-row .input-text#shipping_country::placeholder, .woocommerce-page form .form-row .input-text#billing_address_1::placeholder, .woocommerce-page form .form-row .input-text #shipping_address_1::placeholder, .woocommerce-page form .form-row .input-text#billing_email::placeholder, .woocommerce-page form .form-row .input-text#shipping_country::placeholder {
opacity: 0;
}
.woocommerce form .form-row .input-text#billing_email, .woocommerce-page form .form-row .input-text#billing_email {
font-size: 0;
}
.woocommerce form .form-row .input-text#billing_email:focus, .woocommerce-page form .form-row .input-text#billing_email:focus {
font-size: 15px;
}
.woocommerce form .woocommerce-input-wrapper, .woocommerce-page form .woocommerce-input-wrapper {
width: 100%;
}
.woocommerce form.woocommerce-form-track-order .form-row, .woocommerce-page form.woocommerce-form-track-order .form-row {
position: relative;
}
.woocommerce form.woocommerce-form-track-order .form-row > label, .woocommerce-page form.woocommerce-form-track-order .form-row > label {
top: 0;
color: var(--color_heading);
}
.woocommerce form.woocommerce-form-track-order button[type=submit], .woocommerce-page form.woocommerce-form-track-order button[type=submit] {
width: 100%;
}
.woocommerce-page.theme-caston form .form-row-first, .woocommerce-page.theme-caston form .form-row-last {
width: calc(50% - 8px);
}
.woocommerce-page nav.woocommerce-pagination ul {
border: none;
}
.woocommerce-page nav.woocommerce-pagination ul li {
border: none;
box-sizing: border-box;
margin: 0 5px 5px 5px;
}
.woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span {
color: var(--color_body);
min-width: 41px;
width: 41px;
height: 41px;
line-height: 39px;
background-color: #fff;
padding: 0;
margin: 0;
font-size: 16px;
font-weight: 500;
text-align: center;
border: 1px solid var(--color_border);
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.woocommerce-page nav.woocommerce-pagination ul li a svg.fm-icon, .woocommerce-page nav.woocommerce-pagination ul li span svg.fm-icon {
width: 11px;
height: 11px;
fill: var(--color_body);
}
.woocommerce-page nav.woocommerce-pagination ul li a.current, .woocommerce-page nav.woocommerce-pagination ul li span.current {
background-color: #fff;
border-color: var(--color_heading);
color: var(--color_heading);
}
.woocommerce-page nav.woocommerce-pagination ul li a.current svg.fm-icon, .woocommerce-page nav.woocommerce-pagination ul li span.current svg.fm-icon {
fill: var(--color_heading);
}
.woocommerce-page nav.woocommerce-pagination ul li a.prev, .woocommerce-page nav.woocommerce-pagination ul li span.prev {
width: auto;
padding: 0 12px 0 15px;
}
.woocommerce-page nav.woocommerce-pagination ul li a.next, .woocommerce-page nav.woocommerce-pagination ul li span.next {
width: auto;
padding: 0 11px 0 17px;
}
.woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li span:hover {
background-color: #fff;
border-color: var(--color_heading);
color: var(--color_heading);
}
.woocommerce-page nav.woocommerce-pagination ul li a:hover svg.fm-icon, .woocommerce-page nav.woocommerce-pagination ul li span:hover svg.fm-icon {
fill: var(--color_heading);
}
.pagination-style1 nav.woocommerce-pagination ul li a, .pagination-style1 nav.woocommerce-pagination ul li span {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.pagination-style2 nav.woocommerce-pagination ul li a, .pagination-style2 nav.woocommerce-pagination ul li span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.pagination-align-left.woocommerce nav.woocommerce-pagination {
text-align: left;
}
.pagination-align-left.woocommerce nav.woocommerce-pagination ul > li:first-child {
margin-left: 0;
}
.pagination-align-center.woocommerce nav.woocommerce-pagination {
text-align: center;
}
.pagination-align-right.woocommerce nav.woocommerce-pagination {
text-align: right;
}
.pagination-align-right.woocommerce nav.woocommerce-pagination ul > li:last-child {
margin-right: 0;
}
.woocommerce-page .variable-items-wrapper li.woo-variation-swatches-variable-item-more a {
font-size: 11px;
color: #888;
margin-left: 5px;
text-transform: lowercase;
}
body.woo-variation-swatches .woocommerce-page .variable-items-wrapper li.variable-item.color-variable-item {
box-shadow: none;
margin: 3px 6px 3px 0;
}
body.woo-variation-swatches .woocommerce-page .variable-items-wrapper li.variable-item.color-variable-item:hover, body.woo-variation-swatches .woocommerce-page .variable-items-wrapper li.variable-item.color-variable-item.selected {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
}
body.woo-variation-swatches .woocommerce-page .variable-items-wrapper li.variable-item.color-variable-item.selected:hover {
box-shadow: 0 0 0 1px black;
}
.woocommerce-page .woocommerce-breadcrumb {
font-size: 14px;
color: #aeaeae;
line-height: inherit;
}
.woocommerce-page .woocommerce-breadcrumb a {
font-size: inherit;
color: var(--color_heading);
}
.woocommerce-page .woocommerce-breadcrumb a:hover {
color: var(--color_main);
}
.woocommerce-page .woocommerce-breadcrumb span {
line-height: 22px;
display: inline-flex;
align-items: center;
font-size: 0;
color: var(--color_body);
}
.woocommerce-page .woocommerce-breadcrumb span::before {
display: inline-block;
margin: 0 8px;
content: "";
width: 6px;
height: 6px;
border: 1px solid #aeaeae;
transform: rotate(45deg);
border-width: 1px 1px 0 0;
}
.familab_theme form.track_order > .form-row {
width: 100%;
margin-bottom: 25px;
}
@media (min-width: 768px) {
.woocommerce-notices-wrapper .woocommerce-message a.button {
height: 50px;
}
.woocommerce-page.theme-caston form .form-row-first, .woocommerce-page.theme-caston form .form-row-last {
width: calc(50% - 15px);
}
.woocommerce-page .woocommerce-breadcrumb {
font-size: 14px;
margin-bottom: 30px;
}
.woocommerce-page .woocommerce-breadcrumb span::before {
margin: 0 12px;
}
.woocommerce-page .woocommerce-pagination ul li a, .woocommerce-page .woocommerce-pagination ul li span {
color: var(--color_body);
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
border-width: 2px;
line-height: 38px;
}
.woocommerce-page .woocommerce-pagination ul li a:hover, .woocommerce-page .woocommerce-pagination ul li a.current, .woocommerce-page .woocommerce-pagination ul li span:hover, .woocommerce-page .woocommerce-pagination ul li span.current {
background-color: #fff;
border-color: var(--color_heading);
color: #FFF;
}
.woocommerce-page .woocommerce-pagination ul li a:hover svg.fm-icon, .woocommerce-page .woocommerce-pagination ul li a.current svg.fm-icon, .woocommerce-page .woocommerce-pagination ul li span:hover svg.fm-icon, .woocommerce-page .woocommerce-pagination ul li span.current svg.fm-icon {
fill: var(--color_heading);
}
.woocommerce-page .woocommerce-pagination ul li a:hover svg.fm-icon :hover, .woocommerce-page .woocommerce-pagination ul li a.current svg.fm-icon :hover, .woocommerce-page .woocommerce-pagination ul li span:hover svg.fm-icon :hover, .woocommerce-page .woocommerce-pagination ul li span.current svg.fm-icon :hover {
fill: var(--color_heading);
}
.woocommerce-page .woocommerce-pagination ul li a.prev, .woocommerce-page .woocommerce-pagination ul li span.prev {
width: auto;
padding: 0 12px 0 15px;
}
.woocommerce-page .woocommerce-pagination ul li a.next, .woocommerce-page .woocommerce-pagination ul li span.next {
width: auto;
padding: 0 11px 0 17px;
}
.woocommerce-page .variable-items-wrapper li.woo-variation-swatches-variable-item-more a {
font-size: 11px;
color: #888;
margin-left: 5px;
text-transform: lowercase;
}
body.woo-variation-swatches .woocommerce-page .variable-items-wrapper li.variable-item.color-variable-item {
box-shadow: none !important;
background-color: transparent !important;
}
body.woo-variation-swatches .woocommerce-page .variable-items-wrapper li.variable-item.color-variable-item:hover, body.woo-variation-swatches .woocommerce-page .variable-items-wrapper li.variable-item.color-variable-item.selected {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) !important;
}
body.woo-variation-swatches .woocommerce-page .variable-items-wrapper li.variable-item.color-variable-item.selected:hover {
box-shadow: 0 0 0 1px black !important;
}
}@media (min-width: 768px) {
a:hover {
color: var(--color_link_hover);
text-decoration: none;
}
.hover_dropdown_wrapper .dropdown_content {
margin: -10px 0 0;
padding: 15px;
-webkit-transform: translateY(15px) translateZ(0);
transform: translateY(15px) translateZ(0);
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
pointer-events: none;
}
.hover_dropdown_wrapper:hover .dropdown_content {
visibility: visible;
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: unset;
}
.woocommerce #respond input#submit, .familab_theme #respond input#submit, .woocommerce a.button, .familab_theme a.button, .woocommerce button.button, .familab_theme button.button, .woocommerce button.button.alt, .familab_theme button.button.alt, .woocommerce input.button, .familab_theme input.button, .woocommerce button, .familab_theme button, .woocommerce .btn, .familab_theme .btn {
height: 50px;
padding: 15px 25px;
letter-spacing: 2px;
-webkit-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-moz-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-ms-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-o-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
}
.familab_theme #respond input#submit.disabled, .familab_theme #respond input#submit:disabled[disabled],
.familab_theme a.button:disabled, .familab_theme a.button:disabled[disabled], .familab_theme button.button:disabled,
.familab_theme button.button:disabled[disabled], .familab_theme input.button:disabled, .familab_theme input.button:disabled[disabled],
.familab_theme #respond input#submit.alt, .familab_theme a.button.alt, .familab_theme button.button.alt, .familab_theme input.button.alt {
height: 50px;
padding: 15px 25px;
letter-spacing: 2px;
-webkit-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-moz-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-ms-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
-o-transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
transition: background-color 0.3s linear 0s, color 0.3s linear 0s, border 0.3s linear 0s;
}
input[type=email], input[type=search], input[type=number], input[type=url], input[type=tel], input[type=text], input[type=password] {
height: 50px;
}
select {
height: 50px;
}
.familab_theme .select2-container--default .select2-selection--single {
height: 50px;
line-height: 48px;
}
.header-main {
height: var(--header_height);
}
.header-container {
max-width: 100%;
}
.header-layout {
background-color: var(--header_color_bg);
border-bottom-color: var(--header_color_divider);
}
.header-layout .header-main {
border-bottom-color: inherit;
}
.header-layout .header-bottom {
background-color: var(--header_color_bg_bottom);
}
.header-layout .header-content .header-container {
display: flex;
align-items: center;
height: inherit;
}
.header-layout.header-layout1 .header-main .header-container {
justify-content: flex-start;
}
.header-layout.header-layout1 .header-right-control {
margin-left: auto;
}
.header-layout.header-layout1 #site-navigation.nav-center + .header-right-control {
margin-left: unset;
}
.header-layout.header-layout1 #site-navigation.nav-right + .header-right-control {
margin-left: 50px;
}
.header-layout.header-layout2 .header-main .header-container {
display: flex;
justify-content: space-between;
}
.header-layout.header-layout2 .header-main .header-container > .hamburger-menu-wrap {
display: none;
}
.header-layout.header-layout2 .site-branding {
margin-right: auto;
}
.header-layout.header-layout2 .header-right-control .header-element.hamburger-box {
margin-left: 18px !important;
}
.header-layout.header-layout2 .header-right-control .header-element.hamburger-box svg.fm-icon {
width: 24px;
height: 24px;
}
.header-layout.header-layout3 .header-main .header-container {
display: grid;
grid-template-columns: 1fr 250px 1fr;
}
.header-layout.header-layout3 .header-bottom {
height: 50px;
}
.header-layout.header-layout3 .header-bottom #site-navigation {
justify-content: center;
}
.header-layout.header-layout3 .site-branding {
width: 100%;
text-align: center;
}
.header-layout.header-layout4 .header-main .header-container {
justify-content: space-between;
}
.header-layout.header-layout4 .header-main .header-container .header-control-wrap.header-left-control, .header-layout.header-layout4 .header-main .header-container .header-control-wrap.header-right-control {
flex: 1;
}
.header-layout.header-layout5 .header-main .header-container {
display: grid;
grid-template-columns: 1fr 250px 1fr;
}
.header-layout.header-layout5 .site-branding {
width: 100%;
text-align: center;
}
.header-layout.header-layout6 .header-main .header-container {
display: grid;
grid-template-columns: 1fr 250px 1fr;
}
.header-layout.header-layout6 .header-main .header-container .main-navigation ul.nav-menu > li.menu-item:first-child {
margin-left: 0;
}
.header-layout.header-layout6 .site-branding {
width: 100%;
text-align: center;
}
.header-layout.header-layout7 .header-main .header-container {
justify-content: flex-start;
}
.header-layout.header-layout7 .header-main .header-container .header-right-control {
margin-right: 0;
margin-left: auto;
}
.header-layout.header-layout8 .header-main .header-container {
justify-content: flex-start;
}
.header-layout.header-layout8 .header-main .header-container .header-right-control {
margin-right: 0;
margin-left: auto;
}
.header-layout.header-layout9 .header-main .header-container {
justify-content: space-between;
}
.header-layout.header-layout10 .header-main .header-container {
justify-content: space-between;
}
.header-layout.header-layout10 .header-main .header-container .header-control-wrap.header-left-control, .header-layout.header-layout10 .header-main .header-container .header-control-wrap.header-right-control, .header-layout.header-layout10 .header-main .header-container .header-control-wrap.header-bottom-left-control, .header-layout.header-layout10 .header-main .header-container .header-control-wrap.header-bottom-right-control {
flex: 1;
}
.header-layout.header-layout11 .header-content.header-main {
background-color: var(--color_dark);
}
.header-layout.header-layout11 .header-content.header-main .header-container {
justify-content: flex-start;
}
.header-layout.header-layout11 .header-content.header-main .header-container .header-right-control {
margin-right: 0;
margin-left: auto;
}
.header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.search_box > a, .header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.cart_box > a, .header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.my-account-box > a, .header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.wishlist-box > a, .header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.hamburger-box > a {
color: var(--color_light);
}
.header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.search_box > a svg, .header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.cart_box > a svg, .header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.my-account-box > a svg, .header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.wishlist-box > a svg, .header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.hamburger-box > a svg {
fill: var(--color_light);
}
.header-layout.header-layout11 .header-content.header-main .header-container .header-right-control .header-element.cart_box > a .mini-cart-contents .cart-counter > span {
color: var(--color_light);
}
.header-layout.header-layout11 .header-content.header-main .header-container .header-control-wrap:not(.header-right-control) {
flex: 1 1 auto;
justify-content: center;
}
.header-layout.header-layout11 .header-content.header-main .header-container .header-control-wrap:not(.header-right-control) .fm-search-form {
height: 50px;
background-color: #252525;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}
.header-layout.header-layout11 .header-content.header-main .header-container .header-control-wrap:not(.header-right-control) .fm-search-form .search_text_input {
background-color: transparent;
border: none;
flex: 1;
}
.header-layout.header-layout11 .header-content.header-main .header-container .header-control-wrap:not(.header-right-control) .fm-search-form .search_text_input::placeholder {
color: var(--color_light);
}
.header-layout.header-layout11 .header-content.header-main .header-container .header-control-wrap:not(.header-right-control) .fm-search-form button[type=submit] {
width: 40px;
height: 40px;
margin: 5px;
background-color: var(--color_main);
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}
.header-layout.header-layout11 .header-content.header-main .header-container .header-control-wrap:not(.header-right-control) .fm-search-form button[type=submit]:hover {
opacity: 0.8;
}
.header-layout.header-layout11 .header-bottom {
height: 75px;
}
.header-layout.header-layout11 .header-bottom #site-navigation {
margin-right: auto;
}
.header-layout.header-layout11 .header-bottom .header-container {
display: flex;
align-items: center;
height: inherit;
}
.header-layout.header-layout11 .header-bottom .header-container .main-navigation ul.nav-menu > li.menu-item:first-child {
margin-left: 0;
}
.header-layout.header-layout11 .header-bottom .header-container .header-element.contact-info-box {
display: flex;
flex-direction: column;
position: relative;
justify-content: center;
}
.header-layout.header-layout11 .header-bottom .header-container .header-element.contact-info-box .ct-title {
display: none;
}
.header-layout.header-layout11 .header-bottom .header-container .header-element.contact-info-box svg.fm-icon {
position: absolute;
width: 46px;
height: 46px;
padding: 12px;
border: 1px solid;
right: calc(100% + 18px);
}
.header-layout.header-layout11 .header-bottom .header-container .header-element.contact-info-box .ct-info {
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.header-layout.header-layout9 .site-branding + .header-control-wrap {
margin-left: 0;
margin-right: auto;
}
.header-layout.header-layout9 .site-branding + .header-control-wrap .fm-search-form {
border: 1px solid rgba(122, 122, 122, 0.25);
}
.header-layout.header-layout9 .site-branding + .header-control-wrap .fm-search-form .search_text_input,
.header-layout.header-layout9 .site-branding + .header-control-wrap .fm-search-form button[type=submit] {
background: none;
border: none;
}
.header-layout.header-layout:not(.header-layout7):not(.header-layout8) .search_box.form .fm-search-form {
border: 1px solid;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
flex-direction: row-reverse;
}
.header-layout.header-layout:not(.header-layout7):not(.header-layout8) .search_box.form .fm-search-form .search_text_input {
border: none;
padding-left: 0;
background: none !important;
height: 100%;
}
.header-layout.header-layout:not(.header-layout7):not(.header-layout8) .search_box.form .fm-search-form .search_text_input::placeholder {
color: inherit;
line-height: inherit;
}
.header-layout.header-layout:not(.header-layout7):not(.header-layout8) .search_box.form .fm-search-form button[type=submit] {
background: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-right: 0;
letter-spacing: 0;
padding-left: 0;
width: 50px;
}
.header-layout.header-layout:not(.header-layout7):not(.header-layout8) .header-right-control .search_box.form .fm-search-form {
flex-direction: row;
}
.header-layout.header-layout:not(.header-layout7):not(.header-layout8) .header-right-control .search_box.form .fm-search-form .search_text_input {
padding-left: 15px;
padding-right: 0;
}
.header-layout.header-layout7 .fm-search-form, .header-layout.header-layout8 .fm-search-form {
border: 1px solid rgba(122, 122, 122, 0.25);
}
.header-layout.header-layout7 .fm-search-form .search_text_input,
.header-layout.header-layout7 .fm-search-form button[type=submit], .header-layout.header-layout8 .fm-search-form .search_text_input,
.header-layout.header-layout8 .fm-search-form button[type=submit] {
background: none;
border: none;
}
.header-layout.header-layout7 .main-navigation > .nav-menu > li.menu-item, .header-layout.header-layout8 .main-navigation > .nav-menu > li.menu-item {
height: 60px;
}
.header-layout.header-layout5 .header-right-control .my-account-box a.account-btn {
display: flex;
align-items: center;
flex-direction: column;
}
.header-layout.header-layout5 .header-right-control .my-account-box a.account-btn svg.fm-icon + span {
margin-right: 6px;
order: -1;
}
.header-layout.header-layout5 .header-right-control .cart_box a.cart-btn .mini-cart-contents {
margin-left: 3px;
}
.header-layout.header-layout5 .hamburger-box a.hamburger-menu svg.fm-icon {
width: 26px;
height: 26px;
}
.header-layout.header-layout11 .header-main .header-element.search_form_wrapper button[type=submit] svg {
fill: #FFF !important;
width: 18px;
height: 18px;
}
header:not(.fmc-transparent-header) .header-layout.header-layout11 .header-element.search_form_wrapper .fm-search-form .search_text_input {
background: #ffffff;
color: #fff;
}
.header-bottom-left-wrap.categories_element {
height: 100%;
}
.product_all_categories_list {
margin: 0 25px 0 0;
list-style: none;
text-align: center;
background: #000000;
height: 100%;
padding: 0;
min-width: 220px;
display: flex;
align-items: center;
justify-content: space-between;
}
.product_all_categories_list ul {
list-style: none;
}
.product_all_categories_list li {
position: relative;
text-align: left;
}
.product_all_categories_list li > ul {
position: absolute;
visibility: hidden;
opacity: 0;
left: 100%;
top: 0;
padding: 0;
background: #ffffff;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
-webkit-transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
-moz-transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
-ms-transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
-o-transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
}
.product_all_categories_list li:hover > ul {
visibility: visible;
opacity: 1;
}
.product_all_categories_list li.product_cat {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
color: #ffffff;
text-align: center;
width: 100%;
text-transform: uppercase;
padding: 0 20px 0 15px;
background-position: right 15px top 50%;
background-size: 15px;
background-repeat: no-repeat;
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/select_icon_w.svg);
}
.product_all_categories_list li.product_cat > ul {
padding: 0;
width: 100%;
top: 100%;
left: 0;
}
.product_all_categories_list li.product_cat > ul li.cat-item {
display: inline-flex;
width: 100%;
font-size: 0;
border-bottom: 1px solid #e6e6e6;
min-width: 220px;
}
.product_all_categories_list li.product_cat > ul li.cat-item a {
font-size: 13px;
line-height: 16px;
padding: 12px 15px;
display: inline-flex;
width: 100%;
}
.header-bottom {
height: 60px;
position: relative;
}
.header-layout10 .header-bottom .header-container, .header-layout8 .header-bottom .header-container, .header-layout3 .header-bottom .header-container {
display: flex;
justify-content: space-between;
align-items: center;
height: inherit;
position: relative;
}
.header-layout10 .header-bottom #site-navigation, .header-layout8 .header-bottom #site-navigation, .header-layout3 .header-bottom #site-navigation {
justify-content: center;
margin: 0 auto;
}
.header-layout10 .header-bottom:before {
display: inline-block;
width: 100%;
border-top: 1px solid rgba(255, 255, 255, 0.15);
content: "";
position: absolute;
top: 0;
}
.header-element > a:hover {
color: var(--header_color_text_hover);
}
.header-element.cart_box > a:hover, .header-element.cart_box > a:hover span {
color: var(--header_color_text_hover);
}
.header-element.cart_box > a:hover svg, .header-element.cart_box > a:hover span svg {
fill: var(--header_color_text_hover);
}
.header-element.cart_box > a:hover .mini-cart-contents .cart-counter > span, .header-element.cart_box > a:hover span .mini-cart-contents .cart-counter > span {
color: var(--header_color_text_hover);
}
.header-element.search_box.button:hover .search_form_wrapper.dropdown {
visibility: visible;
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: unset;
}
.header-element.search_box a:hover {
color: var(--header_color_text_hover);
}
.header-element.search_box a:hover svg {
fill: var(--header_color_text_hover);
}
.header-element.search_box > a {
display: inline-flex;
width: 32px;
height: 32px;
align-items: center;
justify-content: center;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
background-color: var(--color_main);
}
.header-element.search_box > a svg.fm-icon {
width: 13px;
height: 13px;
fill: #fff !important;
}
.header-element.search_box > a:hover {
color: #fff;
}
.header-element.search_box > a:hover svg.fm-icon {
fill: #fff;
}
.header-element.cart_box svg.fm-icon {
width: 21px;
height: 21px;
}
.header-element.my-account-box svg.fm-icon, .header-element.wishlist-box svg.fm-icon, .header-element.hamburger-box svg.fm-icon {
width: 18px;
height: 18px;
}
.header-element.hamburger-box > a svg, .header-element.wishlist-box > a svg, .header-element.my-account-box > a svg, .header-element.social-icon-box > a svg {
fill: var(--header_color_text);
}
.header-element.hamburger-box > a:hover svg, .header-element.wishlist-box > a:hover svg, .header-element.my-account-box > a:hover svg, .header-element.social-icon-box > a:hover svg {
fill: var(--header_color_text_hover);
}
.currency.list-dropdown .dropdown ul li:hover, .language.list-dropdown .dropdown ul li:hover {
background: #f4f4f4;
}
.currency.list-dropdown .dropdown:hover ul, .language.list-dropdown .dropdown:hover ul {
visibility: visible;
opacity: 1;
}
.main-navigation {
text-align: left;
}
.main-navigation.nav-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.main-navigation.nav-right {
text-align: right;
margin-left: auto;
}
.header-layout1 .main-navigation.nav-right + .header-right-control {
margin-left: 50px;
}
.main-navigation.logo-center-menu {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
}
.main-navigation.logo-center-menu > .site-branding {
text-align: center;
}
.header-bottom .main-navigation {
text-align: center;
}
.theme-caston #cart-canvas .caston-close-btn:hover svg {
fill: var(--color_main);
}
.theme-caston #cart-canvas .caston-close-btn:hover .button-title {
color: var(--color_main);
}
#hamburger-canvas .caston-close-btn:hover svg {
fill: var(--color_main);
}
#hamburger-canvas .caston-close-btn:hover .button-title {
color: var(--color_main);
}
.theme-caston #account-canvas .account_form_content .caston-close-btn .button-title:hover {
color: var(--color_main);
}
.ajax_search.fm-search-form .fm-search-results .fm-dataset .search-result-item .product-item-cat-title:hover {
color: var(--color_heading);
}
#fm-search-modal .modal-header button.close:hover .button-title {
color: var(--color_main);
}
#fm-search-modal .modal-header button.close:hover svg.fm-icon {
fill: var(--color_main);
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-title .js-offcanvas-close .button-title:hover {
color: var(--color_main);
}
#mobile-header-canvas .offcanvas-content .mobile-header-screen-inner .mobile-header-title .js-offcanvas-close:hover svg.fm-icon {
fill: var(--color_main);
border-color: var(--color_main);
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .remove:hover {
fill: var(--color_heading);
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item a:not(:hover) {
color: var(--color_heading) !important;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item a:not(:hover) svg {
fill: var(--color_heading) !important;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .quantity-wrap .woocommerce-mini-cart-item__qty .quantity > a:hover {
border-color: var(--color_heading);
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item .quantity-wrap .woocommerce-mini-cart-item__qty .quantity > a:hover svg {
fill: var(--color_heading);
}
.theme-caston .cart_box_content .woocommerce-mini-cart__buttons {
flex-direction: row-reverse;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__buttons a.button {
width: calc(50% - 5px);
padding: 15px 20px;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__buttons a.button + .button {
margin-top: 0;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__buttons a.button:hover, .theme-caston .cart_box_content .woocommerce-mini-cart__buttons a.button.checkout:hover {
background-color: var(--color_main);
}
.cart_box_content .caston-cart-empty-box .caston-parent-term-link:hover {
background: var(--color_main);
color: var(--color_light);
border-color: var(--color_main);
}
.cart_box_content .caston-cart-empty-box .caston-parent-term-link:hover svg {
fill: var(--color_light);
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .caston-cart-empty-box .caston-parent-term-link:hover {
border-color: var(--color_main);
background-color: var(--color_main);
color: #ffffff;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content .caston-cart-empty-box .caston-parent-term-link:hover svg {
fill: #ffffff;
}
ol.flex-control-nav { }
ol.flex-control-nav li a:hover::before {
background-color: var(--color_heading);
}
#fm-account-modal {
z-index: 105000;
background-color: rgba(0, 0, 0, 0.3);
}
#fm-account-modal .account-modal {
height: 100%;
display: flex;
align-items: center;
}
#fm-account-modal.show .account-modal .modal-content {
background: none;
border: none;
}
#fm-account-modal.show .account-modal .modal-content .caston-close-btn {
display: none;
}
#fm-account-modal.show .account-modal .modal-content .modal-body {
background: #ffffff;
padding: 20px 30px 35px;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content ul.nav-tabs {
border: none;
padding: 0;
margin-bottom: 0;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content ul.nav-tabs li.nav-item {
border: none;
padding: 0;
margin: 0;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content ul.nav-tabs li.nav-item a.nav-link {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
text-align: center;
height: 40px;
line-height: 40px;
padding: 0 30px;
z-index: 1;
width: auto;
display: flex;
justify-content: center;
position: relative;
border: none;
color: var(--color_body);
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content ul.nav-tabs li.nav-item a.nav-link::before, #fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content ul.nav-tabs li.nav-item a.nav-link::after {
content: "";
display: block;
position: absolute;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content ul.nav-tabs li.nav-item a.nav-link::before {
width: 100px;
height: 40px;
left: 50%;
transform: translateX(-50%);
background: #ffffff;
z-index: -1;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content ul.nav-tabs li.nav-item a.nav-link::after {
width: 100%;
height: 2px;
background: transparent;
left: 50%;
transform: translateX(-50%);
bottom: -2px;
z-index: -1;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content ul.nav-tabs li.nav-item a.nav-link.active {
color: var(--color_heading);
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content ul.nav-tabs li.nav-item a.nav-link.active::after {
background-color: var(--color_heading);
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane > h2 {
display: none;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form {
font-size: 15px;
padding: 50px 25px 30px 25px;
border: 1px solid var(--color_border);
margin: 0;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form .woocommerce-form-row {
margin: 0 0 15px 0;
list-style-position: inside;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form input {
font-size: 13px;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form input#password::placeholder {
opacity: 0;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form .woocommerce-button.button {
width: 100%;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form .woocommerce-LostPassword.lost_password {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
transform: translateY(0);
font-size: 13px;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form .woocommerce-LostPassword.lost_password label {
font-size: inherit;
font-weight: 400;
color: var(--color_heading);
margin: 0;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form .woocommerce-LostPassword.lost_password a {
font-size: inherit;
color: var(--color_heading);
line-height: 20px;
-webkit-transition: border-color 0.25s linear 0s;
-moz-transition: border-color 0.25s linear 0s;
-ms-transition: border-color 0.25s linear 0s;
-o-transition: border-color 0.25s linear 0s;
transition: border-color 0.25s linear 0s;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form .woocommerce-LostPassword.lost_password a:hover {
color: var(--color_main);
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form .woocommerce-error {
padding-left: 20px;
}
#fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row {
position: relative;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
#fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row label, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row label {
font-size: 15px;
color: var(--color_body);
position: absolute;
left: 8px;
top: 2px;
transform: translateY(-50%);
margin: 0;
background: #ffffff;
padding: 0 8px;
line-height: 20px;
z-index: 1;
}
#fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row label[for=billing_country], #fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row label[for=order_comments], #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row label[for=billing_country], #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row label[for=order_comments] {
top: 0;
color: var(--color_heading);
}
#fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row label.woocommerce-form__label-for-checkbox, #fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row label.woocommerce-form-login__rememberme, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row label.woocommerce-form__label-for-checkbox, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row label.woocommerce-form-login__rememberme {
position: static;
background: none;
transform: translateY(0);
width: auto;
}
#fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row label .required, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row label .required {
color: inherit;
font-size: inherit;
}
#fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row .input-text:focus ~ label, #fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row .input-text.has-content ~ label, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row .input-text:focus ~ label, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row .input-text.has-content ~ label {
top: 0;
color: var(--color_heading);
width: auto;
}
#fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row .input-text#username::placeholder, #fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row .input-text#password::placeholder, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row .input-text#username::placeholder, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row .input-text#password::placeholder {
opacity: 0;
}
#fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row .show-password-input ~ label, #fm-account-modal form.woocommerce-form.woocommerce-form-register .form-row .password-input ~ label, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row .show-password-input ~ label, #fm-account-modal form.woocommerce-form.woocommerce-form-login .form-row .password-input ~ label {
display: none;
}
#search-canvas .offcanvas-content {
display: flex;
flex-direction: column;
width: 100%;
padding: 0 15px;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
#search-canvas .offcanvas-content .js-offcanvas-close.caston-close-btn .button-title:hover {
color: var(--color_main);
}
#search-canvas .offcanvas-content .search_form_content .fm-search-form button[type=submit] svg.fm-icon:hover {
fill: var(--color_heading);
}
.header-breadcrumb-wrap {
display: block;
}
.comment-navigation a:hover, .posts-navigation a:hover, .post-navigation a:hover {
color: var(--color_main);
}
.header-mobile > .container,
.header-container,
#content > .container,
.site-content .page-heading-wrap .page-heading-container,
.page-heading-wrap > .container,
.header-breadcrumb-wrap > .container,
.page-shop-option .page-heading-wrap .caston-carousel-wrap > .container,
.page-shop-option .shop-heading-container {
padding-left: 30px;
padding-right: 30px;
}
.nav-menu a.fmtpl-button-default {
display: inline-flex;
}
.nav-menu, .nav-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.nav-menu li {
margin: 0 15px;
display: inline-block;
position: relative;
}
.nav-menu li.menu-item-mega:not(.menu-item-custom-width) {
position: static;
}
.nav-menu li > ul {
box-shadow: 0 4px 10px 0 rgba(3, 3, 3, 0.1);
transform: translateY(39px);
position: absolute;
top: 100%;
left: -40px;
padding: 30px 0;
min-width: 166px;
display: none;
z-index: 99;
background-color: #fff;
white-space: nowrap;
}
.nav-menu li > ul:before {
position: absolute;
top: -8px;
left: 0;
content: "";
width: 100%;
height: 40px;
background-color: transparent;
}
.nav-menu li > ul ul {
left: 100%;
top: 10px;
transform: translate(3px, -40px);
}
.nav-menu li > ul ul:before {
top: 0;
left: -3px;
width: 3px;
height: 100%;
}
.nav-menu li > ul.mega-menu-container ul {
transform: translate(0);
}
.nav-menu li li {
display: block;
margin: 0;
padding: 7px 20px 7px 30px;
}
.nav-menu li li a {
font-weight: 400;
text-transform: none;
line-height: 1.4;
font-size: 14px !important;
}
.nav-menu li li .elementor-section a {
font-size: unset;
font-weight: unset;
line-height: unset;
}
.nav-menu li li.mega-content-post {
padding: 0;
width: 100%;
}
.nav-menu li li.menu-level-1 > a:not(:hover), .nav-menu li li.menu-level-2 > a:not(:hover), .nav-menu li li.menu-level-3 > a:not(:hover) {
color: var(--color_body) !important;
}
.nav-menu > li:last-child {
margin-right: 0;
}
.nav-menu a {
position: relative;
display: block;
}
.nav-menu .sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 280px;
background-color: #fff;
text-align: left;
padding: 14px 0px;
z-index: 9999;
-webkit-transition: transform 0.5s ease-in-out 0.1s, opacity 0.4s ease-in 0.3s, visibility 0.4s ease-in 0.3s;
-moz-transition: transform 0.5s ease-in-out 0.1s, opacity 0.4s ease-in 0.3s, visibility 0.4s ease-in 0.3s;
-o-transition: transform 0.5s ease-in-out 0.1s, opacity 0.4s ease-in 0.3s, visibility 0.4s ease-in 0.3s;
transition: transform 0.5s ease-in-out 0.1s, opacity 0.4s ease-in 0.3s, visibility 0.4s ease-in 0.3s;
-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
display: block;
}
.nav-menu .sub-menu .sub-menu {
top: 0;
left: 100%;
}
.nav-menu .sub-menu.mega-menu-container {
display: flex;
flex-wrap: wrap;
}
.nav-menu .sub-menu.mega-menu-container .sub-menu {
visibility: visible;
opacity: 1;
top: 0 !important;
}
.nav-menu .sub-menu.mega-menu-wrap { position: absolute;
padding: 0;
left: 0;
right: 0;
background: #FFF;
-webkit-box-shadow: 7px 6px 40px 0px rgba(204, 204, 223, 0.16);
-moz-box-shadow: 7px 6px 40px 0px rgba(204, 204, 223, 0.16);
box-shadow: 7px 6px 40px 0px rgba(204, 204, 223, 0.16);
}
.nav-menu .sub-menu.mega-menu-wrap .mega-menu-container {
margin: 0 auto;
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.nav-menu .sub-menu.mega-menu-wrap .mega-menu-container .mega-menu-content {
position: static;
display: flex;
box-shadow: none;
background: transparent;
transform: translateY(0);
}
.nav-menu .menu-item:not(:hover) > .sub-menu {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
.nav-menu .menu-item.menu-item-mega:hover > .sub-menu, .nav-menu .menu-item.menu-item-mega:hover .sub-menu {
visibility: visible;
opacity: 1;
top: calc(100% + 25px);
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.nav-menu .menu-item.menu-item-mega.menu-item-custom-width > .sub-menu {
top: calc(100% + 25px);
}
.nav-menu .menu-item.menu-item-mega.menu-item-custom-width > .sub-menu:before {
top: -25px;
}
.nav-menu .menu-item.menu-item-mega.menu-item-mega:not(.menu-item-custom-width) .container-fluid:before {
position: absolute;
top: -35px;
left: 0;
content: "";
width: 100%;
height: 40px;
background-color: transparent;
}
.nav-menu .menu-item > .sub-menu {
top: calc(100% + 25px);
}
.nav-menu .menu-item > .sub-menu:before {
top: -25px;
}
.nav-menu .menu-item:hover > .sub-menu {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.nav-menu .menu-item:hover .sub-menu .sub-menu { top: 0;
}
.nav-menu > .menu-item:nth-last-child(1) .sub-menu .sub-menu,
.nav-menu > .menu-item:nth-last-child(2) .sub-menu .sub-menu,
.nav-menu > .menu-item:nth-last-child(3) .sub-menu .sub-menu,
.nav-menu > .menu-item:nth-last-child(4) .sub-menu .sub-menu {
right: 100%;
left: auto;
}
.main-navigation {
display: flex;
}
.main-navigation ul.nav-menu {
height: inherit;
}
.main-navigation ul.nav-menu > li.menu-item {
height: inherit;
margin: 0 12px;
}
.main-navigation ul.nav-menu > li.menu-item > a {
height: inherit;
display: flex;
align-items: center;
transition: all 0.3s;
}
.main-navigation ul.nav-menu > li.menu-item > a::after {
bottom: 0;
height: 1px;
}
.main-navigation .nav-menu ul li.page_item.page_item_has_children ul.children {
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
background-color: #fff;
text-align: left;
padding: 10px 0;
z-index: 9999;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-box-shadow: 7px 6px 40px 0 rgba(204, 204, 223, 0.16);
-moz-box-shadow: 7px 6px 40px 0 rgba(204, 204, 223, 0.16);
box-shadow: 7px 6px 40px 0 rgba(204, 204, 223, 0.16);
display: block;
}
.main-navigation .nav-menu ul li.page_item.page_item_has_children:not(:hover) > ul.children {
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
}
.main-navigation .nav-menu ul li.page_item:hover .children .children {
top: 100%;
right: 100%;
left: auto;
}
.main-navigation .nav-menu ul > li.page_item:nth-last-child(1) .children .children, .main-navigation .nav-menu ul > li.page_item:nth-last-child(2) .children .children, .main-navigation .nav-menu ul > li.page_item:nth-last-child(3) .children .children, .main-navigation .nav-menu ul > li.page_item:nth-last-child(4) .children .children {
right: 100%;
left: auto;
}
.site-navigation a i {
margin-right: 5px;
}
.site-navigation li.menu-level-0 > a:after {
content: "";
position: absolute;
right: 0;
bottom: -3px;
transition: all 0.3s;
width: 0;
height: 2px;
border-bottom: 1px solid;
}
.site-navigation li.menu-level-0.current-menu-item > a:after, .site-navigation li.menu-level-0:hover > a:after {
width: 100%;
left: 0;
}
.site-navigation li.menu-level-0.current-menu-item.menu-item-home > a:after {
display: none;
}
.site-navigation .mega-menu-container {
padding: 0;
}
.site-header .site-navigation .mega-menu-container .menu-item-has-children > a, .site-header .site-navigation .mega-menu-container .menu-item-has-children > span {
font-size: 11.25px;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.4;
display: block;
}
.site-navigation .mega-sub-menu {
margin: 15px 0;
position: static;
}
.site-navigation .mega-sub-menu:first-child {
padding-left: 20px;
}
.site-navigation .mega-sub-menu:last-child {
padding-right: 20px;
}
.site-navigation .mega-sub-menu.menu-item-title-hidden > a,
.site-navigation .mega-sub-menu.menu-item-title-hidden > span {
text-indent: -9999px;
}
.site-navigation .mega-sub-menu .sub-menu {
transform: translate(0);
box-shadow: none;
display: block !important;
opacity: 1 !important;
position: static;
min-width: 0;
padding: 0;
margin: 16px 0 0 0;
background-color: transparent;
}
.site-navigation .mega-sub-menu > .sub-menu > li:last-child {
margin-bottom: 0;
}
.site-navigation .mega-sub-menu li {
padding: 0;
margin-bottom: 12px;
}
.site-navigation .mega-sub-menu li + .menu-item-has-children {
padding-top: 10px;
}
#site-navigation ul.nav-menu .sub-menu .mega-menu-container {
padding: 20px;
}
#site-navigation ul.nav-menu .sub-menu .mega-menu-container .mega-content-post {
width: 100%;
}
#site-navigation ul.nav-menu .sub-menu .mega-menu-container > .elementor {
max-width: 100%;
width: 100%;
}
#site-navigation ul.nav-menu .sub-menu .mega-menu-container .elementor-widget-fmtpl-menu li.menu-item {
padding: 0;
}
#site-navigation ul.nav-menu .sub-menu .elementor-widget-fmtpl-menu li.menu-item {
padding: 0;
}
#site-navigation ul.nav-menu .menu-item-badge {
margin-left: 3px;
height: 16px;
line-height: 16px;
border-radius: 2px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 6px;
}
#site-navigation ul.nav-menu .menu-item-badge .badge-title {
font-size: 9px;
text-transform: uppercase;
color: inherit !important;
}
#site-navigation ul.nav-menu li.menu-item > a {
color: var(--header_color_text);
font-size: 12px;
}
#site-navigation ul.nav-menu li.menu-item > a:hover {
color: var(--header_color_text_hover);
}
#woosq-popup {
background-color: #f5f5f5;
}
#woosq-popup .thumbnails .thumbnail {
background-color: #f5f5f5;
}
#woosq-popup .thumbnails .thumbnail img {
max-width: 100%;
width: 100%;
height: auto;
aspect-ratio: 460/460;
object-fit: cover;
}
#woosq-popup .thumbnails.slick-slider img {
max-height: 565px;
}
#woosq-popup .thumbnails.slick-slider .slick-arrow {
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 1;
letter-spacing: 0;
display: flex;
justify-content: center;
align-items: center;
}
#woosq-popup .thumbnails.slick-slider .slick-arrow:before {
font-size: 20px;
color: #aaaaaa;
line-height: 40px;
}
#woosq-popup .thumbnails.slick-slider .slick-arrow.slick-prev {
left: 5px;
}
#woosq-popup .thumbnails.slick-slider .slick-arrow.slick-prev:before {
margin-left: -2px;
}
#woosq-popup .thumbnails.slick-slider .slick-arrow.slick-next {
right: 5px;
}
#woosq-popup .thumbnails.slick-slider .slick-arrow.slick-next:before {
margin-right: -1px;
}
#woosq-popup .thumbnails.slick-slider .slick-arrow:hover:before {
color: var(--color_main);
}
#woosq-popup .thumbnails.slick-slider .slick-dots li {
margin: 0 5px;
}
#woosq-popup .thumbnails.slick-slider .slick-dots li.slick-active button:before {
background-color: transparent;
box-shadow: 0 0 0 2px var(--color_main);
}
#woosq-popup button.mfp-close {
background: none;
padding: 0;
margin: 5px 5px 0 0;
letter-spacing: 0;
}
#woosq-popup button.mfp-close:before {
font-size: 20px;
width: 100%;
height: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
-webkit-transition: background-color 0.3s linear 0s;
-moz-transition: background-color 0.3s linear 0s;
-ms-transition: background-color 0.3s linear 0s;
-o-transition: background-color 0.3s linear 0s;
transition: background-color 0.3s linear 0s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#woosq-popup button.mfp-close:hover:before {
background-color: #f8f8f8;
}
#woosq-popup .summary {
padding: 50px 30px 30px;
height: 100%;
overflow-y: auto;
display: flex;
align-items: center;
}
#woosq-popup .summary .woocommerce-product-rating {
display: flex;
align-items: center;
margin-bottom: 21px;
line-height: 1;
}
#woosq-popup .summary .woocommerce-product-rating .star-rating {
margin: 0 8px 0 0;
}
#woosq-popup .summary .woocommerce-product-rating a.woocommerce-review-link {
color: var(--color_body);
}
#woosq-popup .summary h1.product_title {
font-size: 28px;
line-height: 1.2;
font-weight: 500;
color: var(--color_heading);
margin-bottom: 16px;
text-transform: unset;
letter-spacing: 0;
}
#woosq-popup .summary .out-of-stock {
font-size: 28px;
}
#woosq-popup .summary .price {
font-size: 20px;
font-weight: 600;
color: var(--color_heading);
margin-bottom: 1.5rem;
}
#woosq-popup .summary .price del {
color: var(--color_body);
font-size: 16px;
}
#woosq-popup .summary .price ins {
text-decoration: unset !important;
color: var(--color_heading);
font-weight: 500;
}
#woosq-popup .summary .woocs_price_code .ins {
text-decoration: none !important;
}
#woosq-popup .summary .woocommerce-product-details__short-description {
line-height: 2;
margin-bottom: 1.3rem;
}
#woosq-popup .summary .woocommerce-product-details__short-description p {
margin-bottom: 0.5rem;
}
#woosq-popup .summary .woocommerce-product-details__short-description ul {
padding-left: 0;
list-style: none;
}
#woosq-popup .summary .woocommerce-product-details__short-description ul li {
position: relative;
line-height: 1.5;
padding-left: 16px;
}
#woosq-popup .summary .woocommerce-product-details__short-description ul li::before {
content: "";
width: 8px;
height: 8px;
background: #ddd;
border-radius: 50%;
display: inline-block;
position: absolute;
top: 8px;
left: 0;
}
#woosq-popup .summary .woocommerce-product-details__short-description ul li + li {
margin-top: 6px;
}
#woosq-popup .summary form.cart {
margin-bottom: 1rem;
flex-wrap: wrap;
display: flex;
}
#woosq-popup .summary form.cart .quantity {
border: 2px solid var(--color_heading);
height: 55px;
min-width: 67px;
border-radius: 0;
position: relative;
flex: 0 0 67px;
width: 67px;
margin: 0 0px 8px 8px;
}
#woosq-popup .summary form.cart .quantity .quantity-group-buttons {
border: none;
display: flex;
flex-direction: column;
}
#woosq-popup .summary form.cart .quantity .quantity-group-buttons > a {
position: absolute;
width: 30px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
border: none;
}
#woosq-popup .summary form.cart .quantity .quantity-group-buttons > a.quantity-plus, #woosq-popup .summary form.cart .quantity .quantity-group-buttons > a.quantity-minus {
right: 0;
top: 0;
align-items: flex-end;
}
#woosq-popup .summary form.cart .quantity .quantity-group-buttons > a.quantity-plus svg.fm-icon, #woosq-popup .summary form.cart .quantity .quantity-group-buttons > a.quantity-minus svg.fm-icon {
width: 12px;
height: 12px;
}
#woosq-popup .summary form.cart .quantity .quantity-group-buttons > a.quantity-minus {
bottom: -3px;
top: auto;
align-items: flex-start;
}
#woosq-popup .summary form.cart .quantity .input-text {
height: 50px;
border: none;
display: flex;
min-height: 100%;
width: 100%;
justify-content: center;
align-items: center;
font-size: 20px;
color: #000;
text-align: left;
padding: 0 20px;
font-weight: 600;
-moz-appearance: textfield;
}
#woosq-popup .summary form.cart .quantity.hidden {
border: none;
height: 0;
min-height: 0;
}
#woosq-popup .summary form.cart .tinv-wraper {
flex: 0 0 100%;
width: 100%;
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button {
display: flex;
align-items: center;
margin: 0 0 8px 0;
color: var(--color_heading);
font-size: 1rem;
font-weight: 500;
width: 100%;
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button::before {
display: none !important;
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text, #woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button span.tinvwl_add_to_wishlist-text, #woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button span.tinvwl_remove_from_wishlist-text {
margin-left: 3px;
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button svg.fm-icon {
display: inline-block;
width: 15px;
height: 15px;
fill: var(--color_body);
margin-top: 2px;
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button svg.fm-icon.icon-hover {
display: none;
fill: #aaaaaa;
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button svg.fm-icon.icon-hover:hover {
fill: #ec1d25;
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button .caston_yith_wcwl_icon, #woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button .caston_tinv_wl_icon {
border: 1px solid;
margin-right: 10px;
width: 43px;
height: 43px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border-color: var(--color_border);
-webkit-transition: border-color 0.25s linear 0s;
-moz-transition: border-color 0.25s linear 0s;
-ms-transition: border-color 0.25s linear 0s;
-o-transition: border-color 0.25s linear 0s;
transition: border-color 0.25s linear 0s;
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list svg.fm-icon, #woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover svg.fm-icon {
display: none;
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button.tinvwl-product-in-list svg.fm-icon.icon-hover, #woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover svg.fm-icon.icon-hover {
display: inline-block;
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button.disabled-add-wishlist {
color: var(--color_body);
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover .caston_yith_wcwl_icon, #woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover .caston_tinv_wl_icon {
border-color: var(--color_heading);
}
#woosq-popup .summary form.cart .tinv-wraper.tinv-wishlist a.tinvwl_add_to_wishlist_button:hover svg.fm-icon {
fill: var(--color_heading);
}
#woosq-popup .summary form.cart .single_add_to_cart_button {
flex: 0 0 calc(100% - 75px);
width: calc(100% - 75px);
}
#woosq-popup .summary form.cart button.single_add_to_cart_button {
font-weight: 600;
color: #ffffff;
font-size: 0.8rem;
text-transform: uppercase;
height: 55px;
padding: 0 15px;
margin: 0 0 25px 0;
letter-spacing: 2px;
order: -1;
}
#woosq-popup .summary form.cart button.single_add_to_cart_button svg.fm-icon {
display: none;
width: 15px;
height: 15px;
margin-right: 6px;
fill: #ffffff;
}
#woosq-popup .summary .product_meta {
display: flex;
flex-wrap: wrap;
flex-direction: column;
color: var(--color_heading);
font-weight: 600;
}
#woosq-popup .summary .product_meta > span + span {
margin-left: 0;
margin-top: 4px;
}
#woosq-popup .summary .product_meta .posted_in {
display: block;
}
#woosq-popup .summary .product_meta .posted_in a {
font-weight: 400;
color: var(--color_body);
}
#woosq-popup .summary .product_meta .posted_in a:hover {
color: var(--color_main);
}
#woosq-popup .summary .product_meta .tagged_as {
font-weight: 600;
flex: 0 0 100%;
width: 100%;
margin-left: 0;
}
#woosq-popup .summary .product_meta .sku_wrapper {
display: block;
text-transform: capitalize;
}
#woosq-popup .summary .product_meta .sku_wrapper .sku {
color: var(--color_body);
font-weight: 400;
}
#woosq-popup .summary .product_meta .tagged_as a {
color: var(--color_body);
font-weight: 400;
}
#woosq-popup .summary .product_meta .tagged_as a:hover {
color: var(--color_main);
}
#woosq-popup .summary .product-share {
width: 100%;
}
#woosq-popup .summary .product-share, #woosq-popup .summary .product-share .socials-sharing {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#woosq-popup .summary .product-share ul.socials-sharing {
list-style: none;
padding: 0;
margin-bottom: 0;
}
#woosq-popup .summary .product-share ul.socials-sharing > li {
padding: 0 10px;
}
#woosq-popup .summary .product-share ul.socials-sharing > li a svg {
fill: var(--color_heading);
}
#woosq-popup .summary .product-share ul.socials-sharing > li a:hover svg {
fill: var(--color_main);
}
#woosq-popup .summary .product-share > label {
margin-bottom: 0;
display: flex;
align-items: center;
font-weight: 600;
color: var(--color_heading);
}
#woosq-popup .summary .product-share > label svg {
display: none;
}
#woosq-popup .summary .product-share > label span::after {
display: inline-block;
content: ":";
margin: 0 5px 0 2px;
}
#woosq-popup .summary .product_meta, #woosq-popup .summary .product-share {
display: none;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations {
position: relative;
margin-bottom: 0;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr {
display: flex;
margin-bottom: 20px;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr td {
padding-top: 0;
padding-bottom: 0;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr td.label {
min-width: 68px;
display: flex;
align-items: center;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr td.label .woo-selected-variation-item-name {
display: none;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr td.label label {
position: relative;
margin-bottom: 0;
font-size: 12px;
text-transform: uppercase;
color: #000;
line-height: 30px;
font-weight: 700;
letter-spacing: 1px;
margin: 0;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations tr td.label label::after {
content: ":";
margin-left: 4px;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations select {
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/select_icon_single_product.svg);
background-position: right 8px top 50%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .select2-container--default {
height: 50px;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .select2-container--default .select2-selection--single {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 50px;
line-height: 50px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
color: var(--color_body);
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .select2-container--default .select2-selection--single > .select2-selection__arrow {
height: 100%;
width: 28px;
background-position: left center;
background-size: auto;
background-repeat: no-repeat;
background-image: url(//faupin.com/wp-content/themes/caston/assets/images/select_icon_single_product.svg);
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .select2-container--default .select2-selection--single > .select2-selection__arrow > b {
display: none;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item {
margin-right: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item span.variable-item-span-color {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item span.variable-item-span-color::after {
display: none;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item:not(.radio-variable-item) {
box-shadow: 0 0 0 1px transparent !important;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item:not(.radio-variable-item):hover, #woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.color-variable-item:not(.radio-variable-item).selected {
box-shadow: 0 0 0 1px var(--color_border) !important;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.image-variable-item {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.image-variable-item:not(.radio-variable-item) {
box-shadow: 0 0 0 1px transparent !important;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.image-variable-item:not(.radio-variable-item):hover, #woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.image-variable-item:not(.radio-variable-item).selected {
box-shadow: 0 0 0 1px var(--color_border) !important;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.image-variable-item > img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item {
width: auto;
margin: 0 10px 5px 0;
font-size: 16px;
line-height: 18px;
padding: 0 6px;
background: none;
height: 36px;
min-width: 36px;
color: var(--color_body);
-webkit-transition: box-shadow 0.25s linear 0s;
-moz-transition: box-shadow 0.25s linear 0s;
-ms-transition: box-shadow 0.25s linear 0s;
-o-transition: box-shadow 0.25s linear 0s;
transition: box-shadow 0.25s linear 0s;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item span {
font-size: inherit;
text-transform: capitalize;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item:hover, #woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.button-variable-item.selected {
color: var(--color_heading);
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.radio-variable-item {
width: auto;
height: auto;
display: flex;
align-items: center;
margin-right: 16px;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item.radio-variable-item > * {
margin: 0 3px;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item:not(.radio-variable-item) {
box-shadow: 0 0 0 1px var(--color_border) !important;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item:not(.radio-variable-item):hover, #woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper .variable-item:not(.radio-variable-item).selected {
box-shadow: 0 0 0 1px var(--color_heading) !important;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .variable-items-wrapper.radio-variable-wrapper {
display: flex;
align-items: center;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .woo-variation-items-wrapper {
display: flex;
align-items: center;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations {
position: relative;
display: block;
margin: 0 0 0 15px;
color: var(--color_heading);
font-size: 11px;
text-transform: uppercase;
padding-right: 15px;
letter-spacing: 1px;
text-decoration: none;
line-height: 11px;
height: 11px;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations::before, #woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations::after {
display: flex;
content: "";
width: 1px;
height: 11px;
background: var(--color_heading);
position: absolute;
right: 5px;
top: 0;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations::before {
transform: rotate(45deg);
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations::after {
transform: rotate(-45deg);
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations:hover {
color: var(--color_main);
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations:hover::before, #woosq-popup .single-product .type-product.product-type-variable .summary form.cart.variations_form table.variations .reset_variations:hover::after {
background: var(--color_main);
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {
width: 67px;
flex: 0 0 67px;
margin: 0 0px 8px 8px;
}
#woosq-popup .single-product .type-product.product-type-variable .summary form.cart .single_variation_wrap .woocommerce-variation-price {
margin-bottom: 0px;
}
#woosq-popup .single-product .type-product.product-type-variable .woocommerce-variation-add-to-cart {
display: inline-block;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table {
flex: 0 0 100%;
width: 100%;
border: none;
margin-bottom: 25px;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table tr td {
padding: 10px 0 10px 15px;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table tr td.woocommerce-grouped-product-list-item__quantity {
padding-left: 0;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table tr td.woocommerce-grouped-product-list-item__price {
padding-left: 0;
text-align: right;
width: 68px;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table tr ~ tr {
border-top: 1px solid var(--color_border);
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .group_table .quantity .quantity-group-buttons > a.quantity-minus {
right: auto;
left: 0;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item {
display: table-row;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item a.button {
display: flex;
align-items: center;
justify-content: center;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item a.button.product_type_simple {
background: var(--color_body);
color: #ffffff;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
height: 50px;
padding: 0 30px;
min-width: 150px;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item a.button.product_type_simple svg.fm-icon {
width: 15px;
height: 15px;
margin-right: 6px;
fill: #ffffff;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item a.button.product_type_simple:hover {
background: var(--color_main);
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity .quantity {
margin: 0;
border-width: 1px;
height: 32px;
border-radius: 0;
flex: 0 0 100px;
min-width: 100px;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity .quantity .quantity-group-buttons > a {
height: 30px;
align-items: center;
transform: rotate(90deg);
bottom: 0;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity .quantity .quantity-group-buttons > a svg {
width: 10px;
height: 10px;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__quantity .quantity .input-text {
height: 30px;
font-size: 15px;
color: var(--color_heading);
text-align: center;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__label label {
margin: 0;
line-height: 16px;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__label label a {
color: var(--color_heading);
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price .woocs_price_code {
line-height: 16px;
color: var(--color_heading);
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price .woocs_price_code del {
color: var(--color_body);
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price .woocs_price_code ins {
text-decoration: none !important;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .woocommerce-grouped-product-list .out-of-stock {
margin-bottom: 0;
}
#woosq-popup .single-product .type-product.product-type-grouped .summary form.cart.grouped_form .single_add_to_cart_button {
flex: 0 0 100%;
}
#woosq-popup .single-product .product .summary .summary-content {
width: 99%;
}
body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content {
overflow: unset;
}
body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content .cart_box_content {
height: calc(100% - 40px);
padding: 0px 0 45px;
}
body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content .cart_box_content .woocommerce-mini-cart {
position: relative;
padding: 0 20px;
margin-bottom: 20px;
}
body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content .cart_box_content .widget_shopping_cart_content > p {
padding: 0 20px;
}
body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content .cart_box_content .widget_shopping_cart_content > p.woocommerce-mini-cart__total {
padding: 25px 0 0;
margin: auto 20px 0;
}
body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content .cart_box_content .caston-free-shipping-msg {
padding: 0 20px;
}
body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content .filter-content-wrap {
position: relative;
height: calc(100% - 105px);
padding: 0 15px;
}
body:not(.caston-mobile) .c-offcanvas.is-open#filter-canvas .offcanvas-content {
padding: 0;
}
body:not(.caston-mobile) .c-offcanvas.is-open#filter-canvas .offcanvas-content .offcanvas_box_head {
padding: 15px 30px;
}
body:not(.caston-mobile) .c-offcanvas.is-open#hamburger-canvas .hamburger-screen-inner {
overflow: unset;
}
body:not(.caston-mobile) .c-offcanvas.is-open#hamburger-canvas .hamburger-screen-inner .hamburger-screen-content {
position: relative;
height: calc(100% - 95px);
padding: 0;
}
body:not(.caston-mobile) .c-offcanvas.is-open#hamburger-canvas .hamburger-screen-inner .hamburger-screen-content > .hamburger-navigation {
padding: 0 25px;
}
body:not(.caston-mobile) .c-offcanvas.is-open#hamburger-canvas .hamburger-screen-inner.has_bottom .hamburger-screen-content {
height: calc(100% - 170px);
}
body:not(.caston-mobile) .c-offcanvas.is-open#hamburger-canvas .hamburger-screen-inner .hamburger-bottom {
margin-top: 0;
}
body:not(.caston-mobile) .fm-search-form.ajax_search .fm-search-results {
overflow: initial;
}
body:not(.caston-mobile) .fm-search-form.ajax_search .fm-search-results .fm-dataset-search {
position: relative;
height: 100%;
}
body:not(.caston-mobile) .search_form_wrapper.dropdown .fm-search-form.ajax_search .fm-search-results, body:not(.caston-mobile) .search_form_wrapper.header-element .fm-search-form.ajax_search .fm-search-results {
padding: 20px 0;
}
body:not(.caston-mobile) .search_form_wrapper.dropdown .fm-search-form.ajax_search .fm-search-results .fm-dataset-search, body:not(.caston-mobile) .search_form_wrapper.header-element .fm-search-form.ajax_search .fm-search-results .fm-dataset-search {
padding: 0 20px;
display: block;
height: 380px;
}
body:not(.caston-mobile).has-offcanvas--overlay.hasVerticalScrollbar {
padding-right: 17px;
}
}
@media (min-width: 992px) {
#content .sidebar-left {
flex-direction: row;
}
#content .sidebar-right {
flex-direction: row-reverse;
}
}
@media (min-width: 1025px) {
.fm-search-form.ajax_search .fm-search-results .fm-dataset .search-result-item {
flex: 0 0 20%;
padding: 0 15px;
margin-bottom: 30px;
}
#fm-search-modal .modal-header .modal-title {
margin-bottom: 25px;
font-size: 20px;
}
#fm-search-modal .modal-header button.close {
margin-top: 60px;
margin-bottom: 80px;
}
#fm-search-modal .search_form_content .fm-search-form .search_text_input {
font-size: 26px;
height: 60px;
padding: 0 0 10px 0;
}
#fm-search-modal .search_form_content .fm-search-form button[type=submit] svg.fm-icon {
width: 26px;
height: 26px;
}
#fm-search-modal .search_form_content .fm-search-form button[type=submit]:hover svg.fm-icon {
fill: var(--color_main);
}
#search-canvas .offcanvas-content .js-offcanvas-close.caston-close-btn {
margin-bottom: 80px;
margin-top: 60px;
}
#search-canvas .offcanvas-content .search_form_content .fm-search-form .search_text_input {
font-size: 32px;
padding: 0 0 25px 0;
height: 68px;
}
#search-canvas .offcanvas-content .search_form_content .fm-search-form button[type=submit] svg.fm-icon {
width: 40px;
height: 40px;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content ul.nav-tabs li.nav-item a.nav-link {
padding: 0 50px;
}
#fm-account-modal.show .account-modal .modal-content .modal-body .account_form_content .tab-content .tab-pane .woocommerce-form .woocommerce-form-row {
margin-bottom: 20px;
}
}
@media (min-width: 1200px) {
.js-offcanvas.c-offcanvas--right {
width: 460px;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item {
padding-left: 110px;
min-height: 112px;
margin-top: 20px;
}
.theme-caston .cart_box_content ul.cart_list li.mini_cart_item img {
width: 86px;
height: 90px !important;
}
.theme-caston .cart_box_content .woocommerce-mini-cart__buttons a.button {
width: calc(50% - 10px);
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content {
padding: 20px;
}
.theme-caston .cart_box.hover_dropdown_wrapper .cart_box_content:before {
position: absolute;
top: -50px;
left: 0;
content: "";
width: 100%;
height: 50px;
background-color: transparent;
}
.theme-caston .offcanvas-content .cart_box_content {
padding: 0px 40px 30px 40px;
}
.theme-caston .offcanvas-content .cart_box_content .woocommerce-mini-cart__total {
padding-bottom: 15px;
}
.theme-caston #cart-canvas.c-offcanvas {
width: 460px;
}
.theme-caston #cart-canvas.c-offcanvas.c-offcanvas--right {
transform: translate3d(460px, 0, 0);
}
.theme-caston #cart-canvas.c-offcanvas.c-offcanvas--left {
transform: translate3d(-460px, 0, 0);
}
.theme-caston #cart-canvas.c-offcanvas.is-open {
transform: translate3d(0, 0, 0);
}
.theme-caston #cart-canvas.c-offcanvas .offcanvas-content .cart_box_head {
padding: 27px 40px 15px 40px;
}
.theme-caston #cart-canvas.c-offcanvas .offcanvas-content .cart_box_head .caston-close-btn {
top: 30px;
right: 40px;
}
.theme-caston #account-canvas .offcanvas-content {
margin: 30px;
}
.main-navigation ul.nav-menu > li.menu-item {
margin: 0 12px;
}
body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content .cart_box_content .widget_shopping_cart_content > p, body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content .cart_box_content .woocommerce-mini-cart, body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content .cart_box_content .caston-free-shipping-msg {
padding: 0 40px;
}
body:not(.caston-mobile) .c-offcanvas.is-open .offcanvas-content .cart_box_content .widget_shopping_cart_content > p.woocommerce-mini-cart__total {
margin: auto 40px 0;
}
}
@media (min-width: 1440px) {
.main-navigation ul.nav-menu > li.menu-item {
margin: 0 12px;
}
.caston-breadcrumbs .trail-items .trail-item {
display: inline-block;
}
.caston-breadcrumbs .trail-items .trail-item:not(.trail-end)::after {
margin: 0 11px 0 9px;
}
.related.products .caston-carousel-wrap .swiper-button-next, .related.products .caston-carousel-wrap.swiper-container-rtl .swiper-button-prev {
right: -22px;
width: 44px;
height: 44px;
}
.related.products .caston-carousel-wrap .swiper-button-prev, .related.products .caston-carousel-wrap.swiper-container-rtl .swiper-button-next {
left: -22px;
width: 44px;
height: 44px;
}
}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//faupin.com/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//faupin.com/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}